.gitattributes

@@ -1 +0,0 @@
-<OUTPUT>.js binary

.gitignore

@@ -1 +0,0 @@
-node_modules/

cookiecutter.json

@@ -0,0 +1,6 @@
+{
+    "project_name": "Lovelace Custom Card",
+    "project_slug": "{{ cookiecutter.project_name.lower().replace(' ', '-') ",
+    "project_file": "{{ cookiecutter.project_slug.replace('lovelace-', '') ",
+    "author": "Thomas Lovén"
+}

hacs.json

@@ -1,4 +0,0 @@
-{
-  "name": "<NAME>",
-  "render_readme": true
-}

package.json

@@ -1,25 +0,0 @@
-{
-  "name": "<NAME>",
-  "private": true,
-  "version": "1.0.0",
-  "description": "",
-  "scripts": {
-    "build": "webpack",
-    "watch": "webpack --watch --mode=development",
-    "update-card-tools": "npm uninstall card-tools && npm install thomasloven/lovelace-card-tools"
-  },
-  "repository": {
-    "type": "git",
-    "url": "github.com:thomasloven/lovelace-<NAME>"
-  },
-  "keywords": [],
-  "author": "Thomas Lovén",
-  "license": "MIT",
-  "devDependencies": {
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.10"
-  },
-  "dependencies": {
-    "card-tools": "github:thomasloven/lovelace-card-tools"
-  }
-}

webpack.config.js

@@ -1,10 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  entry: './src/main.js',
-  mode: 'production',
-  output: {
-    filename: '<NAME>.js',
-    path: path.resolve(__dirname)
-  }
-};

{{ cookiecutter.project_slug }}/.devcontainer/devcontainer.json

@@ -0,0 +1,35 @@
+{
+    "name": "{{ cookiecutter.project_slug }} Dev",
+    "image": "thomasloven/hass-custom-devcontainer",
+    "postCreateCommand": "sudo -E container setup-dev && npm add",
+    "containerEnv": {
+      "DEVCONTAINER": "1"
+    },
+    "forwardPorts": [8123],
+    "mounts": [
+      "source=${localWorkspaceFolder},target=/config/www/workspace,type=bind",
+      "source=${localWorkspaceFolder}/test,target=/config/test,type=bind",
+      "source=${localWorkspaceFolder}/test/configuration.yaml,target=/config/configuration.yaml,type=bind",
+      "source=${localWorkspaceFolder}/custom_components,target=/config/custom_components,type=bind"
+    ],
+    "runArgs": ["--env-file", "${localWorkspaceFolder}/test/.env"],
+    "extensions": [
+      "github.vscode-pull-request-github",
+      "esbenp.prettier-vscode",
+      "spmeesseman.vscode-taskexplorer"
+    ],
+    "settings": {
+      "files.eol": "\n",
+      "editor.tabSize": 2,
+      "editor.formatOnPaste": false,
+      "editor.formatOnSave": true,
+      "editor.formatOnType": true,
+      "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+      },
+      "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+      },
+      "files.trimTrailingWhitespace": true
+    }
+  }

{{ cookiecutter.project_slug }}/.gitattributes

@@ -0,0 +1,2 @@
+{{ cookiecutter.project_file }}.js binary
+package-lock.json.binary

{{ cookiecutter.project_slug }}/.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+custom_components/

{{ cookiecutter.project_slug }}/.vscode/tasks.json

@@ -0,0 +1,32 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+      {
+        "label": "npm: build",
+        "type": "npm",
+        "script": "build",
+        "problemMatcher": []
+      },
+      {
+        "label": "npm: watch",
+        "type": "npm",
+        "script": "watch",
+        "problemMatcher": [],
+        "presentation": {
+          "panel": "shared",
+          "group": "test"
+        }
+      },
+      {
+        "label": "Run hass",
+        "type": "shell",
+        "command": "sudo container launch",
+        "problemMatcher": [],
+        "presentation": {
+          "panel": "shared",
+          "group": "test"
+        }
+      }
+    ]
+  }
+  

