@varlet/cli 1.27.20 → 2.0.0-alpha.1663742071515

package/lib/commands/vite.js

@@ -0,0 +1,69 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vite = void 0;
+var plugin_vue_1 = __importDefault(require("@vitejs/plugin-vue"));
+var plugin_vue_jsx_1 = __importDefault(require("@vitejs/plugin-vue-jsx"));
+var vite_1 = require("vite");
+function vite(mode) {
+    return __awaiter(this, void 0, void 0, function () {
+        var run, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    run = mode === 'build' ? vite_1.build : vite_1.createServer;
+                    return [4 /*yield*/, run({
+                            plugins: [(0, plugin_vue_1.default)(), (0, plugin_vue_jsx_1.default)()],
+                        })];
+                case 1:
+                    result = _a.sent();
+                    if (!(mode === 'dev')) return [3 /*break*/, 3];
+                    return [4 /*yield*/, result.listen()];
+                case 2:
+                    _a.sent();
+                    result.printUrls();
+                    _a.label = 3;
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+exports.vite = vite;

package/lib/compiler/compileModule.js

@@ -163,10 +163,7 @@ function compileModule(modules) {
                     moduleDir = _a.sent();
                     return [4 /*yield*/, Promise.all(moduleDir.map(function (filename) {
                             var file = (0, path_1.resolve)(dest, filename);
-                            if ((0, fsUtils_1.isDir)(file)) {
-                                (0, fs_extra_1.ensureFileSync)((0, path_1.resolve)(file, './style/index.js'));
-                                (0, fs_extra_1.ensureFileSync)((0, path_1.resolve)(file, './style/less.js'));
-                            }
+                            (0, fsUtils_1.isDir)(file) && (0, fs_extra_1.ensureFileSync)((0, path_1.resolve)(file, './style/index.js'));
                             return (0, fsUtils_1.isDir)(file) ? compileDir(file) : null;
                         }))];
                 case 7:
@@ -174,9 +171,16 @@ function compileModule(modules) {
                     return [4 /*yield*/, (0, fsUtils_1.getPublicDirs)()];
                 case 8:
                     publicDirs = _a.sent();
-                    return [4 /*yield*/, (modules === 'commonjs' ? (0, compileScript_1.compileCommonJSEntry)(dest, publicDirs) : (0, compileScript_1.compileESEntry)(dest, publicDirs))];
+                    if (!(modules === 'commonjs')) return [3 /*break*/, 10];
+                    return [4 /*yield*/, (0, compileScript_1.compileCommonJSEntry)(dest, publicDirs)];
                 case 9:
                     _a.sent();
+                    return [3 /*break*/, 12];
+                case 10: return [4 /*yield*/, (0, compileScript_1.compileESEntry)(dest, publicDirs)];
+                case 11:
+                    _a.sent();
+                    _a.label = 12;
+                case 12:
                     (0, compileTypes_1.generateReference)(dest);
                     return [2 /*return*/];
             }

package/lib/compiler/compileSFC.js

@@ -41,6 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compileSFC = exports.injectRender = void 0;
 var hash_sum_1 = __importDefault(require("hash-sum"));
+var path_1 = require("path");
 var fs_extra_1 = require("fs-extra");
 var compiler_sfc_1 = require("@vue/compiler-sfc");
 var fsUtils_1 = require("../shared/fsUtils");
@@ -61,7 +62,7 @@ function injectRender(script, render) {
 exports.injectRender = injectRender;
 function compileSFC(sfc) {
     return __awaiter(this, void 0, void 0, function () {
-        var sources, descriptor, script, scriptSetup, template, styles, hasScope, id, scopeId, render, content, code, index, style, file, code, _a;
+        var sources, descriptor, script, scriptSetup, template, styles, hasScope, id, scopeId, render, content, code, index, style, file, _a, base, dir, dependencyPath, cssFile, code;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0: return [4 /*yield*/, (0, fs_extra_1.readFile)(sfc, 'utf-8')];
@@ -76,7 +77,7 @@ function compileSFC(sfc) {
                     hasScope = styles.some(function (style) { return style.scoped; });
                     id = (0, hash_sum_1.default)(sources);
                     scopeId = hasScope ? "data-v-".concat(id) : '';
-                    if (!script) return [3 /*break*/, 7];
+                    if (!script) return [3 /*break*/, 6];
                     render = template &&
                         (0, compiler_sfc_1.compileTemplate)({
                             id: id,
@@ -101,30 +102,32 @@ function compileSFC(sfc) {
                     index = 0;
                     _b.label = 3;
                 case 3:
-                    if (!(index < styles.length)) return [3 /*break*/, 7];
+                    if (!(index < styles.length)) return [3 /*break*/, 6];
                     style = styles[index];
                     file = (0, fsUtils_1.replaceExt)(sfc, "Sfc".concat(index || '', ".").concat(style.lang || 'css'));
+                    _a = (0, path_1.parse)(file), base = _a.base, dir = _a.dir;
+                    dependencyPath = (0, compileStyle_1.normalizeStyleDependency)(base, compileStyle_1.STYLE_IMPORT_RE);
+                    cssFile = (0, path_1.resolve)(dir, './style/index.js');
                     code = (0, compiler_sfc_1.compileStyle)({
                         source: style.content,
                         filename: file,
                         id: scopeId,
                         scoped: style.scoped,
                     }).code;
-                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, compileStyle_1.STYLE_IMPORT_RE, style.lang, true);
+                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, compileStyle_1.STYLE_IMPORT_RE);
                     (0, fs_extra_1.writeFileSync)(file, (0, compileStyle_1.clearEmptyLine)(code), 'utf-8');
-                    _a = style.lang === 'less';
-                    if (!_a) return [3 /*break*/, 5];
+                    (0, fsUtils_1.smartAppendFileSync)(cssFile, process.env.BABEL_MODULE === 'commonjs'
+                        ? "require('".concat(dependencyPath, ".css')\n")
+                        : "import '".concat(dependencyPath, ".css'\n"));
+                    if (!(style.lang === 'less')) return [3 /*break*/, 5];
                     return [4 /*yield*/, (0, compileStyle_1.compileLess)(file)];
                 case 4:
-                    _a = (_b.sent());
+                    _b.sent();
                     _b.label = 5;
                 case 5:
-                    _a;
-                    _b.label = 6;
-                case 6:
                     index++;
                     return [3 /*break*/, 3];
-                case 7: return [2 /*return*/];
+                case 6: return [2 /*return*/];
             }
         });
     });

package/lib/compiler/compileScript.js

@@ -94,8 +94,8 @@ function compileScript(script, file) {
                         })];
                 case 1:
                     code = (_a.sent()).code;
-                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, modules === 'commonjs' ? compileStyle_1.REQUIRE_CSS_RE : compileStyle_1.IMPORT_CSS_RE, 'css', false);
-                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, modules === 'commonjs' ? compileStyle_1.REQUIRE_LESS_RE : compileStyle_1.IMPORT_LESS_RE, 'less', false);
+                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, modules === 'commonjs' ? compileStyle_1.REQUIRE_CSS_RE : compileStyle_1.IMPORT_CSS_RE);
+                    code = (0, compileStyle_1.extractStyleDependencies)(file, code, modules === 'commonjs' ? compileStyle_1.REQUIRE_LESS_RE : compileStyle_1.IMPORT_LESS_RE);
                     code = (0, exports.replaceVueExt)(code);
                     code = (0, exports.replaceTSXExt)(code);
                     code = (0, exports.replaceJSXExt)(code);
