@varlet/cli 1.24.0 → 1.24.2

package/README.en-US.md

@@ -13,21 +13,21 @@ The out-of-the-box `Vue3 component library` rapid prototyping tool provides a se
 - 7.Out-of-the-box code publishing tool, publish to npm and github, and automatically generate a change log
 - 8.Support `Typescript`
 - 9.Support `Dark Mode`
+- 10.Based on `pnpm`
 
 ### Quickstart
 
 `@varlet/cli` has built-in `single file component (sfc)` and `tsx, jsx` two styles of component library project templates, which can be directly generated by the `gen` command.
-To help users directly enter the development of the component itself, it is recommended to use `yarn` as a package management tool. First, make sure that `yarn` is installed and added to the system environment variables. 
-The installation and configuration methods of `yarn` are not introduced here.
+To help users directly enter the development of the component itself, it is recommended to use `pnpm` as a package management tool. 
 
 ```shell
 # Install command line tools
-yarn global add @varlet/cli
+pnpm add @varlet/cli -g
 # Use the gen command to generate the project
 varlet-cli gen projectName
 cd projectName
-yarn
-yarn dev
+pnpm install
+pnpm dev
 ```
 
 Then by simply modifying some basic information of the component library template,
@@ -238,6 +238,24 @@ varlet-cli test -wa
 varlet-cli lint
 ```
 
+#### Lint commit message
+
+```shell
+varlet-cli commit-lint
+```
+
+#### Generate changelog
+
+```shell
+varlet-cli changelog
+```
+
+#### Release component library
+
+```shell
+varlet-cli release
+```
+
 #### Quickly create a component folder
 
 ```shell
