@varlet/cli 2.0.5 → 2.1.0-alpha.1666877950844

package/lib/node/config/varlet.config.js

@@ -0,0 +1,27 @@
+import fse from 'fs-extra';
+import { mergeWith } from 'lodash-es';
+import { VARLET_CONFIG, SITE_CONFIG } from '../shared/constant.js';
+import { outputFileSyncOnChange } from '../shared/fsUtils.js';
+import { isArray } from '@varlet/shared';
+import { pathToFileURL } from 'url';
+const { pathExistsSync, statSync } = fse;
+export function defineConfig(config) {
+    return config;
+}
+export function mergeStrategy(value, srcValue, key) {
+    if (key === 'features' && isArray(srcValue)) {
+        return srcValue;
+    }
+}
+export async function getVarletConfig(emit = false) {
+    const defaultConfig = (await import('./varlet.default.config.js')).default;
+    const config = pathExistsSync(VARLET_CONFIG)
+        ? (await import(`${pathToFileURL(VARLET_CONFIG).href}?_t=${statSync(VARLET_CONFIG).mtimeMs}`)).default
+        : {};
+    const mergedConfig = mergeWith(defaultConfig, config, mergeStrategy);
+    if (emit) {
+        const source = JSON.stringify(mergedConfig, null, 2);
+        outputFileSyncOnChange(SITE_CONFIG, source);
+    }
+    return mergedConfig;
+}

package/lib/node/config/varlet.default.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("./varlet.config.js").VarletConfig;
+export default _default;

package/lib/node/config/varlet.default.config.js