@@ -126,7 +126,7 @@ function compileScriptFile(file) {
 exports.compileScriptFile = compileScriptFile;
 function compileESEntry(dir, publicDirs) {
     return __awaiter(this, void 0, void 0, function () {
-        var imports, plugins, constInternalComponents, cssImports, lessImports, publicComponents, install, indexTemplate, styleTemplate, umdTemplate, lessTemplate;
+        var imports, plugins, constInternalComponents, cssImports, publicComponents, install, indexTemplate, styleTemplate, umdTemplate;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -134,7 +134,6 @@ function compileESEntry(dir, publicDirs) {
                     plugins = [];
                     constInternalComponents = [];
                     cssImports = [];
-                    lessImports = [];
                     publicComponents = [];
                     publicDirs.forEach(function (dirname) {
                         var publicComponent = (0, shared_1.bigCamelize)(dirname);
@@ -143,18 +142,15 @@ function compileESEntry(dir, publicDirs) {
                         constInternalComponents.push("export const _".concat(publicComponent, "Component = ").concat(publicComponent, "Module._").concat(publicComponent, "Component || {}"));
                         plugins.push("".concat(publicComponent, ".install && app.use(").concat(publicComponent, ")"));
                         cssImports.push("import './".concat(dirname, "/style'"));
-                        lessImports.push("import './".concat(dirname, "/style/less'"));
                     });
                     install = "\nfunction install(app) {\n  ".concat(plugins.join('\n  '), "\n}\n");
                     indexTemplate = "".concat(imports.join('\n'), "\n\n").concat(constInternalComponents.join('\n'), "\n\n").concat(install, "\nexport {\n  install,\n  ").concat(publicComponents.join(',\n  '), "\n}\n\nexport default {\n  install,\n  ").concat(publicComponents.join(',\n  '), "\n}\n");
                     styleTemplate = "".concat(cssImports.join('\n'), "\n");
                     umdTemplate = "".concat(imports.join('\n'), "\n\n").concat(cssImports.join('\n'), "\n\n").concat(install, "\nexport {\n  install,\n  ").concat(publicComponents.join(',\n  '), "\n}\n\nexport default {\n  install,\n  ").concat(publicComponents.join(',\n  '), "\n}\n");
-                    lessTemplate = "".concat(lessImports.join('\n'), "\n");
                     return [4 /*yield*/, Promise.all([
                             (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'index.js'), indexTemplate, 'utf-8'),
                             (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'umdIndex.js'), umdTemplate, 'utf-8'),
                             (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'style.js'), styleTemplate, 'utf-8'),
-                            (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'less.js'), lessTemplate, 'utf-8'),
                         ])];
                 case 1:
                     _a.sent();
@@ -166,14 +162,13 @@ function compileESEntry(dir, publicDirs) {
 exports.compileESEntry = compileESEntry;
 function compileCommonJSEntry(dir, publicDirs) {
     return __awaiter(this, void 0, void 0, function () {
-        var requires, plugins, cssRequires, lessRequires, publicComponents, install, indexTemplate, styleTemplate, lessTemplate;
+        var requires, plugins, cssRequires, publicComponents, install, indexTemplate, styleTemplate;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     requires = [];
                     plugins = [];
                     cssRequires = [];
-                    lessRequires = [];
                     publicComponents = [];
                     publicDirs.forEach(function (dirname) {
                         var publicComponent = (0, shared_1.bigCamelize)(dirname);
@@ -181,16 +176,13 @@ function compileCommonJSEntry(dir, publicDirs) {
                         requires.push("var ".concat(publicComponent, " = require('./").concat(dirname, "')['default']"));
                         plugins.push("".concat(publicComponent, ".install && app.use(").concat(publicComponent, ")"));
                         cssRequires.push("require('./".concat(dirname, "/style')"));
-                        lessRequires.push("require('./".concat(dirname, "/style/less')"));
                     });
                     install = "\nfunction install(app) {\n  ".concat(plugins.join('\n  '), "\n}\n");
                     indexTemplate = "".concat(requires.join('\n'), "\n\n").concat(install, "\n\nmodule.exports = {\n  install,\n  ").concat(publicComponents.join(',\n  '), "\n}\n");
                     styleTemplate = "".concat(cssRequires.join('\n'), "\n");
-                    lessTemplate = "".concat(lessRequires.join('\n'), "\n");
                     return [4 /*yield*/, Promise.all([
                             (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'index.js'), indexTemplate, 'utf-8'),
                             (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'style.js'), styleTemplate, 'utf-8'),
-                            (0, fs_extra_1.writeFile)((0, path_1.resolve)(dir, 'less.js'), lessTemplate, 'utf-8'),
                         ])];
                 case 1:
                     _a.sent();

package/lib/compiler/compileStyle.d.ts

@@ -7,5 +7,5 @@ export declare const REQUIRE_LESS_RE: RegExp;
 export declare const STYLE_IMPORT_RE: RegExp;
 export declare const clearEmptyLine: (s: string) => string;
 export declare function normalizeStyleDependency(styleImport: string, reg: RegExp): string;
-export declare function extractStyleDependencies(file: string, code: string, reg: RegExp, expect: 'css' | 'less', self: boolean): string;
+export declare function extractStyleDependencies(file: string, code: string, styleReg: RegExp): string;
 export declare function compileLess(file: string): Promise<void>;

package/lib/compiler/compileStyle.js

@@ -52,34 +52,23 @@ var clearEmptyLine = function (s) { return s.replace(exports.EMPTY_LINE_RE, '').
 exports.clearEmptyLine = clearEmptyLine;
 function normalizeStyleDependency(styleImport, reg) {
     var relativePath = styleImport.replace(reg, '$1');
-    relativePath = relativePath.replace(/(.less)|(\.css)/, '');
+    relativePath = relativePath.replace(/(\.less)|(\.css)/, '');
     if (relativePath.startsWith('./')) {
         return '.' + relativePath;
     }
     return '../' + relativePath;
 }
 exports.normalizeStyleDependency = normalizeStyleDependency;
-function extractStyleDependencies(file, code, reg, expect, self) {
+function extractStyleDependencies(file, code, styleReg) {
     var _a;
-    var _b = (0, path_1.parse)(file), dir = _b.dir, base = _b.base;
-    var styleImports = (_a = code.match(reg)) !== null && _a !== void 0 ? _a : [];
-    var cssFile = (0, path_1.resolve)(dir, './style/index.js');
-    var lessFile = (0, path_1.resolve)(dir, './style/less.js');
+    var styleImports = (_a = code.match(styleReg)) !== null && _a !== void 0 ? _a : [];
+    var cssFile = (0, path_1.resolve)((0, path_1.parse)(file).dir, './style/index.js');
     var modules = process.env.BABEL_MODULE;
     styleImports.forEach(function (styleImport) {
-        var normalizedPath = normalizeStyleDependency(styleImport, reg);
+        var normalizedPath = normalizeStyleDependency(styleImport, styleReg);
         (0, fsUtils_1.smartAppendFileSync)(cssFile, modules === 'commonjs' ? "require('".concat(normalizedPath, ".css')\n") : "import '".concat(normalizedPath, ".css'\n"));
-        (0, fsUtils_1.smartAppendFileSync)(lessFile, modules === 'commonjs' ? "require('".concat(normalizedPath, ".").concat(expect, "')\n") : "import '".concat(normalizedPath, ".").concat(expect, "'\n"));
     });
-    if (self) {
-        (0, fsUtils_1.smartAppendFileSync)(cssFile, modules === 'commonjs'
-            ? "require('".concat(normalizeStyleDependency(base, reg), ".css')\n")
-            : "import '".concat(normalizeStyleDependency(base, reg), ".css'\n"));
-        (0, fsUtils_1.smartAppendFileSync)(lessFile, modules === 'commonjs'
-            ? "require('".concat(normalizeStyleDependency(base, reg), ".").concat(expect, "')\n")
-            : "import '".concat(normalizeStyleDependency(base, reg), ".").concat(expect, "'\n"));
-    }
-    return code.replace(reg, '');
+    return code.replace(styleReg, '');
 }
 exports.extractStyleDependencies = extractStyleDependencies;
 function compileLess(file) {
@@ -92,6 +81,7 @@ function compileLess(file) {
                     return [4 /*yield*/, (0, less_1.render)(source, { filename: file })];
                 case 1:
                     css = (_a.sent()).css;
+                    (0, fs_extra_1.removeSync)(file);
                     (0, fs_extra_1.writeFileSync)((0, fsUtils_1.replaceExt)(file, '.css'), (0, exports.clearEmptyLine)(css), 'utf-8');
                     return [2 /*return*/];
             }

package/lib/compiler/compileTypes.js

@@ -49,7 +49,7 @@ function generateReference(moduleDir) {
 exports.generateReference = generateReference;
 function compileTypes() {
     return __awaiter(this, void 0, void 0, function () {
-        var varletConfig, namespace, name, dir, ignoreEntryDir, exports, declares, template, globalTemplate;
+        var varletConfig, namespace, name, dir, ignoreEntryDir, exports, declares, globalDeclares, template;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -72,12 +72,9 @@ function compileTypes() {
                             declares.push("".concat((0, shared_1.bigCamelize)(namespace)).concat((0, shared_1.bigCamelize)(componentName), ": typeof import('").concat(name, "')['_").concat((0, shared_1.bigCamelize)(componentName), "Component']"));
                         }
                     });
-                    template = "import type { App } from 'vue'\n\nexport const install: (app: App) => void\n\n".concat(exports.join('\n'), "\n");
-                    globalTemplate = "declare module 'vue' {\n  export interface GlobalComponents {\n    ".concat(declares.join('\n    '), "\n  }\n}\n\nexport {}\n");
-                    return [4 /*yield*/, Promise.all([
-                            (0, fs_extra_1.writeFile)((0, path_1.resolve)(constant_1.TYPES_DIR, 'index.d.ts'), template),
-                            (0, fs_extra_1.writeFile)((0, path_1.resolve)(constant_1.TYPES_DIR, 'global.d.ts'), globalTemplate),
-                        ])];
+                    globalDeclares = "declare module 'vue' {\n  export interface GlobalComponents {\n    ".concat(declares.join('\n    '), "\n  }\n}");
+                    template = "import type { App } from 'vue'\n\nexport const install: (app: App) => void\n\n".concat(exports.join('\n'), "\n\n").concat(globalDeclares, "\n");
+                    return [4 /*yield*/, Promise.all([(0, fs_extra_1.writeFile)((0, path_1.resolve)(constant_1.TYPES_DIR, 'index.d.ts'), template)])];
                 case 3:
                     _a.sent();
                     return [2 /*return*/];

package/lib/config/jest.config.js

@@ -23,6 +23,7 @@ function getRootConfig() {
     return {};
 }
 module.exports = __assign({ moduleNameMapper: {
+        '^@config$': '<rootDir>/.varlet/site.config.json',
         '\\.(css|less)$': constant_1.JEST_STYLE_MOCK,
         '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': constant_1.JEST_MEDIA_MOCK,
     }, transform: {

package/lib/config/vite.config.js

@@ -64,7 +64,7 @@ function getBuildConfig(varletConfig) {
     var devConfig = getDevConfig(varletConfig);
     return __assign(__assign({}, devConfig), { base: './', build: {
             outDir: constant_1.SITE_OUTPUT_PATH,
-            brotliSize: false,
+            reportCompressedSize: false,
             emptyOutDir: true,
             cssTarget: 'chrome61',
             rollupOptions: {

package/lib/config/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vitest/dist/config").UserConfigExport;
+export default _default;

package/lib/config/vitest.config.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_vue_1 = __importDefault(require("@vitejs/plugin-vue"));
+const plugin_vue_jsx_1 = __importDefault(require("@vitejs/plugin-vue-jsx"));
+const config_1 = require("vitest/config");
+const constant_1 = require("../shared/constant");
+exports.default = (0, config_1.defineConfig)({
+    resolve: {
+        alias: {
+            '@config': constant_1.SITE_CONFIG,
+        },
+        extensions: constant_1.VITE_RESOLVE_EXTENSIONS,
+    },
+    plugins: [(0, plugin_vue_1.default)(), (0, plugin_vue_jsx_1.default)()],
+    test: {
+        environment: 'jsdom',
+        coverage: {
+            provider: 'istanbul',
+        },
+        globals: true,
+        transformMode: {
+            web: [/\.[jt]sx$/],
+        },
+    },
+});

package/lib/index.js

@@ -24,6 +24,7 @@ var logger_1 = __importDefault(require("./shared/logger"));
 var commander_1 = require("commander");
 var dev_1 = require("./commands/dev");
 var build_1 = require("./commands/build");
+var vite_1 = require("./commands/vite");
 var compile_1 = require("./commands/compile");
 var create_1 = require("./commands/create");
 var jest_1 = require("./commands/jest");
@@ -41,6 +42,14 @@ program
     .description('Run varlet development environment')
     .action(dev_1.dev);
 program.command('build').description('Build varlet site for production').action(build_1.build);
+program
+    .command('build:vite')
+    .description('Use vite build app for production')
+    .action(function () { return (0, vite_1.vite)('build'); });
+program
+    .command('dev:vite')
+    .description('Use vite start server for development')
+    .action(function () { return (0, vite_1.vite)('dev'); });
 program.command('preview').description('Preview varlet site for production').action(preview_1.preview);
 program
     .command('compile')
@@ -49,9 +58,12 @@ program
     .action(compile_1.compile);
 program.command('lint').description('Lint code').action(lint_1.lint);
 program
-    .command('create <name>')
+    .command('create')
     .description('Create a component directory')
-    .option('-d, --disableI18n', 'Disable to generator i18n files')
+    .option('-n, --name <componentName>', 'Component name')
+    .option('-s, --sfc', 'Generate files in sfc format')
+    .option('-t, --tsx', 'Generate files in tsx format')
+    .option('-l, --locale', 'Generator internationalized files')
     .action(create_1.create);
 program
     .command('jest')
@@ -61,7 +73,14 @@ program
     .option('-c, --component <componentName>', 'Test a specific component')
     .option('-cc --clearCache', 'Clear test cache')
     .action(jest_1.jest);
-program.command('gen <name>').description('Generate cli application').action(gen_1.gen);
+program
+    .command('gen')
+    .description('Generate cli application')
+    .option('-n, --name <applicationName>', 'Application name')
+    .option('-s, --sfc', 'Generate files in sfc format')
+    .option('-t, --tsx', 'Generate files in tsx format')
+    .option('-l, --locale', 'Generator internationalized files')
+    .action(gen_1.gen);
 program
     .command('changelog')
     .option('-rc --releaseCount <releaseCount>', 'Release count')

package/lib/shared/constant.js

@@ -21,7 +21,7 @@ exports.LOCALE_DIR_NAME = 'locale';
 exports.DOCS_DIR_NAME = 'docs';
 exports.DIR_INDEX = 'index.vue';
 exports.TESTS_DIR_NAME = '__tests__';
-exports.GENERATORS_DIR = (0, path_1.resolve)(__dirname, '../../generators');
+exports.GENERATORS_DIR = (0, path_1.resolve)(__dirname, '../../template/generators');
 exports.UI_PACKAGE_JSON = (0, path_1.resolve)(exports.CWD, 'package.json');
 exports.CLI_PACKAGE_JSON = (0, path_1.resolve)(__dirname, '../../package.json');
 // site

package/lib/shared/logger.d.ts

@@ -3,5 +3,6 @@ declare const _default: {
     success(text: string): void;
     warning(text: string): void;
     error(text: string): void;
+    title(text: string): void;
 };
 export default _default;

package/lib/shared/logger.js

@@ -17,4 +17,7 @@ exports.default = {
     error: function (text) {
         console.log(chalk_1.default.hex('#f44336')(text));
     },
+    title: function (text) {
+        console.log(chalk_1.default.cyan(text));
+    },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.27.20",
+  "version": "2.0.0-alpha.1663742071515",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -12,8 +12,8 @@
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
   "files": [
-    "generators",
     "lib",
+    "template",
     "site",
     "tsconfig.json",
     "varlet.default.config.js",
@@ -28,16 +28,16 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/icons": "1.27.20",
-    "@varlet/shared": "1.27.20",
-    "@varlet/markdown-vite-plugin": "1.27.20",
-    "@varlet/touch-emulator": "1.27.20",
     "@babel/core": "^7.14.8",
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@vitejs/plugin-vue": "2.2.0",
-    "@vitejs/plugin-vue-jsx": "1.3.5",
+    "@varlet/icons": "2.0.0-alpha.1663742071515",
+    "@varlet/markdown-vite-plugin": "2.0.0-alpha.1663742071515",
+    "@varlet/shared": "2.0.0-alpha.1663742071515",
+    "@varlet/touch-emulator": "2.0.0-alpha.1663742071515",
+    "@vitejs/plugin-vue": "3.0.1",
+    "@vitejs/plugin-vue-jsx": "2.0.0",
     "@vue/babel-plugin-jsx": "1.1.1",
     "@vue/compiler-sfc": "3.2.25",
     "@vue/runtime-core": "3.2.25",
@@ -46,6 +46,7 @@
     "chokidar": "^3.5.2",
     "commander": "^8.3.0",
     "conventional-changelog": "^3.1.25",
+    "ejs": "^3.1.8",
     "execa": "^5.0.0",
     "fs-extra": "^9.0.1",
     "glob": "^7.2.0",
@@ -60,29 +61,32 @@
     "slash": "^3.0.0",
     "ts-jest": "^26.5.1",
     "typescript": "^4.4.4",
-    "vite": "2.9.14",
+    "vite": "3.0.4",
     "vite-plugin-html": "^2.1.0",
     "vue": "3.2.25",
     "vue-jest": "^5.0.0-alpha.8"
   },
   "devDependencies": {
     "@types/babel__core": "^7.1.12",
+    "@types/ejs": "^3.1.1",
     "@types/fs-extra": "^9.0.2",
     "@types/glob": "^7.1.3",
     "@types/hash-sum": "^1.0.0",
+    "@types/inquirer": "8.1.2",
     "@types/jest": "^26.0.15",
     "@types/lodash": "^4.14.174",
     "@types/lodash-es": "^4.17.5",
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.27.20",
-    "@vue/test-utils": "^2.0.0-rc.6",
+    "@varlet/touch-emulator": "2.0.0-alpha.1663742071515",
+    "@vue/runtime-core": "3.2.16",
+    "@vue/test-utils": "^2.0.2",
+    "jsdom": "^20.0.0",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",
     "vue": "3.2.25",
-    "@vue/runtime-core": "3.2.16",
     "vue-router": "4.0.12"
   },
   "scripts": {