feat: persist UI state (#32)

* feat: persist UI state * test: fix var declaration * test: increate e2e timeout sometimes there might be a network latency to load CDN assets like the fonts. Let's give the tests a maximum of 1 minute to fully run.
2026-01-11 01:32:57 +01:00
parent 8bdd510f17
commit 8780a79557
22 changed files with 748 additions and 313 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
                "concurrently": "^9.2.1",
                "jsonc-parser": "^3.3.1",
                "pinia": "^3.0.1",
+                "pinia-plugin-persistedstate": "^4.7.1",
                "pretty-bytes": "^7.0.1",
                "pretty-ms": "^9.3.0",
                "reka-ui": "^2.5.0",
@@ -273,6 +274,7 @@
            "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.3.tgz",
            "integrity": "sha512-9HBM2XnwDj7fnu0551HkGdrUrrqmYq/WC5iv6nbY2WdicXdGbhR/gfbZOH73Aqj4351alY1+aoG9rCNfiwS1RA==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@codemirror/state": "^6.0.0",
                "@codemirror/view": "^6.23.0",
@@ -287,6 +289,7 @@
            "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.9.0.tgz",
            "integrity": "sha512-wZxW+9XDytH3SKvS8cQzMyQCaaazH8XL1EMHleHe00wVzsv7NBQKVW2yzEHrRhmM7ZOhVdItPbvlRBvMp9ej7A==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@codemirror/state": "^6.0.0",
                "@codemirror/view": "^6.35.0",
@@ -309,6 +312,7 @@
            "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
            "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@marijn/find-cluster-break": "^1.0.0"
            }
@@ -318,6 +322,7 @@
            "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.38.6.tgz",
            "integrity": "sha512-qiS0z1bKs5WOvHIAC0Cybmv4AJSkAXgX5aD6Mqd2epSLlVJsQl8NG23jCVouIgkh4All/mrbdsf2UOLFnJw0tw==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@codemirror/state": "^6.5.0",
                "crelt": "^1.0.6",
@@ -413,6 +418,7 @@
                }
            ],
            "license": "MIT",
+            "peer": true,
            "engines": {
                "node": ">=18"
            },
@@ -459,6 +465,7 @@
                }
            ],
            "license": "MIT",
+            "peer": true,
            "engines": {
                "node": ">=18"
            }
@@ -1283,7 +1290,8 @@
            "version": "1.2.3",
            "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
            "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
        },
        "node_modules/@lezer/highlight": {
            "version": "1.2.1",
@@ -2363,6 +2371,7 @@
            "integrity": "sha512-anNG/V/Efn/YZY4pRzbACnKxNKoBng2VTFydVu8RRs5hQjikP8CQfaeAV59VFSCzKNp90mXiVXW2QzV56rwMrg==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "undici-types": "~6.21.0"
            }
@@ -2415,6 +2424,7 @@
            "integrity": "sha512-6JSSaBZmsKvEkbRUkf7Zj7dru/8ZCrJxAqArcLaVMee5907JdtEbKGsZ7zNiIm/UAkpGUkaSMZEXShnN2D1HZA==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@typescript-eslint/scope-manager": "8.46.1",
                "@typescript-eslint/types": "8.46.1",
@@ -2774,6 +2784,7 @@
            "integrity": "sha512-hGISOaP18plkzbWEcP/QvtRW1xDXF2+96HbEX6byqQhAUbiS5oH6/9JwW+QsQCIYON2bI6QZBF+2PvOmrRZ9wA==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@vitest/utils": "3.2.4",
                "fflate": "^0.8.2",
@@ -2868,6 +2879,7 @@
            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.22.tgz",
            "integrity": "sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@babel/parser": "^7.28.4",
                "@vue/compiler-core": "3.5.22",
@@ -3033,6 +3045,7 @@
            "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
            "dev": true,
            "license": "BSD-2-Clause",
+            "peer": true,
            "dependencies": {
                "@typescript-eslint/scope-manager": "7.18.0",
                "@typescript-eslint/types": "7.18.0",
@@ -3372,6 +3385,7 @@
            "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "bin": {
                "acorn": "bin/acorn"
            },
@@ -3975,6 +3989,7 @@
            "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
            "integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@codemirror/autocomplete": "^6.0.0",
                "@codemirror/commands": "^6.0.0",
