Prepare project for automatic deployments

.github/workflows/deploy-to-vm.yaml

@@ -0,0 +1,66 @@
+# Created with assistance from GPT-5.6 Terra High
+
+name: CI/CD - Deploy to VM
+
+on:
+  workflow_run:
+    workflows: ["CI/CD - Run lint and formatting checkout"]
+    types: [completed]
+    branches:
+      - main
+
+permissions:
+  contents: read
+
+concurrency:
+  group: production-deploy
+  cancel-in-progress: false
+
+jobs:
+  deploy:
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    runs-on: [self-hosted]
+    timeout-minutes: 10
+
+    env:
+      SITE_ROOT: /var/www/html/project1
+      npm_config_cache: ${{ github.workspace }}/.npm-cache
+      TMPDIR: ${{ github.workspace }}/.tmp
+
+    steps:
+      - name: Check out source
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.workflow_run.head_sha }}
+
+      - name: Install dependencies
+        working-directory: vær
+        run: |
+          mkdir -p "$TMPDIR"
+          npm ci --no-audit --no-fund
+
+      - name: Build app
+        working-directory: vær
+        run: npm run build
+
+      - name: Deploy app to Apache
+        run: |
+          set -euo pipefail
+
+          test -d "$SITE_ROOT"
+          test -f vær/dist/index.html
+
+          rsync -a --delete --chmod=D755,F644 \
+            vær/dist/ "$SITE_ROOT/"
+
+      - name: Clean up job files
+        if: always()
+        run: |
+          set -euo pipefail
+
+          # Removes the checkout, node_modules, dist, npm cache, and TMPDIR.
+          # Keeps the runner's own _work directory intact.
+          if [ -d "$GITHUB_WORKSPACE" ]; then
+            find "$GITHUB_WORKSPACE" -mindepth 1 -maxdepth 1 \
+              -exec rm -rf -- {} +
+          fi

.github/workflows/lint-and-format.yaml

@@ -0,0 +1,37 @@
+name: CI/CD - Run lint and formatting checkout
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types:
+      - opened
+
+jobs:
+  deploy:
+    runs-on: [self-hosted]
+    timeout-minutes: 10
+
+    env:
+      SITE_ROOT: /var/www/html/project1
+      npm_config_cache: ${{ github.workspace }}/.npm-cache
+      TMPDIR: ${{ github.workspace }}/.tmp
+
+    steps:
+      - name: Check out source
+        uses: actions/checkout@v4
+
+      - name: Install dependencies
+        working-directory: vær
+        run: |
+          mkdir -p "$TMPDIR"
+          npm ci --no-audit --no-fund
+
+      - name: Run Prettier check
+        working-directory: vær
+        run: npx exec prettier . --check
+
+      - name: Run ESLint
+        working-directory: vær
+        run: npm run lint

vær/.prettierrc

@@ -1,3 +1,6 @@
 {
-
-}
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": false
+}

vær/package.json

@@ -24,6 +24,7 @@
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.6",
     "globals": "^17.12.0",
+    "prettier": "^3.9.7",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.69.0",
     "vite": "^8.3.0"

vær/src/hooks/useStorage.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback } from "react";
+import { useState, useCallback } from "react";
 import { getData, saveData } from "../services/storage";
 import type {AppStorage} from "../services/storage";
 

vær/vite.config.ts

@@ -4,4 +4,5 @@ import { defineConfig } from 'vite'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react()],
+  base: "/project1",
 })