@@ -0,0 +1,264 @@
+import { defineConfig } from './varlet.config.js';
+export default defineConfig({
+    name: 'Varlet',
+    namespace: 'var',
+    host: 'localhost',
+    port: 8080,
+    title: 'VARLET',
+    logo: 'https://varlet.gitee.io/varlet-ui/varlet_icon.png',
+    defaultLanguage: 'zh-CN',
+    highlight: {
+        /**
+         * @see https://highlightjs.org/
+         */
+        style: '//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/styles/nord.min.css',
+    },
+    analysis: {
+        baidu: '',
+    },
+    useMobile: false,
+    pc: {
+        menu: [],
+        redirect: '/index',
+        indexPage: {
+            description: {
+                'zh-CN': 'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验',
+                'en-US': 'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience',
+            },
+            started: {
+                'zh-CN': '起步',
+                'en-US': 'GET STARTED',
+            },
+            features: [
+                {
+                    name: {
+                        'zh-CN': '组件丰富',
+                        'en-US': 'Rich components',
+                    },
+                    description: {
+                        'zh-CN': '提供 50 个高质量通用组件',
+                        'en-US': 'Provide 50 high quality general purpose components',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '按需引入',
+                        'en-US': 'On-Demand',
+                    },
+                    description: {
+                        'zh-CN': '每一个组件都可单独引入，并有着良好的 tree-shaking 优化',
+                        'en-US': 'Each component can be imported separately and has good tree-shaking optimization',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '主题定制',
+                        'en-US': 'Theme customization',
+                    },
+                    description: {
+                        'zh-CN': '内置亮色和暗色两种主题，支持组件的样式自定义',
+                        'en-US': 'Built-in light and dark themes, support style customization of components',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '国际化',
+                        'en-US': 'Locale',
+                    },
+                    description: {
+                        'zh-CN': '内置国际化 API，内置中文和英文的语言包',
+                        'en-US': 'Built-in i18n API, which supports both Chinese and English languages by default',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '支持 Typescript',
+                        'en-US': 'Support typescript',
+                    },
+                    description: {
+                        'zh-CN': '使用 Typescript 构建，提供良好的组件类型系统',
+                        'en-US': 'Built with typescript, which provides a nice components type system',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '服务端渲染',
+                        'en-US': 'Server-side rendering',
+                    },
+                    description: {
+                        'zh-CN': '对服务端渲染支持良好，并对 Nuxt 进行了适配',
+                        'en-US': 'Good support for server-side rendering and adaptation to Nuxt',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '国人开发',
+                        'en-US': 'Developed by Chinese',
+                    },
+                    description: {
+                        'zh-CN': '由国人开发，完善的中英文文档和后勤保障',
+                        'en-US': 'Complete Chinese and English documentation and logistics support',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': 'IDE 支持',
+                        'en-US': 'IDE Code Support',
+                    },
+                    description: {
+                        'zh-CN': '支持在 webstorm，vscode 中的组件语法高亮, 并提供 vscode 插件为开发提升效率',
+                        'en-US': 'Supports to highlight the component syntax for webstorm and vscode, and provides a separate helper plugin for vscode',
+                    },
+                },
+                {
+                    name: {
+                        'zh-CN': '组件库快速成型工具',
+                        'en-US': 'Component library toolchain',
+                    },
+                    description: {
+                        'zh-CN': '开源了搭建本组件库的所有工具链，提供快速开发组件库的能力',
+                        'en-US': 'Open-sourced the toolchain for building this component library, providing the ability to rapidly develop the component library',
+                    },
+                },
+            ],
+            contributors: {
+                label: {
+                    'zh-CN': '贡献者',
+                    'en-US': 'Contributors',
+                },
+                link: 'https://github.com/varletjs/varlet/graphs/contributors',
+                image: 'https://contrib.rocks/image?repo=varletjs/varlet',
+            },
+            license: {
+                'zh-CN': '组件库基于 MIT 协议，您可以自由的使用和分享',
+                'en-US': 'Released under the MIT License, You can use and share freely.',
+            },
+            copyright: {
+                'zh-CN': 'Copyright © 2022 varletjs 组织成员以及 varlet 的贡献者们',
+                'en-US': 'Copyright © 2022 varletjs member and varlet contributors.',
+            },
+        },
+        title: {
+            'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
+            'en-US': 'Material design mobile components built for Vue3',
+        },
+        header: {
+            i18n: {
+                'zh-CN': '中文',
+                'en-US': 'English',
+            },
+            versions: null,
+            github: 'https://github.com/varletjs/varlet',
+            playground: 'https://varlet.gitee.io/varlet-ui-playground',
+            darkMode: true,
+        },
+        clipboard: {
+            'zh-CN': '代码已复制到剪切板',
+            'en-US': 'The code has been copied to the clipboard',
+        },
+        fold: {
+            defaultFold: false,
+            foldHeight: 50,
+        },
+    },
+    mobile: {
+        redirect: '/home',
+        title: {
+            'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
+            'en-US': 'Material design mobile components built for Vue3',
+        },
+        header: {
+            i18n: {
+                'zh-CN': '中文',
+                'en-US': 'English',
+            },
+            github: 'https://github.com/varletjs/varlet',
+            darkMode: true,
+        },
+    },
+    themeKey: 'VARLET_THEME',
+    lightTheme: {
+        'color-body': '#fff',
+        'color-index-page-background': '#f2f2f2',
+        'color-index-page-feature-background': '#fff',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #8baff8 50%, #84e0ff 50%)',
+        'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
+        'color-index-page-divider-color': '#ddd',
+        'color-bar': '#fff',
+        'color-sub-bar': '#f5f5f5',
+        'color-text': '#555',
+        'color-sub-text': '#888',
+        'color-border': 'rgba(0, 0, 0, 0.12)',
+        'color-shadow': '#eee',
+        'color-introduce-border': '#2196f3',
+        'color-primary': '#2196f3',
+        'color-link': '#00c48f',
+        'color-type': '#00c48f',
+        'color-progress': '#1d92e9',
+        'color-progress-track': 'transparent',
+        'color-side-bar': '#3a7afe',
+        'color-side-bar-active-background': '#3a7afe1a',
+        'color-app-bar': '#3a7afe',
+        'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
+        'color-mobile-cell-hover': '#3a7afe',
+        'color-pc-language-active': '#3a7afe',
+        'color-pc-language-active-background': '#edf5ff',
+        'color-pc-github-active-background': '#212121',
+        'color-mobile-language-active': '#3a7afe',
+        'color-mobile-language-active-background': '#edf5ff',
+        'color-hl-background': '#fafafa',
+        'color-hl-code': '#58727e',
+        'color-hl-border': '#f3f3f3',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#2196f3',
+        'color-hl-group-c': '#ff9422',
+        'color-hl-group-d': '#58c193',
+        'color-hl-group-e': '#ff9422',
+        'color-hl-group-f': '#ff9422',
+        'color-hl-group-g': '#ff9422',
+        'color-hl-group-h': '#06a6e9',
+        'color-hl-group-i': '#f23733',
+    },
+    darkTheme: {
+        'color-body': '#121212',
+        'color-index-page-background': '#1e1e1e',
+        'color-index-page-feature-background': '#303030',
+        'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #729dfc 50%, #6859f4 50%)',
+        'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
+        'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
+        'color-bar': '#1e1e1e',
+        'color-sub-bar': '#272727',
+        'color-text': '#fff',
+        'color-sub-text': '#aaa',
+        'color-border': '#333',
+        'color-shadow': '#121212',
+        'color-introduce-border': '#555',
+        'color-primary': '#96cbfe',
+        'color-link': '#A8FFC4',
+        'color-type': '#A8FFC4',
+        'color-progress': '#5580f8',
+        'color-progress-track': 'transparent',
+        'color-side-bar': '#4a7afe',
+        'color-side-bar-active-background': '#4a7afe1a',
+        'color-app-bar': '#272727',
+        'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
+        'color-mobile-cell-hover': '#4a7afe',
+        'color-pc-language-active': '#4a7afe',
+        'color-pc-language-active-background': '#4a7afe20',
+        'color-pc-github-active-background': '#303030',
+        'color-mobile-language-active': '#4a7afe',
+        'color-mobile-language-active-background': '#4a7afe20',
+        'color-hl-background': '#272727',
+        'color-hl-code': '#fff',
+        'color-hl-border': '#272727',
+        'color-hl-group-a': '#7c7c7c',
+        'color-hl-group-b': '#96cbfe',
+        'color-hl-group-c': '#ff7b1e',
+        'color-hl-group-d': '#A8FFC4',
+        'color-hl-group-e': '#ff7b1e',
+        'color-hl-group-f': '#ff7b1e',
+        'color-hl-group-g': '#ff7b1e',
+        'color-hl-group-h': '#14a6e9',
+        'color-hl-group-i': '#ed4648',
+    },
+});

