chore: update all dependencies to latest (#37)

- Astro 5.1 -> 5.17
- Starlight 0.31 -> 0.37 (social config migrated to array format)
- Tailwind CSS 3 -> 4 (migrated to Vite plugin + CSS-based config)
- sharp 0.32 -> 0.34
- ESLint 8 -> 9 (migrated to flat config)
- Prettier, prettier-plugin-astro, prettier-plugin-tailwindcss updated
- Removed dotenv (using Astro import.meta.env)
- Removed tailwind.config.mjs (config now in CSS via @theme)
- Updated Badge import to new Starlight components path
- Node.js 18 -> 22
- Switched from npm to bun

.env.sample

@@ -1,4 +0,0 @@
-# External APIs
-GA_TRACKING_ID=
-PLAUSIBLE_DOMAIN=
-PLAUSIBLE_SRC=

.eslintrc.cjs

@@ -1,37 +0,0 @@
-module.exports = {
-  // ...
-  extends: [
-    // ...
-    'plugin:astro/recommended',
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-  },
-  // ...
-  overrides: [
-    {
-      files: ['astro.config.mjs', 'tailwind.config.mjs'],
-      parserOptions: {
-        ecmaVersion: 13,
-        sourceType: 'module',
-      },
-    },
-    {
-      // Define the configuration for `.astro` file.
-      files: ['*.astro'],
-      // Allows Astro components to be parsed.
-      parser: 'astro-eslint-parser',
-      // Parse the script in `.astro` as TypeScript by adding the following configuration.
-      // It's the setting you need when using TypeScript.
-      parserOptions: {
-        parser: '@typescript-eslint/parser',
-        extraFileExtensions: ['.astro'],
-      },
-      rules: {
-        // override/add rules settings here, such as:
-        // "astro/no-set-html-directive": "error"
-      },
-    },
-    // ...
-  ],
-}

.nvmrc

@@ -1 +1 @@
-v18.14.2
+22

astro.config.mjs

@@ -1,16 +1,15 @@
-import 'dotenv/config'
 import { defineConfig } from 'astro/config'
 import starlight from '@astrojs/starlight'
-import tailwind from '@astrojs/tailwind'
+import tailwindcss from '@tailwindcss/vite'
 
 // SEE: https://developers.google.com/analytics/devguides/collection/gtagjs
-const gaTrackingID = process.env.GA_TRACKING_ID
+const gaTrackingID = import.meta.env.GA_TRACKING_ID
 const gaSrc = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingID}`
 
 // SEE: https://plausible.io/docs/plausible-script
-const plausibleDomain = process.env.PLAUSIBLE_DOMAIN
+const plausibleDomain = import.meta.env.PLAUSIBLE_DOMAIN
 const plausibleSrc =
-  process.env.PLAUSIBLE_SRC || 'https://plausible.io/js/script.js'
+  import.meta.env.PLAUSIBLE_SRC || 'https://plausible.io/js/script.js'
 
 const head = []
 
@@ -120,18 +119,18 @@ export default defineConfig({
       locales: {
         root: {
           label: 'English',
-          lang: 'en', // lang is required for root locales
+          lang: 'en',
         },
       },
       favicon: '/favicon.ico',
       head,
       logo: { src: './src/assets/grlx.webp' },
-      social: {
+      social: [
-        github: 'https://github.com/gogrlx/grlx',
+        { icon: 'github', label: 'GitHub', href: 'https://github.com/gogrlx/grlx' },
-        'x.com': 'https://x.com/gogrlx',
+        { icon: 'x.com', label: 'X', href: 'https://x.com/gogrlx' },
-        discord: 'https://discord.gg/RNsZ3KWjXm',
+        { icon: 'discord', label: 'Discord', href: 'https://discord.gg/RNsZ3KWjXm' },
-        email: 'mailto:grlx@adatomic.com?subject=Question'
+        { icon: 'email', label: 'Email', href: 'mailto:grlx@adatomic.com?subject=Question' },
-      },
+      ],
       sidebar: [
         { label: 'Getting Started', link: '/getting-started' },
         {
@@ -149,10 +148,9 @@ export default defineConfig({
         { label: 'Glossary', link: '/glossary' },
       ],
     }),
-    tailwind({
-      // Disable the default base styles:
-      applyBaseStyles: false,
-    }),
   ],
+  vite: {
+    plugins: [tailwindcss()],
+  },
   site: 'https://docs.grlx.dev',
 })

eslint.config.js

@@ -0,0 +1,5 @@
+import eslintPluginAstro from 'eslint-plugin-astro'
+
+export default [
+  ...eslintPluginAstro.configs['flat/recommended'],
+]

package.json

@@ -10,30 +10,21 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.31.1",
+    "@astrojs/starlight": "^0.37.6",
-    "@astrojs/starlight-tailwind": "^2.0.1",
+    "@astrojs/starlight-tailwind": "^4.0.2",
-    "@astrojs/tailwind": "^5.1.5",
+    "@fontsource/ibm-plex-mono": "^5.2.7",
-    "@fontsource/ibm-plex-mono": "^5.0.8",
+    "@fontsource/ibm-plex-sans": "^5.2.8",
-    "@fontsource/ibm-plex-sans": "^5.0.17",
+    "@fontsource/ibm-plex-serif": "^5.2.7",
-    "@fontsource/ibm-plex-serif": "^5.0.8",
+    "@tailwindcss/vite": "^4.2.1",
-    "astro": "^5.1.8",
+    "astro": "^5.17.3",
-    "dotenv": "^16.3.1",
+    "sharp": "^0.34.5",
-    "sharp": "^0.32.5",
+    "tailwindcss": "^4.2.1"
-    "tailwindcss": "^3.3.5"
-  },
-  "overrides": {
-    "astro": {
-      "zod": "^3.22.3"
-    },
-    "@astrojs/starlight": {
-      "zod": "^3.22.3"
-    }
   },
   "devDependencies": {
-    "eslint": "^8.52.0",
+    "eslint": "^9.27.0",
-    "eslint-plugin-astro": "^0.29.1",
+    "eslint-plugin-astro": "^1.6.0",
-    "prettier": "^3.0.3",
+    "prettier": "^3.8.1",
-    "prettier-plugin-astro": "^0.12.1",
+    "prettier-plugin-astro": "^0.14.1",
-    "prettier-plugin-tailwindcss": "^0.5.6"
+    "prettier-plugin-tailwindcss": "^0.7.2"
   }
 }

src/content/docs/ingredients/file.mdx

@@ -3,7 +3,7 @@ title: grlx.ingredients.file
 description: file
 ---
 
-import Badge from '@astrojs/starlight/components/Badge.astro';
+import { Badge } from '@astrojs/starlight/components';
 
 The file ingredient handles all file operations on various [file providers](/ingredients/file-providers) (such as local files, HTTP, etc.)
 ## **file.absent**

src/tailwind.css

@@ -1,3 +1,21 @@
-@tailwind base;
+@layer base, starlight, theme, components, utilities;
-@tailwind components;
+@import '@astrojs/starlight-tailwind';
-@tailwind utilities;
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/utilities.css' layer(utilities);
+
+@theme {
+  --font-sans: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
+  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
+  --color-accent-200: #bee1ff;
+  --color-accent-600: #2376ed;
+  --color-accent-900: #1d448b;
+  --color-accent-950: #162b55;
+  --color-gray-100: #f4f6fa;
+  --color-gray-200: #e9eef5;
+  --color-gray-300: #bcc3ca;
+  --color-gray-400: #818d9c;
+  --color-gray-500: #4e5967;
+  --color-gray-700: #2f3946;
+  --color-gray-800: #1e2834;
+  --color-gray-900: #14191e;
+}

tailwind.config.mjs

@@ -1,37 +0,0 @@
-import starlightPlugin from '@astrojs/starlight-tailwind'
-import defaultTheme from 'tailwindcss/defaultTheme'
-
-const accent = {
-  200: '#bee1ff',
-  600: '#2376ed',
-  900: '#1d448b',
-  950: '#162b55',
-}
-const gray = {
-  100: '#f4f6fa',
-  200: '#e9eef5',
-  300: '#bcc3ca',
-  400: '#818d9c',
-  500: '#4e5967',
-  700: '#2f3946',
-  800: '#1e2834',
-  900: '#14191e',
-}
-
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-  theme: {
-    fontFamily: {
-      sans: ['IBM Plex Sans', ...defaultTheme.fontFamily.sans],
-      mono: ['IBM Plex Mono', ...defaultTheme.fontFamily.mono],
-    },
-    extend: {
-      colors: {
-        accent,
-        gray,
-      },
-    },
-  },
-  plugins: [starlightPlugin()],
-}