@knotx/cli 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -4,6 +4,7 @@
 const node_child_process = require('node:child_process');
 const path = require('node:path');
 const process = require('node:process');
+const node_util = require('node:util');
 const chalk = require('chalk');
 const commander = require('commander');
 const fs = require('fs-extra');
@@ -58,6 +59,11 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+process__default.on("uncaughtException", (error) => {
+  console.error(chalk__default.red("\u274C \u53D1\u751F\u672A\u6355\u83B7\u7684\u9519\u8BEF:"));
+  console.error(chalk__default.red(error.stack || error.toString()));
+  process__default.exit(1);
+});
 const templatesDir = path__default.resolve(__dirname, "..", "templates");
 const program = new commander.Command();
 program.name("knotx").description("Knotx CLI - \u521B\u5EFA\u548C\u7BA1\u7406Knotx\u63D2\u4EF6").version("0.0.1");
@@ -67,33 +73,43 @@ program.command("create-plugin").description("\u521B\u5EFA\u4E00\u4E2A\u65B0\u76
     {
       type: "input",
       name: "pluginName",
-      message: "\u8BF7\u8F93\u5165\u63D2\u4EF6\u540D\u79F0 (\u4F8B\u5982: my-plugin):",
+      message: "\u8BF7\u8F93\u5165\u63D2\u4EF6\u540D\u79F0 (\u4F8B\u5982: @knotx/plugins-my-plugin):",
       validate: (input) => {
         if (!input)
           return "\u63D2\u4EF6\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A";
-        if (!/^[a-z0-9-]+$/.test(input))
-          return "\u63D2\u4EF6\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26";
+        if (!/^(?:@[a-z0-9-]+\/)?[a-z0-9-]+$/.test(input))
+          return "\u63D2\u4EF6\u540D\u79F0\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5E94\u8BE5\u662F\u6709\u6548\u7684npm\u5305\u540D";
         return true;
-      }
+      },
+      default: "@knotx/plugins-"
     },
     {
       type: "list",
       name: "environment",
       message: "\u8BF7\u9009\u62E9\u63D2\u4EF6\u8FD0\u884C\u73AF\u5883:",
-      choices: ["jsx", "react"]
+      choices: ["react", "jsx"]
     }
   ]);
   const { pluginName, environment } = answers;
