Vite tw

eslint.config.js

@@ -19,7 +19,11 @@ export default tseslint.config(
   pluginPromise.configs['flat/recommended'],
   ...tseslint.configs.strictTypeChecked,
   ...tseslint.configs.stylisticTypeChecked,
-  { files: ['packages/api/tests/*.test.ts'], plugins: { vitest }, rules: { ...vitest.configs.recommended.rules } },
+  {
+    files: ['packages/api/tests/*.test.ts'],
+    plugins: { vitest },
+    rules: { ...vitest.configs.recommended.rules },
+  },
   {
     files: ['packages/api/src/*.ts'],
     plugins: { jsdoc },
@@ -83,5 +87,5 @@ export default tseslint.config(
     },
   },
   { files: ['**/*.js'], ...tseslint.configs.disableTypeChecked },
-  { ignores: ['**/dist/', 'packages/api/tests/*', 'packages/web/'] }
+  { ignores: ['**/dist/', 'mocks/handlers', 'packages/api/tests/*', 'packages/web/'] }
 );

package.json

@@ -15,36 +15,36 @@
     "publish-packages": "pnpm run build && changeset publish"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.28.1",
-    "@eslint/js": "^9.23.0",
-    "@vitest/coverage-v8": "^3.1.1",
-    "@vitest/eslint-plugin": "^1.1.38",
-    "eslint": "^9.23.0",
-    "eslint-plugin-jsdoc": "^50.6.9",
-    "eslint-plugin-n": "^17.17.0",
+    "@changesets/cli": "^2.29.3",
+    "@eslint/js": "^9.26.0",
+    "@vitest/coverage-v8": "^3.1.3",
+    "@vitest/eslint-plugin": "^1.1.44",
+    "eslint": "^9.26.0",
+    "eslint-plugin-jsdoc": "^50.6.11",
+    "eslint-plugin-n": "^17.18.0",
     "eslint-plugin-promise": "^7.2.1",
-    "msw": "^2.7.3",
+    "msw": "^2.8.2",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "tsx": "^4.19.3",
-    "typescript": "^5.8.2",
-    "typescript-eslint": "^8.29.0",
-    "vitest": "^3.1.1"
+    "tsx": "^4.19.4",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.32.0",
+    "vitest": "^3.1.3"
   },
   "engines": {
     "node": "^20.11.0 || ^22.0.0",
     "pnpm": ">=8"
   },
   "pnpm": {
     "overrides": {
-      "esbuild": "0.25.2"
+      "esbuild": "0.25.4"
     },
     "onlyBuiltDependencies": [
       "esbuild",
       "msw",
       "sharp"
     ]
   },
-  "packageManager": "pnpm@10.7.1+sha512.2d92c86b7928dc8284f53494fb4201f983da65f0fb4f0d40baafa5cf628fa31dae3e5968f12466f17df7e97310e30f343a648baea1b9b350685dafafffdf5808"
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
 }

packages/api/package.json

@@ -30,8 +30,8 @@
     "test": "vitest --coverage"
   },
   "devDependencies": {
-    "@types/node": "^22.13.10",
-    "typescript": "^5.8.2"
+    "@types/node": "^22.15.17",
+    "typescript": "^5.8.3"
   },
   "engines": {
     "node": "^20.8.1 || ^22.0.0"

packages/web/astro.config.js

@@ -1,12 +1,11 @@
 import starlight from '@astrojs/starlight';
-import tailwind from '@astrojs/tailwind';
+import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'astro/config';
 
 export default defineConfig({
   site: 'https://falsepopsky.github.io',
   base: 'mobygames',
   integrations: [
-    tailwind({ applyBaseStyles: false }),
     starlight({
       title: '@untidy/mobygames',
       description: 'Client library for MobyGames API in Node.js',
@@ -16,9 +15,13 @@ export default defineConfig({
         replacesTitle: true,
       },
       defaultLocale: 'root',
-      social: {
-        github: 'https://github.com/falsepopsky/mobygames',
-      },
+      social: [
+        {
+          icon: 'github',
+          label: 'GitHub',
+          href: 'https://github.com/falsepopsky/mobygames',
+        },
+      ],
       sidebar: [
         {
           label: 'Guides',
@@ -98,4 +101,5 @@ export default defineConfig({
       customCss: ['./src/tailwind.css'],
     }),
   ],
+  vite: { plugins: [tailwindcss()] },
 });

packages/web/package.json

@@ -10,12 +10,12 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/starlight": "^0.32.5",
-    "@astrojs/starlight-tailwind": "^3.0.1",
-    "@astrojs/tailwind": "5.1.5",
-    "astro": "^5.5.6",
-    "sharp": "^0.33.5",
-    "tailwindcss": "3.4.17",
-    "typescript": "^5.8.2"
+    "@astrojs/starlight": "^0.34.3",
+    "@astrojs/starlight-tailwind": "^4.0.1",
+    "@tailwindcss/vite": "^4.1.6",
+    "astro": "^5.7.12",
+    "sharp": "^0.34.1",
+    "tailwindcss": "4.1.6",
+    "typescript": "^5.8.3"
   }
 }

packages/web/src/components/card.astro

@@ -12,7 +12,7 @@ const { title, details } = Astro.props;
   <div class="mb-4 flex">
     <slot />
   </div>
-  <span class="mt-6 text-lg text-[--sl-color-white]">{title}</span>
+  <span class="mt-6 text-lg text-(--sl-color-white)">{title}</span>
 
   <p class="mt-2 text-base/relaxed">
     {details}

packages/web/src/components/details.astro

@@ -7,6 +7,6 @@ const { summary = 'Successful response output' } = Astro.props;
 ---
 
 <details class="rounded-lg p-6 ring-1 ring-black/5 open:shadow-lg dark:ring-white/10">
-  <summary class="cursor-pointer select-none text-base/6 font-semibold">{summary}</summary>
+  <summary class="cursor-pointer text-base/6 font-semibold select-none">{summary}</summary>
   <slot />
 </details>

packages/web/src/components/grid.astro

@@ -1,3 +1,3 @@
-<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
+<div class="flex flex-col space-y-4 md:flex-row md:space-y-0 md:space-x-4">
   <slot />
 </div>

packages/web/src/components/tag.astro

@@ -13,7 +13,7 @@ const { apiPath } = Astro.props;
   </span>
   <span class="h-1 w-1 rounded-full bg-zinc-300 dark:bg-zinc-600"></span>
   <span
-    class="rounded-md bg-gray-100 px-1.5 py-1 font-mono text-xs ring-1 ring-inset ring-zinc-300 dark:bg-zinc-800/40 dark:text-[--sl-color-white] dark:ring-zinc-800">
+    class="rounded-md bg-gray-100 px-1.5 py-1 font-mono text-xs ring-1 ring-zinc-300 ring-inset dark:bg-zinc-800/40 dark:text-(--sl-color-white) dark:ring-zinc-800">
     {apiPath}
   </span>
 </div>

packages/web/src/tailwind.css

@@ -1,6 +1,8 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@layer base, starlight, theme, components, utilities;
+
+@import '@astrojs/starlight-tailwind';
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/utilities.css' layer(utilities);
 
 /* Dark mode colors. */
 :root {

packages/web/tsconfig.json

@@ -6,5 +6,7 @@
       "@components/*": ["src/components/*"],
       "@assets/*": ["src/assets/*"]
     }
-  }
+  },
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"]
 }