{{ cookiecutter.project_slug }}/LICENSE.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Thomas Lovén
+Copyright (c) 2023 Thomas Lovén
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

{{ cookiecutter.project_slug }}/README.md

@@ -1,5 +1,4 @@
-<NAME>
-=================
+# {{ cookiecutter.project_name }}
 
 [![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)
 
@@ -7,14 +6,6 @@
 
 For installation instructions [see this guide](https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins).
 
-Install `<NAME>` as a `module`.
-
-```yaml
-resources:
-  - url: /local/<NAME>.js
-    type: module
-```
-
 ## Usage
 
 

{{ cookiecutter.project_slug }}/hacs.json

@@ -0,0 +1,4 @@
+{
+  "name": "{{ cookiecutter.project_name }}",
+  "render_readme": true
+}

{{ cookiecutter.project_slug }}/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "{{ cookiecutter.project_name }}",
+  "private": true,
+  "version": "0.1.0",
+  "description": "",
+  "scripts": {
+    "build": "rollup -c",
+    "watch": "rollup -c --watch"
+  },
+  "author": "{{ cookiecutter.author }}",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/core": "^7.23.6",
+    "@babel/preset-env": "^7.23.6",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "rollup": "^2.79.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "lit": "^3.1.0",
+    "tslib": "^2.6.2"
+  }
+}

{{ cookiecutter.project_slug }}/rollup.config.mjs

@@ -0,0 +1,22 @@
+import nodeResolve from "@rollup/plugin-node-resolve";
+import json from "@rollup/plugin-json";
+import typescript from "rollup-plugin-typescript2";
+import { terser } from "rollup-plugin-terser";
+import { getBabelOutputPlugin } from "@rollup/plugin-babel";
+
+const dev = process.env.ROLLUP_WATCH;
+
+export default {
+  input: "src/main.ts",
+  output: {
+    file: "{{ cookiecutter.project_file }}.js",
+    format: "es",
+  },
+  plugins: [
+    nodeResolve(),
+    json(),
+    typescript(),
+    getBabelOutputPlugin({ presets: ["@babel/preset-env"] }),
+    !dev && terser({ format: { comments: false } }),
+  ],
+};

{{ cookiecutter.project_slug }}/test/.env

@@ -0,0 +1,4 @@
+HASS_USERNAME=dev
+HASS_PASSWORD=dev
+LOVELACE_LOCAL_FILES={{ cookiecutter.project_file }}.js
+LOVELACE_PLUGINS="thomasloven/lovelace-card-mod"

{{ cookiecutter.project_slug }}/test/configuration.yaml

@@ -0,0 +1,11 @@
+default_config:
+
+demo:
+
+lovelace:
+  mode: storage
+  dashboards:
+    lovelace-yaml:
+      mode: yaml
+      title: yaml
+      filename: test/lovelace.yaml

{{ cookiecutter.project_slug }}/test/docker-compose.yml

@@ -0,0 +1,17 @@
+version: "3.0"
+
+services:
+  test:
+    image: thomasloven/hass-custom-devcontainer
+    environment:
+      - HASS_USERNAME
+      - HASS_PASSWORD
+      - LOVELACE_LOCAL_FILES
+      - LOVELACE_PLUGINS
+    volumes:
+      - ./configuration.yaml:/config/configuration.yaml:ro
+      - .:/config/test:ro
+      - ..:/config/www/workspace
+      - ../custom_components,target=/config/custom_components
+    ports:
+      - 8125:8123

{{ cookiecutter.project_slug }}/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+      "target": "es2017",
+      "moduleResolution": "node",
+      "resolveJsonModule": true,
+      "allowSyntheticDefaultImports": true,
+      "experimentalDecorators": true
+    }
+  }
+