package/lib/node/config/vite.config.d.ts

@@ -0,0 +1,6 @@
+import { InlineConfig } from 'vite';
+import { VarletConfig } from './varlet.config';
+export declare function getDevConfig(varletConfig: Required<VarletConfig>): InlineConfig;
+export declare function getBuildConfig(varletConfig: Required<VarletConfig>): InlineConfig;
+export declare function getESMBundleConfig(varletConfig: Required<VarletConfig>): InlineConfig;
+export declare function getUMDConfig(varletConfig: Required<VarletConfig>): InlineConfig;

package/lib/node/config/vite.config.js

@@ -0,0 +1,144 @@
+import vue from '@vitejs/plugin-vue';
+import md from '@varlet/markdown-vite-plugin';
+import jsx from '@vitejs/plugin-vue-jsx';
+import fse from 'fs-extra';
+import { injectHtml } from 'vite-plugin-html';
+import { CWD, ES_DIR, LIB_DIR, SITE_CONFIG, SITE_DIR, SITE_MOBILE_ROUTES, SITE_OUTPUT_PATH, SITE_PC_ROUTES, SITE_PUBLIC_PATH, UMD_DIR, VITE_RESOLVE_EXTENSIONS, } from '../shared/constant.js';
+import { get } from 'lodash-es';
+import { kebabCase } from '@varlet/shared';
+import { resolve } from 'path';
+const { copyFileSync, pathExistsSync, readFileSync, removeSync, writeFileSync } = fse;
+export function getDevConfig(varletConfig) {
+    const defaultLanguage = get(varletConfig, 'defaultLanguage');
+    const host = get(varletConfig, 'host');
+    return {
+        root: SITE_DIR,
+        resolve: {
+            extensions: VITE_RESOLVE_EXTENSIONS,
+            alias: {
+                '@config': SITE_CONFIG,
+                '@pc-routes': SITE_PC_ROUTES,
+                '@mobile-routes': SITE_MOBILE_ROUTES,
+            },
+        },
+        server: {
+            port: get(varletConfig, 'port'),
+            host: host === 'localhost' ? '0.0.0.0' : host,
+        },
+        publicDir: SITE_PUBLIC_PATH,
+        plugins: [
+            vue({
+                include: [/\.vue$/, /\.md$/],
+            }),
+            md({ style: get(varletConfig, 'highlight.style') }),
+            jsx(),
+            injectHtml({
+                data: {
+                    pcTitle: get(varletConfig, `pc.title['${defaultLanguage}']`),
+                    mobileTitle: get(varletConfig, `mobile.title['${defaultLanguage}']`),
+                    logo: get(varletConfig, `logo`),
+                    baidu: get(varletConfig, `analysis.baidu`, ''),
+                },
+            }),
+        ],
+    };
+}
+export function getBuildConfig(varletConfig) {
+    const devConfig = getDevConfig(varletConfig);
+    return Object.assign(Object.assign({}, devConfig), { base: './', build: {
+            outDir: SITE_OUTPUT_PATH,
+            reportCompressedSize: false,
+            emptyOutDir: true,
+            cssTarget: 'chrome61',
+            rollupOptions: {
+                input: {
+                    main: resolve(SITE_DIR, 'index.html'),
+                    mobile: resolve(SITE_DIR, 'mobile.html'),
+                },
+            },
+        } });
+}
+function inlineCSS(fileName, dir) {
+    return {
+        name: 'varlet-inline-css-vite-plugin',
+        apply: 'build',
+        closeBundle() {
+            const cssFile = resolve(dir, 'style.css');
+            if (!pathExistsSync(cssFile)) {
+                return;
+            }
+            const jsFile = resolve(dir, fileName);
+            const cssCode = readFileSync(cssFile, 'utf-8');
+            const jsCode = readFileSync(jsFile, 'utf-8');
+            const injectCode = `;(function(){var style=document.createElement('style');style.type='text/css';\
+style.rel='stylesheet';style.appendChild(document.createTextNode(\`${cssCode.replace(/\\/g, '\\\\')}\`));\
+var head=document.querySelector('head');head.appendChild(style)})();`;
+            writeFileSync(jsFile, `${injectCode}${jsCode}`);
+            copyFileSync(cssFile, resolve(LIB_DIR, 'style.css'));
+            removeSync(cssFile);
+        },
+    };
+}
+function clear() {
+    return {
+        name: 'varlet-clear-vite-plugin',
+        apply: 'build',
+        closeBundle() {
+            removeSync(resolve(CWD, 'dist'));
+        },
+    };
+}
+export function getESMBundleConfig(varletConfig) {
+    const name = get(varletConfig, 'name');
+    const fileName = `${kebabCase(name)}.esm.js`;
+    return {
+        logLevel: 'silent',
+        build: {
+            emptyOutDir: true,
+            lib: {
+                name,
+                formats: ['es'],
+                fileName: () => fileName,
+                entry: resolve(ES_DIR, 'umdIndex.js'),
+            },
+            rollupOptions: {
+                external: ['vue'],
+                output: {
+                    dir: ES_DIR,
+                    exports: 'named',
+                    globals: {
+                        vue: 'Vue',
+                    },
+                },
+            },
+        },
+        plugins: [clear()],
+    };
+}
+export function getUMDConfig(varletConfig) {
+    const name = get(varletConfig, 'name');
+    const fileName = `${kebabCase(name)}.js`;
+    return {
+        logLevel: 'silent',
+        build: {
+            emptyOutDir: true,
+            lib: {
+                name,
+                formats: ['umd'],
+                fileName: () => fileName,
+                entry: resolve(ES_DIR, 'umdIndex.js'),
+            },
+            rollupOptions: {
+                external: ['vue'],
+                output: {
+                    dir: UMD_DIR,
+                    exports: 'named',
+                    globals: {
+                        vue: 'Vue',
+                    },
+                },
+            },
+        },
+        plugins: [inlineCSS(fileName, UMD_DIR), clear()],
+    };
+}

