@4399ywkf/cli 0.0.22 → 1.0.2

package/dist/cli.js

@@ -1,644 +1,25 @@
-#!/usr/bin/env node
 'use strict';
 
-var require$$0 = require('commander');
-var require$$1 = require('inquirer');
-var require$$2 = require('path');
-var require$$3 = require('ora');
-var require$$4 = require('fs-extra');
-var require$$5 = require('child_process');
-var require$$7 = require('chalk');
-var require$$8 = require('boxen');
-var require$$9 = require('figlet');
-require('https');
+var utils = require('@umijs/utils');
 
-var cli = {};
-
-/** 暴露模版代码 */
-
-var templates$1 = {
-  microFrontend: {
-    webpack: {
-      main: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/webpack-mainApplicate_demo.git",
-          name: "webpack-mainApplicate_demo",
-          description: "基于 Webpack 的微前端主应用模板",
-          features: ["qiankun", "react", "antd", "路由管理"],
-          recommended: true,
-        },
-      ],
-      sub: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/webpack-subApplicate_demo.git",
-          name: "webpack-subApplicate_demo",
-          description: "标准的微前端子应用模板",
-          features: ["react", "antd", "独立运行"],
-          recommended: true,
-        },
-      ],
-    },
-    vite: {
-      main: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/vite-mainApplicate_demo.git",
-          name: "vite-mainApplicate_demo",
-          description: "基于 Vite 的微前端主应用模板",
-          features: ["qiankun", "react", "antd", "路由管理"],
-          recommended: true,
-        },
-      ],
-      sub: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/vite-subApplicate_demo.git",
-          name: "vite-subApplicate_demo",
-          description: "标准的微前端子应用模板",
-          features: ["react", "antd", "独立运行"],
-          recommended: true,
-        },
-      ],
-    },
-    rspack: {
-      main: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/rspack-subApplicate_demo.git",
-          name: "rspack-subApplicate_demo",
-          description: "基于 Rspack 的微前端子应用模板",
-          features: ["react", "antd", "独立运行"],
-          recommended: true,
-        },
-      ],
-      sub: [
-        {
-          value: "https://ywgit.gz4399.com/ywkf/rspack-subApplicate_demo.git",
-          name: "rspack-subApplicate_demo",
-          description: "基于 Rspack 的微前端子应用模板",
-          features: ["react", "antd", "独立运行"],
-          recommended: true,
-        },
-      ],
-    },
-  },
-  standalone: {
-    nextjs: [
-      {
-        value: "https://ywgit.gz4399.com/ywkf/next-dome.git",
-        name: "next-demo",
-        description: "基于 Next.js 的全栈应用模板",
-        features: ["react", "antd", "next", "路由管理"],
-        recommended: true,
-      },
-    ],
+const args = utils.yParser(process.argv.slice(2), {
+  alias: {
+    version: ["v"],
+    help: ["h"]
   },
-};
-
-const program = require$$0;
-const inquirer = require$$1;
-const path = require$$2;
-const ora = require$$3;
-const fs = require$$4;
-const { exec } = require$$5;
-const templates = templates$1;
-
-// 美化输出相关
-const chalk = require$$7;
-const boxen = require$$8;
-const figlet = require$$9;
-const pkgInfo = {
-  version: "0.0.22",
-};
-
-// 美化输出函数
-function printBanner() {
-  console.log(
-    chalk.cyan(
-      figlet.textSync("YWKF CLI", {
-        font: "Standard",
-        horizontalLayout: "default",
-        verticalLayout: "default",
-      })
-    )
-  );
-  console.log(chalk.gray(`版本: ${pkgInfo.version}\n`));
-}
-
-function printSuccess(message) {
-  console.log(chalk.green("✅ " + message));
-}
-
-function printError(message) {
-  console.log(chalk.red("❌ " + message));
-}
-
-function printInfo(message) {
-  console.log(chalk.blue("ℹ️  " + message));
-}
-
-function printWarning(message) {
-  console.log(chalk.yellow("⚠️  " + message));
-}
-
-function printFinalInstructions(projectName, architectureType, appDirection) {
-  console.log();
-  console.log(
-    boxen(
-      [
-        chalk.green.bold("🎉 项目创建成功！"),
-        "",
-        chalk.yellow("📂 项目路径：") + chalk.cyan(projectName),
-        "",
-        chalk.yellow("🚀 下一步："),
-        chalk.white(`  cd ${projectName}`),
-        chalk.white("  nvm use     "),
-        chalk.white("  pnpm install "),
-        chalk.white("  pnpm dev      # 启动开发服务器"),
-        "",
-        chalk.gray("💡 提示："),
-        chalk.gray("  - 查看 README.md 了解更多信息"),
-        chalk.gray("  - 检查 package.json 中的可用脚本"),
-        chalk.gray("  - 访问内部文档了解最佳实践"),
-      ].join("\n"),
-      {
-        padding: 1,
-        margin: 1,
-        borderStyle: "round",
-        borderColor: "green",
-      }
-    )
-  );
-
-  // 根据项目类型提供特定建议
-  if (architectureType === "microFrontend") {
-    console.log(chalk.blue("🔗 微前端相关："));
-    if (appDirection === "main") {
-      console.log(chalk.gray("  - 配置子应用注册信息"));
-      console.log(chalk.gray("  - 设置路由规则"));
-    } else {
-      console.log(chalk.gray("  - 确认子应用配置正确"));
-      console.log(chalk.gray("  - 测试独立运行"));
-    }
-  }
-}
-
-function cloneRepository(repoUrl, destination) {
-  return new Promise((resolve, reject) => {
-    // 确保URL格式正确，移除可能的末尾斜杠
-    const cleanUrl = repoUrl.replace(/\/$/, "");
-    const command = `git clone ${cleanUrl} ${destination}`;
-
-    // 设置子进程选项
-    const options = {
-      cwd: process.cwd(),
-      env: process.env,
-      stdio: "pipe",
-    };
-
-    exec(command, options, (error, stdout, stderr) => {
-      if (error) {
-        console.error(`命令执行失败: ${command}`);
-        console.error(`错误代码: ${error.code}`);
-        console.error(`错误信息: ${error.message}`);
-        console.error(`stderr: ${stderr}`);
-        reject(`Error cloning repository: ${stderr || error.message}`);
-      } else {
-        resolve(`Repository cloned successfully: ${stdout}`);
-      }
-    });
+  boolean: ["version"]
+});
+if (args.version && !args._[0]) {
+  args._[0] = "version";
+  const local = utils.isLocalDev() ? utils.chalk.cyan("@local") : "";
+  const { name, version } = require("../package.json");
+  console.log(`${name}@${version}${local}`);
+} else {
+  require("./")({
+    cwd: process.cwd(),
+    args
+  }).catch((err) => {
+    console.error(`Create failed, ${err.message}`);
+    console.error(err);
   });
 }
-
-// 新添加：更新环境模板文件
-async function updateEnvTemplate(filePath, config) {
-  try {
-    // 读取模板文件内容
-    let templateContent = await fs.readFile(filePath, "utf8");
-
-    // 替换模板变量
-    const replacements = {
-      "{{APP_CNAME}}": `${config.appCname}`,
-      "{{APP_NAME}}": `${config.appName}`,
-      "{{SENTRY_ENABLED}}": `${config.sentryEnabled ? "true" : "false"}`,
-      "{{SENTRY_DSN}}": `${config.sentryDsn}`,
-    };
-
-    // 执行替换
-    for (const [placeholder, value] of Object.entries(replacements)) {
-      templateContent = templateContent.replace(
-        new RegExp(placeholder, "g"),
-        value
-      );
-    }
-
-    // 写回文件
-    await fs.writeFile(filePath, templateContent, "utf8");
-  } catch (error) {
-    throw new Error(`更新模板文件失败: ${error.message}`);
-  }
-}
-
-// 配置 webpack 子应用的环境变量（填充模板）
-async function configureWebpackSubApp(projectPath, projectName) {
-  printInfo("正在配置 Webpack 子应用环境变量...");
-
-  const envFilePath = path.join(projectPath, "config", "env", ".env.public");
-
-  // 检查模板文件是否存在
-  if (!fs.existsSync(envFilePath)) {
-    printWarning("未找到 .env.public 模板文件，跳过配置");
-    return;
-  }
-
-  // 询问用户配置选项
-  const { configureEnv } = await inquirer.prompt({
-    type: "confirm",
-    name: "configureEnv",
-    message: chalk.cyan("🔧 是否要自定义应用配置？"),
-    default: true,
-  });
-
-  if (!configureEnv) {
-    // 如果不配置，使用默认值填充模板
-    const defaultConfig = {
-      appCname: projectName.toLowerCase().replace(/[^a-z0-9-]/g, "-"),
-      appName: projectName
-        .toLowerCase()
-        .replace(/[^a-z0-9-]/g, "-")
-        .split("-")
-        .map((word, index) =>
-          index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)
-        )
-        .join(""),
-      outputPath: "dist",
-      publicPath: "/",
-    };
-
-    await updateEnvTemplate(envFilePath, defaultConfig);
-    printInfo("已使用默认配置填充模板");
-    return;
-  }
-
-  // 获取用户输入的配置
-  const config = await inquirer.prompt([
-    {
-      type: "input",
-      name: "appName",
-      message: chalk.cyan("📝 请输入应用代码名称(APP_NAME)："),
-      default: projectName.toLowerCase().replace(/[^a-z0-9-_]/g, "-"),
-      validate: (input) => {
-        if (!input.trim()) {
-          return "应用代码名称不能为空！";
-        }
-        if (!/^[a-z0-9-_]+$/.test(input)) {
-          return "应用代码名称只能包含小写字母、数字、横线和下划线！";
-        }
-        return true;
-      },
-    },
-    {
-      type: "input",
-      name: "appCname",
-      message: chalk.cyan("📝 请输入应用名称 (APP_CNAME)："),
-      default: projectName.toLowerCase().replace(/[^a-z0-9-_]/g, "-"),
-      validate: (input) => {
-        if (!input.trim()) {
-          return "应用名称不能为空！";
-        }
-
-        // 支持中文、英文、数字、横线、下划线，必须以字母或中文开头
-        if (
-          !/^[\u4e00-\u9fff\u3400-\u4dbfa-zA-Z][\u4e00-\u9fff\u3400-\u4dbfa-zA-Z0-9_-]*$/.test(
-            input
-          )
-        ) {
-          return "应用名称必须以中文或字母开头，可包含中文、字母、数字、横线和下划线！";
-        }
-
-        return true;
-      },
-    },
-    {
-      type: "confirm",
-      name: "sentryEnabled",
-      message: chalk.cyan("📝 是否开启 Sentry？"),
-      default: true,
-    },
-    // 如果开启 sentry 则需要输入 sentry 的 dsn
-    {
-      type: "input",
-      name: "sentryDsn",
-      message: chalk.cyan("📝 请输入 Sentry 的 DSN："),
-      default: "https://207b65a59562963635abde2cfce82651@sentry.gz4399.com/28",
-      when: (answers) => answers.sentryEnabled,
-    },
-  ]);
-
-  try {
-    // 更新模板文件
-    await updateEnvTemplate(envFilePath, config);
-    printSuccess(`已更新环境配置文件：${chalk.bold(".env.public")}`);
-
-    // 显示配置信息
-    console.log();
-    printInfo("应用配置信息：");
-    console.log(chalk.gray(`  应用代码名称: ${chalk.white(config.appCname)}`));
-    console.log(chalk.gray(`  应用名称: ${chalk.white(config.appName)}`));
-    console.log();
-  } catch (error) {
-    printError(`更新环境配置文件失败：${error.message}`);
-    throw error;
-  }
-}
-
-// 支持无参数创建（在当前目录）
-program
-  .command("create [project-name]") // 使project-name可选
-  .description("创建新项目")
-  .option("-t, --template <template>", "指定模版")
-  .action(async (projectName, options) => {
-    // 如果没有提供项目名，询问用户
-    if (!projectName) {
-      const { name } = await inquirer.prompt({
-        type: "input",
-        name: "name",
-        message: chalk.cyan("📝 请输入项目名称："),
-        default: "my-project",
-        validate: (input) => {
-          if (!input.trim()) {
-            return "项目名称不能为空！";
-          }
-          return true;
-        },
-      });
-      projectName = name;
-    }
-    printInfo(`项目名称：${chalk.bold(projectName)}`);
-
-    const { architectureType } = await inquirer.prompt({
-      type: "list",
-      name: "architectureType",
-      message: chalk.cyan("🏗️  请选择架构类型："),
-      choices: [
-        {
-          name: `${chalk.blue("🧩 微前端架构")} - 支持主应用和子应用`,
-          value: "microFrontend",
-        },
-        {
-          name: `${chalk.green("📱 独立应用")} - 单体应用架构`,
-          value: "standalone",
-        },
-      ],
-    });
-    printInfo(
-      `架构类型：${chalk.bold(
-        architectureType === "microFrontend" ? "微前端架构" : "独立应用"
-      )}`
-    );
-
-    let projectTemplate, toolType, appDirection;
-
-    if (architectureType === "microFrontend") {
-      // 微前端架构流程
-      // 3. 选择工具类型
-      const { toolType: toolTypeResult } = await inquirer.prompt({
-        type: "list",
-        name: "toolType",
-        message: chalk.cyan("🔧 请选择工具类型："),
-        default: "rspack",
-        choices: [
-          {
-            name: `${chalk.blue("📦 Webpack")} - 成熟稳定的打包工具`,
-            value: "webpack",
-          },
-          {
-            name: `${chalk.green("⚡ Vite")} - 快速的构建工具`,
-            value: "vite",
-          },
-          {
-            name: `${chalk.yellow("⚛️ Rspack")} - 快速的打包工具`,
-            value: "rspack",
-          },
-        ],
-      });
-      toolType = toolTypeResult;
-      printInfo(`工具类型：${chalk.bold(toolType)}`);
-
-      // 4. 选择应用方向
-      const { appDirection: appDirectionResult } = await inquirer.prompt({
-        type: "list",
-        name: "appDirection",
-        message: chalk.cyan("🎯 请选择应用方向："),
-        choices: [
-          {
-            name: `${chalk.magenta("🏠 主应用")} - 微前端主应用`,
-            value: "main",
-          },
-          {
-            name: `${chalk.yellow("🧩 子应用")} - 微前端子应用`,
-            value: "sub",
-          },
-        ],
-      });
-      appDirection = appDirectionResult;
-
-      printInfo(
-        `应用方向：${chalk.bold(appDirection === "main" ? "主应用" : "子应用")}`
-      );
-
-      // 5. 选择模版
-      if (options.template) {
-        const foundTemplate = templates.microFrontend[toolType][
-          appDirection
-        ].find((template) => template.name === options.template);
-        if (foundTemplate) {
-          projectTemplate = foundTemplate.value;
-          printSuccess(`使用指定模版：${chalk.bold(options.template)}`);
-        } else {
-          printWarning(`未找到指定模版 "${options.template}"，请重新选择`);
-        }
-      }
-
-      if (!projectTemplate) {
-        const availableTemplates =
-          templates.microFrontend[toolType][appDirection];
-
-        // 如果只有一个模版，直接使用它
-        if (availableTemplates.length === 1) {
-          projectTemplate = availableTemplates[0].value;
-        } else {
-          // 多个模版时让用户选择
-          const { template } = await inquirer.prompt({
-            type: "list",
-            name: "template",
-            message: chalk.cyan("📋 请选择模版："),
-            choices: availableTemplates.map((t) => ({
-              name: [
-                `${t.recommended ? chalk.green("⭐") : "  "} ${chalk.white(
-                  t.name
-                )}`,
-                `   ${chalk.gray(t.description)}`,
-                `   ${chalk.blue(`特性: ${t.features.join(", ")}`)}`,
-              ].join("\n"),
-              value: t.value,
-              short: t.name,
-            })),
-            pageSize: 10,
-          });
-          projectTemplate = template;
-        }
-      }
-    } else {
-      // 独立应用架构流程
-      // 3. 选择框架类型
-      const { frameworkType } = await inquirer.prompt({
-        type: "list",
-        name: "frameworkType",
-        message: chalk.cyan("⚛️  请选择框架类型："),
-        default: "nextjs",
-        choices: [
-          {
-            name: `${chalk.black("▲")} ${chalk.white(
-              "Next.js"
-            )} - React 全栈框架`,
-            value: "nextjs",
-          },
-          // 可以在这里添加更多独立应用框架
-        ],
-      });
-      printInfo(`框架类型：${chalk.bold(frameworkType)}`);
-
-      // 4. 选择模版
-      if (options.template) {
-        const foundTemplate = templates.standalone[frameworkType].find(
-          (template) => template.name === options.template
-        );
-        if (foundTemplate) {
-          projectTemplate = foundTemplate.value;
-          printSuccess(`使用指定模版：${chalk.bold(options.template)}`);
-        } else {
-          printWarning(`未找到指定模版 "${options.template}"，请重新选择`);
-        }
-      }
-
-      if (!projectTemplate) {
-        const availableTemplates = templates.standalone[frameworkType];
-
-        // 如果只有一个模版，直接使用它
-        if (availableTemplates.length === 1) {
-          projectTemplate = availableTemplates[0].value;
-          printInfo(`使用模版：${chalk.bold(availableTemplates[0].name)}`);
-        } else {
-          // 多个模版时让用户选择
-          const { template } = await inquirer.prompt({
-            type: "list",
-            name: "template",
-            message: chalk.cyan("📋 请选择模版："),
-            choices: availableTemplates.map((t) => ({
-              name: `${chalk.white(t.name)}`,
-              value: t.value,
-            })),
-          });
-          projectTemplate = template;
-        }
-      }
-    }
-
-    console.log(); // 空行
-
-    // 获取目标文件夹路径
-    const dest = path.join(process.cwd(), projectName);
-    // 判断文件夹是否存在，存在就交互询问用户是否覆盖
-    if (fs.existsSync(dest)) {
-      printWarning(`目录 "${projectName}" 已存在！`);
-      const { force } = await inquirer.prompt({
-        type: "confirm",
-        name: "force",
-        message: chalk.yellow("⚠️  是否覆盖现有目录？"),
-        default: false,
-      });
-      if (force) {
-        fs.removeSync(dest);
-        printSuccess("已删除现有目录");
-      } else {
-        printInfo("操作已取消");
-        process.exit(1);
-      }
-    }
-
-    // 开始loading
-    const loading = ora({
-      text: "正在下载模版...",
-      spinner: "bouncingBar",
-    });
-    loading.start();
-
-    // 6. 开始下载模版
-    try {
-      const result = await cloneRepository(projectTemplate, dest);
-      loading.succeed();
-      printSuccess("模版下载成功！");
-
-      // 删除.git文件夹
-      const gitDir = path.join(dest, ".git");
-      if (fs.existsSync(gitDir)) {
-        fs.removeSync(gitDir);
-        printSuccess("已清理 .git 文件夹");
-      }
-
-      // 新添加：如果是 webpack 子应用，进行环境配置
-      if (
-        architectureType === "microFrontend" &&
-        (toolType === "webpack" || toolType === "rspack") &&
-        appDirection === "sub"
-      ) {
-        console.log(); // 空行
-        await configureWebpackSubApp(dest, projectName);
-      }
-
-      console.log(); // 空行
-      printFinalInstructions(projectName, architectureType, appDirection);
-    } catch (error) {
-      loading.fail();
-      printError("模版下载失败：" + error);
-      process.exit(1);
-    }
-  });
-
-// 在环境配置前添加说明
-console.log();
-console.log(
-  boxen(
-    [
-      chalk.blue.bold("🔧 环境配置"),
-      "",
-      chalk.gray("接下来将配置应用的基本信息："),
-      chalk.gray("• 应用名称 - 用于标识和显示"),
-      chalk.gray("• 构建配置 - 输出路径和公共路径"),
-      chalk.gray("• 监控配置 - Sentry 错误监控（可选）"),
-      "",
-      chalk.yellow("💡 提示：所有配置后续都可以在代码中修改"),
-    ].join("\n"),
-    {
-      padding: 1,
-      borderStyle: "round",
-      borderColor: "blue",
-    }
-  )
-);
-
-// 定义当前版本
-program.version(`v${pkgInfo.version}`);
-program.on("--help", () => {
-  printBanner();
-  console.log(chalk.gray("使用示例："));
-  console.log(chalk.white("  @4399ywkf/cli create my-project"));
-  console.log(
-    chalk.white(
-      "  @4399ywkf/cli create my-project -t webpack-mainApplicate_demo"
-    )
-  );
-  console.log();
-});
-
-program.parse(process.argv);
-
-module.exports = cli;

package/dist/templates/404/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function NotFound() {
+  return <div>404</div>;
+}

package/dist/templates/404/page.tsx

@@ -0,0 +1,27 @@
+import UnFindPng from '@config/public/404.png';
+import { Button, Empty } from 'antd';
+import React from 'react';
+import { useNavigate } from 'react-router';
+
+export const UnPageFind = () => {
+  const navigate = useNavigate();
+
+  return (
+    <div className='p-4 w-full h-full relative flex justify-center items-center'>
+      <Empty
+        image={UnFindPng}
+        description={
+          <div className='flex flex-col gap-2 justify-center items-center'>
+            <h2>抱歉，页面无法访问…</h2>
+            <span>404，网址错误或已失效。请检查网址。</span>
+            <Button size={'large'} type={'primary'} className='w-24' onClick={() => navigate('/')}>
+              返回首页
+            </Button>
+          </div>
+        }
+      ></Empty>
+    </div>
+  );
+};
+
+export default UnPageFind;

package/dist/templates/404.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function NotFound() {
+  return <div>404页面</div>;
+}