fix: merge branch 'next' of github.com:pheralb/toast into next

Author: pheralb

.github/workflows/check.yml

@@ -1,4 +1,4 @@
-name: 📦 Check
+name: ⚙️ Check
 
 on:
   push:
@@ -13,7 +13,8 @@ on:
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
-  test:
+  vitest:
+    name: 🧪 Vitest
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
@@ -24,11 +25,36 @@ jobs:
         with:
           node-version: 20
 
-      - uses: pnpm/action-setup@v2.0.1
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 8
+          version: 9
+          run_install: false
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Vitest - Library
+        run: pnpm test
+
+  lint:
+    name: 🔎 Eslint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 9
           run_install: false
 
       - name: Install dependencies
@@ -38,6 +64,7 @@ jobs:
         run: pnpm test
 
   build:
+    name: 🛫 Build Website & Library
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
@@ -48,11 +75,11 @@ jobs:
         with:
           node-version: 20
 
-      - uses: pnpm/action-setup@v2.0.1
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Install dependencies

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: 📦 Release
+name: ⚙️ Release
 
 on:
   workflow_dispatch:
@@ -9,7 +9,7 @@ concurrency: ${{ github.workflow }}-${{ github.ref }}
 
 jobs:
   release:
-    name: Release
+    name: 📦 Release
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
@@ -23,11 +23,11 @@ jobs:
         with:
           node-version: 20
 
-      - uses: pnpm/action-setup@v2.0.1
+      - uses: pnpm/action-setup@v4
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
@@ -36,7 +36,7 @@ jobs:
         run: |
           echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
 
-      - uses: actions/cache@v3
+      - uses: actions/cache@v4
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}

.gitignore

@@ -1,12 +1,12 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# Astro
-.astro
-
 # Dependencies
 node_modules
-.pnp
-.pnp.js
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
 # Local env files
 .env
@@ -34,6 +34,19 @@ dist
 # Remix
 /.cache
 
+# Next.js
+/.next/
+/out/
+
+# Astro
+.astro
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
 # Debug
 npm-debug.log*
 yarn-debug.log*
@@ -42,3 +55,7 @@ yarn-error.log*
 # Misc
 .DS_Store
 *.pem
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.vscode/extensions.json

@@ -1,4 +1,9 @@
 {
-  "recommendations": ["astro-build.astro-vscode"],
+  "recommendations": [
+    "astro-build.astro-vscode",
+    "unifiedjs.vscode-mdx",
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode"
+  ],
   "unwantedRecommendations": []
 }

docs/astro.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'astro/config';
 
 // Integrations:
+import vercel from '@astrojs/vercel';
 import react from '@astrojs/react';
 import tailwind from '@astrojs/tailwind';
 import mdx from '@astrojs/mdx';
@@ -9,25 +10,41 @@ import mdx from '@astrojs/mdx';
 import rehypeAutolinkHeadings from 'rehype-autolink-headings';
 import rehypeSlug from 'rehype-slug';
 import { HEADING_LINK_ANCHOR } from './src/ui/headings';
+import { targetBlank } from './src/components/mdx/targetBlank';
+
+// Shiki Transformers:
+import { transformerMetaHighlight } from '@shikijs/transformers';
+
+// Global settings:
+let websiteUrl = 'https://toast.pheralb.dev';
 
 // Astro config:
 export default defineConfig({
-  site: 'https://toast.pheralb.dev',
+  adapter: vercel(),
+  site: websiteUrl,
   integrations: [
     react(),
     tailwind({
       applyBaseStyles: false,
     }),
     mdx({
       syntaxHighlight: 'shiki',
-      shikiConfig: { theme: 'vesper', wrap: true },
+      shikiConfig: {
+        themes: {
+          light: 'github-light',
+          dark: 'github-dark',
+        },
+        wrap: true,
+        transformers: [transformerMetaHighlight()],
+      },
       gfm: true,
       rehypePlugins: [
         rehypeSlug,
         [
           rehypeAutolinkHeadings,
           { behavior: 'wrap', properties: { className: HEADING_LINK_ANCHOR } },
         ],
+        [targetBlank, { domain: websiteUrl }],
       ],
     }),
   ],

docs/package.json

@@ -11,34 +11,41 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "0.9.1",
-    "@astrojs/mdx": "3.1.3",
-    "@astrojs/react": "3.6.1",
-    "@astrojs/tailwind": "5.1.0",
-    "@radix-ui/react-dialog": "1.1.1",
-    "@radix-ui/react-dropdown-menu": "2.1.1",
-    "@radix-ui/react-icons": "1.3.0",
+    "@astrojs/check": "0.9.4",
+    "@astrojs/markdown-remark": "6.0.1",
+    "@astrojs/mdx": "4.0.2",
+    "@astrojs/react": "4.1.0",
+    "@astrojs/tailwind": "5.1.3",
+    "@astrojs/vercel": "8.0.0",
+    "@radix-ui/react-dialog": "1.1.2",
+    "@radix-ui/react-dropdown-menu": "2.1.2",
+    "@radix-ui/react-icons": "1.3.2",
     "@radix-ui/react-slot": "1.1.0",
-    "astro": "4.13.0",
+    "astro": "5.0.5",
     "class-variance-authority": "0.7.0",
     "clsx": "2.1.1",
-    "cmdk": "1.0.0",
-    "fast-npm-meta": "0.0.1",
+    "cmdk": "1.0.4",
+    "fast-npm-meta": "0.2.2",
+    "hast": "1.0.0",
     "js-confetti": "0.12.0",
-    "lucide-react": "0.399.0",
+    "lucide-react": "0.460.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rehype-autolink-headings": "7.1.0",
     "rehype-slug": "6.0.0",
-    "tailwind-merge": "2.3.0",
+    "shiki": "1.24.2",
+    "tailwind-merge": "2.5.4",
     "tailwindcss-animate": "1.0.7",
-    "zustand": "4.5.4"
+    "unist-util-visit": "5.0.0",
+    "zustand": "5.0.1"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "0.5.13",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
-    "tailwindcss": "3.4.7",
-    "typescript": "5.5.4"
+    "@shikijs/transformers": "1.24.0",
+    "@tailwindcss/typography": "0.5.15",
+    "@types/hast": "3.0.4",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
+    "tailwindcss": "3.4.15",
+    "typescript": "5.7.2"
   }
 }

docs/src/components/article.astro

@@ -0,0 +1,24 @@
+---
+import { proseClasses } from '@/ui/prose';
+import { cn } from '@/utils';
+
+interface Props {
+  title: string;
+  description: string;
+  hideHeader?: boolean;
+}
+
+const { title, description, hideHeader } = Astro.props;
+---
+
+<article class={cn(proseClasses, 'w-screen', hideHeader ? 'py-10' : 'py-6')}>
+  {
+    hideHeader ? null : (
+      <div class="mt-4 mb-6 pb-5 flex flex-col space-y-2 border-b border-neutral-200 dark:border-neutral-800">
+        <h1 class="text-4xl mt-0 tracking-tight font-semibold">{title}</h1>
+        <p>{description}</p>
+      </div>
+    )
+  }
+  <slot />
+</article>