create-fullstack-scaffold 0.5.2 → 0.5.3

package/dist/cli/index.js

@@ -286,6 +286,7 @@ function getGeneratedFiles(resolved) {
     "src/server/rpc-surface.ts",
     "src/server/isr-modules.ts",
     "src/client/stores/entry-stores.ts",
+    "src/client/ssr-pages.ts",
     "src/server/db/schema/index.ts",
     "src/shared/modules/index.ts",
     "src/shared/schemas/index.ts",
@@ -630,6 +631,72 @@ export function restoreEntryStores(snapshot: EntryStoreSnapshot): void {
 `;
 }
 
+// src/generators/ssr-pages.ts
+var SSR_PAGE_MAP = [
+  { file: "TodoPage", component: "TodoPage", route: "/todos" },
+  { file: "ContentListPage", component: "ContentListPage", route: "/content" },
+  {
+    file: "ContentDetailPage",
+    component: "ContentDetailPage",
+    route: "/content/:id",
+    pattern: "/content/"
+  },
+  { file: "TopicsPage", component: "TopicsPage", route: "/topics" }
+];
+function generateSsrPages(resolved, pageFileExists) {
+  const pages = getClientPages(resolved);
+  const available = new Set(pages.map((p) => p.name));
+  const imports = [];
+  const entries = [];
+  const patterns = [];
+  for (const m of SSR_PAGE_MAP) {
+    if (!available.has(m.file) && !pageFileExists(m.file)) continue;
+    imports.push(`import { ${m.component} } from './pages/${m.file}'`);
+    entries.push(`  '${m.route}': ${m.component},`);
+    if (m.pattern) {
+      patterns.push(`  { prefix: '${m.pattern}', component: ${m.component} },`);
+    }
+  }
+  const noPages = imports.length === 0;
+  return `/**
+ * SSR \u9759\u6001\u9875\u9762\u6CE8\u518C\u8868\uFF08\u672C\u6587\u4EF6\u7531 CLI \u751F\u6210\uFF0C\u52FF\u624B\u6539\uFF09\u3002
+ * \u751F\u6210\u5668: src/generators/ssr-pages.ts
+ *
+ * renderToString \u89E3\u6790\u4E0D\u4E86 React.lazy\u2014\u2014ISR \u8DEF\u7531\u7684\u9875\u9762\u7EA7 SSR \u4F9D\u8D56\u8FD9\u91CC\u7684
+ * \u9759\u6001\u540C\u6784\u7EC4\u4EF6\u3002\u53EA\u5BFC\u5165\u672C preset \u5B9E\u9645\u5305\u542B\u7684\u9875\u9762\uFF08\u6A21\u677F\u5168\u91CF\u7248\u4F1A\u88AB\u8986\u76D6\uFF09\u3002
+ */
+
+import type { ComponentType } from 'react'
+${noPages ? `
+// \u672C preset \u6CA1\u6709\u5173\u8054\u7684 ISR \u9875\u9762\u2014\u2014SSR \u8F93\u51FA\u5E03\u5C40\u58F3 + meta\uFF08\u5408\u7406\uFF1A
+// \u8BE5 preset \u7684\u9875\u9762\u65E0\u9700 SEO \u6216\u5747\u4E3A\u7BA1\u7406/\u5DE5\u5177\u578B\uFF09
+export const SSR_PAGES: Record<string, ComponentType> = {}
+
+export function getSsrPage(_pathname: string): ComponentType | null {
+  return null
+}
+` : `
+${imports.join("\n")}
+
+export const SSR_PAGES: Record<string, ComponentType> = {
+${entries.join("\n")}
+}
+
+const SSR_PATTERNS: Array<{ prefix: string; component: ComponentType }> = [
+${patterns.join("\n")}
+]
+
+/** ISR \u8DEF\u5F84\u662F\u5426\u6709\u5173\u8054\u9759\u6001\u7EC4\u4EF6\uFF08\u51B3\u5B9A body \u6E32\u67D3\u771F\u5B9E\u5185\u5BB9\u8FD8\u662F\u4EC5 meta\uFF09 */
+export function getSsrPage(pathname: string): ComponentType | null {
+  if (SSR_PAGES[pathname]) return SSR_PAGES[pathname]
+  for (const p of SSR_PATTERNS) {
+    if (pathname.startsWith(p.prefix)) return p.component
+  }
+  return null
+}
+`}`;
+}
+
 // src/generators/client-navigation.ts
 var DEFAULT_ICON = "Circle";
 var ICON_MAP = {
@@ -4232,6 +4299,11 @@ async function createProject(projectNameOrOptions, useCurrentDir = false, preset
         path.join(targetDir, "src/client/stores/entry-stores.ts"),
         entryStoresContent
       );
+      const ssrPagesContent = generateSsrPages(
+        resolved,
+        (name) => fs.existsSync(path.join(targetDir, "src/client/pages", `${name}.tsx`))
+      );
+      await fs.writeFile(path.join(targetDir, "src/client/ssr-pages.ts"), ssrPagesContent);
     }
     const dbSchemaContent = generateDbSchemaBarrel(resolved);
     await fs.writeFile(path.join(targetDir, "src/server/db/schema/index.ts"), dbSchemaContent);