zixulu 0.0.1 → 0.0.2

package/dist/index.js

@@ -3,7 +3,7 @@ import { Command } from 'commander';
 import { createPromptModule } from 'inquirer';
 import { readdirSync, mkdirSync, writeFileSync, statSync, readFileSync } from 'fs';
 
-var name = "deep-sea";
+var name = "zixulu";
 var version = "0.0.1";
 var main = "index.js";
 var license = "MIT";
@@ -41,6 +41,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 +102,38 @@ 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 } = 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: {
+            ".": {
+                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 (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 +283,7 @@ function getProjectAnswer(...exclude) {
             type: "confirm",
             name: "css",
             message: "是否打包 CSS：",
-            default: true
+            default: false
         },
         {
             type: "confirm",
@@ -303,8 +309,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 +325,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;
@@ -343,14 +349,15 @@ program
         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));
+    console.log("创建项目成功");
 });
 program
     .command("build")
-    .description("更改打包命令")
+    .description("更新打包命令")
     .option("--no-css", "不打包 CSS")
     .action(options => {
     const { css } = options;
@@ -365,5 +372,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.2",
     "main": "index.js",
     "license": "MIT",
     "type": "module",

package/src/index.ts

@@ -22,6 +22,12 @@ interface ProjectAnswer {
 
 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 +85,38 @@ 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 } = 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: {
+            ".": {
+                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}"
+        },
+        scripts: {
+            build: "node ./build.js"
+        },
+        devDependencies: {}
     }
-}
-`
+    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 +270,7 @@ function getProjectAnswer<T extends keyof ProjectAnswer>(...exclude: T[]): Promi
                 type: "confirm",
                 name: "css",
                 message: "是否打包 CSS：",
-                default: true
+                default: false
             },
             {
                 type: "confirm",
@@ -294,8 +301,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 +317,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
@@ -334,15 +341,16 @@ program
             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))
+        console.log("创建项目成功")
     })
 
 program
     .command("build")
-    .description("更改打包命令")
+    .description("更新打包命令")
     .option("--no-css", "不打包 CSS")
     .action(options => {
         const { css } = options
@@ -357,6 +365,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()