@@ -4866,6 +4881,7 @@
            "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@eslint-community/eslint-utils": "^4.2.0",
                "@eslint-community/regexpp": "^4.6.1",
@@ -4922,6 +4938,7 @@
            "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "bin": {
                "eslint-config-prettier": "bin/cli.js"
            },
@@ -5110,6 +5127,7 @@
            "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@eslint-community/eslint-utils": "^4.4.0",
                "globals": "^13.24.0",
@@ -7973,6 +7991,7 @@
            "resolved": "https://registry.npmjs.org/pinia/-/pinia-3.0.3.tgz",
            "integrity": "sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@vue/devtools-api": "^7.7.2"
            },
@@ -7989,6 +8008,31 @@
                }
            }
        },
+        "node_modules/pinia-plugin-persistedstate": {
+            "version": "4.7.1",
+            "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-4.7.1.tgz",
+            "integrity": "sha512-WHOqh2esDlR3eAaknPbqXrkkj0D24h8shrDPqysgCFR6ghqP/fpFfJmMPJp0gETHsvrh9YNNg6dQfo2OEtDnIQ==",
+            "license": "MIT",
+            "dependencies": {
+                "defu": "^6.1.4"
+            },
+            "peerDependencies": {
+                "@nuxt/kit": ">=3.0.0",
+                "@pinia/nuxt": ">=0.10.0",
+                "pinia": ">=3.0.0"
+            },
+            "peerDependenciesMeta": {
+                "@nuxt/kit": {
+                    "optional": true
+                },
+                "@pinia/nuxt": {
+                    "optional": true
+                },
+                "pinia": {
+                    "optional": true
+                }
+            }
+        },
        "node_modules/playwright": {
            "version": "1.56.1",
            "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.56.1.tgz",
@@ -8065,6 +8109,7 @@
                }
            ],
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "nanoid": "^3.3.11",
                "picocolors": "^1.1.1",
@@ -8104,6 +8149,7 @@
            "integrity": "sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "bin": {
                "prettier": "bin/prettier.cjs"
            },
@@ -8133,6 +8179,7 @@
            "integrity": "sha512-FxFz0qFhyBsGdIsb697f/EkvHzi5SZOhWAjxcx2dLt+Q532bAlhswcXGYB1yzjZ69kW8UoadFBw7TyNwlq96Iw==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "peerDependencies": {
                "prettier": ">=2.0",
                "typescript": ">=2.9",
@@ -9527,7 +9574,8 @@
            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz",
            "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==",
            "dev": true,
-            "license": "MIT"
+            "license": "MIT",
+            "peer": true
        },
        "node_modules/tailwindcss-animate": {
            "version": "1.0.7",
@@ -9647,6 +9695,7 @@
            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "engines": {
                "node": ">=12"
            },
@@ -9936,6 +9985,7 @@
            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
            "devOptional": true,
            "license": "Apache-2.0",
+            "peer": true,
            "bin": {
                "tsc": "bin/tsc",
                "tsserver": "bin/tsserver"
@@ -10125,6 +10175,7 @@
            "integrity": "sha512-oLnWs9Hak/LOlKjeSpOwD6JMks8BeICEdYMJBf6P4Lac/pO9tKiv/XhXnAM7nNfSkZahjlCZu9sS50zL8fSnsw==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "esbuild": "^0.25.0",
                "fdir": "^6.4.4",
@@ -10252,6 +10303,7 @@
            "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "engines": {
                "node": ">=12"
            },
@@ -10265,6 +10317,7 @@
            "integrity": "sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@types/chai": "^5.2.2",
                "@vitest/expect": "3.2.4",
@@ -10357,6 +10410,7 @@
            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.22.tgz",
            "integrity": "sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==",
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@vue/compiler-dom": "3.5.22",
                "@vue/compiler-sfc": "3.5.22",
@@ -10519,6 +10573,7 @@
            "integrity": "sha512-P7OP77b2h/Pmk+lZdJ0YWs+5tJ6J2+uOQPo7tlBnY44QqQSPYvS0qVT4wqDJgwrZaLe47etJLLQRFia71GYITw==",
            "dev": true,
            "license": "MIT",
+            "peer": true,
            "dependencies": {
                "@volar/typescript": "2.4.15",
                "@vue/language-core": "2.2.12"