@varlet/cli/lib/node/compiler/compileTemplateHighlight.js

cli of varlet

import { resolve } from 'path';
import fse from 'fs-extra';
import { getVarletConfig } from '../config/varlet.config.js';
import { HL_API_RE, HL_COMPONENT_NAME_RE, HL_DIR, 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, SRC_DIR, } from '../shared/constant.js';
import { getCliVersion, isDir, isMD } from '../shared/fsUtils.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: `${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: 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,
    });
}