create-secra 0.1.4 → 0.1.7

package/bin/index.mjs

@@ -1,13 +1,28 @@
 #!/usr/bin/env node
 
-import { spawn } from "node:child_process";
 import { cpSync, existsSync, readdirSync, readFileSync, writeFileSync } from "node:fs";
+import { emitKeypressEvents } from "node:readline";
 import { fileURLToPath } from "node:url";
 import path from "node:path";
 import process from "node:process";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const DEFAULT_TEMPLATE = path.resolve(__dirname, "../template");
+const ANT_DESIGN_ADAPTER_TEMPLATE = path.resolve(__dirname, "../antd-adapter-template");
+const TEMPLATE_OPTIONS = [
+  {
+    key: "1",
+    label: "最小可用版本",
+    templatePath: DEFAULT_TEMPLATE,
+    templateName: "template",
+  },
+  {
+    key: "2",
+    label: "antd UI 适配器版本",
+    templatePath: ANT_DESIGN_ADAPTER_TEMPLATE,
+    templateName: "antd-adapter-template",
+  },
+];
 const EXCLUDED_DIRS = new Set(["node_modules", "dist", ".turbo", ".git"]);
 const targetArg = process.argv[2];
 const targetDir = targetArg && targetArg.trim() ? targetArg.trim() : "secra-app";
@@ -42,41 +57,163 @@ function updatePackageName(cwd, name) {
   }
 }
 