package/lib/node/index.d.ts

@@ -0,0 +1 @@
+export { defineConfig } from './config/varlet.config.js';

package/lib/node/index.js

@@ -0,0 +1 @@
+export { defineConfig } from './config/varlet.config.js';

package/lib/{shared → node/shared}/constant.d.ts

@@ -1,43 +1,42 @@
-export declare const CWD: string;
-export declare const VARLET_CONFIG: string;
-export declare const SRC_DIR: string;
-export declare const ES_DIR: string;
-export declare const LIB_DIR: string;
-export declare const UMD_DIR: string;
-export declare const TYPES_DIR: string;
-export declare const ROOT_DOCS_DIR: string;
-export declare const ROOT_PAGES_DIR: string;
-export declare const ESLINT_EXTENSIONS: string[];
-export declare const VITE_RESOLVE_EXTENSIONS: string[];
-export declare const SCRIPTS_EXTENSIONS: string[];
-export declare const PUBLIC_DIR_INDEXES: string[];
-export declare const STYLE_DIR_NAME = "style";
-export declare const EXAMPLE_DIR_NAME = "example";
-export declare const LOCALE_DIR_NAME = "locale";
-export declare const DOCS_DIR_NAME = "docs";
-export declare const DIR_INDEX = "index.vue";
-export declare const TESTS_DIR_NAME = "__tests__";
-export declare const GENERATORS_DIR: string;
-export declare const UI_PACKAGE_JSON: string;
-export declare const CLI_PACKAGE_JSON: string;
-export declare const SITE: string;
-export declare const SITE_OUTPUT_PATH: string;
-export declare const SITE_PUBLIC_PATH: string;
-export declare const SITE_DIR: string;
-export declare const SITE_PC_DIR: string;
-export declare const SITE_PC_ROUTES: string;
-export declare const SITE_MOBILE_ROUTES: string;
-export declare const SITE_CONFIG: string;
-export declare const HL_COMPONENT_NAME_RE: RegExp;
-export declare const HL_API_RE: RegExp;
-export declare const HL_TITLE_ATTRIBUTES_RE: RegExp;
-export declare const HL_TITLE_EVENTS_RE: RegExp;
-export declare const HL_TITLE_SLOTS_RE: RegExp;
-export declare const HL_MD = "zh-CN.md";
-export declare const HL_DIR: string;
-export declare const HL_TAGS_JSON: string;
-export declare const HL_ATTRIBUTES_JSON: string;
-export declare const HL_WEB_TYPES_JSON: string;
-export declare const JEST_CONFIG: string;
-export declare const JEST_MEDIA_MOCK: string;
-export declare const JEST_STYLE_MOCK: string;
+export declare const dirname: string;
+export declare const CWD: string;
+export declare const VARLET_CONFIG: string;
+export declare const SRC_DIR: string;
+export declare const ES_DIR: string;
+export declare const LIB_DIR: string;
+export declare const UMD_DIR: string;
+export declare const TYPES_DIR: string;
+export declare const ROOT_DOCS_DIR: string;
+export declare const ROOT_PAGES_DIR: string;
+export declare const ESLINT_EXTENSIONS: string[];
+export declare const VITE_RESOLVE_EXTENSIONS: string[];
+export declare const SCRIPTS_EXTENSIONS: string[];
+export declare const PUBLIC_DIR_INDEXES: string[];
+export declare const STYLE_DIR_NAME = "style";
+export declare const EXAMPLE_DIR_NAME = "example";
+export declare const LOCALE_DIR_NAME = "locale";
+export declare const DOCS_DIR_NAME = "docs";
+export declare const DIR_INDEX = "index.vue";
+export declare const TESTS_DIR_NAME = "__tests__";
+export declare const GENERATORS_DIR: string;
+export declare const UI_PACKAGE_JSON: string;
+export declare const CLI_PACKAGE_JSON: string;
+export declare const SITE: string;
+export declare const SITE_OUTPUT_PATH: string;
+export declare const SITE_PUBLIC_PATH: string;
+export declare const SITE_DIR: string;
+export declare const SITE_PC_DIR: string;
+export declare const SITE_PC_ROUTES: string;
+export declare const SITE_MOBILE_ROUTES: string;
+export declare const SITE_CONFIG: string;
+export declare const HL_COMPONENT_NAME_RE: RegExp;
+export declare const HL_API_RE: RegExp;
+export declare const HL_TITLE_ATTRIBUTES_RE: RegExp;
+export declare const HL_TITLE_EVENTS_RE: RegExp;
+export declare const HL_TITLE_SLOTS_RE: RegExp;
+export declare const HL_MD = "zh-CN.md";
+export declare const HL_DIR: string;
+export declare const HL_TAGS_JSON: string;
+export declare const HL_ATTRIBUTES_JSON: string;
+export declare const HL_WEB_TYPES_JSON: string;
+export declare const JEST_CONFIG: string;

