{"id":15387731,"url":"https://github.com/motss/generator-lit-element-next","last_synced_at":"2025-04-15T17:33:09.020Z","repository":{"id":33239586,"uuid":"156669232","full_name":"motss/generator-lit-element-next","owner":"motss","description":"Generator for developing with latest LitElement","archived":false,"fork":false,"pushed_at":"2023-01-05T16:14:35.000Z","size":1725,"stargazers_count":17,"open_issues_count":19,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-11T18:18:26.648Z","etag":null,"topics":["generator","lit-element","typescript","yeoman","yeoman-generator","yo"],"latest_commit_sha":null,"homepage":"https://npm.im/package/generator-lit-element-next","language":"TypeScript","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/motss.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"custom":["https://www.buymeacoffee.com/RLmMhgXFb"]}},"created_at":"2018-11-08T07:46:22.000Z","updated_at":"2023-03-21T11:39:20.000Z","dependencies_parsed_at":"2023-01-15T00:03:24.456Z","dependency_job_id":null,"html_url":"https://github.com/motss/generator-lit-element-next","commit_stats":null,"previous_names":[],"tags_count":45,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motss%2Fgenerator-lit-element-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motss%2Fgenerator-lit-element-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motss%2Fgenerator-lit-element-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motss%2Fgenerator-lit-element-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/motss","download_url":"https://codeload.github.com/motss/generator-lit-element-next/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249118977,"owners_count":21215651,"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":["generator","lit-element","typescript","yeoman","yeoman-generator","yo"],"created_at":"2024-10-01T14:54:34.112Z","updated_at":"2025-04-15T17:33:08.753Z","avatar_url":"https://github.com/motss.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/RLmMhgXFb"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\" style=\"text-align: center;\"\u003e\n  \u003ch1 style=\"border-bottom: none;\"\u003egenerator-lit-element-next\u003c/h1\u003e\n\n  \u003cp\u003eGenerator for developing your next custom element with latest LitElement in TypeScript\u003c/p\u003e\n\u003c/div\u003e\n\n\u003chr /\u003e\n\n\u003ca href=\"https://www.buymeacoffee.com/RLmMhgXFb\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: 20px !important;width: auto !important;\" \u003e\u003c/a\u003e\n[![tippin.me][tippin-me-badge]][tippin-me-url]\n[![Follow me][follow-me-badge]][follow-me-url]\n\n[![Version][version-badge]][version-url]\n[![Node version][node-version-badge]][node-version-url]\n[![MIT License][mit-license-badge]][mit-license-url]\n[![Mentioned in Awesome][awesome-badge]][awesome-url]\n\n[![Downloads][downloads-badge]][downloads-url]\n[![Total downloads][total-downloads-badge]][downloads-url]\n[![Packagephobia][packagephobia-badge]][packagephobia-url]\n\n[![ci][ga-badge]][ga-url]\n[![Dependency Status][daviddm-badge]][daviddm-url]\n[![codecov][codecov-badge]][codecov-url]\n[![Coverage Status][coveralls-badge]][coveralls-url]\n\n[![codebeat badge][codebeat-badge]][codebeat-url]\n[![Codacy Badge][codacy-badge]][codacy-url]\n[![Code of Conduct][coc-badge]][coc-url]\n\n\u003e Write your next custom element with latest [lit-element][lit-element-url] in [TypeScript][typescript-url].\n\n## Table of contents \u003c!-- omit in toc --\u003e\n\n- [Pre-requisites](#pre-requisites)\n- [Installation](#installation)\n  - [NPM](#npm)\n  - [NPX](#npx)\n- [Testing](#testing)\n- [Getting To Know Yeoman](#getting-to-know-yeoman)\n- [Contributing](#contributing)\n  - [Code of Conduct](#code-of-conduct)\n- [License](#license)\n\n## Pre-requisites\n\nPlease make sure that you have the following dependencies installed and setup correctly:-\n\n- [Node.js][nodejs-url] \u003e= `10.18.1`\n- [NPM][npm-url] \u003e= `6.13.4`\n\n## Installation\n\n### NPM\n\nFirst, install `generator-lit-element-next` using [NPM][npm-url] (we assume you have pre-installed [Node.js][nodejs-url]).\n\n```sh\n# Install globally with NPM\n$ npm install -g yo generator-lit-element-next\n```\n\nThen generate your new project:\n\n```sh\n# Create a new directory if you haven't already.\n# Then change to that new directory.\n$ mkdir my-app \u0026\u0026 cd my-app\n\n# Init\n$ yo lit-element-next\n```\n\n### NPX\n\n[NPX][npx-url] comes in a package as of [Node.js][nodejs-url] `v8.9.0`. This means that you can run any CLI written in [Node.js][nodejs-url] without globally installing it.\n\n```sh\n# Create a new directory if you haven't already.\n# Then change to that new directory.\n$ mkdir my-app \u0026\u0026 cd my-app\n\n# Install packages with NPX and execute the CLI with this one-liner\n$ npx -p yo -p generator-lit-element-next -- yo lit-element-next\n```\n\n## Testing\n\nNo option on which testing library/ framework to use to test Web Components and you are feel free to bring your own testing library or framework. But, here are a few to recommend if you haven't already had one:\n\n1. [@open-wc/testing]\n2. [webdriverio]\n3. [playwright]\n\n## Getting To Know Yeoman\n\n- Yeoman has a heart of gold.\n- Yeoman is a person with feelings and opinions, but is very easy to work with.\n- Yeoman can be too opinionated at times but is easily convinced not to be.\n- Feel free to [learn more about Yeoman][yeoman-url].\n\n## Contributing\n\n### Code of Conduct\n\nPlease note that this project is released with a [Contributor Code of Conduct][coc-url]. By participating in this project you agree to abide by its terms.\n\n## License\n\n[MIT License](https://motss.mit-license.org/) © Rong Sen Ng\n\n\u003c!-- References --\u003e\n[node-releases-url]: https://nodejs.org/en/download/releases\n[nodejs-url]: https://nodejs.org\n[npm-url]: https://www.npmjs.com\n[npx-url]: https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b\n[tslint-extension-url]: https://palantir.github.io/tslint/usage/third-party-tools\n[tslint-url]: https://palantir.github.io/tslint\n[typescript-url]: https://www.typescriptlang.org\n[yeoman-url]: https://yeoman.io\n[lit-element-url]: https://github.com/Polymer/lit-element\n[@open-wc/testing]: https://github.com/open-wc/open-wc/tree/master/packages/testing\n[webdriverio]: https://github.com/webdriverio/webdriverio\n[playwright]: https://github.com/microsoft/playwright\n\n\u003c!-- Badges --\u003e\n[tippin-me-badge]: https://badgen.net/badge/%E2%9A%A1%EF%B8%8Ftippin.me/@igarshmyb/F0918E\n[follow-me-badge]: https://flat.badgen.net/twitter/follow/igarshmyb?icon=twitter\n\n[version-badge]: https://flat.badgen.net/npm/v/generator-lit-element-next?icon=npm\n[node-version-badge]: https://flat.badgen.net/npm/node/generator-lit-element-next\n[mit-license-badge]: https://flat.badgen.net/npm/license/generator-lit-element-next\n[awesome-badge]: https://awesome.re/mentioned-badge.svg\n\n[downloads-badge]: https://flat.badgen.net/npm/dm/generator-lit-element-next\n[total-downloads-badge]: https://flat.badgen.net/npm/dt/generator-lit-element-next?label=total%20downloads\n[packagephobia-badge]: https://flat.badgen.net/packagephobia/install/generator-lit-element-next\n\n[ga-badge]: https://github.com/motss/generator-lit-element-next/workflows/ci/badge.svg\n[daviddm-badge]: https://flat.badgen.net/david/dep/motss/generator-lit-element-next\n[codecov-badge]: https://flat.badgen.net/codecov/c/github/motss/generator-lit-element-next?label=codecov\u0026icon=codecov\n[coveralls-badge]: https://flat.badgen.net/coveralls/c/github/motss/generator-lit-element-next?label=coveralls\n\n[codebeat-badge]: https://codebeat.co/badges/2e98378b-4e11-497e-a692-ba66a4d1c71a?style=flat-square\n[codacy-badge]: https://api.codacy.com/project/badge/Grade/1ea482be29d14b848f5f8b34ca8e9dd9?style=flat-square\n[coc-badge]: https://flat.badgen.net/badge/code%20of/conduct/pink\n\n\u003c!-- Links --\u003e\n[tippin-me-url]: https://tippin.me/@igarshmyb\n[follow-me-url]: https://twitter.com/igarshmyb?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=motss/generator-lit-element-next\n\n[version-url]: https://www.npmjs.com/package/generator-lit-element-next\n[node-version-url]: https://nodejs.org/en/download\n[mit-license-url]: /LICENSE\n[awesome-url]: https://github.com/web-padawan/awesome-lit-html#starter-templates\n\n[downloads-url]: https://www.npmtrends.com/generator-lit-element-next\n[packagephobia-url]: https://packagephobia.now.sh/result?p=generator-lit-element-next\n\n[ga-url]: https://github.com/motss/generator-lit-element-next/actions?query=workflow%3Aci\n[daviddm-url]: https://david-dm.org/motss/generator-lit-element-next\n[coveralls-url]: https://coveralls.io/github/motss/generator-lit-element-next?branch=master\n[codecov-url]: https://codecov.io/gh/motss/generator-lit-element-next\n\n[codebeat-url]: https://codebeat.co/projects/github-com-motss-generator-lit-element-next-master\n[codacy-url]: https://www.codacy.com/app/motss/generator-lit-element-next?utm_source=github.com\u0026amp;utm_medium=referral\u0026amp;utm_content=motss/generator-lit-element-next\u0026amp;utm_campaign=Badge_Grade\n[coc-url]: /CODE-OF-CONDUCT.md\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmotss%2Fgenerator-lit-element-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmotss%2Fgenerator-lit-element-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmotss%2Fgenerator-lit-element-next/lists"}