Update dependencies, replace builds and translation handling to be more in sync with core

.devcontainer.json

@@ -1,6 +1,6 @@
 {
 	"name": "HACS Frontend",
-	"image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:16-bullseye",
+	"image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:18",
 	"remoteUser": "node",
 	"postCreateCommand": "make init",
 	"forwardPorts": [

.eslintrc.yaml

@@ -8,6 +8,13 @@
       "prettier",
     ],
   "parser": "@typescript-eslint/parser",
+    "settings": {
+    "import/resolver": {
+      "webpack": {
+        "config": "./webpack.config.cjs"
+      }
+    }
+  },
   "parserOptions":
     {
       "ecmaVersion": 2020,

.github/workflows/ReleaseActions.yml

@@ -5,7 +5,7 @@ on:
     types: ["published"]
 
 env:
-  NODE_VERSION: 16
+  NODE_VERSION: 18
   PYTHON_VERSION: "3.x"
 
 jobs:
@@ -54,21 +54,21 @@ jobs:
         run: |
           export version=${{ github.ref }}
           sed -i "s|main|${version##*/}|" ./setup.py
-          sed -i "s|main|${version##*/}|" ./hacs_frontend/version.py
+          sed -i "s|main|${version##*/}|" ./public/version.py
           sed -i "s|main|${version##*/}|" ./src/version.ts
 
           cat ./setup.py
-          cat ./hacs_frontend/version.py
+          cat ./public/version.py
           cat ./src/version.ts
 
       - name: Install dependencies
         run: |
           python -m pip install --upgrade pip
           pip install setuptools wheel twine
-          make bootstrap
+          script/bootstrap
 
       - name: Build
-        run: make build
+        run: script/build
 
       - name: Publish to PyPi
         env:

.github/workflows/TestBuild.yml

@@ -9,7 +9,7 @@ on:
       - main
 
 env:
-  NODE_VERSION: 16
+  NODE_VERSION: 18
 
 jobs:
   build_frontend:
@@ -31,3 +31,5 @@ jobs:
         run: script/bootstrap
       - name: Build
         run: script/build
+        env:
+          IS_TEST: "true"

.gitignore

@@ -1,12 +1,12 @@
 node_modules
 package-lock.json
 build
-src/localize/generated.ts
+dist
+src/localize/languages/translationMetadata.json
 !script/build
-hacs_frontend/*.js
-hacs_frontend/*.json
-hacs_frontend/*.js.gz
-!hacs_frontend/*.py
+hacs_frontend
 
 yarn-error.log
-.yarn
+.yarn/*
+!.yarn/releases
+!.yarn/releases/yarn-*.cjs

.yarnrc.yml

@@ -0,0 +1,6 @@
+
+defaultSemverRangePrefix: ""
+
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.5.1.cjs

Makefile

@@ -11,8 +11,8 @@ start: ## Start the frontend
 	yarn start;
 
 bootstrap: ## Run yarn
+	git submodule update --init;
 	yarn;
-	git submodule update --init
 
 build: ## Build the frontend
 	yarn build;
@@ -21,8 +21,7 @@ update: ## Pull main from hacs/frontend
 	git pull upstream main;
 
 update-submodule: ## Udpate submodules
-	rm -R homeassistant-frontend;
-	git submodule update --init --recursive --remote;
+	git submodule update --recursive --remote;
 	script/bootstrap
 
 tag-name: ## Create a tag name

gulpfile.js

@@ -1,2 +1,11 @@
-var requireDir = require("require-dir");
-requireDir("./script/gulp/");
+import { globIterate } from "glob";
+
+const gulpImports = [];
+
+for await (const gulpModule of globIterate(["./script/gulp/*.?(c|m)js"], {
+  dotRelative: true,
+})) {
+  gulpImports.push(import(gulpModule));
+}
+
+await Promise.all(gulpImports);