package/lib/node/shared/constant.js

@@ -0,0 +1,47 @@
+import { resolve } from 'path';
+import { getDirname } from './fsUtils.js';
+export const dirname = getDirname(import.meta.url);
+export const CWD = process.cwd();
+export const VARLET_CONFIG = resolve(CWD, 'varlet.config.mjs');
+export const SRC_DIR = resolve(CWD, 'src');
+export const ES_DIR = resolve(CWD, 'es');
+export const LIB_DIR = resolve(CWD, 'lib');
+export const UMD_DIR = resolve(CWD, 'umd');
+export const TYPES_DIR = resolve(CWD, 'types');
+export const ROOT_DOCS_DIR = resolve(CWD, 'docs');
+export const ROOT_PAGES_DIR = resolve(CWD, 'pages');
+export const ESLINT_EXTENSIONS = ['.vue', '.ts', '.js', '.mjs', '.tsx', '.jsx'];
+export const VITE_RESOLVE_EXTENSIONS = ['.vue', '.tsx', '.ts', '.jsx', '.js', '.less', '.css'];
+export const SCRIPTS_EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js'];
+export const PUBLIC_DIR_INDEXES = ['index.vue', 'index.tsx', 'index.ts', 'index.jsx', 'index.js'];
+export const STYLE_DIR_NAME = 'style';
+export const EXAMPLE_DIR_NAME = 'example';
+export const LOCALE_DIR_NAME = 'locale';
+export const DOCS_DIR_NAME = 'docs';
+export const DIR_INDEX = 'index.vue';
+export const TESTS_DIR_NAME = '__tests__';
+export const GENERATORS_DIR = resolve(dirname, '../../../template/generators');
+export const UI_PACKAGE_JSON = resolve(CWD, 'package.json');
+export const CLI_PACKAGE_JSON = resolve(dirname, '../../../package.json');
+// site
+export const SITE = resolve(dirname, '../../../site');
+export const SITE_OUTPUT_PATH = resolve(CWD, 'site');
+export const SITE_PUBLIC_PATH = resolve(CWD, 'public');
+export const SITE_DIR = resolve(CWD, '.varlet/site');
+export const SITE_PC_DIR = resolve(CWD, '.varlet/site/pc');
+export const SITE_PC_ROUTES = resolve(CWD, '.varlet/pc.routes.ts');
+export const SITE_MOBILE_ROUTES = resolve(CWD, '.varlet/mobile.routes.ts');
+export const SITE_CONFIG = resolve(CWD, '.varlet/site.config.json');
+// template highlight
+export const HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/;
+export const HL_API_RE = /##\s*API\n+/;
+export const HL_TITLE_ATTRIBUTES_RE = /###\s*属性\s*\n+/;
+export const HL_TITLE_EVENTS_RE = /###\s*事件\s*\n+/;
+export const HL_TITLE_SLOTS_RE = /###\s*插槽\s*\n+/;
+export const HL_MD = 'zh-CN.md';
+export const HL_DIR = resolve(CWD, 'highlight');
+export const HL_TAGS_JSON = resolve(HL_DIR, 'tags.json');
+export const HL_ATTRIBUTES_JSON = resolve(HL_DIR, 'attributes.json');
+export const HL_WEB_TYPES_JSON = resolve(HL_DIR, 'web-types.json');
+// jest
+export const JEST_CONFIG = resolve(dirname, '../../../cjs/jest.config.cjs');

