Merge pull request #574 from openscript/design-overhaul

Design overhaul

Author: openscript

.changeset/green-geckos-add.md

@@ -0,0 +1,5 @@
+---
+"r.obin.ch": patch
+---
+
+Add pixel display

.devcontainer.json

@@ -15,11 +15,23 @@
         "unifiedjs.vscode-mdx",
         "github.vscode-github-actions",
         "GitHub.vscode-pull-request-github",
-        "vunguyentuan.vscode-css-variables"
+        "vunguyentuan.vscode-css-variables",
+        "denoland.vscode-deno"
       ]
     }
   },
+  "forwardPorts": [
+    4321
+  ],
+  "portsAttributes": {
+    "4321": {
+      "label": "Astro Dev Server"
+    }
+  },
   "containerEnv": {
     "ASTRO_TELEMETRY_DISABLED": "1"
+  },
+  "features": {
+    "ghcr.io/devcontainers-community/features/deno:1": {}
   }
 }

.env.example

@@ -0,0 +1,2 @@
+PUBLIC_SUPABASE_URL=https://ebazfrryxabwtqaiezir.supabase.co
+PUBLIC_SUPABASE_ANON_KEY=sb_publishable_BnfPS3NmFKJC1rwKTHgs3w_EPkMGv6S

.llm/pixelwidget

@@ -0,0 +1 @@
+Subproject commit 8afc9eb940c9cafd3495cae9269bde3f7a3e084f

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["denoland.vscode-deno"]
+}

.vscode/settings.json

@@ -1,23 +1,45 @@
 {
-  "cSpell.language": "en,de-ch",
-  "cSpell.words": [
-    "Astro"
-  ],
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "editor.rulers": [
-    120
-  ],
   "[astro]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
-  "[typescript]": {
+  "[css]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[markdown]": {
     "editor.quickSuggestions": {
       "comments": "off",
-      "strings": "off",
-      "other": "off"
+      "other": "off",
+      "strings": "off"
     }
   },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "cSpell.language": "en,de-ch",
+  "cSpell.words": [
+    "Astro"
+  ],
+  "deno.enablePaths": [
+    "supabase/functions"
+  ],
+  "deno.lint": true,
+  "deno.unstable": [
+    "bare-node-builtins",
+    "byonm",
+    "sloppy-imports",
+    "unsafe-proto",
+    "webgpu",
+    "broadcast-channel",
+    "worker-options",
+    "cron",
+    "kv",
+    "ffi",
+    "fs",
+    "http",
+    "net"
+  ],
+  "editor.rulers": [
+    120
+  ],
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

astro.config.ts

@@ -9,6 +9,11 @@ import { remarkExcerpt } from "./src/remark/remark-excerpt";
 import search from "./src/integrations/search";
 import sitemap from "@astrojs/sitemap";
 import Icons from "unplugin-icons/vite";
+import nanostoresI18n from "astro-nanostores-i18n";
+import deCH from "./src/translations/de-CH.json";
+import deCHExt from "./src/translations/de-CH.ext.json";
+import enUS from "./src/translations/en-US.json";
+import enUSExt from "./src/translations/en-US.ext.json";
 
 export default defineConfig({
   prefetch: true,
@@ -52,5 +57,16 @@ export default defineConfig({
       Icons({ compiler: "astro" }),
     ],
   },
-  integrations: [search(), mdx(), sitemap({ i18n: { defaultLocale: C.DEFAULT_LOCALE, locales: C.LOCALES } })],
+  integrations: [
+    search(),
+    mdx(),
+    sitemap({ i18n: { defaultLocale: C.DEFAULT_LOCALE, locales: C.LOCALES } }),
+    nanostoresI18n({
+      translations: {
+        de: { ...deCH, ...deCHExt },
+        en: { ...enUS, ...enUSExt },
+      },
+      addMiddleware: true,
+    }),
+  ],
 });

package.json

@@ -11,7 +11,12 @@
     "url": "https://github.com/openscript/r.obin.ch/issues"
   },
   "repository": "github:openscript/r.obin.ch",
-  "packageManager": "pnpm@10.27.0",
+  "packageManager": "pnpm@10.28.1",
+  "pnpm": {
+    "overrides": {
+      "@astrojs/compiler": "npm:@openscript/astrojs-compiler@2.14.0"
+    }
+  },
   "scripts": {
     "dev": "astro dev --host",
     "start": "astro dev --host",
@@ -24,50 +29,57 @@
     "format": "prettier . --write",
     "version": "changeset version",
     "release": "changeset publish",
-    "tag": "changeset tag"
+    "tag": "changeset tag",
+    "extract": "extract-messages --out src/translations/en-US.json"
   },
   "dependencies": {
     "@astrojs/check": "^0.9.6",
     "@astrojs/mdx": "^4.3.13",
-    "@astrojs/rss": "^4.0.14",
-    "@astrojs/sitemap": "^3.6.0",
+    "@astrojs/rss": "^4.0.15",
+    "@astrojs/sitemap": "^3.7.0",
     "@fontsource/ibm-plex-mono": "^5.2.7",
     "@fontsource/poppins": "^5.2.7",
     "@fontsource/rajdhani": "^5.2.7",
-    "astro": "^5.16.6",
-    "astro-loader-i18n": "^0.10.9",
-    "limax": "^4.2.1",
+    "@nanostores/i18n": "^1.2.2",
+    "@supabase/supabase-js": "^2.93.3",
+    "astro": "^5.17.1",
+    "astro-loader-i18n": "^0.10.11",
+    "astro-nanostores-i18n": "^0.4.0",
+    "limax": "^4.2.2",
+    "lit": "^3.3.2",
+    "nanostores": "^1.1.0",
     "pagefind": "^1.4.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "sharp": "^0.34.5",
     "simple-git": "^3.30.0",
-    "unplugin-icons": "^22.5.0",
+    "unplugin-icons": "^23.0.1",
     "vfile": "^6.0.3"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.2",
-    "@iconify/json": "^2.2.419",
+    "@iconify/json": "^2.2.434",
     "@openscript/unplugin-favicons": "^1.1.8",
     "@types/mdast": "^4.0.4",
-    "@types/node": "^24.10.4",
-    "@typescript-eslint/parser": "^8.50.0",
-    "@vitest/coverage-v8": "4.0.16",
+    "@types/node": "^24.10.6",
+    "@typescript-eslint/parser": "^8.54.0",
+    "@vitest/coverage-v8": "4.0.18",
     "astro-eslint-parser": "^1.2.2",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-astro": "^1.5.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "favicons": "^7.2.0",
-    "globals": "^16.5.0",
+    "globals": "^17.3.0",
     "jiti": "^2.6.1",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "prettier-plugin-astro": "^0.14.1",
     "sirv": "^3.0.2",
+    "supabase": "^2.74.5",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
-    "vitest": "4.0.16"
+    "typescript-eslint": "^8.54.0",
+    "vitest": "4.0.18"
   }
 }