react-nest-cli 1.0.4 → 1.0.5

package/packages/cli/dist/index.js

@@ -1,4 +1,22 @@
 #!/usr/bin/env node
+import {
+  baseRegisterCommands_default
+} from "./chunk-K5MQOF6Z.js";
+import {
+  info,
+  logInfo
+} from "./chunk-2LOTRMC6.js";
+import {
+  init
+} from "./chunk-6IS4OKS7.js";
+import "./chunk-PMB2T2TP.js";
+import {
+  initComponent_default
+} from "./chunk-B7N5IJK6.js";
+import {
+  version
+} from "./chunk-YUGLQSSS.js";
+import "./chunk-NCNZGYLV.js";
 
 // packages/cli/src/index.ts
 import { program } from "commander";
@@ -6,7 +24,7 @@ import { program } from "commander";
 // packages/cli/package.json
 var package_default = {
   name: "@react-nest/cli",
-  version: "1.0.4",
+  version: "1.0.5",
   description: "\u4E00\u4E2A\u811A\u624B\u67B6\u5DE5\u5177\uFF0C\u7528\u4E8E\u5FEB\u901F\u751F\u6210 react+nest \u9879\u76EE",
   main: "index.js",
   type: "module",
@@ -18,127 +36,12 @@ var package_default = {
   license: "ISC"
 };
 
-// packages/cli/src/commands/baseRegisterCommands.ts
-function baseRegisterCommands(program2) {
-  return function registerCommand2(fn) {
-    fn(program2);
-  };
-}
-var baseRegisterCommands_default = baseRegisterCommands;
-
-// packages/cli/src/commands/base/info.ts
-import consola from "consola";
-import figlet from "figlet";
-import picocolors from "picocolors";
-
-// packages/cli/src/configs/text.config.ts
-var text_config_default = {
-  font: "Ghost",
-  horizontalLayout: "default",
-  verticalLayout: "default",
-  width: 200,
-  whitespaceBreak: true
-};
-
-// packages/cli/src/commands/base/info.ts
-var logInfo = (program2) => {
-  console.log(
-    picocolors.yellow(figlet.textSync("React Nest CLI", text_config_default))
-  );
-  consola.start(picocolors.yellow(program2.description()));
-  consola.info(picocolors.yellow(program2.version()));
-};
-function info(program2) {
-  program2.command("info").description("\u8F93\u51FA\u9879\u76EE\u4FE1\u606F").action(() => logInfo(program2));
-}
-
-// packages/cli/src/commands/base/version.ts
-import consola2 from "consola";
-import figlet2 from "figlet";
-function version(program2) {
-  program2.command("version").description("\u8F93\u51FA\u7248\u672C\u53F7").action(() => {
-    consola2.info(
-      figlet2.textSync(`version ==> ${program2.version()}`, text_config_default)
-    );
-  });
-}
-
-// packages/cli/src/commands/base/init.ts
-import prompts from "prompts";
-
-// packages/cli/src/configs/prompts.config.ts
-var prompts_config_default = {
-  templates: [
-    { title: "React + Nest", value: "react-nest", description: "\u8FD9\u4E2A\u6A21\u677F\u5305\u542B\u4E86 React + Nest \u9879\u76EE\u7684\u57FA\u672C\u914D\u7F6E", disabled: false },
-    { title: "React + Nest + TypeScript", value: "react-nest-ts", description: "\u8FD9\u4E2A\u6A21\u677F\u5305\u542B\u4E86 React + Nest + TypeScript \u9879\u76EE\u7684\u57FA\u672C\u914D\u7F6E", disabled: false }
-  ]
-};
-
-// packages/cli/src/commands/base/init.ts
-import consola3 from "consola";
-import fsExtra from "fs-extra";
-import path from "path";
-import { cwd } from "process";
-import { downloadTemplate } from "giget";
-import ora from "ora";
-function init(program2) {
-  program2.command("init").description("\u521D\u59CB\u5316\u9879\u76EE").argument("[project-name]", "\u9879\u76EE\u540D\u79F0").option("--template <template-name>", "\u9879\u76EE\u6A21\u677F\u540D\u79F0").action(async (projectName, rest) => {
-    let { template } = rest || {};
-    if (!projectName) {
-      const response = await prompts({
-        type: "text",
-        initial: "my-project",
-        // 默认值
-        name: "projectName",
-        message: "\u8BF7\u8F93\u5165\u9879\u76EE\u540D\u79F0"
-        // validate: value => value.length ? true : '请输入项目名称'
-      });
-      projectName = response.projectName;
-    }
-    const noTemplate = template && !prompts_config_default.templates.find((item) => item.value === template);
-    if (!template || noTemplate) {
-      if (noTemplate) {
-        consola3.error(`\u9879\u76EE\u6A21\u677F ${template} \u4E0D\u5B58\u5728, \u8BF7\u9009\u62E9\u5176\u4ED6\u6A21\u677F`);
-      }
-      const response = await prompts({
-        type: "select",
-        name: "template",
-        message: "\u8BF7\u9009\u62E9\u9879\u76EE\u6A21\u677F",
-        choices: prompts_config_default.templates,
-        initial: 0
-        // 默认选择第一个
-      });
-      template = response.template;
-    }
-    const tip = `\u521D\u59CB\u5316\u9879\u76EE ${projectName}\uFF0C\u6A21\u677F ${template}`;
-    const spinner = ora({
-      text: tip,
-      color: "blue"
-      // spinner: 'growVertical',
-      // isEnabled: false
-    });
-    spinner.start();
-    const projectDir = path.resolve(cwd(), projectName);
-    if (fsExtra.existsSync(projectDir)) {
-      spinner.fail(`\u{1F4A5}\u521D\u59CB\u5316\u5931\u8D25: \u9879\u76EE\u76EE\u5F55 ${projectName} \u5DF2\u5B58\u5728`);
-      return;
-    }
-    const res = await downloadTemplate(
-      `github:liaolonghui/react-nest-cli/packages/templates/${template}#main`,
-      {
-        dir: projectDir
-      }
-    );
-    const { dir } = res;
-    spinner.succeed(`\u9879\u76EE\u521D\u59CB\u5316\u6210\u529F\uFF0C\u9879\u76EE\u76EE\u5F55\uFF1A${dir}`);
-  });
-}
-
 // packages/cli/src/index.ts
 program.version(package_default.version, "-V, --version", "\u8F93\u51FA\u7248\u672C\u53F7").helpOption("-h, --help", "\u8F93\u51FA\u5E2E\u52A9\u4FE1\u606F").description(package_default.description).action(() => logInfo(program));
 var registerCommand = baseRegisterCommands_default(program);
 registerCommand(info);
 registerCommand(init);
+registerCommand(initComponent_default);
 registerCommand(version);
-program.parse();
+program.parse(process.argv);
 //# sourceMappingURL=index.js.map

package/packages/cli/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../package.json","../src/commands/baseRegisterCommands.ts","../src/commands/base/info.ts","../src/configs/text.config.ts","../src/commands/base/version.ts","../src/commands/base/init.ts","../src/configs/prompts.config.ts"],"sourcesContent":["#!/usr/bin/env node\nimport { program } from 'commander'\nimport packageJson from '../package.json' with { type: 'json' }\nimport baseRegisterCommands from './commands/baseRegisterCommands.ts'\nimport info, { logInfo } from './commands/base/info.ts'\nimport version from './commands/base/version.ts'\nimport init from './commands/base/init.ts'\n\n// import.meta.dirname 指向当前文件所在目录\n// process.cwd() 指向当前工作目录 （实际运行时目录，不是当前文件所在目录）\n// const cwd = process.cwd();\n// const dirname = import.meta.dirname;\n\nprogram\n    .version(packageJson.version, '-V, --version', '输出版本号')\n    .helpOption('-h, --help', '输出帮助信息')\n    // .help((str) => '帮助信息：\\n' + str)\n    .description(packageJson.description)\n    .action(() => logInfo(program))\n\nconst registerCommand = baseRegisterCommands(program)\n// 注册info命令\nregisterCommand(info)\n// 初始化项目命令\nregisterCommand(init)\n// 输出版本号命令\nregisterCommand(version)\n\nprogram.parse()\n","{\n    \"name\": \"@react-nest/cli\",\n    \"version\": \"1.0.4\",\n    \"description\": \"一个脚手架工具，用于快速生成 react+nest 项目\",\n    \"main\": \"index.js\",\n    \"type\": \"module\",\n    \"scripts\": {\n        \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n    },\n    \"keywords\": [],\n    \"author\": \"\",\n    \"license\": \"ISC\"\n}\n","import type { Command } from 'commander'\n\nfunction baseRegisterCommands(program: Command) {\n    return function registerCommand(fn: (program: Command) => void) {\n        fn(program)\n    }\n}\n\nexport default baseRegisterCommands\n","import type { Command } from 'commander'\nimport consola from 'consola'\nimport figlet from 'figlet'\nimport picocolors from 'picocolors'\nimport textConfig from '../../configs/text.config.ts'\n\n// 输出项目信息\nexport const logInfo = (program: Command) => {\n    console.log(\n        picocolors.yellow(figlet.textSync('React Nest CLI', textConfig))\n    )\n    consola.start(picocolors.yellow(program.description()))\n    consola.info(picocolors.yellow(program.version()))\n}\n\nexport default function info(program: Command) {\n    // 输出项目信息\n    program\n        .command('info')\n        .description('输出项目信息')\n        .action(() => logInfo(program))\n}\n","import type { FigletOptions } from \"figlet\";\n\nexport default {\n    font: \"Ghost\",\n    horizontalLayout: \"default\",\n    verticalLayout: \"default\",\n    width: 200,\n    whitespaceBreak: true,\n} as FigletOptions","import type { Command } from 'commander'\nimport consola from 'consola'\nimport figlet from 'figlet'\nimport textConfig from '../../configs/text.config.ts'\n\nexport default function version(program: Command) {\n    // 输出版本号\n    program\n        .command('version')\n        .description('输出版本号')\n        .action(() => {\n            consola.info(\n                figlet.textSync(`version ==> ${program.version()}`, textConfig)\n            )\n        })\n}\n","import type { Command } from 'commander'\nimport prompts from 'prompts'\nimport promptsConfig from '../../configs/prompts.config.ts'\nimport consola from 'consola'\nimport fsExtra from 'fs-extra'\nimport path from 'node:path'\nimport { cwd } from 'node:process'\nimport { downloadTemplate } from 'giget'\nimport ora from 'ora'\n\nexport default function init(program: Command) {\n    program\n        .command('init')\n        .description('初始化项目')\n        .argument('[project-name]', '项目名称')\n        .option('--template <template-name>', '项目模板名称')\n        .action(async (projectName, rest) => {\n            let { template } = rest || {}\n            // 如果projectName没有提供，让用户输入\n            if (!projectName) {\n                const response = await prompts({\n                    type: 'text',\n                    initial: 'my-project', // 默认值\n                    name: 'projectName',\n                    message: '请输入项目名称',\n                    // validate: value => value.length ? true : '请输入项目名称'\n                })\n                projectName = response.projectName\n            }\n\n            // 如果template没有提供或者template不存在，让用户选择\n            const noTemplate =\n                template &&\n                !promptsConfig.templates.find((item) => item.value === template)\n            if (!template || noTemplate) {\n                if (noTemplate) {\n                    consola.error(`项目模板 ${template} 不存在, 请选择其他模板`)\n                }\n                const response = await prompts({\n                    type: 'select',\n                    name: 'template',\n                    message: '请选择项目模板',\n                    choices: promptsConfig.templates,\n                    initial: 0, // 默认选择第一个\n                })\n                template = response.template\n            }\n\n            const tip = `初始化项目 ${projectName}，模板 ${template}`\n            const spinner = ora({\n                text: tip,\n                color: 'blue',\n                // spinner: 'growVertical',\n                // isEnabled: false\n            })\n            spinner.start()\n\n            const projectDir = path.resolve(cwd(), projectName)\n            if (fsExtra.existsSync(projectDir)) {\n                spinner.fail(`💥初始化失败: 项目目录 ${projectName} 已存在`)\n                return\n            }\n\n            const res = await downloadTemplate(\n                `github:liaolonghui/react-nest-cli/packages/templates/${template}#main`,\n                {\n                    dir: projectDir,\n                }\n            )\n            const { dir } = res\n            spinner.succeed(`项目初始化成功，项目目录：${dir}`)\n            // console.log(res);\n        })\n}\n","\n\nexport default {\n    templates: [\n        { title: 'React + Nest', value: 'react-nest', description: '这个模板包含了 React + Nest 项目的基本配置', disabled: false },\n        { title: 'React + Nest + TypeScript', value: 'react-nest-ts', description: '这个模板包含了 React + Nest + TypeScript 项目的基本配置', disabled: false },\n    ]\n}"],"mappings":"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","names":["program","registerCommand","program","consola","figlet","program","consola","figlet","consola","program"]}
+{"version":3,"sources":["../src/index.ts","../package.json"],"sourcesContent":["#!/usr/bin/env node\nimport { program } from 'commander'\nimport packageJson from '../package.json' with { type: 'json' }\nimport baseRegisterCommands from './commands/baseRegisterCommands.ts'\nimport info, { logInfo } from './commands/base/info.ts'\nimport version from './commands/base/version.ts'\nimport init from './commands/base/init.ts'\nimport initComponent from './commands/base/initComponent.ts'\n\n// import.meta.dirname 指向当前文件所在目录\n// process.cwd() 指向当前工作目录 （实际运行时目录，不是当前文件所在目录）\n// const cwd = process.cwd();\n// const dirname = import.meta.dirname;\n\nprogram\n    .version(packageJson.version, '-V, --version', '输出版本号')\n    .helpOption('-h, --help', '输出帮助信息')\n    // .help((str) => '帮助信息：\\n' + str)\n    .description(packageJson.description)\n    .action(() => logInfo(program))\n\nconst registerCommand = baseRegisterCommands(program)\n// 注册info命令\nregisterCommand(info)\n// 初始化项目命令\nregisterCommand(init)\n// 初始化组件命令\nregisterCommand(initComponent)\n// 输出版本号命令\nregisterCommand(version)\n\nprogram.parse(process.argv)\n","{\n    \"name\": \"@react-nest/cli\",\n    \"version\": \"1.0.5\",\n    \"description\": \"一个脚手架工具，用于快速生成 react+nest 项目\",\n    \"main\": \"index.js\",\n    \"type\": \"module\",\n    \"scripts\": {\n        \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n    },\n    \"keywords\": [],\n    \"author\": \"\",\n    \"license\": \"ISC\"\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,SAAS,eAAe;;;ACDxB;AAAA,EACI,MAAQ;AAAA,EACR,SAAW;AAAA,EACX,aAAe;AAAA,EACf,MAAQ;AAAA,EACR,MAAQ;AAAA,EACR,SAAW;AAAA,IACP,MAAQ;AAAA,EACZ;AAAA,EACA,UAAY,CAAC;AAAA,EACb,QAAU;AAAA,EACV,SAAW;AACf;;;ADEA,QACK,QAAQ,gBAAY,SAAS,iBAAiB,gCAAO,EACrD,WAAW,cAAc,sCAAQ,EAEjC,YAAY,gBAAY,WAAW,EACnC,OAAO,MAAM,QAAQ,OAAO,CAAC;AAElC,IAAM,kBAAkB,6BAAqB,OAAO;AAEpD,gBAAgB,IAAI;AAEpB,gBAAgB,IAAI;AAEpB,gBAAgB,qBAAa;AAE7B,gBAAgB,OAAO;AAEvB,QAAQ,MAAM,QAAQ,IAAI;","names":[]}

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@react-nest/cli",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "description": "一个脚手架工具，用于快速生成 react+nest 项目",
     "main": "index.js",
     "type": "module",

package/packages/cli/src/commands/base/init.ts

@@ -69,6 +69,5 @@ export default function init(program: Command) {
             )
             const { dir } = res
             spinner.succeed(`项目初始化成功，项目目录：${dir}`)
-            // console.log(res);
         })
 }

