@moluoxixi/create-app 2.0.4 → 2.0.403

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 moluoxixi-template
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 moluoxixi-template
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,129 +1,129 @@
-# @moluoxixi/create-app
-
-> 基于原子化分层叠加架构的项目脚手架 CLI
-
-## 快速开始
-
-```bash
-# 使用 npx
-npx @moluoxixi/create-app
-
-# 使用 pnpm
-pnpm create @moluoxixi/app
-
-# 使用 npm
-npm create @moluoxixi/app
-```
-
-## 特性
-
-- 🚀 **原子化分层架构** - L0/L1/L2 三层模板，灵活组合
-- 📦 **多框架支持** - Vue 3、React 18
-- 🎨 **多 UI 库** - Element Plus、Ant Design Vue、Ant Design
-- 🌍 **国际化** - 内置 vue-i18n / i18next 支持
-- 📊 **错误监控** - 可选 Sentry 集成
-- 🔗 **微前端** - 可选 Qiankun 支持 (Vue)
-- ⚡ **文件系统路由** - 可选 vite-plugin-pages
-- 📝 **TypeScript** - 全面的类型支持
-- 🔧 **规范配置** - ESLint + Commitlint + Husky
-
-## 内置依赖
-
-所有生成的项目都包含以下核心依赖：
-
-| 依赖包 | 用途 |
-|--------|------|
-| `@moluoxixi/eslint-config` | ESLint 统一配置 |
-| `@moluoxixi/vite-config` | Vite 构建配置 |
-| `@moluoxixi/ajax-package` | HTTP 请求封装 |
-| `@moluoxixi/class-names` | CSS 类名工具 |
-| `@moluoxixi/css-module-global-root-plugin` | CSS Module 插件 |
-
-## 项目结构
-
-生成的项目结构示例：
-
-```
-my-project/
-├── .husky/              # Git Hooks
-├── scripts/             # 构建脚本
-├── src/
-│   ├── apis/            # API 请求层
-│   ├── assets/          # 静态资源
-│   ├── components/      # 公共组件
-│   ├── constants/       # 常量定义
-│   ├── directives/      # Vue 指令
-│   ├── layouts/         # 布局组件
-│   ├── locales/         # 多语言文件
-│   ├── pages/           # 页面组件
-│   ├── router/          # 路由配置
-│   ├── stores/          # 状态管理
-│   ├── utils/           # 工具函数
-│   ├── App.vue          # 根组件
-│   └── main.ts          # 入口文件
-├── .env                 # 环境变量
-├── package.json         # 项目配置
-├── pnpm-workspace.yaml  # pnpm 工作区
-├── vite.config.ts       # Vite 配置
-├── eslint.config.ts     # ESLint 配置
-└── tsconfig.json        # TypeScript 配置
-```
-
-## 命令
-
-```bash
-# 开发
-pnpm dev
-
-# 构建
-pnpm build
-
-# 构建并打包
-pnpm build:zip
-
-# 类型检查
-pnpm type-check
-
-# 代码检查
-pnpm lint:eslint
-
-# 提交代码
-pnpm commit
-```
-
-## 配置选项
-
-| 选项 | 类型 | 说明 |
-|------|------|------|
-| 项目名称 | string | 项目名称，用于 package.json |
-| 框架 | vue / react | 前端框架 |
-| UI 库 | element-plus / ant-design-vue / ant-design | UI 组件库 |
-| 路由模式 | manual / file-system | 手动配置或文件系统路由 |
-| 国际化 | boolean | 是否启用多语言支持 |
-| 错误监控 | boolean | 是否集成 Sentry |
-| 微前端 | boolean | 是否支持 Qiankun (仅 Vue) |
-| 包管理器 | pnpm / npm / yarn | 包管理器 |
-
-## 开发
-
-```bash
-# 克隆仓库
-git clone https://github.com/moluoxixi/create-app.git
-
-# 安装依赖
-pnpm install
-
-# 运行测试
-pnpm test
-
-# 构建
-pnpm build
-```
-
-## 架构文档
-
-详细的架构说明请参阅 [docs/ARCHITECTURE.md](./docs/ARCHITECTURE.md)
-
-## 许可证
-
-MIT
+# @moluoxixi/create-app
+
+> 基于原子化分层叠加架构的项目脚手架 CLI
+
+## 快速开始
+
+```bash
+# 使用 npx
+npx @moluoxixi/create-app
+
+# 使用 pnpm
+pnpm create @moluoxixi/app
+
+# 使用 npm
+npm create @moluoxixi/app
+```
+
+## 特性
+
+- 🚀 **原子化分层架构** - L0/L1/L2 三层模板，灵活组合
+- 📦 **多框架支持** - Vue 3、React 18
+- 🎨 **多 UI 库** - Element Plus、Ant Design Vue、Ant Design
+- 🌍 **国际化** - 内置 vue-i18n / i18next 支持
+- 📊 **错误监控** - 可选 Sentry 集成
+- 🔗 **微前端** - 可选 Qiankun 支持 (Vue)
+- ⚡ **文件系统路由** - 可选 vite-plugin-pages
+- 📝 **TypeScript** - 全面的类型支持
+- 🔧 **规范配置** - ESLint + Commitlint + Husky
+
+## 内置依赖
+
+所有生成的项目都包含以下核心依赖：
+
+| 依赖包 | 用途 |
+|--------|------|
+| `@moluoxixi/eslint-config` | ESLint 统一配置 |
+| `@moluoxixi/vite-config` | Vite 构建配置 |
+| `@moluoxixi/ajax-package` | HTTP 请求封装 |
+| `@moluoxixi/class-names` | CSS 类名工具 |
+| `@moluoxixi/css-module-global-root-plugin` | CSS Module 插件 |
+
+## 项目结构
+
+生成的项目结构示例：
+
+```
+my-project/
+├── .husky/              # Git Hooks
+├── scripts/             # 构建脚本
+├── src/
+│   ├── apis/            # API 请求层
+│   ├── assets/          # 静态资源
+│   ├── components/      # 公共组件
+│   ├── constants/       # 常量定义
+│   ├── directives/      # Vue 指令
+│   ├── layouts/         # 布局组件
+│   ├── locales/         # 多语言文件
+│   ├── pages/           # 页面组件
+│   ├── router/          # 路由配置
+│   ├── stores/          # 状态管理
+│   ├── utils/           # 工具函数
+│   ├── App.vue          # 根组件
+│   └── main.ts          # 入口文件
+├── .env                 # 环境变量
+├── package.json         # 项目配置
+├── pnpm-workspace.yaml  # pnpm 工作区
+├── vite.config.ts       # Vite 配置
+├── eslint.config.ts     # ESLint 配置
+└── tsconfig.json        # TypeScript 配置
+```
+
+## 命令
+
+```bash
+# 开发
+pnpm dev
+
+# 构建
+pnpm build
+
+# 构建并打包
+pnpm build:zip
+
+# 类型检查
+pnpm type-check
+
+# 代码检查
+pnpm lint:eslint
+
+# 提交代码
+pnpm commit
+```
+
+## 配置选项
+
+| 选项 | 类型 | 说明 |
+|------|------|------|
+| 项目名称 | string | 项目名称，用于 package.json |
+| 框架 | vue / react | 前端框架 |
+| UI 库 | element-plus / ant-design-vue / ant-design | UI 组件库 |
+| 路由模式 | manual / file-system | 手动配置或文件系统路由 |
+| 国际化 | boolean | 是否启用多语言支持 |
+| 错误监控 | boolean | 是否集成 Sentry |
+| 微前端 | boolean | 是否支持 Qiankun (仅 Vue) |
+| 包管理器 | pnpm / npm / yarn | 包管理器 |
+
+## 开发
+
+```bash
+# 克隆仓库
+git clone https://github.com/moluoxixi/create-app.git
+
+# 安装依赖
+pnpm install
+
+# 运行测试
+pnpm test
+
+# 构建
+pnpm build
+```
+
+## 架构文档
+
+详细的架构说明请参阅 [docs/ARCHITECTURE.md](./docs/ARCHITECTURE.md)
+
+## 许可证
+
+MIT

