Merge pull request #4 from pheralb/astro

✨ Migrate docs to Astro Content

Author: pheralb

.changeset/config.json

@@ -8,7 +8,7 @@
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": [
-    "@pheralb/toast-website",
+    "@pheralb/toast-docs",
     "@pheralb-toast/nextjs-example",
     "@pheralb-toast/astro-example"
   ]

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

docs/astro.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig } from 'astro/config';
+
+// Integrations:
+import react from '@astrojs/react';
+import tailwind from '@astrojs/tailwind';
+import mdx from '@astrojs/mdx';
+
+// MDX Plugins:
+import rehypeAutolinkHeadings from 'rehype-autolink-headings';
+import rehypeSlug from 'rehype-slug';
+import { HEADING_LINK_ANCHOR } from './src/ui/headings';
+
+// Astro config:
+export default defineConfig({
+  site: 'https://toast.pheralb.dev',
+  integrations: [
+    react(),
+    tailwind({
+      applyBaseStyles: false,
+    }),
+    mdx({
+      syntaxHighlight: 'shiki',
+      shikiConfig: { theme: 'vesper', wrap: true },
+      gfm: true,
+      rehypePlugins: [
+        rehypeSlug,
+        [
+          rehypeAutolinkHeadings,
+          { behavior: 'wrap', properties: { className: HEADING_LINK_ANCHOR } },
+        ],
+      ],
+    }),
+  ],
+});

website/components.json renamed to docs/components.json

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "styles/globals.css",
+    "css": "src/styles/globals.css",
     "baseColor": "neutral",
     "cssVariables": false,
     "prefix": ""

docs/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@pheralb/toast-docs",
+  "type": "module",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "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-dropdown-menu": "2.1.1",
+    "@radix-ui/react-icons": "1.3.0",
+    "@radix-ui/react-slot": "1.1.0",
+    "astro": "4.13.0",
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.1.1",
+    "fast-npm-meta": "0.0.1",
+    "js-confetti": "0.12.0",
+    "lucide-react": "0.399.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",
+    "tailwindcss-animate": "1.0.7",
+    "zustand": "4.5.4"
+  },
+  "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"
+  }
+}