https://github.com/oscarmarina/cem-labs

Playground using @lit-labs/analyzer and @lit-labs/gen-manifest to generate a custom-elements.json and compare it with the custom-elements.json generated by @custom-elements-manifest/analyzer
https://github.com/oscarmarina/cem-labs

Last synced: 11 days ago
JSON representation

Playground using @lit-labs/analyzer and @lit-labs/gen-manifest to generate a custom-elements.json and compare it with the custom-elements.json generated by @custom-elements-manifest/analyzer

• Host: GitHub
• URL: https://github.com/oscarmarina/cem-labs
• Owner: oscarmarina
• Created: 2023-09-29T17:25:39.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-01T14:42:43.000Z (about 1 year ago)
• Last Synced: 2023-10-01T23:41:10.320Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 147 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



**Playground using** [@lit-labs/analyzer](https://github.com/lit/lit/tree/main/packages/labs/analyzer) and [@lit-labs/gen-manifest](https://github.com/lit/lit/tree/main/packages/labs/gen-manifest) to generate a `custom-elements.json` and compare it with the `custom-elements.json` generated by [@custom-elements-manifest/analyzer](https://github.com/open-wc/custom-elements-manifest/tree/master/packages/analyzer)

**JS project with .d.ts**

```bash

npm install -C cem-labs-js

```

**TS project**

```bash

npm install -C cem-labs-ts

```



#### custom-elements-manifest/analyzer

```bash

npm run analyze

```

#### @lit-labs/analyzer & @lit-labs/gen-manifest

```bash

npm run analyze:newcem

```



@lit-labs/analyzer & @lit-labs/gen-manifest fail in a **JS project** (`cem-labs-js`) when using `.d.ts` files extension.

It's necessary to rename them to **`.d.js`** for it to work or temporarily move the `types` folder to the project's root.

```bash

./types

├── hello.d.js

├── highlightable.d.js

└── shared.d.js

```



> `README` generated utilizing - [@blockquote/to-markdown](https://github.com/oscarmarina/to-markdown)

> `cem-labs-*` components generated utilizing - [npm init @blockquote/wc](https://github.com/oscarmarina/create-wc)