package/dist/commands/create.d.ts

@@ -5,6 +5,7 @@
 /**
  * 创建项目
  * @param projectName 项目名称（可选）
+ * @returns Promise<void>
+ * @throws {Error} 如果项目创建过程中发生错误
  */
 export declare function createProject(projectName?: string): Promise<void>;
-//# sourceMappingURL=create.d.ts.map

package/dist/commands/create.js

@@ -5,13 +5,15 @@
 import process from 'node:process';
 import chalk from 'chalk';
 import ora from 'ora';
-import { generateProject } from '../generators/project.js';
-import { pathExists } from '../utils/file.js';
-import { initGit, installDependencies } from '../utils/install.js';
-import { collectProjectConfig, confirmOverwrite } from '../utils/prompts.js';
+import { generateProject } from "../generators/project.js";
+import { pathExists } from "../utils/file.js";
+import { initGit, installDependencies } from "../utils/install.js";
+import { collectProjectConfig, confirmOverwrite } from "../utils/prompts.js";
 /**
  * 创建项目
  * @param projectName 项目名称（可选）
+ * @returns Promise<void>
+ * @throws {Error} 如果项目创建过程中发生错误
  */
 export async function createProject(projectName) {
     try {
@@ -52,18 +54,21 @@ export async function createProject(projectName) {
         // 安装依赖
         const installSpinner = ora('正在安装依赖...').start();
         try {
-            installDependencies(config.packageManager, config.targetDir);
+            await installDependencies(config.packageManager, config.targetDir, 1);
             installSpinner.succeed('依赖安装成功!');
         }
-        catch {
+        catch (error) {
             installSpinner.fail('依赖安装失败');
             console.log(chalk.yellow('\n⚠️  项目已创建，但依赖安装失败。'));
             console.log(chalk.yellow(`   请手动运行 "${config.packageManager} install"\n`));
+            if (error instanceof Error) {
+                console.log(chalk.gray(`   错误详情: ${error.message}`));
+            }
         }
         // 初始化 Git
         const gitSpinner = ora('正在初始化 Git...').start();
         try {
-            initGit(config.targetDir);
+            await initGit(config.targetDir);
             gitSpinner.succeed('Git 初始化成功!');
         }
         catch {
@@ -86,4 +91,3 @@ export async function createProject(projectName) {
         process.exit(1);
     }
 }
-//# sourceMappingURL=create.js.map

package/dist/commands/index.d.ts

@@ -1,5 +1,4 @@
 /**
  * 命令导出
  */
-export * from './create';
-//# sourceMappingURL=index.d.ts.map
+export * from './create.ts';

package/dist/commands/index.js

@@ -1,5 +1,4 @@
 /**
  * 命令导出
  */
-export * from './create.js';
-//# sourceMappingURL=index.js.map
+export * from "./create.js";

package/dist/constants/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 项目常量定义
+ * 统一管理所有硬编码的字符串和配置值
+ */
+/**
+ * 文件系统相关常量
+ */
+export declare const FILE_CONSTANTS: {
+    /** node_modules 目录名 */
+    readonly NODE_MODULES: "node_modules";
+    /** package.json 文件名 */
+    readonly PACKAGE_JSON: "package.json";
+    /** .ejs 文件扩展名 */
+    readonly EJS_EXTENSION: ".ejs";
+    /** pnpm-workspace.yaml 文件名 */
+    readonly PNPM_WORKSPACE_YAML: "pnpm-workspace.yaml";
+};

package/dist/constants/index.js

@@ -0,0 +1,17 @@
+/**
+ * 项目常量定义
+ * 统一管理所有硬编码的字符串和配置值
+ */
+/**
+ * 文件系统相关常量
+ */
+export const FILE_CONSTANTS = {
+    /** node_modules 目录名 */
+    NODE_MODULES: 'node_modules',
+    /** package.json 文件名 */
+    PACKAGE_JSON: 'package.json',
+    /** .ejs 文件扩展名 */
+    EJS_EXTENSION: '.ejs',
+    /** pnpm-workspace.yaml 文件名 */
+    PNPM_WORKSPACE_YAML: 'pnpm-workspace.yaml',
+};

package/dist/generators/index.d.ts

@@ -1,7 +1,6 @@
 /**
  * 生成器导出
  */
-export * from './project';
-export * from './react';
-export * from './vue';
-//# sourceMappingURL=index.d.ts.map
+export * from './project.ts';
+export * from './react.ts';
+export * from './vue.ts';

package/dist/generators/index.js

@@ -1,7 +1,6 @@
 /**
  * 生成器导出
  */
-export * from './project.js';
-export * from './react.js';
-export * from './vue.js';
-//# sourceMappingURL=index.js.map
+export * from "./project.js";
+export * from "./react.js";
+export * from "./vue.js";

package/dist/generators/project.d.ts

@@ -2,10 +2,11 @@
  * 项目生成器
  * 根据配置生成完整的项目结构
  */
-import type { ProjectConfigType } from '../types';
+import type { ProjectConfigType } from '../types/index.ts';
 /**
  * 生成项目
  * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果框架不支持或项目生成失败
  */
 export declare function generateProject(config: ProjectConfigType): Promise<void>;
-//# sourceMappingURL=project.d.ts.map

package/dist/generators/project.js

@@ -2,12 +2,14 @@
  * 项目生成器
  * 根据配置生成完整的项目结构
  */
-import { emptyDir } from '../utils/file.js';
-import { generateReactProject } from './react.js';
-import { generateVueProject } from './vue.js';
+import { emptyDir } from "../utils/file.js";
+import { generateReactProject } from "./react.js";
+import { generateVueProject } from "./vue.js";
 /**
  * 生成项目
  * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果框架不支持或项目生成失败
  */
 export async function generateProject(config) {
     // 清空并创建项目根目录（确保干净的构建环境）
@@ -23,4 +25,3 @@ export async function generateProject(config) {
         throw new Error(`不支持的框架: ${config.framework}`);
     }
 }
-//# sourceMappingURL=project.js.map

package/dist/generators/react.d.ts

@@ -2,9 +2,11 @@
  * React 项目生成器
  * 采用物理路径合并 + EJS 模板 + 数据驱动配置
  */
-import type { ProjectConfigType } from '../types';
+import type { ProjectConfigType } from '../types/index.ts';
 /**
  * 生成 React 项目
+ * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果项目生成失败
  */
 export declare function generateReactProject(config: ProjectConfigType): Promise<void>;
-//# sourceMappingURL=react.d.ts.map

package/dist/generators/react.js

@@ -2,38 +2,18 @@
  * React 项目生成器
  * 采用物理路径合并 + EJS 模板 + 数据驱动配置
  */
-import fs from 'node:fs';
-import path from 'node:path';
-import { renderEjsToFile } from '../utils/ejs.js';
-import { getTemplatesDir } from '../utils/file.js';
-import { renderCommonFeatures, renderFrameworkFeatures } from '../utils/renderFeatures.js';
-import { renderTemplate } from '../utils/renderTemplate.js';
-import { renderViteConfig } from '../utils/viteConfigRender.js';
+import { generateFrameworkProject } from "../utils/index.js";
 /**
  * 生成 React 项目
+ * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果项目生成失败
  */
 export async function generateReactProject(config) {
-    const { targetDir } = config;
-    const templatesDir = getTemplatesDir();
-    // 1. 渲染 L0 公共基础模板
-    renderTemplate(path.join(templatesDir, 'common', 'base'), targetDir);
-    // 2. 渲染公共特性模板
-    renderCommonFeatures(config, targetDir);
-    // 3. 渲染 L1 React 基础模板
-    renderTemplate(path.join(templatesDir, 'react', 'base'), targetDir);
-    // 4. 渲染 L2 特性模板（统一处理）
-    renderFrameworkFeatures(config, targetDir);
-    // 5. 渲染 EJS 模板（main.tsx, router/index.tsx）
-    const ejsData = {
-        i18n: config.i18n,
-        sentry: config.sentry,
-        routeMode: config.routeMode,
-        uiLibrary: config.uiLibrary,
-    };
-    renderEjsToFile(path.join(templatesDir, 'react', 'base', 'src', 'main.tsx.ejs'), path.join(targetDir, 'src', 'main.tsx'), ejsData);
-    renderEjsToFile(path.join(templatesDir, 'react', 'base', 'src', 'router', 'index.tsx.ejs'), path.join(targetDir, 'src', 'router', 'index.tsx'), ejsData);
-    // 6. 数据驱动生成 vite.config.ts
-    const viteConfigContent = renderViteConfig(config);
-    fs.writeFileSync(path.join(targetDir, 'vite.config.ts'), viteConfigContent);
+    generateFrameworkProject(config, {
+        mainTemplate: 'src/main.tsx.ejs',
+        mainOutput: 'src/main.tsx',
+        routerTemplate: 'src/router/index.tsx.ejs',
+        routerOutput: 'src/router/index.tsx',
+    });
 }
-//# sourceMappingURL=react.js.map

package/dist/generators/vue.d.ts

@@ -2,9 +2,11 @@
  * Vue 项目生成器
  * 采用物理路径合并 + EJS 模板 + 数据驱动配置
  */
-import type { ProjectConfigType } from '../types';
+import type { ProjectConfigType } from '../types/index.ts';
 /**
  * 生成 Vue 项目
+ * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果项目生成失败
  */
 export declare function generateVueProject(config: ProjectConfigType): Promise<void>;
-//# sourceMappingURL=vue.d.ts.map

package/dist/generators/vue.js

@@ -2,39 +2,18 @@
  * Vue 项目生成器
  * 采用物理路径合并 + EJS 模板 + 数据驱动配置
  */
-import fs from 'node:fs';
-import path from 'node:path';
-import { renderEjsToFile } from '../utils/ejs.js';
-import { getTemplatesDir } from '../utils/file.js';
-import { renderCommonFeatures, renderFrameworkFeatures } from '../utils/renderFeatures.js';
-import { renderTemplate } from '../utils/renderTemplate.js';
-import { renderViteConfig } from '../utils/viteConfigRender.js';
+import { generateFrameworkProject } from "../utils/index.js";
 /**
  * 生成 Vue 项目
+ * @param config 项目配置
+ * @returns Promise<void>
+ * @throws {Error} 如果项目生成失败
  */
 export async function generateVueProject(config) {
-    const { targetDir } = config;
-    const templatesDir = getTemplatesDir();
-    // 1. 渲染 L0 公共基础模板
-    renderTemplate(path.join(templatesDir, 'common', 'base'), targetDir);
-    // 2. 渲染公共特性模板
-    renderCommonFeatures(config, targetDir);
-    // 3. 渲染 L1 Vue 基础模板
-    renderTemplate(path.join(templatesDir, 'vue', 'base'), targetDir);
-    // 4. 渲染 L2 特性模板（统一处理）
-    renderFrameworkFeatures(config, targetDir);
-    // 5. 渲染 EJS 模板（main.ts, router/index.ts）
-    const ejsData = {
-        i18n: config.i18n,
-        sentry: config.sentry,
-        qiankun: config.qiankun,
-        routeMode: config.routeMode,
-        uiLibrary: config.uiLibrary,
-    };
-    renderEjsToFile(path.join(templatesDir, 'vue', 'base', 'src', 'main.ts.ejs'), path.join(targetDir, 'src', 'main.ts'), ejsData);
-    renderEjsToFile(path.join(templatesDir, 'vue', 'base', 'src', 'router', 'index.ts.ejs'), path.join(targetDir, 'src', 'router', 'index.ts'), ejsData);
-    // 6. 数据驱动生成 vite.config.ts
-    const viteConfigContent = renderViteConfig(config);
-    fs.writeFileSync(path.join(targetDir, 'vite.config.ts'), viteConfigContent);
+    generateFrameworkProject(config, {
+        mainTemplate: 'src/main.ts.ejs',
+        mainOutput: 'src/main.ts',
+        routerTemplate: 'src/router/index.ts.ejs',
+        routerOutput: 'src/router/index.ts',
+    });
 }
-//# sourceMappingURL=vue.js.map

package/dist/index.d.ts

@@ -4,4 +4,3 @@
  * 基于原子化分层叠加架构的项目脚手架
  */
 export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -3,13 +3,32 @@
  * CLI 入口文件
  * 基于原子化分层叠加架构的项目脚手架
  */
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, join } from 'node:path';
 import { Command } from 'commander';
-import { createProject } from './commands/create.js';
+import { createProject } from "./commands/index.js";
+/**
+ * 获取 package.json 中的版本号
+ * @returns 版本号字符串
+ */
+function getVersion() {
+    try {
+        const __filename = fileURLToPath(import.meta.url);
+        const __dirname = dirname(__filename);
+        const packageJsonPath = join(__dirname, '../package.json');
+        const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
+        return packageJson.version || '1.0.0';
+    }
+    catch {
+        return '1.0.0';
+    }
+}
 const program = new Command();
 program
     .name('create-mox')
     .description('基于原子化分层叠加架构的 Vue/React 项目脚手架')
-    .version('1.0.0');
+    .version(getVersion());
 program
     .command('create [project-name]')
     .description('创建新项目')
@@ -23,4 +42,3 @@ program
     await createProject(projectName);
 });
 program.parse();
-//# sourceMappingURL=index.js.map