Automate release process

.github/workflows/build.yml → .github/workflows/build.yaml

@@ -1,4 +1,4 @@
-name: "Build"
+name: Build
 
 on:
   push:
@@ -9,12 +9,20 @@ on:
       - master
 
 jobs:
-  build:
+  test_build:
     name: Build
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+
       - name: Build
         run: |
           npm install
           npm run build
+
+      - name: Archive distribution bundle
+        uses: actions/upload-artifact@v4
+        with:
+          path: dist/config-template-card.js
+          name: config-template-card-latest-build.js
+          overwrite: true

.github/workflows/release.yml

@@ -1,27 +1,28 @@
 name: Release
 
 on:
-  release:
-    types: [published]
+  push:
+    tags:
+      - '*'
 
 jobs:
   release:
-    name: Prepare release
+    name: Prepare Release
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
 
       - name: Build
         run: |
-          cd /home/runner/work/config-template-card/config-template-card
           npm install
           npm run build
 
-      - name: Upload as release
+      - name: Upload as Release
         uses: svenstaro/upload-release-action@v2
         with:
           repo_token: ${{ secrets.GITHUB_TOKEN }}
-          file: /home/runner/work/config-template-card/config-template-card/dist/config-template-card.js
+          file: dist/config-template-card.js
           asset_name: config-template-card.js
           tag: ${{ github.ref }}
+          prerelease: ${{ contains(github.ref_name, 'beta') || contains(github.ref_name, 'rc') }}
           overwrite: true

.gitignore

@@ -1,4 +1,5 @@
 /node_modules/
 /yarn.lock
+/.version.json
 /.tsbuildinfo
 /dist/

package.json

@@ -1,6 +1,5 @@
 {
   "name": "config-template-card",
-  "version": "1.3.1",
   "description": "Lovelace config-template-card",
   "keywords": [
     "home-assistant",
@@ -20,6 +19,7 @@
   },
   "devDependencies": {
     "rollup": "^4.24.3",
+    "rollup-plugin-version-injector": "1.3.3",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-eslint": "^9.0.5",
     "typescript-eslint": "^8.24.0",
@@ -34,8 +34,10 @@
     }
   },
   "scripts": {
-    "devl": "rollup --config --watch",
-    "build": "rollup --config",
-    "lint": "eslint"
+    "version": "echo \"{ \\\"version\\\": \\\"$(git describe --exact-match --tags 2>/dev/null || git rev-parse --short HEAD)\\\" }\" > .version.json",
+    "devl": "npm run version && rollup --config --watch",
+    "lint": "eslint",
+    "build": "npm run version && rollup --config",
+    "release": "rel() { git tag \"$1\" && git push origin tag \"$1\" ; } ; rel"
   }
 }

rollup.config.mjs

@@ -1,3 +1,4 @@
+import versionInjector from 'rollup-plugin-version-injector';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import eslint from '@rollup/plugin-eslint';
 import typescript from '@rollup/plugin-typescript';
@@ -12,6 +13,19 @@ export default {
     sourcemap: true,
   },
   plugins: [
+    versionInjector({
+      packageJson: './.version.json',
+      injectInComments: {
+        fileRegexp: /\.js$/,
+        tag: 'Version: {version} - {date}',
+        dateFormat: 'yyyy-mm-dd HH:MM:ss',
+      },
+      injectInTags: {
+        fileRegexp: /\.js$/,
+        tagId: 'VI',
+      },
+      logLevel: 'warn',
+    }),
     nodeResolve(),
     eslint({
       throwOnError: false,

src/config-template-card.ts

@@ -3,11 +3,11 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { computeCardSize, HomeAssistant, LovelaceCard } from 'custom-card-helpers';
 
 import { ConfigTemplateConfig, ConfigTemplateVars } from './types';
-import { CARD_VERSION } from './const';
+import { VERSION } from './version';
 import { isString } from './util';
 
 console.info(
-  `%c  CONFIG-TEMPLATE-CARD  \n%c  Version ${CARD_VERSION}         `,
+  `%c  CONFIG-TEMPLATE-CARD  \n%c  Version ${VERSION}         `,
   'color: orange; font-weight: bold; background: black',
   'color: white; font-weight: bold; background: dimgray',
 );

src/version.ts

@@ -0,0 +1 @@
+export const VERSION = '[VI]{version}[/VI]';