Feat/better frontend (#240)

* feat: using svelte5 stuff like (svelte:window) instead of hardcoded wheels
* feat: removed local imports
* feat: styles and date lib instead of hardcoded stuff
* feat: consola for more precise logging, also removed useless code
* feat: removal of unused code
* feat: test fixes + style lint

Author: HardMax71

.github/workflows/frontend-ci.yml

@@ -35,6 +35,10 @@ jobs:
         working-directory: frontend
         run: npm run lint
 
+      - name: Run Stylelint
+        working-directory: frontend
+        run: npm run stylelint
+
       - name: Run svelte-check
         working-directory: frontend
         run: npm run check

.pre-commit-config.yaml

@@ -38,6 +38,14 @@ repos:
         files: ^frontend/src/.*\.(ts|svelte)$
         pass_filenames: false
 
+      # Stylelint - matches CI: cd frontend && npx stylelint "src/**/*.css"
+      - id: stylelint-frontend
+        name: stylelint (frontend)
+        entry: bash -c 'cd frontend && npx stylelint "src/**/*.css"'
+        language: system
+        files: ^frontend/src/.*\.css$
+        pass_filenames: false
+
       # Svelte Check - matches CI: cd frontend && npx svelte-check
       - id: svelte-check-frontend
         name: svelte-check (frontend)

frontend/.stylelintrc.json

@@ -0,0 +1,19 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "rules": {
+    "at-rule-no-unknown": [true, {
+      "ignoreAtRules": [
+        "theme", "plugin", "source", "utility", "variant",
+        "custom-variant", "apply", "reference"
+      ]
+    }],
+    "import-notation": null,
+    "no-descending-specificity": null,
+    "function-no-unknown": [true, {
+      "ignoreFunctions": ["theme", "alpha", "spacing"]
+    }],
+    "selector-class-pattern": ["^([a-z][a-z0-9]*)(-[a-z0-9]+)*$|^cm-[a-zA-Z]+$", {
+      "message": "Expected class selector to be kebab-case (or cm-* CodeMirror selector)"
+    }]
+  }
+}