package/lib/{shared → node/shared}/fsUtils.d.ts

@@ -1,12 +1,13 @@
-export declare function getPublicDirs(): Promise<string[]>;
-export declare const isMD: (file: string) => boolean;
-export declare const isDir: (file: string) => boolean;
-export declare const isSFC: (file: string) => boolean;
-export declare const isDTS: (file: string) => boolean;
-export declare const isScript: (file: string) => boolean;
-export declare const isLess: (file: string) => boolean;
-export declare const isPublicDir: (dir: string) => boolean;
-export declare const replaceExt: (file: string, ext: string) => string;
-export declare function smartAppendFileSync(file: string, code: string): void;
-export declare function outputFileSyncOnChange(path: string, code: string): void;
-export declare function glob(pattern: string): Promise<string[]>;
+export declare function getPublicDirs(): Promise<string[]>;
+export declare const isMD: (file: string) => boolean;
+export declare const isDir: (file: string) => boolean;
+export declare const isSFC: (file: string) => boolean;
+export declare const isDTS: (file: string) => boolean;
+export declare const isScript: (file: string) => boolean;
+export declare const isLess: (file: string) => boolean;
+export declare const isPublicDir: (dir: string) => boolean;
+export declare const replaceExt: (file: string, ext: string) => string;
+export declare function smartAppendFileSync(file: string, code: string): void;
+export declare function outputFileSyncOnChange(path: string, code: string): void;
+export declare function glob(pattern: string): Promise<string[]>;
+export declare function getDirname(url: string): string;

