react-nest-cli 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apps/components/Button/index.css +9 -0
- package/apps/components/Button/index.jsx +12 -0
- package/apps/components/Button/index.less +10 -0
- package/apps/components/Button/index.tsx +21 -0
- package/apps/components/Card/index.css +10 -0
- package/apps/components/Card/index.jsx +11 -0
- package/apps/components/Card/index.less +9 -0
- package/apps/components/Card/index.tsx +20 -0
- package/cspell.config.ts +1 -1
- package/package.json +7 -3
- package/packages/cli/dist/chunk-2LOTRMC6.js +24 -0
- package/packages/cli/dist/chunk-2LOTRMC6.js.map +1 -0
- package/packages/cli/dist/chunk-6IS4OKS7.js +69 -0
- package/packages/cli/dist/chunk-6IS4OKS7.js.map +1 -0
- package/packages/cli/dist/chunk-B7N5IJK6.js +120 -0
- package/packages/cli/dist/chunk-B7N5IJK6.js.map +1 -0
- package/packages/cli/dist/chunk-K5MQOF6Z.js +12 -0
- package/packages/cli/dist/chunk-K5MQOF6Z.js.map +1 -0
- package/packages/cli/dist/chunk-NCNZGYLV.js +13 -0
- package/packages/cli/dist/chunk-NCNZGYLV.js.map +1 -0
- package/packages/cli/dist/chunk-PMB2T2TP.js +13 -0
- package/packages/cli/dist/chunk-PMB2T2TP.js.map +1 -0
- package/packages/cli/dist/chunk-YUGLQSSS.js +19 -0
- package/packages/cli/dist/chunk-YUGLQSSS.js.map +1 -0
- package/packages/cli/dist/commands/base/info.d.ts +6 -0
- package/packages/cli/dist/commands/base/info.js +10 -0
- package/packages/cli/dist/commands/base/info.js.map +1 -0
- package/packages/cli/dist/commands/base/init.d.ts +5 -0
- package/packages/cli/dist/commands/base/init.js +8 -0
- package/packages/cli/dist/commands/base/init.js.map +1 -0
- package/packages/cli/dist/commands/base/initComponent.d.ts +5 -0
- package/packages/cli/dist/commands/base/initComponent.js +7 -0
- package/packages/cli/dist/commands/base/initComponent.js.map +1 -0
- package/packages/cli/dist/commands/base/version.d.ts +5 -0
- package/packages/cli/dist/commands/base/version.js +8 -0
- package/packages/cli/dist/commands/base/version.js.map +1 -0
- package/packages/cli/dist/commands/baseRegisterCommands.d.ts +7 -0
- package/packages/cli/dist/commands/baseRegisterCommands.js +7 -0
- package/packages/cli/dist/commands/baseRegisterCommands.js.map +1 -0
- package/packages/cli/dist/configs/prompts.config.d.ts +10 -0
- package/packages/cli/dist/configs/prompts.config.js +7 -0
- package/packages/cli/dist/configs/prompts.config.js.map +1 -0
- package/packages/cli/dist/configs/text.config.d.ts +5 -0
- package/packages/cli/dist/configs/text.config.js +7 -0
- package/packages/cli/dist/configs/text.config.js.map +1 -0
- package/packages/cli/dist/index.js +21 -118
- package/packages/cli/dist/index.js.map +1 -1
- package/packages/cli/package.json +1 -1
- package/packages/cli/src/commands/base/init.ts +0 -1
- package/packages/cli/src/commands/base/initComponent.ts +174 -0
- package/packages/cli/src/configs/prompts.config.ts +21 -6
- package/packages/cli/src/index.ts +4 -1
- package/packages/templates/react-nest/index.css +7 -0
- package/packages/templates/vue-template/vue +0 -0
- package/pnpm-workspace.yaml +2 -2
- package/stylelint.config.mjs +17 -0
- package/tsconfig.json +40 -39
- package/tsup.config.ts +4 -3
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react'
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
export interface IButtonProps {
|
|
5
|
+
className?: string
|
|
6
|
+
children: ReactNode
|
|
7
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const Button = (props: IButtonProps) => {
|
|
11
|
+
const { className, children, onClick } = props
|
|
12
|
+
|
|
13
|
+
return (
|
|
14
|
+
<div className={`button ${className || ''}`} onClick={onClick}>
|
|
15
|
+
{children}
|
|
16
|
+
</div>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
export default Button;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react'
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
export interface ICardProps {
|
|
5
|
+
className?: string
|
|
6
|
+
children: ReactNode
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const Card = (props: ICardProps) => {
|
|
10
|
+
const { className, children } = props || {};
|
|
11
|
+
|
|
12
|
+
return (
|
|
13
|
+
<div className={`card ${className || ''}`}>
|
|
14
|
+
{children}
|
|
15
|
+
</div>
|
|
16
|
+
)
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
export default Card;
|
package/cspell.config.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-nest-cli",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.5",
|
|
4
4
|
"description": "一个脚手架工具,用于快速生成 react+nest 项目",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"packageManager": "pnpm@9.6.0",
|
|
@@ -15,9 +15,10 @@
|
|
|
15
15
|
"commit": "git-cz",
|
|
16
16
|
"prepare": "husky",
|
|
17
17
|
"typecheck": "tsc --noEmit",
|
|
18
|
-
"lint": "eslint \"{packages,apps}/**/*.{js,jsx,ts,tsx}\"",
|
|
18
|
+
"lint:es": "eslint \"{packages,apps}/**/*.{js,jsx,ts,tsx}\"",
|
|
19
|
+
"lint:style": "stylelint \"{packages,apps}/**/*.{css,scss}\"",
|
|
19
20
|
"format": "prettier --write .",
|
|
20
|
-
"spellcheck": "cspell lint --dot --gitignore --color --cache --show-suggestions \"(packages)/**/*.@(html|ts|js|tsx|jsx|css|scss|json|md)\"",
|
|
21
|
+
"spellcheck": "cspell lint --dot --gitignore --color --cache --show-suggestions \"(packages|apps)/**/*.@(html|ts|js|tsx|jsx|css|scss|json|md)\"",
|
|
21
22
|
"graph": "madge --extensions ts --ts-config tsconfig.json packages/*/src"
|
|
22
23
|
},
|
|
23
24
|
"keywords": [
|
|
@@ -75,7 +76,10 @@
|
|
|
75
76
|
"husky": "^9.1.7",
|
|
76
77
|
"lint-staged": "^16.2.7",
|
|
77
78
|
"madge": "^8.0.0",
|
|
79
|
+
"postcss-styled-syntax": "^0.7.1",
|
|
78
80
|
"prettier": "^3.8.1",
|
|
81
|
+
"stylelint": "^17.1.1",
|
|
82
|
+
"stylelint-config-standard": "^40.0.0",
|
|
79
83
|
"ts-node": "^10.9.2",
|
|
80
84
|
"turbo": "^2.8.3",
|
|
81
85
|
"typescript": "^5.9.3",
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import {
|
|
2
|
+
text_config_default
|
|
3
|
+
} from "./chunk-NCNZGYLV.js";
|
|
4
|
+
|
|
5
|
+
// packages/cli/src/commands/base/info.ts
|
|
6
|
+
import consola from "consola";
|
|
7
|
+
import figlet from "figlet";
|
|
8
|
+
import picocolors from "picocolors";
|
|
9
|
+
var logInfo = (program) => {
|
|
10
|
+
console.log(
|
|
11
|
+
picocolors.yellow(figlet.textSync("React Nest CLI", text_config_default))
|
|
12
|
+
);
|
|
13
|
+
consola.start(picocolors.yellow(program.description()));
|
|
14
|
+
consola.info(picocolors.yellow(program.version()));
|
|
15
|
+
};
|
|
16
|
+
function info(program) {
|
|
17
|
+
program.command("info").description("\u8F93\u51FA\u9879\u76EE\u4FE1\u606F").action(() => logInfo(program));
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export {
|
|
21
|
+
logInfo,
|
|
22
|
+
info
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=chunk-2LOTRMC6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/commands/base/info.ts"],"sourcesContent":["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"],"mappings":";;;;;AACA,OAAO,aAAa;AACpB,OAAO,YAAY;AACnB,OAAO,gBAAgB;AAIhB,IAAM,UAAU,CAAC,YAAqB;AACzC,UAAQ;AAAA,IACJ,WAAW,OAAO,OAAO,SAAS,kBAAkB,mBAAU,CAAC;AAAA,EACnE;AACA,UAAQ,MAAM,WAAW,OAAO,QAAQ,YAAY,CAAC,CAAC;AACtD,UAAQ,KAAK,WAAW,OAAO,QAAQ,QAAQ,CAAC,CAAC;AACrD;AAEe,SAAR,KAAsB,SAAkB;AAE3C,UACK,QAAQ,MAAM,EACd,YAAY,sCAAQ,EACpB,OAAO,MAAM,QAAQ,OAAO,CAAC;AACtC;","names":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import {
|
|
2
|
+
prompts_config_default
|
|
3
|
+
} from "./chunk-PMB2T2TP.js";
|
|
4
|
+
|
|
5
|
+
// packages/cli/src/commands/base/init.ts
|
|
6
|
+
import prompts from "prompts";
|
|
7
|
+
import consola from "consola";
|
|
8
|
+
import fsExtra from "fs-extra";
|
|
9
|
+
import path from "path";
|
|
10
|
+
import { cwd } from "process";
|
|
11
|
+
import { downloadTemplate } from "giget";
|
|
12
|
+
import ora from "ora";
|
|
13
|
+
function init(program) {
|
|
14
|
+
program.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) => {
|
|
15
|
+
let { template } = rest || {};
|
|
16
|
+
if (!projectName) {
|
|
17
|
+
const response = await prompts({
|
|
18
|
+
type: "text",
|
|
19
|
+
initial: "my-project",
|
|
20
|
+
// 默认值
|
|
21
|
+
name: "projectName",
|
|
22
|
+
message: "\u8BF7\u8F93\u5165\u9879\u76EE\u540D\u79F0"
|
|
23
|
+
// validate: value => value.length ? true : '请输入项目名称'
|
|
24
|
+
});
|
|
25
|
+
projectName = response.projectName;
|
|
26
|
+
}
|
|
27
|
+
const noTemplate = template && !prompts_config_default.templates.find((item) => item.value === template);
|
|
28
|
+
if (!template || noTemplate) {
|
|
29
|
+
if (noTemplate) {
|
|
30
|
+
consola.error(`\u9879\u76EE\u6A21\u677F ${template} \u4E0D\u5B58\u5728, \u8BF7\u9009\u62E9\u5176\u4ED6\u6A21\u677F`);
|
|
31
|
+
}
|
|
32
|
+
const response = await prompts({
|
|
33
|
+
type: "select",
|
|
34
|
+
name: "template",
|
|
35
|
+
message: "\u8BF7\u9009\u62E9\u9879\u76EE\u6A21\u677F",
|
|
36
|
+
choices: prompts_config_default.templates,
|
|
37
|
+
initial: 0
|
|
38
|
+
// 默认选择第一个
|
|
39
|
+
});
|
|
40
|
+
template = response.template;
|
|
41
|
+
}
|
|
42
|
+
const tip = `\u521D\u59CB\u5316\u9879\u76EE ${projectName}\uFF0C\u6A21\u677F ${template}`;
|
|
43
|
+
const spinner = ora({
|
|
44
|
+
text: tip,
|
|
45
|
+
color: "blue"
|
|
46
|
+
// spinner: 'growVertical',
|
|
47
|
+
// isEnabled: false
|
|
48
|
+
});
|
|
49
|
+
spinner.start();
|
|
50
|
+
const projectDir = path.resolve(cwd(), projectName);
|
|
51
|
+
if (fsExtra.existsSync(projectDir)) {
|
|
52
|
+
spinner.fail(`\u{1F4A5}\u521D\u59CB\u5316\u5931\u8D25: \u9879\u76EE\u76EE\u5F55 ${projectName} \u5DF2\u5B58\u5728`);
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const res = await downloadTemplate(
|
|
56
|
+
`github:liaolonghui/react-nest-cli/packages/templates/${template}#main`,
|
|
57
|
+
{
|
|
58
|
+
dir: projectDir
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
const { dir } = res;
|
|
62
|
+
spinner.succeed(`\u9879\u76EE\u521D\u59CB\u5316\u6210\u529F\uFF0C\u9879\u76EE\u76EE\u5F55\uFF1A${dir}`);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
export {
|
|
67
|
+
init
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=chunk-6IS4OKS7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/commands/base/init.ts"],"sourcesContent":["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 })\n}\n"],"mappings":";;;;;AACA,OAAO,aAAa;AAEpB,OAAO,aAAa;AACpB,OAAO,aAAa;AACpB,OAAO,UAAU;AACjB,SAAS,WAAW;AACpB,SAAS,wBAAwB;AACjC,OAAO,SAAS;AAED,SAAR,KAAsB,SAAkB;AAC3C,UACK,QAAQ,MAAM,EACd,YAAY,gCAAO,EACnB,SAAS,kBAAkB,0BAAM,EACjC,OAAO,8BAA8B,sCAAQ,EAC7C,OAAO,OAAO,aAAa,SAAS;AACjC,QAAI,EAAE,SAAS,IAAI,QAAQ,CAAC;AAE5B,QAAI,CAAC,aAAa;AACd,YAAM,WAAW,MAAM,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,SAAS;AAAA;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA;AAAA,MAEb,CAAC;AACD,oBAAc,SAAS;AAAA,IAC3B;AAGA,UAAM,aACF,YACA,CAAC,uBAAc,UAAU,KAAK,CAAC,SAAS,KAAK,UAAU,QAAQ;AACnE,QAAI,CAAC,YAAY,YAAY;AACzB,UAAI,YAAY;AACZ,gBAAQ,MAAM,4BAAQ,QAAQ,iEAAe;AAAA,MACjD;AACA,YAAM,WAAW,MAAM,QAAQ;AAAA,QAC3B,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS,uBAAc;AAAA,QACvB,SAAS;AAAA;AAAA,MACb,CAAC;AACD,iBAAW,SAAS;AAAA,IACxB;AAEA,UAAM,MAAM,kCAAS,WAAW,sBAAO,QAAQ;AAC/C,UAAM,UAAU,IAAI;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA;AAAA;AAAA,IAGX,CAAC;AACD,YAAQ,MAAM;AAEd,UAAM,aAAa,KAAK,QAAQ,IAAI,GAAG,WAAW;AAClD,QAAI,QAAQ,WAAW,UAAU,GAAG;AAChC,cAAQ,KAAK,qEAAiB,WAAW,qBAAM;AAC/C;AAAA,IACJ;AAEA,UAAM,MAAM,MAAM;AAAA,MACd,wDAAwD,QAAQ;AAAA,MAChE;AAAA,QACI,KAAK;AAAA,MACT;AAAA,IACJ;AACA,UAAM,EAAE,IAAI,IAAI;AAChB,YAAQ,QAAQ,iFAAgB,GAAG,EAAE;AAAA,EACzC,CAAC;AACT;","names":[]}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
// packages/cli/src/commands/base/initComponent.ts
|
|
2
|
+
import "commander";
|
|
3
|
+
import consola from "consola";
|
|
4
|
+
import fs from "fs";
|
|
5
|
+
import path from "path";
|
|
6
|
+
import { cwd } from "process";
|
|
7
|
+
import ora from "ora";
|
|
8
|
+
import prompts from "prompts";
|
|
9
|
+
var firstCharUpperCase = (str) => {
|
|
10
|
+
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
11
|
+
};
|
|
12
|
+
var ensureDir = (dir) => {
|
|
13
|
+
return new Promise((resolve) => {
|
|
14
|
+
fs.mkdir(dir, { recursive: true }, (err) => {
|
|
15
|
+
if (err) {
|
|
16
|
+
consola.error(`\u521B\u5EFA\u76EE\u5F55 ${dir} \u5931\u8D25`);
|
|
17
|
+
resolve(false);
|
|
18
|
+
} else {
|
|
19
|
+
resolve(true);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
var existsPath = (path2) => {
|
|
25
|
+
return new Promise((resolve) => {
|
|
26
|
+
fs.stat(path2, (err) => {
|
|
27
|
+
if (err) {
|
|
28
|
+
resolve(false);
|
|
29
|
+
} else {
|
|
30
|
+
resolve(true);
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
var safeSaveFile = async (path2, content, force = false) => {
|
|
36
|
+
return new Promise((resolve, reject) => {
|
|
37
|
+
existsPath(path2).then((exists) => {
|
|
38
|
+
if (exists) {
|
|
39
|
+
if (!force) {
|
|
40
|
+
consola.error(`\u6587\u4EF6${path2} \u5DF2\u5B58\u5728`);
|
|
41
|
+
reject(false);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
} else {
|
|
45
|
+
fs.writeFile(path2, content, "utf-8", (err) => {
|
|
46
|
+
if (err) {
|
|
47
|
+
consola.error(`\u6587\u4EF6${path2} \u5199\u5165\u5931\u8D25`);
|
|
48
|
+
reject(false);
|
|
49
|
+
} else {
|
|
50
|
+
resolve(true);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
}).catch(() => {
|
|
55
|
+
reject(false);
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
var initComponent = (program) => {
|
|
60
|
+
program.command("init:component").alias("init:c").alias("init:comp").argument("[component-name]", "\u7EC4\u4EF6\u540D\u79F0(\u5982Button\u3001Text\u3001Card)").description("\u521D\u59CB\u5316React\u7EC4\u4EF6 TSX + CSS").option("-d, --dir <dir>", "\u751F\u6210\u7EC4\u4EF6\u76EE\u5F55\uFF0C\u9ED8\u8BA4src/components", "src/components").option("-s, --style <style>", "\u4F7F\u7528\u54EA\u79CD\u6837\u5F0F\u65B9\u6848\uFF0C\u9ED8\u8BA4css", "css").option("-j, --jsx", "\u662F\u5426\u4F7F\u7528JSX\u6587\u4EF6\uFF0C\u9ED8\u8BA4TSX", false).option("-f, --force", "\u662F\u5426\u5F3A\u5236\u8986\u76D6\u5DF2\u5B58\u5728\u7EC4\u4EF6", false).action(async (componentName, rest) => {
|
|
61
|
+
let { dir, style, jsx, force } = rest || {};
|
|
62
|
+
if (!componentName) {
|
|
63
|
+
const response = await prompts({
|
|
64
|
+
type: "text",
|
|
65
|
+
initial: "Button",
|
|
66
|
+
// 默认值
|
|
67
|
+
name: "componentName",
|
|
68
|
+
message: "\u8BF7\u8F93\u5165\u7EC4\u4EF6\u540D\u79F0"
|
|
69
|
+
});
|
|
70
|
+
componentName = response.componentName;
|
|
71
|
+
}
|
|
72
|
+
if (!componentName || !componentName.trim()) {
|
|
73
|
+
process.stderr.write("\u7EC4\u4EF6\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A\n");
|
|
74
|
+
process.exit(1);
|
|
75
|
+
}
|
|
76
|
+
componentName = firstCharUpperCase(componentName);
|
|
77
|
+
const inputComponentDir = path.join("apps/components", componentName);
|
|
78
|
+
const outputComponentDir = path.resolve(cwd(), dir, componentName);
|
|
79
|
+
const inputExists = await existsPath(inputComponentDir);
|
|
80
|
+
if (!inputExists) {
|
|
81
|
+
consola.error(`\u7EC4\u4EF6 ${componentName} \u4E0D\u5B58\u5728`);
|
|
82
|
+
process.exit(1);
|
|
83
|
+
}
|
|
84
|
+
const tip = `\u521D\u59CB\u5316\u7EC4\u4EF6 ${componentName}`;
|
|
85
|
+
const spinner = ora(tip).start();
|
|
86
|
+
const dirExists = await ensureDir(outputComponentDir);
|
|
87
|
+
if (!dirExists) {
|
|
88
|
+
spinner.fail(`\u7EC4\u4EF6 ${componentName} \u521D\u59CB\u5316\u5931\u8D25, \u76EE\u5F55 ${outputComponentDir} \u521B\u5EFA\u5931\u8D25`);
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
let esFileExt = "tsx";
|
|
92
|
+
let styleFileExt = "css";
|
|
93
|
+
if (jsx) {
|
|
94
|
+
esFileExt = "jsx";
|
|
95
|
+
}
|
|
96
|
+
if (style === "less") {
|
|
97
|
+
styleFileExt = "less";
|
|
98
|
+
}
|
|
99
|
+
const esPath = path.resolve(outputComponentDir, `index.${esFileExt}`);
|
|
100
|
+
const stylePath = path.resolve(outputComponentDir, `index.${styleFileExt}`);
|
|
101
|
+
let esContent = fs.readFileSync(path.resolve(inputComponentDir, `index.${esFileExt}`), "utf-8");
|
|
102
|
+
const styleContent = fs.readFileSync(path.resolve(inputComponentDir, `index.${styleFileExt}`), "utf-8");
|
|
103
|
+
esContent = `import './index.${styleFileExt}';
|
|
104
|
+
${esContent}`;
|
|
105
|
+
Promise.all([
|
|
106
|
+
safeSaveFile(esPath, esContent, force),
|
|
107
|
+
safeSaveFile(stylePath, styleContent, force)
|
|
108
|
+
]).then(() => {
|
|
109
|
+
spinner.succeed(`\u7EC4\u4EF6 ${componentName} \u521D\u59CB\u5316\u6210\u529F, \u76EE\u5F55 ${outputComponentDir}`);
|
|
110
|
+
}).catch(() => {
|
|
111
|
+
spinner.fail(`\u7EC4\u4EF6 ${componentName} \u521D\u59CB\u5316\u5931\u8D25`);
|
|
112
|
+
});
|
|
113
|
+
});
|
|
114
|
+
};
|
|
115
|
+
var initComponent_default = initComponent;
|
|
116
|
+
|
|
117
|
+
export {
|
|
118
|
+
initComponent_default
|
|
119
|
+
};
|
|
120
|
+
//# sourceMappingURL=chunk-B7N5IJK6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/commands/base/initComponent.ts"],"sourcesContent":["import { type Command } from 'commander';\nimport consola from 'consola';\nimport fs from 'node:fs';\nimport path from 'node:path';\nimport { cwd } from 'node:process';\nimport ora from 'ora';\nimport prompts from 'prompts';\n\n\nconst firstCharUpperCase = (str: string) => {\n return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// 确保目录存在\nconst ensureDir = (dir: string) => {\n return new Promise((resolve) => {\n fs.mkdir(dir, { recursive: true }, (err) => {\n if (err) {\n consola.error(`创建目录 ${dir} 失败`)\n resolve(false)\n } else {\n resolve(true)\n }\n })\n })\n}\n\n// 检查路径是否存在\nconst existsPath = (path: string) => {\n return new Promise((resolve) => {\n fs.stat(path, (err) => {\n // consola.log(err)\n if (err) {\n resolve(false)\n } else {\n resolve(true)\n }\n })\n });\n}\n\n\nconst safeSaveFile = async (path: string, content: string, force: boolean = false) => {\n return new Promise((resolve, reject) => {\n existsPath(path).then(exists => {\n if (exists) {\n if (!force) {\n consola.error(`文件${path} 已存在`)\n reject(false)\n return;\n }\n } else {\n fs.writeFile(path, content, 'utf-8', (err) => {\n if (err) {\n consola.error(`文件${path} 写入失败`)\n reject(false)\n } else {\n resolve(true)\n }\n })\n }\n }).catch(() => {\n reject(false)\n })\n })\n}\n\nconst initComponent = (program: Command) => {\n program\n .command('init:component')\n .alias('init:c')\n .alias('init:comp')\n .argument('[component-name]', '组件名称(如Button、Text、Card)')\n .description('初始化React组件 TSX + CSS')\n .option('-d, --dir <dir>', '生成组件目录,默认src/components', 'src/components')\n .option('-s, --style <style>', '使用哪种样式方案,默认css', 'css')\n .option('-j, --jsx', '是否使用JSX文件,默认TSX', false)\n .option('-f, --force', '是否强制覆盖已存在组件', false)\n .action(async (componentName, rest) => {\n let { dir, style, jsx, force } = rest || {}\n if (!componentName) {\n const response = await prompts({\n type: 'text',\n initial: 'Button', // 默认值\n name: 'componentName',\n message: '请输入组件名称',\n })\n componentName = response.componentName;\n }\n if (!componentName || !componentName.trim()) {\n process.stderr.write('组件名称不能为空\\n')\n process.exit(1)\n }\n\n componentName = firstCharUpperCase(componentName);\n\n // 组件目录\n const inputComponentDir = path.join('apps/components', componentName)\n const outputComponentDir = path.resolve(cwd(), dir, componentName)\n\n const inputExists = await existsPath(inputComponentDir);\n // consola.log(inputExists)\n if (!inputExists) {\n consola.error(`组件 ${componentName} 不存在`)\n process.exit(1)\n }\n\n const tip = `初始化组件 ${componentName}`;\n const spinner = ora(tip).start()\n\n // 初始化组件 确保输出组件目录存在\n const dirExists = await ensureDir(outputComponentDir);\n if (!dirExists) {\n spinner.fail(`组件 ${componentName} 初始化失败, 目录 ${outputComponentDir} 创建失败`)\n return;\n }\n\n let esFileExt = 'tsx';\n let styleFileExt = 'css';\n if (jsx) {\n esFileExt = 'jsx';\n }\n if (style === 'less') {\n styleFileExt = 'less';\n }\n\n const esPath = path.resolve(outputComponentDir, `index.${esFileExt}`);\n const stylePath = path.resolve(outputComponentDir, `index.${styleFileExt}`);\n let esContent = fs.readFileSync(path.resolve(inputComponentDir, `index.${esFileExt}`), 'utf-8');\n const styleContent = fs.readFileSync(path.resolve(inputComponentDir, `index.${styleFileExt}`), 'utf-8');\n // 需要手动给esContent导入对应的style文件\n esContent = `import './index.${styleFileExt}';\\n${esContent}`\n\n Promise.all([\n safeSaveFile(esPath, esContent, force),\n safeSaveFile(stylePath, styleContent, force),\n ]).then(() => {\n spinner.succeed(`组件 ${componentName} 初始化成功, 目录 ${outputComponentDir}`)\n }).catch(() => {\n spinner.fail(`组件 ${componentName} 初始化失败`)\n })\n })\n}\n\nexport default initComponent\n"],"mappings":"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","names":["path"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// packages/cli/src/commands/baseRegisterCommands.ts
|
|
2
|
+
function baseRegisterCommands(program) {
|
|
3
|
+
return function registerCommand(fn) {
|
|
4
|
+
fn(program);
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
var baseRegisterCommands_default = baseRegisterCommands;
|
|
8
|
+
|
|
9
|
+
export {
|
|
10
|
+
baseRegisterCommands_default
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=chunk-K5MQOF6Z.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/commands/baseRegisterCommands.ts"],"sourcesContent":["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"],"mappings":";AAEA,SAAS,qBAAqB,SAAkB;AAC5C,SAAO,SAAS,gBAAgB,IAAgC;AAC5D,OAAG,OAAO;AAAA,EACd;AACJ;AAEA,IAAO,+BAAQ;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// packages/cli/src/configs/text.config.ts
|
|
2
|
+
var text_config_default = {
|
|
3
|
+
font: "Ghost",
|
|
4
|
+
horizontalLayout: "default",
|
|
5
|
+
verticalLayout: "default",
|
|
6
|
+
width: 200,
|
|
7
|
+
whitespaceBreak: true
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export {
|
|
11
|
+
text_config_default
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=chunk-NCNZGYLV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/configs/text.config.ts"],"sourcesContent":["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"],"mappings":";AAEA,IAAO,sBAAQ;AAAA,EACX,MAAM;AAAA,EACN,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,iBAAiB;AACrB;","names":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
// packages/cli/src/configs/prompts.config.ts
|
|
2
|
+
var prompts_config_default = {
|
|
3
|
+
templates: [
|
|
4
|
+
{ 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 },
|
|
5
|
+
{ 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 },
|
|
6
|
+
{ title: "Vue", value: "vue-template", description: "\u8FD9\u4E2A\u6A21\u677F\u5305\u542B\u4E86 Vue \u9879\u76EE\u7684\u57FA\u672C\u914D\u7F6E", disabled: false }
|
|
7
|
+
]
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export {
|
|
11
|
+
prompts_config_default
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=chunk-PMB2T2TP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/configs/prompts.config.ts"],"sourcesContent":["\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 { title: 'Vue', value: 'vue-template', description: '这个模板包含了 Vue 项目的基本配置', disabled: false },\n ]\n}"],"mappings":";AAEA,IAAO,yBAAQ;AAAA,EACX,WAAW;AAAA,IACP,EAAE,OAAO,gBAAgB,OAAO,cAAc,aAAa,sGAAgC,UAAU,MAAM;AAAA,IAC3G,EAAE,OAAO,6BAA6B,OAAO,iBAAiB,aAAa,mHAA6C,UAAU,MAAM;AAAA,IACxI,EAAE,OAAO,OAAO,OAAO,gBAAgB,aAAa,6FAAuB,UAAU,MAAM;AAAA,EAC/F;AACJ;","names":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import {
|
|
2
|
+
text_config_default
|
|
3
|
+
} from "./chunk-NCNZGYLV.js";
|
|
4
|
+
|
|
5
|
+
// packages/cli/src/commands/base/version.ts
|
|
6
|
+
import consola from "consola";
|
|
7
|
+
import figlet from "figlet";
|
|
8
|
+
function version(program) {
|
|
9
|
+
program.command("version").description("\u8F93\u51FA\u7248\u672C\u53F7").action(() => {
|
|
10
|
+
consola.info(
|
|
11
|
+
figlet.textSync(`version ==> ${program.version()}`, text_config_default)
|
|
12
|
+
);
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export {
|
|
17
|
+
version
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=chunk-YUGLQSSS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/commands/base/version.ts"],"sourcesContent":["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"],"mappings":";;;;;AACA,OAAO,aAAa;AACpB,OAAO,YAAY;AAGJ,SAAR,QAAyB,SAAkB;AAE9C,UACK,QAAQ,SAAS,EACjB,YAAY,gCAAO,EACnB,OAAO,MAAM;AACV,YAAQ;AAAA,MACJ,OAAO,SAAS,eAAe,QAAQ,QAAQ,CAAC,IAAI,mBAAU;AAAA,IAClE;AAAA,EACJ,CAAC;AACT;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|