@@ -282,19 +300,13 @@ module.exports = {
 
 #### git-hook
 
-`husky`, `lint-staged` cooperate with `eslint`, `stylelint`, `commitlint` to check before commit, 
+`husky`, `lint-staged` cooperate with `eslint`, `stylelint`, `varlet-cli commit-lint` to check before commit, 
 `package.json` configuration is as follows
 
 ```json
 {
   "scripts": {
-    "prepare": "husky install",
-    "commit": "git-cz"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
+    "prepare": "husky install"
   },
   "lint-staged": {
     "*.{ts,tsx,js,vue,less}": "prettier --write",
@@ -331,15 +343,6 @@ module.exports = {
 }
 ```
 
-create `commitlint.config.js`
-
-```js
-// commitlint.config.js
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-}
-```
-
 create `.prettierignore`
 
 ```text
@@ -373,36 +376,13 @@ create `tsconfig.json`
 }
 ```
 
-### Release code
+#### Note before release
 
-Use `release-it` and `conventional-changelog` for code release and update log generation. 
-The configuration of `package.json` is as follows
+- 1.The registry of npm must set to the official npm mirror
+- 2.The npm must execute the login command for user login
 
-```json
-{
-  "scripts": {
-    "genlog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "genAllLog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "release": "yarn compile && release-it"
-  },
-  "release-it": {
-    "git": {
-      "changelog": "git log --pretty=format:\"* %s (%h)\" ${from}...${to}",
-      "tagName": "v${version}",
-      "commitMessage": "chore: release ${version}",
-      "requireCleanWorkingDir": false
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular",
-        "infile": "CHANGELOG.md"
-      }
-    }
-  }
-}
-```
-
-#### Note before release
+### Contributors
 
-- 1.The registry of npm and yarn must set to the official npm mirror
-- 2.Both npm and yarn must execute the login command for user login
+<a href="https://github.com/haoziqaq/varlet/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=haoziqaq/varlet" />
+</a>

package/README.md

@@ -13,20 +13,21 @@
 - 7.开箱即用的代码发布工具,发布到npm和github,并自动生成更新日志
 - 8.支持`Typescript`
 - 9.支持`暗黑模式`
+- 10.基于`pnpm`
 
 ### 快速开始
 
 `@varlet/cli`内置了`单文件组件(sfc)`和`tsx, jsx`两种风格的组件库项目模板，可以通过`gen`命令直接生成。
-帮助用户直接进入组件本身的开发，这里推荐使用`yarn`作为包管理工具，首先确保安装了`yarn`并且添加到系统环境变量中去，这里不展开介绍`yarn`的安装和配置方法。
+帮助用户直接进入组件本身的开发，推荐使用`pnpm`作为包管理工具。
 
 ```shell
 # 安装命令行工具
-yarn global add @varlet/cli
+pnpm add @varlet/cli -g
 # 使用gen命令生成项目
 varlet-cli gen 项目名
 cd 项目名
-yarn
-yarn dev
+pnpm install
+pnpm dev
 ```
 
 然后通过简单修改一些组件库模板的基础信息，就可以开始组件库的开发了
@@ -233,6 +234,24 @@ varlet-cli test -wa
 varlet-cli lint
 ```
 
+#### 校验提交信息
+
+```shell
+varlet-cli commit-lint
+```
+
+#### 生成更新日志
+
+```shell
+varlet-cli changelog
+```
+
+#### 发布组件库
+
+```shell
+varlet-cli release
+```
+
 #### 快速创建一个组件文件夹
 
 ```shell
@@ -277,18 +296,12 @@ module.exports = {
 
 #### git-hook
 
-`husky`，`lint-staged`配合`eslint`，`stylelint`，`commitlint`做commit前的检查，`package.json`配置如下
+`husky`，`lint-staged`配合`eslint`，`stylelint`，`varlet-cli commit-lint`做commit前的检查，`package.json`配置如下
 
 ```json
 {
   "scripts": {
-    "prepare": "husky install",
-    "commit": "git-cz"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
+    "prepare": "husky install"
   },
   "lint-staged": {
     "*.{ts,tsx,js,vue,less}": "prettier --write",
@@ -325,15 +338,6 @@ module.exports = {
 }
 ```
 
-创建`commitlint.config.js`
-
-```js
-// commitlint.config.js
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-}
-```
-
 创建`.prettierignore`
 
 ```text
@@ -367,35 +371,13 @@ src/*/__tests__/**
 }
 ```
 
-### 发布代码
+#### 发布前注意
 
-使用`release-it`和`conventional-changelog`进行代码发布和更新日志的生成，`package.json`配置如下
+- 1.npm的仓库源必须指向npm官方镜像
+- 2.执行npm login进行登录
 
-```json
-{
-  "scripts": {
-    "genlog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "genAllLog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "release": "yarn compile && release-it"
-  },
-  "release-it": {
-    "git": {
-      "changelog": "git log --pretty=format:\"* %s (%h)\" ${from}...${to}",
-      "tagName": "v${version}",
-      "commitMessage": "chore: release ${version}",
-      "requireCleanWorkingDir": false
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular",
-        "infile": "CHANGELOG.md"
-      }
-    }
-  }
-}
-```
-
-#### 发布前注意
+### Contributors
 
-- 1.npm和yarn的仓库源必须指向npm官方镜像
-- 2.npm和yarn都必须执行login命令进行用户登录
+<a href="https://github.com/haoziqaq/varlet/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=haoziqaq/varlet" />
+</a>

package/generators/base/.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npx --no-install commitlint --edit $1
+npx --no-install varlet-cli commit-lint $1

package/generators/base/package.json

@@ -17,16 +17,15 @@
   "license": "MIT",
   "scripts": {
     "husky": "husky install",
-    "commit": "git-cz",
+    "preinstall": "npx only-allow pnpm",
     "dev": "varlet-cli dev",
     "build": "varlet-cli build",
     "preview": "varlet-cli preview",
     "compile": "varlet-cli compile",
     "create": "varlet-cli create",
     "lint": "varlet-cli lint",
-    "genlog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "genAllLog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "release": "yarn compile && release-it",
+    "changelog": "varlet-cli changelog",
+    "release": "pnpm compile && varlet-cli release",
     "test": "varlet-cli jest",
     "test:watch": "varlet-cli jest -w",
     "test:watchAll": "varlet-cli jest -wa"
@@ -35,27 +34,21 @@
     "vue": "^3.2.0"
   },
   "devDependencies": {
-    "@varlet/cli": "^1.20.0-alpha.0",
-    "vue": "3.2.16"
-  },
-  "release-it": {
-    "git": {
-      "changelog": "git log --pretty=format:\"* %s (%h)\" ${from}...${to}",
-      "tagName": "v${version}",
-      "commitMessage": "chore: release ${version}",
-      "requireCleanWorkingDir": false
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular",
-        "infile": "CHANGELOG.md"
-      }
-    }
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
+    "@varlet/cli": "workspace:*",
+    "@varlet/touch-emulator": "workspace:*",
+    "@varlet/icons": "workspace:*",
+    "@varlet/eslint-config": "workspace:*",
+    "@varlet/stylelint-config": "workspace:*",
+    "@vue/test-utils": "2.0.0-rc.6",
+    "vue-router": "4.0.12",
+    "vue": "3.2.16",
+    "live-server": "^1.2.1",
+    "prettier": "^2.3.2",
+    "stylelint": "^13.13.1",
+    "eslint": "^7.30.0",
+    "lint-staged": "^10.5.0",
+    "lodash-es": "^4.17.21",
+    "clipboard": "^2.0.6"
   },
   "lint-staged": {
     "*.{ts,tsx,js,vue,less}": "prettier --write",
@@ -94,5 +87,6 @@
   "browserslist": [
     "Chrome >= 51",
     "iOS >= 10"
-  ]
+  ],
+  "packageManager": "pnpm@6.24.3"
 }

