# web-component-builder

> Web Component Builder with typescript decorators

Latest version **1.0.8-rc.0** (published 2021-07-01) · ISC license · 0 weekly downloads

## Install

```sh
npm install web-component-builder
pnpm add web-component-builder
yarn add web-component-builder
bun add web-component-builder
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.8-rc.0 |
| Published | 2021-07-01 |
| First published | 2021-04-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 203.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | Erdi Taner Goekalp |
| Maintainers | egoekalp |
| Keywords | typescript, javascript, web components, webpack |

## Links

- npm: https://www.npmjs.com/package/web-component-builder
- Repository: https://github.com/erdysson/web-component-builder
- Homepage: https://github.com/erdysson/web-component-builder#readme
- Issues: https://github.com/erdysson/web-component-builder/issues
- npm.io page: https://npm.io/package/web-component-builder

## Dependencies (2)

- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.14.6
- [reflect-metadata](https://npm.io/package/reflect-metadata.md) ^0.1.13

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 1.0.8-rc.0 (latest) — 2021-07-01
- 1.0.0-rc.3 (rc) — 2021-04-09
- 1.0.7-rc.0 — 2021-07-01
- 1.0.6-rc.0 — 2021-04-18
- 1.0.5-rc.0 — 2021-04-16
- 1.0.0-rc.6 — 2021-04-12
- 1.0.0-rc.5 — 2021-04-09
- 1.0.0-rc.4 — 2021-04-09
- 1.0.0-rc.2 — 2021-04-09
- 1.0.0-rc.1 — 2021-04-09

## README

[![codecov](https://codecov.io/gh/erdysson/web-component-builder/branch/master/graph/badge.svg?token=8V9TKX3RZJ)](https://codecov.io/gh/erdysson/web-component-builder)
![example workflow](https://github.com/erdysson/web-component-builder/actions/workflows/main.yml/badge.svg?branch=release&event=push)
[![NPM](https://nodei.co/npm/web-component-builder.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/web-component-builder/)

### Web Component Builder

`web-component-builder` is a simple typescript project that allows creating web components with an angular-like syntax.

Currently, capabilities are :

* **`Component`** declarations with `selector` and inline `template`


* **`Component`** **`attributes`** as custom element **`attributes`**


* **`Component`** lifecycle methods like **`onInit`**, **`onAttrChanges`**, **`onViewInit`** and **`onDestroy`**


* **`Dependency Injection`** through **`services / providers`**

### Examples

`
@Component({
    selector: 'my-comp',
    template: '<div>My First Web Component with Builder!</div>'
})
class MyComp implements IOnInit, IOnDestroy() {
}
`

---
_Source: https://npm.io/package/web-component-builder · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._