{"id":15896096,"url":"https://github.com/oscarmarina/create-wc","last_synced_at":"2025-03-20T15:32:18.796Z","repository":{"id":45737738,"uuid":"424291577","full_name":"oscarmarina/create-wc","owner":"oscarmarina","description":"Web component with Lit scaffolding - Extending Open Web Component \u0026 Vitejs \u0026 SCSS/SASS","archived":false,"fork":false,"pushed_at":"2024-10-18T10:57:46.000Z","size":839,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-20T20:44:36.186Z","etag":null,"topics":["eslint","lit-element","lit-html","open-wc","prettier","sass","scss","typescript","vitejs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oscarmarina.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-03T16:04:18.000Z","updated_at":"2024-10-18T10:57:49.000Z","dependencies_parsed_at":"2023-10-01T18:48:38.157Z","dependency_job_id":"d9ab2a7f-a823-477a-93b0-fe711a919d61","html_url":"https://github.com/oscarmarina/create-wc","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmarina%2Fcreate-wc","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmarina%2Fcreate-wc/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmarina%2Fcreate-wc/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmarina%2Fcreate-wc/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oscarmarina","download_url":"https://codeload.github.com/oscarmarina/create-wc/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221461089,"owners_count":16825878,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint","lit-element","lit-html","open-wc","prettier","sass","scss","typescript","vitejs"],"created_at":"2024-10-06T09:06:00.112Z","updated_at":"2025-03-20T15:32:18.790Z","avatar_url":"https://github.com/oscarmarina.png","language":"JavaScript","readme":"# Web Components with Lit - Scaffold\n\nThis scaffold generator extends and customizes **[@open-wc/create](https://open-wc.org/docs/development/generator/#extending)**, providing a starting point for creating web components with **[Lit](https://lit.dev/)**.\n\n**Example:**\n\n[![Open in GitHub](https://img.shields.io/badge/Open_in_GitHub-%23121011.svg?logo=github\u0026logoColor=white)](https://github.com/oscarmarina/lit-vitest-testing-comparison)\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/oscarmarina/lit-vitest-testing-comparison)\n\n\u003chr\u003e\n\n## Development Tools\n\n### Scaffold\n\n- Lint: `eslint`\n- Format: `prettier`\n\n### Vite \u0026 Vitest\n\n- **Server**: [Vite Server](https://vitejs.dev/config/server-options.html)\n- **Preview**: [Vite Preview](https://vitejs.dev/config/preview-options.html)\n- **Build**: [Vite Build](https://vitejs.dev/guide/build.html)\n\n  - TypeScript: [`vite` transpile only](https://vite.dev/guide/features.html#typescript)\n  - TypeScript: [`tsc` emit declarations only](https://www.typescriptlang.org/tsconfig/#emitDeclarationOnly)\n\n- **Test**: [Vitest browser mode](https://vitest.dev/guide/browser/) and [chai-a11y-axe](https://www.npmjs.com/package/chai-a11y-axe)\n\n- ### Sass\n\n  - SCSS [watcher](https://github.com/oscarmarina/sass-style-template) with [sass](https://www.npmjs.com/package/sass)\n\n- ### analyze\n  - [Custom Elements Manifest](https://custom-elements-manifest.open-wc.org/blog/intro/)\n    - [Plugin: cem-to-markdown-readme](https://github.com/oscarmarina/cem-to-markdown-readme)\n\n\u003chr\u003e\n\n## Installation\n\n```bash\nnpm init @blockquote/wc\n```\n\n### Start\n\n```bash\nnpm start\n```\n\n\u003chr\u003e\n\n### Linting and Formatting\n\nTo scan the project for linting and formatting errors, run:\n\n```bash\nnpm run lint\n```\n\nTo automatically fix them, run:\n\n```bash\nnpm run format\n```\n\n### Testing\n\nRun tests with:\n\n```bash\n// vitest --run --browser.headless\n\nnpm run test\n```\n\n```bash\n// vitest\n\nnpm run test:watch\n```\n\n\u003chr\u003e\n\n### Development Server\n\nStart the development server:\n\n```bash\nnpm run start\n```\n\n### Hosting a Static Demo (Do Not Bundle)\n\nFor hosting a static demo without bundling:\n\n```bash\nnpm run dev:vite\n```\n\nPreview demo:\n\n```bash\nnpm run preview:vite\n```\n\n\u003chr\u003e\n\n### TypeScript\n\n```bash\nnpm run build\n```\n\n\u003chr\u003e\n\n### Sass\n\n#### SCSS Watcher\n\nStart the SCSS watcher:\n\n```bash\nnpm run sass:watch\n```\n\n\u003chr\u003e\n\n### Custom Elements Manifest\n\n#### Generating README from `custom-elements.json`\n\nGenerate documentation:\n\n```bash\nnpm run analyze\n```\n\n### Husky\n\nHusky is pre-installed.\n\nAfter initializing Git with `git init`, run:\n\n```bash\nnpm run prepare\n```\n\nto set up Husky and its Git hooks.\n\n\u003chr\u003e\n\n**Plugins:**\n\n- [rollup-plugin-externalize-source-dependencies](https://github.com/oscarmarina/rollup-plugin-externalize-source-dependencies)\n\n- [vite-plugin-prevent-rewrite-imports-type-module](https://github.com/oscarmarina/vite-plugin-prevent-rewrite-imports-type-module/tree/main)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foscarmarina%2Fcreate-wc","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foscarmarina%2Fcreate-wc","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foscarmarina%2Fcreate-wc/lists"}