-  const fullPluginName = `plugins-${pluginName}`;
-  const targetDir = path__default.resolve(process__default.cwd(), fullPluginName);
+  const dirName = pluginName.split("/").pop();
+  let currentDir;
+  try {
+    currentDir = process__default.cwd();
+  } catch (error) {
+    console.log(chalk__default.red(`\u274C \u9519\u8BEF: \u65E0\u6CD5\u83B7\u53D6\u5F53\u524D\u5DE5\u4F5C\u76EE\u5F55: ${error}`));
+    console.log(chalk__default.yellow("\u5C1D\u8BD5\u4F7F\u7528\u5907\u7528\u65B9\u6CD5\u83B7\u53D6\u76EE\u5F55..."));
+    currentDir = path__default.resolve(__dirname, "..");
+    console.log(chalk__default.green(`\u2705 \u4F7F\u7528\u5907\u7528\u76EE\u5F55: ${currentDir}`));
+  }
+  const targetDir = safeResolvePath(currentDir, dirName);
   if (fs__default.existsSync(targetDir)) {
-    console.log(chalk__default.red(`\u274C \u9519\u8BEF: \u76EE\u5F55 ${fullPluginName} \u5DF2\u5B58\u5728`));
+    console.log(chalk__default.red(`\u274C \u9519\u8BEF: \u76EE\u5F55 ${dirName} \u5DF2\u5B58\u5728`));
     return;
   }
   let spinner = ora__default("\u{1F4C2} \u521B\u5EFA\u63D2\u4EF6\u76EE\u5F55...").start();
   try {
-    yield fs__default.ensureDir(targetDir);
-    yield fs__default.ensureDir(path__default.join(targetDir, "src"));
+    yield safeEnsureDir(targetDir);
+    yield safeEnsureDir(safeResolvePath(targetDir, "src"));
     spinner.succeed("\u{1F4C2} \u63D2\u4EF6\u76EE\u5F55\u521B\u5EFA\u6210\u529F");
     spinner = ora__default("\u{1F50D} \u83B7\u53D6 @knotx \u5305\u7684\u6700\u65B0\u7248\u672C...").start();
     const knotxVersions = yield getKnotxPackageVersions();
@@ -122,13 +138,19 @@ program.command("create-plugin").description("\u521B\u5EFA\u4E00\u4E2A\u65B0\u76
       console.warn(chalk__default.yellow(`  \u53EF\u80FD\u7684\u539F\u56E0: ${error.message}`));
     }
     console.log(chalk__default.green(`
-\u2705 \u63D2\u4EF6 ${chalk__default.bold(fullPluginName)} \u521B\u5EFA\u6210\u529F\uFF01`));
+\u2705 \u63D2\u4EF6 ${chalk__default.bold(pluginName)} \u521B\u5EFA\u6210\u529F\uFF01`));
     console.log(`
 \u{1F4C1} \u63D2\u4EF6\u76EE\u5F55: ${chalk__default.cyan(targetDir)}`);
     console.log(`
 \u8FD0\u884C\u4EE5\u4E0B\u547D\u4EE4\u4EE5\u5B89\u88C5\u4F9D\u8D56\u5E76\u5F00\u59CB\u5F00\u53D1:
 `);
-    console.log(chalk__default.cyan(`  cd ${path__default.relative(process__default.cwd(), targetDir)}`));
+    let cdCommand;
+    try {
+      cdCommand = `cd ${path__default.relative(process__default.cwd(), targetDir)}`;
+    } catch (e) {
+      cdCommand = `cd ${targetDir}`;
+    }
+    console.log(chalk__default.cyan(`  ${cdCommand}`));
     console.log(chalk__default.cyan("  pnpm install"));
     console.log(chalk__default.cyan("  pnpm build"));
     console.log(chalk__default.cyan("  pnpm dev    # \u542F\u52A8\u5F00\u53D1\u670D\u52A1\u5668\uFF0C\u8FD0\u884C playground"));
@@ -158,15 +180,23 @@ function getKnotxPackageVersions() {
         "@knotx/plugins-base-render"
       ];
       const npmRegistry = "https://registry.npmjs.org";
-      for (const pkg of packages) {
-        try {
-          const version = node_child_process.execSync(`npm view ${pkg} version --registry=${npmRegistry}`, { encoding: "utf8" }).trim();
-          knotxVersions[pkg] = `^${version}`;
-        } catch (e) {
-          console.warn(chalk__default.yellow(`\u26A0\uFE0F \u65E0\u6CD5\u83B7\u53D6 ${pkg} \u7684\u6700\u65B0\u7248\u672C\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C`));
-          knotxVersions[pkg] = "latest";
-        }
-      }
+      const execAsync = node_util.promisify(node_child_process.exec);
+      const results = yield Promise.all(
+        packages.map((pkg) => __async(this, null, function* () {
+          try {
+            const cmd = `npm view ${pkg} version --registry=${npmRegistry} --timeout=10000`;
+            const { stdout } = yield execAsync(cmd, { timeout: 1e4 });
+            const version = stdout.trim();
+            return { pkg, version: `^${version}`, success: true };
+          } catch (e) {
+            console.warn(chalk__default.yellow(`\u26A0\uFE0F \u65E0\u6CD5\u83B7\u53D6 ${pkg} \u7684\u6700\u65B0\u7248\u672C\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C`));
+            return { pkg, version: "latest", success: false };
+          }
+        }))
+      );
+      results.forEach(({ pkg, version }) => {
+        knotxVersions[pkg] = version;
+      });
       return knotxVersions;
     } catch (e) {
       console.warn(chalk__default.yellow("\u26A0\uFE0F \u83B7\u53D6 @knotx \u5305\u7248\u672C\u5931\u8D25\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C"));
@@ -176,7 +206,9 @@ function getKnotxPackageVersions() {
         "@knotx/jsx": "latest",
         "@knotx/build-config": "latest",
         "@knotx/eslint-config": "latest",
-        "@knotx/typescript-config": "latest"
+        "@knotx/typescript-config": "latest",
+        "@knotx/react": "latest",
+        "@knotx/plugins-base-render": "latest"
       };
     }
   });
@@ -184,10 +216,10 @@ function getKnotxPackageVersions() {
 function createPackageJson(targetDir, pluginName, environment, knotxVersions) {
   return __async(this, null, function* () {
     const packageJson = {
-      name: `@knotx/plugins-${pluginName}`,
+      name: pluginName,
       type: "module",
       version: "0.0.1",
-      description: `${capitalize(pluginName)} Plugin for Knotx`,
+      description: `${capitalize(pluginName.split("/").pop() || pluginName)} Plugin for Knotx`,
       license: "MIT",
       publishConfig: {
         access: "public"
@@ -231,13 +263,15 @@ function createPackageJson(targetDir, pluginName, environment, knotxVersions) {
         "vitest": "^3.0.0"
       }
     };
-    if (environment === "jsx") ; else if (environment === "react") {
-      packageJson.peerDependencies.react = "^17";
-      packageJson.peerDependencies["react-dom"] = "^17";
-      packageJson.devDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
+    if (environment === "jsx") {
       packageJson.devDependencies["@knotx/plugins-base-render"] = knotxVersions["@knotx/plugins-base-render"];
-      packageJson.devDependencies.react = "^17";
+    } else if (environment === "react") {
+      packageJson.peerDependencies.react = ">=17";
+      packageJson.peerDependencies["react-dom"] = ">=17";
+      packageJson.peerDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
+      packageJson.devDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
       packageJson.devDependencies["@vitejs/plugin-react"] = "^4.3.4";
+      packageJson.devDependencies.react = "^17";
       packageJson.devDependencies["react-dom"] = "^17";
       packageJson.devDependencies["@types/react"] = "^17";
       packageJson.devDependencies["@types/react-dom"] = "^17";
@@ -300,12 +334,12 @@ function sortObjectAlphabetically(obj) {
 function createConfigFiles(targetDir) {
   return __async(this, null, function* () {
     try {
-      const tsconfigTemplate = yield fs__default.readFile(path__default.join(templatesDir, "tsconfig.json.template"), "utf-8");
-      const buildConfigTemplate = yield fs__default.readFile(path__default.join(templatesDir, "build.config.ts.template"), "utf-8");
-      const eslintConfigTemplate = yield fs__default.readFile(path__default.join(templatesDir, "eslint.config.js.template"), "utf-8");
-      yield fs__default.writeFile(path__default.join(targetDir, "tsconfig.json"), tsconfigTemplate);
-      yield fs__default.writeFile(path__default.join(targetDir, "build.config.ts"), buildConfigTemplate);
-      yield fs__default.writeFile(path__default.join(targetDir, "eslint.config.js"), eslintConfigTemplate);
+      const tsconfigTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "tsconfig.json.template"), "utf-8");
+      const buildConfigTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "build.config.ts.template"), "utf-8");
+      const eslintConfigTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "eslint.config.js.template"), "utf-8");
+      yield fs__default.writeFile(safeResolvePath(targetDir, "tsconfig.json"), tsconfigTemplate);
+      yield fs__default.writeFile(safeResolvePath(targetDir, "build.config.ts"), buildConfigTemplate);
+      yield fs__default.writeFile(safeResolvePath(targetDir, "eslint.config.js"), eslintConfigTemplate);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u6587\u4EF6:", error);
       const tsconfig = {
@@ -318,15 +352,15 @@ function createConfigFiles(targetDir) {
         }
       };
       yield fs__default.writeFile(
-        path__default.join(targetDir, "tsconfig.json"),
+        safeResolvePath(targetDir, "tsconfig.json"),
         JSON.stringify(tsconfig, null, 2)
       );
       yield fs__default.writeFile(
-        path__default.join(targetDir, "build.config.ts"),
+        safeResolvePath(targetDir, "build.config.ts"),
         'import { defineBuildConfig } from "@knotx/build-config";\n\nexport default defineBuildConfig();'
       );
       yield fs__default.writeFile(
-        path__default.join(targetDir, "eslint.config.js"),
+        safeResolvePath(targetDir, "eslint.config.js"),
         "export { default } from '@knotx/eslint-config';"
       );
     }
@@ -335,46 +369,49 @@ function createConfigFiles(targetDir) {
 function createSourceFiles(targetDir, pluginName, environment) {
   return __async(this, null, function* () {
     try {
-      const indexTemplate = yield fs__default.readFile(path__default.join(templatesDir, "index.ts.template"), "utf-8");
-      const indexContent = indexTemplate.replace(/\{\{pluginName\}\}/g, pluginName);
-      yield fs__default.writeFile(path__default.join(targetDir, "src", "index.ts"), indexContent);
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const indexTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "index.ts.template"), "utf-8");
+      const indexContent = indexTemplate.replace(/\{\{pluginName\}\}/g, camelCaseName);
+      yield fs__default.writeFile(safeResolvePath(targetDir, "src", "index.ts"), indexContent);
       let templatePath;
       if (environment === "jsx") {
-        templatePath = path__default.join(templatesDir, "plugin.jsx.template");
+        templatePath = safeResolvePath(templatesDir, "plugin.jsx.template");
       } else {
-        templatePath = path__default.join(templatesDir, "plugin.jsx.template");
+        templatePath = safeResolvePath(templatesDir, "plugin.jsx.template");
       }
       const pluginTemplate = yield fs__default.readFile(templatePath, "utf-8");
-      const pluginContent = pluginTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName));
-      const fileName = `${pluginName}.tsx`;
-      yield fs__default.writeFile(path__default.join(targetDir, "src", fileName), pluginContent);
-      yield createPlayground(targetDir, pluginName, environment);
+      const pluginContent = pluginTemplate.replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName);
+      const fileName = `${camelCaseName}.tsx`;
+      yield fs__default.writeFile(safeResolvePath(targetDir, "src", fileName), pluginContent);
+      yield createPlayground(targetDir, pluginNameWithoutScope, camelCaseName, pascalCaseName, environment);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u6587\u4EF6:", error);
     }
   });
 }
-function createPlayground(targetDir, pluginName, environment) {
+function createPlayground(targetDir, pluginName, camelCaseName, pascalCaseName, environment) {
   return __async(this, null, function* () {
-    const playgroundDir = path__default.join(targetDir, "playground");
-    yield fs__default.ensureDir(playgroundDir);
+    const playgroundDir = safeResolvePath(targetDir, "playground");
+    yield safeEnsureDir(playgroundDir);
     try {
-      const viteConfigTemplate = yield fs__default.readFile(path__default.join(templatesDir, "vite.config.ts.template"), "utf-8");
-      const htmlTemplate = yield fs__default.readFile(path__default.join(templatesDir, "playground/index.html.template"), "utf-8");
-      const tsConfigTemplate = yield fs__default.readFile(path__default.join(templatesDir, "playground/tsconfig.json.template"), "utf-8");
+      const viteConfigTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "vite.config.ts.template"), "utf-8");
+      const htmlTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "playground/index.html.template"), "utf-8");
+      const tsConfigTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "playground/tsconfig.json.template"), "utf-8");
       const isReact = environment === "react";
       const mainTemplate = yield fs__default.readFile(
-        path__default.join(templatesDir, `playground/main.${isReact ? "react" : "jsx"}.template`),
+        safeResolvePath(templatesDir, `playground/main.${isReact ? "react" : "jsx"}.template`),
         "utf-8"
       );
       const fileExtension = isReact ? "tsx" : "ts";
       const viteConfigContent = viteConfigTemplate.replace(new RegExp("\\{\\{#if isReact\\}\\}(.*?)\\{\\{\\/if\\}\\}", "gs"), isReact ? "$1" : "");
-      const htmlContent = htmlTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName)).replace(/\{\{fileExtension\}\}/g, fileExtension);
-      const mainContent = mainTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName));
-      yield fs__default.writeFile(path__default.join(playgroundDir, "vite.config.ts"), viteConfigContent);
-      yield fs__default.writeFile(path__default.join(playgroundDir, "index.html"), htmlContent);
-      yield fs__default.writeFile(path__default.join(playgroundDir, `main.${fileExtension}`), mainContent);
-      yield fs__default.writeFile(path__default.join(playgroundDir, "tsconfig.json"), tsConfigTemplate);
+      const htmlContent = htmlTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{pluginNameWithoutScope\}\}/g, pluginName).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName).replace(/\{\{fileExtension\}\}/g, fileExtension);
+      const mainContent = mainTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName);
+      yield fs__default.writeFile(safeResolvePath(playgroundDir, "vite.config.ts"), viteConfigContent);
+      yield fs__default.writeFile(safeResolvePath(playgroundDir, "index.html"), htmlContent);
+      yield fs__default.writeFile(safeResolvePath(playgroundDir, `main.${fileExtension}`), mainContent);
+      yield fs__default.writeFile(safeResolvePath(playgroundDir, "tsconfig.json"), tsConfigTemplate);
     } catch (error) {
       console.error("\u8BFB\u53D6 playground \u6A21\u677F\u6587\u4EF6\u5931\u8D25:", error);
     }
@@ -383,50 +420,84 @@ function createPlayground(targetDir, pluginName, environment) {
 function createReadme(targetDir, pluginName) {
   return __async(this, null, function* () {
     try {
-      const readmeTemplate = yield fs__default.readFile(path__default.join(templatesDir, "README.md.template"), "utf-8");
-      const description = `${capitalize(pluginName)} Plugin for Knotx`;
-      const readmeContent = readmeTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName)).replace(/\{\{description\}\}/g, description);
-      yield fs__default.writeFile(path__default.join(targetDir, "README.md"), readmeContent);
+      const readmeTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, "README.md.template"), "utf-8");
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const description = `${pascalCaseName} Plugin for Knotx`;
+      const readmeContent = readmeTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{pluginNameWithoutScope\}\}/g, pluginNameWithoutScope).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName).replace(/\{\{description\}\}/g, description);
+      yield fs__default.writeFile(safeResolvePath(targetDir, "README.md"), readmeContent);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6 README \u6A21\u677F\u6587\u4EF6:", error);
-      const readmeContent = `# @knotx/plugins-${pluginName}
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const readmeContent = `# ${pluginName}
 
-${capitalize(pluginName)} Plugin for Knotx
+${pascalCaseName} Plugin for Knotx
 
 ## \u5B89\u88C5
 
 \`\`\`bash
-npm install @knotx/plugins-${pluginName}
+npm install ${pluginName}
 # \u6216\u8005
-yarn add @knotx/plugins-${pluginName}
+yarn add ${pluginName}
 # \u6216\u8005
-pnpm add @knotx/plugins-${pluginName}
+pnpm add ${pluginName}
 \`\`\`
 
 ## \u4F7F\u7528\u65B9\u6CD5
 
 \`\`\`typescript
-import { ${pluginName} } from '@knotx/plugins-${pluginName}';
+import { ${camelCaseName} } from '${pluginName}';
 
 // \u5728\u60A8\u7684Knotx\u5E94\u7528\u4E2D\u4F7F\u7528\u63D2\u4EF6
-app.use(${pluginName});
+app.use(${camelCaseName});
 \`\`\`
 
 ## \u8BB8\u53EF\u8BC1
 
 MIT`;
-      yield fs__default.writeFile(path__default.join(targetDir, "README.md"), readmeContent);
+      yield fs__default.writeFile(safeResolvePath(targetDir, "README.md"), readmeContent);
     }
   });
 }
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
+function toCamelCase(str) {
+  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+function toPascalCase(str) {
+  return capitalize(toCamelCase(str));
+}
+function safeResolvePath(basePath, ...paths) {
+  try {
+    return path__default.resolve(basePath, ...paths);
+  } catch (error) {
+    console.warn(chalk__default.yellow(`\u26A0\uFE0F \u8DEF\u5F84\u89E3\u6790\u5931\u8D25: ${error}`));
+    return paths.reduce((result, part) => `${result}/${part}`, basePath);
+  }
+}
+function safeEnsureDir(dirPath) {
+  return __async(this, null, function* () {
+    try {
+      yield fs__default.ensureDir(dirPath);
+    } catch (e) {
+      console.warn(chalk__default.yellow(`\u26A0\uFE0F \u521B\u5EFA\u76EE\u5F55 ${dirPath} \u5931\u8D25\uFF0C\u5C1D\u8BD5\u4F7F\u7528\u5907\u7528\u65B9\u6CD5`));
+      try {
+        fs__default.mkdirSync(dirPath, { recursive: true });
+      } catch (syncError) {
+        throw new Error(`\u65E0\u6CD5\u521B\u5EFA\u76EE\u5F55 ${dirPath}: ${syncError}`);
+      }
+    }
+  });
+}
 function createGitignore(targetDir) {
   return __async(this, null, function* () {
     try {
-      const gitignoreTemplate = yield fs__default.readFile(path__default.join(templatesDir, ".gitignore.template"), "utf-8");
-      yield fs__default.writeFile(path__default.join(targetDir, ".gitignore"), gitignoreTemplate);
+      const gitignoreTemplate = yield fs__default.readFile(safeResolvePath(templatesDir, ".gitignore.template"), "utf-8");
+      yield fs__default.writeFile(safeResolvePath(targetDir, ".gitignore"), gitignoreTemplate);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6 .gitignore \u6A21\u677F\u6587\u4EF6:", error);
       const gitignoreContent = `# \u4F9D\u8D56\u76EE\u5F55
@@ -456,15 +527,16 @@ pnpm-debug.log*
 # \u6D4B\u8BD5\u8986\u76D6\u7387
 coverage
 `;
-      yield fs__default.writeFile(path__default.join(targetDir, ".gitignore"), gitignoreContent);
+      yield fs__default.writeFile(safeResolvePath(targetDir, ".gitignore"), gitignoreContent);
     }
   });
 }
 function initGitRepo(targetDir) {
   try {
-    node_child_process.execSync("git init", { cwd: targetDir, stdio: "ignore" });
-    node_child_process.execSync("git add .", { cwd: targetDir, stdio: "ignore" });
-    node_child_process.execSync('git commit -m "Initial commit with Knotx plugin template"', {
+    if (!fs__default.existsSync(targetDir)) {
+      throw new Error(`\u76EE\u5F55 ${targetDir} \u4E0D\u5B58\u5728`);
+    }
+    const gitOptions = {
       cwd: targetDir,
       stdio: "ignore",
       env: __spreadProps(__spreadValues({}, process__default.env), {
@@ -473,7 +545,10 @@ function initGitRepo(targetDir) {
         GIT_COMMITTER_NAME: "Knotx CLI",
         GIT_COMMITTER_EMAIL: "knotx-cli@noreply.github.com"
       })
-    });
+    };
+    node_child_process.execSync("git init", gitOptions);
+    node_child_process.execSync("git add .", gitOptions);
+    node_child_process.execSync('git commit -m "Initial commit with Knotx plugin template"', gitOptions);
     return true;
   } catch (error) {
     if (error instanceof Error) {

package/dist/index.mjs

@@ -1,7 +1,8 @@
 #!/usr/bin/env node
-import { execSync } from 'node:child_process';
+import { exec, execSync } from 'node:child_process';
 import path from 'node:path';
 import process from 'node:process';
+import { promisify } from 'node:util';
 import chalk from 'chalk';
 import { Command } from 'commander';
 import fs from 'fs-extra';
@@ -47,6 +48,11 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+process.on("uncaughtException", (error) => {
+  console.error(chalk.red("\u274C \u53D1\u751F\u672A\u6355\u83B7\u7684\u9519\u8BEF:"));
+  console.error(chalk.red(error.stack || error.toString()));
+  process.exit(1);
+});
 const templatesDir = path.resolve(__dirname, "..", "templates");
 const program = new Command();
 program.name("knotx").description("Knotx CLI - \u521B\u5EFA\u548C\u7BA1\u7406Knotx\u63D2\u4EF6").version("0.0.1");
@@ -56,33 +62,43 @@ program.command("create-plugin").description("\u521B\u5EFA\u4E00\u4E2A\u65B0\u76
     {
       type: "input",
       name: "pluginName",
-      message: "\u8BF7\u8F93\u5165\u63D2\u4EF6\u540D\u79F0 (\u4F8B\u5982: my-plugin):",
+      message: "\u8BF7\u8F93\u5165\u63D2\u4EF6\u540D\u79F0 (\u4F8B\u5982: @knotx/plugins-my-plugin):",
       validate: (input) => {
         if (!input)
           return "\u63D2\u4EF6\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A";
-        if (!/^[a-z0-9-]+$/.test(input))
-          return "\u63D2\u4EF6\u540D\u79F0\u53EA\u80FD\u5305\u542B\u5C0F\u5199\u5B57\u6BCD\u3001\u6570\u5B57\u548C\u8FDE\u5B57\u7B26";
+        if (!/^(?:@[a-z0-9-]+\/)?[a-z0-9-]+$/.test(input))
+          return "\u63D2\u4EF6\u540D\u79F0\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5E94\u8BE5\u662F\u6709\u6548\u7684npm\u5305\u540D";
         return true;
-      }
+      },
+      default: "@knotx/plugins-"
     },
     {
       type: "list",
       name: "environment",
       message: "\u8BF7\u9009\u62E9\u63D2\u4EF6\u8FD0\u884C\u73AF\u5883:",
-      choices: ["jsx", "react"]
+      choices: ["react", "jsx"]
     }
   ]);
   const { pluginName, environment } = answers;
-  const fullPluginName = `plugins-${pluginName}`;
-  const targetDir = path.resolve(process.cwd(), fullPluginName);
+  const dirName = pluginName.split("/").pop();
+  let currentDir;
+  try {
+    currentDir = process.cwd();
+  } catch (error) {
+    console.log(chalk.red(`\u274C \u9519\u8BEF: \u65E0\u6CD5\u83B7\u53D6\u5F53\u524D\u5DE5\u4F5C\u76EE\u5F55: ${error}`));
+    console.log(chalk.yellow("\u5C1D\u8BD5\u4F7F\u7528\u5907\u7528\u65B9\u6CD5\u83B7\u53D6\u76EE\u5F55..."));
+    currentDir = path.resolve(__dirname, "..");
+    console.log(chalk.green(`\u2705 \u4F7F\u7528\u5907\u7528\u76EE\u5F55: ${currentDir}`));
+  }
+  const targetDir = safeResolvePath(currentDir, dirName);
   if (fs.existsSync(targetDir)) {
-    console.log(chalk.red(`\u274C \u9519\u8BEF: \u76EE\u5F55 ${fullPluginName} \u5DF2\u5B58\u5728`));
+    console.log(chalk.red(`\u274C \u9519\u8BEF: \u76EE\u5F55 ${dirName} \u5DF2\u5B58\u5728`));
     return;
   }
   let spinner = ora("\u{1F4C2} \u521B\u5EFA\u63D2\u4EF6\u76EE\u5F55...").start();
   try {
-    yield fs.ensureDir(targetDir);
-    yield fs.ensureDir(path.join(targetDir, "src"));
+    yield safeEnsureDir(targetDir);
+    yield safeEnsureDir(safeResolvePath(targetDir, "src"));
     spinner.succeed("\u{1F4C2} \u63D2\u4EF6\u76EE\u5F55\u521B\u5EFA\u6210\u529F");
     spinner = ora("\u{1F50D} \u83B7\u53D6 @knotx \u5305\u7684\u6700\u65B0\u7248\u672C...").start();
     const knotxVersions = yield getKnotxPackageVersions();
@@ -111,13 +127,19 @@ program.command("create-plugin").description("\u521B\u5EFA\u4E00\u4E2A\u65B0\u76
       console.warn(chalk.yellow(`  \u53EF\u80FD\u7684\u539F\u56E0: ${error.message}`));
     }
     console.log(chalk.green(`
-\u2705 \u63D2\u4EF6 ${chalk.bold(fullPluginName)} \u521B\u5EFA\u6210\u529F\uFF01`));
+\u2705 \u63D2\u4EF6 ${chalk.bold(pluginName)} \u521B\u5EFA\u6210\u529F\uFF01`));
     console.log(`
 \u{1F4C1} \u63D2\u4EF6\u76EE\u5F55: ${chalk.cyan(targetDir)}`);
     console.log(`
 \u8FD0\u884C\u4EE5\u4E0B\u547D\u4EE4\u4EE5\u5B89\u88C5\u4F9D\u8D56\u5E76\u5F00\u59CB\u5F00\u53D1:
 `);
-    console.log(chalk.cyan(`  cd ${path.relative(process.cwd(), targetDir)}`));
+    let cdCommand;
+    try {
+      cdCommand = `cd ${path.relative(process.cwd(), targetDir)}`;
+    } catch (e) {
+      cdCommand = `cd ${targetDir}`;
+    }
+    console.log(chalk.cyan(`  ${cdCommand}`));
     console.log(chalk.cyan("  pnpm install"));
     console.log(chalk.cyan("  pnpm build"));
     console.log(chalk.cyan("  pnpm dev    # \u542F\u52A8\u5F00\u53D1\u670D\u52A1\u5668\uFF0C\u8FD0\u884C playground"));
@@ -147,15 +169,23 @@ function getKnotxPackageVersions() {
         "@knotx/plugins-base-render"
       ];
       const npmRegistry = "https://registry.npmjs.org";
-      for (const pkg of packages) {
-        try {
-          const version = execSync(`npm view ${pkg} version --registry=${npmRegistry}`, { encoding: "utf8" }).trim();
-          knotxVersions[pkg] = `^${version}`;
-        } catch (e) {
-          console.warn(chalk.yellow(`\u26A0\uFE0F \u65E0\u6CD5\u83B7\u53D6 ${pkg} \u7684\u6700\u65B0\u7248\u672C\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C`));
-          knotxVersions[pkg] = "latest";
-        }
-      }
+      const execAsync = promisify(exec);
+      const results = yield Promise.all(
+        packages.map((pkg) => __async(this, null, function* () {
+          try {
+            const cmd = `npm view ${pkg} version --registry=${npmRegistry} --timeout=10000`;
+            const { stdout } = yield execAsync(cmd, { timeout: 1e4 });
+            const version = stdout.trim();
+            return { pkg, version: `^${version}`, success: true };
+          } catch (e) {
+            console.warn(chalk.yellow(`\u26A0\uFE0F \u65E0\u6CD5\u83B7\u53D6 ${pkg} \u7684\u6700\u65B0\u7248\u672C\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C`));
+            return { pkg, version: "latest", success: false };
+          }
+        }))
+      );
+      results.forEach(({ pkg, version }) => {
+        knotxVersions[pkg] = version;
+      });
       return knotxVersions;
     } catch (e) {
       console.warn(chalk.yellow("\u26A0\uFE0F \u83B7\u53D6 @knotx \u5305\u7248\u672C\u5931\u8D25\uFF0C\u4F7F\u7528\u9ED8\u8BA4\u7248\u672C"));
@@ -165,7 +195,9 @@ function getKnotxPackageVersions() {
         "@knotx/jsx": "latest",
         "@knotx/build-config": "latest",
         "@knotx/eslint-config": "latest",
-        "@knotx/typescript-config": "latest"
+        "@knotx/typescript-config": "latest",
+        "@knotx/react": "latest",
+        "@knotx/plugins-base-render": "latest"
       };
     }
   });
@@ -173,10 +205,10 @@ function getKnotxPackageVersions() {
 function createPackageJson(targetDir, pluginName, environment, knotxVersions) {
   return __async(this, null, function* () {
     const packageJson = {
-      name: `@knotx/plugins-${pluginName}`,
+      name: pluginName,
       type: "module",
       version: "0.0.1",
-      description: `${capitalize(pluginName)} Plugin for Knotx`,
+      description: `${capitalize(pluginName.split("/").pop() || pluginName)} Plugin for Knotx`,
       license: "MIT",
       publishConfig: {
         access: "public"
@@ -220,13 +252,15 @@ function createPackageJson(targetDir, pluginName, environment, knotxVersions) {
         "vitest": "^3.0.0"
       }
     };
-    if (environment === "jsx") ; else if (environment === "react") {
-      packageJson.peerDependencies.react = "^17";
-      packageJson.peerDependencies["react-dom"] = "^17";
-      packageJson.devDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
+    if (environment === "jsx") {
       packageJson.devDependencies["@knotx/plugins-base-render"] = knotxVersions["@knotx/plugins-base-render"];
-      packageJson.devDependencies.react = "^17";
+    } else if (environment === "react") {
+      packageJson.peerDependencies.react = ">=17";
+      packageJson.peerDependencies["react-dom"] = ">=17";
+      packageJson.peerDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
+      packageJson.devDependencies["@knotx/react"] = knotxVersions["@knotx/react"];
       packageJson.devDependencies["@vitejs/plugin-react"] = "^4.3.4";
+      packageJson.devDependencies.react = "^17";
       packageJson.devDependencies["react-dom"] = "^17";
       packageJson.devDependencies["@types/react"] = "^17";
       packageJson.devDependencies["@types/react-dom"] = "^17";
@@ -289,12 +323,12 @@ function sortObjectAlphabetically(obj) {
 function createConfigFiles(targetDir) {
   return __async(this, null, function* () {
     try {
-      const tsconfigTemplate = yield fs.readFile(path.join(templatesDir, "tsconfig.json.template"), "utf-8");
-      const buildConfigTemplate = yield fs.readFile(path.join(templatesDir, "build.config.ts.template"), "utf-8");
-      const eslintConfigTemplate = yield fs.readFile(path.join(templatesDir, "eslint.config.js.template"), "utf-8");
-      yield fs.writeFile(path.join(targetDir, "tsconfig.json"), tsconfigTemplate);
-      yield fs.writeFile(path.join(targetDir, "build.config.ts"), buildConfigTemplate);
-      yield fs.writeFile(path.join(targetDir, "eslint.config.js"), eslintConfigTemplate);
+      const tsconfigTemplate = yield fs.readFile(safeResolvePath(templatesDir, "tsconfig.json.template"), "utf-8");
+      const buildConfigTemplate = yield fs.readFile(safeResolvePath(templatesDir, "build.config.ts.template"), "utf-8");
+      const eslintConfigTemplate = yield fs.readFile(safeResolvePath(templatesDir, "eslint.config.js.template"), "utf-8");
+      yield fs.writeFile(safeResolvePath(targetDir, "tsconfig.json"), tsconfigTemplate);
+      yield fs.writeFile(safeResolvePath(targetDir, "build.config.ts"), buildConfigTemplate);
+      yield fs.writeFile(safeResolvePath(targetDir, "eslint.config.js"), eslintConfigTemplate);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u6587\u4EF6:", error);
       const tsconfig = {
@@ -307,15 +341,15 @@ function createConfigFiles(targetDir) {
         }
       };
       yield fs.writeFile(
-        path.join(targetDir, "tsconfig.json"),
+        safeResolvePath(targetDir, "tsconfig.json"),
         JSON.stringify(tsconfig, null, 2)
       );
       yield fs.writeFile(
-        path.join(targetDir, "build.config.ts"),
+        safeResolvePath(targetDir, "build.config.ts"),
         'import { defineBuildConfig } from "@knotx/build-config";\n\nexport default defineBuildConfig();'
       );
       yield fs.writeFile(
-        path.join(targetDir, "eslint.config.js"),
+        safeResolvePath(targetDir, "eslint.config.js"),
         "export { default } from '@knotx/eslint-config';"
       );
     }
@@ -324,46 +358,49 @@ function createConfigFiles(targetDir) {
 function createSourceFiles(targetDir, pluginName, environment) {
   return __async(this, null, function* () {
     try {
-      const indexTemplate = yield fs.readFile(path.join(templatesDir, "index.ts.template"), "utf-8");
-      const indexContent = indexTemplate.replace(/\{\{pluginName\}\}/g, pluginName);
-      yield fs.writeFile(path.join(targetDir, "src", "index.ts"), indexContent);
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const indexTemplate = yield fs.readFile(safeResolvePath(templatesDir, "index.ts.template"), "utf-8");
+      const indexContent = indexTemplate.replace(/\{\{pluginName\}\}/g, camelCaseName);
+      yield fs.writeFile(safeResolvePath(targetDir, "src", "index.ts"), indexContent);
       let templatePath;
       if (environment === "jsx") {
-        templatePath = path.join(templatesDir, "plugin.jsx.template");
+        templatePath = safeResolvePath(templatesDir, "plugin.jsx.template");
       } else {
-        templatePath = path.join(templatesDir, "plugin.jsx.template");
+        templatePath = safeResolvePath(templatesDir, "plugin.jsx.template");
       }
       const pluginTemplate = yield fs.readFile(templatePath, "utf-8");
-      const pluginContent = pluginTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName));
-      const fileName = `${pluginName}.tsx`;
-      yield fs.writeFile(path.join(targetDir, "src", fileName), pluginContent);
-      yield createPlayground(targetDir, pluginName, environment);
+      const pluginContent = pluginTemplate.replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName);
+      const fileName = `${camelCaseName}.tsx`;
+      yield fs.writeFile(safeResolvePath(targetDir, "src", fileName), pluginContent);
+      yield createPlayground(targetDir, pluginNameWithoutScope, camelCaseName, pascalCaseName, environment);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6\u6A21\u677F\u6587\u4EF6:", error);
     }
   });
 }
-function createPlayground(targetDir, pluginName, environment) {
+function createPlayground(targetDir, pluginName, camelCaseName, pascalCaseName, environment) {
   return __async(this, null, function* () {
-    const playgroundDir = path.join(targetDir, "playground");
-    yield fs.ensureDir(playgroundDir);
+    const playgroundDir = safeResolvePath(targetDir, "playground");
+    yield safeEnsureDir(playgroundDir);
     try {
-      const viteConfigTemplate = yield fs.readFile(path.join(templatesDir, "vite.config.ts.template"), "utf-8");
-      const htmlTemplate = yield fs.readFile(path.join(templatesDir, "playground/index.html.template"), "utf-8");
-      const tsConfigTemplate = yield fs.readFile(path.join(templatesDir, "playground/tsconfig.json.template"), "utf-8");
+      const viteConfigTemplate = yield fs.readFile(safeResolvePath(templatesDir, "vite.config.ts.template"), "utf-8");
+      const htmlTemplate = yield fs.readFile(safeResolvePath(templatesDir, "playground/index.html.template"), "utf-8");
+      const tsConfigTemplate = yield fs.readFile(safeResolvePath(templatesDir, "playground/tsconfig.json.template"), "utf-8");
       const isReact = environment === "react";
       const mainTemplate = yield fs.readFile(
-        path.join(templatesDir, `playground/main.${isReact ? "react" : "jsx"}.template`),
+        safeResolvePath(templatesDir, `playground/main.${isReact ? "react" : "jsx"}.template`),
         "utf-8"
       );
       const fileExtension = isReact ? "tsx" : "ts";
       const viteConfigContent = viteConfigTemplate.replace(new RegExp("\\{\\{#if isReact\\}\\}(.*?)\\{\\{\\/if\\}\\}", "gs"), isReact ? "$1" : "");
-      const htmlContent = htmlTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName)).replace(/\{\{fileExtension\}\}/g, fileExtension);
-      const mainContent = mainTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName));
-      yield fs.writeFile(path.join(playgroundDir, "vite.config.ts"), viteConfigContent);
-      yield fs.writeFile(path.join(playgroundDir, "index.html"), htmlContent);
-      yield fs.writeFile(path.join(playgroundDir, `main.${fileExtension}`), mainContent);
-      yield fs.writeFile(path.join(playgroundDir, "tsconfig.json"), tsConfigTemplate);
+      const htmlContent = htmlTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{pluginNameWithoutScope\}\}/g, pluginName).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName).replace(/\{\{fileExtension\}\}/g, fileExtension);
+      const mainContent = mainTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName);
+      yield fs.writeFile(safeResolvePath(playgroundDir, "vite.config.ts"), viteConfigContent);
+      yield fs.writeFile(safeResolvePath(playgroundDir, "index.html"), htmlContent);
+      yield fs.writeFile(safeResolvePath(playgroundDir, `main.${fileExtension}`), mainContent);
+      yield fs.writeFile(safeResolvePath(playgroundDir, "tsconfig.json"), tsConfigTemplate);
     } catch (error) {
       console.error("\u8BFB\u53D6 playground \u6A21\u677F\u6587\u4EF6\u5931\u8D25:", error);
     }
@@ -372,50 +409,84 @@ function createPlayground(targetDir, pluginName, environment) {
 function createReadme(targetDir, pluginName) {
   return __async(this, null, function* () {
     try {
-      const readmeTemplate = yield fs.readFile(path.join(templatesDir, "README.md.template"), "utf-8");
-      const description = `${capitalize(pluginName)} Plugin for Knotx`;
-      const readmeContent = readmeTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{capitalizedPluginName\}\}/g, capitalize(pluginName)).replace(/\{\{description\}\}/g, description);
-      yield fs.writeFile(path.join(targetDir, "README.md"), readmeContent);
+      const readmeTemplate = yield fs.readFile(safeResolvePath(templatesDir, "README.md.template"), "utf-8");
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const description = `${pascalCaseName} Plugin for Knotx`;
+      const readmeContent = readmeTemplate.replace(/\{\{pluginName\}\}/g, pluginName).replace(/\{\{pluginNameWithoutScope\}\}/g, pluginNameWithoutScope).replace(/\{\{camelCaseName\}\}/g, camelCaseName).replace(/\{\{capitalizedPluginName\}\}/g, pascalCaseName).replace(/\{\{description\}\}/g, description);
+      yield fs.writeFile(safeResolvePath(targetDir, "README.md"), readmeContent);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6 README \u6A21\u677F\u6587\u4EF6:", error);
-      const readmeContent = `# @knotx/plugins-${pluginName}
+      const pluginNameWithoutScope = pluginName.split("/").pop() || pluginName;
+      const camelCaseName = toCamelCase(pluginNameWithoutScope);
+      const pascalCaseName = toPascalCase(pluginNameWithoutScope);
+      const readmeContent = `# ${pluginName}
 
-${capitalize(pluginName)} Plugin for Knotx
+${pascalCaseName} Plugin for Knotx
 
 ## \u5B89\u88C5
 
 \`\`\`bash
-npm install @knotx/plugins-${pluginName}
+npm install ${pluginName}
 # \u6216\u8005
-yarn add @knotx/plugins-${pluginName}
+yarn add ${pluginName}
 # \u6216\u8005
-pnpm add @knotx/plugins-${pluginName}
+pnpm add ${pluginName}
 \`\`\`
 
 ## \u4F7F\u7528\u65B9\u6CD5
 
 \`\`\`typescript
-import { ${pluginName} } from '@knotx/plugins-${pluginName}';
+import { ${camelCaseName} } from '${pluginName}';
 
 // \u5728\u60A8\u7684Knotx\u5E94\u7528\u4E2D\u4F7F\u7528\u63D2\u4EF6
-app.use(${pluginName});
+app.use(${camelCaseName});
 \`\`\`
 
 ## \u8BB8\u53EF\u8BC1
 
 MIT`;
-      yield fs.writeFile(path.join(targetDir, "README.md"), readmeContent);
+      yield fs.writeFile(safeResolvePath(targetDir, "README.md"), readmeContent);
     }
   });
 }
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
+function toCamelCase(str) {
+  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+function toPascalCase(str) {
+  return capitalize(toCamelCase(str));
+}
+function safeResolvePath(basePath, ...paths) {
+  try {
+    return path.resolve(basePath, ...paths);
+  } catch (error) {
+    console.warn(chalk.yellow(`\u26A0\uFE0F \u8DEF\u5F84\u89E3\u6790\u5931\u8D25: ${error}`));
+    return paths.reduce((result, part) => `${result}/${part}`, basePath);
+  }
+}
+function safeEnsureDir(dirPath) {
+  return __async(this, null, function* () {
+    try {
+      yield fs.ensureDir(dirPath);
+    } catch (e) {
+      console.warn(chalk.yellow(`\u26A0\uFE0F \u521B\u5EFA\u76EE\u5F55 ${dirPath} \u5931\u8D25\uFF0C\u5C1D\u8BD5\u4F7F\u7528\u5907\u7528\u65B9\u6CD5`));
+      try {
+        fs.mkdirSync(dirPath, { recursive: true });
+      } catch (syncError) {
+        throw new Error(`\u65E0\u6CD5\u521B\u5EFA\u76EE\u5F55 ${dirPath}: ${syncError}`);
+      }
+    }
+  });
+}
 function createGitignore(targetDir) {
   return __async(this, null, function* () {
     try {
-      const gitignoreTemplate = yield fs.readFile(path.join(templatesDir, ".gitignore.template"), "utf-8");
-      yield fs.writeFile(path.join(targetDir, ".gitignore"), gitignoreTemplate);
+      const gitignoreTemplate = yield fs.readFile(safeResolvePath(templatesDir, ".gitignore.template"), "utf-8");
+      yield fs.writeFile(safeResolvePath(targetDir, ".gitignore"), gitignoreTemplate);
     } catch (error) {
       console.error("\u65E0\u6CD5\u8BFB\u53D6 .gitignore \u6A21\u677F\u6587\u4EF6:", error);
       const gitignoreContent = `# \u4F9D\u8D56\u76EE\u5F55
@@ -445,15 +516,16 @@ pnpm-debug.log*
 # \u6D4B\u8BD5\u8986\u76D6\u7387
 coverage
 `;
-      yield fs.writeFile(path.join(targetDir, ".gitignore"), gitignoreContent);
+      yield fs.writeFile(safeResolvePath(targetDir, ".gitignore"), gitignoreContent);
     }
   });
 }
 function initGitRepo(targetDir) {
   try {
-    execSync("git init", { cwd: targetDir, stdio: "ignore" });
-    execSync("git add .", { cwd: targetDir, stdio: "ignore" });
-    execSync('git commit -m "Initial commit with Knotx plugin template"', {
+    if (!fs.existsSync(targetDir)) {
+      throw new Error(`\u76EE\u5F55 ${targetDir} \u4E0D\u5B58\u5728`);
+    }
+    const gitOptions = {
       cwd: targetDir,
       stdio: "ignore",
       env: __spreadProps(__spreadValues({}, process.env), {
@@ -462,7 +534,10 @@ function initGitRepo(targetDir) {
         GIT_COMMITTER_NAME: "Knotx CLI",
         GIT_COMMITTER_EMAIL: "knotx-cli@noreply.github.com"
       })
-    });
+    };
+    execSync("git init", gitOptions);
+    execSync("git add .", gitOptions);
+    execSync('git commit -m "Initial commit with Knotx plugin template"', gitOptions);
     return true;
   } catch (error) {
     if (error instanceof Error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knotx/cli",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "CLI tool for Knotx",
   "author": "boenfu",
   "license": "MIT",
@@ -11,8 +11,7 @@
     "directory": "packages/cli"
   },
   "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "access": "public"
   },
   "exports": {
     ".": {
@@ -41,9 +40,9 @@
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/inquirer": "^9.0.7",
-    "@knotx/build-config": "0.0.3",
-    "@knotx/eslint-config": "0.0.3",
-    "@knotx/typescript-config": "0.0.3"
+    "@knotx/build-config": "0.0.5",
+    "@knotx/eslint-config": "0.0.5",
+    "@knotx/typescript-config": "0.0.5"
   },
   "scripts": {
     "build": "unbuild --failOnWarn=false",

package/templates/README.md.template

@@ -1,21 +1,21 @@
-# @knotx/plugins-{{pluginName}}
+# {{pluginName}}
 
 {{description}}
 
 ## 安装
 
 ```bash
-npm install @knotx/plugins-{{pluginName}}
+npm install {{pluginName}}
 # 或者
-yarn add @knotx/plugins-{{pluginName}}
+yarn add {{pluginName}}
 # 或者
-pnpm add @knotx/plugins-{{pluginName}}
+pnpm add {{pluginName}}
 ```
 
 ## 使用方法
 
 ```typescript
-import { {{capitalizedPluginName}} } from '@knotx/plugins-{{pluginName}}'
+import { {{capitalizedPluginName}} } from '{{pluginName}}'
 ```
 
 ## 许可证

package/templates/playground/index.html.template

@@ -6,7 +6,6 @@
   <title>{{capitalizedPluginName}} Plugin Playground</title>
   <style>
     body {
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
       margin: 0;
       padding: 20px;
       background-color: #f7f7f7;
@@ -29,7 +28,7 @@
 <body>
   <div class="container">
     <h1>{{capitalizedPluginName}} Plugin Demo</h1>
-    <p>这是 {{pluginName}} 插件的演示页面。您可以在这里测试插件的功能。</p>
+    <p>这是 {{pluginNameWithoutScope}} 插件的演示页面。您可以在这里测试插件的功能。</p>
     
     <div id="app">
       <!-- 插件内容将在这里展示 -->

package/templates/playground/main.jsx.template

@@ -1,11 +1,4 @@
 import { {{capitalizedPluginName}} } from '../src'
 
 // 在这里初始化和使用您的插件
-const plugin = new {{capitalizedPluginName}}()
-plugin.init()
-
-// 更新演示区域
-const appElement = document.getElementById('app')
-if (appElement) {
-  appElement.innerHTML += '<p>插件已初始化，请查看控制台输出</p>'
-} 
+const plugin = new {{capitalizedPluginName}}();

package/templates/playground/main.react.template

@@ -1,4 +1,3 @@
-import { BaseRender } from '@knotx/plugins-base-render'
 import { Knotx } from '@knotx/react'
 import { StrictMode } from 'react'
 import ReactDOM from 'react-dom'
@@ -31,7 +30,7 @@ function App() {
       style={{ height: 480, boxShadow: '0 0 2px #333', borderRadius: 4 }}
       nodes={nodes}
       edges={edges}
-      plugins={[BaseRender, {{capitalizedPluginName}}]}
+      plugins={[{{capitalizedPluginName}}]}
     />
   )
 }

package/templates/playground/tsconfig.json.template

@@ -1,8 +1,9 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "jsx": "react",
-    "types": ["vite/client"]
+    "jsx": "react-jsx",
+    "types": ["vite/client"],
+    "esModuleInterop": true
   },
   "include": ["."]
 }

package/templates/plugin.jsx.template

@@ -3,14 +3,14 @@ import type { NodeData } from '@knotx/core'
 import { BasePlugin } from '@knotx/core'
 import { inject, OnInit } from '@knotx/decorators'
 
-export class {{capitalizedPluginName}} extends BasePlugin<'{{pluginName}}'> {
-  name = '{{pluginName}}' as const
+export class {{capitalizedPluginName}} extends BasePlugin<'{{camelCaseName}}'> {
+  name = '{{camelCaseName}}' as const
 
   @inject.nodes()
   nodes!: NodeData[]
 
   @OnInit
   init() {
-    console.log('{{capitalizedPluginName}} 插件已加载', this.nodes)
+    console.log('{{capitalizedPluginName}} 插件已加载')
   }
 }

package/templates/vite.config.ts.template

@@ -3,16 +3,16 @@ import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [{{#if isReact}}react({
-        babel: {
-          plugins: [[
-            '@babel/plugin-proposal-decorators',
-            {
-              version: '2023-11',
-              decoratorsBeforeExport: true,
-            },
-          ]],
+    babel: {
+      plugins: [[
+        '@babel/plugin-proposal-decorators',
+        {
+          version: '2023-11',
+          decoratorsBeforeExport: true,
         },
-      }){{/if}}],
+      ]],
+    },
+  }){{/if}}],
   server: {
     port: 5173,
   },