2025-02-23

2025-02-24

.dockerignore

@@ -0,0 +1,15 @@
+.dockerignore
+.env
+.env.development
+.env.production
+.git
+.gitignore
+.jj
+.zed
+Dockerfile*
+README.md
+cspell.json
+dist
+docker-compose*
+justfile
+node_modules

.zed/settings.json

@@ -10,9 +10,9 @@
     "Vue.js": {
       "code_actions_on_format": {
         "source.fixAll.eslint": true,
-        "source.organizeImports": true
+        "source.organizeImports": false
       },
-      "format_on_save": "on",
+      "format_on_save": "off",
       "formatter": null,
       "prettier": null
     }

Dockerfile

@@ -0,0 +1,31 @@
+FROM oven/bun:slim AS base
+WORKDIR /usr/src/app
+
+# Installe les dépendences.
+FROM base AS install
+RUN mkdir -p /temp/dev
+COPY package.json bun.lock /temp/dev/
+RUN cd /temp/dev && bun install --frozen-lockfile
+
+# Installe les dépendences de production.
+RUN mkdir -p /temp/prod
+COPY package.json bun.lock /temp/prod/
+RUN cd /temp/prod && bun install --frozen-lockfile --production
+
+# Récupère node_modules et les fichiers du projet.
+FROM base AS prerelease
+COPY --from=install /temp/dev/node_modules/ node_modules
+COPY . .
+
+# Compile le projet.
+ENV NODE_ENV production
+RUN bun --bun vite build
+
+# Créé le nécessaire pour Angie.
+FROM docker.angie.software/angie:minimal AS release
+COPY --from=prerelease /usr/src/app/dist/ /usr/share/angie/html/
+COPY ./docker/default.conf /etc/angie/http.d/default.conf
+
+EXPOSE 80
+# Démarre Angie.
+CMD ["angie", "-g", "daemon off;"]

bun.lock