package/lib/commands/changelog.d.ts

@@ -0,0 +1,6 @@
+interface ChangelogCommandOptions {
+    file?: string;
+    releaseCount?: number;
+}
+export declare function changelog({ releaseCount, file }?: ChangelogCommandOptions): Promise<void>;
+export {};

package/lib/commands/changelog.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.changelog = void 0;
+var ora_1 = __importDefault(require("ora"));
+var conventional_changelog_1 = __importDefault(require("conventional-changelog"));
+var fs_extra_1 = require("fs-extra");
+var path_1 = require("path");
+var constant_1 = require("../shared/constant");
+function changelog(_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.releaseCount, releaseCount = _c === void 0 ? 0 : _c, _d = _b.file, file = _d === void 0 ? 'CHANGELOG.md' : _d;
+    var s = (0, ora_1.default)().start("Generating changelog");
+    return new Promise(function (resolve) {
+        (0, conventional_changelog_1.default)({
+            preset: 'angular',
+            releaseCount: releaseCount,
+        })
+            .pipe((0, fs_extra_1.createWriteStream)((0, path_1.resolve)(constant_1.CWD, file)))
+            .on('close', function () {
+            s.succeed("Changelog generated success!");
+            resolve();
+        });
+    });
+}
+exports.changelog = changelog;

package/lib/commands/commitLint.d.ts

@@ -0,0 +1 @@
+export declare function commitLint(gitParams: string): void;

package/lib/commands/commitLint.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commitLint = void 0;
+var logger_1 = __importDefault(require("../shared/logger"));
+var semver_1 = __importDefault(require("semver"));
+function isVersion(message) {
+    return message.startsWith('v') && semver_1.default.valid(message.slice(1));
+}
+function commitLint(gitParams) {
+    var message = require('fs').readFileSync(gitParams, 'utf-8').trim();
+    var COMMIT_MESSAGE_RE = /^(revert|fix|feat|docs|perf|test|types|style|build|chore|release|refactor)(\(.+\))?: (.|\n)+/;
+    if (!isVersion(message) && !COMMIT_MESSAGE_RE.test(message)) {
+        logger_1.default.error("Commit message invalid");
+        logger_1.default.warning("The rules for commit messages are as follows\n\nExample:\n\nfeat: added a new feature\nfeat(ui/button): added a new feature in the ui/button scope\n\nfix: fixed a bug\nfix(ui/button): fixed a bug in the ui/button scope\n\ndocs: fixed an error in the documentation\ndocs(ui/button): fixed a documentation error in the ui/button scope\n\nAllowed types:\n- fix\n- feat\n- docs\n- perf\n- test\n- types\n- style\n- build\n- chore\n- release\n- refactor\n\nCommit message reference: https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y\n\u53C2\u8003\u962E\u4E00\u5CF0Commit message\u7F16\u5199\u6307\u5357: https://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html");
+        process.exit(1);
+    }
+}
+exports.commitLint = commitLint;

