fix: website bugs

.prettierignore

@@ -2,6 +2,8 @@
 public/data/*.json
 # Prettier's MDX v1 parser corrupts code fences nested in JSX components
 *.mdx
+# Markdown stays hand-formatted
+*.md
 # Lockfiles
 pixi.lock
 pnpm-lock.yaml

.prettierrc

@@ -1,3 +1,3 @@
 {
-  "plugins": ["prettier-plugin-astro"]
+  "plugins": ["prettier-plugin-astro", "prettier-plugin-svelte"]
 }

astro.config.mjs

@@ -1,6 +1,7 @@
 // @ts-check
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
+import svelte from "@astrojs/svelte";
 
 export default defineConfig({
   site: "https://robostack.github.io",
@@ -29,6 +30,7 @@ export default defineConfig({
           "https://github.com/RoboStack/robostack.github.io/edit/master/",
       },
       customCss: ["./src/styles/custom.css"],
+      routeMiddleware: "./src/routeData.ts",
       components: {
         SiteTitle: "./src/components/SiteTitle.astro",
         PageTitle: "./src/components/PageTitle.astro",
@@ -51,5 +53,6 @@ export default defineConfig({
         { label: "FAQ", slug: "FAQ" },
       ],
     }),
+    svelte(),
   ],
 });

package.json

@@ -10,12 +10,16 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.41.7",
-    "astro": "^7.2.0"
+    "@astrojs/svelte": "^9.0.1",
+    "astro": "^7.2.0",
+    "svelte": "^5.56.8"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.10",
     "prettier": "^3.9.6",
     "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-svelte": "^4.1.1",
+    "svelte-check": "^4.7.5",
     "typescript": "^6.0.3"
   }
 }

pixi.toml

@@ -42,6 +42,11 @@ astro-check = {
   depends-on = ["pnpm-install"],
   description = "Type-check the site",
 }
+svelte-check = {
+  cmd = "pnpm exec svelte-check --tsconfig ./tsconfig.json --fail-on-warnings",
+  depends-on = ["pnpm-install"],
+  description = "Type-check the Svelte components",
+}
 
 [feature.lint.dependencies]
 ruff = ">=0.16,<0.17"
@@ -71,7 +76,7 @@ ty-check = {
   description = "Type-check the scripts in scripts/",
 }
 lint = {
-  depends-on = ["ruff-check", "format-check", "typos", "zizmor", "ty-check", "prettier-check", "astro-check"],
+  depends-on = ["ruff-check", "format-check", "typos", "zizmor", "ty-check", "prettier-check", "astro-check", "svelte-check"],
   description = "Run all lint checks",
 }