package/packages/cli/src/commands/base/initComponent.ts

@@ -0,0 +1,174 @@
+import { type Command } from 'commander'
+import consola from 'consola'
+import fs from 'node:fs'
+import path from 'node:path'
+import { cwd } from 'node:process'
+import ora from 'ora'
+import prompts from 'prompts'
+
+const firstCharUpperCase = (str: string) => {
+    return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+// 确保目录存在
+const ensureDir = (dir: string) => {
+    return new Promise((resolve) => {
+        fs.mkdir(dir, { recursive: true }, (err) => {
+            if (err) {
+                consola.error(`创建目录 ${dir} 失败`)
+                resolve(false)
+            } else {
+                resolve(true)
+            }
+        })
+    })
+}
+
+// 检查路径是否存在
+const existsPath = (path: string) => {
+    return new Promise((resolve) => {
+        fs.stat(path, (err) => {
+            // consola.log(err)
+            if (err) {
+                resolve(false)
+            } else {
+                resolve(true)
+            }
+        })
+    })
+}
+
+const safeSaveFile = async (
+    path: string,
+    content: string,
+    force: boolean = false
+) => {
+    return new Promise((resolve, reject) => {
+        existsPath(path)
+            .then((exists) => {
+                if (exists) {
+                    if (!force) {
+                        consola.error(`文件${path} 已存在`)
+                        reject(false)
+                        return
+                    }
+                } else {
+                    fs.writeFile(path, content, 'utf-8', (err) => {
+                        if (err) {
+                            consola.error(`文件${path} 写入失败`)
+                            reject(false)
+                        } else {
+                            resolve(true)
+                        }
+                    })
+                }
+            })
+            .catch(() => {
+                reject(false)
+            })
+    })
+}
+
+const initComponent = (program: Command) => {
+    program
+        .command('init:component')
+        .alias('init:c')
+        .alias('init:comp')
+        .argument('[component-name]', '组件名称(如Button、Text、Card)')
+        .description('初始化React组件 TSX + CSS')
+        .option(
+            '-d, --dir <dir>',
+            '生成组件目录，默认src/components',
+            'src/components'
+        )
+        .option('-s, --style <style>', '使用哪种样式方案，默认css', 'css')
+        .option('-j, --jsx', '是否使用JSX文件，默认TSX', false)
+        .option('-f, --force', '是否强制覆盖已存在组件', false)
+        .action(async (componentName, rest) => {
+            const { dir, style, jsx, force } = rest || {}
+            if (!componentName) {
+                const response = await prompts({
+                    type: 'text',
+                    initial: 'Button', // 默认值
+                    name: 'componentName',
+                    message: '请输入组件名称',
+                })
+                componentName = response.componentName
+            }
+            if (!componentName || !componentName.trim()) {
+                process.stderr.write('组件名称不能为空\n')
+                process.exit(1)
+            }
+
+            componentName = firstCharUpperCase(componentName)
+
+            // 组件目录
+            const inputComponentDir = path.join(
+                'apps/components',
+                componentName
+            )
+            const outputComponentDir = path.resolve(cwd(), dir, componentName)
+
+            const inputExists = await existsPath(inputComponentDir)
+            // consola.log(inputExists)
+            if (!inputExists) {
+                consola.error(`组件 ${componentName} 不存在`)
+                process.exit(1)
+            }
+
+            const tip = `初始化组件 ${componentName}`
+            const spinner = ora(tip).start()
+
+            // 初始化组件   确保输出组件目录存在
+            const dirExists = await ensureDir(outputComponentDir)
+            if (!dirExists) {
+                spinner.fail(
+                    `组件 ${componentName} 初始化失败, 目录 ${outputComponentDir} 创建失败`
+                )
+                return
+            }
+
+            let esFileExt = 'tsx'
+            let styleFileExt = 'css'
+            if (jsx) {
+                esFileExt = 'jsx'
+            }
+            if (style === 'less') {
+                styleFileExt = 'less'
+            }
+
+            const esPath = path.resolve(
+                outputComponentDir,
+                `index.${esFileExt}`
+            )
+            const stylePath = path.resolve(
+                outputComponentDir,
+                `index.${styleFileExt}`
+            )
+            let esContent = fs.readFileSync(
+                path.resolve(inputComponentDir, `index.${esFileExt}`),
+                'utf-8'
+            )
+            const styleContent = fs.readFileSync(
+                path.resolve(inputComponentDir, `index.${styleFileExt}`),
+                'utf-8'
+            )
+            // 需要手动给esContent导入对应的style文件
+            esContent = `import './index.${styleFileExt}';\n${esContent}`
+
+            Promise.all([
+                safeSaveFile(esPath, esContent, force),
+                safeSaveFile(stylePath, styleContent, force),
+            ])
+                .then(() => {
+                    spinner.succeed(
+                        `组件 ${componentName} 初始化成功, 目录 ${outputComponentDir}`
+                    )
+                })
+                .catch(() => {
+                    spinner.fail(`组件 ${componentName} 初始化失败`)
+                })
+        })
+}
+
+export default initComponent

package/packages/cli/src/configs/prompts.config.ts

@@ -1,8 +1,23 @@
-
-
 export default {
     templates: [
-        { title: 'React + Nest', value: 'react-nest', description: '这个模板包含了 React + Nest 项目的基本配置', disabled: false },
-        { title: 'React + Nest + TypeScript', value: 'react-nest-ts', description: '这个模板包含了 React + Nest + TypeScript 项目的基本配置', disabled: false },
-    ]
-}
+        {
+            title: 'React + Nest',
+            value: 'react-nest',
+            description: '这个模板包含了 React + Nest 项目的基本配置',
+            disabled: false,
+        },
+        {
+            title: 'React + Nest + TypeScript',
+            value: 'react-nest-ts',
+            description:
+                '这个模板包含了 React + Nest + TypeScript 项目的基本配置',
+            disabled: false,
+        },
+        {
+            title: 'Vue',
+            value: 'vue-template',
+            description: '这个模板包含了 Vue 项目的基本配置',
+            disabled: false,
+        },
+    ],
+}

