zixulu 0.0.1 → 0.0.3

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 = "deep-sea";
-var version = "0.0.1";
+var name = "zixulu";
+var version = "0.0.2";
 var main = "index.js";
 var license = "MIT";
 var type = "module";
@@ -41,6 +42,11 @@ var pkg = {
 const prompt = createPromptModule();
 const packageNameReg = /^[a-z0-9]{1}[-_a-z0-9]{0,213}$/i;
 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}`);
+    const data = await response.json();
+    return data["dist-tags"].latest;
+}
 function getBuildJS(answer) {
     const { target, css } = answer;
     if (css) {
@@ -97,37 +103,41 @@ execSync("npx tsc --sourceMap -module ${target} -outDir dist/esm && npx tsc --so
 `;
 }
 async function getPackageJson(answer) {
-    const { name } = answer;
-    const response = await fetch("https://registry.npmjs.org/typescript");
-    const data = await response.json();
-    return `{
-    "name": "${name}",
-    "version": "0.0.1",
-    "main": "dist/cjs/index.js",
-    "module": "dist/esm/index.js",
-    "types": "dist/index.d.ts",
-    "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": {
-        "typescript": "^${data["dist-tags"].latest}"
-    }
-}
-`;
+    const { name, react, esm, cjs } = answer;
+    const info = {
+        name,
+        version: "0.0.1",
+        main: "dist/cjs/index.js",
+        module: "dist/esm/index.js",
+        types: "dist/index.d.ts",
+        license: "MIT",
+        type: "module",
+        exports: {
+            ".": {}
+        },
+        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")}`;
+    }
+    info.devDependencies.typescript = `^${await getPackageLatestVersion("typescript")}`;
+    return JSON.stringify(info, null, 4);
 }
 function getTSConfig(answer) {
     const { react, target } = answer;
@@ -277,7 +287,7 @@ function getProjectAnswer(...exclude) {
             type: "confirm",
             name: "css",
             message: "是否打包 CSS：",
-            default: true
+            default: false
         },
         {
             type: "confirm",
@@ -290,6 +300,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)));
 }
@@ -303,8 +320,8 @@ program
     .description("初始化 npm 项目")
     .option("-n --name <name>", "指定项目名称")
     .option("-r --react", "指定为 react 项目")
+    .option("-c --css", "打包 CSS")
     .option("-t --target <target>", "指定 JavaScript 版本")