package/lib/commands/compile.js

@@ -57,18 +57,18 @@ function runTask(taskName, task) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    s = (0, ora_1.default)().start("Compiling " + taskName);
+                    s = (0, ora_1.default)().start("Compiling ".concat(taskName));
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
                     return [4 /*yield*/, task()];
                 case 2:
                     _a.sent();
-                    s.succeed("Compilation " + taskName + " completed!");
+                    s.succeed("Compilation ".concat(taskName, " completed!"));
                     return [3 /*break*/, 4];
                 case 3:
                     e_1 = _a.sent();
-                    s.fail("Compilation " + taskName + " failed!");
+                    s.fail("Compilation ".concat(taskName, " failed!"));
                     logger_1.default.error(e_1.toString());
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];

package/lib/commands/create.js

@@ -47,19 +47,18 @@ var path_1 = require("path");
 var constant_1 = require("../shared/constant");
 var varlet_config_1 = require("../config/varlet.config");
 var lodash_1 = require("lodash");
-var varletConfig = (0, varlet_config_1.getVarletConfig)();
 function create(name) {
     return __awaiter(this, void 0, void 0, function () {
         var namespace, bigCamelizeName, vueTemplate, indexTemplate, testsTemplate, exampleTemplate, localeIndexTemplate, localTemplate, componentDir, testsDir, exampleDir, exampleLocalDir, docsDir;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    namespace = (0, lodash_1.get)(varletConfig, 'namespace');
+                    namespace = (0, lodash_1.get)((0, varlet_config_1.getVarletConfig)(), 'namespace');
                     bigCamelizeName = (0, fsUtils_1.bigCamelize)(name);
-                    vueTemplate = "<template>\n  <div class=\"" + namespace + "-" + name + "\"></div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: '" + (0, fsUtils_1.bigCamelize)(namespace) + bigCamelizeName + "'\n})\n</script>\n\n<style lang=\"less\">\n." + namespace + "-" + name + " {\n  display: flex;\n}\n</style>\n";
-                    indexTemplate = "import " + bigCamelizeName + " from './" + bigCamelizeName + ".vue'\nimport type { App } from 'vue'\n\n" + bigCamelizeName + ".install = function(app: App) {\n  app.component(" + bigCamelizeName + ".name, " + bigCamelizeName + ")\n}\n\nexport const _" + bigCamelizeName + "Component = " + bigCamelizeName + "\n\nexport default " + bigCamelizeName + "\n";
-                    testsTemplate = "import example from '../example'\nimport " + bigCamelizeName + " from '..'\nimport { createApp } from 'vue'\nimport { mount } from '@vue/test-utils'\n\ntest('test " + name + " example', () => {\n  const wrapper = mount(example)\n  expect(wrapper.html()).toMatchSnapshot()\n})\n\ntest('test " + name + " plugin', () => {\n  const app = createApp({}).use(" + bigCamelizeName + ")\n  expect(app.component(" + bigCamelizeName + ".name)).toBeTruthy()\n})\n";
-                    exampleTemplate = "<template>\n  <app-type></app-type>\n  <" + namespace + "-" + name + "/>\n</template>\n\n<script>\nimport " + bigCamelizeName + " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\nimport { watchLang } from '@varlet/cli/site/utils'\nimport { use, pack } from './locale'\n\nexport default {\n  name: '" + bigCamelizeName + "Example',\n  components: {\n    [" + bigCamelizeName + ".name]: " + bigCamelizeName + ",\n    AppType\n  },\n  setup() {\n\n     watchLang(use)\n\n     return {\n       pack\n     }\n  }\n}\n</script>\n";
+                    vueTemplate = "<template>\n  <div class=\"".concat(namespace, "-").concat(name, "\"></div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: '").concat((0, fsUtils_1.bigCamelize)(namespace)).concat(bigCamelizeName, "'\n})\n</script>\n\n<style lang=\"less\">\n.").concat(namespace, "-").concat(name, " {\n  display: flex;\n}\n</style>\n");
+                    indexTemplate = "import ".concat(bigCamelizeName, " from './").concat(bigCamelizeName, ".vue'\nimport type { App } from 'vue'\n\n").concat(bigCamelizeName, ".install = function(app: App) {\n  app.component(").concat(bigCamelizeName, ".name, ").concat(bigCamelizeName, ")\n}\n\nexport const _").concat(bigCamelizeName, "Component = ").concat(bigCamelizeName, "\n\nexport default ").concat(bigCamelizeName, "\n");
+                    testsTemplate = "import example from '../example'\nimport ".concat(bigCamelizeName, " from '..'\nimport { createApp } from 'vue'\nimport { mount } from '@vue/test-utils'\n\ntest('test ").concat(name, " example', () => {\n  const wrapper = mount(example)\n  expect(wrapper.html()).toMatchSnapshot()\n})\n\ntest('test ").concat(name, " plugin', () => {\n  const app = createApp({}).use(").concat(bigCamelizeName, ")\n  expect(app.component(").concat(bigCamelizeName, ".name)).toBeTruthy()\n})\n");
+                    exampleTemplate = "<template>\n  <app-type></app-type>\n  <".concat(namespace, "-").concat(name, "/>\n</template>\n\n<script>\nimport ").concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\nimport { watchLang } from '@varlet/cli/site/utils'\nimport { use, pack } from './locale'\n\nexport default {\n  name: '").concat(bigCamelizeName, "Example',\n  components: {\n    [").concat(bigCamelizeName, ".name]: ").concat(bigCamelizeName, ",\n    AppType\n  },\n  setup() {\n\n     watchLang(use)\n\n     return {\n       pack\n     }\n  }\n}\n</script>\n");
                     localeIndexTemplate = "// lib\nimport _zhCN from '../../../locale/zh-CN'\nimport _enCN from '../../../locale/en-US'\n// mobile example doc\nimport zhCN from './zh-CN'\nimport enUS from './en-US'\nimport { useLocale, add as _add, use as _use } from '../../../locale'\n\nconst { add, use: exampleUse, pack, packs, merge } = useLocale()\n\nconst use = (lang: string) => {\n  _use(lang)\n  exampleUse(lang)\n}\n\nexport { add, pack, packs, merge, use }\n\n// lib\n_add('zh-CN', _zhCN)\n_add('en-US', _enCN)\n// mobile example doc\nadd('zh-CN', zhCN as any)\nadd('en-US', enUS as any)\n";
                     localTemplate = "export default {\n\n}\n";
                     componentDir = (0, path_1.resolve)(constant_1.SRC_DIR, name);
@@ -72,7 +71,7 @@ function create(name) {
                         return [2 /*return*/];
                     }
                     return [4 /*yield*/, Promise.all([
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, bigCamelizeName + ".vue"), vueTemplate),
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, "".concat(bigCamelizeName, ".vue")), vueTemplate),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, 'index.ts'), indexTemplate),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(testsDir, 'index.spec.js'), testsTemplate),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleDir, 'index.vue'), exampleTemplate),
@@ -84,14 +83,14 @@ function create(name) {
                         ])];
                 case 1:
                     _a.sent();