package/lib/node/shared/fsUtils.js

@@ -0,0 +1,48 @@
+import globSync from 'glob';
+import fse from 'fs-extra';
+import { extname, resolve } from 'path';
+import { PUBLIC_DIR_INDEXES, SCRIPTS_EXTENSIONS, SRC_DIR } from './constant.js';
+import { fileURLToPath } from 'url';
+const { appendFileSync, ensureFileSync, lstatSync, outputFileSync, pathExistsSync, readdir, readFileSync } = fse;
+export async function getPublicDirs() {
+    const srcDir = await readdir(SRC_DIR);
+    return srcDir.filter((filename) => isPublicDir(resolve(SRC_DIR, filename)));
+}
+export const isMD = (file) => pathExistsSync(file) && extname(file) === '.md';
+export const isDir = (file) => pathExistsSync(file) && lstatSync(file).isDirectory();
+export const isSFC = (file) => pathExistsSync(file) && extname(file) === '.vue';
+export const isDTS = (file) => pathExistsSync(file) && file.endsWith('.d.ts');
+export const isScript = (file) => pathExistsSync(file) && SCRIPTS_EXTENSIONS.includes(extname(file));
+export const isLess = (file) => pathExistsSync(file) && extname(file) === '.less';
+export const isPublicDir = (dir) => PUBLIC_DIR_INDEXES.some((index) => pathExistsSync(resolve(dir, index)));
+export const replaceExt = (file, ext) => file.replace(extname(file), ext);
+export function smartAppendFileSync(file, code) {
+    if (pathExistsSync(file)) {
+        const content = readFileSync(file, 'utf-8');
+        if (!content.includes(code)) {
+            appendFileSync(file, code);
+        }
+    }
+}
+export function outputFileSyncOnChange(path, code) {
+    ensureFileSync(path);
+    const content = readFileSync(path, 'utf-8');
+    if (content !== code) {
+        outputFileSync(path, code);
+    }
+}
+export function glob(pattern) {
+    return new Promise((resolve, reject) => {
+        globSync(pattern, (err, files) => {
+            if (err) {
+                reject(err);
+            }
+            else {
+                resolve(files);
+            }
+        });
+    });
+}
+export function getDirname(url) {
+    return fileURLToPath(new URL('.', url));
+}