@varlet/cli 2.1.0-alpha.1667210582672 → 2.1.0

package/lib/client/appType.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
-export default _default;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+export default _default;

package/lib/client/appType.js

@@ -1,7 +1,7 @@
-import { defineComponent, h } from 'vue';
-export default defineComponent({
-    name: 'AppType',
-    setup(props, { slots }) {
-        return () => { var _a; return h('div', { class: 'app-type' }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); };
-    },
-});
+import { defineComponent, h } from 'vue';
+export default defineComponent({
+    name: 'AppType',
+    setup(props, { slots }) {
+        return () => { var _a; return h('div', { class: 'app-type' }, [(_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)]); };
+    },
+});

package/lib/client/index.d.ts

@@ -1,17 +1,17 @@
-import AppType from './appType';
-interface PCLocationInfo {
-    language: string;
-    menuName: string;
-}
-export declare type Theme = 'lightTheme' | 'darkTheme';
-export declare type StyleVars = Record<string, string>;
-export declare function StyleProvider(styleVars?: StyleVars | null): void;
-export declare function getPCLocationInfo(): PCLocationInfo;
-export declare function getBrowserTheme(): Theme;
-export declare function watchLang(cb: (lang: string) => void, platform?: 'pc' | 'mobile'): void;
-export declare function withSiteConfigNamespace(styleVars: Record<string, any>): StyleVars;
-export declare function watchPlatform(cb: (platform: string) => void): void;
-export declare function useRouteListener(cb: () => void): void;
-export declare function watchDarkMode(dark: StyleVars, cb?: (theme: Theme) => void): void;
-export declare function watchTheme(cb: (theme: Theme, from: 'pc' | 'mobile' | 'default' | 'playground') => void, shouldUnmount?: boolean): void;
-export { AppType };
+import AppType from './appType';
+interface PCLocationInfo {
+    language: string;
+    menuName: string;
+}
+export declare type Theme = 'lightTheme' | 'darkTheme';
+export declare type StyleVars = Record<string, string>;
+export declare function StyleProvider(styleVars?: StyleVars | null): void;
+export declare function getPCLocationInfo(): PCLocationInfo;
+export declare function getBrowserTheme(): Theme;
+export declare function watchLang(cb: (lang: string) => void, platform?: 'pc' | 'mobile'): void;
+export declare function withSiteConfigNamespace(styleVars: Record<string, any>): StyleVars;
+export declare function watchPlatform(cb: (platform: string) => void): void;
+export declare function useRouteListener(cb: () => void): void;
+export declare function watchDarkMode(dark: StyleVars, cb?: (theme: Theme) => void): void;
+export declare function watchTheme(cb: (theme: Theme, from: 'pc' | 'mobile' | 'default' | 'playground') => void, shouldUnmount?: boolean): void;
+export { AppType };

package/lib/client/index.js

