From 9224aee6f82844234fa287a920ef1cd42056d25b Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Sun, 17 Dec 2023 16:40:08 +0100
Subject: [PATCH 01/10] feat: translate options menu

---
 messages/de.json                                  | 6 +++++-
 messages/en.json                                  | 6 +++++-
 src/lib/components/contextmenu/OptionsMenu.svelte | 9 +++++----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index 722e39b..2e4e828 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -68,5 +68,9 @@
   "playlist_remove": "Von Playlist entfernen",
   "download_audio_file": "Audiodatei herunterladen",
   "copy_urls": "URLs kopieren",
-  "language": "Sprache"
+  "language": "Sprache",
+  "login": "Anmeldung",
+  "settings": "Einstellungen",
+  "documentation": "Dokumentation",
+  "frontend": "Frontend"
 }
diff --git a/messages/en.json b/messages/en.json
index 2120147..68b9007 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -68,5 +68,9 @@
   "playlist_remove": "Remove from playlist",
   "download_audio_file": "Download audio file",
   "copy_urls": "Copy URLs",
-  "language": "Language"
+  "language": "Language",
+  "login": "Login",
+  "settings": "Settings",
+  "documentation": "Documentation",
+  "frontend": "Frontend"
 }
diff --git a/src/lib/components/contextmenu/OptionsMenu.svelte b/src/lib/components/contextmenu/OptionsMenu.svelte
index 1689fca..471bf8c 100644
--- a/src/lib/components/contextmenu/OptionsMenu.svelte
+++ b/src/lib/components/contextmenu/OptionsMenu.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import * as m from "$paraglide/messages";
   import { mdiLogin, mdiCog, mdiBookOpen } from "@mdi/js";
   import { melt } from "@tirayamusic/melt-ui";
 
@@ -17,19 +18,19 @@
   <div class="ctxmenu" use:melt={menu}>
     <div class="item" use:melt={item} on:m-click={() => alert("login")}>
       <Icon path={mdiLogin} size={1.4} />
