Styling and things

.eslintrc.cjs

@@ -20,7 +20,9 @@ module.exports = {
     },
     "plugins": [
         "@typescript-eslint",
-        "eslint-plugin-tsdoc"
+        "eslint-plugin-tsdoc",
+        "html",
+        "@html-eslint"
     ],
     "extends": [
         "eslint:recommended",
@@ -33,7 +35,9 @@ module.exports = {
         "plugin:promise/recommended",
         "plugin:import/recommended",
         "plugin:react/recommended",
-        "plugin:qwik/recommended"
+        "plugin:qwik/recommended",
+        "plugin:jsx-secure-form/recommended",
+        "plugin:xss/recommended"
     ],
     "rules": {
         "arrow-parens": ["error", "as-needed"],
@@ -125,7 +129,7 @@ module.exports = {
         "react/no-unescaped-entities": "warn",
         "react/destructuring-assignment": "error",
         "react/no-access-state-in-setstate": "warn",
-        "react/no-danger": "error",
+        "react/no-danger": "warn",
         "react/hook-use-state": "off",
         "react/no-invalid-html-attribute": "error",
         "react/no-namespace": "error",
@@ -158,8 +162,7 @@ module.exports = {
             "afterOpening": "never",
             "beforeClosing": "never"
         }],
-        "react/jsx-wrap-multilines": "error",
-        "react/no-danger": "warn"
+        "react/jsx-wrap-multilines": "error"
     },
     "settings": {
         "import/parsers": {
@@ -171,5 +174,10 @@ module.exports = {
             }
         }
     },
-    "ignorePatterns": ["!.*", "!node_modules/*", "*.json"]
+    "overrides": [{
+        "files": ["*.html"],
+        "parser": "@html-eslint/parser",
+        "extends": ["plugin:@html-eslint/recommended"]
+    }],
+    "ignorePatterns": ["!.*", "!node_modules/*"]
 }

.stylelintrc.json

@@ -0,0 +1,22 @@
+{
+    "extends": [
+        "stylelint-config-standard",
+        "stylelint-a11y/recommended"
+    ],
+    "plugins": [
+        "stylelint-color-format"
+    ],
+    "rules": {
+        "indentation": 4,
+        "selector-class-pattern": "^[a-z][a-zA-Z0-9]+$",
+        "declaration-block-semicolon-newline-after": "always",
+        "declaration-block-trailing-semicolon": "never",
+        "block-opening-brace-newline-after": "always",
+        "block-closing-brace-newline-after": "always",
+        "block-closing-brace-newline-before": "always",
+        "selector-list-comma-newline-after": "never-multi-line",
+        "color-format/format": {
+            "format": "hsl"
+        }
+    }
+}

package.json

@@ -25,27 +25,36 @@
     "native-file-system-adapter": "^3.0.0",
     "node-fetch": "3.3.0",
     "qwik-speak": "^0.5.0",
-    "typescript": "4.9.4",
+    "typescript": "4.9.5",
     "undici": "5.16.0",
     "vite": "4.0.4",
     "vite-tsconfig-paths": "4.0.5",
     "zod": "^3.20.2"
   },
   "devDependencies": {
+    "@html-eslint/eslint-plugin": "^0.16.0",
+    "@html-eslint/parser": "^0.16.0",
     "@types/node": "^18.11.18",
     "@types/node-fetch": "^2.6.2",
-    "eslint": "8.32.0",
+    "eslint": "8.33.0",
+    "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-jsx-secure-form": "^0.0.5",
     "eslint-plugin-markdown": "^3.0.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-qwik": "^0.16.2",
-    "eslint-plugin-react": "^7.32.1",
-    "eslint-plugin-security": "^1.6.0",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-security": "^1.7.0",
     "eslint-plugin-sonarjs": "^0.18.0",
     "eslint-plugin-tsdoc": "^0.2.17",
     "eslint-plugin-unicorn": "^45.0.2",
+    "eslint-plugin-xss": "^0.1.12",
     "esno": "^0.16.3",
-    "wrangler": "^2.8.1"
+    "stylelint": "^14.16.1",
+    "stylelint-a11y": "^1.2.3",
+    "stylelint-color-format": "^1.1.0",
+    "stylelint-config-standard": "^29.0.0",
+    "wrangler": "^2.9.0"
   }
 }