@@ -1,106 +1,106 @@
-import config from '@config';
-import AppType from './appType';
-import { onMounted, onUnmounted } from 'vue';
-import { kebabCase } from '@varlet/shared';
-import { get } from 'lodash-es';
-const mountedVarKeys = [];
-function formatStyleVars(styleVars) {
-    return Object.entries(styleVars !== null && styleVars !== void 0 ? styleVars : {}).reduce((styles, [key, value]) => {
-        const cssVar = key.startsWith('--') ? key : `--${kebabCase(key)}`;
-        styles[cssVar] = value;
-        return styles;
-    }, {});
-}
-export function StyleProvider(styleVars = {}) {
-    mountedVarKeys.forEach((key) => document.documentElement.style.removeProperty(key));
-    mountedVarKeys.length = 0;
-    const styles = formatStyleVars(styleVars);
-    Object.entries(styles).forEach(([key, value]) => {
-        document.documentElement.style.setProperty(key, value);
-        mountedVarKeys.push(key);
-    });
-}
-export function getPCLocationInfo() {
-    const [, language, menuName] = window.location.hash.split('/');
-    return {
-        language,
-        menuName,
-    };
-}
-function getHashSearch() {
-    const { href } = window.location;
-    const hashSearch = href.slice(href.indexOf('?'));
-    return new URLSearchParams(hashSearch);
-}
-export function getBrowserTheme() {
-    var _a;
-    const themeKey = get(config, 'themeKey');
-    const darkThemeConfig = get(config, 'darkTheme');
-    if (!darkThemeConfig) {
-        return 'lightTheme';
-    }
-    const storageTheme = window.localStorage.getItem(themeKey);
-    if (!storageTheme) {
-        const preferTheme = ((_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-color-scheme: dark)').matches) ? 'darkTheme' : 'lightTheme';
-        window.localStorage.setItem(themeKey, preferTheme);
-        return preferTheme;
-    }
-    return storageTheme;
-}
-export function watchLang(cb, platform = 'mobile') {
-    const handleHashchange = () => {
-        var _a;
-        const language = platform === 'mobile' ? (_a = getHashSearch().get('language')) !== null && _a !== void 0 ? _a : 'zh-CN' : getPCLocationInfo().language;
-        cb(language);
-    };
-    useRouteListener(handleHashchange);
-    handleHashchange();
-}
-export function withSiteConfigNamespace(styleVars) {
-    return Object.entries(styleVars).reduce((styleVars, [key, value]) => {
-        styleVars[`--site-config-${key}`] = value;
-        return styleVars;
-    }, {});
-}
-export function watchPlatform(cb) {
-    const handleHashchange = () => {
-        var _a;
-        const platform = (_a = getHashSearch().get('platform')) !== null && _a !== void 0 ? _a : 'mobile';
-        cb(platform);
-    };
-    useRouteListener(handleHashchange);
-    handleHashchange();
-}
-export function useRouteListener(cb) {
-    onMounted(() => {
-        window.addEventListener('hashchange', cb);
-        window.addEventListener('popstate', cb);
-    });
-    onUnmounted(() => {
-        window.removeEventListener('hashchange', cb);
-        window.removeEventListener('popstate', cb);
-    });
-}
-export function watchDarkMode(dark, cb) {
-    watchTheme((theme) => {
-        const siteStyleVars = withSiteConfigNamespace(get(config, theme, {}));
-        StyleProvider(theme === 'darkTheme' ? Object.assign(Object.assign({}, siteStyleVars), dark) : siteStyleVars);
-        cb === null || cb === void 0 ? void 0 : cb(theme);
-    });
-}
-export function watchTheme(cb, shouldUnmount = true) {
-    const handleThemeChange = (event) => {
-        const { data } = event;
-        if (data.action === 'theme-change') {
-            cb(data.data, data.from);
-        }
-    };
-    window.addEventListener('message', handleThemeChange);
-    if (shouldUnmount) {
-        onUnmounted(() => {
-            window.removeEventListener('message', handleThemeChange);
-        });
-    }
-    cb(getBrowserTheme(), 'default');
-}
-export { AppType };
+import config from '@config';
+import AppType from './appType';
+import { onMounted, onUnmounted } from 'vue';
+import { kebabCase } from '@varlet/shared';
+import { get } from 'lodash-es';
+const mountedVarKeys = [];
+function formatStyleVars(styleVars) {
+    return Object.entries(styleVars !== null && styleVars !== void 0 ? styleVars : {}).reduce((styles, [key, value]) => {
+        const cssVar = key.startsWith('--') ? key : `--${kebabCase(key)}`;
+        styles[cssVar] = value;
+        return styles;
+    }, {});
+}
+export function StyleProvider(styleVars = {}) {
+    mountedVarKeys.forEach((key) => document.documentElement.style.removeProperty(key));
+    mountedVarKeys.length = 0;
+    const styles = formatStyleVars(styleVars);
+    Object.entries(styles).forEach(([key, value]) => {
+        document.documentElement.style.setProperty(key, value);
+        mountedVarKeys.push(key);
+    });
+}
+export function getPCLocationInfo() {
+    const [, language, menuName] = window.location.hash.split('/');
+    return {
+        language,
+        menuName,
+    };
+}
+function getHashSearch() {
+    const { href } = window.location;
+    const hashSearch = href.slice(href.indexOf('?'));
+    return new URLSearchParams(hashSearch);
+}
+export function getBrowserTheme() {
+    var _a;
+    const themeKey = get(config, 'themeKey');
+    const darkThemeConfig = get(config, 'darkTheme');
+    if (!darkThemeConfig) {
+        return 'lightTheme';
+    }
+    const storageTheme = window.localStorage.getItem(themeKey);
+    if (!storageTheme) {
+        const preferTheme = ((_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-color-scheme: dark)').matches) ? 'darkTheme' : 'lightTheme';
+        window.localStorage.setItem(themeKey, preferTheme);
+        return preferTheme;
+    }
+    return storageTheme;
+}
+export function watchLang(cb, platform = 'mobile') {
+    const handleHashchange = () => {
+        var _a;
+        const language = platform === 'mobile' ? (_a = getHashSearch().get('language')) !== null && _a !== void 0 ? _a : 'zh-CN' : getPCLocationInfo().language;
+        cb(language);
+    };
+    useRouteListener(handleHashchange);
+    handleHashchange();
+}
+export function withSiteConfigNamespace(styleVars) {
+    return Object.entries(styleVars).reduce((styleVars, [key, value]) => {
+        styleVars[`--site-config-${key}`] = value;
+        return styleVars;
+    }, {});
+}
+export function watchPlatform(cb) {
+    const handleHashchange = () => {
+        var _a;
+        const platform = (_a = getHashSearch().get('platform')) !== null && _a !== void 0 ? _a : 'mobile';
+        cb(platform);
+    };
+    useRouteListener(handleHashchange);
+    handleHashchange();
+}
+export function useRouteListener(cb) {
+    onMounted(() => {
+        window.addEventListener('hashchange', cb);
+        window.addEventListener('popstate', cb);
+    });
+    onUnmounted(() => {
+        window.removeEventListener('hashchange', cb);
+        window.removeEventListener('popstate', cb);
+    });
+}
+export function watchDarkMode(dark, cb) {
+    watchTheme((theme) => {
+        const siteStyleVars = withSiteConfigNamespace(get(config, theme, {}));
+        StyleProvider(theme === 'darkTheme' ? Object.assign(Object.assign({}, siteStyleVars), dark) : siteStyleVars);
+        cb === null || cb === void 0 ? void 0 : cb(theme);
+    });
+}
+export function watchTheme(cb, shouldUnmount = true) {
+    const handleThemeChange = (event) => {
+        const { data } = event;
+        if (data.action === 'theme-change') {
+            cb(data.data, data.from);
+        }
+    };
+    window.addEventListener('message', handleThemeChange);
+    if (shouldUnmount) {
+        onUnmounted(() => {
+            window.removeEventListener('message', handleThemeChange);
+        });
+    }
+    cb(getBrowserTheme(), 'default');
+}
+export { AppType };

package/lib/node/bin.d.ts

@@ -1,2 +1,2 @@
-#!/usr/bin/env node
-export {};
+#!/usr/bin/env node
+export {};

package/lib/node/bin.js

@@ -1,122 +1,122 @@
-#!/usr/bin/env node
-import fse from 'fs-extra';
-import { Command } from 'commander';
-import { CLI_PACKAGE_JSON } from './shared/constant.js';
-const { readJSONSync } = fse;
-const program = new Command();
-program.version(`varlet-cli ${readJSONSync(CLI_PACKAGE_JSON).version}`).usage('<command> [options]');
-program
-    .command('dev')
-    .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
-    .description('Run varlet development environment')
-    .action(async (options) => {
-    const { dev } = await import('./commands/dev.js');
-    return dev(options);
-});
-program
-    .command('build')
-    .description('Build varlet site for production')
-    .action(async () => {
-    const { build } = await import('./commands/build.js');
-    return build();
-});
-program
-    .command('build:vite')
-    .description('Use vite build app for production')
-    .action(async () => {
-    const { vite } = await import('./commands/vite.js');
-    return vite('build');
-});
-program
-    .command('dev:vite')
-    .description('Use vite start server for development')
-    .action(async () => {
-    const { vite } = await import('./commands/vite.js');
-    return vite('dev');
-});
-program
-    .command('preview')
-    .description('Preview varlet site for production')
-    .action(async () => {
-    const { preview } = await import('./commands/preview.js');
-    return preview();
-});
-program
-    .command('compile')
-    .description('Compile varlet components library code')
-    .option('-nu, --noUmd', 'Do not compile umd target code')
-    .action(async (options) => {
-    const { compile } = await import('./commands/compile.js');
-    return compile(options);
-});
-program
-    .command('lint')
-    .description('Lint code')
-    .action(async () => {
-    const { lint } = await import('./commands/lint.js');
-    return lint();
-});
-program
-    .command('create')
-    .description('Create a component directory')
-    .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(async (options) => {
-    const { create } = await import('./commands/create.js');
-    return create(options);
-});
-program
-    .command('jest')
-    .description('Run Jest in work directory')
-    .option('-w, --watch', 'Watch files for changes and rerun tests related to changed files')
-    .option('-wa, --watchAll', 'Watch files for changes and rerun all tests when something changes')
-    .option('-c, --component <componentName>', 'Test a specific component')
-    .option('-cc --clearCache', 'Clear test cache')
-    .action(async (option) => {
-    const { jest } = await import('./commands/jest.js');
-    return jest(option);
-});
-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(async (option) => {
-    const { gen } = await import('./commands/gen.js');
-    return gen(option);
-});
-program
-    .command('changelog')
-    .option('-rc --releaseCount <releaseCount>', 'Release count')
-    .option('-f --file <file>', 'Changelog filename')
-    .description('Generate changelog')
-    .action(async (option) => {
-    const { changelog } = await import('./commands/changelog.js');
-    return changelog(option);
-});
-program
-    .command('release')
-    .option('-r --remote <remote>', 'Remote name')
-    .description('Release all packages and generate changelogs')
-    .action(async (option) => {
-    const { release } = await import('./commands/release.js');
-    return release(option);
-});
-program
-    .command('commit-lint <gitParams>')
-    .description('Lint commit message')
-    .action(async (option) => {
-    const { commitLint } = await import('./commands/commitLint.js');
-    return commitLint(option);
-});
-program.on('command:*', async ([cmd]) => {
-    const { default: logger } = await import('./shared/logger.js');
-    program.outputHelp();
-    logger.error(`\nUnknown command ${cmd}.\n`);
-    process.exitCode = 1;
-});
-program.parse();
+#!/usr/bin/env node
+import fse from 'fs-extra';
+import { Command } from 'commander';
+import { CLI_PACKAGE_JSON } from './shared/constant.js';
+const { readJSONSync } = fse;
+const program = new Command();
+program.version(`varlet-cli ${readJSONSync(CLI_PACKAGE_JSON).version}`).usage('<command> [options]');
+program
+    .command('dev')
+    .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
+    .description('Run varlet development environment')
+    .action(async (options) => {
+    const { dev } = await import('./commands/dev.js');
+    return dev(options);
+});
+program
+    .command('build')
+    .description('Build varlet site for production')
+    .action(async () => {
+    const { build } = await import('./commands/build.js');
+    return build();
+});
+program
+    .command('build:vite')
+    .description('Use vite build app for production')
+    .action(async () => {
+    const { vite } = await import('./commands/vite.js');
+    return vite('build');
+});
+program
+    .command('dev:vite')
+    .description('Use vite start server for development')
+    .action(async () => {
+    const { vite } = await import('./commands/vite.js');
+    return vite('dev');
+});
+program
+    .command('preview')
+    .description('Preview varlet site for production')
+    .action(async () => {
+    const { preview } = await import('./commands/preview.js');
+    return preview();
+});
+program
+    .command('compile')
+    .description('Compile varlet components library code')
+    .option('-nu, --noUmd', 'Do not compile umd target code')
+    .action(async (options) => {
+    const { compile } = await import('./commands/compile.js');
+    return compile(options);
+});
+program
+    .command('lint')
+    .description('Lint code')
+    .action(async () => {
+    const { lint } = await import('./commands/lint.js');
+    return lint();
+});
+program
+    .command('create')
+    .description('Create a component directory')
+    .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(async (options) => {
+    const { create } = await import('./commands/create.js');
+    return create(options);
+});
+program
+    .command('jest')
+    .description('Run Jest in work directory')
+    .option('-w, --watch', 'Watch files for changes and rerun tests related to changed files')
+    .option('-wa, --watchAll', 'Watch files for changes and rerun all tests when something changes')
+    .option('-c, --component <componentName>', 'Test a specific component')
+    .option('-cc --clearCache', 'Clear test cache')
+    .action(async (option) => {
+    const { jest } = await import('./commands/jest.js');
+    return jest(option);
+});
+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(async (option) => {
+    const { gen } = await import('./commands/gen.js');
+    return gen(option);
+});
+program
+    .command('changelog')
+    .option('-rc --releaseCount <releaseCount>', 'Release count')
+    .option('-f --file <file>', 'Changelog filename')
+    .description('Generate changelog')
+    .action(async (option) => {
+    const { changelog } = await import('./commands/changelog.js');
+    return changelog(option);
+});
+program
+    .command('release')
+    .option('-r --remote <remote>', 'Remote name')
+    .description('Release all packages and generate changelogs')
+    .action(async (option) => {
+    const { release } = await import('./commands/release.js');
+    return release(option);
+});
+program
+    .command('commit-lint <gitParams>')
+    .description('Lint commit message')
+    .action(async (option) => {
+    const { commitLint } = await import('./commands/commitLint.js');
+    return commitLint(option);
+});
+program.on('command:*', async ([cmd]) => {
+    const { default: logger } = await import('./shared/logger.js');
+    program.outputHelp();
+    logger.error(`\nUnknown command ${cmd}.\n`);
+    process.exitCode = 1;
+});
+program.parse();

package/lib/node/commands/build.d.ts

@@ -1 +1 @@
-export declare function build(): Promise<void>;
+export declare function build(): Promise<void>;

package/lib/node/commands/build.js

@@ -1,15 +1,15 @@
-import fse from 'fs-extra';
-import { SRC_DIR } from '../shared/constant.js';
-import { build as buildVite } from 'vite';
-import { getBuildConfig } from '../config/vite.config.js';
-import { getVarletConfig } from '../config/varlet.config.js';
-import { buildSiteEntry } from '../compiler/compileSiteEntry.js';
-const { ensureDirSync } = fse;
-export async function build() {
-    process.env.NODE_ENV = 'production';
-    ensureDirSync(SRC_DIR);
-    await buildSiteEntry();
-    const varletConfig = await getVarletConfig();
-    const buildConfig = getBuildConfig(varletConfig);
-    await buildVite(buildConfig);
-}
+import fse from 'fs-extra';
+import { SRC_DIR } from '../shared/constant.js';
+import { build as buildVite } from 'vite';
+import { getBuildConfig } from '../config/vite.config.js';
+import { getVarletConfig } from '../config/varlet.config.js';
+import { buildSiteEntry } from '../compiler/compileSiteEntry.js';
+const { ensureDirSync } = fse;
+export async function build() {
+    process.env.NODE_ENV = 'production';
+    ensureDirSync(SRC_DIR);
+    await buildSiteEntry();
+    const varletConfig = await getVarletConfig();
+    const buildConfig = getBuildConfig(varletConfig);
+    await buildVite(buildConfig);
+}

package/lib/node/commands/changelog.d.ts

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

package/lib/node/commands/changelog.js

@@ -1,20 +1,20 @@
-import ora from 'ora';
-import conventionalChangelog from 'conventional-changelog';
-import fse from 'fs-extra';
-import { resolve as resolvePath } from 'path';
-import { CWD } from '../shared/constant.js';
-const { createWriteStream } = fse;
-export function changelog({ releaseCount = 0, file = 'CHANGELOG.md' } = {}) {
-    const s = ora().start(`Generating changelog`);
-    return new Promise((resolve) => {
-        conventionalChangelog({
-            preset: 'angular',
-            releaseCount,
-        })
-            .pipe(createWriteStream(resolvePath(CWD, file)))
-            .on('close', () => {
-            s.succeed(`Changelog generated success!`);
-            resolve();
-        });
-    });
-}
+import ora from 'ora';
+import conventionalChangelog from 'conventional-changelog';
+import fse from 'fs-extra';
+import { resolve as resolvePath } from 'path';
+import { CWD } from '../shared/constant.js';
+const { createWriteStream } = fse;
+export function changelog({ releaseCount = 0, file = 'CHANGELOG.md' } = {}) {
+    const s = ora().start(`Generating changelog`);
+    return new Promise((resolve) => {
+        conventionalChangelog({
+            preset: 'angular',
+            releaseCount,
+        })
+            .pipe(createWriteStream(resolvePath(CWD, file)))
+            .on('close', () => {
+            s.succeed(`Changelog generated success!`);
+            resolve();
+        });
+    });
+}

package/lib/node/commands/commitLint.d.ts

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