@varlet/cli 2.10.0 → 2.10.1-alpha.1682608027166

package/lib/node/compiler/compileSiteEntry.js

@@ -1,136 +1,136 @@
-import slash from 'slash';
-import fse from 'fs-extra';
-import { DOCS_DIR_NAME, EXAMPLE_DIR_NAME, LOCALE_DIR_NAME, ROOT_DOCS_DIR, ROOT_PAGES_DIR, SITE, SITE_DIR, SITE_MOBILE_ROUTES, SITE_PC_DIR, SITE_PC_ROUTES, SRC_DIR, } from '../shared/constant.js';
-import { glob, isDir, outputFileSyncOnChange } from '../shared/fsUtils.js';
-import { getVarletConfig } from '../config/varlet.config.js';
-import { get } from 'lodash-es';
-const { copy } = fse;
-const ROOT_DOCS_RE = /\/docs\/([-\w]+)\.([-\w]+)(?:.draft)?\.md/;
-const PAGE_LOCALE_RE = /\/pages\/([-\w]+)\/locale\/([-\w]+)\.ts/;
-const EXAMPLE_INDEX_RE = /\/([-\w]+)\/example\/index(?:.draft)?\.vue/;
-const COMPONENT_DOCS_RE = /\/([-\w]+)\/docs\/([-\w]+)(?:.draft)?\.md/;
-export function getExampleRoutePath(examplePath) {
-    var _a;
-    return '/' + ((_a = examplePath.match(EXAMPLE_INDEX_RE)) === null || _a === void 0 ? void 0 : _a[1]);
-}
-export function getComponentDocRoutePath(componentDocsPath) {
-    var _a;
-    const [, routePath, language] = (_a = componentDocsPath.match(COMPONENT_DOCS_RE)) !== null && _a !== void 0 ? _a : [];
-    return `/${language}/${routePath}`;
-}
-export function getRootDocRoutePath(rootDocsPath) {
-    var _a;
-    const [, routePath, language] = (_a = rootDocsPath.match(ROOT_DOCS_RE)) !== null && _a !== void 0 ? _a : [];
-    return `/${language}/${routePath}`;
-}
-export function getPageRoutePath(rootLocalePath) {
-    var _a;
-    const [, routePath, language] = (_a = rootLocalePath.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
-    return `/${language}/${routePath}`;
-}
-export function getPageFilePath(rootLocalePath) {
-    return rootLocalePath.replace(/locale\/.+/, 'index.vue');
-}
-export function isDraftExample(example) {
-    return example.endsWith('index.draft.vue');
-}
-export function hasDraftExample(examples, example) {
-    return examples.includes(example.replace('index.vue', 'index.draft.vue'));
-}
-export function isDraftDoc(doc) {
-    return doc.endsWith('.draft.md');
-}
-export function hasDraftDoc(docs, doc) {
-    return docs.includes(doc.replace('.md', '.draft.md'));
-}
-export async function findExamples(draftMode) {
-    const [examples, draftExamples] = await Promise.all([
-        glob(`${SRC_DIR}/**/${EXAMPLE_DIR_NAME}/index.vue`),
-        glob(`${SRC_DIR}/**/${EXAMPLE_DIR_NAME}/index.draft.vue`),
-    ]);
-    const mergedExamples = [...examples, ...draftExamples];
-    return mergedExamples.filter((example) => {
-        return draftMode ? isDraftExample(example) || !hasDraftExample(mergedExamples, example) : !isDraftExample(example);
-    });
-}
-export function filterDraftDocs(docs, draftMode) {
-    return docs.filter((doc) => {
-        return draftMode ? isDraftDoc(doc) || !hasDraftDoc(docs, doc) : !isDraftDoc(doc);
-    });
-}
-export async function findComponentDocs(draftMode) {
-    const componentDocs = await glob(`${SRC_DIR}/**/${DOCS_DIR_NAME}/*.md`);
-    return filterDraftDocs(componentDocs, draftMode);
-}
-export async function findRootDocs(draftMode) {
-    const rootDocs = await glob(`${ROOT_DOCS_DIR}/*.md`);
-    return filterDraftDocs(rootDocs, draftMode);
-}
-export async function findPageLocales() {
-    const defaultLanguage = get(await getVarletConfig(), 'defaultLanguage');
-    const userPages = await glob(`${ROOT_PAGES_DIR}/*`);
-    const baseLocales = await glob(`${SITE}/pc/pages/**/${LOCALE_DIR_NAME}/*.ts`);
-    const userLocales = await userPages.reduce(async (userLocales, page) => {
-        if (isDir(page)) {
-            const locales = await glob(`${page}/${LOCALE_DIR_NAME}/*.ts`);
-            if (!locales.length)
-                locales.push(`${page}/${LOCALE_DIR_NAME}/${defaultLanguage}.ts`);
-            (await userLocales).push(...locales);
-        }
-        return userLocales;
-    }, Promise.resolve([]));
-    // filter
-    const filterMap = new Map();
-    baseLocales.forEach((locale) => {
-        var _a;
-        const [, routePath, language] = (_a = locale.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
-        filterMap.set(routePath + language, slash(`${SITE_PC_DIR}/pages/${routePath}/locale/${language}.ts`));
-    });
-    userLocales.forEach((locale) => {
-        var _a;
-        const [, routePath, language] = (_a = locale.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
-        filterMap.set(routePath + language, locale);
-    });
-    return Promise.resolve(Array.from(filterMap.values()));
-}
-export async function buildMobileSiteRoutes(draftMode) {
-    const examples = await findExamples(draftMode);
+import slash from 'slash';
+import fse from 'fs-extra';
+import { DOCS_DIR_NAME, EXAMPLE_DIR_NAME, LOCALE_DIR_NAME, ROOT_DOCS_DIR, ROOT_PAGES_DIR, SITE, SITE_DIR, SITE_MOBILE_ROUTES, SITE_PC_DIR, SITE_PC_ROUTES, SRC_DIR, } from '../shared/constant.js';
+import { glob, isDir, outputFileSyncOnChange } from '../shared/fsUtils.js';
+import { getVarletConfig } from '../config/varlet.config.js';
+import { get } from 'lodash-es';
+const { copy } = fse;
+const ROOT_DOCS_RE = /\/docs\/([-\w]+)\.([-\w]+)(?:.draft)?\.md/;
+const PAGE_LOCALE_RE = /\/pages\/([-\w]+)\/locale\/([-\w]+)\.ts/;
+const EXAMPLE_INDEX_RE = /\/([-\w]+)\/example\/index(?:.draft)?\.vue/;
+const COMPONENT_DOCS_RE = /\/([-\w]+)\/docs\/([-\w]+)(?:.draft)?\.md/;
+export function getExampleRoutePath(examplePath) {
+    var _a;
+    return '/' + ((_a = examplePath.match(EXAMPLE_INDEX_RE)) === null || _a === void 0 ? void 0 : _a[1]);
+}
+export function getComponentDocRoutePath(componentDocsPath) {
+    var _a;
+    const [, routePath, language] = (_a = componentDocsPath.match(COMPONENT_DOCS_RE)) !== null && _a !== void 0 ? _a : [];
+    return `/${language}/${routePath}`;
+}
+export function getRootDocRoutePath(rootDocsPath) {
+    var _a;
+    const [, routePath, language] = (_a = rootDocsPath.match(ROOT_DOCS_RE)) !== null && _a !== void 0 ? _a : [];
+    return `/${language}/${routePath}`;
+}
+export function getPageRoutePath(rootLocalePath) {
+    var _a;
+    const [, routePath, language] = (_a = rootLocalePath.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
+    return `/${language}/${routePath}`;
+}
+export function getPageFilePath(rootLocalePath) {
+    return rootLocalePath.replace(/locale\/.+/, 'index.vue');
+}
+export function isDraftExample(example) {
+    return example.endsWith('index.draft.vue');
+}
+export function hasDraftExample(examples, example) {
+    return examples.includes(example.replace('index.vue', 'index.draft.vue'));
+}
+export function isDraftDoc(doc) {
+    return doc.endsWith('.draft.md');
+}
+export function hasDraftDoc(docs, doc) {
+    return docs.includes(doc.replace('.md', '.draft.md'));
+}
+export async function findExamples(draftMode) {
+    const [examples, draftExamples] = await Promise.all([
+        glob(`${SRC_DIR}/**/${EXAMPLE_DIR_NAME}/index.vue`),
+        glob(`${SRC_DIR}/**/${EXAMPLE_DIR_NAME}/index.draft.vue`),
+    ]);
+    const mergedExamples = [...examples, ...draftExamples];
+    return mergedExamples.filter((example) => {
+        return draftMode ? isDraftExample(example) || !hasDraftExample(mergedExamples, example) : !isDraftExample(example);
+    });
+}
+export function filterDraftDocs(docs, draftMode) {
+    return docs.filter((doc) => {
+        return draftMode ? isDraftDoc(doc) || !hasDraftDoc(docs, doc) : !isDraftDoc(doc);
+    });
+}
+export async function findComponentDocs(draftMode) {
+    const componentDocs = await glob(`${SRC_DIR}/**/${DOCS_DIR_NAME}/*.md`);
+    return filterDraftDocs(componentDocs, draftMode);
+}
+export async function findRootDocs(draftMode) {
+    const rootDocs = await glob(`${ROOT_DOCS_DIR}/*.md`);
+    return filterDraftDocs(rootDocs, draftMode);
+}
+export async function findPageLocales() {
+    const defaultLanguage = get(await getVarletConfig(), 'defaultLanguage');
+    const userPages = await glob(`${ROOT_PAGES_DIR}/*`);
+    const baseLocales = await glob(`${SITE}/pc/pages/**/${LOCALE_DIR_NAME}/*.ts`);
+    const userLocales = await userPages.reduce(async (userLocales, page) => {
+        if (isDir(page)) {
+            const locales = await glob(`${page}/${LOCALE_DIR_NAME}/*.ts`);
+            if (!locales.length)
+                locales.push(`${page}/${LOCALE_DIR_NAME}/${defaultLanguage}.ts`);
+            (await userLocales).push(...locales);
+        }
+        return userLocales;
+    }, Promise.resolve([]));
+    // filter
+    const filterMap = new Map();
+    baseLocales.forEach((locale) => {
+        var _a;
+        const [, routePath, language] = (_a = locale.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
+        filterMap.set(routePath + language, slash(`${SITE_PC_DIR}/pages/${routePath}/locale/${language}.ts`));
+    });
+    userLocales.forEach((locale) => {
+        var _a;
+        const [, routePath, language] = (_a = locale.match(PAGE_LOCALE_RE)) !== null && _a !== void 0 ? _a : [];
+        filterMap.set(routePath + language, locale);
+    });
+    return Promise.resolve(Array.from(filterMap.values()));
+}
+export async function buildMobileSiteRoutes(draftMode) {
+    const examples = await findExamples(draftMode);
     const routes = examples.map((example) => `
   {
     path: '${getExampleRoutePath(example)}',
     // @ts-ignore
     component: () => import('${example}')
-  }`);
+  }`);
     const source = `export default [\
     ${routes.join(',')}
-]`;
-    await outputFileSyncOnChange(SITE_MOBILE_ROUTES, source);
-}
-export async function buildPcSiteRoutes(draftMode) {
-    const [componentDocs, rootDocs, rootLocales] = await Promise.all([
-        findComponentDocs(draftMode),
-        findRootDocs(draftMode),
-        findPageLocales(),
-    ]);
+]`;
+    await outputFileSyncOnChange(SITE_MOBILE_ROUTES, source);
+}
+export async function buildPcSiteRoutes(draftMode) {
+    const [componentDocs, rootDocs, rootLocales] = await Promise.all([
+        findComponentDocs(draftMode),
+        findRootDocs(draftMode),
+        findPageLocales(),
+    ]);
     const pageRoutes = rootLocales.map((locale) => `
   {
     path: '${getPageRoutePath(locale)}',
     // @ts-ignore
     component: () => import('${getPageFilePath(locale)}')
   }\
-`);
+`);
     const componentDocsRoutes = componentDocs.map((componentDoc) => `
       {
         path: '${getComponentDocRoutePath(componentDoc)}',
         // @ts-ignore
         component: () => import('${componentDoc}')
-      }`);
+      }`);
     const rootDocsRoutes = rootDocs.map((rootDoc) => `
       {
         path: '${getRootDocRoutePath(rootDoc)}',
         // @ts-ignore
         component: () => import('${rootDoc}')
-      }`);
+      }`);
     const layoutRoutes = `{
     path: '/layout',
     // @ts-ignore
@@ -138,17 +138,17 @@ export async function buildPcSiteRoutes(draftMode) {
     children: [
       ${[...componentDocsRoutes, rootDocsRoutes].join(',')},
     ]
-  }`;
+  }`;
     const source = `export default [\
   ${pageRoutes.join(',')},
   ${layoutRoutes}
-]`;
-    outputFileSyncOnChange(SITE_PC_ROUTES, source);
-}
-export async function buildSiteSource() {
-    return copy(SITE, SITE_DIR);
-}
-export async function buildSiteEntry(draftMode) {
-    await getVarletConfig(true);
-    await Promise.all([buildMobileSiteRoutes(draftMode), buildPcSiteRoutes(draftMode), buildSiteSource()]);
-}
+]`;
+    outputFileSyncOnChange(SITE_PC_ROUTES, source);
+}
+export async function buildSiteSource() {
+    return copy(SITE, SITE_DIR);
+}
+export async function buildSiteEntry(draftMode) {
+    await getVarletConfig(true);
+    await Promise.all([buildMobileSiteRoutes(draftMode), buildPcSiteRoutes(draftMode), buildSiteSource()]);
+}

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

@@ -1,10 +1,10 @@
-export declare const EMPTY_SPACE_RE: RegExp;
-export declare const EMPTY_LINE_RE: RegExp;
-export declare const IMPORT_CSS_RE: RegExp;
-export declare const IMPORT_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, styleReg: RegExp): string;
-export declare function compileLess(file: string): Promise<void>;
-export declare function clearLessFiles(dir: string): void;
+export declare const EMPTY_SPACE_RE: RegExp;
+export declare const EMPTY_LINE_RE: RegExp;
+export declare const IMPORT_CSS_RE: RegExp;
+export declare const IMPORT_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, styleReg: RegExp): string;
+export declare function compileLess(file: string): Promise<void>;
+export declare function clearLessFiles(dir: string): void;

package/lib/node/compiler/compileStyle.js

@@ -1,41 +1,41 @@
-import fse from 'fs-extra';
-import less from 'less';
-import glob from 'glob';
-import { replaceExt, smartAppendFileSync } from '../shared/fsUtils.js';
-import { parse, resolve } from 'path';
-import { getScriptExtname } from './compileScript.js';
-const { render } = less;
-const { readFileSync, writeFileSync, unlinkSync } = fse;
-export const EMPTY_SPACE_RE = /[\s]+/g;
-export const EMPTY_LINE_RE = /[\n\r]*/g;
-export const IMPORT_CSS_RE = /(?<!['"`])import\s+['"](\.{1,2}\/.+\.css)['"]\s*;?(?!\s*['"`])/g;
-export const IMPORT_LESS_RE = /(?<!['"`])import\s+['"](\.{1,2}\/.+\.less)['"]\s*;?(?!\s*['"`])/g;
-export const STYLE_IMPORT_RE = /@import\s+['"](.+)['"]\s*;/g;
-export const clearEmptyLine = (s) => s.replace(EMPTY_LINE_RE, '').replace(EMPTY_SPACE_RE, ' ');
-export function normalizeStyleDependency(styleImport, reg) {
-    let relativePath = styleImport.replace(reg, '$1');
-    relativePath = relativePath.replace(/(\.less)|(\.css)/, '');
-    if (relativePath.startsWith('./')) {
-        return '.' + relativePath;
-    }
-    return '../' + relativePath;
-}
-export function extractStyleDependencies(file, code, styleReg) {
-    var _a;
-    const styleImports = (_a = code.match(styleReg)) !== null && _a !== void 0 ? _a : [];
-    const cssFile = resolve(parse(file).dir, `./style/index${getScriptExtname()}`);
-    styleImports.forEach((styleImport) => {
-        const normalizedPath = normalizeStyleDependency(styleImport, styleReg);
-        smartAppendFileSync(cssFile, `import '${normalizedPath}.css'\n`);
-    });
-    return code.replace(styleReg, '');
-}
-export async function compileLess(file) {
-    const source = readFileSync(file, 'utf-8');
-    const { css } = await render(source, { filename: file });
-    writeFileSync(replaceExt(file, '.css'), clearEmptyLine(css), 'utf-8');
-}
-export function clearLessFiles(dir) {
-    const files = glob.sync(`${dir}/**/*.less`);
-    files.forEach(unlinkSync);
-}
+import fse from 'fs-extra';
+import less from 'less';
+import glob from 'glob';
+import { replaceExt, smartAppendFileSync } from '../shared/fsUtils.js';
+import { parse, resolve } from 'path';
+import { getScriptExtname } from './compileScript.js';
+const { render } = less;
+const { readFileSync, writeFileSync, unlinkSync } = fse;
+export const EMPTY_SPACE_RE = /[\s]+/g;
+export const EMPTY_LINE_RE = /[\n\r]*/g;
+export const IMPORT_CSS_RE = /(?<!['"`])import\s+['"](\.{1,2}\/.+\.css)['"]\s*;?(?!\s*['"`])/g;
+export const IMPORT_LESS_RE = /(?<!['"`])import\s+['"](\.{1,2}\/.+\.less)['"]\s*;?(?!\s*['"`])/g;
+export const STYLE_IMPORT_RE = /@import\s+['"](.+)['"]\s*;/g;
+export const clearEmptyLine = (s) => s.replace(EMPTY_LINE_RE, '').replace(EMPTY_SPACE_RE, ' ');
+export function normalizeStyleDependency(styleImport, reg) {
+    let relativePath = styleImport.replace(reg, '$1');
+    relativePath = relativePath.replace(/(\.less)|(\.css)/, '');
+    if (relativePath.startsWith('./')) {
+        return '.' + relativePath;
+    }
+    return '../' + relativePath;
+}
+export function extractStyleDependencies(file, code, styleReg) {
+    var _a;
+    const styleImports = (_a = code.match(styleReg)) !== null && _a !== void 0 ? _a : [];
+    const cssFile = resolve(parse(file).dir, `./style/index${getScriptExtname()}`);
+    styleImports.forEach((styleImport) => {
+        const normalizedPath = normalizeStyleDependency(styleImport, styleReg);
+        smartAppendFileSync(cssFile, `import '${normalizedPath}.css'\n`);
+    });
+    return code.replace(styleReg, '');
+}
+export async function compileLess(file) {
+    const source = readFileSync(file, 'utf-8');
+    const { css } = await render(source, { filename: file });
+    writeFileSync(replaceExt(file, '.css'), clearEmptyLine(css), 'utf-8');
+}
+export function clearLessFiles(dir) {
+    const files = glob.sync(`${dir}/**/*.less`);
+    files.forEach(unlinkSync);
+}

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

@@ -1,18 +1,18 @@
-import { type VarletConfig } from '../config/varlet.config.js';
-export interface TemplateHighlightCompilerOptions {
-    md: string;
-    json: string;
-    titleAttributes: RegExp;
-    titleEvents: RegExp;
-    titleSlots: RegExp;
-}
-export declare const replaceDot: (s: string) => string;
-export declare const replaceVersion: (s: string) => string;
-export declare const replaceUnderline: (s: string) => string;
-export declare function parseTable(table: string): string[][];
-export declare function compileTable(md: string, titleRe: RegExp): string;
-export declare function compileWebTypes(table: Record<string, any>, webTypes: Record<string, any>, componentName: string, varletConfig: Required<VarletConfig>): void;
-export declare function compileMD(path: string, webTypes: Record<string, any>, varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
-export declare function compileDir(path: string, webTypes: Record<string, any>, varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
-export declare function compileLanguageMD(varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
-export declare function compileTemplateHighlight(): Promise<void>;
+import { type VarletConfig } from '../config/varlet.config.js';
+export interface TemplateHighlightCompilerOptions {
+    md: string;
+    json: string;
+    titleAttributes: RegExp;
+    titleEvents: RegExp;
+    titleSlots: RegExp;
+}
+export declare const replaceDot: (s: string) => string;
+export declare const replaceVersion: (s: string) => string;
+export declare const replaceUnderline: (s: string) => string;
+export declare function parseTable(table: string): string[][];
+export declare function compileTable(md: string, titleRe: RegExp): string;
+export declare function compileWebTypes(table: Record<string, any>, webTypes: Record<string, any>, componentName: string, varletConfig: Required<VarletConfig>): void;
+export declare function compileMD(path: string, webTypes: Record<string, any>, varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
+export declare function compileDir(path: string, webTypes: Record<string, any>, varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
+export declare function compileLanguageMD(varletConfig: Required<VarletConfig>, options: TemplateHighlightCompilerOptions): void;
+export declare function compileTemplateHighlight(): Promise<void>;