From 2e0c668b0390faa1ca9ef6d3b9a3a6ed5e65f097 Mon Sep 17 00:00:00 2001 From: timlohse1104 Date: Mon, 16 Mar 2026 11:00:33 +0100 Subject: [PATCH 1/5] =?UTF-8?q?=F0=9F=9A=9A=20Add=20self-hosted=20Londrina?= =?UTF-8?q?=20Solid=20font=20globally=20via=20Fontsource=20and=20remove=20?= =?UTF-8?q?Carbon=20CDN=20duplicate.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- CHANGELOG.md | 1 + frontend/package-lock.json | 292 ++++++++++++++++-- frontend/package.json | 3 +- frontend/src/app.html | 6 - .../food-scan/DebugInformation.svelte | 1 - .../memorandum/PresetOverlay.svelte | 4 +- .../lib/components/shared/ColorPicker.svelte | 2 - frontend/src/lib/components/todo/Todo.svelte | 2 +- .../src/lib/components/todo/TodoInput.svelte | 2 +- frontend/src/routes/+layout.svelte | 1 + frontend/src/routes/styles.css | 17 +- 11 files changed, 291 insertions(+), 40 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6451a773..b7e3b8e5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added +- [frontend] Self-hosted Londrina Solid Font als globale Schriftart via Fontsource; Carbon CDN-Duplikat entfernt; CSS-Variablen `--font-display` und `--font-mono` eingeführt. - [docs] Add `docs/` folder with structured feature and shared infrastructure documentation for AI context (20 files: 1 template, 10 feature docs, 9 shared docs). - [claude] Update commit-push skill to automatically detect and update affected docs before committing, with generic doc-to-source mapping that works across repositories. - [hitstar] Show current game mode (Classic / Range) as small grey label top-left, only visible during an active game (hidden in the main menu). diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 5fe49fa3..eeb88934 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -9,6 +9,7 @@ "version": "1.0.3", "license": "MIT", "dependencies": { + "@fontsource/londrina-solid": "^5.2.7", "@mlc-ai/web-llm": "^0.2.79", "carbon-components-svelte": "^0.101.0", "carbon-icons-svelte": "^13.3.0", @@ -2446,6 +2447,15 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, + "node_modules/@fontsource/londrina-solid": { + "version": "5.2.7", + "resolved": "https://registry.npmjs.org/@fontsource/londrina-solid/-/londrina-solid-5.2.7.tgz", + "integrity": "sha512-jESt0e2k2MCjSttOYuhof05rr6THnI5MO+J4eYj0RcwblvI3NfZPfsUwfjDiYoOAZfIgnwOZVZd3F3ORgshtew==", + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, "node_modules/@humanfs/core": { "version": "0.19.1", "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz", @@ -2581,7 +2591,6 @@ "version": "0.3.8", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", - "dev": true, "license": "MIT", "dependencies": { "@jridgewell/set-array": "^1.2.1", @@ -2596,7 +2605,6 @@ "version": "2.3.5", "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz", "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==", - "dev": true, "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" @@ -2606,7 +2614,6 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", - "dev": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -2616,7 +2623,6 @@ "version": "1.2.1", "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", - "dev": true, "license": "MIT", "engines": { "node": ">=6.0.0" @@ -2625,14 +2631,12 @@ "node_modules/@jridgewell/sourcemap-codec": { "version": "1.5.5", "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", - "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==", - "dev": true + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==" }, "node_modules/@jridgewell/trace-mapping": { "version": "0.3.31", "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", - "dev": true, "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" @@ -2737,6 +2741,259 @@ "nx": ">= 17 <= 20" } }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-darwin-arm64": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-arm64/-/nx-darwin-arm64-20.8.4.tgz", + "integrity": "sha512-8Y7+4wj1qoZsuDRpnuiHzSIsMt3VqtJ0su8dgd/MyGccvvi4pndan2R5yTiVw/wmbMxtBmZ6PO6Z8dgSIrMVog==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-darwin-x64": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-darwin-x64/-/nx-darwin-x64-20.8.4.tgz", + "integrity": "sha512-2lfuxRc56QWnAysMhcD03tpCPiRzV1+foUq0MhV2sSBIybXmgV4wHLkPZNhlBCl4FNXrWiZiN1OJ2X9AGiOdug==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-freebsd-x64": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-freebsd-x64/-/nx-freebsd-x64-20.8.4.tgz", + "integrity": "sha512-99vnUXZy+OUBHU+8Yhabre2qafepKg9GKkQkhmXvJGqOmuIsepK7wirUFo2PiVM8YhS6UV2rv6hKAZcQ7skYyg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-linux-arm-gnueabihf": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-20.8.4.tgz", + "integrity": "sha512-dht73zpnpzEUEzMHFQs4mfiwZH3WcJgQNWkD5p7WkeJewHq2Yyd0eG5Jg3kB7wnFtwPUV1eNJRM5rephgylkLA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-linux-arm64-gnu": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-20.8.4.tgz", + "integrity": "sha512-syXxbJZ0yPaqzVmB28QJgUtaarSiW/PQmv/5Z2Ps8rCi7kYylISPVNjP1NNiIOcGDRWbHqoBfM0bEGPfSp0rBQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-linux-arm64-musl": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-20.8.4.tgz", + "integrity": "sha512-AlZZFolS/S0FahRKG7rJ0Z9CgmIkyzHgGaoy3qNEMDEjFhR3jt2ZZSLp90W7zjgrxojOo90ajNMrg2UmtcQRDA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-linux-x64-gnu": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-20.8.4.tgz", + "integrity": "sha512-MSu+xVNdR95tuuO+eL/a/ZeMlhfrZ627On5xaCZXnJ+lFxNg/S4nlKZQk0Eq5hYALCd/GKgFGasRdlRdOtvGPg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-linux-x64-musl": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-20.8.4.tgz", + "integrity": "sha512-KxpQpyLCgIIHWZ4iRSUN9ohCwn1ZSDASbuFCdG3mohryzCy8WrPkuPcb+68J3wuQhmA5w//Xpp/dL0hHoit9zQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-win32-arm64-msvc": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-20.8.4.tgz", + "integrity": "sha512-ffLBrxM9ibk+eWSY995kiFFRTSRb9HkD5T1s/uZyxV6jfxYPaZDBAWAETDneyBXps7WtaOMu+kVZlXQ3X+TfIA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/@nx/nx-win32-x64-msvc": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-20.8.4.tgz", + "integrity": "sha512-JxuuZc4h8EBqoYAiRHwskimpTJx70yn4lhIRFBoW5ICkxXW1Rw0yip/1UVsWRHXg/x9BxmH7VVazdfaQWmGu6A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "peer": true, + "engines": { + "node": ">= 10" + } + }, + "node_modules/@nrwl/devkit/node_modules/nx": { + "version": "20.8.4", + "resolved": "https://registry.npmjs.org/nx/-/nx-20.8.4.tgz", + "integrity": "sha512-/++x0OM3/UTmDR+wmPeV13tSxeTr+QGzj3flgtH9DiOPmQnn2CjHWAMZiOhcSh/hHoE/V3ySL4757InQUsVtjQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "peer": true, + "dependencies": { + "@napi-rs/wasm-runtime": "0.2.4", + "@yarnpkg/lockfile": "^1.1.0", + "@yarnpkg/parsers": "3.0.2", + "@zkochan/js-yaml": "0.0.7", + "axios": "^1.8.3", + "chalk": "^4.1.0", + "cli-cursor": "3.1.0", + "cli-spinners": "2.6.1", + "cliui": "^8.0.1", + "dotenv": "~16.4.5", + "dotenv-expand": "~11.0.6", + "enquirer": "~2.3.6", + "figures": "3.2.0", + "flat": "^5.0.2", + "front-matter": "^4.0.2", + "ignore": "^5.0.4", + "jest-diff": "^29.4.1", + "jsonc-parser": "3.2.0", + "lines-and-columns": "2.0.3", + "minimatch": "9.0.3", + "node-machine-id": "1.1.12", + "npm-run-path": "^4.0.1", + "open": "^8.4.0", + "ora": "5.3.0", + "resolve.exports": "2.0.3", + "semver": "^7.5.3", + "string-width": "^4.2.3", + "tar-stream": "~2.2.0", + "tmp": "~0.2.1", + "tsconfig-paths": "^4.1.2", + "tslib": "^2.3.0", + "yaml": "^2.6.0", + "yargs": "^17.6.2", + "yargs-parser": "21.1.1" + }, + "bin": { + "nx": "bin/nx.js", + "nx-cloud": "bin/nx-cloud.js" + }, + "optionalDependencies": { + "@nx/nx-darwin-arm64": "20.8.4", + "@nx/nx-darwin-x64": "20.8.4", + "@nx/nx-freebsd-x64": "20.8.4", + "@nx/nx-linux-arm-gnueabihf": "20.8.4", + "@nx/nx-linux-arm64-gnu": "20.8.4", + "@nx/nx-linux-arm64-musl": "20.8.4", + "@nx/nx-linux-x64-gnu": "20.8.4", + "@nx/nx-linux-x64-musl": "20.8.4", + "@nx/nx-win32-arm64-msvc": "20.8.4", + "@nx/nx-win32-x64-msvc": "20.8.4" + }, + "peerDependencies": { + "@swc-node/register": "^1.8.0", + "@swc/core": "^1.3.85" + }, + "peerDependenciesMeta": { + "@swc-node/register": { + "optional": true + }, + "@swc/core": { + "optional": true + } + } + }, "node_modules/@nrwl/js": { "version": "19.8.4", "resolved": "https://registry.npmjs.org/@nrwl/js/-/js-19.8.4.tgz", @@ -5532,7 +5789,6 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.5.tgz", "integrity": "sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==", - "dev": true, "license": "MIT", "peerDependencies": { "acorn": "^8.9.0" @@ -6007,8 +6263,7 @@ "node_modules/@types/estree": { "version": "1.0.8", "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", - "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", - "dev": true + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==" }, "node_modules/@types/json-schema": { "version": "7.0.15", @@ -6037,8 +6292,7 @@ "node_modules/@types/trusted-types": { "version": "2.0.7", "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", - "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", - "dev": true + "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==" }, "node_modules/@typescript-eslint/eslint-plugin": { "version": "8.56.0", @@ -6479,7 +6733,6 @@ "version": "8.16.0", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", - "dev": true, "bin": { "acorn": "bin/acorn" }, @@ -6590,7 +6843,6 @@ "version": "5.3.2", "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz", "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==", - "dev": true, "license": "Apache-2.0", "engines": { "node": ">= 0.4" @@ -6650,7 +6902,6 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz", "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==", - "dev": true, "license": "Apache-2.0", "engines": { "node": ">= 0.4" @@ -7034,7 +7285,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", - "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -7286,8 +7536,7 @@ "node_modules/devalue": { "version": "5.6.3", "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.6.3.tgz", - "integrity": "sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==", - "dev": true + "integrity": "sha512-nc7XjUU/2Lb+SvEFVGcWLiKkzfw8+qHI7zn8WYXKkLMgfGSHbgCEaR6bJpev8Cm6Rmrb19Gfd/tZvGqx9is3wg==" }, "node_modules/diff": { "version": "4.0.2", @@ -7722,7 +7971,6 @@ "version": "1.2.2", "resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz", "integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==", - "dev": true, "license": "MIT" }, "node_modules/espree": { @@ -7786,7 +8034,6 @@ "version": "2.2.3", "resolved": "https://registry.npmjs.org/esrap/-/esrap-2.2.3.tgz", "integrity": "sha512-8fOS+GIGCQZl/ZIlhl59htOlms6U8NvX6ZYgYHpRU/b6tVSh3uHkOHZikl3D4cMbYM0JlpBe+p/BkZEi8J9XIQ==", - "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" } @@ -8457,7 +8704,6 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.3.tgz", "integrity": "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==", - "dev": true, "license": "MIT", "dependencies": { "@types/estree": "^1.0.6" @@ -8777,7 +9023,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz", "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==", - "dev": true, "license": "MIT" }, "node_modules/locate-path": { @@ -8854,7 +9099,6 @@ "version": "0.30.21", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", - "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } @@ -12215,7 +12459,6 @@ "version": "5.53.0", "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.53.0.tgz", "integrity": "sha512-7dhHkSamGS2vtoBmIW2hRab+gl5Z60alEHZB4910ePqqJNxAWnDAxsofVmlZ2tREmWyHNE+A1nCKwICAquoD2A==", - "dev": true, "dependencies": { "@jridgewell/remapping": "^2.3.4", "@jridgewell/sourcemap-codec": "^1.5.0", @@ -13073,7 +13316,6 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/zimmerframe/-/zimmerframe-1.1.2.tgz", "integrity": "sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==", - "dev": true, "license": "MIT" } } diff --git a/frontend/package.json b/frontend/package.json index ab8c5894..fc3176b1 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -47,10 +47,11 @@ "vitest": "^4.0.18" }, "dependencies": { + "@fontsource/londrina-solid": "^5.2.7", "@mlc-ai/web-llm": "^0.2.79", "carbon-components-svelte": "^0.101.0", "carbon-icons-svelte": "^13.3.0", "socket.io-client": "^4.8.1", "sveltekit-i18n": "^2.4.2" } -} \ No newline at end of file +} diff --git a/frontend/src/app.html b/frontend/src/app.html index fa30c338..0b7fa755 100644 --- a/frontend/src/app.html +++ b/frontend/src/app.html @@ -23,12 +23,6 @@ /> - - - %sveltekit.head% diff --git a/frontend/src/lib/components/food-scan/DebugInformation.svelte b/frontend/src/lib/components/food-scan/DebugInformation.svelte index d51b2562..0dabeac2 100644 --- a/frontend/src/lib/components/food-scan/DebugInformation.svelte +++ b/frontend/src/lib/components/food-scan/DebugInformation.svelte @@ -125,7 +125,6 @@ } table { - font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } diff --git a/frontend/src/lib/components/memorandum/PresetOverlay.svelte b/frontend/src/lib/components/memorandum/PresetOverlay.svelte index 84d91c48..292fdb24 100644 --- a/frontend/src/lib/components/memorandum/PresetOverlay.svelte +++ b/frontend/src/lib/components/memorandum/PresetOverlay.svelte @@ -298,7 +298,7 @@ color: var(--cds-text-error); font-size: 0.875rem; margin: 0; - font-family: monospace; + font-family: var(--font-mono); } .edit_actions { @@ -312,7 +312,7 @@ } :global(.json_editor textarea) { - font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; + font-family: var(--font-mono); font-size: 0.875rem; line-height: 1.5; } diff --git a/frontend/src/lib/components/shared/ColorPicker.svelte b/frontend/src/lib/components/shared/ColorPicker.svelte index e9d167c8..21a146da 100644 --- a/frontend/src/lib/components/shared/ColorPicker.svelte +++ b/frontend/src/lib/components/shared/ColorPicker.svelte @@ -709,14 +709,12 @@ .text-label { position: relative; top: 0px; - font-family: sans-serif; font-size: small; color: #888; } .text { display: inline; - font-family: sans-serif; margin: 0; display: inline-block; font-size: 12px; diff --git a/frontend/src/lib/components/todo/Todo.svelte b/frontend/src/lib/components/todo/Todo.svelte index 5217346a..41b23096 100644 --- a/frontend/src/lib/components/todo/Todo.svelte +++ b/frontend/src/lib/components/todo/Todo.svelte @@ -332,7 +332,7 @@ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; font-size: 0.7rem; - font-family: monospace; + font-family: var(--font-mono); font-weight: 600; margin-right: 0.25rem; } diff --git a/frontend/src/lib/components/todo/TodoInput.svelte b/frontend/src/lib/components/todo/TodoInput.svelte index c893a3b0..1646b9f6 100644 --- a/frontend/src/lib/components/todo/TodoInput.svelte +++ b/frontend/src/lib/components/todo/TodoInput.svelte @@ -213,7 +213,7 @@ border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; font-size: 0.7rem; - font-family: monospace; + font-family: var(--font-mono); font-weight: 600; margin-right: 0.25rem; } diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte index f62a5ac9..26897c0d 100644 --- a/frontend/src/routes/+layout.svelte +++ b/frontend/src/routes/+layout.svelte @@ -14,6 +14,7 @@ isConfettiVisibleStore, } from '$lib/util/stores/stores-global'; import { confetti } from '@neoconfetti/svelte'; + import '@fontsource/londrina-solid'; import 'carbon-components-svelte/css/all.css'; import './styles.css'; diff --git a/frontend/src/routes/styles.css b/frontend/src/routes/styles.css index daaf2bd6..86ecaa70 100644 --- a/frontend/src/routes/styles.css +++ b/frontend/src/routes/styles.css @@ -17,11 +17,26 @@ --color_bg_light_1: rgb(220, 220, 230); --color_bg_light_0: hsl(220, 50%, 60%); --color_bg_light_2: hsl(220, 0%, 100%); + + --font-display: 'Londrina Solid', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; + --font-mono: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', Courier, monospace; } body { margin: 0; overflow: hidden; + font-family: var(--font-display) !important; +} + +[class*='bx--'] { + font-family: var(--font-display) !important; +} + +code, +pre, +.bx--snippet, +.bx--code-snippet__text { + font-family: var(--font-mono) !important; } .background_gradient_dark { @@ -78,7 +93,7 @@ h2 { pre { font-size: 16px; - font-family: var(--font_mono); + font-family: var(--font-mono); border-radius: 3px; padding: 0.5em; overflow-x: auto; From 98e1d97cce6c5cd6a08fc9873296e7fe34c12072 Mon Sep 17 00:00:00 2001 From: timlohse1104 Date: Mon, 16 Mar 2026 15:34:46 +0100 Subject: [PATCH 2/5] =?UTF-8?q?=F0=9F=90=9B=20Fix=20UI/UX=20issues:=20HTML?= =?UTF-8?q?=20entities=20in=20about=20code=20snippets,=20Invalid=20Date=20?= =?UTF-8?q?in=20jokes,=20memorandum=20folder=20clipping,=20and=20non-inter?= =?UTF-8?q?active=20hitstar=20step=20chips.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 4.6 --- CHANGELOG.md | 8 +++ .../src/lib/components/about/AboutInfo.svelte | 58 +++++++++---------- .../src/lib/components/admin/Jokes.svelte | 5 +- .../components/hitstar/HitstarClassic.svelte | 13 +++++ .../components/hitstar/HitstarRange.svelte | 13 +++++ .../lib/components/home/JokeOfTheDay.svelte | 5 +- .../src/lib/components/jokes/Jokes.svelte | 5 +- .../lib/components/memorandum/Folder.svelte | 3 +- .../components/memorandum/FolderArea.svelte | 1 + frontend/src/lib/util/format.ts | 6 ++ 10 files changed, 80 insertions(+), 37 deletions(-) create mode 100644 frontend/src/lib/util/format.ts diff --git a/CHANGELOG.md b/CHANGELOG.md index b7e3b8e5..71c9021a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Added - [frontend] Self-hosted Londrina Solid Font als globale Schriftart via Fontsource; Carbon CDN-Duplikat entfernt; CSS-Variablen `--font-display` und `--font-mono` eingeführt. +- [frontend] `formatDate()` Hilfsfunktion in `src/lib/util/format.ts` für robuste Datumsformatierung (Fallback bei undefined/null/Invalid Date). + +### Fixed + +- [about] HTML-Entities (`(`, `{`, `>` etc.) in Code-Blöcken durch echte Zeichen ersetzt — CodeSnippet rendert Plain-Text, Entities wurden wörtlich angezeigt. +- [jokes] "Invalid Date" behoben: Joke-Karte wird nur angezeigt wenn `joke.created` ein valides Datum enthält; Locale-Tag von `'DE-de'` auf korrektes BCP 47 `'de-DE'` korrigiert. +- [memorandum] Ordner-Spalten-Clipping im Fixed-Grid behoben: `gap: var(--default_padding)` auf `.content_area_fixed` gesetzt, horizontale Margins in `.link_box_fixed` entfernt. +- [hitstar] Step-Chips im Menü als nicht-interaktiv gekennzeichnet (`pointer-events: none`, `cursor: default`); Pfeil-Separatoren (`→`) zwischen den Chips eingefügt. - [docs] Add `docs/` folder with structured feature and shared infrastructure documentation for AI context (20 files: 1 template, 10 feature docs, 9 shared docs). - [claude] Update commit-push skill to automatically detect and update affected docs before committing, with generic doc-to-source mapping that works across repositories. - [hitstar] Show current game mode (Classic / Range) as small grey label top-left, only visible during an active game (hidden in the main menu). diff --git a/frontend/src/lib/components/about/AboutInfo.svelte b/frontend/src/lib/components/about/AboutInfo.svelte index 77e50013..e2d0b177 100644 --- a/frontend/src/lib/components/about/AboutInfo.svelte +++ b/frontend/src/lib/components/about/AboutInfo.svelte @@ -3,45 +3,45 @@ import CodeSnippet from 'carbon-components-svelte/src/CodeSnippet/CodeSnippet.svelte'; const code1 = ` -function genNumber(number) { - sdaif (number === 0) return this.numbers['0']; - return Array.from({ length: number }, () => this.numbers['1']).join(' + '); -} +function genNumber(number) { + sdaif (number === 0) return this.numbers['0']; + return Array.from({ length: number }, () => this.numbers['1']).join(' + '); +} alphabet = []; -alphabet['i'] = \`(+!![] / +[] + [])[${this.genNumber(3)}]\`; +alphabet['i'] = \`(+!![] / +[] + [])[\${this.genNumber(3)}]\`; `; const code2 = ` const f = input - .split('\n') - .map((l, i, a) => { - const ಠ_ಠ = { name: '', size: 0, dirs: [], files: [] }; - if (/^\$\s(cd)\s(\w+)|\//.test(l)) { + .split('\n') + .map((l, i, a) => { + const ಠ_ಠ = { name: '', size: 0, dirs: [], files: [] }; + if (/^\$\s(cd)\s(\w+)|\//.test(l)) { let j = i + 2; - ಠ_ಠ.name = l.replace('$ cd ', ''); - while (!/^\$.+/.test(a[j]) && a[j]) { - const e = { - type: /^\d+/.test(a[j]) ? 'file' : 'dir', - name: a[j].replace(/^dir\s+/, ''), - size: /^\d+/.test(a[j]) ? Number(a[j].replace(/\s\w+.\w+/, '')) : 0, - }; - /^\d+/.test(a[j]) ? ಠ_ಠ.files.push(e) : ಠ_ಠ.dirs.push(e); + ಠ_ಠ.name = l.replace('$ cd ', ''); + while (!/^\$.+/.test(a[j]) && a[j]) { + const e = { + type: /^\d+/.test(a[j]) ? 'file' : 'dir', + name: a[j].replace(/^dir\s+/, ''), + size: /^\d+/.test(a[j]) ? Number(a[j].replace(/\s\w+.\w+/, '')) : 0, + }; + /^\d+/.test(a[j]) ? ಠ_ಠ.files.push(e) : ಠ_ಠ.dirs.push(e); j++; - } - } - ಠ_ಠ.size = ಠ_ಠ.files.reduce((a, c) => a + c.size, 0); - return ಠ_ಠ; - }) - .filter((l) => l.name !== '') + } + } + ಠ_ಠ.size = ಠ_ಠ.files.reduce((a, c) => a + c.size, 0); + return ಠ_ಠ; + }) + .filter((l) => l.name !== '') .reverse() - .map((d, i, a) => { - d.dirs.forEach((c) => { - d.size += a.find((e) => e.name === c.name)?.size; - }); + .map((d, i, a) => { + d.dirs.forEach((c) => { + d.size += a.find((e) => e.name === c.name)?.size; + }); return d; - }); -console.log(f.reduce((a, c) => a + (c.size <= 100000 ? c.size : 0), 0)); + }); +console.log(f.reduce((a, c) => a + (c.size <= 100000 ? c.size : 0), 0)); `; diff --git a/frontend/src/lib/components/admin/Jokes.svelte b/frontend/src/lib/components/admin/Jokes.svelte index a0368e2f..782b9fe6 100644 --- a/frontend/src/lib/components/admin/Jokes.svelte +++ b/frontend/src/lib/components/admin/Jokes.svelte @@ -1,6 +1,7 @@