-    .option("--no-css", "不打包 CSS")
     .option("--no-esm", "不打包 ES Module")
     .option("--no-cjs", "不打包 Common JS")
     .action(async (options) => {
@@ -319,15 +336,15 @@ program
         initAnswer.react = true;
         exclude.push("react");
     }
+    if ("css" in options) {
+        initAnswer.css = true;
+        exclude.push("css");
+    }
     if ("target" in options) {
         validateTarget(options.target);
         exclude.push("target");
         initAnswer.target = options.target.trim().toUpperCase();
     }
-    if (options.css === false) {
-        exclude.push("css");
-        initAnswer.css = false;
-    }
     if (options.esm === false) {
         exclude.push("esm");
         initAnswer.esm = false;
@@ -336,21 +353,32 @@ 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"}`, "");
+    writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, 'export default "Hello, world!"');
     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
     .command("build")
-    .description("更改打包命令")
+    .description("更新打包命令")
     .option("--no-css", "不打包 CSS")
     .action(options => {
     const { css } = options;
@@ -365,5 +393,6 @@ program
     const config = readFileSync("./tsconfig.json", "utf-8");
     const target = config.match(/"target":[ ]*?"(.+?)"/i)[1].toUpperCase();
     writeFileSync("./build.js", getBuildJS({ target, css }));
+    console.log("更新打包命令成功");
 });
 program.parse();

package/package.json

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

package/src/index.ts

@@ -4,6 +4,7 @@ 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()
 
@@ -18,10 +19,17 @@ 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"]
 
+async function getPackageLatestVersion(name: string) {
+    const response = await fetch(`https://registry.npmjs.org/${name}`)
+    const data = await response.json()
+    return data["dist-tags"].latest
+}
+
 function getBuildJS(answer: Pick<ProjectAnswer, "target" | "css">) {
     const { target, css } = answer
     if (css) {
@@ -79,37 +87,41 @@ execSync("npx tsc --sourceMap -module ${target} -outDir dist/esm && npx tsc --so
 }
 
 async function getPackageJson(answer: ProjectAnswer) {
-    const { name } = answer
-    const response = await fetch("https://registry.npmjs.org/typescript")
-    const data = await response.json()
-    return `{
-    "name": "${name}",
-    "version": "0.0.1",
-    "main": "dist/cjs/index.js",
-    "module": "dist/esm/index.js",
-    "types": "dist/index.d.ts",
-    "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"
-            }
+    const { name, react, esm, cjs } = answer
+    const info: any = {
+        name,
+        version: "0.0.1",
+        main: "dist/cjs/index.js",
+        module: "dist/esm/index.js",
+        types: "dist/index.d.ts",
+        license: "MIT",
+        type: "module",
+        exports: {
+            ".": {}
+        },
+        scripts: {
+            build: "node ./build.js"
+        },
+        devDependencies: {}
+    }
+    if (esm) {
+        info.exports["."]["import"] = {
+            types: "./dist/index.d.ts",
+            default: "./dist/esm/index.js"
         }
-    },
-    "scripts": {
-        "build": "node ./build.js"
-    },
-    "devDependencies": {
-        "typescript": "^${data["dist-tags"].latest}"
     }
-}
-`
+    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")}`
+    }
+    info.devDependencies.typescript = `^${await getPackageLatestVersion("typescript")}`
+    return JSON.stringify(info, null, 4)
 }
 
 function getTSConfig(answer: ProjectAnswer) {
@@ -263,7 +275,7 @@ function getProjectAnswer<T extends keyof ProjectAnswer>(...exclude: T[]): Promi
                 type: "confirm",
                 name: "css",
                 message: "是否打包 CSS：",
-                default: true
+                default: false
             },
             {
                 type: "confirm",
@@ -276,6 +288,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))
     )
@@ -294,8 +313,8 @@ program
     .description("初始化 npm 项目")
     .option("-n --name <name>", "指定项目名称")
     .option("-r --react", "指定为 react 项目")
+    .option("-c --css", "打包 CSS")
     .option("-t --target <target>", "指定 JavaScript 版本")
-    .option("--no-css", "不打包 CSS")
     .option("--no-esm", "不打包 ES Module")
     .option("--no-cjs", "不打包 Common JS")
     .action(async (options: Partial<ProjectAnswer>) => {
@@ -310,15 +329,15 @@ program
             initAnswer.react = true
             exclude.push("react")
         }
+        if ("css" in options) {
+            initAnswer.css = true
+            exclude.push("css")
+        }
         if ("target" in options) {
             validateTarget(options.target!)
             exclude.push("target")
             initAnswer.target = options.target!.trim().toUpperCase() as JavaScriptTarget
         }
-        if (options.css === false) {
-            exclude.push("css")
-            initAnswer.css = false
-        }
         if (options.esm === false) {
             exclude.push("esm")
             initAnswer.esm = false
@@ -327,22 +346,33 @@ 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"}`, "")
+        writeFileSync(`./${name}/src/index.${react ? "tsx" : "ts"}`, 'export default "Hello, world!"')
         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
     .command("build")
-    .description("更改打包命令")
+    .description("更新打包命令")
     .option("--no-css", "不打包 CSS")
     .action(options => {
         const { css } = options
@@ -357,6 +387,7 @@ program
         const config = readFileSync("./tsconfig.json", "utf-8")
         const target = config.match(/"target":[ ]*?"(.+?)"/i)![1].toUpperCase() as JavaScriptTarget
         writeFileSync("./build.js", getBuildJS({ target, css }))
+        console.log("更新打包命令成功")
     })
 
 program.parse()