-                    logger_1.default.success("Create " + name + " success!");
+                    logger_1.default.success("Create ".concat(name, " success!"));
                     logger_1.default.success("----------------------------");
-                    logger_1.default.success(name + "/");
+                    logger_1.default.success("".concat(name, "/"));
                     logger_1.default.success("|- __tests__/ # Unit test folder");
                     logger_1.default.success("|- docs/ # Internationalized document folder");
                     logger_1.default.success("|- example/ # Mobile phone example code");
                     logger_1.default.success("|- example/locale # Example locale");
-                    logger_1.default.success("|- " + bigCamelizeName + ".vue # Sfc component, You can also use jsx or tsx");
+                    logger_1.default.success("|- ".concat(bigCamelizeName, ".vue # Sfc component, You can also use jsx or tsx"));
                     logger_1.default.success("|- index.ts # Component entry, the folder where the file exists will be exposed to the user");
                     return [2 /*return*/];
             }

package/lib/commands/dev.js

@@ -58,7 +58,7 @@ function startServer(force) {
             switch (_c.label) {
                 case 0:
                     isRestart = Boolean(server);
-                    logger_1.default.info((isRestart ? 'Res' : 'S') + "tarting server...");
+                    logger_1.default.info("".concat(isRestart ? 'Res' : 'S', "tarting server..."));
                     // close all instance
                     _a = server;
                     if (!_a) 
@@ -99,7 +99,7 @@ function startServer(force) {
                         watcher = chokidar_1.default.watch(constant_1.VARLET_CONFIG);
                         watcher.on('change', function () { return startServer(force); });
                     }
-                    logger_1.default.success("\n" + (isRestart ? 'Res' : 'S') + "tart successfully!!!");
+                    logger_1.default.success("\n".concat(isRestart ? 'Res' : 'S', "tart successfully!!!"));
                     return [2 /*return*/];
             }
         });

