@shark-pepper/create-app 1.0.4 → 1.0.6

package/README.md

@@ -1,28 +1,27 @@
 # 🦈 @shark-pepper/create-app
 
-> 🚀 一键创建现代化前端项目的脚手架工具。  
-> 支持 React + TypeScript + Webpack + ESLint + Prettier + Jest 等主流配置。
+> 🚀 A scaffolding tool for creating modern front-end projects.
+> It supports mainstream configurations such as React, TypeScript, Webpack, ESLint, Prettier, and Jest.
 
 ---
 
-## ✨ 特性
+## ✨ Characteristic
 
-- 🧱 内置多种模板（React、Vue）
-- ⚙️ 默认集成 ESLint、Prettier、Husky、Commitlint 等规范工具
-- 🧪 支持 Jest 单元测试
+- ⚙️ By default, it integrates specification tools such as ESLint, Prettier, Husky, and Commitlint.
+- 🧪 Supports Jest unit testing
 
 ---
 
-## 📦 快速开始
+## 📦 Quick Start
 
-### 使用 npx（推荐）
+### Use npx (recommended)
 
 ```bash
 npx @shark-pepper/create-app my-project
 
 ```
 
-### 或全局安装
+### Or install globally
 
 ```bash
 npm install -g @shark-pepper/create-app

package/bin/create-app-cli.js

@@ -12,7 +12,6 @@ import chalk from "chalk";
 import symbols from "log-symbols";
 import fse from "fs-extra";
 
-// __dirname for ESM
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
@@ -35,7 +34,10 @@ const installCmd = hasPnpm() ? "pnpm install" : "npm install";
 function getTemplatePath(templateName) {
   const templatePath = path.resolve(__dirname, "../templates", templateName);
   if (!fs.existsSync(templatePath)) {
-    console.error(symbols.error, chalk.red(`模板不存在: ${templatePath}`));
+    console.error(
+      symbols.error,
+      chalk.red(`Template does not exist: ${templatePath}`)
+    );
     process.exit(1);
   }
   return templatePath;
@@ -51,49 +53,26 @@ async function copyTemplate(src, dest) {
         if (!relPath) return true; // 根目录
         // 忽略 node_modules 目录和某些隐藏文件
         if (relPath.split(path.sep).includes("node_modules")) return false;
-        if (relPath.startsWith(".git")) return false;
+        if (relPath.startsWith(".git") && relPath !== ".gitignore")
+          return false;
         if (relPath.startsWith(".DS_Store")) return false;
 
         return true;
       },
     });
-    console.log(symbols.success, chalk.green("✅  模板文件复制完成"));
+    console.log(
+      symbols.success,
+      chalk.green("✅  Template file copy completed")
+    );
   } catch (err) {
-    console.error(symbols.error, chalk.red("模板复制失败"), err);
+    console.error(symbols.error, chalk.red("Template copy failed"), err);
     process.exit(1);
   }
 }
 
-// Husky + lint-staged 配置
-function setupHusky(projectPath) {
-  console.log(chalk.blue("⚙️  配置 Husky + lint-staged ..."));
-
-  try {
-    // 执行 husky install
-    execSync("npx husky install", { cwd: projectPath, stdio: "inherit" });
-
-    // 创建 pre-commit 钩子
-    const huskyDir = path.join(projectPath, ".husky");
-    if (!fs.existsSync(huskyDir)) fs.mkdirSync(huskyDir, { recursive: true });
-
-    const preCommitFile = path.join(huskyDir, "pre-commit");
-    if (!fs.existsSync(preCommitFile)) {
-      fs.writeFileSync(
-        preCommitFile,
-        '#!/bin/sh\n. "$(dirname "$0")/_/husky.sh"\nnpx lint-staged\n',
-        { mode: 0o755 }
-      );
-    }
-
-    console.log(symbols.success, chalk.green("✅  Husky + lint-staged 已配置"));
-  } catch (err) {
-    console.error(symbols.error, chalk.red("Husky 配置失败"), err);
-  }
-}
-
 // Jest 配置
 function setupJest(projectPath) {
-  console.log(chalk.blue("⚙️  配置 Jest 测试环境..."));
+  console.log(chalk.blue("⚙️  Configuring the Jest testing environment..."));
 
   try {
     // 安装依赖
@@ -156,9 +135,12 @@ module.exports = {
     const fileMock = `module.exports = 'test-file-stub';\n`;
     fs.writeFileSync(path.join(mocksDir, "fileMock.js"), fileMock, "utf-8");
 
-    console.log(symbols.success, chalk.green("✅  Jest 配置完成"));
+    console.log(
+      symbols.success,
+      chalk.green("✅  Jest configuration complete")
+    );
   } catch (err) {
-    console.error(symbols.error, chalk.red("Jest 配置失败"), err);
+    console.error(symbols.error, chalk.red("Jest configuration failed."), err);
   }
 }
 
@@ -170,32 +152,32 @@ async function run() {
       {
         type: "input",
         name: "projectName",
-        message: "请输入项目名称：",
+        message: "Project Name: ",
         default: "my-app",
         when: () => !projectNameArg,
       },
       {
         type: "input",
         name: "version",
-        message: "请输入项目版本号：",
+        message: "Version: ",
         default: "1.0.0",
       },
       {
         type: "input",
         name: "description",
-        message: "请输入项目描述：",
-        default: "A project created by create-app-cli",
+        message: "Description: ",
+        default: "A project created by @shark-pepper/create-app",
       },
       {
         type: "list",
         name: "template",
-        message: "请选择项目模板：",
-        choices: ["react-app", "vue-app"],
+        message: "Select a project template: ",
+        choices: ["react-app"],
       },
       {
         type: "confirm",
         name: "useJest",
-        message: "是否生成基于 Jest 的单元测试配置？",
+        message: "Need to generate a Jest-based unit test configuration",
         default: true,
       },
     ]);
@@ -205,12 +187,15 @@ async function run() {
 
     const projectPath = path.join(process.cwd(), projectName);
     if (fs.existsSync(projectPath)) {
-      console.log(symbols.error, chalk.red(`目录 ${projectName} 已存在！`));
+      console.log(
+        symbols.error,
+        chalk.red(`The directory ${projectName} already exists!`)
+      );
       process.exit(1);
     }
 
     fs.mkdirSync(projectPath);
-    console.log(symbols.info, chalk.blue("📁  创建项目目录中..."));
+    console.log(symbols.info, chalk.blue("📁  Create a project directory..."));
 
     // 复制模板
     const templatePath = getTemplatePath(template);
@@ -226,30 +211,36 @@ async function run() {
       pkgData.description = description;
       fs.writeFileSync(pkgPath, JSON.stringify(pkgData, null, 2), "utf-8");
       fs.unlinkSync(basePkgPath);
-      console.log(symbols.success, chalk.green("✅  已生成 package.json"));
+      console.log(
+        symbols.success,
+        chalk.green("✅  package.json has been generated")
+      );
     }
 
+    execSync("git init", { cwd: projectPath, stdio: "inherit" });
+
     // 安装依赖
     console.log(
-      chalk.yellow(`📦  正在使用 ${installCmd.split(" ")[0]} 安装依赖...`)
+      chalk.yellow(
+        `📦  Dependencies are being installed using ${
+          installCmd.split(" ")[0]
+        }...`
+      )
     );
     execSync(installCmd, { cwd: projectPath, stdio: "inherit" });
 
-    // Husky + lint-staged
-    setupHusky(projectPath);
-
     // 可选 Jest
     if (useJest) setupJest(projectPath);
 
     console.log(
       symbols.success,
-      chalk.green(`🎉 项目 ${projectName} 创建成功！`)
+      chalk.green(`🎉 Project ${projectName} created successfully!`)
     );
-    console.log(chalk.cyan(`👉  运行项目:`));
+    console.log(chalk.cyan(`👉  Run the project:`));
     console.log(chalk.white(`   cd ${projectName}`));
     console.log(chalk.white(`   npm start`));
   } catch (err) {
-    console.error(symbols.error, chalk.red("创建项目失败！"), err);
+    console.error(symbols.error, chalk.red("Project creation failed!"), err);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shark-pepper/create-app",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "index.js",
   "type": "module",

package/templates/react-app/.babelrc

@@ -0,0 +1,17 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "usage",
+        "corejs": "3",
+        "targets": {
+          "chrome": "58",
+          "ie": "11"
+        }
+      }
+    ],
+    "@babel/preset-react",
+    "@babel/preset-typescript"
+  ]
+}

package/templates/react-app/.commitlintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+};

package/templates/react-app/.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+  root: true,
+
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    ecmaFeatures: { jsx: true },
+  },
+
+  env: {
+    browser: true,
+    node: true,
+    es2022: true,
+  },
+
+  plugins: ['@typescript-eslint', 'react', 'react-hooks'],
+
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier',
+  ],
+
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+    'react-hooks/exhaustive-deps': 'warn',
+    '@typescript-eslint/no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+    '@typescript-eslint/no-explicit-any': 'warn',
+    'no-console': ['warn', { allow: ['warn', 'error'] }],
+    'prefer-const': 'warn',
+  },
+
+  ignorePatterns: ['dist', 'build', 'node_modules'],
+};

package/templates/react-app/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname "$0")/_/husky.sh" >/dev/null 2>&1
+
+npx commitlint --edit "$1"

package/templates/react-app/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname "$0")/_/husky.sh" >/dev/null 2>&1
+
+npx lint-staged

package/templates/react-app/package.base.json

@@ -4,31 +4,45 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "webpack serve --open --mode development",
-    "build": "webpack --mode production",
-    "prepare": "husky install",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "webpack serve --open --mode development --config webpack/webpack.dev.js",
+    "build": "webpack --mode production --config webpack/webpack.prod.js",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepare": "husky"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "packageManager": "pnpm@10.18.1",
   "dependencies": {
-    "normalize.css": "^8.0.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-router-dom": "^7.9.5"
   },
   "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
+    "@types/css-modules": "^1.0.5",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^8.46.2",
-    "@typescript-eslint/parser": "^8.46.2",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "autoprefixer": "^10.4.22",
+    "babel-loader": "^10.0.0",
+    "core-js": "^3.47.0",
     "cspell": "^9.2.2",
     "css-loader": "^7.1.2",
-    "eslint": "^9.38.0",
-    "eslint-webpack-plugin": "^5.0.2",
+    "esbuild": "^0.27.0",
+    "esbuild-loader": "^4.4.0",
+    "eslint": "8.57.1",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "fork-ts-checker-webpack-plugin": "^9.1.0",
     "html-webpack-plugin": "^5.6.4",
     "husky": "^9.1.7",
@@ -36,22 +50,18 @@
     "mini-css-extract-plugin": "^2.9.4",
     "postcss-loader": "^8.2.0",
     "prettier": "^3.6.2",
+    "react-refresh": "^0.18.0",
     "sass": "^1.93.3",
     "sass-loader": "^16.0.6",
     "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.4",
-    "typescript": "^5.9.3",
+    "typescript": "~5.3.3",
     "webpack": "^5.102.1",
     "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2"
+    "webpack-dev-server": "^5.2.2",
+    "webpack-merge": "^6.0.1"
   },
   "lint-staged": {
-    "*.{ts,tsx,js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{css,scss,less,json,md}": [
-      "prettier --write"
-    ]
+    "*.{ts,tsx,js,jsx}": ["eslint --fix", "prettier --write"],
+    "*.{css,scss,less,json,md}": ["prettier --write"]
   }
 }