chore: use Github Actions to create build artifacts and automatically create a Github release

.github/workflows/release.yml

@@ -0,0 +1,32 @@
+name: Release
+on:
+    push:
+        tags:
+            - "v*.*.*"
+jobs:
+    release:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v6
+            - name: Install
+              run: npm ci
+            - name: Build
+              run: npm run build
+            - name: Package Artifacts
+              run: |
+                shopt -s nullglob
+                artifacts=(dist/*)
+                if [ ${#artifacts[@]} -eq 0 ]; then
+                  echo "No dist artifacts found" >&2
+                  exit 1
+                fi
+                zip -j "dist/simon42-dashboard-strategy-${GITHUB_REF_NAME}.zip" "${artifacts[@]}"
+            - name: Release
+              uses: softprops/action-gh-release@v3
+              if: startsWith(github.ref, 'refs/tags/')
+              with:
+                  draft: true
+                  generate_release_notes: true
+                  files: dist/*.zip
+

.gitignore

@@ -6,3 +6,4 @@ dist/simon42-dashboard-strategy.js
 dist/simon42-dashboard-strategy.js.map
 .DS_Store
 .codacy/
+dist/

package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "webpack",
-    "build-dev": "webpack --config webpack.dev.config.ts",
-    "watch": "webpack --config webpack.dev.config.ts --watch",
+    "build": "webpack --config webpack.config.js",
+    "build-dev": "webpack --config webpack.dev.config.js",
+    "watch": "webpack --config webpack.dev.config.js --watch",
     "format": "prettier --write \"src/**/*.ts\"",
     "format:check": "prettier --check \"src/**/*.ts\"",
     "lint": "eslint \"src/**/*.ts\"",

webpack.config.ts → webpack.config.js

@@ -1,9 +1,9 @@
 import path from 'path';
 import zlib from 'zlib';
-import webpack from 'webpack';
 import CompressionPlugin from 'compression-webpack-plugin';
 
-const config: webpack.Configuration = {
+/** @type {import('webpack').Configuration} */
+const config = {
   mode: 'production',
   entry: './src/simon42-dashboard-strategy.ts',
   output: {
@@ -29,11 +29,11 @@ const config: webpack.Configuration = {
   optimization: {
     splitChunks: {
       // Chunk architecture:
-      //   main (entry)  → tiny, registers custom element instantly
-      //   lit           → Lit framework, shared by core + views + editor
-      //   core          → Registry, Utils, OverviewViewStrategy, Cards (home screen)
-      //   views         → LightsView, CoversView, SecurityView, BatteriesView, RoomView
-      //   editor        → StrategyEditor + js-yaml (on-demand only)
+      //   main (entry)  -> tiny, registers custom element instantly
+      //   lit           -> Lit framework, shared by core + views + editor
+      //   core          -> Registry, Utils, OverviewViewStrategy, Cards (home screen)
+      //   views         -> LightsView, CoversView, SecurityView, BatteriesView, RoomView
+      //   editor        -> StrategyEditor + js-yaml (on-demand only)
       cacheGroups: {
         lit: {
           test: /[\\/]node_modules[\\/](?:lit|@lit|lit-html|lit-element)[\\/]/,
@@ -75,7 +75,9 @@ const config: webpack.Configuration = {
     new CompressionPlugin({
       algorithm: 'brotliCompress',
       test: /\.js$/,
-      compressionOptions: { params: { [zlib.constants.BROTLI_PARAM_QUALITY]: 11 } } as any,
+      compressionOptions: {
+        [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
+      },
       minRatio: 0.8,
       filename: '[path][base].br',
     }),

webpack.dev.config.ts → webpack.dev.config.js

@@ -1,14 +1,15 @@
 import path from 'path';
 import webpack from 'webpack';
 
-const config: webpack.Configuration = {
+/** @type {import('webpack').Configuration} */
+const config = {
   mode: 'development',
   devtool: 'source-map',
   entry: './src/simon42-dashboard-strategy.ts',
   output: {
     clean: true,
     filename: 'simon42-dashboard-strategy.js',
-    path: path.resolve(__dirname, 'dist'),
+    path: path.resolve(import.meta.dirname, 'dist'),
   },
   resolve: {
     extensions: ['.ts', '.js'],