-function detectPackageManager() {
+function detectPackageManager(projectRoot) {
   const userAgent = process.env.npm_config_user_agent || "";
   if (userAgent.startsWith("pnpm")) return "pnpm";
   if (userAgent.startsWith("yarn")) return "yarn";
   if (userAgent.startsWith("bun")) return "bun";
+
+  // Fallback to the project's packageManager field (e.g. "pnpm@9.x").
+  if (projectRoot) {
+    const packageJsonPath = path.join(projectRoot, "package.json");
+    if (existsSync(packageJsonPath)) {
+      try {
+        const content = readFileSync(packageJsonPath, "utf8");
+        const json = JSON.parse(content);
+        const packageManager = String(json.packageManager || "").trim();
+        if (packageManager.startsWith("pnpm")) return "pnpm";
+        if (packageManager.startsWith("yarn")) return "yarn";
+        if (packageManager.startsWith("bun")) return "bun";
+        if (packageManager.startsWith("npm")) return "npm";
+      } catch {
+        // Ignore parsing failures and fall through to npm.
+      }
+    }
+  }
+
   return "npm";
 }
 
-function runInstall(cwd, manager) {
-  const args =
-    manager === "npm"
-      ? ["install"]
-      : manager === "yarn"
-      ? []
-      : manager === "bun"
-      ? ["install"]
-      : ["install"];
-
-  return new Promise((resolve, reject) => {
-    const child = spawn(manager, args, {
-      cwd,
-      stdio: "inherit",
-      shell: process.platform === "win32",
-    });
-    child.on("close", (code) => {
-      if (code === 0) resolve();
-      else reject(new Error(`Dependency install failed with code ${code}`));
-    });
-    child.on("error", reject);
+async function promptTemplateSelection() {
+  const renderMenu = (selectedIndex) => {
+    const lines = ["[create-secra] 请选择初始化版本（↑/↓ 切换，Enter 确认）："];
+    for (let i = 0; i < TEMPLATE_OPTIONS.length; i += 1) {
+      const option = TEMPLATE_OPTIONS[i];
+      const prefix = i === selectedIndex ? "❯" : " ";
+      lines.push(` ${prefix} ${option.key}. ${option.label}`);
+    }
+    process.stdout.write(`${lines.join("\n")}\n`);
+  };
+
+  return new Promise((resolve) => {
+    let selectedIndex = 0;
+    let renderedLines = 0;
+    const stdin = process.stdin;
+    const stdout = process.stdout;
+    const shouldRestoreRaw = stdin.isTTY && !stdin.isRaw;
+
+    const clearRenderedMenu = () => {
+      if (renderedLines > 0) {
+        stdout.write(`\u001b[${renderedLines}A`);
+        stdout.write("\u001b[J");
+      }
+    };
+
+    const draw = () => {
+      clearRenderedMenu();
+      renderMenu(selectedIndex);
+      renderedLines = TEMPLATE_OPTIONS.length + 1;
+    };
+
+    const cleanup = () => {
+      stdin.removeListener("keypress", onKeypress);
+      if (stdin.isTTY && shouldRestoreRaw) {
+        stdin.setRawMode(false);
+      }
+      stdin.pause();
+    };
+
+    const finish = () => {
+      cleanup();
+      clearRenderedMenu();
+      const selected = TEMPLATE_OPTIONS[selectedIndex] ?? TEMPLATE_OPTIONS[0];
+      stdout.write(`[create-secra] 请选择初始化版本：${selected.label}\n`);
+      resolve(selected);
+    };
+
+    const onKeypress = (_str, key) => {
+      if (key?.name === "up") {
+        selectedIndex = (selectedIndex - 1 + TEMPLATE_OPTIONS.length) % TEMPLATE_OPTIONS.length;
+        draw();
+        return;
+      }
+
+      if (key?.name === "down") {
+        selectedIndex = (selectedIndex + 1) % TEMPLATE_OPTIONS.length;
+        draw();
+        return;
+      }
+
+      if (key?.name === "return") {
+        finish();
+        return;
+      }
+
+      if (key?.ctrl && key?.name === "c") {
+        cleanup();
+        process.exit(1);
+      }
+    };
+
+    emitKeypressEvents(stdin);
+    stdin.setRawMode(true);
+    stdin.resume();
+    stdin.on("keypress", onKeypress);
+    draw();
   });
 }
 
+async function resolveTemplate() {
+  const templateName = process.env.SECRA_TEMPLATE_NAME || "";
+  const templateFromEnv = process.env.SECRA_TEMPLATE;
+
+  if (templateFromEnv) {
+    return {
+      template: templateFromEnv,
+      selectedName: templateName || "custom",
+      selectedLabel: templateName || "自定义模板",
+    };
+  }
+
+  if (templateName) {
+    const matchedByName = TEMPLATE_OPTIONS.find((option) => option.templateName === templateName);
+    if (matchedByName) {
+      return {
+        template: matchedByName.templatePath,
+        selectedName: matchedByName.templateName,
+        selectedLabel: matchedByName.label,
+      };
+    }
+  }
+
+  const matchedByArg = TEMPLATE_OPTIONS.find((option) => option.key === process.argv[3]);
+  if (matchedByArg) {
+    return {
+      template: matchedByArg.templatePath,
+      selectedName: matchedByArg.templateName,
+      selectedLabel: matchedByArg.label,
+    };
+  }
+
+  if (!process.stdin.isTTY || !process.stdout.isTTY) {
+    const fallback = TEMPLATE_OPTIONS[0];
+    return {
+      template: fallback.templatePath,
+      selectedName: fallback.templateName,
+      selectedLabel: fallback.label,
+    };
+  }
+
+  const selected = await promptTemplateSelection();
+  return {
+    template: selected.templatePath,
+    selectedName: selected.templateName,
+    selectedLabel: selected.label,
+  };
+}
+
 async function main() {
-  const template = process.env.SECRA_TEMPLATE || DEFAULT_TEMPLATE;
-  const manager = detectPackageManager();
+  const { template, selectedLabel } = await resolveTemplate();
 
   if (existsSync(targetPath)) {
     const files = readdirSync(targetPath);
@@ -89,6 +226,7 @@ async function main() {
     fail(`Template does not exist: ${template}`);
   }
 
+  console.log(`[create-secra] 已选择：${selectedLabel}`);
   console.log(`[create-secra] Scaffolding from local template: ${template} ...`);
   try {
     cpSync(template, targetPath, {
@@ -101,17 +239,11 @@ async function main() {
   }
 
   updatePackageName(targetPath, path.basename(targetPath));
-
-  console.log(`[create-secra] Installing dependencies with ${manager} ...`);
-  try {
-    await runInstall(targetPath, manager);
-  } catch (error) {
-    fail(error instanceof Error ? error.message : String(error));
-  }
+  const manager = detectPackageManager(targetPath);
 
   console.log(`[create-secra] Done. Next steps:`);
   console.log(`  cd ${targetDir}`);
-  console.log(`  pnpm install`);
+  console.log(`  ${manager === "yarn" ? "yarn" : `${manager} install`}`);
   console.log(`  pnpm -r --filter "./packages/*" build`);
   console.log(`  pnpm dev`);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-secra",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Create a Secra project from the official template.",
   "type": "module",
   "bin": {
@@ -8,12 +8,16 @@
   },
   "files": [
     "bin",
-    "template"
+    "template",
+    "antd-adapter-template"
   ],
   "keywords": [
     "create",
     "secra",
     "scaffold"
   ],
+  "scripts": {
+    "prepublishOnly": "npm version patch"
+  },
   "license": "MIT"
 }

package/template/apps/core/src/main.tsx

@@ -1,21 +1,14 @@
-import "@vlian/sdk/reset.css";
+import '@vlian/sdk/reset.css';
 import { startApp } from '@vlian/framework/core';
-import { LogLevel } from '@vlian/framework/utils';
 import { getRoutes } from './router';
-void startApp({
-    showSplashScreen: 'auto', // 自动判断是否显示启动页
-    loggerLevel: LogLevel.DEBUG,
-    configStrategy: {
-        //加载关键配置 这些配置必须在应用渲染前加载完成
-        loadCriticalConfig: async () => {
-            return {}
-        },
-    },
-    lifecycle: {
-    },
-    router: {
-        enabled: true,
-        routes: getRoutes,
-        mode: 'browser',
-    }
+
+startApp({
+  router: {
+    enabled: true,
+    routes: getRoutes,
+    mode: 'browser',
+  },
+}).catch((error) => {
+  // eslint-disable-next-line no-console
+  console.error('启动失败:', error);
 });

package/template/apps/core/src/router.ts

@@ -1,11 +1,15 @@
 import type { RouteConfig } from "@vlian/framework/core"
 
+const HomePage = lazy(() => import("./pages/index"));
+
 export const getRoutes = async (): Promise<RouteConfig[]> => {
     return [
         {
             path: "/",
             name: "home",
-            page: () => import('./pages/index.tsx'),
+            page: async () => ({
+                default: HomePage,
+            }),
             handle: {
                 title: "首页",
                 order: 1,

package/template/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^6.1.0",
-    "@vlian/framework": "^1.2.1",
+    "@vlian/framework": "^1.2.16",
     "@vlian/infrastructure": "^0.9.11",
     "@vlian/sdk": "workspace:*",
     "ahooks": "^3.8.5",

package/template/packages/sdk/src/build/plugins/unocss.ts

@@ -24,6 +24,9 @@ export function setupUnocss(
   unocssConfig?: Partial<UserConfig>
 ): ReturnType<typeof unocss> {
   return unocss({
+    // Disable auto-loading `uno.config.*` from cwd to avoid noisy
+    // "Config file not found" logs in template apps without standalone config files.
+    configFile: false,
     presets: [
       // 基础预设 - 包含 Tailwind CSS 兼容的工具类
       presetUno(),