zixulu 0.0.2 → 0.0.4

package/dist/index.js

@@ -2,9 +2,10 @@
 import { Command } from 'commander';
 import { createPromptModule } from 'inquirer';
 import { readdirSync, mkdirSync, writeFileSync, statSync, readFileSync } from 'fs';
+import { execSync } from 'child_process';
 
 var name = "zixulu";
-var version = "0.0.1";
+var version = "0.0.3";
 var main = "index.js";
 var license = "MIT";
 var type = "module";
@@ -40,6 +41,18 @@ var pkg = {
 
 const prompt = createPromptModule();
 const packageNameReg = /^[a-z0-9]{1}[-_a-z0-9]{0,213}$/i;
+const JavaScriptTemplate = `export default "Hello, world!"`;
+const reactTemplate = `import React, { FC } from "react"
+
+const MyComponent: FC = () => {
+
+    return (
+        <div>Hello, world!</div>    
+    )
+}
+
+export default MyComponent
+`;
 const JavaScriptTargets = ["ES2015", "ES2016", "ES2017", "ES2018", "ES2019", "ES2020", "ES2021", "ES2022", "ES2023", "ESNext"];
 async function getPackageLatestVersion(name) {
     const response = await fetch(`https://registry.npmjs.org/${name}`);
@@ -102,7 +115,7 @@ execSync("npx tsc --sourceMap -module ${target} -outDir dist/esm && npx tsc --so
 `;
 }
 async function getPackageJson(answer) {
-    const { name, react } = answer;
+    const { name, react, esm, cjs } = answer;
     const info = {
         name,
         version: "0.0.1",
@@ -112,22 +125,25 @@ async function getPackageJson(answer) {
         license: "MIT",
         type: "module",
         exports: {
-            ".": {
-                import: {
-                    types: "./dist/index.d.ts",
-                    default: "./dist/esm/index.js"
-                },
-                require: {
-                    types: "./dist/index.d.ts",
-                    default: "./dist/cjs/index.js"
-                }
-            }
+            ".": {}
         },
         scripts: {
             build: "node ./build.js"
         },
         devDependencies: {}
     };
+    if (esm) {
+        info.exports["."]["import"] = {
+            types: "./dist/index.d.ts",
+            default: "./dist/esm/index.js"
+        };
+    }
+    if (cjs) {
+        info.exports["."]["require"] = {
+            types: "./dist/index.d.ts",
+            default: "./dist/cjs/index.js"
+        };
+    }
     if (react) {
         info.devDependencies["@types/react"] = `^${await getPackageLatestVersion("@types/react")}`;
         info.devDependencies["@types/react-dom"] = `^${await getPackageLatestVersion("@types/react-dom")}`;
@@ -296,6 +312,13 @@ function getProjectAnswer(...exclude) {
             name: "cjs",
             message: "是否打包 Common JS：",
             default: true
+        },
+        {
+            type: "list",
+            name: "install",
+            message: "现在就安装依赖：",
+            choices: ["Yarn", "Pnpm", "Npm", "No"],
+            default: "Yarn"
         }
     ].filter(it => exclude.every(i => i !== it.name)));
 }
@@ -342,17 +365,27 @@ program
         exclude.push("cjs");
         initAnswer.cjs = false;
     }
+    if (options.esm === false && options.cjs === false) {
+        throw new Error("必须选择 ES Module 和 Common JS 至少一种");
+    }
     const answer = { ...initAnswer, ...(await getProjectAnswer(...exclude)) };
-    const { name, react } = answer;
+    const { name, react, install, esm, cjs } = answer;
+    if (esm === false && cjs === false) {
+        throw new Error("必须选择 ES Module 和 Common JS 至少一种");
+    }
     const dir = readdirSync("./");
     if (!dir.includes(name)) {
         mkdirSync(`./${name}`);
     }
     mkdirSync(`./${name}/src`);
-    writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, 'export default "Hello, world!"');
+    writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, react ? reactTemplate : JavaScriptTemplate);
     writeFileSync(`./${name}/build.js`, getBuildJS(answer));
     writeFileSync(`./${name}/package.json`, await getPackageJson(answer));
     writeFileSync(`./${name}/tsconfig.json`, getTSConfig(answer));
+    writeFileSync(`./${name}/.gitignore`, "node_modules");
+    if (install !== "No") {
+        execSync(`${install.toLowerCase()} install`, { cwd: `./${name}` });
+    }
     console.log("创建项目成功");
 });
 program

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zixulu",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "main": "index.js",
     "license": "MIT",
     "type": "module",

package/src/index.ts

@@ -4,11 +4,26 @@ import { Command } from "commander"
 import pkg from "../package.json"
 import { createPromptModule } from "inquirer"
 import { mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from "fs"
+import { execSync } from "child_process"
 
 const prompt = createPromptModule()
 
 const packageNameReg = /^[a-z0-9]{1}[-_a-z0-9]{0,213}$/i
 
+const JavaScriptTemplate = `export default "Hello, world!"`
+
+const reactTemplate = `import React, { FC } from "react"
+
+const MyComponent: FC = () => {
+
+    return (
+        <div>Hello, world!</div>    
+    )
+}
+
+export default MyComponent
+`
+
 type JavaScriptTarget = "ES2015" | "ES2016" | "ES2017" | "ES2018" | "ES2019" | "ES2020" | "ES2021" | "ES2022" | "ES2023" | "ESNext"
 
 interface ProjectAnswer {
@@ -18,6 +33,7 @@ interface ProjectAnswer {
     css: boolean
     esm: boolean
     cjs: boolean
+    install: "No" | "Yarn" | "Pnpm" | "Npm"
 }
 
 const JavaScriptTargets: JavaScriptTarget[] = ["ES2015", "ES2016", "ES2017", "ES2018", "ES2019", "ES2020", "ES2021", "ES2022", "ES2023", "ESNext"]
@@ -85,7 +101,7 @@ execSync("npx tsc --sourceMap -module ${target} -outDir dist/esm && npx tsc --so
 }
 
 async function getPackageJson(answer: ProjectAnswer) {
-    const { name, react } = answer
+    const { name, react, esm, cjs } = answer
     const info: any = {
         name,
         version: "0.0.1",
@@ -95,22 +111,25 @@ async function getPackageJson(answer: ProjectAnswer) {
         license: "MIT",
         type: "module",
         exports: {
-            ".": {
-                import: {
-                    types: "./dist/index.d.ts",
-                    default: "./dist/esm/index.js"
-                },
-                require: {
-                    types: "./dist/index.d.ts",
-                    default: "./dist/cjs/index.js"
-                }
-            }
+            ".": {}
         },
         scripts: {
             build: "node ./build.js"
         },
         devDependencies: {}
     }
+    if (esm) {
+        info.exports["."]["import"] = {
+            types: "./dist/index.d.ts",
+            default: "./dist/esm/index.js"
+        }
+    }
+    if (cjs) {
+        info.exports["."]["require"] = {
+            types: "./dist/index.d.ts",
+            default: "./dist/cjs/index.js"
+        }
+    }
     if (react) {
         info.devDependencies["@types/react"] = `^${await getPackageLatestVersion("@types/react")}`
         info.devDependencies["@types/react-dom"] = `^${await getPackageLatestVersion("@types/react-dom")}`
@@ -283,6 +302,13 @@ function getProjectAnswer<T extends keyof ProjectAnswer>(...exclude: T[]): Promi
                 name: "cjs",
                 message: "是否打包 Common JS：",
                 default: true
+            },
+            {
+                type: "list",
+                name: "install",
+                message: "现在就安装依赖：",
+                choices: ["Yarn", "Pnpm", "Npm", "No"],
+                default: "Yarn"
             }
         ].filter(it => exclude.every(i => i !== it.name))
     )
@@ -334,17 +360,27 @@ program
             exclude.push("cjs")
             initAnswer.cjs = false
         }
+        if (options.esm === false && options.cjs === false) {
+            throw new Error("必须选择 ES Module 和 Common JS 至少一种")
+        }
         const answer = { ...initAnswer, ...(await getProjectAnswer(...exclude)) } as ProjectAnswer
-        const { name, react } = answer
+        const { name, react, install, esm, cjs } = answer
+        if (esm === false && cjs === false) {
+            throw new Error("必须选择 ES Module 和 Common JS 至少一种")
+        }
         const dir = readdirSync("./")
         if (!dir.includes(name)) {
             mkdirSync(`./${name}`)
         }
         mkdirSync(`./${name}/src`)
-        writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, 'export default "Hello, world!"')
+        writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, react ? reactTemplate : JavaScriptTemplate)
         writeFileSync(`./${name}/build.js`, getBuildJS(answer))
         writeFileSync(`./${name}/package.json`, await getPackageJson(answer))
         writeFileSync(`./${name}/tsconfig.json`, getTSConfig(answer))
+        writeFileSync(`./${name}/.gitignore`, "node_modules")
+        if (install !== "No") {
+            execSync(`${install.toLowerCase()} install`, { cwd: `./${name}` })
+        }
         console.log("创建项目成功")
     })