-      <span>Login</span>
+      <span>{m.login()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiCog} size={1.4} />
-      <span>Settings</span>
+      <span>{m.settings()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiBookOpen} size={1.4} />
-      <span>Documentation</span>
+      <span>{m.documentation()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={iconTiraya} size={1.4} />
-      <span>Tiraya 0.1.0 • FE: 0.1.0</span>
+      <span class="text-xs">{m.app_name()} 0.1.0<br />{m.frontend()} 0.1.0</span>
     </div>
   </div>
 {/if}

From b5c2694bc06286307285f63d8b3c80924291a491 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Tue, 19 Dec 2023 13:51:23 +0100
Subject: [PATCH 02/10] feat: add typesafe-i18n

---
 .eslintignore                                 |   1 +
 .prettierignore                               |   2 +-
 .typesafe-i18n.json                           |   5 +
 messages/de.json                              |   4 +-
 messages/en.json                              |   4 +-
 package.json                                  |  12 +-
 pnpm-lock.yaml                                | 717 +++++++-----------
 project.inlang/settings.json                  |  16 -
 scripts/import_translations.ts                |  32 +
 src/app.d.ts                                  |   6 +-
 src/app.html                                  |   2 +-
 src/hooks.server.ts                           |  34 +
 src/i18n/formatters.ts                        |  13 +
 .../contextmenu/AddPlaylistMenu.svelte        |   8 +-
 .../components/contextmenu/ContentMenu.svelte |  22 +-
 .../components/contextmenu/OptionsMenu.svelte |  10 +-
 .../components/contextmenu/TrackMenu.svelte   |  26 +-
 src/lib/components/header/FixedHeader.svelte  |  16 +-
 .../components/header/UserMenuButton.svelte   |   4 +-
 .../layout/ParaglideJsProvider.svelte         |  22 -
 src/lib/components/list/TrackList.svelte      |  16 +-
 src/lib/components/nav/Navbar.svelte          |  16 +-
 src/lib/components/nav/NavbarMobile.svelte    |  17 +-
 src/lib/components/player/CurrentCover.svelte |   4 +-
 src/lib/components/player/Playerbar.svelte    |  31 +-
 .../components/player/PlayerbarMobile.svelte  |  16 +-
 .../components/player/VolumeControl.svelte    |   6 +-
 src/lib/components/tiles/AlbumGrid.svelte     |   6 +-
 src/lib/components/tiles/Grid.svelte          |   2 +-
 src/lib/components/tiles/TileItem.svelte      |   4 +-
 src/lib/components/ui/LikeButton.svelte       |   6 +-
 src/lib/components/ui/NoItemsMsg.svelte       |   8 +-
 src/lib/util/functions.ts                     |   6 +
 src/routes/+layout.server.ts                  |   8 +
 src/routes/+layout.svelte                     | 123 +--
 src/routes/+layout.ts                         |  12 +-
 src/routes/+page.svelte                       |  27 +-
 src/routes/+page.ts                           |  13 +-
 src/routes/album/+page.ts                     |  11 +-
 src/routes/artist/+page.ts                    |  11 +-
 src/routes/artist/[id]/+page.svelte           |   6 +-
 src/routes/playlist/+page.ts                  |  11 +-
 src/routes/search/+page.ts                    |  11 +-
 src/routes/tracks/+page.svelte                |   6 +-
 src/routes/tracks/+page.ts                    |  13 +-
 svelte.config.js                              |   7 +-
 tsconfig.json                                 |   3 +-
 vite.config.ts                                |   6 +-
 48 files changed, 667 insertions(+), 695 deletions(-)
 create mode 100644 .typesafe-i18n.json
 delete mode 100644 project.inlang/settings.json
 create mode 100644 scripts/import_translations.ts
 create mode 100644 src/hooks.server.ts
 create mode 100644 src/i18n/formatters.ts
 delete mode 100644 src/lib/components/layout/ParaglideJsProvider.svelte
 create mode 100644 src/routes/+layout.server.ts

diff --git a/.eslintignore b/.eslintignore
index 3897265..8b5271f 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -6,6 +6,7 @@ node_modules
 .env
 .env.*
 !.env.example
+/scripts
 
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
diff --git a/.prettierignore b/.prettierignore
index 784f6d3..3689e1c 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -7,7 +7,7 @@ node_modules
 .env
 .env.*
 !.env.example
-/src/paraglide
+/src/i18n
 
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
diff --git a/.typesafe-i18n.json b/.typesafe-i18n.json
new file mode 100644
index 0000000..f7eff0f
--- /dev/null
+++ b/.typesafe-i18n.json
@@ -0,0 +1,5 @@
+{
+  "$schema": "https://unpkg.com/typesafe-i18n@5.26.2/schema/typesafe-i18n.json",
+  "adapter": "svelte",
+  "baseLocale": "en"
+}
diff --git a/messages/de.json b/messages/de.json
index 2e4e828..1f77923 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -1,5 +1,4 @@
 {
-  "$schema": "https://inlang.com/schema/inlang-message-format",
   "hello_world": "Hallo Welt",
   "search": "Suche",
   "home": "Startseite",
@@ -72,5 +71,6 @@
   "login": "Anmeldung",
   "settings": "Einstellungen",
   "documentation": "Dokumentation",
-  "frontend": "Frontend"
+  "frontend": "Frontend",
+  "log": "Dieses Logging wurde von '{fileName}' aufgerufen"
 }
diff --git a/messages/en.json b/messages/en.json
index 68b9007..7383fc1 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -1,5 +1,4 @@
 {
-  "$schema": "https://inlang.com/schema/inlang-message-format",
   "hello_world": "Hello World",
   "search": "Search",
   "home": "Home",
@@ -72,5 +71,6 @@
   "login": "Login",
   "settings": "Settings",
   "documentation": "Documentation",
-  "frontend": "Frontend"
+  "frontend": "Frontend",
+  "log": "This log was called from '{fileName:string}'"
 }
diff --git a/package.json b/package.json
index 941f155..4207fbd 100644
--- a/package.json
+++ b/package.json
@@ -5,14 +5,14 @@
   "type": "module",
   "scripts": {
     "dev": "vite dev",
-    "build": "paraglide-js compile --project ./project.inlang && vite build",
+    "build": "npm run typesafe-i18n && vite build",
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test": "vitest",
     "lint": "prettier --plugin prettier-plugin-svelte --check . && eslint . && npm run check",
     "format": "prettier --plugin prettier-plugin-svelte --write .",
-    "postinstall": "paraglide-js compile --project ./project.inlang"
+    "typesafe-i18n": "tsx scripts/import_translations.ts"
   },
   "dependencies": {
     "@fontsource-variable/inter": "^5.0.16",
@@ -22,13 +22,12 @@
     "daisyui": "^3.9.4",
     "fast-average-color": "^9.4.0",
     "svelte-inview": "^4.0.1",
-    "svelte-local-storage-store": "^0.5.0"
+    "svelte-local-storage-store": "^0.5.0",
+    "typesafe-i18n": "^5.26.2"
   },
   "devDependencies": {
-    "@inlang/paraglide-js": "1.0.0-prerelease.19",
-    "@inlang/paraglide-js-adapter-vite": "^1.0.2",
     "@melt-ui/pp": "^0.1.4",
-    "@sveltejs/adapter-static": "^2.0.3",
+    "@sveltejs/adapter-node": "^2.0.0",
     "@sveltejs/kit": "^1.27.7",
     "@tailwindcss/typography": "^0.5.10",
     "@typescript-eslint/eslint-plugin": "^6.13.2",
@@ -47,6 +46,7 @@
     "svelte-sequential-preprocessor": "^2.0.1",
     "tailwindcss": "^3.3.6",
     "tslib": "^2.6.2",
+    "tsx": "^4.6.2",
     "typescript": "^5.3.3",
     "vite": "^4.5.1",
     "vite-bundle-visualizer": "^0.10.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ddcd0b9..19ee8e2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -29,20 +29,17 @@ dependencies:
   svelte-local-storage-store:
     specifier: ^0.5.0
     version: 0.5.0(svelte@4.2.8)
+  typesafe-i18n:
+    specifier: ^5.26.2
+    version: 5.26.2(typescript@5.3.3)
 
 devDependencies:
-  '@inlang/paraglide-js':
-    specifier: 1.0.0-prerelease.19
-    version: 1.0.0-prerelease.19
-  '@inlang/paraglide-js-adapter-vite':
-    specifier: ^1.0.2
-    version: 1.0.2
   '@melt-ui/pp':
     specifier: ^0.1.4
     version: 0.1.4(@melt-ui/svelte@0.65.1)(svelte@4.2.8)
-  '@sveltejs/adapter-static':
-    specifier: ^2.0.3
-    version: 2.0.3(@sveltejs/kit@1.27.7)
+  '@sveltejs/adapter-node':
+    specifier: ^2.0.0
+    version: 2.0.0(@sveltejs/kit@1.27.7)
   '@sveltejs/kit':
     specifier: ^1.27.7
     version: 1.27.7(svelte@4.2.8)(vite@4.5.1)
@@ -97,6 +94,9 @@ devDependencies:
   tslib:
     specifier: ^2.6.2
     version: 2.6.2
+  tsx:
+    specifier: ^4.6.2
+    version: 4.6.2
   typescript:
     specifier: ^5.3.3
     version: 5.3.3
@@ -415,158 +415,6 @@ packages:
     resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==}
     dev: true
 
-  /@inlang/detect-json-formatting@1.0.0:
-    resolution: {integrity: sha512-o0jeI8U4TgNlsPwI0y92jld8/18Loh2KEgHCYCJ42rCOdxFrA8R60cydlEd2/6jkdHFn5DxKj8rOyiKv3z9uOw==}
-    dependencies:
-      guess-json-indent: 2.0.0
-    dev: true
-
-  /@inlang/json-types@1.1.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-n6vS6AqETsCFbV4TdBvR/EH57waVXzKsMqeUQ+eH2Q6NUATfKhfLabgNms2A+QV3aedH/hLtb1pRmjl2ykBVZg==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.0
-    dependencies:
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/language-tag@1.2.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-AwKNPYPgJrhM9ebEYQvcG5PGM4v79jMPlsv2bUYEhEZzMpwIJKQo4t7P7EekMhO086sXOmeTu410Lm8abX/2Yw==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.0
-    dependencies:
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/message-lint-rule@1.4.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-imOvpxKFP2ESaWTI5W5aQiW1ukvXMvGa4KhVknssfA1ZkCkVu2EDM4aGxw11U5Rli4QQ70bxztUvfLVhd3J84A==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.17
-    dependencies:
-      '@inlang/json-types': 1.1.0(@sinclair/typebox@0.31.28)
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/message': 2.0.0(@sinclair/typebox@0.31.28)
-      '@inlang/project-settings': 2.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/translatable': 1.2.0(@sinclair/typebox@0.31.28)
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/message@2.0.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-RPFcbega2Cnxi78d08O7SbuXyuhEqsB819QjgloNTXWtlBFwVDkF87xAMIZN37hpM6JZzMaYv2O1ipyncU3Ccg==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.0
-    dependencies:
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/module@1.2.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-Z91zJUgliX+ddfRK+Ce4aZYlMjeNwZJOMmJ2dEUgg2cfqIFRB+gDsC5gLEY5LTkZspf/XUHoECTpK8ErVVYF5w==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.17
-    dependencies:
-      '@inlang/message-lint-rule': 1.4.0(@sinclair/typebox@0.31.28)
-      '@inlang/plugin': 2.4.0(@sinclair/typebox@0.31.28)
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/paraglide-js-adapter-unplugin@1.0.2:
-    resolution: {integrity: sha512-eckY8fWXDka4jLmrAtPhdlQzEKHJLWxDr7ix8I/C/OVr/HV5hMPlzcV0UD6ImoX2vWYJ9TZ/0Me+pO2QauCH3A==}
-    dependencies:
-      '@inlang/paraglide-js': 1.0.0-prerelease.19
-      '@inlang/sdk': 0.19.0
-      unplugin: 1.5.1
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - debug
-    dev: true
-
-  /@inlang/paraglide-js-adapter-vite@1.0.2:
-    resolution: {integrity: sha512-/o3S4kq/nH+bznI4b0nOSQt0EPP64w7gkLJcq01cOMCBB+j5EzfHiSVunE7FGwzUf3itw/E/h/FIZa3NWELONQ==}
-    dependencies:
-      '@inlang/paraglide-js-adapter-unplugin': 1.0.2
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - debug
-    dev: true
-
-  /@inlang/paraglide-js@1.0.0-prerelease.19:
-    resolution: {integrity: sha512-hWsZVsW6rTBzEN4dWjcaO9bXnpokvjjF3Ath1VpLm/hFvGLN5Ij+rkE2GKoR0It6HSKjEV8qBLkuU9KGTp0G5A==}
-    hasBin: true
-    dependencies:
-      '@inlang/detect-json-formatting': 1.0.0
-      '@inlang/sdk': 0.19.0
-      '@lix-js/fs': 0.4.0
-      commander: 11.1.0
-      consola: 3.2.3
-      dedent: 1.5.1
-      isomorphic-git: 1.24.5
-      json5: 2.2.3
-      posthog-node: 3.1.3
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - debug
-    dev: true
-
-  /@inlang/plugin@2.4.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-4+T7ZfuqcW4GFp3G+Vb+RTlYF8kKPY/BH0BcvOV2HX5B9UzgyC+dpXiI3TRQTUj7vz0yqp4K+onsaehPb2NGvw==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.17
-    dependencies:
-      '@inlang/json-types': 1.1.0(@sinclair/typebox@0.31.28)
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/message': 2.0.0(@sinclair/typebox@0.31.28)
-      '@inlang/project-settings': 2.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/translatable': 1.2.0(@sinclair/typebox@0.31.28)
-      '@lix-js/fs': 0.4.0
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/project-settings@2.2.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-M1D150KYiYoyiHhQp627zhvo/w/M1B11ROEu2u7Jn9005mKEWZS1DDlEOsLuNRl5doHSPHfkGa9qItMtrqr0dA==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.0
-    dependencies:
-      '@inlang/json-types': 1.1.0(@sinclair/typebox@0.31.28)
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
-  /@inlang/result@1.1.0:
-    resolution: {integrity: sha512-zLGroi9EUiHuOjUOaglUVTFO7EWdo2OARMJLBO1Q5Ga/xJmSQb6XS1lhqEXBFAjgFarfEMX5YEJWWALogYV3wA==}
-    dev: true
-
-  /@inlang/sdk@0.19.0:
-    resolution: {integrity: sha512-8dS7MJt1RfvejkIW4OzSkenCTiH7XRHvmQgMtzWQBvS/BMmEVTWtt2W+5uLV4t6HYjqedf+lHwBAgdiOHp7/Yg==}
-    engines: {node: '>=18.0.0'}
-    dependencies:
-      '@inlang/json-types': 1.1.0(@sinclair/typebox@0.31.28)
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/message': 2.0.0(@sinclair/typebox@0.31.28)
-      '@inlang/message-lint-rule': 1.4.0(@sinclair/typebox@0.31.28)
-      '@inlang/module': 1.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/plugin': 2.4.0(@sinclair/typebox@0.31.28)
-      '@inlang/project-settings': 2.2.0(@sinclair/typebox@0.31.28)
-      '@inlang/result': 1.1.0
-      '@inlang/translatable': 1.2.0(@sinclair/typebox@0.31.28)
-      '@lix-js/fs': 0.4.0
-      '@sinclair/typebox': 0.31.28
-      dedent: 1.5.1
-      deepmerge-ts: 5.1.0
-      solid-js: 1.6.12
-      throttle-debounce: 5.0.0
-    transitivePeerDependencies:
-      - babel-plugin-macros
-    dev: true
-
-  /@inlang/translatable@1.2.0(@sinclair/typebox@0.31.28):
-    resolution: {integrity: sha512-Od/nBm3qigfSpYJKu/Isg0rb34ohZApNk+fOtmZ0vBZXsTBzKaYFW0SeBVqwociRCr1tj40N659Ky+RoyLcv8A==}
-    peerDependencies:
-      '@sinclair/typebox': ^0.31.0
-    dependencies:
-      '@inlang/language-tag': 1.2.0(@sinclair/typebox@0.31.28)
-      '@sinclair/typebox': 0.31.28
-    dev: true
-
   /@internationalized/date@3.5.0:
     resolution: {integrity: sha512-nw0Q+oRkizBWMioseI8+2TeUPEyopJVz5YxoYVzR0W1v+2YytiYah7s/ot35F149q/xAg4F1gT/6eTd+tsUpFQ==}
     dependencies:
@@ -605,12 +453,6 @@ packages:
       '@jridgewell/resolve-uri': 3.1.1
       '@jridgewell/sourcemap-codec': 1.4.15
 
-  /@lix-js/fs@0.4.0:
-    resolution: {integrity: sha512-IOno98FwY+TPinwXzg5dx6xkCwyBCvkv6DMAQjI1Us4rvI9zObfjXd4E2VIGyT7vfUhpXIs4KXmne+onkCDzsg==}
-    dependencies:
-      js-base64: 3.7.5
-    dev: true
-
   /@mdi/js@7.3.67:
     resolution: {integrity: sha512-MnRjknFqpTC6FifhGHjZ0+QYq2bAkZFQqIj8JA2AdPZbBxUvr8QSgB2yPAJ8/ob/XkR41xlg5majDR3c1JP1hw==}
     dev: false
@@ -667,20 +509,188 @@ packages:
     resolution: {integrity: sha512-SEzPuAc2bQdMV9cKrBIjW3EvntpU8NcBxdgdEo9yLKAeRfvdM4oM/sG8pFPRZOpYwOytaJqWGqwjc+RSRFFTvQ==}
     dev: false
 
+  /@rollup/plugin-commonjs@25.0.7(rollup@4.9.1):
+    resolution: {integrity: sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      glob: 8.1.0
+      is-reference: 1.2.1
+      magic-string: 0.30.5
+      rollup: 4.9.1
+    dev: true
+
+  /@rollup/plugin-json@6.1.0(rollup@4.9.1):
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      rollup: 4.9.1
+    dev: true
+
+  /@rollup/plugin-node-resolve@15.2.3(rollup@4.9.1):
+    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.1
+      is-builtin-module: 3.2.1
+      is-module: 1.0.0
+      resolve: 1.22.8
+      rollup: 4.9.1
+    dev: true
+
+  /@rollup/pluginutils@5.1.0(rollup@4.9.1):
+    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.5
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 4.9.1
+    dev: true
+
+  /@rollup/rollup-android-arm-eabi@4.9.1:
+    resolution: {integrity: sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.9.1:
+    resolution: {integrity: sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.9.1:
+    resolution: {integrity: sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.9.1:
+    resolution: {integrity: sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.9.1:
+    resolution: {integrity: sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.9.1:
+    resolution: {integrity: sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.9.1:
+    resolution: {integrity: sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.9.1:
+    resolution: {integrity: sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.9.1:
+    resolution: {integrity: sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.9.1:
+    resolution: {integrity: sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.9.1:
+    resolution: {integrity: sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.9.1:
+    resolution: {integrity: sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.9.1:
+    resolution: {integrity: sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
-  /@sinclair/typebox@0.31.28:
-    resolution: {integrity: sha512-/s55Jujywdw/Jpan+vsy6JZs1z2ZTGxTmbZTPiuSL2wz9mfzA2gN1zzaqmvfi4pq+uOt7Du85fkiwv5ymW84aQ==}
-    dev: true
-
-  /@sveltejs/adapter-static@2.0.3(@sveltejs/kit@1.27.7):
-    resolution: {integrity: sha512-VUqTfXsxYGugCpMqQv1U0LIdbR3S5nBkMMDmpjGVJyM6Q2jHVMFtdWJCkeHMySc6mZxJ+0eZK3T7IgmUCDrcUQ==}
+  /@sveltejs/adapter-node@2.0.0(@sveltejs/kit@1.27.7):
+    resolution: {integrity: sha512-js/FBTnwDhr111wCY7b+B30LD8uTUgegRVGG2q6xwzgU8qmj+8/V5E6f/kNmDbyBJH45V6tr8RTKsLvpNScK4g==}
     peerDependencies:
-      '@sveltejs/kit': ^1.5.0
+      '@sveltejs/kit': ^2.0.0
     dependencies:
+      '@rollup/plugin-commonjs': 25.0.7(rollup@4.9.1)
+      '@rollup/plugin-json': 6.1.0(rollup@4.9.1)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.9.1)
       '@sveltejs/kit': 1.27.7(svelte@4.2.8)(vite@4.5.1)
+      rollup: 4.9.1
     dev: true
 
   /@sveltejs/kit@1.27.7(svelte@4.2.8)(vite@4.5.1):
@@ -808,6 +818,10 @@ packages:
     resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
     dev: true
 
+  /@types/resolve@1.20.2:
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+    dev: true
+
   /@types/semver@7.5.6:
     resolution: {integrity: sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==}
     dev: true
@@ -1060,14 +1074,6 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
-  /async-lock@1.4.0:
-    resolution: {integrity: sha512-coglx5yIWuetakm3/1dsX9hxCNox22h7+V80RQOu2XUUMidtArxKoZoOtHUPuR84SycKTXzgGzAUR5hJxujyJQ==}
-    dev: true
-
-  /asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: true
-
   /autoprefixer@10.4.16(postcss@8.4.32):
     resolution: {integrity: sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1084,16 +1090,6 @@ packages:
       postcss-value-parser: 4.2.0
     dev: true
 
-  /axios@1.6.2:
-    resolution: {integrity: sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==}
-    dependencies:
-      follow-redirects: 1.15.3
-      form-data: 4.0.0
-      proxy-from-env: 1.1.0
-    transitivePeerDependencies:
-      - debug
-    dev: true
-
   /axobject-query@3.2.1:
     resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
     dependencies:
@@ -1112,6 +1108,12 @@ packages:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
   /braces@3.0.2:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
@@ -1133,6 +1135,11 @@ packages:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
     dev: true
 
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
+
   /cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -1192,10 +1199,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /clean-git-ref@2.0.1:
-    resolution: {integrity: sha512-bLSptAy2P0s6hU4PzuIMKmMJJSE6gLXGH1cntDu7bWJUksvuM+7ReOK61mozULErYvP6a15rnYl0zFDef+pyPw==}
-    dev: true
-
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
@@ -1229,41 +1232,22 @@ packages:
     resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
     dev: false
 
-  /combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-    dependencies:
-      delayed-stream: 1.0.0
-    dev: true
-
-  /commander@11.1.0:
-    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
-    engines: {node: '>=16'}
-    dev: true
-
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  /commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+    dev: true
+
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  /consola@3.2.3:
-    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
-    engines: {node: ^14.18.0 || >=16.10.0}
-    dev: true
-
   /cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
     engines: {node: '>= 0.6'}
     dev: true
 
-  /crc-32@1.2.2:
-    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
-    engines: {node: '>=0.8'}
-    hasBin: true
-    dev: true
-
   /cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
@@ -1292,10 +1276,6 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  /csstype@3.1.3:
-    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
-    dev: true
-
   /daisyui@3.9.4:
     resolution: {integrity: sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==}
     engines: {node: '>=16.9.0'}
@@ -1321,22 +1301,6 @@ packages:
       ms: 2.1.2
     dev: true
 
-  /decompress-response@6.0.0:
-    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
-    engines: {node: '>=10'}
-    dependencies:
-      mimic-response: 3.1.0
-    dev: true
-
-  /dedent@1.5.1:
-    resolution: {integrity: sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==}
-    peerDependencies:
-      babel-plugin-macros: ^3.1.0
-    peerDependenciesMeta:
-      babel-plugin-macros:
-        optional: true
-    dev: true
-
   /deep-eql@4.1.3:
     resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
     engines: {node: '>=6'}
@@ -1348,11 +1312,6 @@ packages:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
 
-  /deepmerge-ts@5.1.0:
-    resolution: {integrity: sha512-eS8dRJOckyo9maw9Tu5O5RUi/4inFLrnoLkBe3cPfDMx3WZioXtmOew4TXQaxq7Rhl4xjDtR7c6x8nNTxOvbFw==}
-    engines: {node: '>=16.0.0'}
-    dev: true
-
   /deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
@@ -1363,11 +1322,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: true
-
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
@@ -1389,10 +1343,6 @@ packages:
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dev: true
 
-  /diff3@0.0.3:
-    resolution: {integrity: sha512-iSq8ngPOt0K53A6eVr4d5Kn6GNrM2nQZtC740pzIriHtn4pOQ2lyzEXQMBeVcWERN0ye7fhBsk9PbLLQOnUx/g==}
-    dev: true
-
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -1605,6 +1555,10 @@ packages:
     engines: {node: '>=4.0'}
     dev: true
 
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: true
+
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
@@ -1690,25 +1644,6 @@ packages:
     dependencies:
       tabbable: 6.2.0
 
-  /follow-redirects@1.15.3:
-    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      debug: '*'
-    peerDependenciesMeta:
-      debug:
-        optional: true
-    dev: true
-
-  /form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: true
-
   /fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
     dev: true
@@ -1735,6 +1670,12 @@ packages:
     resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
     dev: true
 
+  /get-tsconfig@4.7.2:
+    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    dev: true
+
   /glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -1768,6 +1709,17 @@ packages:
       path-is-absolute: 1.0.1
     dev: true
 
+  /glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
+    dev: true
+
   /globals@13.23.0:
     resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
     engines: {node: '>=8'}
@@ -1803,11 +1755,6 @@ packages:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
-  /guess-json-indent@2.0.0:
-    resolution: {integrity: sha512-3Tm6R43KhtZWEVSHZnFmYMV9+gf3Vu0HXNNYtPVk2s7o8eGwYlJPHrjLtYw/7HBc10YxV+bfzKMuOf24z5qFng==}
-    engines: {node: '>=16.17.0'}
-    dev: true
-
   /has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1852,6 +1799,13 @@ packages:
     dependencies:
       binary-extensions: 2.2.0
 
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+    dependencies:
+      builtin-modules: 3.3.0
+    dev: true
+
   /is-core-module@2.13.1:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
@@ -1878,6 +1832,10 @@ packages:
     dependencies:
       is-extglob: 2.1.1
 
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: true
+
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -1887,6 +1845,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+    dependencies:
+      '@types/estree': 1.0.5
+    dev: true
+
   /is-reference@3.0.2:
     resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
     dependencies:
@@ -1903,32 +1867,10 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
-  /isomorphic-git@1.24.5:
-    resolution: {integrity: sha512-07M4YscftHZJIuw7xZhgWkdFvVjHSBJBsIwWXkxgFCivhb0l8mGNchM7nO2hU27EKSIf0sT4gJivEgLGohWbzA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    dependencies:
-      async-lock: 1.4.0
-      clean-git-ref: 2.0.1
-      crc-32: 1.2.2
-      diff3: 0.0.3
-      ignore: 5.3.0
-      minimisted: 2.0.1
-      pako: 1.0.11
-      pify: 4.0.1
-      readable-stream: 3.6.2
-      sha.js: 2.4.11
-      simple-get: 4.0.1
-    dev: true
-
   /jiti@1.21.0:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
 
-  /js-base64@3.7.5:
-    resolution: {integrity: sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA==}
-    dev: true
-
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -1948,12 +1890,6 @@ packages:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
     dev: true
 
-  /json5@2.2.3:
-    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
-    engines: {node: '>=6'}
-    hasBin: true
-    dev: true
-
   /jsonc-parser@3.2.0:
     resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
     dev: true
@@ -2059,23 +1995,6 @@ packages:
       braces: 3.0.2
       picomatch: 2.3.1
 
-  /mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: true
-
-  /mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-    dependencies:
-      mime-db: 1.52.0
-    dev: true
-
-  /mimic-response@3.1.0:
-    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
-    engines: {node: '>=10'}
-    dev: true
-
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -2086,14 +2005,15 @@ packages:
     dependencies:
       brace-expansion: 1.1.11
 
-  /minimist@1.2.8:
-    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
     dev: true
 
-  /minimisted@2.0.1:
-    resolution: {integrity: sha512-1oPjfuLQa2caorJUM8HV8lGgWCc0qqAO1MNv/k05G4qslmsndV/5WdNZrqCiyqiz3wohia2Ij2B7w2Dr7/IyrA==}
-    dependencies:
-      minimist: 1.2.8
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
     dev: true
 
   /mkdirp@0.5.6:
@@ -2215,10 +2135,6 @@ packages:
       p-limit: 3.1.0
     dev: true
 
-  /pako@1.0.11:
-    resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
-    dev: true
-
   /parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -2274,11 +2190,6 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  /pify@4.0.1:
-    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
-    engines: {node: '>=6'}
-    dev: true
-
   /pirates@4.0.6:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
@@ -2408,16 +2319,6 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
-  /posthog-node@3.1.3:
-    resolution: {integrity: sha512-UaOOoWEUYTcaaDe1w0fgHW/sXvFr3RO0l7yI7RUDzkZNZCfwXNO9r3pc14d1EtNppF/SHBrV5hNiZZATpf/vUw==}
-    engines: {node: '>=15.0.0'}
-    dependencies:
-      axios: 1.6.2
-      rusha: 0.8.14
-    transitivePeerDependencies:
-      - debug
-    dev: true
-
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -2448,10 +2349,6 @@ packages:
       react-is: 18.2.0
     dev: true
 
-  /proxy-from-env@1.1.0:
-    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
-    dev: true
-
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -2469,15 +2366,6 @@ packages:
     dependencies:
       pify: 2.3.0
 
-  /readable-stream@3.6.2:
-    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
-    engines: {node: '>= 6'}
-    dependencies:
-      inherits: 2.0.4
-      string_decoder: 1.3.0
-      util-deprecate: 1.0.2
-    dev: true
-
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -2494,6 +2382,10 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
   /resolve@1.22.8:
     resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
     hasBin: true
@@ -2544,15 +2436,32 @@ packages:
       fsevents: 2.3.3
     dev: true
 
+  /rollup@4.9.1:
+    resolution: {integrity: sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.9.1
+      '@rollup/rollup-android-arm64': 4.9.1
+      '@rollup/rollup-darwin-arm64': 4.9.1
+      '@rollup/rollup-darwin-x64': 4.9.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.9.1
+      '@rollup/rollup-linux-arm64-gnu': 4.9.1
+      '@rollup/rollup-linux-arm64-musl': 4.9.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.9.1
+      '@rollup/rollup-linux-x64-gnu': 4.9.1
+      '@rollup/rollup-linux-x64-musl': 4.9.1
+      '@rollup/rollup-win32-arm64-msvc': 4.9.1
+      '@rollup/rollup-win32-ia32-msvc': 4.9.1
+      '@rollup/rollup-win32-x64-msvc': 4.9.1
+      fsevents: 2.3.3
+    dev: true
+
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
 
-  /rusha@0.8.14:
-    resolution: {integrity: sha512-cLgakCUf6PedEu15t8kbsjnwIFFR2D4RfL+W3iWFJ4iac7z4B0ZI8fxy4R3J956kAI68HclCFGL8MPoUVC3qVA==}
-    dev: true
-
   /sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
@@ -2560,10 +2469,6 @@ packages:
       mri: 1.2.0
     dev: true
 
-  /safe-buffer@5.2.1:
-    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
-    dev: true
-
   /sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
     dependencies:
@@ -2585,14 +2490,6 @@ packages:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
     dev: true
 
-  /sha.js@2.4.11:
-    resolution: {integrity: sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==}
-    hasBin: true
-    dependencies:
-      inherits: 2.0.4
-      safe-buffer: 5.2.1
-    dev: true
-
   /shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -2609,18 +2506,6 @@ packages:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
     dev: true
 
-  /simple-concat@1.0.1:
-    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
-    dev: true
-
-  /simple-get@4.0.1:
-    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
-    dependencies:
-      decompress-response: 6.0.0
-      once: 1.4.0
-      simple-concat: 1.0.1
-    dev: true
-
   /sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
     engines: {node: '>= 10'}
@@ -2635,12 +2520,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /solid-js@1.6.12:
-    resolution: {integrity: sha512-JFqRobfG3q5r1l4RYVOAukk6+FWtHpXGIjgh/GEsHKweN/kK+iHOtzUALE6+P5t/jIcSNeGiVitX8gmJg+cYvQ==}
-    dependencies:
-      csstype: 3.1.3
-    dev: true
-
   /sorcery@0.11.0:
     resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
     hasBin: true
@@ -2677,12 +2556,6 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
-  /string_decoder@1.3.0:
-    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
-    dependencies:
-      safe-buffer: 5.2.1
-    dev: true
-
   /strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -2924,11 +2797,6 @@ packages:
     dependencies:
       any-promise: 1.3.0
 
-  /throttle-debounce@5.0.0:
-    resolution: {integrity: sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg==}
-    engines: {node: '>=12.22'}
-    dev: true
-
   /tiny-glob@0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
     dependencies:
@@ -2977,6 +2845,17 @@ packages:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
     dev: true
 
+  /tsx@4.6.2:
+    resolution: {integrity: sha512-QPpBdJo+ZDtqZgAnq86iY/PD2KYCUPSUGIunHdGwyII99GKH+f3z3FZ8XNFLSGQIA4I365ui8wnQpl8OKLqcsg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+    dependencies:
+      esbuild: 0.18.20
+      get-tsconfig: 4.7.2
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -2994,11 +2873,19 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /typesafe-i18n@5.26.2(typescript@5.3.3):
+    resolution: {integrity: sha512-2QAriFmiY5JwUAJtG7yufoE/XZ1aFBY++wj7YFS2yo89a3jLBfKoWSdq5JfQYk1V2BS7V2c/u+KEcaCQoE65hw==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=3.5.1'
+    dependencies:
+      typescript: 5.3.3
+    dev: false
+
   /typescript@5.3.3:
     resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
     hasBin: true
-    dev: true
 
   /ufo@1.3.2:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
@@ -3015,15 +2902,6 @@ packages:
       '@fastify/busboy': 2.1.0
     dev: true
 
-  /unplugin@1.5.1:
-    resolution: {integrity: sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==}
-    dependencies:
-      acorn: 8.11.2
-      chokidar: 3.5.3
-      webpack-sources: 3.2.3
-      webpack-virtual-modules: 0.6.1
-    dev: true
-
   /update-browserslist-db@1.0.13(browserslist@4.22.2):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
@@ -3188,15 +3066,6 @@ packages:
       - terser
     dev: true
 
-  /webpack-sources@3.2.3:
-    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
-    engines: {node: '>=10.13.0'}
-    dev: true
-
-  /webpack-virtual-modules@0.6.1:
-    resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==}
-    dev: true
-
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
diff --git a/project.inlang/settings.json b/project.inlang/settings.json
deleted file mode 100644
index 91b3011..0000000
--- a/project.inlang/settings.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-  "$schema": "https://inlang.com/schema/project-settings",
-  "sourceLanguageTag": "en",
-  "languageTags": ["en", "de"],
-  "modules": [
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-empty-pattern@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-missing-translation@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-without-source@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/message-lint-rule-valid-js-identifier@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-message-format@latest/dist/index.js",
-    "https://cdn.jsdelivr.net/npm/@inlang/plugin-m-function-matcher@latest/dist/index.js"
-  ],
-  "plugin.inlang.messageFormat": {
-    "pathPattern": "./messages/{languageTag}.json"
-  }
-}
diff --git a/scripts/import_translations.ts b/scripts/import_translations.ts
new file mode 100644
index 0000000..ce5301d
--- /dev/null
+++ b/scripts/import_translations.ts
@@ -0,0 +1,32 @@
+/**
+ * Import translations from the /messages folder and
+ * convert them to typesafe-i18n files.
+ */
+import type { BaseTranslation } from "typesafe-i18n";
+import {
+  storeTranslationToDisk,
+  type ImportLocaleMapping,
+} from "typesafe-i18n/importer";
+import type { Locales } from "../src/i18n/i18n-types";
+import fs from "fs";
+
+const importTranslationFile = async (path: string, locale: string) => {
+  const data = fs.readFileSync(path, "utf-8");
+  const translation = JSON.parse(data);
+
+  const localeMapping: ImportLocaleMapping = {
+    locale,
+    translations: translation,
+  };
+
+  const result = await storeTranslationToDisk(localeMapping);
+
+  console.log(`translations imported for locale '${result}'`);
+};
+
+fs.readdirSync("messages").forEach((file) => {
+  if (file.endsWith(".json")) {
+    const locale = file.substring(0, file.length - 5);
+    importTranslationFile(`messages/${file}`, locale);
+  }
+});
diff --git a/src/app.d.ts b/src/app.d.ts
index 5368a34..6476689 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -2,12 +2,16 @@
 
 import type { Coords, Direction } from "$lib/util/types";
 import type { MeltEventHandler } from "@tirayamusic/melt-ui/internal/types";
+import type { Locales, TranslationFunctions } from "$i18n/i18n-types";
 
 // for information about these interfaces
 declare global {
   namespace App {
     // interface Error {}
-    // interface Locals {}
+    interface Locals {
+      locale: Locales;
+      LL: TranslationFunctions;
+    }
     // interface PageData {}
     // interface Platform {}
   }
diff --git a/src/app.html b/src/app.html
index b0a3333..6f71d5a 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-theme="tiraya">
+<html lang="%lang%" data-theme="tiraya">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.svg" />
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
new file mode 100644
index 0000000..a9877da
--- /dev/null
+++ b/src/hooks.server.ts
@@ -0,0 +1,34 @@
+import type { Locales } from "$i18n/i18n-types";
+import { detectLocale, i18n, locales } from "$i18n/i18n-util";
+import { loadAllLocales } from "$i18n/i18n-util.sync";
+import type { Handle, RequestEvent } from "@sveltejs/kit";
+import { initAcceptLanguageHeaderDetector } from "typesafe-i18n/detectors";
+
+loadAllLocales();
+const L = i18n();
+
+export const handle: Handle = async ({ event, resolve }) => {
+  const locale = getPreferredLocale(event);
+  const LL = L[locale];
+
+  // bind locale and translation functions to current request
+  event.locals.locale = locale;
+  event.locals.LL = LL;
+
+  // replace html lang attribute with correct language
+  return resolve(event, {
+    transformPageChunk: ({ html }) => html.replace("%lang%", locale),
+  });
+};
+
+const getPreferredLocale = ({ request, cookies }: RequestEvent) => {
+  const langCookie = cookies.get("lang");
+  if (langCookie && locales.indexOf(langCookie as Locales) !== -1)
+    return langCookie as Locales;
+
+  // detect the preferred language the user has configured in his browser
+  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Accept-Language
+  const acceptLanguageDetector = initAcceptLanguageHeaderDetector(request);
+
+  return detectLocale(acceptLanguageDetector);
+};
diff --git a/src/i18n/formatters.ts b/src/i18n/formatters.ts
new file mode 100644
index 0000000..59fedb9
--- /dev/null
+++ b/src/i18n/formatters.ts
@@ -0,0 +1,13 @@
+import type { FormattersInitializer } from "typesafe-i18n";
+import type { Locales, Formatters } from "./i18n-types";
+import { date } from "typesafe-i18n/formatters";
+
+export const initFormatters: FormattersInitializer<Locales, Formatters> = (
+  locale: Locales
+) => {
+  const formatters: Formatters = {
+    simpleDate: date(locale, { day: "numeric", month: "short", year: "numeric" }),
+  };
+
+  return formatters;
+};
diff --git a/src/lib/components/contextmenu/AddPlaylistMenu.svelte b/src/lib/components/contextmenu/AddPlaylistMenu.svelte
index ac45a16..87e21a6 100644
--- a/src/lib/components/contextmenu/AddPlaylistMenu.svelte
+++ b/src/lib/components/contextmenu/AddPlaylistMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiPlus } from "@mdi/js";
   import { melt } from "@tirayamusic/melt-ui";
   import type { MeltEvent } from "@tirayamusic/melt-ui/internal/types";
@@ -60,7 +60,7 @@
   <div class="item noicon">
     <input
       type="text"
-      placeholder={m.search_create_playlist()}
+      placeholder={$LL.search_create_playlist()}
       on:keydown={onPlaylistSearchKeydown}
       bind:this={playlistSearchElm}
       bind:value={playlistSearch}
@@ -77,8 +77,8 @@
     <Icon path={mdiPlus} size={1.4} />
     <span
       >{playlistSearch
-        ? m.playlist_new_name({ name: playlistSearch })
-        : m.playlist_new()}</span
+        ? $LL.playlist_new_name({ name: playlistSearch })
+        : $LL.playlist_new()}</span
     >
   </div>
 </div>
diff --git a/src/lib/components/contextmenu/ContentMenu.svelte b/src/lib/components/contextmenu/ContentMenu.svelte
index d5a0eff..7cfa955 100644
--- a/src/lib/components/contextmenu/ContentMenu.svelte
+++ b/src/lib/components/contextmenu/ContentMenu.svelte
@@ -1,6 +1,6 @@
 <!-- Context menu for artists, albums and playlists -->
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiContentCopy,
     mdiDownload,
@@ -44,40 +44,40 @@
   <div class="ctxmenu" use:melt={menu}>
     <div class="item" use:melt={item}>
       <Icon path={mdiPlaylistPlay} size={1.4} />
-      <span>{m.play_next()}</span>
+      <span>{$LL.play_next()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiPlaylistPlus} size={1.4} />
-      <span>{m.add_to_queue()}</span>
+      <span>{$LL.add_to_queue()}</span>
     </div>
 
     <div class="item sep" use:melt={item}>
       <Icon path={mdiHeartOutline} size={1.4} />
-      <span>{m.library_add()}</span>
+      <span>{$LL.library_add()}</span>
     </div>
     <div class="item" use:melt={$playlistMenuTrigger}>
       <Icon path={mdiPlaylistMusic} size={1.4} />
-      <span>{m.playlist_add()}</span>
+      <span>{$LL.playlist_add()}</span>
       <div class="icon-r"><Icon path={mdiMenuRight} /></div>
     </div>
 
     <div class="item sep" use:melt={item}>
       <Icon path={mdiPencil} size={1.4} />
-      <span>{m.edit()}</span>
+      <span>{$LL.edit()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiTrashCan} size={1.4} />
-      <span>{m.trash()}</span>
+      <span>{$LL.trash()}</span>
     </div>
 
     <div class="item sep" use:melt={item}>
       <Icon path={mdiReload} size={1.4} />
-      <span>{m.update_now()}</span>
+      <span>{$LL.update_now()}</span>
     </div>
 
     <div class="item sep" use:melt={$shareMenuTrigger}>
       <Icon path={mdiShare} size={1.4} />
-      <span>{m.share()}</span>
+      <span>{$LL.share()}</span>
       <div class="icon-r"><Icon path={mdiMenuRight} /></div>
     </div>
   </div>
@@ -87,11 +87,11 @@
   <div class="ctxmenu" use:melt={$shareMenu}>
     <div class="item" use:melt={item}>
       <Icon path={mdiContentCopy} size={1.4} />
-      <span>{m.copy_url()}</span>
+      <span>{$LL.copy_url()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiDownload} size={1.4} />
-      <span>{m.download_audio_files()}</span>
+      <span>{$LL.download_audio_files()}</span>
     </div>
   </div>
 {/if}
diff --git a/src/lib/components/contextmenu/OptionsMenu.svelte b/src/lib/components/contextmenu/OptionsMenu.svelte
index 471bf8c..e84133b 100644
--- a/src/lib/components/contextmenu/OptionsMenu.svelte
+++ b/src/lib/components/contextmenu/OptionsMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiLogin, mdiCog, mdiBookOpen } from "@mdi/js";
   import { melt } from "@tirayamusic/melt-ui";
 
@@ -18,19 +18,19 @@
   <div class="ctxmenu" use:melt={menu}>
     <div class="item" use:melt={item} on:m-click={() => alert("login")}>
       <Icon path={mdiLogin} size={1.4} />
-      <span>{m.login()}</span>
+      <span>{$LL.login()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiCog} size={1.4} />
-      <span>{m.settings()}</span>
+      <span>{$LL.settings()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiBookOpen} size={1.4} />
-      <span>{m.documentation()}</span>
+      <span>{$LL.documentation()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={iconTiraya} size={1.4} />
-      <span class="text-xs">{m.app_name()} 0.1.0<br />{m.frontend()} 0.1.0</span>
+      <span class="text-xs">{$LL.app_name()} 0.1.0<br />{$LL.frontend()} 0.1.0</span>
     </div>
   </div>
 {/if}
diff --git a/src/lib/components/contextmenu/TrackMenu.svelte b/src/lib/components/contextmenu/TrackMenu.svelte
index 95cc647..ad1a0bc 100644
--- a/src/lib/components/contextmenu/TrackMenu.svelte
+++ b/src/lib/components/contextmenu/TrackMenu.svelte
@@ -1,6 +1,6 @@
 <!-- Context menu for tracks -->
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiPlaylistPlay,
     mdiPlaylistPlus,
@@ -79,37 +79,37 @@
     <!-- Queue -->
     <div class="item" use:melt={item}>
       <Icon path={mdiPlaylistPlay} size={1.4} />
-      <span>{m.play_next()}</span>
+      <span>{$LL.play_next()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiPlaylistPlus} size={1.4} />
-      <span>{m.add_to_queue()}</span>
+      <span>{$LL.add_to_queue()}</span>
     </div>
 
     <!-- Track details -->
     {#if single}
       <div class="item sep" use:melt={item}>
         <Icon path={mdiAccountMusic} size={1.4} />
-        <span>{m.view_artist()}</span>
+        <span>{$LL.view_artist()}</span>
       </div>
       <div class="item" use:melt={item}>
         <Icon path={mdiAlbum} size={1.4} />
-        <span>{m.view_album()}</span>
+        <span>{$LL.view_album()}</span>
       </div>
       <div class="item" use:melt={item}>
         <Icon path={mdiText} size={1.4} />
-        <span>{m.view_track_info()}</span>
+        <span>{$LL.view_track_info()}</span>
       </div>
     {/if}
 
     <!-- User library -->
     <div class="item sep" use:melt={item}>
       <Icon path={mdiHeartOutline} size={1.4} />
-      <span>{m.library_add()}</span>
+      <span>{$LL.library_add()}</span>
     </div>
     <div class="item" use:melt={$playlistMenuTrigger}>
       <Icon path={mdiPlaylistMusic} size={1.4} />
-      <span>{m.playlist_add()}</span>
+      <span>{$LL.playlist_add()}</span>
       <div class="icon-r"><Icon path={mdiMenuRight} /></div>
     </div>
 
@@ -117,11 +117,11 @@
     {#if playlistIndex !== undefined}
       <div class="item sep" use:melt={item}>
         <Icon path={mdiTrashCan} size={1.4} />
-        <span>{m.playlist_remove()}</span>
+        <span>{$LL.playlist_remove()}</span>
       </div>
       <div class="item" use:melt={$moveMenuTrigger}>
         <Icon path={mdiSwapVertical} size={1.4} />
-        <span>{m.move()}</span>
+        <span>{$LL.move()}</span>
         <div class="icon-r"><Icon path={mdiMenuRight} /></div>
       </div>
     {/if}
@@ -129,7 +129,7 @@
     <!-- Share -->
     <div class="item sep" use:melt={$shareMenuTrigger}>
       <Icon path={mdiShare} size={1.4} />
-      <span>{m.share()}</span>
+      <span>{$LL.share()}</span>
       <div class="icon-r"><Icon path={mdiMenuRight} /></div>
     </div>
   </div>
@@ -150,11 +150,11 @@
   <div class="ctxmenu" use:melt={$shareMenu}>
     <div class="item" use:melt={item}>
       <Icon path={mdiContentCopy} size={1.4} />
-      <span>{single ? m.copy_url() : m.copy_urls()}</span>
+      <span>{single ? $LL.copy_url() : $LL.copy_urls()}</span>
     </div>
     <div class="item" use:melt={item}>
       <Icon path={mdiDownload} size={1.4} />
-      <span>{single ? m.download_audio_file() : m.download_audio_files()}</span>
+      <span>{single ? $LL.download_audio_file() : $LL.download_audio_files()}</span>
     </div>
   </div>
 {/if}
diff --git a/src/lib/components/header/FixedHeader.svelte b/src/lib/components/header/FixedHeader.svelte
index 5a371ad..3b39160 100644
--- a/src/lib/components/header/FixedHeader.svelte
+++ b/src/lib/components/header/FixedHeader.svelte
@@ -1,6 +1,6 @@
 <!-- Fixed header that is shown when scrolling down -->
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { page } from "$app/stores";
   import { beforeNavigate } from "$app/navigation";
   import { mdiBellOutline, mdiClose, mdiHistory, mdiPlay } from "@mdi/js";
@@ -29,7 +29,7 @@
     } else if (t) {
       title = t;
     } else {
-      title = m.app_name();
+      title = $LL.app_name();
     }
   }
   $: searchCtx = $page.data.header?.searchCtx;
@@ -68,8 +68,8 @@
 
   let searchLabel: string;
   $: if (searchCtx) {
-    if (searchCtx === SearchCtx.Global) searchLabel = m.search();
-    else searchLabel = m.search_item({ item: title });
+    if (searchCtx === SearchCtx.Global) searchLabel = $LL.search();
+    else searchLabel = $LL.search_item({ item: title });
   }
 
   function searchOnBlur(e: FocusEvent) {
@@ -119,7 +119,7 @@
       {#if $page.data.header?.playLink}
         <IconButton
           path={mdiPlay}
-          ariaLabel={m.play_item({ title })}
+          ariaLabel={$LL.play_item({ title })}
           color="primary"
           on:click={() => alert("Playing " + title)}
         />
@@ -135,13 +135,13 @@
 
   <div class="flex gap-1 items-center">
     {#if homeScreen}
-      <IconButton path={mdiBellOutline} ariaLabel={m.notifications()} />
-      <IconButton path={mdiHistory} ariaLabel={m.playback_history()} />
+      <IconButton path={mdiBellOutline} ariaLabel={$LL.notifications()} />
+      <IconButton path={mdiHistory} ariaLabel={$LL.playback_history()} />
     {/if}
     {#if searchCtx}
       <IconButton
         path={searchShow ? mdiClose : iconSearch}
-        ariaLabel={searchShow ? m.clear_search() : searchLabel}
+        ariaLabel={searchShow ? $LL.clear_search() : searchLabel}
         on:click={() => {
           if (searchShow) {
             clearSearch();
diff --git a/src/lib/components/header/UserMenuButton.svelte b/src/lib/components/header/UserMenuButton.svelte
index cf54974..24936df 100644
--- a/src/lib/components/header/UserMenuButton.svelte
+++ b/src/lib/components/header/UserMenuButton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { melt, createDropdownMenu } from "@tirayamusic/melt-ui";
 
   import { POSITIONING_DROPDOWN } from "$lib/util/constants";
@@ -14,7 +14,7 @@
 
 <button
   class="btn btn-ghost btn-circle btn-sm avatar"
-  aria-label={m.options()}
+  aria-label={$LL.options()}
   use:melt={$trigger}
 >
   <img
diff --git a/src/lib/components/layout/ParaglideJsProvider.svelte b/src/lib/components/layout/ParaglideJsProvider.svelte
deleted file mode 100644
index 2bf68c6..0000000
--- a/src/lib/components/layout/ParaglideJsProvider.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-  import {
-    languageTag,
-    onSetLanguageTag,
-    type AvailableLanguageTag,
-    setLanguageTag,
-  } from "$paraglide/runtime";
-
-  // initialize the language tag
-  let _languageTag: AvailableLanguageTag = languageTag();
-
-  onSetLanguageTag((newLanguageTag) => {
-    _languageTag = newLanguageTag;
-    document.documentElement.lang = newLanguageTag;
-  });
-
-  setLanguageTag("de");
-</script>
-
-{#key _languageTag}
-  <slot />
-{/key}
diff --git a/src/lib/components/list/TrackList.svelte b/src/lib/components/list/TrackList.svelte
index 5eb8cce..72682c4 100644
--- a/src/lib/components/list/TrackList.svelte
+++ b/src/lib/components/list/TrackList.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { createEventDispatcher, onDestroy, onMount } from "svelte";
   import { mdiClockOutline } from "@mdi/js";
   import { generateId, kbd } from "@tirayamusic/melt-ui/internal/helpers";
@@ -421,7 +421,7 @@
     frame = requestAnimationFrame(poll);
   });
   onDestroy(() => {
-    cancelAnimationFrame(frame);
+    if (frame) cancelAnimationFrame(frame);
   });
 
   // DRAG AND DROP
@@ -691,35 +691,35 @@
       </div>
       <div class="col first" role="columnheader" aria-colindex={2}>
         <SortTitle bind:sorting col={Filters.TITLE} col2="artist">
-          <span class="ellipsis-ol">{m.title()}</span>
+          <span class="ellipsis-ol">{$LL.title()}</span>
           <span slot="t2" class="ellipsis-ol">Artist</span>
         </SortTitle>
       </div>
       {#if view > ListView.Album}
         <div class="col var1" role="columnheader" aria-colindex={3}>
           <SortTitle bind:sorting col={Filters.ALBUM}>
-            <span class="ellipsis-ol">{m.album()}</span>
+            <span class="ellipsis-ol">{$LL.album()}</span>
           </SortTitle>
         </div>
       {/if}
       {#if view > ListView.Album}
         <div class="col var2" role="columnheader" aria-colindex={4}>
           <SortTitle bind:sorting col={Filters.RELEASE_DATE}>
-            <span class="ellipsis-ol">{m.release_date()}</span>
+            <span class="ellipsis-ol">{$LL.release_date()}</span>
           </SortTitle>
         </div>
       {/if}
       {#if view === ListView.Playlist}
         <div class="col var3" role="columnheader" aria-colindex={5}>
           <SortTitle bind:sorting col={Filters.ADDED_DATE}>
-            <span class="ellipsis-ol">{m.date_added()}</span>
+            <span class="ellipsis-ol">{$LL.date_added()}</span>
           </SortTitle>
         </div>
       {/if}
       {#if showAuthors}
         <div class="col var4" role="columnheader" aria-colindex={6}>
           <SortTitle bind:sorting col={Filters.ADDED_BY}>
-            <span class="ellipsis-ol">{m.added_by()}</span>
+            <span class="ellipsis-ol">{$LL.added_by()}</span>
           </SortTitle>
         </div>
       {/if}
@@ -729,7 +729,7 @@
         role="columnheader"
         aria-colindex={5}
       >
-        <SortTitle bind:sorting col={Filters.DURATION} ariaLabel={m.duration()} end>
+        <SortTitle bind:sorting col={Filters.DURATION} ariaLabel={$LL.duration()} end>
           <Icon path={mdiClockOutline} />
         </SortTitle>
       </div>
diff --git a/src/lib/components/nav/Navbar.svelte b/src/lib/components/nav/Navbar.svelte
index 001ec46..980596a 100644
--- a/src/lib/components/nav/Navbar.svelte
+++ b/src/lib/components/nav/Navbar.svelte
@@ -1,6 +1,6 @@
 <script>
   import { page } from "$app/stores";
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiAccountMusic,
     mdiAccountMusicOutline,
@@ -25,31 +25,31 @@
 <div class="flex flex-col h-full">
   <ul class="menu menu-compact flex flex-col p-1">
     <NavbarItemLarge
-      title={m.home()}
+      title={$LL.home()}
       icon={mdiHomeOutline}
       iconActive={mdiHome}
       href="/"
     />
     <NavbarItemLarge
-      title={m.search()}
+      title={$LL.search()}
       icon={iconSearch}
       iconActive={iconSearchFilled}
       href="/search"
     />
     <NavbarItemLarge
-      title={m.artists()}
+      title={$LL.artists()}
       icon={mdiAccountMusicOutline}
       iconActive={mdiAccountMusic}
       href="/artist"
     />
     <NavbarItemLarge
-      title={m.albums()}
+      title={$LL.albums()}
       icon={iconAlbumOutline}
       iconActive={mdiAlbum}
       href="/album"
     />
     <NavbarItemLarge
-      title={m.tracks()}
+      title={$LL.tracks()}
       icon={mdiMusicNoteOutline}
       iconActive={mdiMusicNote}
       href="/tracks"
@@ -60,9 +60,9 @@
     <a
       href="/playlist"
       class="flex-1 text-sm text-base-content text-opacity-40 font-semibold"
-      >{m.playlists()}</a
+      >{$LL.playlists()}</a
     >
-    <IconButton path={mdiPlus} size="xs" ariaLabel={m.playlist_new()} />
+    <IconButton path={mdiPlus} size="xs" ariaLabel={$LL.playlist_new()} />
   </div>
 
   <div class="flex flex-1 min-h-0 mb-2">
diff --git a/src/lib/components/nav/NavbarMobile.svelte b/src/lib/components/nav/NavbarMobile.svelte
index 0b97fb6..06df83c 100644
--- a/src/lib/components/nav/NavbarMobile.svelte
+++ b/src/lib/components/nav/NavbarMobile.svelte
@@ -1,5 +1,5 @@
 <script>
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiAccountMusic,
     mdiAccountMusicOutline,
@@ -16,27 +16,32 @@
 </script>
 
 <div class="btm-nav btm-nav-sm bg-base-300 z-50">
-  <NavbarMobileItem title="Home" icon={mdiHomeOutline} iconActive={mdiHome} href="/" />
   <NavbarMobileItem
-    title={m.search()}
+    title={$LL.home()}
+    icon={mdiHomeOutline}
+    iconActive={mdiHome}
+    href="/"
+  />
+  <NavbarMobileItem
+    title={$LL.search()}
     icon={iconSearch}
     iconActive={iconSearchFilled}
     href="/search"
   />
   <NavbarMobileItem
-    title={m.artists()}
+    title={$LL.artists()}
     icon={mdiAccountMusicOutline}
     iconActive={mdiAccountMusic}
     href="/artist"
   />
   <NavbarMobileItem
-    title={m.albums()}
+    title={$LL.albums()}
     icon={iconAlbumOutline}
     iconActive={mdiAlbum}
     href="/album"
   />
   <NavbarMobileItem
-    title={m.playlists()}
+    title={$LL.playlists()}
     icon={mdiPlaylistMusicOutline}
     iconActive={mdiPlaylistMusic}
     href="/playlist"
diff --git a/src/lib/components/player/CurrentCover.svelte b/src/lib/components/player/CurrentCover.svelte
index ea39b89..c212864 100644
--- a/src/lib/components/player/CurrentCover.svelte
+++ b/src/lib/components/player/CurrentCover.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiChevronDown, mdiChevronUp } from "@mdi/js";
 
   import IconButton from "$lib/components/ui/IconButton.svelte";
@@ -33,7 +33,7 @@
       size={isLarge ? "sm" : "xs"}
       color="default"
       cls="absolute top-0 right-0 opacity-0 hover:opacity-100 transition-opacity"
-      ariaLabel={isLarge ? m.cover_show_small() : m.m_cover_show_large()}
+      ariaLabel={isLarge ? $LL.cover_show_small() : $LL.m_cover_show_large()}
       on:click={toggleCurrentCoverLarge}
     />
   </div>
diff --git a/src/lib/components/player/Playerbar.svelte b/src/lib/components/player/Playerbar.svelte
index 85f29ed..30c6916 100644
--- a/src/lib/components/player/Playerbar.svelte
+++ b/src/lib/components/player/Playerbar.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiPlay,
     mdiSkipPrevious,
@@ -48,7 +48,10 @@
     <div class="track">
       <div
         class="flex items-center justify-start"
-        aria-label={m.now_playing({ title: "Across the Sea", artist: "Leaves' Eyes" })}
+        aria-label={$LL.now_playing({
+          title: "Across the Sea",
+          artist: "Leaves' Eyes",
+        })}
       >
         <CurrentCover />
         <TrackName {track} />
@@ -61,23 +64,23 @@
         <div class="flex w-full space-x-2 justify-center items-center">
           <IconToggle
             iconOn={mdiShuffle}
-            ariaLabelOn={m.shuffle_enable()}
-            ariaLabelOff={m.shuffle_disable()}
+            ariaLabelOn={$LL.shuffle_enable()}
+            ariaLabelOff={$LL.shuffle_disable()}
           />
-          <IconButton path={mdiSkipPrevious} size="md" ariaLabel={m.previous()} />
+          <IconButton path={mdiSkipPrevious} size="md" ariaLabel={$LL.previous()} />
           <IconToggle
             iconOn={mdiPause}
             iconOff={mdiPlay}
             size="md"
             color="primary"
             iColorOn=""
-            ariaLabelOn={m.play()}
-            ariaLabelOff={m.pause()}
+            ariaLabelOn={$LL.play()}
+            ariaLabelOff={$LL.pause()}
           />
-          <IconButton path={mdiSkipNext} size="md" ariaLabel={m.next()} />
+          <IconButton path={mdiSkipNext} size="md" ariaLabel={$LL.next()} />
           <IconToggleMulti
             icons={[mdiRepeat, mdiRepeat, mdiRepeatOnce]}
-            ariaLabels={[m.repeat_disable(), m.repeat_queue(), m.repeat_track()]}
+            ariaLabels={[$LL.repeat_disable(), $LL.repeat_queue(), $LL.repeat_track()]}
           />
         </div>
         <div
@@ -91,7 +94,7 @@
             max={length}
             bind:value={position}
             bind:displayValue={displayPosition}
-            ariaLabel={m.seek_bar()}
+            ariaLabel={$LL.seek_bar()}
           />
           <span class="w-12">{formatDuration(length)}</span>
         </div>
@@ -103,15 +106,15 @@
         <IconToggle
           iconOn={mdiPlaylistPlay}
           value={$clientState.showQueue}
-          ariaLabelOn={m.queue_show()}
-          ariaLabelOff={m.queue_hide()}
+          ariaLabelOn={$LL.queue_show()}
+          ariaLabelOff={$LL.queue_hide()}
           on:change={toggleShowQueue}
         />
         <VolumeControl />
-        <IconButton path={mdiFullscreen} ariaLabel={m.fullscreen_player()} />
+        <IconButton path={mdiFullscreen} ariaLabel={$LL.fullscreen_player()} />
         <IconButtonTrigger
           path={mdiDotsVertical}
-          ariaLabel={m.track_options()}
+          ariaLabel={$LL.track_options()}
           trigger={$trigger}
         />
       </div>
diff --git a/src/lib/components/player/PlayerbarMobile.svelte b/src/lib/components/player/PlayerbarMobile.svelte
index a0b93bb..3570282 100644
--- a/src/lib/components/player/PlayerbarMobile.svelte
+++ b/src/lib/components/player/PlayerbarMobile.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import {
     mdiFullscreen,
     mdiPause,
@@ -75,10 +75,10 @@
   class="shadow rounded-md z-50"
   class:transition-colors={colorTrans}
   style={`background-color: ${bgColorHex}`}
-  aria-label={m.now_playing({ title: "Across the Sea", artist: "Leaves' Eyes" })}
+  aria-label={$LL.now_playing({ title: "Across the Sea", artist: "Leaves' Eyes" })}
 >
   <div class="inner">
-    <button class="relative" aria-label={m.fullscreen_player()}>
+    <button class="relative" aria-label={$LL.fullscreen_player()}>
       <div
         class="absolute w-full h-full flex items-center justify-center bg-base-100/50
       transition-opacity opacity-0 hover:opacity-100"
@@ -113,7 +113,7 @@
         <IconButton
           path={mdiSkipPrevious}
           size="md"
-          ariaLabel={m.previous()}
+          ariaLabel={$LL.previous()}
           on:click={prevTrack}
         />
       {/if}
@@ -122,14 +122,14 @@
         iconOff={mdiPlay}
         size="md"
         iColorOn=""
-        ariaLabelOff={m.pause()}
-        ariaLabelOn={m.play()}
+        ariaLabelOff={$LL.pause()}
+        ariaLabelOn={$LL.play()}
       />
       {#if !$mainPhone}
         <IconButton
           path={mdiSkipNext}
           size="md"
-          ariaLabel={m.next()}
+          ariaLabel={$LL.next()}
           on:click={nextTrack}
         />
       {/if}
@@ -137,7 +137,7 @@
   </div>
 
   <div class="seekbar" bind:this={seekbarElm}>
-    <Slider ariaLabel={m.seek_bar()} />
+    <Slider ariaLabel={$LL.seek_bar()} />
   </div>
 </div>
 
diff --git a/src/lib/components/player/VolumeControl.svelte b/src/lib/components/player/VolumeControl.svelte
index 1ba41ac..66ed0ef 100644
--- a/src/lib/components/player/VolumeControl.svelte
+++ b/src/lib/components/player/VolumeControl.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiVolumeHigh, mdiVolumeMedium, mdiVolumeLow, mdiVolumeMute } from "@mdi/js";
 
   import IconButton from "$lib/components/ui/IconButton.svelte";
@@ -40,14 +40,14 @@
 <div class="flex items-center" on:wheel|passive={onScroll}>
   <IconButton
     path={icon}
-    ariaLabel={mute ? m.unmute() : m.mute()}
+    ariaLabel={mute ? $LL.unmute() : $LL.mute()}
     on:click={toggleMute}
   />
   <div class="inline-block w-20">
     <Slider
       min={0}
       max={100}
-      ariaLabel={m.volume_control()}
+      ariaLabel={$LL.volume_control()}
       value={mute ? 0 : volume}
       on:change={updateVolume}
       liveUpdate
diff --git a/src/lib/components/tiles/AlbumGrid.svelte b/src/lib/components/tiles/AlbumGrid.svelte
index 420e4d1..a558ccb 100644
--- a/src/lib/components/tiles/AlbumGrid.svelte
+++ b/src/lib/components/tiles/AlbumGrid.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiCalendar, mdiOrderAlphabeticalAscending } from "@mdi/js";
 
   import {
@@ -94,14 +94,14 @@
 <div>
   <div class="flex flex-wrap gap-2 justify-between sticky-header py-2 z-20">
     <FilterButtons
-      items={[`${m.albums()} (${nAlbums})`, `${m.singles()} (${nSingles})`]}
+      items={[`${$LL.albums()} (${nAlbums})`, `${$LL.singles()} (${nSingles})`]}
       mask={[nAlbums === 0, nSingles === 0]}
       toggle
       bind:value={albumFilter}
     />
     <FilterButtons
       items={[mdiCalendar, mdiOrderAlphabeticalAscending]}
-      ariaLabels={[m.sort_date(), m.sort_name()]}
+      ariaLabels={[$LL.sort_date(), $LL.sort_name()]}
       bind:value={albumSort}
       icons
     />
diff --git a/src/lib/components/tiles/Grid.svelte b/src/lib/components/tiles/Grid.svelte
index e9ccfdf..97b891d 100644
--- a/src/lib/components/tiles/Grid.svelte
+++ b/src/lib/components/tiles/Grid.svelte
@@ -44,7 +44,7 @@
     frame = requestAnimationFrame(poll);
   });
   onDestroy(() => {
-    cancelAnimationFrame(frame);
+    if (frame) cancelAnimationFrame(frame);
   });
 </script>
 
diff --git a/src/lib/components/tiles/TileItem.svelte b/src/lib/components/tiles/TileItem.svelte
index 9b2b32b..aae4581 100644
--- a/src/lib/components/tiles/TileItem.svelte
+++ b/src/lib/components/tiles/TileItem.svelte
@@ -1,6 +1,6 @@
 <!-- Tile with a large image used to feature albums or playlists -->
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { createEventDispatcher } from "svelte";
   import { mdiPlay } from "@mdi/js";
 
@@ -20,7 +20,7 @@
     <button
       class="btn btn-circle btn-primary absolute bottom-2 right-2 z-10"
       tabindex="-1"
-      aria-label={m.play_item({ title })}
+      aria-label={$LL.play_item({ title })}
       on:click={(e) => {
         dispatch("play");
         e.preventDefault();
diff --git a/src/lib/components/ui/LikeButton.svelte b/src/lib/components/ui/LikeButton.svelte
index 9c906ba..a3a5e3b 100644
--- a/src/lib/components/ui/LikeButton.svelte
+++ b/src/lib/components/ui/LikeButton.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { mdiHeart, mdiHeartOutline } from "@mdi/js";
 
   import IconToggle from "./IconToggle.svelte";
@@ -13,7 +13,7 @@
   iconOn={mdiHeart}
   iconOff={mdiHeartOutline}
   {size}
-  ariaLabelOn={m.library_add()}
-  ariaLabelOff={m.library_remove()}
+  ariaLabelOn={$LL.library_add()}
+  ariaLabelOff={$LL.library_remove()}
   bind:value
 />
diff --git a/src/lib/components/ui/NoItemsMsg.svelte b/src/lib/components/ui/NoItemsMsg.svelte
index 4442351..a544049 100644
--- a/src/lib/components/ui/NoItemsMsg.svelte
+++ b/src/lib/components/ui/NoItemsMsg.svelte
@@ -1,6 +1,6 @@
 <!-- Message shown to the user if a list or grid contains no items -->
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import { clearSearch } from "$lib/util/functions";
   import { randomKaomoji } from "$lib/util/kaomoji";
 
@@ -13,11 +13,11 @@
     <p class="text-3xl text-base-content text-opacity-60 mb-2" aria-hidden="true">
       {randomKaomoji(404)}
     </p>
-    <p>{m.search_no_result({ itemType })}</p>
+    <p>{$LL.search_no_result({ itemType })}</p>
     <button class="btn btn-outline btn-sm mt-2" on:click={clearSearch}
-      >{m.clear_search()}</button
+      >{$LL.clear_search()}</button
     >
   {:else}
-    <p>{m.empty_list({ itemType })}</p>
+    <p>{$LL.empty_list({ itemType })}</p>
   {/if}
 </div>
diff --git a/src/lib/util/functions.ts b/src/lib/util/functions.ts
index 581c3b5..7db288a 100644
--- a/src/lib/util/functions.ts
+++ b/src/lib/util/functions.ts
@@ -249,3 +249,9 @@ export function arrMoveMulti<T>(arr: T[], positions: number[], target: number) {
   toInsert.reverse();
   arr.splice(target + offset, 0, ...toInsert);
 }
+
+export function setCookie(cName: string, cValue: string, expDays: number) {
+  const date = new Date();
+  date.setTime(date.getTime() + expDays * 24 * 60 * 60 * 1000);
+  document.cookie = `${cName}=${cValue}; expires=${date.toUTCString()}; SameSite=Lax`;
+}
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 0000000..046a59f
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,8 @@
+import type { LayoutServerLoad } from "./$types";
+
+export const load: LayoutServerLoad = ({ locals: { locale } }) => {
+  // console.info(LL.log({ fileName: '+layout.server.ts' }))
+
+  // pass locale information from "server-context" to "shared server + client context"
+  return { locale };
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eb526f4..97c5a2a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,6 +5,8 @@
   import { onMount } from "svelte";
   import { page } from "$app/stores";
   import { afterNavigate } from "$app/navigation";
+  import { setLocale } from "$i18n/i18n-svelte";
+  import type { LayoutData } from "./$types";
 
   import {
     clientState,
@@ -31,7 +33,10 @@
   import NavbarMobile from "$lib/components/nav/NavbarMobile.svelte";
   import PlayerbarMobile from "$lib/components/player/PlayerbarMobile.svelte";
   import FixedHeader from "$lib/components/header/FixedHeader.svelte";
-  import ParaglideJsProvider from "$lib/components/layout/ParaglideJsProvider.svelte";
+
+  export let data: LayoutData;
+  // at the very top, set the locale before you access the store and before the actual rendering takes place
+  setLocale(data.locale);
 
   // Layout boundaries
   const NAVBAR_MIN = 150;
@@ -160,70 +165,68 @@
   });
 </script>
 
-<ParaglideJsProvider>
-  <!-- svelte-ignore a11y-no-static-element-interactions -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+  id="app"
+  class:mobile={!showNavbar}
+  bind:clientWidth={$screenWidth}
+  bind:clientHeight={$screenHeight}
+  on:dragend={onDragEnd}
+>
   <div
-    id="app"
-    class:mobile={!showNavbar}
-    bind:clientWidth={$screenWidth}
-    bind:clientHeight={$screenHeight}
-    on:dragend={onDragEnd}
+    id="main-content"
+    style={`--navbar-width: ${navbarWidthSty}px; --queuebar-width: ${queuebarWidthSty}px;`}
   >
-    <div
-      id="main-content"
-      style={`--navbar-width: ${navbarWidthSty}px; --queuebar-width: ${queuebarWidthSty}px;`}
-    >
-      {#if showNavbar}
-        <nav class="sidebar" bind:this={navbarElm}>
-          <!-- svelte-ignore a11y-no-static-element-interactions -->
-          <div
-            class="handle right-0"
-            on:mousedown={initResizeNavbar}
-            on:touchstart|passive={initResizeNavbarTouch}
-            class:active={navbarResizing}
-          />
-          <Menubar />
-        </nav>
-      {/if}
-      {#if showQueue}
-        <aside class="sidebar" bind:this={queuebarElm}>
-          <!-- svelte-ignore a11y-no-static-element-interactions -->
-          <div
-            class="handle left-0"
-            on:mousedown={initResizeQueuebar}
-            on:touchstart|passive={initResizeQueuebarTouch}
-            class:active={queuebarResizing}
-          />
-          <DummyText />
-        </aside>
-      {/if}
-      <header>
-        <FixedHeader {scrollPos} />
-      </header>
-      <main
-        bind:this={$mainElm}
-        class:mainSmall={$mainSmall}
-        class:mainPhone={$mainPhone}
-        on:scroll={onScroll}
-      >
-        {#if !$page.data.header?.fading}
-          <div class="h-12" />
-        {/if}
-        <slot />
-        {#if !showNavbar}
-          <!-- Spacer to ensure enough bottom space to scroll beyond floating playerbara -->
-          <div class="h-24" />
-        {/if}
-      </main>
-    </div>
     {#if showNavbar}
-      <Playerbar />
-    {:else}
-      <PlayerbarMobile />
-      <NavbarMobile />
+      <nav class="sidebar" bind:this={navbarElm}>
+        <!-- svelte-ignore a11y-no-static-element-interactions -->
+        <div
+          class="handle right-0"
+          on:mousedown={initResizeNavbar}
+          on:touchstart|passive={initResizeNavbarTouch}
+          class:active={navbarResizing}
+        />
+        <Menubar />
+      </nav>
     {/if}
+    {#if showQueue}
+      <aside class="sidebar" bind:this={queuebarElm}>
+        <!-- svelte-ignore a11y-no-static-element-interactions -->
+        <div
+          class="handle left-0"
+          on:mousedown={initResizeQueuebar}
+          on:touchstart|passive={initResizeQueuebarTouch}
+          class:active={queuebarResizing}
+        />
+        <DummyText />
+      </aside>
+    {/if}
+    <header>
+      <FixedHeader {scrollPos} />
+    </header>
+    <main
+      bind:this={$mainElm}
+      class:mainSmall={$mainSmall}
+      class:mainPhone={$mainPhone}
+      on:scroll={onScroll}
+    >
+      {#if !$page.data.header?.fading}
+        <div class="h-12" />
+      {/if}
+      <slot />
+      {#if !showNavbar}
+        <!-- Spacer to ensure enough bottom space to scroll beyond floating playerbara -->
+        <div class="h-24" />
+      {/if}
+    </main>
   </div>
-</ParaglideJsProvider>
+  {#if showNavbar}
+    <Playerbar />
+  {:else}
+    <PlayerbarMobile />
+    <NavbarMobile />
+  {/if}
+</div>
 
 <style lang="postcss">
   #app {
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index a3d1578..e094852 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1 +1,11 @@
-export const ssr = false;
+import type { LayoutLoad } from "./$types";
+import type { Locales } from "$i18n/i18n-types";
+import { loadLocaleAsync } from "$i18n/i18n-util.async";
+
+export const load: LayoutLoad<{ locale: Locales }> = async ({ data: { locale } }) => {
+  await loadLocaleAsync(locale);
+  1;
+
+  // pass locale to the "rendering context"
+  return { locale };
+};
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index bfde143..d3455ea 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,24 +1,29 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
-  import {
-    availableLanguageTags,
-    languageTag,
-    setLanguageTag,
-  } from "$paraglide/runtime";
+  import LL, { setLocale, locale } from "$i18n/i18n-svelte";
+  import { locales } from "$i18n/i18n-util";
   import SimpleWrapper from "$lib/components/layout/SimpleWrapper.svelte";
   import DummyText from "$lib/components/ui/DummyText.svelte";
   import type { ChangeEventHandler } from "svelte/elements";
+  import { loadLocaleAsync } from "$i18n/i18n-util.async";
+  import type { Locales } from "$i18n/i18n-types";
+  import { setCookie } from "$lib/util/functions";
 
   const lf = (lang: string) =>
     `[${lang}] ${new Intl.DisplayNames(lang, { type: "language" }).of(lang)}`;
 
   const langChange: ChangeEventHandler<HTMLSelectElement> = (e) => {
-    setLanguageTag(availableLanguageTags[e.currentTarget.selectedIndex]);
+    switchLocale(locales[e.currentTarget.selectedIndex]);
+  };
+
+  const switchLocale = async (newLocale: Locales) => {
+    await loadLocaleAsync(newLocale);
+    setLocale(newLocale);
+    setCookie("lang", newLocale, 365);
   };
 </script>
 
 <SimpleWrapper>
-  <h1 class="text-4xl">{m.hello_world()}</h1>
+  <h1 class="text-4xl">{$LL.hello_world()}</h1>
   <div class="my-2">
     Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation
   </div>
@@ -34,11 +39,11 @@
   <div class="my-2">
     <label class="form-control">
       <div class="label">
-        <span class="label-text">{m.language()}</span>
+        <span class="label-text">{$LL.language()}</span>
       </div>
       <select class="select select-bordered w-full max-w-xs" on:change={langChange}>
-        {#each availableLanguageTags as lang}
-          <option selected={lang === languageTag()}>{lf(lang)}</option>
+        {#each locales as lang}
+          <option selected={lang === $locale}>{lf(lang)}</option>
         {/each}
       </select>
     </label>
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
index c5ac86a..acfde0b 100644
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@@ -1,9 +1,12 @@
-import * as m from "$paraglide/messages";
-import type { HeaderData } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import type { HeaderData } from "$lib/util/types";
+import { i18nObject } from "$i18n/i18n-util.js";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
-    header: { title: m.app_name } satisfies HeaderData,
+    header: { title: LL.app_name() } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/src/routes/album/+page.ts b/src/routes/album/+page.ts
index 6749fe0..1c47cdb 100644
--- a/src/routes/album/+page.ts
+++ b/src/routes/album/+page.ts
@@ -1,12 +1,15 @@
-import * as m from "$paraglide/messages";
 import { SearchCtx, type HeaderData } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import { i18nObject } from "$i18n/i18n-util";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
     header: {
-      title: m.albums,
+      title: LL.albums(),
       searchCtx: SearchCtx.Content,
     } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/src/routes/artist/+page.ts b/src/routes/artist/+page.ts
index 3a79104..cab21d1 100644
--- a/src/routes/artist/+page.ts
+++ b/src/routes/artist/+page.ts
@@ -1,11 +1,14 @@
-import * as m from "$paraglide/messages";
 import type { HeaderData } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import { i18nObject } from "$i18n/i18n-util";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
     header: {
-      title: m.artists,
+      title: LL.artists(),
     } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/src/routes/artist/[id]/+page.svelte b/src/routes/artist/[id]/+page.svelte
index b8cf16e..d15130a 100644
--- a/src/routes/artist/[id]/+page.svelte
+++ b/src/routes/artist/[id]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import type { PageData } from "./$types";
 
   import { searchTerm } from "$lib/stores/layout";
@@ -20,10 +20,10 @@
   {#if !$searchTerm}
     <TrackList
       {tracks}
-      name={m.top_tracks_of({ name: data.artist.name })}
+      name={$LL.top_tracks_of({ name: data.artist.name })}
       view={ListView.Catalog}
     />
-    <button class="btn btn-sm btn-outline mt-2 mb-4">{m.all_tracks()}</button>
+    <button class="btn btn-sm btn-outline mt-2 mb-4">{$LL.all_tracks()}</button>
   {/if}
   <AlbumGrid {albums} searchTerm={$searchTerm} />
 
diff --git a/src/routes/playlist/+page.ts b/src/routes/playlist/+page.ts
index d5da5c5..853a42f 100644
--- a/src/routes/playlist/+page.ts
+++ b/src/routes/playlist/+page.ts
@@ -1,11 +1,14 @@
-import * as m from "$paraglide/messages";
 import type { HeaderData } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import { i18nObject } from "$i18n/i18n-util";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
     header: {
-      title: m.playlists,
+      title: LL.title(),
     } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/src/routes/search/+page.ts b/src/routes/search/+page.ts
index ff11282..ff5e484 100644
--- a/src/routes/search/+page.ts
+++ b/src/routes/search/+page.ts
@@ -1,12 +1,15 @@
-import * as m from "$paraglide/messages";
 import { SearchCtx, type HeaderData } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import { i18nObject } from "$i18n/i18n-util";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
     header: {
-      title: m.search,
+      title: LL.search(),
       searchCtx: SearchCtx.Global,
     } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/src/routes/tracks/+page.svelte b/src/routes/tracks/+page.svelte
index e0a7348..3c29b2c 100644
--- a/src/routes/tracks/+page.svelte
+++ b/src/routes/tracks/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import * as m from "$paraglide/messages";
+  import LL from "$i18n/i18n-svelte";
   import ContentHeader from "$lib/components/header/ContentHeader.svelte";
   import SimpleWrapper from "$lib/components/layout/SimpleWrapper.svelte";
   import TrackList from "$lib/components/list/TrackList.svelte";
@@ -14,7 +14,7 @@
   });
 </script>
 
-<ContentHeader title={m.tracks()} imageUrl="">
+<ContentHeader title={$LL.tracks()} imageUrl="">
   <div class="badges">
     <span>11 tracks, 31:23</span>
   </div>
@@ -23,7 +23,7 @@
 <SimpleWrapper>
   <TrackList
     {tracks}
-    name={m.tracks()}
+    name={$LL.tracks()}
     searchTerm={$searchTerm}
     view={ListView.Playlist}
   />
diff --git a/src/routes/tracks/+page.ts b/src/routes/tracks/+page.ts
index 1d3b3f1..fbb3ed8 100644
--- a/src/routes/tracks/+page.ts
+++ b/src/routes/tracks/+page.ts
@@ -1,13 +1,16 @@
-import * as m from "$paraglide/messages";
 import { LinkType, type HeaderData, SearchCtx } from "$lib/util/types";
 import type { PageLoad } from "./$types";
+import { i18nObject } from "$i18n/i18n-util";
+
+export const load: PageLoad = async ({ parent }) => {
+  const { locale } = await parent();
+  const LL = i18nObject(locale);
 
-export const load = (({ params }) => {
   return {
     header: {
-      title: m.tracks,
+      title: LL.tracks(),
       playLink: {
-        title: "Tracks",
+        title: LL.tracks(),
         linkType: LinkType.Playlist,
         id: "",
       },
@@ -15,4 +18,4 @@ export const load = (({ params }) => {
       searchCtx: SearchCtx.Content,
     } satisfies HeaderData,
   };
-}) satisfies PageLoad;
+};
diff --git a/svelte.config.js b/svelte.config.js
index a6d87a6..4bb0b91 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,4 +1,4 @@
-import adapter from "@sveltejs/adapter-static";
+import adapter from "@sveltejs/adapter-node";
 import { vitePreprocess } from "@sveltejs/kit/vite";
 import { preprocessMeltUI } from "@melt-ui/pp";
 import sequence from "svelte-sequential-preprocessor";
@@ -12,12 +12,11 @@ const config = {
   kit: {
     // See https://kit.svelte.dev/docs/adapters for more information about adapters.
     adapter: adapter({
-      fallback: "index.html",
-      // precompress: true,
+      precompress: true,
     }),
 
     alias: {
-      $paraglide: "./src/paraglide",
+      $i18n: "./src/i18n",
     },
   },
 };
diff --git a/tsconfig.json b/tsconfig.json
index c965187..5b2ec02 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,8 +8,7 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-    "strict": true,
-    "moduleResolution": "Bundler"
+    "strict": true
   }
   // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
   //
diff --git a/vite.config.ts b/vite.config.ts
index 4ce476c..181c810 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,13 +1,9 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vitest/config";
-import { paraglide } from "@inlang/paraglide-js-adapter-vite";
 import path from "path";
 
 export default defineConfig({
-  plugins: [
-    sveltekit(),
-    paraglide({ project: "./project.inlang", outdir: "./src/paraglide" }),
-  ],
+  plugins: [sveltekit()],
   test: {
     include: ["src/**/*.{test,spec}.{js,ts}"],
   },

From 97efbcec1bdc219c8d9cb75ebd5ca1409ccb92c5 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Tue, 19 Dec 2023 20:58:59 +0100
Subject: [PATCH 03/10] feat: add pluralized messages

---
 messages/de.json                                | 17 ++++++++++-------
 messages/en.json                                | 17 ++++++++++-------
 .../contextmenu/AddPlaylistMenu.svelte          |  2 +-
 src/lib/components/contextmenu/TrackMenu.svelte |  2 +-
 src/lib/components/header/FixedHeader.svelte    |  4 ++--
 src/lib/components/list/TrackList.svelte        |  2 +-
 src/lib/components/tiles/AlbumGrid.svelte       |  2 +-
 src/lib/components/tiles/TileItem.svelte        |  2 +-
 src/lib/components/ui/NoItemsMsg.svelte         |  4 ++--
 src/routes/+layout.server.ts                    |  2 --
 src/routes/album/[id]/+page.svelte              |  3 ++-
 src/routes/artist/[id]/+page.svelte             |  2 +-
 src/routes/playlist/[id]/+page.svelte           |  3 ++-
 src/routes/tracks/+page.svelte                  |  2 +-
 14 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/messages/de.json b/messages/de.json
index 1f77923..6022b36 100644
--- a/messages/de.json
+++ b/messages/de.json
@@ -28,11 +28,11 @@
   "unmute": "Stummschaltung aufheben",
   "sort_date": "Nach Datum sortieren",
   "sort_name": "Alphabetisch sortieren",
-  "play_item": "{title} abspielen",
+  "play_item": "{0} abspielen",
   "library_add": "Zur Sammlung hinzufügen",
   "library_remove": "Von der Sammlung entfernen",
-  "search_no_result": "Es gibt keine {itemType}, die deiner Suche entsprechen",
-  "empty_list": "Diese Liste enthält keine {itemType}",
+  "search_no_result": "Es gibt keine {0|{artist: Künstler, album: Alben, track: Titel, playlist: Playlists, *: Elemente}}, die deiner Suche entsprechen",
+  "empty_list": "Diese Liste enthält keine {0|{artist: Künstler, album: Alben, track: Titel, playlist: Playlists, *: Elemente}}",
   "clear_search": "Suche löschen",
   "title": "Titel",
   "album": "Album",
@@ -41,8 +41,8 @@
   "added_by": "Hinzugefügt von",
   "duration": "Dauer",
   "singles": "Singles",
-  "search_item": "{item} durchsuchen",
-  "top_tracks_of": "Beliebte Titel von {name}",
+  "search_item": "{0} durchsuchen",
+  "top_tracks_of": "Beliebte Titel von {0}",
   "all_tracks": "Alle Titel",
   "notifications": "Benachrichtigungen",
   "playback_history": "Wiedergabeverlauf",
@@ -59,7 +59,7 @@
   "copy_url": "URL kopieren",
   "download_audio_files": "Audiodateien herunterladen",
   "search_create_playlist": "Playlist suchen/erstellen",
-  "playlist_new_name": "Playlist \"{name}\" erstellen",
+  "playlist_new_name": "Playlist \"{0}\" erstellen",
   "view_artist": "Zeige Künstler",
   "view_album": "Zeige Album",
   "view_track_info": "Zeige Titelinfo",
@@ -72,5 +72,8 @@
   "settings": "Einstellungen",
   "documentation": "Dokumentation",
   "frontend": "Frontend",
-  "log": "Dieses Logging wurde von '{fileName}' aufgerufen"
+  "n_artists": "{0} Künstler",
+  "n_albums": "{0} {{Album|Alben}}",
+  "n_tracks": "{0} Titel",
+  "n_playlists": "{0} Playlist{{|s}}"
 }
diff --git a/messages/en.json b/messages/en.json
index 7383fc1..f85001d 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -28,11 +28,11 @@
   "unmute": "Unmute",
   "sort_date": "Sort by date",
   "sort_name": "Sort by name",
-  "play_item": "Play {title}",
+  "play_item": "Play {0}",
   "library_add": "Add to library",
   "library_remove": "Remove from library",
-  "search_no_result": "There are no {itemType} matching your search",
-  "empty_list": "There are no {itemType} in this list",
+  "search_no_result": "There are no {0|{artist: artists, album: albums, track: tracks, playlist: playlists, *: items}} matching your search",
+  "empty_list": "There are no {0|{artist: artists, album: albums, track: tracks, playlist: playlists, *: items}} in this list",
   "clear_search": "Clear search",
   "title": "Title",
   "album": "Album",
@@ -41,8 +41,8 @@
   "added_by": "Added by",
   "duration": "Duration",
   "singles": "Singles",
-  "search_item": "Search {item}",
-  "top_tracks_of": "Top tracks of {name}",
+  "search_item": "Search {0}",
+  "top_tracks_of": "Top tracks of {0}",
   "all_tracks": "All tracks",
   "notifications": "Notifications",
   "playback_history": "Playback history",
@@ -59,7 +59,7 @@
   "copy_url": "Copy URL",
   "download_audio_files": "Download audio files",
   "search_create_playlist": "Search/create playlist",
-  "playlist_new_name": "Create playlist \"{name}\"",
+  "playlist_new_name": "Create playlist \"{0}\"",
   "view_artist": "View artist",
   "view_album": "View album",
   "view_track_info": "View track info",
@@ -72,5 +72,8 @@
   "settings": "Settings",
   "documentation": "Documentation",
   "frontend": "Frontend",
-  "log": "This log was called from '{fileName:string}'"
+  "n_artists": "{0} artist{{|s}}",
+  "n_albums": "{0} album{{|s}}",
+  "n_tracks": "{0} track{{|s}}",
+  "n_playlists": "{0} playlist{{|s}}"
 }
diff --git a/src/lib/components/contextmenu/AddPlaylistMenu.svelte b/src/lib/components/contextmenu/AddPlaylistMenu.svelte
index 87e21a6..ba91c29 100644
--- a/src/lib/components/contextmenu/AddPlaylistMenu.svelte
+++ b/src/lib/components/contextmenu/AddPlaylistMenu.svelte
@@ -77,7 +77,7 @@
     <Icon path={mdiPlus} size={1.4} />
     <span
       >{playlistSearch
-        ? $LL.playlist_new_name({ name: playlistSearch })
+        ? $LL.playlist_new_name(playlistSearch)
         : $LL.playlist_new()}</span
     >
   </div>
diff --git a/src/lib/components/contextmenu/TrackMenu.svelte b/src/lib/components/contextmenu/TrackMenu.svelte
index ad1a0bc..ca2cb6a 100644
--- a/src/lib/components/contextmenu/TrackMenu.svelte
+++ b/src/lib/components/contextmenu/TrackMenu.svelte
@@ -72,7 +72,7 @@
   <div class="ctxmenu" use:melt={menu}>
     {#if !single}
       <div class="item item-sm item-primary">
-        <span>{tracks.length} tracks</span>
+        <span>{$LL.n_tracks(tracks.length)}</span>
       </div>
     {/if}
 
diff --git a/src/lib/components/header/FixedHeader.svelte b/src/lib/components/header/FixedHeader.svelte
index 3b39160..4d3d41d 100644
--- a/src/lib/components/header/FixedHeader.svelte
+++ b/src/lib/components/header/FixedHeader.svelte
@@ -69,7 +69,7 @@
   let searchLabel: string;
   $: if (searchCtx) {
     if (searchCtx === SearchCtx.Global) searchLabel = $LL.search();
-    else searchLabel = $LL.search_item({ item: title });
+    else searchLabel = $LL.search_item(title);
   }
 
   function searchOnBlur(e: FocusEvent) {
@@ -119,7 +119,7 @@
       {#if $page.data.header?.playLink}
         <IconButton
           path={mdiPlay}
-          ariaLabel={$LL.play_item({ title })}
+          ariaLabel={$LL.play_item(title)}
           color="primary"
           on:click={() => alert("Playing " + title)}
         />
diff --git a/src/lib/components/list/TrackList.svelte b/src/lib/components/list/TrackList.svelte
index 72682c4..f67685f 100644
--- a/src/lib/components/list/TrackList.svelte
+++ b/src/lib/components/list/TrackList.svelte
@@ -737,7 +737,7 @@
   </div>
 
   {#if filteredTracks.length === 0}
-    <NoItemsMsg itemType="tracks" search={Boolean(searchTerm)} />
+    <NoItemsMsg itemType="track" search={Boolean(searchTerm)} />
   {/if}
 
   <div
diff --git a/src/lib/components/tiles/AlbumGrid.svelte b/src/lib/components/tiles/AlbumGrid.svelte
index a558ccb..003ab35 100644
--- a/src/lib/components/tiles/AlbumGrid.svelte
+++ b/src/lib/components/tiles/AlbumGrid.svelte
@@ -108,7 +108,7 @@
   </div>
 
   {#if searchTerm && filteredAlbums.length === 0}
-    <EmptySearchNote itemType="albums" search={Boolean(searchTerm)} />
+    <EmptySearchNote itemType="album" search={Boolean(searchTerm)} />
   {/if}
 
   <Grid totalItems={filteredAlbums.length} bind:startIndex bind:endIndex>
diff --git a/src/lib/components/tiles/TileItem.svelte b/src/lib/components/tiles/TileItem.svelte
index aae4581..8657184 100644
--- a/src/lib/components/tiles/TileItem.svelte
+++ b/src/lib/components/tiles/TileItem.svelte
@@ -20,7 +20,7 @@
     <button
       class="btn btn-circle btn-primary absolute bottom-2 right-2 z-10"
       tabindex="-1"
-      aria-label={$LL.play_item({ title })}
+      aria-label={$LL.play_item(title)}
       on:click={(e) => {
         dispatch("play");
         e.preventDefault();
diff --git a/src/lib/components/ui/NoItemsMsg.svelte b/src/lib/components/ui/NoItemsMsg.svelte
index a544049..d094a80 100644
--- a/src/lib/components/ui/NoItemsMsg.svelte
+++ b/src/lib/components/ui/NoItemsMsg.svelte
@@ -13,11 +13,11 @@
     <p class="text-3xl text-base-content text-opacity-60 mb-2" aria-hidden="true">
       {randomKaomoji(404)}
     </p>
-    <p>{$LL.search_no_result({ itemType })}</p>
+    <p>{$LL.search_no_result(itemType)}</p>
     <button class="btn btn-outline btn-sm mt-2" on:click={clearSearch}
       >{$LL.clear_search()}</button
     >
   {:else}
-    <p>{$LL.empty_list({ itemType })}</p>
+    <p>{$LL.empty_list(itemType)}</p>
   {/if}
 </div>
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
index 046a59f..dbe2120 100644
--- a/src/routes/+layout.server.ts
+++ b/src/routes/+layout.server.ts
@@ -1,8 +1,6 @@
 import type { LayoutServerLoad } from "./$types";
 
 export const load: LayoutServerLoad = ({ locals: { locale } }) => {
-  // console.info(LL.log({ fileName: '+layout.server.ts' }))
-
   // pass locale information from "server-context" to "shared server + client context"
   return { locale };
 };
diff --git a/src/routes/album/[id]/+page.svelte b/src/routes/album/[id]/+page.svelte
index 5978129..92e6ff6 100644
--- a/src/routes/album/[id]/+page.svelte
+++ b/src/routes/album/[id]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import LL from "$i18n/i18n-svelte";
   import type { PageData } from "./$types";
 
   import { searchTerm } from "$lib/stores/layout";
@@ -24,7 +25,7 @@
       <AvatarBadge link={artistLink(artist)} imageUrl={artist.imageUrl} bold />
     {/each}
     <span>{formatDateStr(data.album.releaseDate)}</span>
-    <span>11 tracks, 31:23</span>
+    <span>{$LL.n_tracks(11)}, 31:23</span>
   </div>
 </ContentHeader>
 
diff --git a/src/routes/artist/[id]/+page.svelte b/src/routes/artist/[id]/+page.svelte
index d15130a..e357a4b 100644
--- a/src/routes/artist/[id]/+page.svelte
+++ b/src/routes/artist/[id]/+page.svelte
@@ -20,7 +20,7 @@
   {#if !$searchTerm}
     <TrackList
       {tracks}
-      name={$LL.top_tracks_of({ name: data.artist.name })}
+      name={$LL.top_tracks_of(data.artist.name)}
       view={ListView.Catalog}
     />
     <button class="btn btn-sm btn-outline mt-2 mb-4">{$LL.all_tracks()}</button>
diff --git a/src/routes/playlist/[id]/+page.svelte b/src/routes/playlist/[id]/+page.svelte
index 72c61ca..92a453a 100644
--- a/src/routes/playlist/[id]/+page.svelte
+++ b/src/routes/playlist/[id]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import LL from "$i18n/i18n-svelte";
   import type { PageData } from "./$types";
 
   import { searchTerm } from "$lib/stores/layout";
@@ -31,7 +32,7 @@
   <div class="badges">
     <AvatarBadge link={userLink("Spotify", false)} bold />
     <span>2023</span>
-    <span>11 tracks, 31:23</span>
+    <span>{$LL.n_tracks(11)}, 31:23</span>
   </div>
 </ContentHeader>
 
diff --git a/src/routes/tracks/+page.svelte b/src/routes/tracks/+page.svelte
index 3c29b2c..c4860ed 100644
--- a/src/routes/tracks/+page.svelte
+++ b/src/routes/tracks/+page.svelte
@@ -16,7 +16,7 @@
 
 <ContentHeader title={$LL.tracks()} imageUrl="">
   <div class="badges">
-    <span>11 tracks, 31:23</span>
+    <span>{$LL.n_tracks(11)}, 31:23</span>
   </div>
 </ContentHeader>
 

From 251181843fe2660d2543c5e0292128428c706e29 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Tue, 19 Dec 2023 21:10:10 +0100
Subject: [PATCH 04/10] fix: update date formatting

---
 src/lib/components/list/TrackListItem.svelte |  5 +++--
 src/lib/util/functions.ts                    | 17 ++++++++---------
 src/routes/album/[id]/+page.svelte           |  4 ++--
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/list/TrackListItem.svelte b/src/lib/components/list/TrackListItem.svelte
index ac9b790..27fb2cf 100644
--- a/src/lib/components/list/TrackListItem.svelte
+++ b/src/lib/components/list/TrackListItem.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { locale } from "$i18n/i18n-svelte";
   import { mdiPlay, mdiDotsVertical } from "@mdi/js";
   import { createContextMenu, createDropdownMenu, melt } from "@tirayamusic/melt-ui";
 
@@ -136,7 +137,7 @@
     <div class="col var2" role="gridcell" aria-colindex={4}>
       {#if track.item.album.releaseDate}
         <span class="ellipsis-ol">
-          {formatDateStr(track.item.album.releaseDate)}
+          {formatDateStr(track.item.album.releaseDate, $locale)}
         </span>
       {/if}
     </div>
@@ -146,7 +147,7 @@
     <div class="col var3" role="gridcell" aria-colindex={5}>
       {#if track.item.addedDate}
         <span class="ellipsis-ol">
-          {formatDate(track.item.addedDate)}
+          {formatDate(track.item.addedDate, $locale)}
         </span>
       {/if}
     </div>
diff --git a/src/lib/util/functions.ts b/src/lib/util/functions.ts
index 7db288a..dabed94 100644
--- a/src/lib/util/functions.ts
+++ b/src/lib/util/functions.ts
@@ -1,5 +1,4 @@
 import type { Page } from "@sveltejs/kit";
-import { DATE_LANG } from "./constants";
 import { CLEAR_SEARCH, hub } from "./events";
 import {
   LinkType,
@@ -57,24 +56,24 @@ export function dateToNumber(date: string | null | undefined): number | null {
   );
 }
 
-export function formatDateStr(date: string): string | null {
+export function formatDateStr(date: string, locale: string): string | null {
   const parsed = parseDate(date);
   if (parsed === null) return null;
   if (parsed.month) {
     const dt = new Date(parsed.year, parsed.month, parsed.day || 1);
-    return dt.toLocaleDateString(DATE_LANG, {
-      day: parsed.day ? "numeric" : undefined,
-      month: "short",
+    return dt.toLocaleDateString(locale, {
+      day: parsed.day ? "2-digit" : undefined,
+      month: "2-digit",
       year: "numeric",
     });
   }
   return parsed.year.toString();
 }
 
-export function formatDate(date: Date): string {
-  return date.toLocaleDateString(DATE_LANG, {
-    day: "numeric",
-    month: "short",
+export function formatDate(date: Date, locale: string): string {
+  return date.toLocaleDateString(locale, {
+    day: "2-digit",
+    month: "2-digit",
     year: "numeric",
   });
 }
diff --git a/src/routes/album/[id]/+page.svelte b/src/routes/album/[id]/+page.svelte
index 92e6ff6..d7e06b5 100644
--- a/src/routes/album/[id]/+page.svelte
+++ b/src/routes/album/[id]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import LL from "$i18n/i18n-svelte";
+  import LL, { locale } from "$i18n/i18n-svelte";
   import type { PageData } from "./$types";
 
   import { searchTerm } from "$lib/stores/layout";
@@ -24,7 +24,7 @@
     {#each data.album.artists as artist}
       <AvatarBadge link={artistLink(artist)} imageUrl={artist.imageUrl} bold />
     {/each}
-    <span>{formatDateStr(data.album.releaseDate)}</span>
+    <span>{formatDateStr(data.album.releaseDate, $locale)}</span>
     <span>{$LL.n_tracks(11)}, 31:23</span>
   </div>
 </ContentHeader>

From 72a045d4bcfca29d77acb8c4f36b935edb2256af Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Tue, 19 Dec 2023 21:33:16 +0100
Subject: [PATCH 05/10] fix: adapter-node version

---
 package.json   |   2 +-
 pnpm-lock.yaml | 165 ++++++-------------------------------------------
 2 files changed, 21 insertions(+), 146 deletions(-)

diff --git a/package.json b/package.json
index 4207fbd..ac1692a 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@melt-ui/pp": "^0.1.4",
-    "@sveltejs/adapter-node": "^2.0.0",
+    "@sveltejs/adapter-node": "^1.3.1",
     "@sveltejs/kit": "^1.27.7",
     "@tailwindcss/typography": "^0.5.10",
     "@typescript-eslint/eslint-plugin": "^6.13.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 19ee8e2..79a257c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -38,8 +38,8 @@ devDependencies:
     specifier: ^0.1.4
     version: 0.1.4(@melt-ui/svelte@0.65.1)(svelte@4.2.8)
   '@sveltejs/adapter-node':
-    specifier: ^2.0.0
-    version: 2.0.0(@sveltejs/kit@1.27.7)
+    specifier: ^1.3.1
+    version: 1.3.1(@sveltejs/kit@1.27.7)
   '@sveltejs/kit':
     specifier: ^1.27.7
     version: 1.27.7(svelte@4.2.8)(vite@4.5.1)
@@ -509,7 +509,7 @@ packages:
     resolution: {integrity: sha512-SEzPuAc2bQdMV9cKrBIjW3EvntpU8NcBxdgdEo9yLKAeRfvdM4oM/sG8pFPRZOpYwOytaJqWGqwjc+RSRFFTvQ==}
     dev: false
 
-  /@rollup/plugin-commonjs@25.0.7(rollup@4.9.1):
+  /@rollup/plugin-commonjs@25.0.7(rollup@3.29.4):
     resolution: {integrity: sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -518,16 +518,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
       magic-string: 0.30.5
-      rollup: 4.9.1
+      rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-json@6.1.0(rollup@4.9.1):
+  /@rollup/plugin-json@6.1.0(rollup@3.29.4):
     resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -536,11 +536,11 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
-      rollup: 4.9.1
+      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
+      rollup: 3.29.4
     dev: true
 
-  /@rollup/plugin-node-resolve@15.2.3(rollup@4.9.1):
+  /@rollup/plugin-node-resolve@15.2.3(rollup@3.29.4):
     resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -549,16 +549,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
-      rollup: 4.9.1
+      rollup: 3.29.4
     dev: true
 
-  /@rollup/pluginutils@5.1.0(rollup@4.9.1):
+  /@rollup/pluginutils@5.1.0(rollup@3.29.4):
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -570,127 +570,23 @@ packages:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 4.9.1
+      rollup: 3.29.4
     dev: true
 
-  /@rollup/rollup-android-arm-eabi@4.9.1:
-    resolution: {integrity: sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==}
-    cpu: [arm]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-android-arm64@4.9.1:
-    resolution: {integrity: sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==}
-    cpu: [arm64]
-    os: [android]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-darwin-arm64@4.9.1:
-    resolution: {integrity: sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-darwin-x64@4.9.1:
-    resolution: {integrity: sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-arm-gnueabihf@4.9.1:
-    resolution: {integrity: sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==}
-    cpu: [arm]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-arm64-gnu@4.9.1:
-    resolution: {integrity: sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-arm64-musl@4.9.1:
-    resolution: {integrity: sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-riscv64-gnu@4.9.1:
-    resolution: {integrity: sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==}
-    cpu: [riscv64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-x64-gnu@4.9.1:
-    resolution: {integrity: sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-linux-x64-musl@4.9.1:
-    resolution: {integrity: sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-win32-arm64-msvc@4.9.1:
-    resolution: {integrity: sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==}
-    cpu: [arm64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-win32-ia32-msvc@4.9.1:
-    resolution: {integrity: sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==}
-    cpu: [ia32]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
-  /@rollup/rollup-win32-x64-msvc@4.9.1:
-    resolution: {integrity: sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
-  /@sveltejs/adapter-node@2.0.0(@sveltejs/kit@1.27.7):
-    resolution: {integrity: sha512-js/FBTnwDhr111wCY7b+B30LD8uTUgegRVGG2q6xwzgU8qmj+8/V5E6f/kNmDbyBJH45V6tr8RTKsLvpNScK4g==}
+  /@sveltejs/adapter-node@1.3.1(@sveltejs/kit@1.27.7):
+    resolution: {integrity: sha512-A0VgRQDCDPzdLNoiAbcOxGw4zT1Mc+n1LwT1OmO350R7WxrEqdMUChPPOd1iMfIDWlP4ie6E2d/WQf5es2d4Zw==}
     peerDependencies:
-      '@sveltejs/kit': ^2.0.0
+      '@sveltejs/kit': ^1.0.0
     dependencies:
-      '@rollup/plugin-commonjs': 25.0.7(rollup@4.9.1)
-      '@rollup/plugin-json': 6.1.0(rollup@4.9.1)
-      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.9.1)
+      '@rollup/plugin-commonjs': 25.0.7(rollup@3.29.4)
+      '@rollup/plugin-json': 6.1.0(rollup@3.29.4)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@3.29.4)
       '@sveltejs/kit': 1.27.7(svelte@4.2.8)(vite@4.5.1)
-      rollup: 4.9.1
+      rollup: 3.29.4
     dev: true
 
   /@sveltejs/kit@1.27.7(svelte@4.2.8)(vite@4.5.1):
@@ -2436,27 +2332,6 @@ packages:
       fsevents: 2.3.3
     dev: true
 
-  /rollup@4.9.1:
-    resolution: {integrity: sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.9.1
-      '@rollup/rollup-android-arm64': 4.9.1
-      '@rollup/rollup-darwin-arm64': 4.9.1
-      '@rollup/rollup-darwin-x64': 4.9.1
-      '@rollup/rollup-linux-arm-gnueabihf': 4.9.1
-      '@rollup/rollup-linux-arm64-gnu': 4.9.1
-      '@rollup/rollup-linux-arm64-musl': 4.9.1
-      '@rollup/rollup-linux-riscv64-gnu': 4.9.1
-      '@rollup/rollup-linux-x64-gnu': 4.9.1
-      '@rollup/rollup-linux-x64-musl': 4.9.1
-      '@rollup/rollup-win32-arm64-msvc': 4.9.1
-      '@rollup/rollup-win32-ia32-msvc': 4.9.1
-      '@rollup/rollup-win32-x64-msvc': 4.9.1
-      fsevents: 2.3.3
-    dev: true
-
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:

From f3a49f2dc5e991f3327d9e3f67d90ce280cb4a97 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Wed, 20 Dec 2023 01:04:26 +0100
Subject: [PATCH 06/10] feat: update daisyui to v4, migrate to oklch colors

---
 package.json                                 |  2 +-
 pnpm-lock.yaml                               | 95 +++++++++++++++++---
 src/lib/components/header/FixedHeader.svelte |  4 +-
 src/lib/components/list/list.css             |  2 +-
 src/lib/stores/theme.ts                      |  4 +-
 src/lib/util/colors.test.ts                  |  9 +-
 src/lib/util/colors.ts                       | 90 ++++++++++++++++++-
 src/lib/util/constants.ts                    |  2 +-
 src/style/app.css                            | 10 +--
 9 files changed, 190 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index ac1692a..1dbb7da 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "@mdi/js": "^7.3.67",
     "@resreq/event-hub": "^1.6.0",
     "@tirayamusic/melt-ui": "^0.37.5",
-    "daisyui": "^3.9.4",
+    "daisyui": "^4.4.20",
     "fast-average-color": "^9.4.0",
     "svelte-inview": "^4.0.1",
     "svelte-local-storage-store": "^0.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 79a257c..d48c44a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,8 +18,8 @@ dependencies:
     specifier: ^0.37.5
     version: 0.37.5(svelte@4.2.8)
   daisyui:
-    specifier: ^3.9.4
-    version: 3.9.4
+    specifier: ^4.4.20
+    version: 4.4.20(postcss@8.4.32)
   fast-average-color:
     specifier: ^9.4.0
     version: 9.4.0
@@ -120,6 +120,7 @@ packages:
   /@alloc/quick-lru@5.2.0:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
+    dev: true
 
   /@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
@@ -489,10 +490,12 @@ packages:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
       run-parallel: 1.2.0
+    dev: true
 
   /@nodelib/fs.stat@2.0.5:
     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
     engines: {node: '>= 8'}
+    dev: true
 
   /@nodelib/fs.walk@1.2.8:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
@@ -500,6 +503,7 @@ packages:
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.15.0
+    dev: true
 
   /@polka/url@1.0.0-next.24:
     resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
@@ -941,6 +945,7 @@ packages:
 
   /any-promise@1.3.0:
     resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+    dev: true
 
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
@@ -948,9 +953,11 @@ packages:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
+    dev: true
 
   /arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+    dev: true
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
@@ -993,16 +1000,19 @@ packages:
 
   /balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
 
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
+    dev: true
 
   /brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
     dependencies:
       balanced-match: 1.0.2
       concat-map: 0.0.1
+    dev: true
 
   /brace-expansion@2.0.1:
     resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
@@ -1015,6 +1025,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
+    dev: true
 
   /browserslist@4.22.2:
     resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
@@ -1094,6 +1105,7 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
   /cliui@8.0.1:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
@@ -1124,13 +1136,10 @@ packages:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
 
-  /colord@2.9.3:
-    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
-    dev: false
-
   /commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
+    dev: true
 
   /commondir@1.0.1:
     resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
@@ -1138,6 +1147,7 @@ packages:
 
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
 
   /cookie@0.5.0:
     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
@@ -1172,17 +1182,21 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  /daisyui@3.9.4:
-    resolution: {integrity: sha512-fvi2RGH4YV617/6DntOVGcOugOPym9jTGWW2XySb5ZpvdWO4L7bEG77VHirrnbRUEWvIEVXkBpxUz2KFj0rVnA==}
+  /culori@3.3.0:
+    resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: false
+
+  /daisyui@4.4.20(postcss@8.4.32):
+    resolution: {integrity: sha512-AR2fuFVVLHVTdbkV+XWAqjtymEoxXksrsEMkdzPQo2wANtWjSXuODUzePNade64gJ0Y2CdQtiQkaZI7fWcp13g==}
     engines: {node: '>=16.9.0'}
     dependencies:
-      colord: 2.9.3
       css-selector-tokenizer: 0.8.0
-      postcss: 8.4.32
+      culori: 3.3.0
+      picocolors: 1.0.0
       postcss-js: 4.0.1(postcss@8.4.32)
-      tailwindcss: 3.3.6
     transitivePeerDependencies:
-      - ts-node
+      - postcss
     dev: false
 
   /debug@4.3.4:
@@ -1233,6 +1247,7 @@ packages:
 
   /didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+    dev: true
 
   /diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
@@ -1248,6 +1263,7 @@ packages:
 
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: true
 
   /doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
@@ -1483,6 +1499,7 @@ packages:
       glob-parent: 5.1.2
       merge2: 1.4.1
       micromatch: 4.0.5
+    dev: true
 
   /fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
@@ -1500,6 +1517,7 @@ packages:
     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
     dependencies:
       reusify: 1.0.4
+    dev: true
 
   /file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
@@ -1513,6 +1531,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
+    dev: true
 
   /find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
@@ -1546,16 +1565,19 @@ packages:
 
   /fs.realpath@1.0.0:
     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
 
   /fsevents@2.3.3:
     resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
+    dev: true
     optional: true
 
   /function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+    dev: true
 
   /get-caller-file@2.0.5:
     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
@@ -1577,12 +1599,14 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
   /glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
+    dev: true
 
   /glob@7.1.6:
     resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
@@ -1593,6 +1617,7 @@ packages:
       minimatch: 3.1.2
       once: 1.4.0
       path-is-absolute: 1.0.1
+    dev: true
 
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
@@ -1661,6 +1686,7 @@ packages:
     engines: {node: '>= 0.4'}
     dependencies:
       function-bind: 1.1.2
+    dev: true
 
   /ignore@5.3.0:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
@@ -1685,15 +1711,18 @@ packages:
     dependencies:
       once: 1.4.0
       wrappy: 1.0.2
+    dev: true
 
   /inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
 
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
+    dev: true
 
   /is-builtin-module@3.2.1:
     resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
@@ -1706,6 +1735,7 @@ packages:
     resolution: {integrity: sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==}
     dependencies:
       hasown: 2.0.0
+    dev: true
 
   /is-docker@2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
@@ -1716,6 +1746,7 @@ packages:
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
@@ -1727,6 +1758,7 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
+    dev: true
 
   /is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
@@ -1735,6 +1767,7 @@ packages:
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
+    dev: true
 
   /is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
@@ -1766,6 +1799,7 @@ packages:
   /jiti@1.21.0:
     resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
     hasBin: true
+    dev: true
 
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
@@ -1816,13 +1850,16 @@ packages:
   /lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
+    dev: true
 
   /lilconfig@3.0.0:
     resolution: {integrity: sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==}
     engines: {node: '>=14'}
+    dev: true
 
   /lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
 
   /local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
@@ -1883,6 +1920,7 @@ packages:
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
+    dev: true
 
   /micromatch@4.0.5:
     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
@@ -1890,6 +1928,7 @@ packages:
     dependencies:
       braces: 3.0.2
       picomatch: 2.3.1
+    dev: true
 
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
@@ -1900,6 +1939,7 @@ packages:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
       brace-expansion: 1.1.11
+    dev: true
 
   /minimatch@5.1.6:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
@@ -1948,6 +1988,7 @@ packages:
       any-promise: 1.3.0
       object-assign: 4.1.1
       thenify-all: 1.6.0
+    dev: true
 
   /nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
@@ -1970,6 +2011,7 @@ packages:
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
@@ -1979,15 +2021,18 @@ packages:
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /object-hash@3.0.0:
     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
     engines: {node: '>= 6'}
+    dev: true
 
   /once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
     dependencies:
       wrappy: 1.0.2
+    dev: true
 
   /open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
@@ -2046,6 +2091,7 @@ packages:
   /path-is-absolute@1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
@@ -2054,6 +2100,7 @@ packages:
 
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
 
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
@@ -2081,14 +2128,17 @@ packages:
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
+    dev: true
 
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /pirates@4.0.6:
     resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
     engines: {node: '>= 6'}
+    dev: true
 
   /pkg-types@1.0.3:
     resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
@@ -2108,6 +2158,7 @@ packages:
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
+    dev: true
 
   /postcss-js@4.0.1(postcss@8.4.32):
     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
@@ -2150,6 +2201,7 @@ packages:
       lilconfig: 3.0.0
       postcss: 8.4.32
       yaml: 2.3.4
+    dev: true
 
   /postcss-nested@6.0.1(postcss@8.4.32):
     resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
@@ -2159,6 +2211,7 @@ packages:
     dependencies:
       postcss: 8.4.32
       postcss-selector-parser: 6.0.13
+    dev: true
 
   /postcss-nesting@12.0.1(postcss@8.4.32):
     resolution: {integrity: sha512-6LCqCWP9pqwXw/njMvNK0hGY44Fxc4B2EsGbn6xDcxbNRzP8GYoxT7yabVVMLrX3quqOJ9hg2jYMsnkedOf8pA==}
@@ -2203,9 +2256,11 @@ packages:
     dependencies:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
+    dev: true
 
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
 
   /postcss@8.4.32:
     resolution: {integrity: sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==}
@@ -2252,6 +2307,7 @@ packages:
 
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
 
   /react-is@18.2.0:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
@@ -2261,12 +2317,14 @@ packages:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
     dependencies:
       pify: 2.3.0
+    dev: true
 
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
+    dev: true
 
   /require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
@@ -2289,10 +2347,12 @@ packages:
       is-core-module: 2.13.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
+    dev: true
 
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
 
   /rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
@@ -2336,6 +2396,7 @@ packages:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
     dependencies:
       queue-microtask: 1.2.3
+    dev: true
 
   /sade@1.8.1:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
@@ -2468,6 +2529,7 @@ packages:
       mz: 2.7.0
       pirates: 4.0.6
       ts-interface-checker: 0.1.13
+    dev: true
 
   /supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -2479,6 +2541,7 @@ packages:
   /supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
+    dev: true
 
   /svelte-check@3.6.2(postcss@8.4.32)(svelte@4.2.8):
     resolution: {integrity: sha512-E6iFh4aUCGJLRz6QZXH3gcN/VFfkzwtruWSRmlKrLWQTiO6VzLsivR6q02WYLGNAGecV3EocqZuCDrC2uttZ0g==}
@@ -2656,6 +2719,7 @@ packages:
       sucrase: 3.34.0
     transitivePeerDependencies:
       - ts-node
+    dev: true
 
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
@@ -2666,11 +2730,13 @@ packages:
     engines: {node: '>=0.8'}
     dependencies:
       thenify: 3.3.1
+    dev: true
 
   /thenify@3.3.1:
     resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
     dependencies:
       any-promise: 1.3.0
+    dev: true
 
   /tiny-glob@0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
@@ -2698,6 +2764,7 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
+    dev: true
 
   /totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
@@ -2715,6 +2782,7 @@ packages:
 
   /ts-interface-checker@0.1.13:
     resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+    dev: true
 
   /tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
@@ -2796,6 +2864,7 @@ packages:
 
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
 
   /vite-bundle-visualizer@0.10.1:
     resolution: {integrity: sha512-8x5gVj9d1HEcKWQClnHu4X4VQPNeu/4H8fw3kSr/IwkAEL255zMhal4D6d1jOHGlH8nruWD5O2PcFfPrwnCarw==}
@@ -2969,6 +3038,7 @@ packages:
 
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
 
   /y18n@5.0.8:
     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
@@ -2987,6 +3057,7 @@ packages:
   /yaml@2.3.4:
     resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
     engines: {node: '>= 14'}
+    dev: true
 
   /yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
diff --git a/src/lib/components/header/FixedHeader.svelte b/src/lib/components/header/FixedHeader.svelte
index 4d3d41d..d3fc7f6 100644
--- a/src/lib/components/header/FixedHeader.svelte
+++ b/src/lib/components/header/FixedHeader.svelte
@@ -55,11 +55,11 @@
       )
     : 1;
 
-  let bgcolor = "hsl(var(--b2)";
+  let bgcolor = "oklch(var(--b2)";
   $: if ($headerColor) {
     bgcolor = `rgb(${$headerColor.r}, ${$headerColor.g}, ${$headerColor.b}, ${opacity})`;
   } else {
-    bgcolor = `hsl(var(--b2) / ${opacity})`;
+    bgcolor = `oklch(var(--b2) / ${opacity})`;
   }
 
   let inputElm: HTMLInputElement;
diff --git a/src/lib/components/list/list.css b/src/lib/components/list/list.css
index 8a67272..142612c 100644
--- a/src/lib/components/list/list.css
+++ b/src/lib/components/list/list.css
@@ -21,7 +21,7 @@
     @apply bg-base-100;
 
     .row {
-      border-bottom: 1px solid hsl(var(--bc) / 0.4);
+      border-bottom: 1px solid oklch(var(--bc) / 0.4);
       height: 100%;
 
       @apply font-semibold;
diff --git a/src/lib/stores/theme.ts b/src/lib/stores/theme.ts
index 83fec61..2d539bc 100644
--- a/src/lib/stores/theme.ts
+++ b/src/lib/stores/theme.ts
@@ -1,4 +1,4 @@
-import { parseHslString } from "$lib/util/colors";
+import { parseOklchString } from "$lib/util/colors";
 import { WHITE } from "$lib/util/constants";
 import { getCssVariable } from "$lib/util/functions";
 import type { Color } from "$lib/util/types";
@@ -6,7 +6,7 @@ import { writable } from "svelte/store";
 
 function getTextColor(): Color {
   const colorStr = getCssVariable("--bc");
-  const parsed = parseHslString(colorStr);
+  const parsed = parseOklchString(colorStr);
   return parsed || WHITE;
 }
 
diff --git a/src/lib/util/colors.test.ts b/src/lib/util/colors.test.ts
index 75311eb..79631bd 100644
--- a/src/lib/util/colors.test.ts
+++ b/src/lib/util/colors.test.ts
@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { correctBgColor } from "./colors";
+import { correctBgColor, oklchToRgb, colorToHex } from "./colors";
 import { WHITE } from "./constants";
 import type { Color } from "./types";
 
@@ -10,3 +10,10 @@ describe("correctBgColor", () => {
     expect(correctBgColor(WHITE, YELLOW, 5)).toEqual({ r: 114, g: 114, b: 57 });
   });
 });
+
+describe.each([
+  { l: 0.7, c: 0.1, h: 141, rgb: "#7bae72" },
+  { l: 0.5294, c: 0.039, h: 230, rgb: "#54707e" },
+])("oklchToRgb", ({ l, c, h, rgb }) => {
+  it("rgb", () => expect(colorToHex(oklchToRgb(l, c, h))).toBe(rgb));
+});
diff --git a/src/lib/util/colors.ts b/src/lib/util/colors.ts
index f2bc968..13f28e0 100644
--- a/src/lib/util/colors.ts
+++ b/src/lib/util/colors.ts
@@ -15,7 +15,7 @@ export function colorToHex(c: Color): string {
  * @param l - Lightness percentage (0-100)
  * @returns color in RGB format
  */
-function hslToRgb(h: number, s: number, l: number): Color {
+export function hslToRgb(h: number, s: number, l: number): Color {
   s /= 100;
   l /= 100;
   const k = (n: number) => (n + h / 30) % 12;
@@ -29,6 +29,78 @@ function hslToRgb(h: number, s: number, l: number): Color {
   };
 }
 
+/**
+ * Convert a color from OKLCH to RGB
+ *
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch
+ *
+ * Conversion algorithm taken from https://github.com/Evercoder/culori
+ * @author Dan Burzo
+ * @license MIT
+ *
+ * @param l - Lightness (0-1)
+ * @param c - Chroma (0-1)
+ * @param h - Hue angle (0-1)
+ * @returns color in RGB format
+ */
+export function oklchToRgb(l: number, c: number, h: number): Color {
+  /* eslint-disable @typescript-eslint/no-loss-of-precision */
+
+  // Oklab
+  const lch = {
+    l,
+    a: c ? c * Math.cos((h / 180) * Math.PI) : 0,
+    b: c ? c * Math.sin((h / 180) * Math.PI) : 0,
+  };
+
+  const L = Math.pow(
+    l * 0.99999999845051981432 +
+      0.39633779217376785678 * lch.a +
+      0.21580375806075880339 * lch.b,
+    3
+  );
+  const M = Math.pow(
+    l * 1.0000000088817607767 -
+      0.1055613423236563494 * lch.a -
+      0.063854174771705903402 * lch.b,
+    3
+  );
+  const S = Math.pow(
+    l * 1.0000000546724109177 -
+      0.089484182094965759684 * lch.a -
+      1.2914855378640917399 * lch.b,
+    3
+  );
+  const lrgb = {
+    r: +4.076741661347994 * L - 3.307711590408193 * M + 0.230969928729428 * S,
+    g: -1.2684380040921763 * L + 2.6097574006633715 * M - 0.3413193963102197 * S,
+    b: -0.004196086541837188 * L - 0.7034186144594493 * M + 1.7076147009309444 * S,
+  };
+
+  // RGB
+  const rgbfn = (c: number) => {
+    const abs = Math.abs(c);
+    if (abs > 0.0031308) {
+      return (Math.sign(c) || 1) * (1.055 * Math.pow(abs, 1 / 2.4) - 0.055) * 255;
+    }
+    return c * 12.92 * 255;
+  };
+  /* eslint-enable @typescript-eslint/no-loss-of-precision */
+  return {
+    r: rgbfn(lrgb.r),
+    g: rgbfn(lrgb.g),
+    b: rgbfn(lrgb.b),
+  };
+}
+
+function parsePercentageString(s: string): number {
+  if (s.endsWith("%")) {
+    return parseFloat(s.substring(0, s.length - 1)) / 100;
+  } else {
+    return parseFloat(s);
+  }
+}
+
 /**
  * Parse a string in HSL format (from CSS) and return its color.
  *
@@ -39,12 +111,24 @@ export function parseHslString(hsl: string): Color | null {
   if (parts.length !== 3) return null;
 
   const h = parseInt(parts[0]);
-  const s = parseInt(parts[1]);
-  const l = parseInt(parts[2]);
+  const s = parsePercentageString(parts[1]);
+  const l = parsePercentageString(parts[2]);
   if (isNaN(h) || isNaN(s) || isNaN(l)) return null;
   return hslToRgb(h, s, l);
 }
 
+export function parseOklchString(oklch: string): Color | null {
+  const parts = oklch.split(" ", 3);
+  if (parts.length !== 3) return null;
+
+  const l = parsePercentageString(parts[0]);
+  const c = parseFloat(parts[1]);
+  const h = parseFloat(parts[2]);
+
+  if (isNaN(l) || isNaN(c) || isNaN(h)) return null;
+  return oklchToRgb(l, c, h);
+}
+
 export function fastAverageColor(
   src: FastAverageColorResource | null,
   callback: (res: Color | null) => void
diff --git a/src/lib/util/constants.ts b/src/lib/util/constants.ts
index f70d51e..2f7425b 100644
--- a/src/lib/util/constants.ts
+++ b/src/lib/util/constants.ts
@@ -4,7 +4,7 @@ import type { Color } from "./types";
 // Colors
 export const WHITE: Color = { r: 255, g: 255, b: 255 };
 export const MIN_CONTRAST_TITLE = 4.5;
-export const COLOR_B3 = "hsl(var(--b3))";
+export const COLOR_B3 = "oklch(var(--b3))";
 
 // Layout
 export const MIN_CONTRAST_BODY = 7;
diff --git a/src/style/app.css b/src/style/app.css
index 4423e57..b4f7f35 100644
--- a/src/style/app.css
+++ b/src/style/app.css
@@ -7,7 +7,7 @@
 }
 
 html {
-  scrollbar-color: hsl(var(--bc) / 0.4) transparent;
+  scrollbar-color: oklch(var(--bc) / 0.4) transparent;
 }
 
 @media (min-width: 768px) {
@@ -17,11 +17,11 @@ html {
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: hsl(var(--bc) / 0.4);
+  background-color: oklch(var(--bc) / 0.4);
 }
 
 :focus-visible {
-  outline: 2px solid hsl(var(--bc));
+  outline: 2px solid oklch(var(--bc));
 }
 
 .bg-cover {
@@ -60,8 +60,8 @@ html {
 }
 
 mark {
-  background-color: hsl(var(--p));
-  color: hsl(var(--pc));
+  background-color: oklch(var(--p));
+  color: oklch(var(--pc));
   border-radius: 4px;
 }
 

From 718a789e3c6f20b308da3b247b97cf0ee4a31dcc Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Wed, 20 Dec 2023 01:24:21 +0100
Subject: [PATCH 07/10] chore: migration to SvelteKit 2

---
 package.json     |  12 +-
 pnpm-lock.yaml   | 727 +++++++++++++++++++++++++++++++++++++----------
 svelte.config.js |   2 +-
 3 files changed, 583 insertions(+), 158 deletions(-)

diff --git a/package.json b/package.json
index 1dbb7da..82a3670 100644
--- a/package.json
+++ b/package.json
@@ -27,9 +27,11 @@
   },
   "devDependencies": {
     "@melt-ui/pp": "^0.1.4",
-    "@sveltejs/adapter-node": "^1.3.1",
-    "@sveltejs/kit": "^1.27.7",
+    "@sveltejs/adapter-node": "^2.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "@tailwindcss/typography": "^0.5.10",
+    "@types/node": "^20.10.5",
     "@typescript-eslint/eslint-plugin": "^6.13.2",
     "@typescript-eslint/parser": "^6.13.2",
     "autoprefixer": "^10.4.16",
@@ -48,8 +50,8 @@
     "tslib": "^2.6.2",
     "tsx": "^4.6.2",
     "typescript": "^5.3.3",
-    "vite": "^4.5.1",
-    "vite-bundle-visualizer": "^0.10.1",
-    "vitest": "^0.33.0"
+    "vite": "^5.0.0",
+    "vite-bundle-visualizer": "^1.0.0",
+    "vitest": "^1.0.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d48c44a..93f7bf7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -38,14 +38,20 @@ devDependencies:
     specifier: ^0.1.4
     version: 0.1.4(@melt-ui/svelte@0.65.1)(svelte@4.2.8)
   '@sveltejs/adapter-node':
-    specifier: ^1.3.1
-    version: 1.3.1(@sveltejs/kit@1.27.7)
+    specifier: ^2.0.0
+    version: 2.0.1(@sveltejs/kit@2.0.4)
   '@sveltejs/kit':
-    specifier: ^1.27.7
-    version: 1.27.7(svelte@4.2.8)(vite@4.5.1)
+    specifier: ^2.0.0
+    version: 2.0.4(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10)
+  '@sveltejs/vite-plugin-svelte':
+    specifier: ^3.0.0
+    version: 3.0.1(svelte@4.2.8)(vite@5.0.10)
   '@tailwindcss/typography':
     specifier: ^0.5.10
     version: 0.5.10(tailwindcss@3.3.6)
+  '@types/node':
+    specifier: ^20.10.5
+    version: 20.10.5
   '@typescript-eslint/eslint-plugin':
     specifier: ^6.13.2
     version: 6.13.2(@typescript-eslint/parser@6.13.2)(eslint@8.55.0)(typescript@5.3.3)
@@ -101,14 +107,14 @@ devDependencies:
     specifier: ^5.3.3
     version: 5.3.3
   vite:
-    specifier: ^4.5.1
-    version: 4.5.1(@types/node@20.10.4)
+    specifier: ^5.0.0
+    version: 5.0.10(@types/node@20.10.5)
   vite-bundle-visualizer:
-    specifier: ^0.10.1
-    version: 0.10.1
+    specifier: ^1.0.0
+    version: 1.0.0
   vitest:
-    specifier: ^0.33.0
-    version: 0.33.0
+    specifier: ^1.0.0
+    version: 1.1.0(@types/node@20.10.5)
 
 packages:
 
@@ -138,6 +144,15 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
+  /@esbuild/aix-ppc64@0.19.10:
+    resolution: {integrity: sha512-Q+mk96KJ+FZ30h9fsJl+67IjNJm3x2eX+GBWGmocAKgzp27cowCOOqSdscX80s0SpdFXZnIv/+1xD1EctFx96Q==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm64@0.18.20:
     resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
     engines: {node: '>=12'}
@@ -147,6 +162,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-arm64@0.19.10:
+    resolution: {integrity: sha512-1X4CClKhDgC3by7k8aOWZeBXQX8dHT5QAMCAQDArCLaYfkppoARvh0fit3X2Qs+MXDngKcHv6XXyQCpY0hkK1Q==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-arm@0.18.20:
     resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
     engines: {node: '>=12'}
@@ -156,6 +180,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-arm@0.19.10:
+    resolution: {integrity: sha512-7W0bK7qfkw1fc2viBfrtAEkDKHatYfHzr/jKAHNr9BvkYDXPcC6bodtm8AyLJNNuqClLNaeTLuwURt4PRT9d7w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/android-x64@0.18.20:
     resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
     engines: {node: '>=12'}
@@ -165,6 +198,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/android-x64@0.19.10:
+    resolution: {integrity: sha512-O/nO/g+/7NlitUxETkUv/IvADKuZXyH4BHf/g/7laqKC4i/7whLpB0gvpPc2zpF0q9Q6FXS3TS75QHac9MvVWw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-arm64@0.18.20:
     resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
     engines: {node: '>=12'}
@@ -174,6 +216,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/darwin-arm64@0.19.10:
+    resolution: {integrity: sha512-YSRRs2zOpwypck+6GL3wGXx2gNP7DXzetmo5pHXLrY/VIMsS59yKfjPizQ4lLt5vEI80M41gjm2BxrGZ5U+VMA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/darwin-x64@0.18.20:
     resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
     engines: {node: '>=12'}
@@ -183,6 +234,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/darwin-x64@0.19.10:
+    resolution: {integrity: sha512-alfGtT+IEICKtNE54hbvPg13xGBe4GkVxyGWtzr+yHO7HIiRJppPDhOKq3zstTcVf8msXb/t4eavW3jCDpMSmA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-arm64@0.18.20:
     resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
     engines: {node: '>=12'}
@@ -192,6 +252,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/freebsd-arm64@0.19.10:
+    resolution: {integrity: sha512-dMtk1wc7FSH8CCkE854GyGuNKCewlh+7heYP/sclpOG6Cectzk14qdUIY5CrKDbkA/OczXq9WesqnPl09mj5dg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/freebsd-x64@0.18.20:
     resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
     engines: {node: '>=12'}
@@ -201,6 +270,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/freebsd-x64@0.19.10:
+    resolution: {integrity: sha512-G5UPPspryHu1T3uX8WiOEUa6q6OlQh6gNl4CO4Iw5PS+Kg5bVggVFehzXBJY6X6RSOMS8iXDv2330VzaObm4Ag==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm64@0.18.20:
     resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
     engines: {node: '>=12'}
@@ -210,6 +288,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-arm64@0.19.10:
+    resolution: {integrity: sha512-QxaouHWZ+2KWEj7cGJmvTIHVALfhpGxo3WLmlYfJ+dA5fJB6lDEIg+oe/0//FuyVHuS3l79/wyBxbHr0NgtxJQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-arm@0.18.20:
     resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
     engines: {node: '>=12'}
@@ -219,6 +306,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-arm@0.19.10:
+    resolution: {integrity: sha512-j6gUW5aAaPgD416Hk9FHxn27On28H4eVI9rJ4az7oCGTFW48+LcgNDBN+9f8rKZz7EEowo889CPKyeaD0iw9Kg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ia32@0.18.20:
     resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
     engines: {node: '>=12'}
@@ -228,6 +324,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-ia32@0.19.10:
+    resolution: {integrity: sha512-4ub1YwXxYjj9h1UIZs2hYbnTZBtenPw5NfXCRgEkGb0b6OJ2gpkMvDqRDYIDRjRdWSe/TBiZltm3Y3Q8SN1xNg==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-loong64@0.18.20:
     resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
     engines: {node: '>=12'}
@@ -237,6 +342,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-loong64@0.19.10:
+    resolution: {integrity: sha512-lo3I9k+mbEKoxtoIbM0yC/MZ1i2wM0cIeOejlVdZ3D86LAcFXFRdeuZmh91QJvUTW51bOK5W2BznGNIl4+mDaA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-mips64el@0.18.20:
     resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
     engines: {node: '>=12'}
@@ -246,6 +360,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-mips64el@0.19.10:
+    resolution: {integrity: sha512-J4gH3zhHNbdZN0Bcr1QUGVNkHTdpijgx5VMxeetSk6ntdt+vR1DqGmHxQYHRmNb77tP6GVvD+K0NyO4xjd7y4A==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-ppc64@0.18.20:
     resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
     engines: {node: '>=12'}
@@ -255,6 +378,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-ppc64@0.19.10:
+    resolution: {integrity: sha512-tgT/7u+QhV6ge8wFMzaklOY7KqiyitgT1AUHMApau32ZlvTB/+efeCtMk4eXS+uEymYK249JsoiklZN64xt6oQ==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-riscv64@0.18.20:
     resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
     engines: {node: '>=12'}
@@ -264,6 +396,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-riscv64@0.19.10:
+    resolution: {integrity: sha512-0f/spw0PfBMZBNqtKe5FLzBDGo0SKZKvMl5PHYQr3+eiSscfJ96XEknCe+JoOayybWUFQbcJTrk946i3j9uYZA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-s390x@0.18.20:
     resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
     engines: {node: '>=12'}
@@ -273,6 +414,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-s390x@0.19.10:
+    resolution: {integrity: sha512-pZFe0OeskMHzHa9U38g+z8Yx5FNCLFtUnJtQMpwhS+r4S566aK2ci3t4NCP4tjt6d5j5uo4h7tExZMjeKoehAA==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/linux-x64@0.18.20:
     resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
     engines: {node: '>=12'}
@@ -282,6 +432,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/linux-x64@0.19.10:
+    resolution: {integrity: sha512-SpYNEqg/6pZYoc+1zLCjVOYvxfZVZj6w0KROZ3Fje/QrM3nfvT2llI+wmKSrWuX6wmZeTapbarvuNNK/qepSgA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/netbsd-x64@0.18.20:
     resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
     engines: {node: '>=12'}
@@ -291,6 +450,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/netbsd-x64@0.19.10:
+    resolution: {integrity: sha512-ACbZ0vXy9zksNArWlk2c38NdKg25+L9pr/mVaj9SUq6lHZu/35nx2xnQVRGLrC1KKQqJKRIB0q8GspiHI3J80Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/openbsd-x64@0.18.20:
     resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
     engines: {node: '>=12'}
@@ -300,6 +468,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/openbsd-x64@0.19.10:
+    resolution: {integrity: sha512-PxcgvjdSjtgPMiPQrM3pwSaG4kGphP+bLSb+cihuP0LYdZv1epbAIecHVl5sD3npkfYBZ0ZnOjR878I7MdJDFg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/sunos-x64@0.18.20:
     resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
     engines: {node: '>=12'}
@@ -309,6 +486,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/sunos-x64@0.19.10:
+    resolution: {integrity: sha512-ZkIOtrRL8SEJjr+VHjmW0znkPs+oJXhlJbNwfI37rvgeMtk3sxOQevXPXjmAPZPigVTncvFqLMd+uV0IBSEzqA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-arm64@0.18.20:
     resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
     engines: {node: '>=12'}
@@ -318,6 +504,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-arm64@0.19.10:
+    resolution: {integrity: sha512-+Sa4oTDbpBfGpl3Hn3XiUe4f8TU2JF7aX8cOfqFYMMjXp6ma6NJDztl5FDG8Ezx0OjwGikIHw+iA54YLDNNVfw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-ia32@0.18.20:
     resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
     engines: {node: '>=12'}
@@ -327,6 +522,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-ia32@0.19.10:
+    resolution: {integrity: sha512-EOGVLK1oWMBXgfttJdPHDTiivYSjX6jDNaATeNOaCOFEVcfMjtbx7WVQwPSE1eIfCp/CaSF2nSrDtzc4I9f8TQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@esbuild/win32-x64@0.18.20:
     resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
     engines: {node: '>=12'}
@@ -336,6 +540,15 @@ packages:
     dev: true
     optional: true
 
+  /@esbuild/win32-x64@0.19.10:
+    resolution: {integrity: sha512-whqLG6Sc70AbU73fFYvuYzaE4MNMBIlR1Y/IrUeOXFrWHxBEjjbZaQ3IXIQS8wJdAzue2GwYZCjOrgrU1oUHoA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@eslint-community/eslint-utils@4.4.0(eslint@8.55.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -373,11 +586,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@fastify/busboy@2.1.0:
-    resolution: {integrity: sha512-+KpH+QxZU7O4675t3mnkQKcZZg56u+K/Ct2K+N2AZYNVK8kyeo/bI18tI8aPm3tvNNRyTWfj6s5tnGNlcbQRsA==}
-    engines: {node: '>=14'}
-    dev: true
-
   /@floating-ui/core@1.5.2:
     resolution: {integrity: sha512-Ii3MrfY/GAIN3OhXNzpCKaLxHQfJF9qvwq/kEJYdqDxeIHa01K8sldugal6TmeeXl+WMvhv9cnVzUTaFFJF09A==}
     dependencies:
@@ -513,7 +721,7 @@ packages:
     resolution: {integrity: sha512-SEzPuAc2bQdMV9cKrBIjW3EvntpU8NcBxdgdEo9yLKAeRfvdM4oM/sG8pFPRZOpYwOytaJqWGqwjc+RSRFFTvQ==}
     dev: false
 
-  /@rollup/plugin-commonjs@25.0.7(rollup@3.29.4):
+  /@rollup/plugin-commonjs@25.0.7(rollup@4.9.1):
     resolution: {integrity: sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -522,16 +730,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
       magic-string: 0.30.5
-      rollup: 3.29.4
+      rollup: 4.9.1
     dev: true
 
-  /@rollup/plugin-json@6.1.0(rollup@3.29.4):
+  /@rollup/plugin-json@6.1.0(rollup@4.9.1):
     resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -540,11 +748,11 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
-      rollup: 3.29.4
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
+      rollup: 4.9.1
     dev: true
 
-  /@rollup/plugin-node-resolve@15.2.3(rollup@3.29.4):
+  /@rollup/plugin-node-resolve@15.2.3(rollup@4.9.1):
     resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -553,16 +761,16 @@ packages:
       rollup:
         optional: true
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@3.29.4)
+      '@rollup/pluginutils': 5.1.0(rollup@4.9.1)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
       is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
-      rollup: 3.29.4
+      rollup: 4.9.1
     dev: true
 
-  /@rollup/pluginutils@5.1.0(rollup@3.29.4):
+  /@rollup/pluginutils@5.1.0(rollup@4.9.1):
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -574,37 +782,142 @@ packages:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
-      rollup: 3.29.4
+      rollup: 4.9.1
     dev: true
 
+  /@rollup/rollup-android-arm-eabi@4.9.1:
+    resolution: {integrity: sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.9.1:
+    resolution: {integrity: sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.9.1:
+    resolution: {integrity: sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.9.1:
+    resolution: {integrity: sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.9.1:
+    resolution: {integrity: sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.9.1:
+    resolution: {integrity: sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.9.1:
+    resolution: {integrity: sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.9.1:
+    resolution: {integrity: sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.9.1:
+    resolution: {integrity: sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.9.1:
+    resolution: {integrity: sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.9.1:
+    resolution: {integrity: sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.9.1:
+    resolution: {integrity: sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.9.1:
+    resolution: {integrity: sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
-  /@sveltejs/adapter-node@1.3.1(@sveltejs/kit@1.27.7):
-    resolution: {integrity: sha512-A0VgRQDCDPzdLNoiAbcOxGw4zT1Mc+n1LwT1OmO350R7WxrEqdMUChPPOd1iMfIDWlP4ie6E2d/WQf5es2d4Zw==}
+  /@sveltejs/adapter-node@2.0.1(@sveltejs/kit@2.0.4):
+    resolution: {integrity: sha512-qobmfQ6f71yKlQSufLjtPGCFjuUqy0Y5QQySTlyqO3CEUI/F9dkrsgOUwYtEE0OBjZV+oIJds4vrJ78e2Dl/5w==}
     peerDependencies:
-      '@sveltejs/kit': ^1.0.0
+      '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@rollup/plugin-commonjs': 25.0.7(rollup@3.29.4)
-      '@rollup/plugin-json': 6.1.0(rollup@3.29.4)
-      '@rollup/plugin-node-resolve': 15.2.3(rollup@3.29.4)
-      '@sveltejs/kit': 1.27.7(svelte@4.2.8)(vite@4.5.1)
-      rollup: 3.29.4
+      '@rollup/plugin-commonjs': 25.0.7(rollup@4.9.1)
+      '@rollup/plugin-json': 6.1.0(rollup@4.9.1)
+      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.9.1)
+      '@sveltejs/kit': 2.0.4(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10)
+      rollup: 4.9.1
     dev: true
 
-  /@sveltejs/kit@1.27.7(svelte@4.2.8)(vite@4.5.1):
-    resolution: {integrity: sha512-AzXYDoYt42clCBwLF9GTHsXyg2DFR31Ncyt8yxu8Aw4tgB433V+w+hcr1RTfAN9zKW2J2PY9FMQ8FoX/4Vw8CA==}
-    engines: {node: ^16.14 || >=18}
+  /@sveltejs/kit@2.0.4(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10):
+    resolution: {integrity: sha512-pqUOo1Slp2fybNjTouF7qgeN815hO2boRCNO1Z7/XtXu5IPNg9OSwI485qmQ0GUU2v2NmA0XZciFHGrgzOixyw==}
+    engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0 || ^5.0.0-next.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.8)(vite@4.5.1)
-      '@types/cookie': 0.5.4
-      cookie: 0.5.0
+      '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.8)(vite@5.0.10)
+      '@types/cookie': 0.6.0
+      cookie: 0.6.0
       devalue: 4.3.2
       esm-env: 1.0.0
       kleur: 4.1.5
@@ -615,44 +928,41 @@ packages:
       sirv: 2.0.3
       svelte: 4.2.8
       tiny-glob: 0.2.9
-      undici: 5.26.5
-      vite: 4.5.1(@types/node@20.10.4)
-    transitivePeerDependencies:
-      - supports-color
+      vite: 5.0.10(@types/node@20.10.5)
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.8)(vite@4.5.1):
-    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte-inspector@2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10):
+    resolution: {integrity: sha512-gjr9ZFg1BSlIpfZ4PRewigrvYmHWbDrq2uvvPB1AmTWKuM+dI1JXQSUu2pIrYLb/QncyiIGkFDFKTwJ0XqQZZg==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.5.3(svelte@4.2.8)(vite@4.5.1)
+      '@sveltejs/vite-plugin-svelte': 3.0.1(svelte@4.2.8)(vite@5.0.10)
       debug: 4.3.4
       svelte: 4.2.8
-      vite: 4.5.1(@types/node@20.10.4)
+      vite: 5.0.10(@types/node@20.10.5)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.5.3(svelte@4.2.8)(vite@4.5.1):
-    resolution: {integrity: sha512-erhNtXxE5/6xGZz/M9eXsmI7Pxa6MS7jyTy06zN3Ck++ldrppOnOlJwHHTsMC7DHDQdgUp4NAc4cDNQ9eGdB/w==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte@3.0.1(svelte@4.2.8)(vite@5.0.10):
+    resolution: {integrity: sha512-CGURX6Ps+TkOovK6xV+Y2rn8JKa8ZPUHPZ/NKgCxAmgBrXReavzFl8aOSCj3kQ1xqT7yGJj53hjcV/gqwDAaWA==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
-      vite: ^4.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.3)(svelte@4.2.8)(vite@4.5.1)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.1)(svelte@4.2.8)(vite@5.0.10)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.5
       svelte: 4.2.8
       svelte-hmr: 0.15.3(svelte@4.2.8)
-      vite: 4.5.1(@types/node@20.10.4)
-      vitefu: 0.2.5(vite@4.5.1)
+      vite: 5.0.10(@types/node@20.10.5)
+      vitefu: 0.2.5(vite@5.0.10)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -687,18 +997,8 @@ packages:
       svelte: 4.2.8
     dev: false
 
-  /@types/chai-subset@1.3.5:
-    resolution: {integrity: sha512-c2mPnw+xHtXDoHmdtcCXGwyLMiauiAyxWMzhGpqHC4nqI/Y5G2XhTampslK2rb59kpcuHon03UH8W6iYUzw88A==}
-    dependencies:
-      '@types/chai': 4.3.11
-    dev: true
-
-  /@types/chai@4.3.11:
-    resolution: {integrity: sha512-qQR1dr2rGIHYlJulmr8Ioq3De0Le9E4MJ5AiaeAETJJpndT1uUNHsGFK3L/UIu+rbkQSdj8J/w2bCsBZc/Y5fQ==}
-    dev: true
-
-  /@types/cookie@0.5.4:
-    resolution: {integrity: sha512-7z/eR6O859gyWIAjuvBWFzNURmf2oPBmJlfVWkwehU5nzIyjwBsTh7WMmEEV4JFnHuQ3ex4oyTvfKzcyJVDBNA==}
+  /@types/cookie@0.6.0:
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
     dev: true
 
   /@types/estree@1.0.5:
@@ -708,8 +1008,8 @@ packages:
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
     dev: true
 
-  /@types/node@20.10.4:
-    resolution: {integrity: sha512-D08YG6rr8X90YB56tSIuBaddy/UXAA9RKJoFvrsnogAum/0pmjkgi4+2nx96A330FmioegBWmEYQ+syqCFaveg==}
+  /@types/node@20.10.5:
+    resolution: {integrity: sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==}
     dependencies:
       undici-types: 5.26.5
     dev: true
@@ -861,38 +1161,38 @@ packages:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: true
 
-  /@vitest/expect@0.33.0:
-    resolution: {integrity: sha512-sVNf+Gla3mhTCxNJx+wJLDPp/WcstOe0Ksqz4Vec51MmgMth/ia0MGFEkIZmVGeTL5HtjYR4Wl/ZxBxBXZJTzQ==}
+  /@vitest/expect@1.1.0:
+    resolution: {integrity: sha512-9IE2WWkcJo2BR9eqtY5MIo3TPmS50Pnwpm66A6neb2hvk/QSLfPXBz2qdiwUOQkwyFuuXEUj5380CbwfzW4+/w==}
     dependencies:
-      '@vitest/spy': 0.33.0
-      '@vitest/utils': 0.33.0
+      '@vitest/spy': 1.1.0
+      '@vitest/utils': 1.1.0
       chai: 4.3.10
     dev: true
 
-  /@vitest/runner@0.33.0:
-    resolution: {integrity: sha512-UPfACnmCB6HKRHTlcgCoBh6ppl6fDn+J/xR8dTufWiKt/74Y9bHci5CKB8tESSV82zKYtkBJo9whU3mNvfaisg==}
+  /@vitest/runner@1.1.0:
+    resolution: {integrity: sha512-zdNLJ00pm5z/uhbWF6aeIJCGMSyTyWImy3Fcp9piRGvueERFlQFbUwCpzVce79OLm2UHk9iwaMSOaU9jVHgNVw==}
     dependencies:
-      '@vitest/utils': 0.33.0
-      p-limit: 4.0.0
+      '@vitest/utils': 1.1.0
+      p-limit: 5.0.0
       pathe: 1.1.1
     dev: true
 
-  /@vitest/snapshot@0.33.0:
-    resolution: {integrity: sha512-tJjrl//qAHbyHajpFvr8Wsk8DIOODEebTu7pgBrP07iOepR5jYkLFiqLq2Ltxv+r0uptUb4izv1J8XBOwKkVYA==}
+  /@vitest/snapshot@1.1.0:
+    resolution: {integrity: sha512-5O/wyZg09V5qmNmAlUgCBqflvn2ylgsWJRRuPrnHEfDNT6tQpQ8O1isNGgo+VxofISHqz961SG3iVvt3SPK/QQ==}
     dependencies:
       magic-string: 0.30.5
       pathe: 1.1.1
       pretty-format: 29.7.0
     dev: true
 
-  /@vitest/spy@0.33.0:
-    resolution: {integrity: sha512-Kv+yZ4hnH1WdiAkPUQTpRxW8kGtH8VRTnus7ZTGovFYM1ZezJpvGtb9nPIjPnptHbsyIAxYZsEpVPYgtpjGnrg==}
+  /@vitest/spy@1.1.0:
+    resolution: {integrity: sha512-sNOVSU/GE+7+P76qYo+VXdXhXffzWZcYIPQfmkiRxaNCSPiLANvQx5Mx6ZURJ/ndtEkUJEpvKLXqAYTKEY+lTg==}
     dependencies:
       tinyspy: 2.2.0
     dev: true
 
-  /@vitest/utils@0.33.0:
-    resolution: {integrity: sha512-pF1w22ic965sv+EN6uoePkAOTkAPWM03Ri/jXNyMIKBb/XHLDPfhLvf/Fa9g0YECevAIz56oVYXhodLvLQ/awA==}
+  /@vitest/utils@1.1.0:
+    resolution: {integrity: sha512-z+s510fKmYz4Y41XhNs3vcuFTFhcij2YF7F8VQfMEYAAUfqQh0Zfg7+w9xdgFGhPf3tX3TicAe+8BDITk6ampQ==}
     dependencies:
       diff-sequences: 29.6.3
       loupe: 2.3.7
@@ -1149,8 +1449,8 @@ packages:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
-  /cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+  /cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
     dev: true
 
@@ -1314,6 +1614,37 @@ packages:
       '@esbuild/win32-x64': 0.18.20
     dev: true
 
+  /esbuild@0.19.10:
+    resolution: {integrity: sha512-S1Y27QGt/snkNYrRcswgRFqZjaTG5a5xM3EQo97uNBnH505pdzSNe/HLBq1v0RO7iK/ngdbhJB6mDAp0OK+iUA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.10
+      '@esbuild/android-arm': 0.19.10
+      '@esbuild/android-arm64': 0.19.10
+      '@esbuild/android-x64': 0.19.10
+      '@esbuild/darwin-arm64': 0.19.10
+      '@esbuild/darwin-x64': 0.19.10
+      '@esbuild/freebsd-arm64': 0.19.10
+      '@esbuild/freebsd-x64': 0.19.10
+      '@esbuild/linux-arm': 0.19.10
+      '@esbuild/linux-arm64': 0.19.10
+      '@esbuild/linux-ia32': 0.19.10
+      '@esbuild/linux-loong64': 0.19.10
+      '@esbuild/linux-mips64el': 0.19.10
+      '@esbuild/linux-ppc64': 0.19.10
+      '@esbuild/linux-riscv64': 0.19.10
+      '@esbuild/linux-s390x': 0.19.10
+      '@esbuild/linux-x64': 0.19.10
+      '@esbuild/netbsd-x64': 0.19.10
+      '@esbuild/openbsd-x64': 0.19.10
+      '@esbuild/sunos-x64': 0.19.10
+      '@esbuild/win32-arm64': 0.19.10
+      '@esbuild/win32-ia32': 0.19.10
+      '@esbuild/win32-x64': 0.19.10
+    dev: true
+
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -1481,6 +1812,21 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.1.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+    dev: true
+
   /fast-average-color@9.4.0:
     resolution: {integrity: sha512-bvM8vV6YwK07dPbzFz77zJaBcfF6ABVfgNwaxVgXc2G+o0e/tzLCF9WU8Ryp1r0Nkk6JuJNsWCzbb4cLOMlB+Q==}
     engines: {node: '>= 12'}
@@ -1588,6 +1934,11 @@ packages:
     resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
     dev: true
 
+  /get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+    dev: true
+
   /get-tsconfig@4.7.2:
     resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
     dependencies:
@@ -1688,6 +2039,11 @@ packages:
       function-bind: 1.1.2
     dev: true
 
+  /human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+    dev: true
+
   /ignore@5.3.0:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
     engines: {node: '>= 4'}
@@ -1701,6 +2057,20 @@ packages:
       resolve-from: 4.0.0
     dev: true
 
+  /import-from-esm@1.3.3:
+    resolution: {integrity: sha512-U3Qt/CyfFpTUv6LOP2jRTLYjphH6zg3okMfHbyqRa/W2w6hr8OsJWVggNlR4jxuojQy81TgTJTxgSkyoteRGMQ==}
+    engines: {node: '>=16.20'}
+    dependencies:
+      debug: 4.3.4
+      import-meta-resolve: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /import-meta-resolve@4.0.0:
+    resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
+    dev: true
+
   /imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -1785,6 +2155,11 @@ packages:
     dependencies:
       '@types/estree': 1.0.5
 
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
   /is-wsl@2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
@@ -1861,9 +2236,12 @@ packages:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
     dev: true
 
-  /local-pkg@0.4.3:
-    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
+  /local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
     engines: {node: '>=14'}
+    dependencies:
+      mlly: 1.4.2
+      pkg-types: 1.0.3
     dev: true
 
   /locate-character@3.0.0:
@@ -1917,6 +2295,10 @@ packages:
   /mdn-data@2.0.30:
     resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -1930,6 +2312,11 @@ packages:
       picomatch: 2.3.1
     dev: true
 
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -2018,6 +2405,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -2034,6 +2428,13 @@ packages:
       wrappy: 1.0.2
     dev: true
 
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
   /open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -2062,9 +2463,9 @@ packages:
       yocto-queue: 0.1.0
     dev: true
 
-  /p-limit@4.0.0:
-    resolution: {integrity: sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+  /p-limit@5.0.0:
+    resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
+    engines: {node: '>=18'}
     dependencies:
       yocto-queue: 1.0.0
     dev: true
@@ -2098,6 +2499,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
@@ -2384,11 +2790,24 @@ packages:
       yargs: 17.7.2
     dev: true
 
-  /rollup@3.29.4:
-    resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+  /rollup@4.9.1:
+    resolution: {integrity: sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.9.1
+      '@rollup/rollup-android-arm64': 4.9.1
+      '@rollup/rollup-darwin-arm64': 4.9.1
+      '@rollup/rollup-darwin-x64': 4.9.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.9.1
+      '@rollup/rollup-linux-arm64-gnu': 4.9.1
+      '@rollup/rollup-linux-arm64-musl': 4.9.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.9.1
+      '@rollup/rollup-linux-x64-gnu': 4.9.1
+      '@rollup/rollup-linux-x64-musl': 4.9.1
+      '@rollup/rollup-win32-arm64-msvc': 4.9.1
+      '@rollup/rollup-win32-ia32-msvc': 4.9.1
+      '@rollup/rollup-win32-x64-msvc': 4.9.1
       fsevents: 2.3.3
     dev: true
 
@@ -2442,6 +2861,11 @@ packages:
     resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
     dev: true
 
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+    dev: true
+
   /sirv@2.0.3:
     resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
     engines: {node: '>= 10'}
@@ -2499,6 +2923,11 @@ packages:
       ansi-regex: 5.0.1
     dev: true
 
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /strip-indent@3.0.0:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
@@ -2749,8 +3178,8 @@ packages:
     resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
     dev: true
 
-  /tinypool@0.6.0:
-    resolution: {integrity: sha512-FdswUUo5SxRizcBc6b1GSuLpLjisa8N8qMyYoP3rl+bym+QauhtJP5bvZY1ytt8krKGmMLYIRl36HBZfeAoqhQ==}
+  /tinypool@0.8.1:
+    resolution: {integrity: sha512-zBTCK0cCgRROxvs9c0CGK838sPkeokNGdQVUUwHAbynHFlmyJYj825f/oRs528HaIJ97lo0pLIlDUzwN+IorWg==}
     engines: {node: '>=14.0.0'}
     dev: true
 
@@ -2759,6 +3188,13 @@ packages:
     engines: {node: '>=14.0.0'}
     dev: true
 
+  /tmp@0.2.1:
+    resolution: {integrity: sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==}
+    engines: {node: '>=8.17.0'}
+    dependencies:
+      rimraf: 3.0.2
+    dev: true
+
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -2838,13 +3274,6 @@ packages:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
     dev: true
 
-  /undici@5.26.5:
-    resolution: {integrity: sha512-cSb4bPFd5qgR7qr2jYAi0hlX9n5YKK2ONKkLFkxl+v/9BvC0sOpZjBHDBSXc5lWAf5ty9oZdRXytBIHzgUcerw==}
-    engines: {node: '>=14.0'}
-    dependencies:
-      '@fastify/busboy': 2.1.0
-    dev: true
-
   /update-browserslist-db@1.0.13(browserslist@4.22.2):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
@@ -2866,27 +3295,29 @@ packages:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite-bundle-visualizer@0.10.1:
-    resolution: {integrity: sha512-8x5gVj9d1HEcKWQClnHu4X4VQPNeu/4H8fw3kSr/IwkAEL255zMhal4D6d1jOHGlH8nruWD5O2PcFfPrwnCarw==}
+  /vite-bundle-visualizer@1.0.0:
+    resolution: {integrity: sha512-25+1XydP08lE373O0kHn/9C/n0A8NM4CEpWAXhObemTXYnSOnil++bXUTIeNCMA26fU9CBebUI7+Nj/OfL+2JA==}
     hasBin: true
     dependencies:
       cac: 6.7.14
+      import-from-esm: 1.3.3
       rollup-plugin-visualizer: 5.11.0
+      tmp: 0.2.1
     transitivePeerDependencies:
       - rollup
+      - supports-color
     dev: true
 
-  /vite-node@0.33.0(@types/node@20.10.4):
-    resolution: {integrity: sha512-19FpHYbwWWxDr73ruNahC+vtEdza52kA90Qb3La98yZ0xULqV8A5JLNPUff0f5zID4984tW7l3DH2przTJUZSw==}
-    engines: {node: '>=v14.18.0'}
+  /vite-node@1.1.0(@types/node@20.10.5):
+    resolution: {integrity: sha512-jV48DDUxGLEBdHCQvxL1mEh7+naVy+nhUUUaPAZLd3FJgXuxQiewHcfeZebbJ6onDqNGkP4r3MhQ342PRlG81Q==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     dependencies:
       cac: 6.7.14
       debug: 4.3.4
-      mlly: 1.4.2
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.5.1(@types/node@20.10.4)
+      vite: 5.0.10(@types/node@20.10.5)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -2898,12 +3329,12 @@ packages:
       - terser
     dev: true
 
-  /vite@4.5.1(@types/node@20.10.4):
-    resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  /vite@5.0.10(@types/node@20.10.5):
+    resolution: {integrity: sha512-2P8J7WWgmc355HUMlFrwofacvr98DAjoE52BfdbwQtyLH06XKwaL/FMnmKM2crF0iX4MpmMKoDlNCB1ok7zHCw==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': '>= 14'
+      '@types/node': ^18.0.0 || >=20.0.0
       less: '*'
       lightningcss: ^1.21.0
       sass: '*'
@@ -2926,15 +3357,15 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.10.4
-      esbuild: 0.18.20
+      '@types/node': 20.10.5
+      esbuild: 0.19.10
       postcss: 8.4.32
-      rollup: 3.29.4
+      rollup: 4.9.1
     optionalDependencies:
       fsevents: 2.3.3
     dev: true
 
-  /vitefu@0.2.5(vite@4.5.1):
+  /vitefu@0.2.5(vite@5.0.10):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -2942,25 +3373,25 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.5.1(@types/node@20.10.4)
+      vite: 5.0.10(@types/node@20.10.5)
     dev: true
 
-  /vitest@0.33.0:
-    resolution: {integrity: sha512-1CxaugJ50xskkQ0e969R/hW47za4YXDUfWJDxip1hwbnhUjYolpfUn2AMOulqG/Dtd9WYAtkHmM/m3yKVrEejQ==}
-    engines: {node: '>=v14.18.0'}
+  /vitest@1.1.0(@types/node@20.10.5):
+    resolution: {integrity: sha512-oDFiCrw7dd3Jf06HoMtSRARivvyjHJaTxikFxuqJjO76U436PqlVw1uLn7a8OSPrhSfMGVaRakKpA2lePdw79A==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
-      '@vitest/browser': '*'
-      '@vitest/ui': '*'
+      '@types/node': ^18.0.0 || >=20.0.0
+      '@vitest/browser': ^1.0.0
+      '@vitest/ui': ^1.0.0
       happy-dom: '*'
       jsdom: '*'
-      playwright: '*'
-      safaridriver: '*'
-      webdriverio: '*'
     peerDependenciesMeta:
       '@edge-runtime/vm':
         optional: true
+      '@types/node':
+        optional: true
       '@vitest/browser':
         optional: true
       '@vitest/ui':
@@ -2969,36 +3400,28 @@ packages:
         optional: true
       jsdom:
         optional: true
-      playwright:
-        optional: true
-      safaridriver:
-        optional: true
-      webdriverio:
-        optional: true
     dependencies:
-      '@types/chai': 4.3.11
-      '@types/chai-subset': 1.3.5
-      '@types/node': 20.10.4
-      '@vitest/expect': 0.33.0
-      '@vitest/runner': 0.33.0
-      '@vitest/snapshot': 0.33.0
-      '@vitest/spy': 0.33.0
-      '@vitest/utils': 0.33.0
-      acorn: 8.11.2
+      '@types/node': 20.10.5
+      '@vitest/expect': 1.1.0
+      '@vitest/runner': 1.1.0
+      '@vitest/snapshot': 1.1.0
+      '@vitest/spy': 1.1.0
+      '@vitest/utils': 1.1.0
       acorn-walk: 8.3.1
       cac: 6.7.14
       chai: 4.3.10
       debug: 4.3.4
-      local-pkg: 0.4.3
+      execa: 8.0.1
+      local-pkg: 0.5.0
       magic-string: 0.30.5
       pathe: 1.1.1
       picocolors: 1.0.0
       std-env: 3.6.0
       strip-literal: 1.3.0
       tinybench: 2.5.1
-      tinypool: 0.6.0
-      vite: 4.5.1(@types/node@20.10.4)
-      vite-node: 0.33.0(@types/node@20.10.4)
+      tinypool: 0.8.1
+      vite: 5.0.10(@types/node@20.10.5)
+      vite-node: 1.1.0(@types/node@20.10.5)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
       - less
diff --git a/svelte.config.js b/svelte.config.js
index 4bb0b91..6027eca 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,5 +1,5 @@
 import adapter from "@sveltejs/adapter-node";
-import { vitePreprocess } from "@sveltejs/kit/vite";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import { preprocessMeltUI } from "@melt-ui/pp";
 import sequence from "svelte-sequential-preprocessor";
 

From 2163fe787f73c630f512415a2c29883e245509fb Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Wed, 20 Dec 2023 23:03:40 +0100
Subject: [PATCH 08/10] chore: update pre-commit config

---
 .pre-commit-config.yaml | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index feca548..69c4c0f 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -1,8 +1,19 @@
 repos:
   - repo: local
     hooks:
-      - id: svelte-lint
-        name: svelte-lint
+      - id: svelte-check
+        name: svelte-check
         language: system
         pass_filenames: false
-        entry: npm run lint
+        entry: npm run check
+        files: \.(js|ts|svelte)$
+      - id: svelte-prettier
+        name: prettier
+        language: system
+        entry: npx prettier --write --ignore-unknown
+        types: [text]
+      - id: svelte-lint
+        name: eslint
+        language: system
+        entry: npx eslint
+        files: \.(js|ts|svelte)$

From 074e7afa520a1fe0d16927891350417e165044f9 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Thu, 1 Feb 2024 17:03:30 +0100
Subject: [PATCH 09/10] fix: change icon color to teal

---
 README.md              | 2 +-
 static/favicon.svg     | 2 +-
 static/icon_circle.svg | 2 +-
 tailwind.config.cjs    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 8a8b63d..a3ead8f 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# TIRAYA frontend
+# <img src="https://raw.githubusercontent.com/TirayaMusic/meta/main/dist/header.svg" alt="TIRAYA" height="100"> frontend
 
 Frontend for the TIRAYA music streaming service.
 
diff --git a/static/favicon.svg b/static/favicon.svg
index dd591e1..2b83b40 100644
--- a/static/favicon.svg
+++ b/static/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="matrix(2.63348 0 0 2.63348 -117.324 -128.325)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#0035ff;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(-60 -52.86 95.708)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(60 97.432 -46.988)" gradientUnits="userSpaceOnUse"/></defs><path d="M88.727 55.007 40.399 82.91V50.36" style="fill:none;stroke:url(#b);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="M26.085 81.313V25.509l28.19 16.275" style="fill:none;stroke:url(#c);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="m34.615 13.97 48.328 27.902-28.19 16.275" style="fill:none;stroke:url(#d);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="matrix(2.63348 0 0 2.63348 -117.324 -128.325)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(-60 -52.86 95.708)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(60 97.432 -46.988)" gradientUnits="userSpaceOnUse"/></defs><path d="M88.727 55.007 40.399 82.91V50.36" style="fill:none;stroke:url(#b);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="M26.085 81.313V25.509l28.19 16.275" style="fill:none;stroke:url(#c);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="m34.615 13.97 48.328 27.902-28.19 16.275" style="fill:none;stroke:url(#d);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/></svg>
\ No newline at end of file
diff --git a/static/icon_circle.svg b/static/icon_circle.svg
index e780f5b..0ad0fac 100644
--- a/static/icon_circle.svg
+++ b/static/icon_circle.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="translate(-89.437 -98.604) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#0035ff;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(120 123.026 73.548) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(-120 66.107 125.211) scale(2.19457)" gradientUnits="userSpaceOnUse"/></defs><circle cx="50" cy="50" r="50" style="fill:#1a1e25;stroke-width:2.6382"/><path d="M82.272 54.173 42 77.424V50.3" style="fill:none;stroke:url(#b);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="M30.071 76.094V29.591l23.491 13.563" style="fill:none;stroke:url(#c);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="m37.18 19.975 40.272 23.251L53.961 56.79" style="fill:none;stroke:url(#d);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="translate(-89.437 -98.604) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(120 123.026 73.548) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(-120 66.107 125.211) scale(2.19457)" gradientUnits="userSpaceOnUse"/></defs><circle cx="50" cy="50" r="50" style="fill:#1a1e25;stroke-width:2.6382"/><path d="M82.272 54.173 42 77.424V50.3" style="fill:none;stroke:url(#b);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="M30.071 76.094V29.591l23.491 13.563" style="fill:none;stroke:url(#c);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="m37.18 19.975 40.272 23.251L53.961 56.79" style="fill:none;stroke:url(#d);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/></svg>
\ No newline at end of file
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 080df6f..b9e07a6 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -36,7 +36,7 @@ module.exports = {
           "--rounded-btn": "1.9rem",
         },
         "tiraya-light": {
-          primary: "#0065ff",
+          primary: "#11c2bf",
           secondary: "#1e3ca1",
           accent: "#d99330",
           neutral: "#181a2a",

From 5e6541dce44c89ad74cd12803b2b35c166ff89e1 Mon Sep 17 00:00:00 2001
From: ThetaDev <thetadev@magenta.de>
Date: Thu, 1 Feb 2024 22:56:34 +0100
Subject: [PATCH 10/10] feat: add loading animation

---
 src/lib/components/ui/LoadingAnimation.svelte | 105 ++++++++++++++++++
 src/lib/util/icons.ts                         |   2 +-
 static/favicon.svg                            |   2 +-
 static/icon_circle.svg                        |   2 +-
 4 files changed, 108 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/components/ui/LoadingAnimation.svelte

diff --git a/src/lib/components/ui/LoadingAnimation.svelte b/src/lib/components/ui/LoadingAnimation.svelte
new file mode 100644
index 0000000..a343f30
--- /dev/null
+++ b/src/lib/components/ui/LoadingAnimation.svelte
@@ -0,0 +1,105 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="100"
+  height="100"
+>
+  <defs>
+    <linearGradient
+      xlink:href="#a"
+      id="b"
+      x1="75.381"
+      x2="56.756"
+      y1="72.556"
+      y2="62.604"
+      gradientTransform="rotate(120 159.185 84.508)scale(2.90865)"
+      gradientUnits="userSpaceOnUse"
+    />
+    <linearGradient id="a">
+      <stop offset="0" style="stop-color:#16b5ab;stop-opacity:1" />
+      <stop offset="1" style="stop-color:#00eaff;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+      xlink:href="#a"
+      id="c"
+      x1="75.381"
+      x2="56.756"
+      y1="72.556"
+      y2="62.604"
+      gradientTransform="rotate(-120 74.447 162.819)scale(2.90865)"
+      gradientUnits="userSpaceOnUse"
+    />
+    <linearGradient
+      xlink:href="#a"
+      id="d"
+      x1="75.381"
+      x2="56.756"
+      y1="72.556"
+      y2="62.604"
+      gradientTransform="matrix(2.90865 0 0 2.90865 -135.58 -146.795)"
+      gradientUnits="userSpaceOnUse"
+    />
+  </defs>
+  <path
+    d="m 25.988281,17.615234 a 6.3502348,6.3502348 0 0 0 -9.52539,5.5 V 84.75 A 6.3495998,6.3495998 0 0 0 22.8125,91.099609 6.3495998,6.3495998 0 0 0 29.162109,84.75 V 34.111328 l 21.611328,12.478516 a 6.3495998,6.3495998 0 0 0 8.673829,-2.324219 6.3495998,6.3495998 0 0 0 -2.324219,-8.673828 z"
+    class="border"
+  />
+  <path
+    d="m 30.591797,4.234375 a 6.3495998,6.3495998 0 0 0 -3.855469,2.9589844 6.3495998,6.3495998 0 0 0 2.324219,8.6718746 L 72.914062,41.185547 51.302734,53.662109 a 6.3495998,6.3495998 0 0 0 -2.324218,8.673828 6.3495998,6.3495998 0 0 0 8.673828,2.324219 L 88.787109,46.683594 a 6.3502348,6.3502348 0 0 0 0,-10.998047 L 35.410156,4.8691406 A 6.3495998,6.3495998 0 0 0 30.591797,4.234375 Z"
+    class="border"
+  />
+  <path
+    d="m 38.623047,44.208984 a 6.3495998,6.3495998 0 0 0 -6.34961,6.34961 v 35.951172 a 6.3502348,6.3502348 0 0 0 9.523438,5.5 l 53.378906,-30.81836 a 6.3495998,6.3495998 0 0 0 2.322266,-8.673828 6.3495998,6.3495998 0 0 0 -8.671875,-2.324219 L 44.972656,75.511719 V 50.558594 a 6.3495998,6.3495998 0 0 0 -6.349609,-6.34961 z"
+    class="border"
+  />
+
+  <path
+    style="fill:none;stroke:url(#b);stroke-width:12.6992;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+    d="m 22.813222,84.749657 5e-6,-61.634538 31.13496,17.975773"
+    class="anim"
+  />
+  <path
+    style="fill:none;stroke:url(#c);stroke-width:12.6992;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+    d="M 32.235584,10.367238 85.612628,41.184521 54.477692,59.160292"
+    class="anim"
+  />
+  <path
+    style="fill:none;stroke:url(#d);stroke-width:12.6992;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+    d="M 92.000037,55.693052 38.622986,86.510304 v -35.95157"
+    class="anim"
+  />
+</svg>
+
+<style lang="postcss">
+  /** Animation code from https://svgartista.net/ */
+  @keyframes logo-loading {
+    0% {
+      stroke-dashoffset: 99.58604431152344px;
+      stroke-dasharray: 99.58604431152344px;
+    }
+
+    50% {
+      stroke-dashoffset: 0;
+      stroke-dasharray: 99.58604431152344px;
+    }
+
+    50.001% {
+      stroke-dashoffset: 199.17218017578125px;
+      stroke-dasharray: 99.58604431152344px;
+    }
+
+    100% {
+      stroke-dashoffset: 99.58604431152344px;
+      stroke-dasharray: 99.58604431152344px;
+    }
+  }
+
+  .border {
+    stroke-width: 1;
+    @apply stroke-base-content/30 fill-none;
+  }
+
+  .anim {
+    animation: logo-loading 2s ease 0s infinite;
+  }
+</style>
diff --git a/src/lib/util/icons.ts b/src/lib/util/icons.ts
index e34e6bd..7832805 100644
--- a/src/lib/util/icons.ts
+++ b/src/lib/util/icons.ts
@@ -1,5 +1,5 @@
 export const iconTiraya =
-  "M7.966 1.982a1.317 1.33 0 0 0-.799.62 1.317 1.33 0 0 0 .483 1.816l9.623 5.612-4.79 2.794A1.317 1.33 0 0 0 12 14.639a1.317 1.33 0 0 0 1.8.488l6.764-3.946a1.317 1.33 0 0 0 0-2.303l-11.6-6.763a1.317 1.33 0 0 0-.998-.133Zm-2.364 2.93a1.317 1.33 0 0 0-.659 1.151V19.59a1.317 1.33 0 0 0 1.317 1.33 1.317 1.33 0 0 0 1.317-1.33V8.366l4.791 2.794a1.317 1.33 0 0 0 1.798-.486 1.317 1.33 0 0 0-.48-1.818L6.918 4.913a1.317 1.33 0 0 0-1.317 0zm4.094 5.845a1.317 1.33 0 0 0-1.317 1.33v7.89a1.317 1.33 0 0 0 1.976 1.15l11.599-6.762a1.317 1.33 0 0 0 .48-1.816 1.317 1.33 0 0 0-1.797-.487l-9.624 5.61v-5.584a1.317 1.33 0 0 0-1.317-1.33Z";
+  "M9.27 10.61a1.524 1.524 0 0 0-1.525 1.524v8.628a1.524 1.524 0 0 0 2.286 1.32l12.81-7.396a1.524 1.524 0 0 0 .558-2.082 1.524 1.524 0 0 0-2.082-.557l-10.524 6.076v-5.989A1.524 1.524 0 0 0 9.27 10.61 M7.342 1.016a1.52 1.52 0 0 0-.926.71 1.524 1.524 0 0 0 .558 2.082l10.525 6.076-5.187 2.995a1.524 1.524 0 0 0-.558 2.081 1.524 1.524 0 0 0 2.082.558l7.472-4.314a1.524 1.524 0 0 0 0-2.64L8.498 1.169a1.52 1.52 0 0 0-1.156-.152 M4.713 4.228a1.52 1.52 0 0 0-.762 1.32v14.791a1.524 1.524 0 0 0 1.524 1.524A1.524 1.524 0 0 0 7 20.34V8.187l5.186 2.994a1.524 1.524 0 0 0 2.082-.558 1.524 1.524 0 0 0-.558-2.081L6.237 4.228a1.52 1.52 0 0 0-1.524 0";
 export const iconAlbumOutline =
   "m12 16.1q1.75 0 3-1.19t1.25-2.91q0-1.78-1.24-3.01t-3.01-1.24q-1.72 0-2.91 1.25t-1.19 3q0 1.72 1.19 2.91t2.91 1.19zm0-3.1q-0.425 0-0.712-0.288t-0.288-0.712 0.288-0.712 0.712-0.288 0.712 0.288 0.288 0.712-0.288 0.712-0.712 0.288zm0 9q-2.05 0-3.88-0.788t-3.19-2.15-2.15-3.19-0.788-3.88q0-2.08 0.788-3.9t2.15-3.18 3.19-2.14 3.88-0.788q2.08 0 3.9 0.788t3.18 2.14 2.14 3.18 0.788 3.9q0 2.05-0.788 3.88t-2.14 3.19-3.18 2.15-3.9 0.788zm0-1.5q3.55 0 6.02-2.49t2.48-6.01q0-3.55-2.48-6.02t-6.02-2.48q-3.52 0-6.01 2.48t-2.49 6.02q0 3.52 2.49 6.01t6.01 2.49z";
 export const iconSearch =
diff --git a/static/favicon.svg b/static/favicon.svg
index 2b83b40..1c2de94 100644
--- a/static/favicon.svg
+++ b/static/favicon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="matrix(2.63348 0 0 2.63348 -117.324 -128.325)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(-60 -52.86 95.708)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(60 97.432 -46.988)" gradientUnits="userSpaceOnUse"/></defs><path d="M88.727 55.007 40.399 82.91V50.36" style="fill:none;stroke:url(#b);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="M26.085 81.313V25.509l28.19 16.275" style="fill:none;stroke:url(#c);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="m34.615 13.97 48.328 27.902-28.19 16.275" style="fill:none;stroke:url(#d);stroke-width:14.4841;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="matrix(2.63348 0 0 2.63348 -117.324 -128.325)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(-60 -52.86 95.708)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="scale(-2.63348) rotate(60 97.432 -46.988)" gradientUnits="userSpaceOnUse"/></defs><path d="M88.727 55.007 40.399 82.91V50.36" style="fill:none;stroke:url(#b);stroke-width:11.49784008;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="M26.085 81.313V25.509l28.19 16.275" style="fill:none;stroke:url(#c);stroke-width:11.49784008;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/><path d="m34.615 13.97 48.328 27.902-28.19 16.275" style="fill:none;stroke:url(#d);stroke-width:11.49784008;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" transform="matrix(1.10449 0 0 1.10449 -5.998 -5.061)"/></svg>
\ No newline at end of file
diff --git a/static/icon_circle.svg b/static/icon_circle.svg
index 0ad0fac..fec6feb 100644
--- a/static/icon_circle.svg
+++ b/static/icon_circle.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="translate(-89.437 -98.604) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(120 123.026 73.548) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(-120 66.107 125.211) scale(2.19457)" gradientUnits="userSpaceOnUse"/></defs><circle cx="50" cy="50" r="50" style="fill:#1a1e25;stroke-width:2.6382"/><path d="M82.272 54.173 42 77.424V50.3" style="fill:none;stroke:url(#b);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="M30.071 76.094V29.591l23.491 13.563" style="fill:none;stroke:url(#c);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="m37.18 19.975 40.272 23.251L53.961 56.79" style="fill:none;stroke:url(#d);stroke-width:12.0701;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100"><defs><linearGradient xlink:href="#a" id="b" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="translate(-89.437 -98.604) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient id="a"><stop offset="0" style="stop-color:#16b5ab;stop-opacity:1"/><stop offset="1" style="stop-color:#00eaff;stop-opacity:1"/></linearGradient><linearGradient xlink:href="#a" id="c" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(120 123.026 73.548) scale(2.19457)" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#a" id="d" x1="75.381" x2="56.756" y1="72.556" y2="62.604" gradientTransform="rotate(-120 66.107 125.211) scale(2.19457)" gradientUnits="userSpaceOnUse"/></defs><circle cx="50" cy="50" r="50" style="fill:#1a1e25;stroke-width:2.6382"/><path d="M82.272 54.173 42 77.424V50.3" style="fill:none;stroke:url(#b);stroke-width:9.58154663;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="M30.071 76.094V29.591l23.491 13.563" style="fill:none;stroke:url(#c);stroke-width:9.58154663;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/><path d="m37.18 19.975 40.272 23.251L53.961 56.79" style="fill:none;stroke:url(#d);stroke-width:9.58154663;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"/></svg>
\ No newline at end of file