package/packages/cli/src/index.ts

@@ -5,6 +5,7 @@ import baseRegisterCommands from './commands/baseRegisterCommands.ts'
 import info, { logInfo } from './commands/base/info.ts'
 import version from './commands/base/version.ts'
 import init from './commands/base/init.ts'
+import initComponent from './commands/base/initComponent.ts'
 
 // import.meta.dirname 指向当前文件所在目录
 // process.cwd() 指向当前工作目录 （实际运行时目录，不是当前文件所在目录）
@@ -23,7 +24,9 @@ const registerCommand = baseRegisterCommands(program)
 registerCommand(info)
 // 初始化项目命令
 registerCommand(init)
+// 初始化组件命令
+registerCommand(initComponent)
 // 输出版本号命令
 registerCommand(version)
 
-program.parse()
+program.parse(process.argv)

package/packages/templates/react-nest/index.css

@@ -0,0 +1,7 @@
+body {
+  margin: 0;
+}
+
+h1 {
+  color: red;
+}

package/pnpm-workspace.yaml

@@ -1,3 +1,3 @@
 packages:
-  - 'src/packages/**'
-  - 'src/app/**'
+  - 'packages/*'
+  - 'apps/*'

package/stylelint.config.mjs

@@ -0,0 +1,17 @@
+/** @type {import("stylelint").Config} */
+export default {
+  "customSyntax" : "postcss-styled-syntax",
+  "extends": ["stylelint-config-standard"],
+  "rules": {
+    "unit-allowed-list": [
+      "px",
+      "em",
+      "rem"
+    ],
+    "block-no-empty": true,
+    "declaration-property-value-keyword-no-deprecated": true,
+    "comment-no-empty": true,
+    "comment-empty-line-before": null,
+    "selector-not-notation": null
+  }
+};

