{"id":21995328,"url":"https://github.com/polymerlabs/start-lit-element","last_synced_at":"2025-04-30T17:26:36.975Z","repository":{"id":57306308,"uuid":"156801688","full_name":"PolymerLabs/start-lit-element","owner":"PolymerLabs","description":"Hello World app for LitElement.","archived":false,"fork":false,"pushed_at":"2020-03-29T12:49:30.000Z","size":106,"stargazers_count":68,"open_issues_count":1,"forks_count":16,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-14T06:49:47.481Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PolymerLabs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-11-09T02:55:50.000Z","updated_at":"2023-11-07T18:34:21.000Z","dependencies_parsed_at":"2022-09-20T22:02:29.285Z","dependency_job_id":null,"html_url":"https://github.com/PolymerLabs/start-lit-element","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/PolymerLabs%2Fstart-lit-element","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolymerLabs%2Fstart-lit-element/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolymerLabs%2Fstart-lit-element/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PolymerLabs%2Fstart-lit-element/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PolymerLabs","download_url":"https://codeload.github.com/PolymerLabs/start-lit-element/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251750377,"owners_count":21637712,"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":[],"created_at":"2024-11-29T21:14:15.454Z","updated_at":"2025-04-30T17:26:36.949Z","avatar_url":"https://github.com/PolymerLabs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# start-lit-element\n\nA simple Hello World for LitElement.\n\nhttps://start-lit-element.firebaseapp.com/\n\n* [Quick start](#quick-start)\n* [Detailed setup info](#detailed-setup-info)\n* [Browser compatibility and performance](#browser-compatibility-and-performance)\n\n## Quick start\n\n```\nnpm install -g polymer-cli\ngit clone https://github.com/PolymerLabs/start-lit-element\ncd start-lit-element\nnpm install\npolymer serve\n```\n\n## Detailed setup info\n\n* [Clone](#clone-this-repo)\n* [Serve](#start-a-dev-server)\n* [Setup](#set-up-new-app)\n* [Build](#build-for-production-and-serve-locally)\n* [Deploy](#deploy)\n\n### Clone this repo\n\n```\ngit clone https://github.com/PolymerLabs/start-lit-element\n```\n\n### Start a dev server\n\n```\nnpm install -g polymer-cli\ncd start-lit-element\nnpm install\npolymer serve\n```\n\n### Set up new app\n\n1. In index.html, update metadata stuff:\n\n```html\n\u003c!-- Change stuff here for your app --\u003e\n\u003cmeta name=\"description\" content=\"start-lit-element\"\u003e\n\u003cmeta name=\"theme-color\" content=\"#ffffff\"\u003e\n\u003ctitle\u003estart-lit-element\u003c/title\u003e\n```\n\n2. In index.html, uncomment the service worker registration code:\n\n```html\n\u003c!-- Register service worker if supported. --\u003e\n\u003c!--\n\u003cscript\u003e\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.register('/service-worker.js');\n  }\n\u003c/script\u003e --\u003e\n```\n\n3. In manifest.json, update the app description, etc:\n\n```json\n\"description\": \"start-lit-element\",\n\"start_url\": \"index.html\",\n\"name\": \"start-lit-element\",\n\"short_name\": \"start-lit-el\",\n\"background_color\": \"#ffffff\",\n\"theme_color\":\"#ffffff\",\n```\n\n4. Update your package.json if required\n\n5. In polymer.json, update your shell \u0026 entrypoint if required\n\n```\n\"shell\": \"src/start-lit-element.js\",\n\"entrypoint\": \"index.html\",\n```\n\n6. Remember to update firebase.json and .firebaserc for a real deployment!\n\n### Build for production and serve locally\n\nBuild your project and serve the build locally:\n\n```\npolymer build\npolymer serve build/default\n```\n\nIf you changed significant stuff (e.g. filenames, folder structure, installed other modules, etc), edit your polymer.json file to configure your build correctly. See the [Polymer CLI documentation](https://www.polymer-project.org/3.0/docs/tools/polymer-json) for more info.\n\n### Deploy\n\n1.  [Set up Firebase CLI tools](https://firebase.google.com/docs/cli/).\n2.  [Create a new Firebase project](https://firebase.google.com/console).\n3.  Update firebase.json and .firebaserc with your own app details.   \n4.  Deploy.\n\n    ```\n    firebase deploy\n    ```\n\nSee the [Firebase CLI Reference](https://firebase.google.com/docs/cli) for more info.\n\n## Browser compatibility and performance\n\nAt the time of writing (Dec 11 2018) this app was scoring 100% on all Lighthouse audits when deployed, and was working fine on the most recent versions of Chrome, Safari, Firefox, and Edge.\n\nLet me know of any [issues](https://github.com/PolymerLabs/start-lit-element/issues).\n\n## Known issues\n\n(All browsers) Dynamic `import` warning:\n\n```\nCould not resolve module specifier \"require\" in file \"..src/start-lit-element.js\".\n```\n\nSee https://github.com/Polymer/tools/issues/131.\n\n(IE11 and Edge) Warning due to `\u003c!--!` in built HTML:\n\n```\nUnexpected character: U+0021 EXCLAMATION MARK (!)\nUnexpected character in comment end. Expected \"--\u003e\"\n```\n\nSee https://github.com/Polymer/polymer-cli/issues/779.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolymerlabs%2Fstart-lit-element","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpolymerlabs%2Fstart-lit-element","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpolymerlabs%2Fstart-lit-element/lists"}