@@ -19,6 +19,7 @@
         "vue-router": "latest",
       },
       "devDependencies": {
+        "@eslint/css": "latest",
         "@types/bun": "latest",
         "@unhead/addons": "latest",
         "@vitejs/plugin-vue": "latest",
@@ -36,6 +37,11 @@
         "prettier": "latest",
         "prettier-plugin-pkg": "latest",
         "prettier-plugin-sh": "latest",
+        "stylelint": "latest",
+        "stylelint-config-clean-order": "latest",
+        "stylelint-config-standard": "latest",
+        "stylelint-declaration-block-no-ignored-properties": "latest",
+        "stylelint-plugin-logical-css": "latest",
         "tsr": "latest",
         "typescript": "latest",
         "vite": "latest",
@@ -46,6 +52,8 @@
   "packages": {
     "@antfu/utils": ["@antfu/utils@8.1.1", "", {}, "sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ=="],
 
+    "@babel/code-frame": ["@babel/code-frame@7.26.2", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.25.9", "js-tokens": "^4.0.0", "picocolors": "^1.0.0" } }, "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ=="],
+
     "@babel/generator": ["@babel/generator@7.26.9", "", { "dependencies": { "@babel/parser": "^7.26.9", "@babel/types": "^7.26.9", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", "jsesc": "^3.0.2" } }, "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg=="],
 
     "@babel/helper-string-parser": ["@babel/helper-string-parser@7.25.9", "", {}, "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA=="],
@@ -56,8 +64,18 @@
 
     "@babel/types": ["@babel/types@7.26.9", "", { "dependencies": { "@babel/helper-string-parser": "^7.25.9", "@babel/helper-validator-identifier": "^7.25.9" } }, "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw=="],
 
+    "@csstools/css-parser-algorithms": ["@csstools/css-parser-algorithms@3.0.4", "", { "peerDependencies": { "@csstools/css-tokenizer": "^3.0.3" } }, "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A=="],
+
+    "@csstools/css-tokenizer": ["@csstools/css-tokenizer@3.0.3", "", {}, "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw=="],
+
+    "@csstools/media-query-list-parser": ["@csstools/media-query-list-parser@4.0.2", "", { "peerDependencies": { "@csstools/css-parser-algorithms": "^3.0.4", "@csstools/css-tokenizer": "^3.0.3" } }, "sha512-EUos465uvVvMJehckATTlNqGj4UJWkTmdWuDMjqvSUkjGpmOyFZBVwb4knxCm/k2GMTXY+c/5RkdndzFYWeX5A=="],
+
+    "@csstools/selector-specificity": ["@csstools/selector-specificity@5.0.0", "", { "peerDependencies": { "postcss-selector-parser": "^7.0.0" } }, "sha512-PCqQV3c4CoVm3kdPhyeZ07VmBRdH2EpMFA/pd9OASpOEC3aXNGoqPDAZ80D0cLpMBxnmk0+yNhGsEx31hq7Gtw=="],
+
     "@drizzle-team/brocli": ["@drizzle-team/brocli@0.10.2", "", {}, "sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w=="],
 
+    "@dual-bundle/import-meta-resolve": ["@dual-bundle/import-meta-resolve@4.1.0", "", {}, "sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg=="],
+
     "@effect/experimental": ["@effect/experimental@0.41.2", "", { "dependencies": { "msgpackr": "^1.10.2", "uuid": "^11.0.3" }, "peerDependencies": { "@effect/platform": "^0.77.2", "@effect/platform-node": "^0.73.2", "effect": "^3.13.2", "ioredis": "^5", "lmdb": "^3", "ws": "^8" }, "optionalPeers": ["@effect/platform-node", "ioredis", "lmdb", "ws"] }, "sha512-8FQmxE7SoZOTOqm6QB9CcdNdTN1dHqaSRlz6pijzvxsq29mWDrHqHfzixessDYVt2QTBshrel+y55Od7pndUCQ=="],
 
     "@effect/platform": ["@effect/platform@0.77.2", "", { "dependencies": { "find-my-way-ts": "^0.1.5", "multipasta": "^0.2.5" }, "peerDependencies": { "effect": "^3.13.2" } }, "sha512-stvroKHJVfjd3XhZJEPUAOgzqu9DH1vnGHIAjfs2ma6Z4qcjVpFXrxa0ZYmwRaWVIFsiADMenkN0I7XrRdAgLw=="],
@@ -126,7 +144,9 @@
 
     "@eslint/config-array": ["@eslint/config-array@0.19.2", "", { "dependencies": { "@eslint/object-schema": "^2.1.6", "debug": "^4.3.1", "minimatch": "^3.1.2" } }, "sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w=="],
 
-    "@eslint/core": ["@eslint/core@0.12.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg=="],
+    "@eslint/core": ["@eslint/core@0.10.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw=="],
+
+    "@eslint/css": ["@eslint/css@0.4.0", "", { "dependencies": { "@eslint/core": "^0.10.0", "@eslint/plugin-kit": "^0.2.5", "@types/css-tree": "file:./typings/css-tree", "css-tree": "^3.1.0" } }, "sha512-aEvoIhIxa6nHvqTQxg56YgV8/9FO78ka1XnqkVnM07ZqJgeeILCNOHzwPs1z0N1vlj0Um2s4yMG8Ilau+D05Hg=="],
 
     "@eslint/eslintrc": ["@eslint/eslintrc@3.3.0", "", { "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.0", "minimatch": "^3.1.2", "strip-json-comments": "^3.1.1" } }, "sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ=="],
 
@@ -154,6 +174,8 @@
 
     "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.25", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ=="],
 
+    "@keyv/serialize": ["@keyv/serialize@1.0.3", "", { "dependencies": { "buffer": "^6.0.3" } }, "sha512-qnEovoOp5Np2JDGonIDL6Ayihw0RhnRh6vxPuHo4RDn1UOzwEo4AeIfpL6UGIrsceWrCMiVPgwRjbHu4vYFc3g=="],
+
     "@msgpackr-extract/msgpackr-extract-darwin-arm64": ["@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw=="],
 
     "@msgpackr-extract/msgpackr-extract-darwin-x64": ["@msgpackr-extract/msgpackr-extract-darwin-x64@3.0.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw=="],
@@ -282,7 +304,7 @@
 
     "@vue/eslint-config-typescript": ["@vue/eslint-config-typescript@14.4.0", "", { "dependencies": { "@typescript-eslint/utils": "^8.23.0", "fast-glob": "^3.3.3", "typescript-eslint": "^8.23.0", "vue-eslint-parser": "^9.4.3" }, "peerDependencies": { "eslint": "^9.10.0", "eslint-plugin-vue": "^9.28.0", "typescript": ">=4.8.4" }, "optionalPeers": ["typescript"] }, "sha512-daU+eAekEeVz3CReE4PRW25fe+OJDKwE28jHN6LimDEnuFMbJ6H4WGogEpNof276wVP6UvzOeJQfLFjB5mW29A=="],
 
-    "@vue/language-core": ["@vue/language-core@2.2.2", "", { "dependencies": { "@volar/language-core": "~2.4.11", "@vue/compiler-dom": "^3.5.0", "@vue/compiler-vue2": "^2.7.16", "@vue/shared": "^3.5.0", "alien-signals": "^1.0.3", "minimatch": "^9.0.3", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-QotO41kurE5PLf3vrNgGTk3QswO2PdUFjBwNiOi7zMmGhwb25PSTh9hD1MCgKC06AVv+8sZQvlL3Do4TTVHSiQ=="],
+    "@vue/language-core": ["@vue/language-core@2.2.4", "", { "dependencies": { "@volar/language-core": "~2.4.11", "@vue/compiler-dom": "^3.5.0", "@vue/compiler-vue2": "^2.7.16", "@vue/shared": "^3.5.0", "alien-signals": "^1.0.3", "minimatch": "^9.0.3", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-eGGdw7eWUwdIn9Fy/irJ7uavCGfgemuHQABgJ/hU1UgZFnbTg9VWeXvHQdhY+2SPQZWJqWXvRWIg67t4iWEa+Q=="],
 
     "@vue/reactivity": ["@vue/reactivity@3.5.13", "", { "dependencies": { "@vue/shared": "3.5.13" } }, "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg=="],
 
@@ -294,7 +316,7 @@
 
     "@vue/shared": ["@vue/shared@3.5.13", "", {}, "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="],
 
-    "@vue/typescript-plugin": ["@vue/typescript-plugin@2.2.2", "", { "dependencies": { "@volar/typescript": "~2.4.11", "@vue/language-core": "2.2.2", "@vue/shared": "^3.5.0" } }, "sha512-M/fNR/M4Rt+jm7Vmv21sPoHNM7MLYC7QjW5gqmP9y6HGmIlxOubqXYIqddeEnikmEsOc3linykEAxAIVxfIvbA=="],
+    "@vue/typescript-plugin": ["@vue/typescript-plugin@2.2.4", "", { "dependencies": { "@volar/typescript": "~2.4.11", "@vue/language-core": "2.2.4", "@vue/shared": "^3.5.0" } }, "sha512-bwklUVy7TZu0Nn9d+oII0KA10eYSgqarf47/E1QvkoHS8EP5SJzPKvOhMPGJMyxwHtHE4aOu8jdWZcJ25X5eiQ=="],
 
     "@vueuse/core": ["@vueuse/core@12.7.0", "", { "dependencies": { "@types/web-bluetooth": "^0.0.20", "@vueuse/metadata": "12.7.0", "@vueuse/shared": "12.7.0", "vue": "^3.5.13" } }, "sha512-jtK5B7YjZXmkGNHjviyGO4s3ZtEhbzSgrbX+s5o+Lr8i2nYqNyHuPVOeTdM1/hZ5Tkxg/KktAuAVDDiHMraMVA=="],
 
@@ -322,9 +344,15 @@
 
     "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
 
+    "array-union": ["array-union@2.1.0", "", {}, "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="],
+
     "ast-kit": ["ast-kit@1.4.0", "", { "dependencies": { "@babel/parser": "^7.26.5", "pathe": "^2.0.2" } }, "sha512-BlGeOw73FDsX7z0eZE/wuuafxYoek2yzNJ6l6A1nsb4+z/p87TOPbHaWuN53kFKNuUXiCQa2M+xLF71IqQmRSw=="],
 
-    "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
+    "astral-regex": ["astral-regex@2.0.0", "", {}, "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ=="],
+
+    "balanced-match": ["balanced-match@2.0.0", "", {}, "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA=="],
+
+    "base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
 
     "birpc": ["birpc@0.2.19", "", {}, "sha512-5WeXXAvTmitV1RqJFppT5QtUiz2p1mRSYU000Jkft5ZUCLJIk4uQriYNO50HknxKwM6jd8utNc66K1qGIwwWBQ=="],
 
@@ -336,10 +364,14 @@
 
     "browserslist": ["browserslist@4.24.4", "", { "dependencies": { "caniuse-lite": "^1.0.30001688", "electron-to-chromium": "^1.5.73", "node-releases": "^2.0.19", "update-browserslist-db": "^1.1.1" }, "bin": { "browserslist": "cli.js" } }, "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A=="],
 
+    "buffer": ["buffer@6.0.3", "", { "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.2.1" } }, "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA=="],
+
     "buffer-from": ["buffer-from@1.1.2", "", {}, "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="],
 
     "bun-types": ["bun-types@1.2.3", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-P7AeyTseLKAvgaZqQrvp3RqFM3yN9PlcLuSTe7SoJOfZkER73mLdT2vEQi8U64S1YvM/ldcNiQjn0Sn7H9lGgg=="],
 
+    "cacheable": ["cacheable@1.8.8", "", { "dependencies": { "hookified": "^1.7.0", "keyv": "^5.2.3" } }, "sha512-OE1/jlarWxROUIpd0qGBSKFLkNsotY8pt4GeiVErUYh/NUeTNrT+SBksUgllQv4m6a0W/VZsLuiHb88maavqEw=="],
+
     "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
 
     "caniuse-lite": ["caniuse-lite@1.0.30001700", "", {}, "sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ=="],
@@ -356,6 +388,8 @@
 
     "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
 
+    "colord": ["colord@2.9.3", "", {}, "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="],
+
     "commander": ["commander@4.1.1", "", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
 
     "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
@@ -364,8 +398,14 @@
 
     "copy-anything": ["copy-anything@3.0.5", "", { "dependencies": { "is-what": "^4.1.8" } }, "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w=="],
 
+    "cosmiconfig": ["cosmiconfig@9.0.0", "", { "dependencies": { "env-paths": "^2.2.1", "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", "parse-json": "^5.2.0" }, "peerDependencies": { "typescript": ">=4.9.5" }, "optionalPeers": ["typescript"] }, "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg=="],
+
     "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
+    "css-functions-list": ["css-functions-list@3.2.3", "", {}, "sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA=="],
+
+    "css-tree": ["css-tree@3.1.0", "", { "dependencies": { "mdn-data": "2.12.2", "source-map-js": "^1.0.1" } }, "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w=="],
+
     "cssesc": ["cssesc@3.0.0", "", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],
 
     "csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
@@ -380,6 +420,8 @@
 
     "detect-libc": ["detect-libc@1.0.3", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
 
+    "dir-glob": ["dir-glob@3.0.1", "", { "dependencies": { "path-type": "^4.0.0" } }, "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA=="],
+
     "drizzle-kit": ["drizzle-kit@0.30.4", "", { "dependencies": { "@drizzle-team/brocli": "^0.10.2", "@esbuild-kit/esm-loader": "^2.5.5", "esbuild": "^0.19.7", "esbuild-register": "^3.5.0" }, "bin": { "drizzle-kit": "bin.cjs" } }, "sha512-B2oJN5UkvwwNHscPWXDG5KqAixu7AUzZ3qbe++KU9SsQ+cZWR4DXEPYcvWplyFAno0dhRJECNEhNxiDmFaPGyQ=="],
 
     "drizzle-orm": ["drizzle-orm@0.39.3", "", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-EZ8ZpYvDIvKU9C56JYLOmUskazhad+uXZCTCRN4OnRMsL+xAJ05dv1eCpAG5xzhsm1hqiuC5kAZUCS924u2DTw=="],
@@ -390,10 +432,16 @@
 
     "electron-to-chromium": ["electron-to-chromium@1.5.102", "", {}, "sha512-eHhqaja8tE/FNpIiBrvBjFV/SSKpyWHLvxuR9dPTdo+3V9ppdLmFB7ZZQ98qNovcngPLYIz0oOBF9P0FfZef5Q=="],
 
+    "emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
+
     "enhanced-resolve": ["enhanced-resolve@5.18.1", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg=="],
 
     "entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
 
+    "env-paths": ["env-paths@2.2.1", "", {}, "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A=="],
+
+    "error-ex": ["error-ex@1.3.2", "", { "dependencies": { "is-arrayish": "^0.2.1" } }, "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g=="],
+
     "esbuild": ["esbuild@0.19.12", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.19.12", "@esbuild/android-arm": "0.19.12", "@esbuild/android-arm64": "0.19.12", "@esbuild/android-x64": "0.19.12", "@esbuild/darwin-arm64": "0.19.12", "@esbuild/darwin-x64": "0.19.12", "@esbuild/freebsd-arm64": "0.19.12", "@esbuild/freebsd-x64": "0.19.12", "@esbuild/linux-arm": "0.19.12", "@esbuild/linux-arm64": "0.19.12", "@esbuild/linux-ia32": "0.19.12", "@esbuild/linux-loong64": "0.19.12", "@esbuild/linux-mips64el": "0.19.12", "@esbuild/linux-ppc64": "0.19.12", "@esbuild/linux-riscv64": "0.19.12", "@esbuild/linux-s390x": "0.19.12", "@esbuild/linux-x64": "0.19.12", "@esbuild/netbsd-x64": "0.19.12", "@esbuild/openbsd-x64": "0.19.12", "@esbuild/sunos-x64": "0.19.12", "@esbuild/win32-arm64": "0.19.12", "@esbuild/win32-ia32": "0.19.12", "@esbuild/win32-x64": "0.19.12" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg=="],
 
     "esbuild-register": ["esbuild-register@3.6.0", "", { "dependencies": { "debug": "^4.3.4" }, "peerDependencies": { "esbuild": ">=0.12 <1" } }, "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg=="],
@@ -434,6 +482,10 @@
 
     "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="],
 
+    "fast-uri": ["fast-uri@3.0.6", "", {}, "sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw=="],
+
+    "fastest-levenshtein": ["fastest-levenshtein@1.0.16", "", {}, "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg=="],
+
     "fastq": ["fastq@1.19.0", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA=="],
 
     "file-entry-cache": ["file-entry-cache@8.0.0", "", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="],
@@ -458,8 +510,16 @@
 
     "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
 
+    "global-modules": ["global-modules@2.0.0", "", { "dependencies": { "global-prefix": "^3.0.0" } }, "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A=="],
+
+    "global-prefix": ["global-prefix@3.0.0", "", { "dependencies": { "ini": "^1.3.5", "kind-of": "^6.0.2", "which": "^1.3.1" } }, "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg=="],
+
     "globals": ["globals@16.0.0", "", {}, "sha512-iInW14XItCXET01CQFqudPOWP2jYMl7T+QRQT+UNcR/iQncN/F0UNpgd76iFkBPgNQb4+X3LV9tLJYzwh+Gl3A=="],
 
+    "globby": ["globby@11.1.0", "", { "dependencies": { "array-union": "^2.1.0", "dir-glob": "^3.0.1", "fast-glob": "^3.2.9", "ignore": "^5.2.0", "merge2": "^1.4.1", "slash": "^3.0.0" } }, "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g=="],
+
+    "globjoin": ["globjoin@0.1.4", "", {}, "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg=="],
+
     "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
     "graphemer": ["graphemer@1.4.0", "", {}, "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="],
@@ -470,6 +530,12 @@
 
     "hookable": ["hookable@5.5.3", "", {}, "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="],
 
+    "hookified": ["hookified@1.7.1", "", {}, "sha512-OXcdHsXeOiD7OJ5zvWj8Oy/6RCdLwntAX+wUrfemNcMGn6sux4xbEHi2QXwqePYhjQ/yvxxq2MvCRirdlHscBw=="],
+
+    "html-tags": ["html-tags@3.3.1", "", {}, "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ=="],
+
+    "ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
+
     "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],
 
     "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
@@ -478,31 +544,47 @@
 
     "indent-string": ["indent-string@4.0.0", "", {}, "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg=="],
 
+    "ini": ["ini@1.3.8", "", {}, "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="],
+
+    "is-arrayish": ["is-arrayish@0.2.1", "", {}, "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="],
+
     "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
 
+    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
+
     "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
 
     "is-number": ["is-number@7.0.0", "", {}, "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="],
 
+    "is-plain-object": ["is-plain-object@5.0.0", "", {}, "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="],
+
     "is-what": ["is-what@4.1.16", "", {}, "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A=="],
 
     "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
 
     "jiti": ["jiti@2.4.2", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A=="],
 
+    "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
+
     "js-yaml": ["js-yaml@4.1.0", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA=="],
 
     "jsesc": ["jsesc@3.1.0", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="],
 
     "json-buffer": ["json-buffer@3.0.1", "", {}, "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="],
 
+    "json-parse-even-better-errors": ["json-parse-even-better-errors@2.3.1", "", {}, "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="],
+
     "json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
 
     "json-stable-stringify-without-jsonify": ["json-stable-stringify-without-jsonify@1.0.1", "", {}, "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="],
 
     "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
 
-    "knip": ["knip@5.44.4", "", { "dependencies": { "@nodelib/fs.walk": "3.0.1", "@snyk/github-codeowners": "1.1.0", "easy-table": "1.2.0", "enhanced-resolve": "^5.18.0", "fast-glob": "^3.3.3", "jiti": "^2.4.2", "js-yaml": "^4.1.0", "minimist": "^1.2.8", "picocolors": "^1.1.0", "picomatch": "^4.0.1", "pretty-ms": "^9.0.0", "smol-toml": "^1.3.1", "strip-json-comments": "5.0.1", "summary": "2.1.0", "zod": "^3.22.4", "zod-validation-error": "^3.0.3" }, "peerDependencies": { "@types/node": ">=18", "typescript": ">=5.0.4" }, "bin": { "knip": "bin/knip.js", "knip-bun": "bin/knip-bun.js" } }, "sha512-Ryn8LwWHLId8jSK1DgtT0hmg5DbzkqAtH+Gg3vZJpmSMgGHMspej9Ag+qKTm8wsPLDjVetuEz/lIsobo0XCMvQ=="],
+    "kind-of": ["kind-of@6.0.3", "", {}, "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="],
+
+    "knip": ["knip@5.44.5", "", { "dependencies": { "@nodelib/fs.walk": "3.0.1", "@snyk/github-codeowners": "1.1.0", "easy-table": "1.2.0", "enhanced-resolve": "^5.18.0", "fast-glob": "^3.3.3", "jiti": "^2.4.2", "js-yaml": "^4.1.0", "minimist": "^1.2.8", "picocolors": "^1.1.0", "picomatch": "^4.0.1", "pretty-ms": "^9.0.0", "smol-toml": "^1.3.1", "strip-json-comments": "5.0.1", "summary": "2.1.0", "zod": "^3.22.4", "zod-validation-error": "^3.0.3" }, "peerDependencies": { "@types/node": ">=18", "typescript": ">=5.0.4" }, "bin": { "knip": "bin/knip.js", "knip-bun": "bin/knip-bun.js" } }, "sha512-qXHVRsipmxZNKVb5IWUVHwQtr96Dfo3vnWszRgwMI2VhsW9EBi7b/2YlELrrqfPr0lwVnwhUUuNgYwvke+PdGA=="],
+
+    "known-css-properties": ["known-css-properties@0.35.0", "", {}, "sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A=="],
 
     "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
 
@@ -528,16 +610,26 @@
 
     "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.29.1", "", { "os": "win32", "cpu": "x64" }, "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q=="],
 
+    "lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
+
     "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
 
     "lodash": ["lodash@4.17.21", "", {}, "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="],
 
     "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
 
+    "lodash.truncate": ["lodash.truncate@4.4.2", "", {}, "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw=="],
+
     "magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
 
     "magic-string-ast": ["magic-string-ast@0.7.0", "", { "dependencies": { "magic-string": "^0.30.17" } }, "sha512-686fgAHaJY7wLTFEq7nnKqeQrhqmXB19d1HnqT35Ci7BN6hbAYLZUezTQ062uUHM7ggZEQlqJ94Ftls+KDXU8Q=="],
 
+    "mathml-tag-names": ["mathml-tag-names@2.1.3", "", {}, "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg=="],
+
+    "mdn-data": ["mdn-data@2.12.2", "", {}, "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA=="],
+
+    "meow": ["meow@13.2.0", "", {}, "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA=="],
+
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
 
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
@@ -574,6 +666,8 @@
 
     "node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="],
 
+    "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
+
     "nth-check": ["nth-check@2.1.1", "", { "dependencies": { "boolbase": "^1.0.0" } }, "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w=="],
 
     "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
@@ -586,6 +680,8 @@
 
     "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],
 
+    "parse-json": ["parse-json@5.2.0", "", { "dependencies": { "@babel/code-frame": "^7.0.0", "error-ex": "^1.3.1", "json-parse-even-better-errors": "^2.3.0", "lines-and-columns": "^1.1.6" } }, "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg=="],
+
     "parse-ms": ["parse-ms@4.0.0", "", {}, "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw=="],
 
     "path-browserify": ["path-browserify@1.0.1", "", {}, "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="],
@@ -594,6 +690,8 @@
 
     "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
 
+    "path-type": ["path-type@4.0.0", "", {}, "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="],
+
     "pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
 
     "perfect-debounce": ["perfect-debounce@1.0.0", "", {}, "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="],
@@ -608,8 +706,16 @@
 
     "postcss": ["postcss@8.5.2", "", { "dependencies": { "nanoid": "^3.3.8", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-MjOadfU3Ys9KYoX0AdkBlFEF1Vx37uCCeN4ZHnmwm9FfpbsGWMZeBLMmmpY+6Ocqod7mkdZ0DT31OlbsFrLlkA=="],
 
+    "postcss-resolve-nested-selector": ["postcss-resolve-nested-selector@0.1.6", "", {}, "sha512-0sglIs9Wmkzbr8lQwEyIzlDOOC9bGmfVKcJTaxv3vMmd3uo4o4DerC3En0bnmgceeql9BfC8hRkp7cg0fjdVqw=="],
+
+    "postcss-safe-parser": ["postcss-safe-parser@7.0.1", "", { "peerDependencies": { "postcss": "^8.4.31" } }, "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A=="],
+
     "postcss-selector-parser": ["postcss-selector-parser@6.1.2", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg=="],
 
+    "postcss-sorting": ["postcss-sorting@8.0.2", "", { "peerDependencies": { "postcss": "^8.4.20" } }, "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q=="],
+
+    "postcss-value-parser": ["postcss-value-parser@4.2.0", "", {}, "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="],
+
     "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
     "prettier": ["prettier@3.5.2", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-lc6npv5PH7hVqozBR7lkBNOGXV9vMwROAPlumdBkX0wTbbzPu/U1hk5yL8p2pt4Xoc+2mkT8t/sow2YrV/M5qg=="],
@@ -628,7 +734,9 @@
 
     "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
 
-    "resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="],
+    "require-from-string": ["require-from-string@2.0.2", "", {}, "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="],
+
+    "resolve-from": ["resolve-from@5.0.0", "", {}, "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="],
 
     "resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
 
@@ -648,6 +756,12 @@
 
     "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
 
+    "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
+
+    "slash": ["slash@3.0.0", "", {}, "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="],
+
+    "slice-ansi": ["slice-ansi@4.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "astral-regex": "^2.0.0", "is-fullwidth-code-point": "^3.0.0" } }, "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ=="],
+
     "smol-toml": ["smol-toml@1.3.1", "", {}, "sha512-tEYNll18pPKHroYSmLLrksq233j021G0giwW7P3D24jC54pQ5W5BXMsQ/Mvw1OJCmEYDgY+lrzT+3nNUtoNfXQ=="],
 
     "source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
@@ -660,14 +774,38 @@
 
     "sqlocal": ["sqlocal@0.14.0", "", { "dependencies": { "@sqlite.org/sqlite-wasm": "^3.48.0-build4", "coincident": "^1.2.3" }, "peerDependencies": { "drizzle-orm": "*", "kysely": "*" }, "optionalPeers": ["drizzle-orm", "kysely"] }, "sha512-qhkjWXrvh0aG0IwMeuTznCozNTJvlp2hr+JlSGOx2c1vpjgWoXYvZEf4jcynJ5n/pm05mdKNcDFzb/9KJL/IHQ=="],
 
+    "string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
+
+    "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
+
     "strip-json-comments": ["strip-json-comments@5.0.1", "", {}, "sha512-0fk9zBqO67Nq5M/m45qHCJxylV/DhBlIOVExqgOMiCCrzrhU6tCibRXNqE3jwJLftzE9SNuZtYbpzcO+i9FiKw=="],
 
+    "stylelint": ["stylelint@16.14.1", "", { "dependencies": { "@csstools/css-parser-algorithms": "^3.0.4", "@csstools/css-tokenizer": "^3.0.3", "@csstools/media-query-list-parser": "^4.0.2", "@csstools/selector-specificity": "^5.0.0", "@dual-bundle/import-meta-resolve": "^4.1.0", "balanced-match": "^2.0.0", "colord": "^2.9.3", "cosmiconfig": "^9.0.0", "css-functions-list": "^3.2.3", "css-tree": "^3.1.0", "debug": "^4.3.7", "fast-glob": "^3.3.3", "fastest-levenshtein": "^1.0.16", "file-entry-cache": "^10.0.5", "global-modules": "^2.0.0", "globby": "^11.1.0", "globjoin": "^0.1.4", "html-tags": "^3.3.1", "ignore": "^7.0.3", "imurmurhash": "^0.1.4", "is-plain-object": "^5.0.0", "known-css-properties": "^0.35.0", "mathml-tag-names": "^2.1.3", "meow": "^13.2.0", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.5.1", "postcss-resolve-nested-selector": "^0.1.6", "postcss-safe-parser": "^7.0.1", "postcss-selector-parser": "^7.0.0", "postcss-value-parser": "^4.2.0", "resolve-from": "^5.0.0", "string-width": "^4.2.3", "supports-hyperlinks": "^3.1.0", "svg-tags": "^1.0.0", "table": "^6.9.0", "write-file-atomic": "^5.0.1" }, "bin": { "stylelint": "bin/stylelint.mjs" } }, "sha512-oqCL7AC3786oTax35T/nuLL8p2C3k/8rHKAooezrPGRvUX0wX+qqs5kMWh5YYT4PHQgVDobHT4tw55WgpYG6Sw=="],
+
+    "stylelint-config-clean-order": ["stylelint-config-clean-order@7.0.0", "", { "dependencies": { "stylelint-order": "^6.0.4" }, "peerDependencies": { "stylelint": ">=14" } }, "sha512-R28w1xNliIbem3o+VIrNjAU8cMgxrGlDoXVqWW7lJ1OvSDsmNGj5aKSW6Xm7i5PK4E99T3Hs19BJFni5IbE56g=="],
+
+    "stylelint-config-recommended": ["stylelint-config-recommended@15.0.0", "", { "peerDependencies": { "stylelint": "^16.13.0" } }, "sha512-9LejMFsat7L+NXttdHdTq94byn25TD+82bzGRiV1Pgasl99pWnwipXS5DguTpp3nP1XjvLXVnEJIuYBfsRjRkA=="],
+
+    "stylelint-config-standard": ["stylelint-config-standard@37.0.0", "", { "dependencies": { "stylelint-config-recommended": "^15.0.0" }, "peerDependencies": { "stylelint": "^16.13.0" } }, "sha512-+6eBlbSTrOn/il2RlV0zYGQwRTkr+WtzuVSs1reaWGObxnxLpbcspCUYajVQHonVfxVw2U+h42azGhrBvcg8OA=="],
+
+    "stylelint-declaration-block-no-ignored-properties": ["stylelint-declaration-block-no-ignored-properties@2.8.0", "", { "peerDependencies": { "stylelint": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0" } }, "sha512-Ws8Cav7Y+SPN0JsV407LrnNXWOrqGjxShf+37GBtnU/C58Syve9c0+I/xpLcFOosST3ternykn3Lp77f3ITnFw=="],
+
+    "stylelint-order": ["stylelint-order@6.0.4", "", { "dependencies": { "postcss": "^8.4.32", "postcss-sorting": "^8.0.2" }, "peerDependencies": { "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.1" } }, "sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA=="],
+
+    "stylelint-plugin-logical-css": ["stylelint-plugin-logical-css@1.2.1", "", { "peerDependencies": { "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.0" } }, "sha512-56r1xGVZ/ExZT5SFJ7AhyZVUjOvRTCbLLl68PFTN1R55KU0SQEe22YyE53570cxeTf9plpvqckHAQBiUU714YQ=="],
+
     "summary": ["summary@2.1.0", "", {}, "sha512-nMIjMrd5Z2nuB2RZCKJfFMjgS3fygbeyGk9PxPPaJR1RIcyN9yn4A63Isovzm3ZtQuEkLBVgMdPup8UeLH7aQw=="],
 
     "superjson": ["superjson@2.2.2", "", { "dependencies": { "copy-anything": "^3.0.2" } }, "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q=="],
 
     "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
 
+    "supports-hyperlinks": ["supports-hyperlinks@3.2.0", "", { "dependencies": { "has-flag": "^4.0.0", "supports-color": "^7.0.0" } }, "sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig=="],
+
+    "svg-tags": ["svg-tags@1.0.0", "", {}, "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA=="],
+
+    "table": ["table@6.9.0", "", { "dependencies": { "ajv": "^8.0.1", "lodash.truncate": "^4.4.2", "slice-ansi": "^4.0.0", "string-width": "^4.2.3", "strip-ansi": "^6.0.1" } }, "sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A=="],
+
     "tapable": ["tapable@2.2.1", "", {}, "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ=="],
 
     "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
@@ -716,7 +854,7 @@
 
     "vue-router": ["vue-router@4.5.0", "", { "dependencies": { "@vue/devtools-api": "^6.6.4" }, "peerDependencies": { "vue": "^3.2.0" } }, "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w=="],
 
-    "vue-tsc": ["vue-tsc@2.2.2", "", { "dependencies": { "@volar/typescript": "~2.4.11", "@vue/language-core": "2.2.2" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "./bin/vue-tsc.js" } }, "sha512-1icPKkxAA5KTAaSwg0wVWdE48EdsH8fgvcbAiqojP4jXKl6LEM3soiW1aG/zrWrFt8Mw1ncG2vG1PvpZpVfehA=="],
+    "vue-tsc": ["vue-tsc@2.2.4", "", { "dependencies": { "@volar/typescript": "~2.4.11", "@vue/language-core": "2.2.4" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "./bin/vue-tsc.js" } }, "sha512-3EVHlxtpMXcb5bCaK7QDFTbEkMusDfVk0HVRrkv5hEb+Clpu9a96lKUXJAeD/akRlkoA4H8MCHgBDN19S6FnzA=="],
 
     "wcwidth": ["wcwidth@1.0.1", "", { "dependencies": { "defaults": "^1.0.3" } }, "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg=="],
 
@@ -726,6 +864,8 @@
 
     "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
 
+    "write-file-atomic": ["write-file-atomic@5.0.1", "", { "dependencies": { "imurmurhash": "^0.1.4", "signal-exit": "^4.0.1" } }, "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw=="],
+
     "ws": ["ws@8.18.0", "", { "peerDependencies": { "bufferutil": "^4.0.1", "utf-8-validate": ">=5.0.2" }, "optionalPeers": ["bufferutil", "utf-8-validate"] }, "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw=="],
 
     "xml-name-validator": ["xml-name-validator@4.0.0", "", {}, "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw=="],
@@ -738,14 +878,20 @@
 
     "zod-validation-error": ["zod-validation-error@3.4.0", "", { "peerDependencies": { "zod": "^3.18.0" } }, "sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ=="],
 
+    "@csstools/selector-specificity/postcss-selector-parser": ["postcss-selector-parser@7.1.0", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA=="],
+
     "@esbuild-kit/core-utils/esbuild": ["esbuild@0.18.20", "", { "optionalDependencies": { "@esbuild/android-arm": "0.18.20", "@esbuild/android-arm64": "0.18.20", "@esbuild/android-x64": "0.18.20", "@esbuild/darwin-arm64": "0.18.20", "@esbuild/darwin-x64": "0.18.20", "@esbuild/freebsd-arm64": "0.18.20", "@esbuild/freebsd-x64": "0.18.20", "@esbuild/linux-arm": "0.18.20", "@esbuild/linux-arm64": "0.18.20", "@esbuild/linux-ia32": "0.18.20", "@esbuild/linux-loong64": "0.18.20", "@esbuild/linux-mips64el": "0.18.20", "@esbuild/linux-ppc64": "0.18.20", "@esbuild/linux-riscv64": "0.18.20", "@esbuild/linux-s390x": "0.18.20", "@esbuild/linux-x64": "0.18.20", "@esbuild/netbsd-x64": "0.18.20", "@esbuild/openbsd-x64": "0.18.20", "@esbuild/sunos-x64": "0.18.20", "@esbuild/win32-arm64": "0.18.20", "@esbuild/win32-ia32": "0.18.20", "@esbuild/win32-x64": "0.18.20" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA=="],
 
     "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
 
+    "@eslint/css/@types/css-tree": ["@types/css-tree@file:./typings/css-tree", {}],
+
     "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
 
     "@eslint/eslintrc/strip-json-comments": ["strip-json-comments@3.1.1", "", {}, "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="],
 
+    "@eslint/plugin-kit/@eslint/core": ["@eslint/core@0.12.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg=="],
+
     "@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/retry@0.3.1", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],
 
     "@nodelib/fs.scandir/@nodelib/fs.stat": ["@nodelib/fs.stat@4.0.0", "", {}, "sha512-ctr6bByzksKRCV0bavi8WoQevU6plSp2IkllIsEqaiKe2mwNNnaluhnRhcsgGZHrrHk57B3lf95MkLMO3STYcg=="],
@@ -760,16 +906,34 @@
 
     "@vue/language-core/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
 
+    "brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
+
+    "cacheable/keyv": ["keyv@5.2.3", "", { "dependencies": { "@keyv/serialize": "^1.0.2" } }, "sha512-AGKecUfzrowabUv0bH1RIR5Vf7w+l4S3xtQAypKaUpTdIR1EbrAcTxHCrpo9Q+IWeUlFE2palRtgIQcgm+PQJw=="],
+
+    "eslint/@eslint/core": ["@eslint/core@0.12.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg=="],
+
     "eslint-plugin-vue/globals": ["globals@13.24.0", "", { "dependencies": { "type-fest": "^0.20.2" } }, "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ=="],
 
     "fast-glob/@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
 
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
+    "global-prefix/which": ["which@1.3.1", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "which": "./bin/which" } }, "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ=="],
+
+    "import-fresh/resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="],
+
     "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
     "node-gyp-build-optional-packages/detect-libc": ["detect-libc@2.0.3", "", {}, "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw=="],
 
+    "stylelint/file-entry-cache": ["file-entry-cache@10.0.6", "", { "dependencies": { "flat-cache": "^6.1.6" } }, "sha512-0wvv16mVo9nN0Md3k7DMjgAPKG/TY4F/gYMBVb/wMThFRJvzrpaqBFqF6km9wf8QfYTN+mNg5aeaBLfy8k35uA=="],
+
+    "stylelint/ignore": ["ignore@7.0.3", "", {}, "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA=="],
+
+    "stylelint/postcss-selector-parser": ["postcss-selector-parser@7.1.0", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA=="],
+
+    "table/ajv": ["ajv@8.17.1", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g=="],
+
     "vite/esbuild": ["esbuild@0.24.2", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.24.2", "@esbuild/android-arm": "0.24.2", "@esbuild/android-arm64": "0.24.2", "@esbuild/android-x64": "0.24.2", "@esbuild/darwin-arm64": "0.24.2", "@esbuild/darwin-x64": "0.24.2", "@esbuild/freebsd-arm64": "0.24.2", "@esbuild/freebsd-x64": "0.24.2", "@esbuild/linux-arm": "0.24.2", "@esbuild/linux-arm64": "0.24.2", "@esbuild/linux-ia32": "0.24.2", "@esbuild/linux-loong64": "0.24.2", "@esbuild/linux-mips64el": "0.24.2", "@esbuild/linux-ppc64": "0.24.2", "@esbuild/linux-riscv64": "0.24.2", "@esbuild/linux-s390x": "0.24.2", "@esbuild/linux-x64": "0.24.2", "@esbuild/netbsd-arm64": "0.24.2", "@esbuild/netbsd-x64": "0.24.2", "@esbuild/openbsd-arm64": "0.24.2", "@esbuild/openbsd-x64": "0.24.2", "@esbuild/sunos-x64": "0.24.2", "@esbuild/win32-arm64": "0.24.2", "@esbuild/win32-ia32": "0.24.2", "@esbuild/win32-x64": "0.24.2" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA=="],
 
     "vue-eslint-parser/eslint-scope": ["eslint-scope@7.2.2", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg=="],
@@ -830,6 +994,10 @@
 
     "fast-glob/@nodelib/fs.walk/@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
 
+    "stylelint/file-entry-cache/flat-cache": ["flat-cache@6.1.6", "", { "dependencies": { "cacheable": "^1.8.8", "flatted": "^3.3.2", "hookified": "^1.7.0" } }, "sha512-F+CKgSwp0pzLx67u+Zy1aCueVWFAHWbXepvXlZ+bWVTaASbm5SyCnSJ80Fp1ePEmS57wU+Bf6cx6525qtMZ4lQ=="],
+
+    "table/ajv/json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],
+
     "vite/esbuild/@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.24.2", "", { "os": "aix", "cpu": "ppc64" }, "sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA=="],
 
     "vite/esbuild/@esbuild/android-arm": ["@esbuild/android-arm@0.24.2", "", { "os": "android", "cpu": "arm" }, "sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q=="],
@@ -875,5 +1043,9 @@
     "vite/esbuild/@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.24.2", "", { "os": "win32", "cpu": "ia32" }, "sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA=="],
 
     "vite/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.24.2", "", { "os": "win32", "cpu": "x64" }, "sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg=="],
+
+    "@typescript-eslint/typescript-estree/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
+
+    "@vue/language-core/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
   }
 }

cfg/eslint-css.config.mts

@@ -0,0 +1,24 @@
+import css from "@eslint/css";
+
+export default [
+  {
+    ignores: [".cache", "dist", "node_modules"],
+  },
+  {
+    files: ["src/styles/**/*.css"],
+    language: "css/css",
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+      },
+      tolerant: true,
+    },
+    plugins: {
+      css,
+    },
+    rules: {
+      "css/no-duplicate-imports": "error",
+      "css/require-baseline": "error",
+    },
+  },
+];

cfg/stylelint.config.mjs

@@ -0,0 +1,25 @@
+// @ts-expect-error -- La dépendance ne dispose pas de types.
+import { propertyGroups } from "stylelint-config-clean-order";
+
+ 
+const propertiesOrder = Array.from(propertyGroups).map(properties => ({
+  emptyLineBefore: "never",
+  noEmptyLineBetween: true,
+  properties,
+}));
+ 
+
+/** @type {import("stylelint").Config} */
+export default {
+  extends: ["stylelint-config-standard", "stylelint-config-clean-order"],
+  plugins: ["stylelint-declaration-block-no-ignored-properties"],
+  rules: {
+    "custom-property-pattern": null,
+    "declaration-block-no-duplicate-custom-properties": true,
+    "declaration-block-no-duplicate-properties": true,
+    "declaration-block-no-redundant-longhand-properties": true,
+    "declaration-block-no-shorthand-property-overrides": true,
+    "order/properties-order": [propertiesOrder, { severity: "error", unspecified: "bottomAlphabetical" }],
+    "plugin/declaration-block-no-ignored-properties": true,
+  },
+};

docker-compose.yaml

@@ -0,0 +1,9 @@
+services:
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: journal-media-vue
+    ports:
+      - 127.0.0.1:8080:80
+    restart: unless-stopped

docker/default.conf

@@ -0,0 +1,10 @@
+server {
+  listen 80;
+  server_name localhost;
+  root /usr/share/angie/html/;
+  index index.html;
+
+  location / {
+    try_files $uri $uri/ /index.html;
+  }
+}

justfile

@@ -3,10 +3,12 @@ set shell := ["fish", "-c"]
 # Variables de chemins de configuration.
 
 drizzleConfigFile := "src/db/drizzle.config.ts"
+esLintConfigFile := "cfg/eslint.config.mts"
+esLintCssConfigFile := "cfg/eslint-css.config.mts"
+knipConfigFile := "cfg/knip.config.ts"
 prettierConfigFile := "cfg/prettier.config.mjs"
 prettierIgnoreFile := "cfg/.prettierignore"
-esLintConfigFile := "cfg/eslint.config.mts"
+stylelintConfigFile := "cfg/stylelint.config.mjs"
-knipConfigFile := "cfg/knip.config.ts"
 
 # Variables de cache.
 
@@ -33,6 +35,10 @@ build:
     -bun --bun vue-tsc --build .
     bun --bun vite build
 
+# Génère l'image Docker.
+build-docker:
+    docker build -t journal-media-vue --progress=plain
+
 # Lance la prévisualisation du mode de production.
 preview:
     just build
@@ -68,13 +74,18 @@ watch-format:
 lint-css:
     bun --bun stylelint \
       --cache --cache-location "{{ cacheFolder }}/{{ stylelintCacheFile }}" \
+      --config "{{ stylelintConfigFile }}" \
       --fix \
       {{ stylesFolder }}
 
-# Analyse le code TypeScript et Astro.
+# Analyse le code TypeScript et Vue.
 lint-js fix="":
     bun --bun eslint --config "{{ esLintConfigFile }}" {{ fix }}
 
+# Analyse le code CSS avec ESLint.
+lint-css-eslint fix="":
+    bun --bun eslint --config "{{ esLintCssConfigFile }}" {{ fix }}
+
 # Analyse l'orthographe et la grammaire.
 lint-spelling:
     bun --bun cspell lint *

package.json

@@ -19,11 +19,12 @@
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
+    "@eslint/css": "^0.4.0",
     "@types/bun": "^1.2.3",
     "@unhead/addons": "^2.0.0-alpha.19",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/eslint-config-typescript": "^14.4.0",
-    "@vue/typescript-plugin": "^2.2.2",
+    "@vue/typescript-plugin": "^2.2.4",
     "browserslist": "^4.24.4",
     "drizzle-kit": "^0.30.4",
     "eslint": "^9.21.0",
@@ -31,14 +32,19 @@
     "eslint-plugin-vue": "^9.32.0",
     "globals": "^16.0.0",
     "jiti": "^2.4.2",
-    "knip": "^5.44.4",
+    "knip": "^5.44.5",
     "lightningcss": "^1.29.1",
     "prettier": "^3.5.2",
     "prettier-plugin-pkg": "^0.18.1",
     "prettier-plugin-sh": "^0.15.0",
+    "stylelint": "^16.14.1",
+    "stylelint-config-clean-order": "^7.0.0",
+    "stylelint-config-standard": "^37.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.8.0",
+    "stylelint-plugin-logical-css": "^1.2.1",
     "tsr": "^1.3.4",
     "typescript": "^5.7.3",
     "vite": "^6.1.1",
-    "vue-tsc": "^2.2.2"
+    "vue-tsc": "^2.2.4"
   }
 }

src/App.vue

@@ -11,18 +11,21 @@
     <main class="box stack">
       <MainHeader></MainHeader>
 
+      <!--
         <RouterView v-slot="{ Component, route }">
           <Transition mode="out-in" name="fade">
             <component :is="Component" :key="route.path" />
           </Transition>
         </RouterView>
+      -->
+      <RouterView></RouterView>
     </main>
 
     <SidebarView></SidebarView>
   </div>
 </template>
 
-<style lang="css">
+<style scoped lang="css">
   .fade-enter-active, .fade-leave-active {
     transition: opacity 0.2s linear;
   }

src/components/LastAddedEntry.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-  import { type DiaryEntry } from "@/db/schemas/entries";
+  import type { DiaryEntry } from "@/db/schemas";
+
   import { ReadApi } from "@/services/read-api";
   import { RuntimeClient } from "@/services/runtime-client";
   import { Effect } from "effect";
@@ -17,9 +18,10 @@
 </script>
 
 <template>
-  <p>hello</p>
-
   <p v-if="lastAddedEntry">
     {{ lastAddedEntry?.id }}
   </p>
+  <p v-else>
+    Aucune entrée dans le journal.
+  </p>
 </template>

src/components/MainHeader.vue

@@ -2,7 +2,13 @@
 </script>
 
 <template>
-  <header>
+  <header class="">
-    <h1>Journal Média</h1>
+    <h1 class="invert">Journal Média</h1>
   </header>
 </template>
+
+<style lang="css" scoped>
+  header > h1 {
+    padding: var(--s-2);
+  }
+</style>

src/components/SearchMediaDialog.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
+  import { Effect, pipe } from "effect";
   import { useTemplateRef } from "vue";
+  import { useRouter } from "vue-router";
 
   import ImposterBox from "./ImposterBox.vue";
 
@@ -12,46 +14,72 @@
   defineEmits<(e: "dialog-hidden", dialogId: string) => void>();
 
   const form = useTemplateRef<HTMLFormElement>("form");
+  const router = useRouter();
 
   const resetAndClose = () => {
     form.value?.reset();
     toggleDialog();
   };
+
+  const redirectToSearch = async (event: Event): void => {
+    if (!form.value?.checkValidity()) return;
+    event.preventDefault();
+
+    await pipe(
+      Effect.fromNullable(form.value),
+      Effect.andThen((form: HTMLFormElement) => new FormData(form)),
+      Effect.andThen((formData: FormData) => new URLSearchParams(formData)),
+      Effect.andThen((searchParams: URLSearchParams) => Object.fromEntries(searchParams.entries())),
+      Effect.tap(query => router.push({ path: "/search", query })),
+      Effect.runPromise,
+    );
+  };
 </script>
 
 <template>
   <ImposterBox dialog-id="add-media" :is-toggled="isToggled" @dialog-hidden="resetAndClose">
     <template #title>Ajouter un média</template>
     <template #content>
-      <form ref="form" class="stack">
+      <form
+        id="add-media-form" ref="form" action=""
+        class="stack" method="dialog"
+      >
         <fieldset class="cluster">
           <legend>Type du média</legend>
           <div class="field">
             <input
-              id="film" checked name="media-type"
+              id="film" checked for="add-media-form"
-              type="radio" value="film"
+              name="type" type="radio" value="film"
             >
             <label for="film">Film</label>
           </div>
 
           <div class="field">
             <input
-              id="series" name="media-type" type="radio"
+              id="series" for="add-media-form" name="type"
-              value="series"
+              type="radio" value="series"
             >
             <label for="series">Série</label>
           </div>
         </fieldset>
 
         <div class="field stack">
-          <label for="media-title">Titre</label> <input id="media-title" type="text">
+          <label for="query">Titre</label>
+          <input
+            id="query" for="add-media-form" name="query"
+            required type="text"
+          >
         </div>
         <div class="field stack">
-          <label for="media-release-year">Année de sortie</label> <input id="media-release-year" type="number">
+          <label for="year">Année de sortie</label>
+          <input
+            id="year" for="add-media-form" name="year"
+            type="number"
+          >
         </div>
 
         <div class="cluster buttons">
-          <button class="invert" type="submit">
+          <button class="invert" type="submit" @click="redirectToSearch">
             Rechercher
           </button>
           <button type="reset">

src/db/schemas/entries.ts

@@ -1,16 +1,17 @@
 import type { Values } from "@/libs/utils/types";
-import type { InferSelectModel } from "drizzle-orm";
 import type { AnySQLiteColumn } from "drizzle-orm/sqlite-core";
 
 import * as t from "drizzle-orm/sqlite-core";
 import { sqliteTable as table } from "drizzle-orm/sqlite-core";
+import { Schema } from "effect";
 
-import type { DIARY_ENTRY_STATES } from "./constants";
+import { DIARY_ENTRY_STATES } from "./constants";
-
 import { ArtWorks, Genres } from "./works";
 
+// Tables
+
 export const DiaryEntries = table("diary_entries", {
-  artWorkId: t.integer("art_work_id").references((): AnySQLiteColumn => ArtWorks.id),
+  artWorkId: t.integer("art_work_id").references((): AnySQLiteColumn => ArtWorks.id).notNull(),
   dateCreated: t.text("date_created", { length: 10 }).notNull(),
   dateModified: t.text("date_modified", { length: 10 }).notNull(),
   id: t.integer("id").primaryKey({ autoIncrement: true }),
@@ -34,7 +35,33 @@ export const Viewings = table("viewings", {
   id: t.integer("id").primaryKey({ autoIncrement: true }),
 });
 
-export type DiaryEntry = InferSelectModel<typeof DiaryEntries>;
+// Schémas
-export type DiaryEntryGenre = InferSelectModel<typeof DiaryEntriesGenres>;
+
-export type DiaryEntryState = InferSelectModel<typeof DiaryEntriesStates>;
+export const DiaryEntrySchema = Schema.Struct({
-export type Viewing = InferSelectModel<typeof Viewings>;
+  artWorkId: Schema.NonNegativeInt,
+  dateCreated: Schema.String,
+  dateModified: Schema.String,
+  id: Schema.NonNegativeInt,
+  stateId: Schema.NonNegativeInt,
+});
+export type DiaryEntry = Schema.Schema.Type<typeof DiaryEntrySchema>;
+
+export const DiaryEntryGenreSchema = Schema.Struct({
+  artWorkId: Schema.NonNegativeInt,
+  genreId: Schema.NonNegativeInt,
+  id: Schema.NonNegativeInt,
+});
+export type DiaryEntryGenre = Schema.Schema.Type<typeof DiaryEntryGenreSchema>;
+
+export const DiaryEntryStateSchema = Schema.Struct({
+  id: Schema.NonNegativeInt,
+  state: Schema.Enums(DIARY_ENTRY_STATES),
+});
+export type DiaryEntryState = Schema.Schema.Type<typeof DiaryEntryStateSchema>;
+
+export const ViewingSchema = Schema.Struct({
+  artWorkId: Schema.NonNegativeInt,
+  date: Schema.String,
+  id: Schema.NonNegativeInt,
+});
+export type Viewing = Schema.Schema.Type<typeof ViewingSchema>;

src/db/schemas/works.ts

@@ -1,11 +1,13 @@
 import type { Values } from "@/libs/utils/types";
-import type { InferSelectModel } from "drizzle-orm";
 import type { AnySQLiteColumn } from "drizzle-orm/sqlite-core";
 
 import * as t from "drizzle-orm/sqlite-core";
 import { sqliteTable as table } from "drizzle-orm/sqlite-core";
+import { Schema } from "effect";
 
-import type { MEDIA_TYPES } from "./constants";
+import { MEDIA_TYPES } from "./constants";
+
+// Tables
 
 export const MediaTypes = table("media_types", {
   id: t.integer("id").primaryKey({ autoIncrement: true }),
@@ -26,6 +28,26 @@ export const Genres = table("genres", {
   slug: t.text("slug").notNull().unique(),
 });
 
-export type ArtWork = InferSelectModel<typeof ArtWorks>;
+// Schémas
-export type Genre = InferSelectModel<typeof Genres>;
+
-export type MediaType = InferSelectModel<typeof MediaTypes>;
+export const MediaTypeSchema = Schema.Struct({
+  id: Schema.NonNegativeInt,
+  name: Schema.NonEmptyString,
+  slug: Schema.Enums(MEDIA_TYPES),
+});
+export type MediaType = Schema.Schema.Type<typeof MediaTypeSchema>;
+
+export const ArtWorkSchema = Schema.Struct({
+  id: Schema.NonNegativeInt,
+  mediumTypeId: Schema.NonNegativeInt,
+  name: Schema.NonEmptyString,
+  releaseDate: Schema.String,
+});
+export type ArtWork = Schema.Schema.Type<typeof ArtWorkSchema>;
+
+export const GenreSchema = Schema.Struct({
+  id: Schema.NonNegativeInt,
+  name: Schema.NonEmptyString,
+  slug: Schema.NonEmptyString,
+});
+export type Genre = Schema.Schema.Type<typeof GenreSchema>;

src/libs/apis/clients.ts

@@ -0,0 +1,30 @@
+import type { Input } from "@effect/platform/UrlParams";
+
+import { FetchHttpClient, HttpClient, HttpClientRequest, Url, UrlParams } from "@effect/platform";
+import { Effect, pipe } from "effect";
+
+export const DebugHttpClient = pipe(
+  HttpClient.HttpClient,
+  Effect.andThen(HttpClient.tapRequest(Effect.logDebug)),
+  Effect.andThen(HttpClient.tap(Effect.logDebug)),
+  Effect.andThen(HttpClient.filterStatusOk),
+  HttpClient.withTracerPropagation(false),
+  Effect.provide(FetchHttpClient.layer),
+);
+
+export const createUrlWithParams = (stringUrl: string) => (params: Input) =>
+  Effect.gen(function*() {
+    const url = yield* Url.fromString(stringUrl);
+    const urlParams = UrlParams.fromInput(params);
+    return Url.setUrlParams(url, urlParams);
+  });
+
+export const createGetHttpRequest = (url: URL): HttpClientRequest.HttpClientRequest =>
+  pipe(
+    HttpClientRequest.get(url),
+    HttpClientRequest.bearerToken(import.meta.env["VITE_TMDB_API_KEY"]),
+    HttpClientRequest.acceptJson,
+  );
+
+export const executeHttpRequest = (request: HttpClientRequest.HttpClientRequest) =>
+  Effect.andThen(DebugHttpClient, client => client.execute(request));

src/libs/apis/requests.ts

@@ -0,0 +1,23 @@
+import { HttpClient, HttpClientResponse } from "@effect/platform";
+import { Effect, pipe } from "effect";
+
+import { createGetHttpRequest, createUrlWithParams, DebugHttpClient } from "./clients";
+import { TMDB_ROUTE_SEARCH_MOVIE } from "./routes";
+import { TmdbMovieSearchQueryParams, TmdbMovieSearchResponse } from "./tmdb/schemas";
+
+export const TmdbSearchMovie = (queryParams: TmdbMovieSearchQueryParams) =>
+  pipe(
+    Effect.gen(function*() {
+      const { ...args } = queryParams;
+      const client = yield* DebugHttpClient;
+
+      return pipe(
+        createUrlWithParams(TMDB_ROUTE_SEARCH_MOVIE)(args),
+        Effect.andThen(url => createGetHttpRequest(url)),
+        Effect.andThen(request => client.execute(request)),
+        // NOTE: Essentiel à désactiver pour des APIs externes
+        HttpClient.withTracerPropagation(false),
+        Effect.andThen(response => HttpClientResponse.schemaBodyJson(TmdbMovieSearchResponse)(response)),
+      );
+    }),
+  );

src/libs/apis/routes.ts

@@ -0,0 +1 @@
+export const TMDB_ROUTE_SEARCH_MOVIE = "https://api.themoviedb.org/3/search/movie";

src/libs/apis/tmdb/constants.ts

@@ -0,0 +1,9 @@
+import type { TmdbMovieSearchQueryParams } from "./schemas";
+
+export const DEFAULT_SEARCH_MOVIE_PARAMS: TmdbMovieSearchQueryParams = {
+  include_adult: false,
+  language: "fr",
+  page: 1,
+  query: "",
+  region: "fr-FR",
+};

src/libs/apis/tmdb/schemas.ts

@@ -13,13 +13,13 @@ export class TmdbMovieSearchQueryParams extends Schema.Class<TmdbMovieSearchQuer
     Schema.propertySignature,
     Schema.withConstructorDefault(() => 1),
   ),
-  primary_release_year: Schema.NonEmptyString.pipe(Schema.length(4), Schema.optional),
+  primary_release_year: Schema.String.pipe(Schema.optional),
   query: Schema.NonEmptyString,
   region: Schema.NonEmptyString.pipe(
     Schema.propertySignature,
     Schema.withConstructorDefault(() => "fr"),
   ),
-  year: Schema.NonEmptyString.pipe(Schema.length(4), Schema.optional),
+  year: Schema.String.pipe(Schema.optional),
 }) {}
 
 export class TmdbMovieSearchResponse extends Schema.Class<TmdbMovieSearchResponse>("TmdbMovieSearchResponse")({
@@ -35,7 +35,7 @@ export class TmdbMovieSearchResponse extends Schema.Class<TmdbMovieSearchRespons
       overview: Schema.String,
       popularity: Schema.Number,
       poster_path: Schema.Union(Schema.String, Schema.Null),
-      release_date: Schema.NonEmptyString.pipe(Schema.length(10)),
+      release_date: Schema.String,
       title: Schema.String,
       video: Schema.Boolean,
       vote_average: Schema.Number,

src/libs/search/schemas.ts

@@ -0,0 +1,8 @@
+import { MEDIA_TYPES } from "@/db/schemas/constants";
+import { Schema } from "effect";
+
+export class SearchPageQueryParams extends Schema.Class<SearchPageQueryParams>("SearchPageQueryParams")({
+  query: Schema.NonEmptyString,
+  type: Schema.Enums(MEDIA_TYPES),
+  year: Schema.String,
+}) {}

src/libs/search/utils.ts

@@ -0,0 +1,25 @@
+import type { NonEmptyArray } from "effect/Array";
+
+import { UrlParams } from "@effect/platform";
+import { Effect, pipe } from "effect";
+
+/**
+ * Transform les valeurs d'un `FormData` en `Record` trié.
+ *
+ * @param formData Les valeurs d'un formulaire.
+ * @returns Un `Effect` des valeurs.
+ */
+export const transformFormDataToRecord = (
+  formData: FormData,
+): Effect.Effect<Record<string, NonEmptyArray<string> | string>> =>
+  pipe(
+    Effect.succeed(Array.from(formData.entries())),
+    // @ts-expect-error -- Impossible de typer les valeurs de FormData comme string.
+    Effect.andThen(formData => new URLSearchParams(formData)),
+    Effect.andThen((urlSearchParams: URLSearchParams) => {
+      urlSearchParams.sort();
+      return urlSearchParams;
+    }),
+    Effect.andThen((urlSearchParams: URLSearchParams) => UrlParams.fromInput(urlSearchParams)),
+    Effect.andThen((urlParams: UrlParams.UrlParams) => UrlParams.toRecord(urlParams)),
+  );

src/libs/utils/dates.ts

@@ -1,3 +1,5 @@
+import { DateTime, pipe } from "effect";
+
 export const getTodayDate = (): string =>
   new Date(Date.now()).toLocaleDateString("fr-FR", {
     day: "numeric",
@@ -5,3 +7,9 @@ export const getTodayDate = (): string =>
     weekday: "long",
     year: "numeric",
   });
+
+export const getCurrentYear = (): number =>
+  pipe(
+    DateTime.unsafeNow(),
+    DateTime.getPart("year"),
+  );

src/pages/HomePage.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
   import type { Ref } from "vue";
 
+  import LastAddedEntry from "@/components/LastAddedEntry.vue";
   import SearchMediaDialog from "@/components/SearchMediaDialog.vue";
   import { onMounted, ref } from "vue";
-
   const toggleDialogStateRef = (stateRef: Ref<boolean, boolean>) => () => {
     stateRef.value = !stateRef.value;
   };
@@ -24,6 +24,12 @@
 
   <section id="last-watched-media" class="stack">
     <h2>Derniers médias regardés</h2>
+    <Suspense>
+      <LastAddedEntry> </LastAddedEntry>
+      <template #fallback>
+        <p>Récupération des entrées...</p>
+      </template>
+    </Suspense>
   </section>
 
   <SearchMediaDialog :is-toggled="isAddMediaToggled" :toggle-dialog="toggleAddMediaDialog"></SearchMediaDialog>

src/pages/SearchPage.vue

@@ -0,0 +1,182 @@
+<script setup lang="ts">
+  import { MEDIA_TYPES } from "@/db/schemas/constants";
+  import { DEFAULT_SEARCH_MOVIE_PARAMS } from "@/libs/apis/tmdb/constants";
+  import { TmdbMovieSearchQueryParams, TmdbMovieSearchResponse } from "@/libs/apis/tmdb/schemas";
+  import { SearchPageQueryParams } from "@/libs/search/schemas";
+  import { transformFormDataToRecord } from "@/libs/search/utils";
+  import { getCurrentYear } from "@/libs/utils/dates";
+  import { PrettyLogger } from "@/services/logger";
+  import { RuntimeClient } from "@/services/runtime-client";
+  import { TmdbApi } from "@/services/tmdb-api";
+  import { Effect, pipe, Schema } from "effect";
+  import { computed, onMounted } from "vue";
+  import { ref } from "vue";
+  import { watch } from "vue";
+  import { useTemplateRef } from "vue";
+  import { useRoute } from "vue-router";
+  import { useRouter } from "vue-router";
+
+  const route = useRoute();
+  const router = useRouter();
+  const currentYear: number = getCurrentYear();
+
+  const parsedQueryParams = computed(() => Schema.decodeUnknown(SearchPageQueryParams)(route.query));
+  const form = useTemplateRef("form");
+  const formData = ref<SearchPageQueryParams>();
+  const searchResults = ref<TmdbMovieSearchResponse>();
+
+  const updateQueryParams = async (event?: Event): Promise<void> => {
+    if (event) {
+      event.preventDefault();
+    }
+    await pipe(
+      Effect.fromNullable(form.value),
+      Effect.andThen(form => new FormData(form)),
+      Effect.andThen(formData => transformFormDataToRecord(formData)),
+      Effect.tap(queryParams => router.push({ force: true, query: queryParams })),
+      Effect.catchAll(error => Effect.succeed(error)),
+      Effect.tap(Effect.logInfo),
+      Effect.runPromise,
+    );
+  };
+  const resetForm = async (event: Event): Promise<void> => {
+    event.preventDefault();
+    form.value?.reset();
+    formData.value = {
+      query: "",
+      type: MEDIA_TYPES.FILM,
+      year: "",
+    };
+    router.push({ force: true });
+  };
+
+  const executeSearch = async (): Promise<TmdbMovieSearchResponse | undefined> =>
+    await RuntimeClient.runPromise(
+      Effect.gen(function*() {
+        // NOTE: Ne gère que la recherche de films pour l'instant.
+        const tmdbApi = yield* TmdbApi;
+        const validQueryParams = yield* parsedQueryParams.value;
+        const queryArgs = yield* Schema.decode(TmdbMovieSearchQueryParams)({
+          ...DEFAULT_SEARCH_MOVIE_PARAMS,
+          primary_release_year: validQueryParams.year,
+          query: validQueryParams.query,
+        });
+
+        return yield* pipe(
+          tmdbApi.searchMovie(queryArgs),
+          Effect.tapError(Effect.logError),
+          Effect.orElseSucceed(() => undefined),
+          Effect.tap(Effect.logInfo),
+          Effect.provide(PrettyLogger),
+        );
+      }),
+    );
+  const updateResults = async (): Promise<void> =>
+    pipe(
+      parsedQueryParams.value,
+      Effect.tap(async (args: SearchPageQueryParams) => {
+        formData.value = { ...args };
+        searchResults.value = await executeSearch();
+      }),
+      Effect.tapError(Effect.logError),
+      Effect.ignore,
+      Effect.provide(PrettyLogger),
+      Effect.runPromise,
+    );
+
+  watch(route, async () => await updateResults(), { immediate: true });
+
+  onMounted(() => {
+    console.debug("SearchPage.vue -- Mounted");
+  });
+</script>
+
+<template>
+  <div class="wrapper stack">
+    <h2>Rechercher</h2>
+
+    <section id="search-terms" class="stack">
+      <h3>Termes</h3>
+      <form
+        id="search-media-form" ref="form" class="cluster"
+        @submit="updateQueryParams"
+      >
+        <fieldset class="stack">
+          <legend>Type du média</legend>
+
+          <div class="fields cluster">
+            <div class="field">
+              <input
+                id="film" checked for="add-media-form"
+                name="type" type="radio" :v-model="formData?.type"
+                value="film"
+              >
+              <label for="film">Film</label>
+            </div>
+            <div class="field">
+              <input
+                id="series" for="add-media-form" name="type"
+                type="radio" :v-model="formData?.type" value="series"
+              >
+              <label for="series">Série</label>
+            </div>
+          </div>
+        </fieldset>
+
+        <div class="field stack">
+          <label for="query">Titre</label>
+          <input
+            id="query" for="add-media-form" name="query"
+            required type="text" :v-model="formData?.query"
+            :value="formData?.query"
+          >
+        </div>
+        <div class="field stack">
+          <label for="year">Année de sortie</label>
+          <input
+            id="year" for="add-media-form" :max="currentYear"
+            min="1900" name="year" type="number"
+            :v-model="formData?.year" :value="formData?.year"
+          >
+        </div>
+
+        <div class="cluster buttons">
+          <button class="invert" type="submit">Rechercher</button>
+          <button for="search-media-form" type="reset" @click="resetForm">Réinitialiser</button>
+        </div>
+      </form>
+    </section>
+
+    <template v-if="searchResults">
+      <section id="results" class="stack">
+        <h3>Résultats</h3>
+        <p v-for="result in searchResults.results" :key="result.id">
+          <span>{{ result.original_title }}</span>
+        </p>
+      </section>
+    </template>
+  </div>
+</template>
+
+<style scoped lang="css">
+  .wrapper {
+    > * {
+      --space: var(--s3);
+
+      * {
+        --space: var(--s0);
+      }
+    }
+  }
+
+  #search-media-form {
+    padding: var(--s0);
+    border: 4px double var(--color-primary);
+  }
+
+  form {
+    :is(legend) {
+      font-weight: 120;
+    }
+  }
+</style>

src/router/index.ts

@@ -23,13 +23,19 @@ const router: Router = createRouter({
       name: "NotFound",
       path: "/:pathMatch(.*)*",
     },
+    {
+      component: () => import("@/pages/SearchPage.vue"),
+      meta: { title: "Rechercher" },
+      name: "Search",
+      path: "/search",
+    },
   ],
 });
 
 router.beforeEach((to, _): void => {
   console.debug("router - to", to);
   pipe(
-    Option.liftPredicate(Predicate.isString)(to.meta["title"]),
+    Option.liftPredicate(Predicate.isString)(to.meta.title),
     Option.getOrElse((): string => "???"),
     (pageName: string): void => {
       document.title = generatePageTitle(siteName, separator, pageName);

src/router/typed-routes.d.ts

@@ -1,5 +1,7 @@
 import type { RouteRecordInfo } from "vue-router";
 
+import "vue-router";
+
 export interface RouteNamedMap {
   Home: RouteRecordInfo<
     "Home",
@@ -15,10 +17,21 @@ export interface RouteNamedMap {
     { path: string },
     { title: string }
   >;
+  Search: RouteRecordInfo<
+    "Search",
+    "/search",
+    Record<never, never>,
+    Record<never, never>,
+    { title: string }
+  >;
 }
 
 // Last, you will need to augment the Vue Router types with this map of routes
 declare module "vue-router" {
+  interface RouteMeta {
+    /** Le nom de la page de la route, utile par exemple pour <title>. */
+    title: string;
+  }
   interface TypesConfig {
     RouteNamedMap: RouteNamedMap;
   }

src/services/logger.ts

@@ -2,7 +2,7 @@ import type { LogLevel } from "effect/LogLevel";
 
 import { Config, ConfigProvider, Effect, Layer, Logger, pipe } from "effect";
 
-const EnvConfigProvider = Layer.setConfigProvider(ConfigProvider.fromMap(new Map([["LOG_LEVEL", "DEBUG"]])));
+const EnvConfigProvider = Layer.setConfigProvider(ConfigProvider.fromMap(new Map([["LOG_LEVEL", "INFO"]])));
 
 const LogLevelLive = pipe(
   Config.logLevel("LOG_LEVEL"),

src/services/read-api.ts

@@ -1,4 +1,4 @@
-import { DiaryEntries, Users } from "@/db/schemas";
+import { DiaryEntries } from "@/db/schemas";
 import { singleResultOrFail } from "@/libs/utils/effects";
 import { desc } from "drizzle-orm";
 import { Data, Effect } from "effect";
@@ -20,7 +20,6 @@ export class ReadApi extends Effect.Service<ReadApi>()("ReadApi", {
         query(_ => _.select().from(DiaryEntries).limit(1).orderBy(desc(DiaryEntries.dateCreated))).pipe(
           singleResultOrFail(() => new ReadApiError({ cause: "Aucune entrée n'a encore été ajoutée." })),
         ),
-      getUsers: () => query(_ => _.select().from(Users)),
     };
   }),
 }) {}

src/services/runtime-client.ts

@@ -4,12 +4,14 @@ import { LocalSqlite } from "./db";
 import { PrettyLogger } from "./logger";
 import { Migrations } from "./migrations";
 import { ReadApi } from "./read-api";
+import { TmdbApi } from "./tmdb-api";
 
 const MainLayer = Layer.mergeAll(
   // WriteApi.Default,
   LocalSqlite.Default,
   Migrations.Default,
   ReadApi.Default,
+  TmdbApi.Default,
 ).pipe(Layer.provide(PrettyLogger));
 
 export const RuntimeClient = ManagedRuntime.make(MainLayer);

src/services/tmdb-api.ts

@@ -0,0 +1,33 @@
+import { createGetHttpRequest, createUrlWithParams, DebugHttpClient as Dhc } from "@/libs/apis/clients";
+import { TMDB_ROUTE_SEARCH_MOVIE } from "@/libs/apis/routes";
+import { type TmdbMovieSearchQueryParams, TmdbMovieSearchResponse } from "@/libs/apis/tmdb/schemas";
+import { HttpClient, HttpClientRequest, HttpClientResponse } from "@effect/platform";
+import { Data, Effect, pipe } from "effect";
+
+export class DebugHttpClient extends Effect.Service<DebugHttpClient>()("DebugHttpClient", {
+  effect: Dhc,
+}) {}
+
+export class TmdbApi extends Effect.Service<TmdbApi>()("TmdbApi", {
+  effect: Effect.gen(function*() {
+    yield* Effect.logDebug("--- TMDB-API ---");
+    const client = yield* Dhc;
+
+    return {
+      searchMovie: (args: TmdbMovieSearchQueryParams) =>
+        pipe(
+          createUrlWithParams(TMDB_ROUTE_SEARCH_MOVIE)({ ...args }),
+          Effect.andThen((url: URL) => createGetHttpRequest(url)),
+          Effect.andThen((request: HttpClientRequest.HttpClientRequest) => client.execute(request)),
+          // NOTE: Essentiel à désactiver pour des APIs externes
+          HttpClient.withTracerPropagation(false),
+          Effect.andThen((response: HttpClientResponse.HttpClientResponse) =>
+            HttpClientResponse.schemaBodyJson(TmdbMovieSearchResponse)(response)
+          ),
+          Effect.scoped,
+        ),
+    };
+  }),
+}) {}
+
+export class TmdbApiError extends Data.TaggedError("TmdbApiError")<{ cause: unknown }> {}

src/styles/base/base.css

@@ -21,12 +21,12 @@ html {
 }
 
 body {
+  -webkit-font-smoothing: antialiased;
   accent-color: var(--color-tertiary);
   background: var(--color-secondary);
-  --webkit-font-smoothing: antialiased;
   font-family: monospace, system-ui, sans-serif;
-  font-optical-sizing: auto;
   font-kerning: normal;
+  font-optical-sizing: auto;
   font-variant-ligatures: common-ligatures no-discretionary-ligatures no-historical-ligatures
     contextual;
   line-height: var(--line-height-comfortable);
@@ -55,9 +55,11 @@ body {
 *::selection {
   color: var(--color-secondary);
   background: var(--color-primary);
+  font-weight: 120;
 }
 
 /* TODO: Prendre en compte a11y-dialog */
+
 /* Empêche le défilement de la page quand une modale est ouverte. */
 :where(html:has(dialog:modal[open])) {
   overflow: clip;
@@ -65,9 +67,9 @@ body {
 
 /* Retire les bordures et applique un modèle d'arrière-plan plus sain. */
 *:where(:not(progress, meter)) {
+  border: 0 solid transparent;
   background-repeat: no-repeat;
   background-origin: border-box;
-  border: 0 solid transparent;
 }
 
 /* Classe pour cacher visuellement tout en restant accessible par les lecteurs d'écran. */

src/styles/base/elements.css

@@ -1,8 +1,14 @@
 /* Réinitialise l'apparence d'éléments interactifs. */
-:where(button, fieldset, input, select, textarea) {
+:where(button, fieldset, input, select, legend, textarea) {
   appearance: none;
 }
 
+/* Désactive le comportement étrange des <legend> au sein de <fieldset>. */
+:where(fieldset > legend) {
+  width: 100%;
+  float: left;
+}
+
 /* Hauteur de ligne plus étroite pour les éléments interactifs. */
 :where(button, fieldset, input, label, select, textarea) {
   line-height: var(--line-height-compact);
@@ -19,7 +25,7 @@
 }
 
 /* Curseur de main pour les éléments interactifs cliquables. */
-:where(button, label, select) {
+:where(button, input, label, select) {
   cursor: pointer;
 }
 
@@ -32,6 +38,10 @@
   overflow-wrap: break-word;
 }
 
+:where(h1, h2, h3, h4, h5, h6) {
+  inline-size: fit-content;
+}
+
 /* Les médias doivent occuper toute la longueur disponible au sein de leur propre bloc. */
 :where(img, picture, video, canvas, svg) {
   display: block;
@@ -43,30 +53,34 @@
   list-style: none;
 }
 
+:where(.fields) {
+  padding: var(--s-4);
+}
+
 :where(input[type="text"], input[type="number"]) {
   padding: var(--s-4);
 }
 
 :where(input[type="radio"]) {
+  position: relative;
   aspect-ratio: 1/1;
-  border: 1px solid var(--color-primary);
-  background: var(--color-secondary);
-  border-radius: 50%;
   inline-size: var(--s-1);
   block-size: var(--s-1);
-  position: relative;
+  border: 1px solid var(--color-primary);
+  border-radius: 50%;
+  background: var(--color-secondary);
 
   &::after {
-    background: var(--color-primary);
-    border-radius: inherit;
     content: "";
-    opacity: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     inline-size: var(--s-2);
     block-size: var(--s-2);
+    border-radius: inherit;
+    opacity: 0;
+    background: var(--color-primary);
   }
 
   + label {

src/styles/components/imposter-box.css

@@ -3,8 +3,8 @@
   z-index: 2; /* 1 */
   inset: 0; /* 1 */
   display: flex; /* 2 */
-  background: var(--bg25-secondary);
   margin: 0;
+  background: var(--bg25-secondary);
 
   &[aria-hidden="true"] {
     display: none; /* 1 */

src/styles/layouts/center.css

@@ -8,7 +8,7 @@
   flex-flow: column nowrap;
   align-items: center;
   box-sizing: content-box; /* 1 */
-  max-inline-size: var(--longueur-max-texte, 80ch); /* 2 */
+  max-inline-size: var(--max-width, 80rem); /* 2 */
   margin-inline: auto; /* 2 */
   padding-inline: var(--s0, 1rem) var(--s0, 1rem); /* 3 */
 }

src/styles/themes/default.css

@@ -15,6 +15,11 @@ body {
   font-weight: 120;
   color: var(--color-secondary);
   background-color: var(--color-primary);
+
+  &::selection {
+    color: var(--color-primary);
+    background-color: var(--color-secondary);
+  }
 }
 
 h1 {
@@ -22,7 +27,8 @@ h1 {
 }
 
 .container {
-  --longueur-max-texte: 100ch;
+  --max-width: 60rem;
+  --space: var(--s1);
 
   place-content: start;
   place-items: start;
@@ -35,14 +41,22 @@ h1 {
   margin-block-start: var(--s2);
 }
 
-main > header {
+main {
+  inline-size: 100%;
+
+  > header {
     margin-block-end: var(--s2);
   }
+}
 
 #last-watched-media {
   --space: var(--s2);
 }
 
+:is(input[type="text"], input[type="number"]) {
+  border: 1px solid var(--color-primary);
+}
+
 @keyframes fade-in {
   to {
     opacity: 1;

src/styles/themes/default/buttons.css

@@ -2,7 +2,7 @@ button {
   --button-background-color: var(--color-secondary);
   --button-border-color: var(--color-primary);
   --button-font-weight: 100;
-  --button-padding: var(--s-1);
+  --button-padding: var(--s-2);
   --button-text-color: var(--color-primary);
 
   padding: var(--button-padding);
@@ -38,6 +38,7 @@ button {
   }
 
   /* TODO: Déplacer dans un Composant. */
+
   /* Bouton intégré dans un ensemble. */
   &.integrated {
     border: initial;

src/styles/themes/default/headings.css

@@ -10,3 +10,9 @@ h2 {
   font-size: var(--s2);
   letter-spacing: 1px;
 }
+
+h3 {
+  font-family: Banquise, monospace;
+  font-size: var(--s1);
+  letter-spacing: 1px;
+}

vite.config.mts

@@ -1,7 +1,6 @@
 import unheadVite from "@unhead/addons/vite";
 import vue from "@vitejs/plugin-vue";
 import { defineConfig } from "vite";
-import vueDevTools from "vite-plugin-vue-devtools";
 
 export default defineConfig({
   build: {
@@ -18,7 +17,6 @@ export default defineConfig({
   optimizeDeps: { exclude: ["sqlocal"] },
   plugins: [
     vue(),
-    // vueDevTools(),
     {
       configureServer: server => {
         server.middlewares.use((_req, res, next) => {