@varlet/cli 2.10.0 → 2.10.1-alpha.1682608027166

package/lib/node/compiler/compileTemplateHighlight.js

@@ -1,128 +1,128 @@
-import fse from 'fs-extra';
-import { SRC_DIR, HL_DIR, HL_API_RE, HL_COMPONENT_NAME_RE, HL_EN_MD, HL_EN_TITLE_ATTRIBUTES_RE, HL_EN_TITLE_EVENTS_RE, HL_EN_TITLE_SLOTS_RE, HL_EN_WEB_TYPES_JSON, HL_ZH_MD, HL_ZH_TITLE_ATTRIBUTES_RE, HL_ZH_TITLE_EVENTS_RE, HL_ZH_TITLE_SLOTS_RE, HL_ZH_WEB_TYPES_JSON, } from '../shared/constant.js';
-import { resolve } from 'path';
-import { getCliVersion, isDir, isMD } from '../shared/fsUtils.js';
-import { get } from 'lodash-es';
-import { getVarletConfig } from '../config/varlet.config.js';
-const { ensureDir, readdirSync, readFileSync, writeFileSync } = fse;
-const TABLE_HEAD_RE = /\s*\|.*\|\s*\n\s*\|.*---+\s*\|\s*\n+/;
-const TABLE_FOOT_RE = /(\|\s*$)|(\|\s*\n(?!\s*\|))/;
-export const replaceDot = (s) => s.replace(/`/g, '');
-export const replaceVersion = (s) => s.replace(/\*\*\*.+\*\*\*/g, '').trim();
-export const replaceUnderline = (s) => s.replace(/_/g, '');
-export function parseTable(table) {
-    const rows = table.split('\n').filter(Boolean);
-    return rows.map((row) => {
-        const cols = row.split('|');
-        cols.shift();
-        cols.pop();
-        return cols.map((col) => col.replace(/__varlet_axis__/g, '|').trim());
-    });
-}
-export function compileTable(md, titleRe) {
-    const apiMatched = md.match(HL_API_RE);
-    if (!apiMatched) {
-        return '';
-    }
-    md = md.slice(apiMatched.index + apiMatched[0].length);
-    const titleMatched = md.match(titleRe);
-    if (!titleMatched) {
-        return '';
-    }
-    md = md.slice(titleMatched.index + titleMatched[0].length);
-    const tableHeadMatched = md.match(TABLE_HEAD_RE);
-    if (!tableHeadMatched) {
-        return '';
-    }
-    md = md.slice(tableHeadMatched.index + tableHeadMatched[0].length);
-    const tableFootMatched = md.match(TABLE_FOOT_RE);
-    if (!tableFootMatched) {
-        return '';
-    }
-    md = md.slice(0, tableFootMatched.index + tableFootMatched[0].length);
-    return md.replace(/\\\|/g, '__varlet_axis__').trim();
-}
-export function compileWebTypes(table, webTypes, componentName, varletConfig) {
-    const { attributesTable, eventsTable, slotsTable } = table;
-    const attributes = attributesTable.map((row) => ({
-        name: replaceVersion(replaceDot(row[0])),
-        description: row[1],
-        default: replaceDot(row[3]),
-        value: {
-            type: replaceUnderline(row[2]),
-            kind: 'expression',
-        },
-    }));
-    const events = eventsTable.map((row) => ({
-        name: replaceVersion(replaceDot(row[0])),
-        description: row[1],
-    }));
-    const slots = slotsTable.map((row) => ({
-        name: replaceVersion(replaceDot(row[0])),
-        description: row[1],
-    }));
-    webTypes.contributions.html.tags.push({
-        name: `${get(varletConfig, 'namespace')}-${componentName}`,
-        attributes,
-        events,
-        slots,
-    });
-}
-export function compileMD(path, webTypes, varletConfig, options) {
-    if (!path.endsWith(options.md)) {
-        return;
-    }
-    const md = readFileSync(path, 'utf-8');
-    const componentName = path.match(HL_COMPONENT_NAME_RE)[2];
-    const attributesTable = parseTable(compileTable(md, options.titleAttributes));
-    const eventsTable = parseTable(compileTable(md, options.titleEvents));
-    const slotsTable = parseTable(compileTable(md, options.titleSlots));
-    const table = {
-        attributesTable,
-        eventsTable,
-        slotsTable,
-    };
-    compileWebTypes(table, webTypes, componentName, varletConfig);
-}
-export function compileDir(path, webTypes, varletConfig, options) {
-    const dir = readdirSync(path);
-    dir.forEach((filename) => {
-        const filePath = resolve(path, filename);
-        isDir(filePath) && compileDir(filePath, webTypes, varletConfig, options);
-        isMD(filePath) && compileMD(filePath, webTypes, varletConfig, options);
-    });
-}
-export function compileLanguageMD(varletConfig, options) {
-    const webTypes = {
-        $schema: 'https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json',
-        framework: 'vue',
-        version: getCliVersion(),
-        name: get(varletConfig, 'title'),
-        contributions: {
-            html: {
-                tags: [],
-                'types-syntax': 'typescript',
-            },
-        },
-    };
-    compileDir(SRC_DIR, webTypes, varletConfig, options);
-    writeFileSync(options.json, JSON.stringify(webTypes, null, 2));
-}
-export async function compileTemplateHighlight() {
-    await ensureDir(HL_DIR);
-    const varletConfig = await getVarletConfig();
-    compileLanguageMD(varletConfig, {
-        md: HL_EN_MD,
-        json: HL_EN_WEB_TYPES_JSON,
-        titleAttributes: HL_EN_TITLE_ATTRIBUTES_RE,
-        titleEvents: HL_EN_TITLE_EVENTS_RE,
-        titleSlots: HL_EN_TITLE_SLOTS_RE,
-    });
-    compileLanguageMD(varletConfig, {
-        md: HL_ZH_MD,
-        json: HL_ZH_WEB_TYPES_JSON,
-        titleAttributes: HL_ZH_TITLE_ATTRIBUTES_RE,
-        titleEvents: HL_ZH_TITLE_EVENTS_RE,
-        titleSlots: HL_ZH_TITLE_SLOTS_RE,
-    });
-}
+import fse from 'fs-extra';
+import { SRC_DIR, HL_DIR, HL_API_RE, HL_COMPONENT_NAME_RE, HL_EN_MD, HL_EN_TITLE_ATTRIBUTES_RE, HL_EN_TITLE_EVENTS_RE, HL_EN_TITLE_SLOTS_RE, HL_EN_WEB_TYPES_JSON, HL_ZH_MD, HL_ZH_TITLE_ATTRIBUTES_RE, HL_ZH_TITLE_EVENTS_RE, HL_ZH_TITLE_SLOTS_RE, HL_ZH_WEB_TYPES_JSON, } from '../shared/constant.js';
+import { resolve } from 'path';
+import { getCliVersion, isDir, isMD } from '../shared/fsUtils.js';
+import { get } from 'lodash-es';
+import { getVarletConfig } from '../config/varlet.config.js';
+const { ensureDir, readdirSync, readFileSync, writeFileSync } = fse;
+const TABLE_HEAD_RE = /\s*\|.*\|\s*\n\s*\|.*---+\s*\|\s*\n+/;
+const TABLE_FOOT_RE = /(\|\s*$)|(\|\s*\n(?!\s*\|))/;
+export const replaceDot = (s) => s.replace(/`/g, '');
+export const replaceVersion = (s) => s.replace(/\*\*\*.+\*\*\*/g, '').trim();
+export const replaceUnderline = (s) => s.replace(/_/g, '');
+export function parseTable(table) {
+    const rows = table.split('\n').filter(Boolean);
+    return rows.map((row) => {
+        const cols = row.split('|');
+        cols.shift();
+        cols.pop();
+        return cols.map((col) => col.replace(/__varlet_axis__/g, '|').trim());
+    });
+}
+export function compileTable(md, titleRe) {
+    const apiMatched = md.match(HL_API_RE);
+    if (!apiMatched) {
+        return '';
+    }
+    md = md.slice(apiMatched.index + apiMatched[0].length);
+    const titleMatched = md.match(titleRe);
+    if (!titleMatched) {
+        return '';
+    }
+    md = md.slice(titleMatched.index + titleMatched[0].length);
+    const tableHeadMatched = md.match(TABLE_HEAD_RE);
+    if (!tableHeadMatched) {
+        return '';
+    }
+    md = md.slice(tableHeadMatched.index + tableHeadMatched[0].length);
+    const tableFootMatched = md.match(TABLE_FOOT_RE);
+    if (!tableFootMatched) {
+        return '';
+    }
+    md = md.slice(0, tableFootMatched.index + tableFootMatched[0].length);
+    return md.replace(/\\\|/g, '__varlet_axis__').trim();
+}
+export function compileWebTypes(table, webTypes, componentName, varletConfig) {
+    const { attributesTable, eventsTable, slotsTable } = table;
+    const attributes = attributesTable.map((row) => ({
+        name: replaceVersion(replaceDot(row[0])),
+        description: row[1],
+        default: replaceDot(row[3]),
+        value: {
+            type: replaceUnderline(row[2]),
+            kind: 'expression',
+        },
+    }));
+    const events = eventsTable.map((row) => ({
+        name: replaceVersion(replaceDot(row[0])),
+        description: row[1],
+    }));
+    const slots = slotsTable.map((row) => ({
+        name: replaceVersion(replaceDot(row[0])),
+        description: row[1],
+    }));
+    webTypes.contributions.html.tags.push({
+        name: `${get(varletConfig, 'namespace')}-${componentName}`,
+        attributes,
+        events,
+        slots,
+    });
+}
+export function compileMD(path, webTypes, varletConfig, options) {
+    if (!path.endsWith(options.md)) {
+        return;
+    }
+    const md = readFileSync(path, 'utf-8');
+    const componentName = path.match(HL_COMPONENT_NAME_RE)[2];
+    const attributesTable = parseTable(compileTable(md, options.titleAttributes));
+    const eventsTable = parseTable(compileTable(md, options.titleEvents));
+    const slotsTable = parseTable(compileTable(md, options.titleSlots));
+    const table = {
+        attributesTable,
+        eventsTable,
+        slotsTable,
+    };
+    compileWebTypes(table, webTypes, componentName, varletConfig);
+}
+export function compileDir(path, webTypes, varletConfig, options) {
+    const dir = readdirSync(path);
+    dir.forEach((filename) => {
+        const filePath = resolve(path, filename);
+        isDir(filePath) && compileDir(filePath, webTypes, varletConfig, options);
+        isMD(filePath) && compileMD(filePath, webTypes, varletConfig, options);
+    });
+}
+export function compileLanguageMD(varletConfig, options) {
+    const webTypes = {
+        $schema: 'https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json',
+        framework: 'vue',
+        version: getCliVersion(),
+        name: get(varletConfig, 'title'),
+        contributions: {
+            html: {
+                tags: [],
+                'types-syntax': 'typescript',
+            },
+        },
+    };
+    compileDir(SRC_DIR, webTypes, varletConfig, options);
+    writeFileSync(options.json, JSON.stringify(webTypes, null, 2));
+}
+export async function compileTemplateHighlight() {
+    await ensureDir(HL_DIR);
+    const varletConfig = await getVarletConfig();
+    compileLanguageMD(varletConfig, {
+        md: HL_EN_MD,
+        json: HL_EN_WEB_TYPES_JSON,
+        titleAttributes: HL_EN_TITLE_ATTRIBUTES_RE,
+        titleEvents: HL_EN_TITLE_EVENTS_RE,
+        titleSlots: HL_EN_TITLE_SLOTS_RE,
+    });
+    compileLanguageMD(varletConfig, {
+        md: HL_ZH_MD,
+        json: HL_ZH_WEB_TYPES_JSON,
+        titleAttributes: HL_ZH_TITLE_ATTRIBUTES_RE,
+        titleEvents: HL_ZH_TITLE_EVENTS_RE,
+        titleSlots: HL_ZH_TITLE_SLOTS_RE,
+    });
+}

