{"id":16793128,"url":"https://github.com/maxwroc/lovelace-card-boilerplate","last_synced_at":"2025-06-25T15:05:59.937Z","repository":{"id":45559654,"uuid":"302480830","full_name":"maxwroc/lovelace-card-boilerplate","owner":"maxwroc","description":"Startup setup for new lovelace (Home Assistant) card development ","archived":false,"fork":false,"pushed_at":"2021-12-22T16:55:40.000Z","size":80,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-14T08:48:09.545Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/maxwroc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-10-08T23:04:05.000Z","updated_at":"2024-10-04T18:35:20.000Z","dependencies_parsed_at":"2022-09-23T04:51:44.498Z","dependency_job_id":null,"html_url":"https://github.com/maxwroc/lovelace-card-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxwroc%2Flovelace-card-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxwroc%2Flovelace-card-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxwroc%2Flovelace-card-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maxwroc%2Flovelace-card-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maxwroc","download_url":"https://codeload.github.com/maxwroc/lovelace-card-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225998806,"owners_count":17557472,"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-10-13T08:48:18.129Z","updated_at":"2024-11-23T03:43:44.863Z","avatar_url":"https://github.com/maxwroc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# lovelace-card-boilerplate\nStartup setup for new lovelace (Home Assistant) card development\n\n## What is here?\n\n* Card code written in TypeScript\n* Bundling all the files to single output\n* Map file generated, poiting to repo url (with version etc), this way debugging is possible without having source code locally\n* CSS code minimized, converted to TS and included in output bundle\n* Two bundle types: debug and crunched one\n* Teststing with Electron headless browser\n\n## How to use it?\n\n1. Get the template code\n\n    * Click on the \"Use this template\" button at the top of this page. Your private repo will be created for you.\n\n    * Clone your repo to your box\n    \n    OR\n    \n    * Clone this repo to your box\n      \n      `git clone https://github.com/maxwroc/lovelace-card-boilerplate.git your-card-name`\n\n    * Create empty repo on your git server and copy it's url\n\n    * Change the remote url\n\n      `git remote set-url origin [your target repo url]`\n\n2. Change the card class name and the custom element name in index.ts, update package.json\n\n3. Push the code and you are ready to go\n\n    `git push origin master`\n\n4. Build\n\n    Run `npm install` once before first build.\n\n   * `npm run build` produces debug version of the code (just bundled but no crunched)\n   * `npm run release` produces crunched bundle\n\n    The output files are located in `dist` directory.\n\n    Note: The style.ts file is auto-generated\n\n5. Testing\n  ![image](https://user-images.githubusercontent.com/8268674/97108632-bf139780-16c6-11eb-82fd-2b6714c6667f.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxwroc%2Flovelace-card-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaxwroc%2Flovelace-card-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaxwroc%2Flovelace-card-boilerplate/lists"}