package/lib/commands/gen.js

@@ -53,8 +53,12 @@ function syncVersion(name) {
     var file = (0, path_1.resolve)(constant_1.CWD, name, 'package.json');
     var pkg = JSON.parse((0, fs_extra_1.readFileSync)(file, 'utf-8'));
     var cliPkg = JSON.parse((0, fs_extra_1.readFileSync)(constant_1.CLI_PACKAGE_JSON, 'utf-8'));
-    pkg.devDependencies['@varlet/cli'] = "^" + cliPkg.version;
-    pkg.files = ['es', 'lib', 'umd', 'highlight', 'types', 'README.md'];
+    Object.keys(pkg.devDependencies).forEach(function (key) {
+        if (key.startsWith('@varlet')) {
+            pkg.devDependencies[key] = "^".concat(cliPkg.version);
+        }
+    });
+    pkg.files = ['es', 'lib', 'umd', 'highlight', 'types'];
     (0, fs_extra_1.writeFileSync)(file, JSON.stringify(pkg, null, 2));
 }
 function gen(name) {
@@ -65,7 +69,7 @@ function gen(name) {
                 case 0:
                     dest = (0, path_1.resolve)(constant_1.CWD, name);
                     if ((0, fs_extra_1.pathExistsSync)(dest)) {
-                        logger_1.default.warning(name + " already exists and cannot be recreated...");
+                        logger_1.default.warning("".concat(name, " already exists and cannot be recreated..."));
                         return [2 /*return*/];
                     }
                     return [4 /*yield*/, inquirer_1.default.prompt([
@@ -89,7 +93,7 @@ function gen(name) {
                     removeFiles(dest);
                     syncVersion(name);
                     logger_1.default.success('Application generated successfully!');
-                    logger_1.default.info("  cd " + name + "\n  yarn\n  yarn dev");
+                    logger_1.default.info("  cd ".concat(name, "\n  yarn\n  yarn dev"));
                     logger_1.default.success("=======================\n  Good luck have fun\n=======================      ");
                     return [2 /*return*/];
             }

package/lib/commands/jest.js

@@ -56,7 +56,7 @@ function jest(cmd) {
                         watchAll: cmd.watchAll,
                         clearCache: cmd.clearCache,
                         config: constant_1.JEST_CONFIG,
-                        testRegex: cmd.component && cmd.component + "/__tests__/.*.spec.[jt]s?$",
+                        testRegex: cmd.component && "".concat(cmd.component, "/__tests__/.*.spec.[jt]s?$"),
                     };
                     _a.label = 1;
                 case 1:

package/lib/commands/release.d.ts

@@ -0,0 +1 @@
+export declare function release(): Promise<void>;