package/lib/node/compiler/compileTypes.d.ts

@@ -1,2 +1,2 @@
-export declare function generateReference(moduleDir: string): void;
-export declare function compileTypes(): Promise<void>;
+export declare function generateReference(moduleDir: string): void;
+export declare function compileTypes(): Promise<void>;

package/lib/node/compiler/compileTypes.js

@@ -1,41 +1,41 @@
-import fse from 'fs-extra';
-import { TYPES_DIR, UI_PACKAGE_JSON } from '../shared/constant.js';
-import { bigCamelize } from '@varlet/shared';
-import { resolve, relative } from 'path';
-import { getVarletConfig } from '../config/varlet.config.js';
-import { get } from 'lodash-es';
-const { ensureDir, writeFileSync, readdir, writeFile, readJSONSync } = fse;
-export function generateReference(moduleDir) {
+import fse from 'fs-extra';
+import { TYPES_DIR, UI_PACKAGE_JSON } from '../shared/constant.js';
+import { bigCamelize } from '@varlet/shared';
+import { resolve, relative } from 'path';
+import { getVarletConfig } from '../config/varlet.config.js';
+import { get } from 'lodash-es';
+const { ensureDir, writeFileSync, readdir, writeFile, readJSONSync } = fse;
+export function generateReference(moduleDir) {
     writeFileSync(resolve(moduleDir, 'index.d.ts'), `\
 export * from '${relative(moduleDir, TYPES_DIR)}'
-`);
-}
-export async function compileTypes() {
-    await ensureDir(TYPES_DIR);
-    const varletConfig = await getVarletConfig();
-    const namespace = get(varletConfig, 'namespace');
-    const directives = get(varletConfig, 'directives');
-    const { name: libraryName } = readJSONSync(UI_PACKAGE_JSON);
-    const filenames = await readdir(TYPES_DIR);
-    const includeFilenames = filenames.filter((filename) => filename !== 'index.d.ts' && filename !== 'global.d.ts');
-    const exports = [];
-    const componentDeclares = [];
-    const directiveDeclares = [];
-    includeFilenames.forEach((filename) => {
-        const folder = filename.slice(0, filename.indexOf('.d.ts'));
-        const name = bigCamelize(folder);
-        exports.push(`export * from './${folder}'`);
-        if (filename.startsWith(namespace)) {
-            // ignore prefix with namespace e.g. varComponent
-            return;
-        }
-        if (directives.includes(folder)) {
-            directiveDeclares.push(`v${name}: typeof import('${libraryName}')['_${name}Component']`);
-        }
-        else {
-            componentDeclares.push(`${bigCamelize(namespace)}${name}: typeof import('${libraryName}')['_${name}Component']`);
-        }
-    });
+`);
+}
+export async function compileTypes() {
+    await ensureDir(TYPES_DIR);
+    const varletConfig = await getVarletConfig();
+    const namespace = get(varletConfig, 'namespace');
+    const directives = get(varletConfig, 'directives');
+    const { name: libraryName } = readJSONSync(UI_PACKAGE_JSON);
+    const filenames = await readdir(TYPES_DIR);
+    const includeFilenames = filenames.filter((filename) => filename !== 'index.d.ts' && filename !== 'global.d.ts');
+    const exports = [];
+    const componentDeclares = [];
+    const directiveDeclares = [];
+    includeFilenames.forEach((filename) => {
+        const folder = filename.slice(0, filename.indexOf('.d.ts'));
+        const name = bigCamelize(folder);
+        exports.push(`export * from './${folder}'`);
+        if (filename.startsWith(namespace)) {
+            // ignore prefix with namespace e.g. varComponent
+            return;
+        }
+        if (directives.includes(folder)) {
+            directiveDeclares.push(`v${name}: typeof import('${libraryName}')['_${name}Component']`);
+        }
+        else {
+            componentDeclares.push(`${bigCamelize(namespace)}${name}: typeof import('${libraryName}')['_${name}Component']`);
+        }
+    });
     const vueDeclares = `\
 declare module 'vue' {
   export interface GlobalComponents {
@@ -45,7 +45,7 @@ declare module 'vue' {
   export interface ComponentCustomProperties {
     ${directiveDeclares.join('\n    ')}
   }
-}`;
+}`;
     const template = `\
 import type { App } from 'vue'
 
@@ -55,6 +55,6 @@ export const install: (app: App) => void
 ${exports.join('\n')}
 
 ${vueDeclares}
-`;
-    await writeFile(resolve(TYPES_DIR, 'index.d.ts'), template);
-}
+`;
+    await writeFile(resolve(TYPES_DIR, 'index.d.ts'), template);
+}

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

@@ -1,73 +1,73 @@
-import { type CopyOptions } from '@varlet/vite-plugins';
-export interface VarletConfigIcons {
-    /**
-     * @default `varlet-icons`
-     * Font name.
-     */
-    name?: string;
-    /**
-     * @default `var-icon`
-     * Font name prefix.
-     */
-    namespace?: string;
-    /**
-     * @default `true`
-     * Output base64
-     */
-    base64?: boolean;
-    publicPath?: string;
-    fontFamilyClassName?: string;
-    fontWeight?: string;
-    fontStyle?: string;
-}
-export interface VarletConfig {
-    /**
-     * @default `Varlet`
-     * UI library name.
-     */
-    name?: string;
-    /**
-     * @default `var`
-     * Component name prefix
-     */
-    namespace?: string;
-    /**
-     * @default `localhost`
-     * Local dev server host
-     */
-    host?: string;
-    /**
-     * @default `8080`
-     * Local dev server port
-     */
-    port?: number;
-    title?: string;
-    logo?: string;
-    themeKey?: string;
-    defaultLanguage?: 'zh-CN' | 'en-US';
-    /**
-     * @default `false`
-     * Show mobile component on the right.
-     */
-    useMobile?: boolean;
-    lightTheme?: Record<string, string>;
-    darkTheme?: Record<string, string>;
-    highlight?: {
-        style: string;
-    };
-    analysis?: {
-        baidu: string;
-    };
-    pc?: Record<string, any>;
-    mobile?: Record<string, any>;
-    copy?: CopyOptions['paths'];
-    icons?: VarletConfigIcons;
-    /**
-     * @default `[]`
-     * Directive folder name for component library.
-     */
-    directives?: string[];
-}
-export declare function defineConfig(config: VarletConfig): VarletConfig;
-export declare function mergeStrategy(value: any, srcValue: any, key: string): any[] | undefined;
-export declare function getVarletConfig(emit?: boolean): Promise<Required<VarletConfig>>;
+import { type CopyOptions } from '@varlet/vite-plugins';
+export interface VarletConfigIcons {
+    /**
+     * @default `varlet-icons`
+     * Font name.
+     */
+    name?: string;
+    /**
+     * @default `var-icon`
+     * Font name prefix.
+     */
+    namespace?: string;
+    /**
+     * @default `true`
+     * Output base64
+     */
+    base64?: boolean;
+    publicPath?: string;
+    fontFamilyClassName?: string;
+    fontWeight?: string;
+    fontStyle?: string;
+}
+export interface VarletConfig {
+    /**
+     * @default `Varlet`
+     * UI library name.
+     */
+    name?: string;
+    /**
+     * @default `var`
+     * Component name prefix
+     */
+    namespace?: string;
+    /**
+     * @default `localhost`
+     * Local dev server host
+     */
+    host?: string;
+    /**
+     * @default `8080`
+     * Local dev server port
+     */
+    port?: number;
+    title?: string;
+    logo?: string;
+    themeKey?: string;
+    defaultLanguage?: 'zh-CN' | 'en-US';
+    /**
+     * @default `false`
+     * Show mobile component on the right.
+     */
+    useMobile?: boolean;
+    lightTheme?: Record<string, string>;
+    darkTheme?: Record<string, string>;
+    highlight?: {
+        style: string;
+    };
+    analysis?: {
+        baidu: string;
+    };
+    pc?: Record<string, any>;
+    mobile?: Record<string, any>;
+    copy?: CopyOptions['paths'];
+    icons?: VarletConfigIcons;
+    /**
+     * @default `[]`
+     * Directive folder name for component library.
+     */
+    directives?: string[];
+}
+export declare function defineConfig(config: VarletConfig): VarletConfig;
+export declare function mergeStrategy(value: any, srcValue: any, key: string): any[] | undefined;
+export declare function getVarletConfig(emit?: boolean): Promise<Required<VarletConfig>>;

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

@@ -1,27 +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;
-}
+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

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