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
2026-04-02 03:08:53 -07:00 · 2026-02-23 11:27:48 -05:00
parent 44e6eb2d50
commit c96b0ed78c
11 changed files with 1341 additions and 9248 deletions
--- a/.env.sample
+++ b/.env.sample
@@ -1,4 +0,0 @@
-# External APIs
-GA_TRACKING_ID=
-PLAUSIBLE_DOMAIN=
-PLAUSIBLE_SRC=
--- a/.eslintrc.cjs
+++ b/.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"
-      },
-    },
-    // ...
-  ],
-}
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v18.14.2
+22
--- a/astro.config.mjs
+++ b/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: {
-        github: 'https://github.com/gogrlx/grlx',
-        'x.com': 'https://x.com/gogrlx',
-        discord: 'https://discord.gg/RNsZ3KWjXm',
-        email: 'mailto:grlx@adatomic.com?subject=Question'
-      },
+      social: [
+        { icon: 'github', label: 'GitHub', href: 'https://github.com/gogrlx/grlx' },
+        { icon: 'x.com', label: 'X', href: 'https://x.com/gogrlx' },
+        { icon: 'discord', label: 'Discord', href: 'https://discord.gg/RNsZ3KWjXm' },
+        { icon: 'email', label: 'Email', href: 'mailto:grlx@adatomic.com?subject=Question' },
+      ],
      sidebar: [
        { label: 'Getting Started', link: '/getting-started' },
        {
@@ -146,13 +145,12 @@ export default defineConfig({
          label: 'Recipes',
          autogenerate: { directory: 'recipes' },
        },
-        {label: 'Glossary', link: '/glossary'},
+        { label: 'Glossary', link: '/glossary' },
      ],
    }),
-    tailwind({
-      // Disable the default base styles:
-      applyBaseStyles: false,
-    }),
  ],
+  vite: {
+    plugins: [tailwindcss()],
+  },
  site: 'https://docs.grlx.dev',
 })
--- a/bun.lock
+++ b/bun.lock
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -0,0 +1,5 @@
+import eslintPluginAstro from 'eslint-plugin-astro'
+
+export default [
+  ...eslintPluginAstro.configs['flat/recommended'],
+]
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -10,30 +10,21 @@
    "astro": "astro"
  },
  "dependencies": {
-    "@astrojs/starlight": "^0.31.1",
-    "@astrojs/starlight-tailwind": "^2.0.1",
-    "@astrojs/tailwind": "^5.1.5",
-    "@fontsource/ibm-plex-mono": "^5.0.8",
-    "@fontsource/ibm-plex-sans": "^5.0.17",
-    "@fontsource/ibm-plex-serif": "^5.0.8",
-    "astro": "^5.1.8",
-    "dotenv": "^16.3.1",
-    "sharp": "^0.32.5",
-    "tailwindcss": "^3.3.5"
-  },
-  "overrides": {
-    "astro": {
-      "zod": "^3.22.3"
-    },
-    "@astrojs/starlight": {
-      "zod": "^3.22.3"
-    }
+    "@astrojs/starlight": "^0.37.6",
+    "@astrojs/starlight-tailwind": "^4.0.2",
+    "@fontsource/ibm-plex-mono": "^5.2.7",
+    "@fontsource/ibm-plex-sans": "^5.2.8",
+    "@fontsource/ibm-plex-serif": "^5.2.7",
+    "@tailwindcss/vite": "^4.2.1",
+    "astro": "^5.17.3",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^4.2.1"
  },
  "devDependencies": {
-    "eslint": "^8.52.0",
-    "eslint-plugin-astro": "^0.29.1",
-    "prettier": "^3.0.3",
-    "prettier-plugin-astro": "^0.12.1",
-    "prettier-plugin-tailwindcss": "^0.5.6"
+    "eslint": "^9.27.0",
+    "eslint-plugin-astro": "^1.6.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.7.2"
  }
 }
--- a/src/content/docs/ingredients/file.mdx
+++ b/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**
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -1,3 +1,21 @@
-@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);
+
+@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;
+}
--- a/tailwind.config.mjs
+++ b/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()],
-}