feat: Astro 中文社区！

.env.example

@@ -0,0 +1,3 @@
+SUPABASE_URL=
+SUPABASE_ANON_KEY=
+SUPABASE_ROLE_KEY=

.gitignore

@@ -16,6 +16,9 @@ pnpm-debug.log*
 # environment variables
 .env
 .env.production
+.dev.vars
+.wrangler/dev.vars
+wrangler.toml
 
 # macOS-specific files
 .DS_Store

.vscode/settings.json

@@ -14,5 +14,9 @@
 	"[typescript]": {
 		"editor.defaultFormatter": "biomejs.biome",
 		"editor.formatOnSave": true
-	}
+	},
+  "[astro]": {
+    "editor.defaultFormatter": "astro-build.astro-vscode",
+    "editor.formatOnSave": true
+  }
 }

.wrangler/.dev.vars.example

@@ -0,0 +1 @@
+SUPABASE_ROLE_KEY=123

.wrangler/wrangler.toml.example

@@ -0,0 +1,3 @@
+[vars]
+SUPABASE_URL = "123"
+SUPABASE_ANON_KEY = "456"

astro.config.mjs

@@ -1,52 +1,101 @@
-import { defineConfig } from 'astro/config';
-import starlight from '@astrojs/starlight';
+import { defineConfig, envField } from 'astro/config';
 import tailwind from "@astrojs/tailwind";
-const site = 'https://astro-cn.com/';
+import cloudflare from '@astrojs/cloudflare';
+import icon from "astro-icon";
+import react from "@astrojs/react";
+import expressiveCode from "astro-expressive-code";
+
+import siteInfo from './src/data/site-info';
+
+import sitemap from "@astrojs/sitemap";
+
+import mdx from "@astrojs/mdx";
 
 // https://astro.build/config
 export default defineConfig({
-  site,
-  integrations: [starlight({
-    title: 'Astro 中文网站 Showcase',
-    social: {
-      github: 'https://github.com/liruifengv/astro-site-showcase-cn'
-    },
-    head: [{
-      tag: 'meta',
-      attrs: {
-        property: 'og:image',
-        content: site + 'og.png?v=1'
-      }
-    }, {
-      tag: 'meta',
-      attrs: {
-        property: 'twitter:image',
-        content: site + 'og.png?v=1'
+  site: siteInfo.url,
+  output: 'server',
+  integrations: [
+    tailwind({
+      // 禁用默认的基础样式
+      applyBaseStyles: false,
+    }),
+    icon(),
+    react(),
+    sitemap(),
+    expressiveCode({
+      themes: ["material-theme-darker"],
+      plugins: [{
+        name: "custom-style",
+        baseStyles: () => `
+              .frame.is-terminal:not(.has-title) .header {display: none;}
+              .frame .header {border-bottom: 2px solid #313131;}
+              .frame.is-terminal .header::before {display: none;}
+              .frame.is-terminal:not(.has-title) {
+                --button-spacing: 0.4rem;
+              }
+              .frame.is-terminal:not(.has-title) code, .frame.is-terminal:not(.has-title) pre {
+                border-radius: 4px
+              }
+              .frame.is-terminal .header {
+                justify-content: initial;
+                font-weight: initial;
+                padding-left: 1rem;
+                color: #fff;
+              }
+              `,
+        hooks: {}
+      }],
+      useThemedScrollbars: false,
+      useThemedSelectionColors: false,
+      styleOverrides: {
+        uiLineHeight: "inherit",
+        codeFontSize: "0.875rem",
+        codeLineHeight: "1.25rem",
+        borderRadius: "4px",
+        borderWidth: "0px",
+        codePaddingInline: "1rem",
+        codeFontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;'
       }
-    }, {
-      tag: 'script',
-      attrs: {
-        src: 'https://www.googletagmanager.com/gtag/js?id=G-E8HJ681XLY',
-        async: true
-      }
-    }, {
-      tag: 'script',
-      content: `
-            window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
-            gtag('js', new Date());
-            gtag('config', 'G-E8HJ681XLY');
-          `
-    }],
-    pagination: false,
-    pagefind: false,
-    customCss: ['./src/styles/tailwind.css'],
-    sidebar: [{
-      label: 'Showcase',
-      link: '/showcase/'
-    }]
-  }), tailwind({
-    // 禁用默认的基础样式
-    applyBaseStyles: false,
-  })]
+    }),
+    mdx()
+  ],
+  adapter: cloudflare({
+    imageService: 'passthrough',
+    platformProxy: {
+      enabled: true,
+      configPath: '.wrangler/wrangler.toml',
+    },
+  }),
+  markdown: {
+    shikiConfig: {
+      theme: "material-theme-darker",
+      wrap: false
+    },
+  },
+  env: {
+    schema: {
+      SUPABASE_URL: envField.string({
+        context: "server",
+        access: "public",
+      }),
+      SUPABASE_ANON_KEY: envField.string({
+        context: "server",
+        access: "public",
+      }),
+      SUPABASE_ROLE_KEY: envField.string({
+        context: "server",
+        access: "secret",
+      }),
+    },
+  },
+  vite: {
+    resolve: {
+      // Use react-dom/server.edge instead of react-dom/server.browser for React 19.
+      // Without this, MessageChannel from node:worker_threads needs to be polyfilled.
+      alias: import.meta.env.PROD && {
+        "react-dom/server": "react-dom/server.edge",
+      },
+    },
+  }
 });

biome.json

@@ -4,12 +4,17 @@
 		"enabled": true
 	},
 	"files": {
-		"ignore": ["src/**/dist/*"]
+		"ignore": ["src/**/dist/*", "*.astro"]
 	},
 	"linter": {
 		"enabled": true,
 		"rules": {
 			"recommended": true
 		}
-	}
+	},
+  "javascript": {
+    "formatter": {
+      "semicolons": "asNeeded"
+    }
+  }
 }

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "astro-site-showcase-cn",
+  "name": "astro-cn.com",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
@@ -15,17 +15,32 @@
     "check": "biome check --apply src"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.10",
-    "@astrojs/starlight": "^0.21.5",
-    "@astrojs/starlight-tailwind": "^2.0.3",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/cloudflare": "^12.1.0",
+    "@astrojs/mdx": "^4.0.5",
+    "@astrojs/react": "^4.1.3",
+    "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.2",
-    "astro": "^4.16.5",
+    "@iconify/tailwind": "^1.2.0",
+    "@supabase/ssr": "^0.5.2",
+    "@supabase/supabase-js": "^2.47.12",
+    "astro": "^5.1.3",
+    "astro-expressive-code": "^0.39.0",
+    "astro-icon": "^1.1.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sharp": "^0.32.6",
     "tailwindcss": "^3.4.14",
-    "typescript": "^5.6.3"
+    "typescript": "^5.7.2",
+    "zod": "^3.24.1"
   },
   "author": "liruifengv",
   "devDependencies": {
-    "@biomejs/biome": "1.6.3"
+    "@biomejs/biome": "1.6.3",
+    "@iconify-json/ri": "^1.2.5",
+    "@types/react": "^19.0.6",
+    "@types/react-dom": "^19.0.3",
+    "smartypants": "^0.2.2",
+    "supabase": ">=1.8.1"
   }
 }