package/tsconfig.json

@@ -1,47 +1,48 @@
 {
-  // Visit https://aka.ms/tsconfig to read more about this file
-  "compilerOptions": {
-    // File Layout
-    // "rootDir": "./src",
-    // "outDir": "./dist",
+    // Visit https://aka.ms/tsconfig to read more about this file
+    "compilerOptions": {
+        // File Layout
+        // "rootDir": "./src",
+        // "outDir": "./dist",
 
-    // Environment Settings
-    // See also https://aka.ms/tsconfig/module
-    "module": "nodenext",
-    "target": "esnext",
-    // For nodejs:
-    "lib": ["esnext"],
-    "types": ["node"],
-    // and npm install -D @types/node
+        // Environment Settings
+        // See also https://aka.ms/tsconfig/module
+        "module": "nodenext",
+        "target": "esnext",
+        // For nodejs:
+        "lib": ["esnext", "dom", "DOM.Iterable"],
+        "types": ["node"],
+        // and npm install -D @types/node
 
-    "emitDeclarationOnly": true,
-    "allowImportingTsExtensions": true,
+        // "noEmit": true,
+        "emitDeclarationOnly": true,
+        "allowImportingTsExtensions": true,
 
+        // Other Outputs
+        "sourceMap": true,
+        "declaration": true,
+        "declarationMap": true,
 
-    // Other Outputs
-    "sourceMap": true,
-    "declaration": true,
-    "declarationMap": true,
+        // Stricter Typechecking Options
+        "noUncheckedIndexedAccess": true,
+        "exactOptionalPropertyTypes": true,
 
-    // Stricter Typechecking Options
-    "noUncheckedIndexedAccess": true,
-    "exactOptionalPropertyTypes": true,
+        // Style Options
+        // "noImplicitReturns": true,
+        // "noImplicitOverride": true,
+        // "noUnusedLocals": true,
+        // "noUnusedParameters": true,
+        // "noFallthroughCasesInSwitch": true,
+        // "noPropertyAccessFromIndexSignature": true,
 
-    // Style Options
-    // "noImplicitReturns": true,
-    // "noImplicitOverride": true,
-    // "noUnusedLocals": true,
-    // "noUnusedParameters": true,
-    // "noFallthroughCasesInSwitch": true,
-    // "noPropertyAccessFromIndexSignature": true,
-
-    // Recommended Options
-    "strict": true,
-    "jsx": "react-jsx",
-    "verbatimModuleSyntax": true,
-    "isolatedModules": true,
-    "noUncheckedSideEffectImports": true,
-    "moduleDetection": "force",
-    "skipLibCheck": true,
-  }
+        // Recommended Options
+        "strict": true,
+        "jsx": "react-jsx",
+        "verbatimModuleSyntax": true,
+        "isolatedModules": true,
+        "noUncheckedSideEffectImports": true,
+        "moduleDetection": "force",
+        "skipLibCheck": true
+    },
+    "exclude": ["node_modules", "apps/**/*"]
 }

package/tsup.config.ts

@@ -1,9 +1,10 @@
 import { defineConfig } from 'tsup'
 
 export default defineConfig({
-    entry: ['packages/cli/src/index.ts'],
+    entry: ['packages/cli/src'],
     outDir: 'packages/cli/dist',
-    format: ['esm'], // ['cjs']
+    format: ['esm'], // ['esm', 'cjs', 'iife'],
+    bundle: true,
     dts: true,
     sourcemap: true,
     clean: true,
@@ -11,7 +12,7 @@ export default defineConfig({
     minify: false,
     outExtension() {
         return {
-            js: '.js',
+            js: `.js`,
         }
     },
 })