upgrade the world

.github/workflows/lint.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 24
 
       - name: Install Node.js dependencies
         run: npm ci

.stylelintrc.js

@@ -7,9 +7,11 @@ module.exports = {
     "at-rule-no-unknown": [
       true,
       {
-        ignoreAtRules: ["function", "if", "each", "include", "mixin"],
+        ignoreAtRules: ["function", "if", "each", "include", "mixin", "use"],
       },
     ],
     "no-invalid-position-at-import-rule": null,
+    "selector-class-pattern": null,
+    "selector-id-pattern": null,
   },
 };

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14-alpine
+FROM node:24-alpine
 
 ENV WORKDIR=/qboard
 ENV USER=qboard

eslint.config.mjs

@@ -0,0 +1,25 @@
+// @ts-check
+
+import eslint from "@eslint/js";
+import prettierPluginRecommended from "eslint-plugin-prettier/recommended";
+import importPlugin from "eslint-plugin-import";
+import reactPlugin from "eslint-plugin-react";
+import { defineConfig } from "eslint/config";
+import tseslint from "typescript-eslint";
+
+export default defineConfig(
+  eslint.configs.recommended,
+  {
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  },
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat["jsx-runtime"],
+  tseslint.configs.recommended,
+  importPlugin.flatConfigs.recommended,
+  importPlugin.flatConfigs.typescript,
+  prettierPluginRecommended
+);

src/index.html → index.html

@@ -21,5 +21,6 @@
       <canvas id="QBoard" width="1600" height="900"></canvas>
     </div>
     <div id="Overlay"></div>
+    <script type="module" src="./src/index.jsx"></script>
   </body>
 </html>