@blocklet/pages-kit-runtime 0.1.2 → 0.1.5

package/lib/esm/block-studio/generate-wrapper-code.js

@@ -1,87 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-export function generateWrapperCode(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ project, state }) {
-        const projectName = (project.name || project.id).toLowerCase().replaceAll(/[^a-z0-9]/g, '_');
-        const packageName = `@pages-kit-project/${projectName}`;
-        const packageJson = JSON.stringify({
-            name: packageName,
-            version: '0.0.1',
-            main: 'index.cjs',
-            module: 'index.js',
-            types: 'index.d.ts',
-            peerDependencies: {
-                '@blocklet/pages-kit-runtime': 'latest',
-            },
-            dependencies: {
-                '@blocklet/pages-kit-runtime': 'latest',
-                '@blocklet/pages-kit': 'latest',
-            },
-            exports: {
-                '.': {
-                    require: './index.cjs',
-                    import: './index.js',
-                    types: './index.d.ts',
-                },
-                './client': {
-                    require: './client.cjs',
-                    import: './client.js',
-                    types: './client.d.ts',
-                },
-            },
-        }, null, 2);
-        const index = `\
-import { ProjectRuntime } from '@blocklet/pages-kit-runtime/client';
-
-window.__PAGE_STATE__ = ${JSON.stringify(state, null, 2)};
-window.__PROJECT_ID__ = "${project.id}";
-
-
-const ${projectName} = new ProjectRuntime({
-  state: window.__PAGE_STATE__,
-  projectId: window.__PROJECT_ID__,
-});
-
-export default ${projectName}
-`;
-        const client = index;
-        const tsFiles = [
-            { fileName: 'index.ts', content: index },
-            { fileName: 'client.ts', content: client },
-        ];
-        const ts = yield import('typescript');
-        const result = (yield Promise.all(tsFiles.map((_a) => __awaiter(this, [_a], void 0, function* ({ fileName, content }) {
-            const cjs = ts.transpileModule(content, {
-                fileName,
-                compilerOptions: { module: ts.ModuleKind.CommonJS },
-            });
-            const esm = ts.transpileModule(content, {
-                fileName,
-                compilerOptions: { module: ts.ModuleKind.ESNext },
-            });
-            return [
-                {
-                    fileName: fileName.replace(/\.ts$/, '.cjs'),
-                    content: cjs.outputText,
-                },
-                {
-                    fileName: fileName.replace(/\.ts$/, '.js'),
-                    content: esm.outputText,
-                },
-                {
-                    fileName: fileName.replace(/\.ts$/, '.d.ts'),
-                    content,
-                },
-            ];
-        })))).flat();
-        return [...result, { fileName: 'package.json', content: packageJson }];
-    });
-}
-export default generateWrapperCode;

package/lib/esm/block-studio/init-resource-router.js

@@ -1,124 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { getResourceExportDir } from '@blocklet/sdk/lib/component';
-import { spawn } from 'child_process';
-import { Router } from 'express';
-import fs from 'fs';
-import path, { join } from 'path';
-import { findComponentFiles } from './utils';
-const DID = 'z2qa7rr3eUyVnWp2PCxEVARuUfLFh6cE5V2xV';
-const RESOURCE_TYPE = 'block';
-const allTag = '@ALL_COMPONENTS';
-export function copyFile(src, dest) {
-    return new Promise((resolve, reject) => {
-        const readStream = fs.createReadStream(src);
-        const writeStream = fs.createWriteStream(dest);
-        readStream.on('error', reject);
-        writeStream.on('error', reject);
-        writeStream.on('finish', resolve);
-        readStream.pipe(writeStream);
-    });
-}
-export function copyDirectory(src, dest) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield fs.promises.mkdir(dest, { recursive: true });
-        const entries = yield fs.promises.readdir(src, { withFileTypes: true });
-        for (const entry of entries) {
-            const srcPath = path.join(src, entry.name);
-            const destPath = path.join(dest, entry.name);
-            if (entry.isDirectory()) {
-                yield copyDirectory(srcPath, destPath);
-            }
-            else {
-                yield copyFile(srcPath, destPath);
-            }
-        }
-    });
-}
-export function copyRecursive(src, dest) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const srcStats = yield fs.promises.stat(src);
-        if (srcStats.isDirectory()) {
-            yield copyDirectory(src, dest);
-        }
-        else {
-            yield copyFile(src, dest);
-        }
-    });
-}
-const getExportDir = (projectId, releaseId) => {
-    const exportDir = getResourceExportDir({ projectId, releaseId });
-    const dir = join(exportDir, DID, RESOURCE_TYPE);
-    return dir;
-};
-export const initResourceRouter = Router();
-initResourceRouter.get('/resources', (_req, res) => __awaiter(void 0, void 0, void 0, function* () {
-    const resources = [];
-    const rootDir = process.cwd();
-    const files = findComponentFiles({ cwd: rootDir });
-    for (const file of files) {
-        // const filePath = path.join(rootDir, file);
-        // const fileContent = fs.readFileSync(filePath, 'utf8');
-        const { blockName } = file;
-        resources.push({
-            id: blockName,
-            name: blockName,
-            description: '',
-            images: [],
-            url: '',
-        });
-    }
-    res.json({
-        resources: [
-            {
-                id: allTag,
-                name: 'All Blocks',
-                description: 'Select All Blocks',
-                images: [],
-                url: '',
-                children: resources,
-            },
-        ],
-    });
-}));
-initResourceRouter.post('/resources', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
-    const { resources, projectId, releaseId } = req.body;
-    // ignore all tag
-    const componentIds = resources.filter((resource) => resource.id !== allTag);
-    try {
-        // Execute build command with filtered components
-        const buildProcess = spawn('pnpm', ['run', 'build-lib'], {
-            stdio: 'inherit',
-            shell: true,
-            env: Object.assign(Object.assign({}, process.env), { FORCE_COLOR: '1', BLOCK_FILTER: componentIds.join(',') }),
-        });
-        yield new Promise((resolve, reject) => {
-            buildProcess.on('close', (code) => {
-                if (code === 0)
-                    resolve(null);
-                else
-                    reject(new Error(`Build process exited with code ${code}`));
-            });
-        });
-        const dir = getExportDir(projectId, releaseId);
-        fs.rmSync(dir, { recursive: true, force: true });
-        fs.mkdirSync(dir, { recursive: true });
-        const rootDir = process.cwd();
-        const tmpPackage = join(rootDir, 'lib');
-        yield copyRecursive(tmpPackage, dir);
-        fs.rmSync(tmpPackage, { recursive: true, force: true });
-        res.json({ success: true });
-    }
-    catch (error) {
-        console.error('Build failed:', error);
-        res.status(500).json({ error: 'Build failed' });
-    }
-}));
-export default initResourceRouter;

package/lib/esm/block-studio/plugins/_theme.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Theme() {
-    return _jsx("div", { children: "Theme" });
-}

package/lib/esm/block-studio/plugins/index.js

@@ -1,3 +0,0 @@
-export * from './vite-plugin-block-studio';
-export * from './vite-plugin-html-transform';
-export * from './vite-plugin-remote-script-localizer';

package/lib/esm/block-studio/plugins/vite-plugin-block-studio.js

@@ -1,140 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-// eslint-disable-next-line import/no-unresolved
-// import typescript from '@rollup/plugin-typescript';
-import { readFileSync, existsSync } from 'fs';
-import * as path from 'path';
-import pages, { DefaultPageStrategy } from 'vite-plugin-react-pages';
-import { findComponentFiles, setBlockEntryFilesPattern, getBlockEntryFilesPattern, getBlockName, logger, } from '../utils';
-import { initHtmlPreviewTransformPlugin, VIRTUAL_MODULE_ID } from './vite-plugin-html-transform';
-// import initRemoteScriptLocalizerPlugin from './vite-plugin-remote-script-localizer';
-export function initBlockStudioPlugins(options) {
-    const workingDir = (options === null || options === void 0 ? void 0 : options.cwd) || process.cwd();
-    const entryFilesPattern = (options === null || options === void 0 ? void 0 : options.entryFilesPattern) || getBlockEntryFilesPattern();
-    setBlockEntryFilesPattern(entryFilesPattern);
-    // fallback to __dirname if _theme.tsx not exists
-    const pagesDir = existsSync(path.join(workingDir, '_theme.tsx')) ? workingDir : __dirname.replace('cjs', 'esm');
-    logger.log('initBlockStudioPlugins options', {
-        cwd: workingDir,
-        entryFilesPattern: getBlockEntryFilesPattern(),
-        pagesDir,
-    });
-    return [
-        // {
-        //   name: 'vite-plugin-block-studio-dev',
-        //   enforce: 'pre',
-        //   transformIndexHtml(html) {
-        //     // Ensure required content exists in index.html
-        //     if (!html.includes('<div id="root"></div>')) {
-        //       html = html.replace(/<body[^>]*>/, '$&<div id="root"></div>');
-        //     }
-        //     if (!html.includes('/@pages-infra/main.js')) {
-        //       html = html.replace('</body>', '<script type="module" src="/@pages-infra/main.js"></script></body>');
-        //     }
-        //     return html;
-        //   },
-        // },
-        {
-            name: 'vite-plugin-block-studio-build',
-            enforce: 'pre',
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            config(_config) {
-                return __awaiter(this, void 0, void 0, function* () {
-                    var _a;
-                    const filterModules = process.argv.includes('--filter')
-                        ? (_a = process.argv[process.argv.indexOf('--filter') + 1]) === null || _a === void 0 ? void 0 : _a.split(',')
-                        : null;
-                    const multiMode = !!process.argv.includes('--multi');
-                    const name = yield import(`${workingDir}/package.json`).then((res) => res.name).catch(() => 'MyLib');
-                    return {
-                        build: {
-                            cssCodeSplit: false,
-                            lib: {
-                                name,
-                                entry: Object.assign({}, Object.fromEntries(findComponentFiles({ cwd: workingDir })
-                                    .map((entry) => {
-                                    const { blockName } = entry;
-                                    const { isHtml } = entry;
-                                    const { file } = entry;
-                                    if (isHtml) {
-                                        return [blockName, `${VIRTUAL_MODULE_ID}?dir=${path.dirname(file)}`];
-                                    }
-                                    return [blockName, path.resolve(workingDir, file)];
-                                })
-                                    .filter(Boolean)
-                                    .filter(([blockName]) => !filterModules || filterModules.includes(blockName || '')))),
-                                // multiMode not support umd
-                                formats: ['es', multiMode ? 'umd' : 'cjs'],
-                                fileName: (format, entryName) => `${format}/${entryName}.js`,
-                            },
-                            rollupOptions: {
-                                // make sure to externalize deps that shouldn't be bundled
-                                // into your library
-                                external: ['react', 'crypto'],
-                                output: {
-                                    // Provide global variables to use in the UMD build
-                                    globals: {
-                                        react: 'React',
-                                    },
-                                    paths: {
-                                    // Redirect 'react' imports to '@blocklet/pages-kit/builtin/react'
-                                    // react: '@blocklet/pages-kit/builtin/react',
-                                    },
-                                },
-                            },
-                        },
-                    };
-                });
-            },
-        },
-        // @ts-ignore
-        pages({
-            pagesDir,
-            pageStrategy: new DefaultPageStrategy({
-                extraFindPages: (_pagesDir, helpers) => __awaiter(this, void 0, void 0, function* () {
-                    helpers.watchFiles(workingDir, getBlockEntryFilesPattern(), function fileHandler(file, api) {
-                        return __awaiter(this, void 0, void 0, function* () {
-                            const { relative, path: filePath } = file;
-                            const isHtml = relative.endsWith('.html');
-                            const blockName = getBlockName(relative);
-                            const pageId = `/${blockName}`;
-                            api.addPageData({
-                                pageId,
-                                dataPath: isHtml ? `${VIRTUAL_MODULE_ID}?dir=${path.dirname(filePath)}` : filePath,
-                                staticData: isHtml
-                                    ? {
-                                        isHtmlPreview: true,
-                                        dataPath: filePath,
-                                        blockName,
-                                    }
-                                    : Object.assign(Object.assign({}, (yield helpers.extractStaticData(file))), { code: readFileSync(file.path, 'utf-8'), dataPath: filePath, blockName }),
-                            });
-                        });
-                    });
-                }),
-            }),
-        }),
-        // https://github.com/rollup/plugins/tree/master/packages/typescript#noforceemit
-        // typescript({
-        //   declaration: true,
-        //   emitDeclarationOnly: true,
-        //   noForceEmit: true,
-        //   declarationDir: path.resolve(workingDir, 'lib/types'),
-        //   rootDir: path.resolve(workingDir),
-        // }),
-        initHtmlPreviewTransformPlugin(),
-        // initRemoteScriptLocalizerPlugin({
-        //   tempDir: 'temp/remote-scripts', // 可选，默认值
-        //   maxConcurrent: 5, // 可选，默认值
-        //   timeout: 30 * 1000, // 可选，默认值 30 秒
-        // }),
-    ];
-}
-export default initBlockStudioPlugins;

package/lib/esm/block-studio/plugins/vite-plugin-html-transform.js

@@ -1,241 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { existsSync, readFileSync } from 'fs';
-import { basename, dirname, join } from 'path';
-export const VIRTUAL_MODULE_ID = 'virtual:html-preview';
-export const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
-// Helper function to check if a path is relative
-const isRelativePath = (path) => {
-    return path.startsWith('./') || path.startsWith('../') || (!path.startsWith('http') && !path.startsWith('//'));
-};
-function extractExternalResources(html, _dirPath) {
-    const external = {
-        js: [],
-        css: [],
-    };
-    // 提取 script src
-    const scriptMatches = html.matchAll(/<script.*?src=["'](.*?)["']/g);
-    for (const match of scriptMatches) {
-        const src = match[1] || '';
-        if (!isRelativePath(src)) {
-            external.js.push(src);
-        }
-    }
-    // 提取 link href
-    const linkMatches = html.matchAll(/<link.*?href=["'](.*?)["'].*?>/g);
-    for (const match of linkMatches) {
-        if (match[0].includes('stylesheet')) {
-            const href = match[1] || '';
-            if (!isRelativePath(href)) {
-                external.css.push(href);
-            }
-        }
-    }
-    // 只移除相对路径引用，保留 HTML 结构
-    const htmlWithoutRelativeImport = html
-        .replace(/<script.*?src=["']((?:\.|\.\.)\/.+?)["'].*?><\/script>/g, '') // 移除相对路径的 script 标签
-        .replace(/<link.*?href=["']((?:\.|\.\.)\/.+?)["'].*?>/g, '') // 移除相对路径的 link 标签
-        .trim();
-    return { external, htmlWithoutRelativeImport };
-}
-function readHtmlFiles(dirPath) {
-    const htmlPath = join(dirPath, 'index.html');
-    if (!existsSync(htmlPath)) {
-        throw new Error(`No index.html found in ${dirPath}`);
-    }
-    const html = readFileSync(htmlPath, 'utf-8');
-    const cssFiles = [];
-    const jsFiles = [];
-    const cssContents = [];
-    const jsContents = [];
-    // Process imports in JS/CSS files
-    function processFile(filePath, type, processedFiles = new Set()) {
-        if (processedFiles.has(filePath))
-            return '';
-        processedFiles.add(filePath);
-        let content = readFileSync(filePath, 'utf-8');
-        if (type === 'js') {
-            const importMatches = content.matchAll(/import\s+['"](.+?)['"]/g);
-            for (const match of importMatches) {
-                const importPath = match[1] || '';
-                if (isRelativePath(importPath)) {
-                    const importFilePath = join(dirname(filePath), importPath);
-                    const resolvedPath = importFilePath.endsWith('.js') ? importFilePath : `${importFilePath}.js`;
-                    if (existsSync(resolvedPath)) {
-                        const importedContent = processFile(resolvedPath, 'js', processedFiles);
-                        content = content.replace(match[0], '');
-                        content = `/* START: imported from ${importPath} */
-${importedContent.trim()}
-/* END: imported from ${importPath} */
-${content.trim()}`;
-                    }
-                    else {
-                        // 标记不存在的导入
-                        content = content.replace(match[0], `/* SKIP: file not found - ${importPath} */`);
-                    }
-                }
-            }
-        }
-        else {
-            const importMatches = content.matchAll(/@import\s+['"](.+?)['"];?/g);
-            for (const match of importMatches) {
-                const importPath = match[1] || '';
-                if (isRelativePath(importPath)) {
-                    const importFilePath = join(dirname(filePath), importPath);
-                    const resolvedPath = importFilePath.endsWith('.css') ? importFilePath : `${importFilePath}.css`;
-                    if (existsSync(resolvedPath)) {
-                        const importedContent = processFile(resolvedPath, 'css', processedFiles);
-                        content = content.replace(match[0], '');
-                        content = `/* START: imported from ${importPath} */
-${importedContent.trim()}
-/* END: imported from ${importPath} */
-${content.trim()}`;
-                    }
-                    else {
-                        // 标记不存在的导入
-                        content = content.replace(match[0], `/* SKIP: file not found - ${importPath} */`);
-                    }
-                }
-            }
-        }
-        return content;
-    }
-    // Extract relative paths from HTML
-    const scriptMatches = html.matchAll(/<script.*?src=["'](.*?)["']/g);
-    const linkMatches = html.matchAll(/<link.*?href=["'](.*?)["'].*?>/g);
-    // Process JS files
-    for (const match of scriptMatches) {
-        const src = match[1] || '';
-        if (isRelativePath(src)) {
-            const filePath = join(dirPath, src);
-            if (existsSync(filePath)) {
-                jsFiles.push(src);
-                jsContents.push(processFile(filePath, 'js', new Set()));
-            }
-        }
-    }
-    // Process CSS files
-    for (const match of linkMatches) {
-        if (match[0].includes('stylesheet')) {
-            const href = match[1] || '';
-            if (isRelativePath(href)) {
-                const filePath = join(dirPath, href);
-                if (existsSync(filePath)) {
-                    cssFiles.push(href);
-                    cssContents.push(processFile(filePath, 'css', new Set()));
-                }
-            }
-        }
-    }
-    const { external, htmlWithoutRelativeImport } = extractExternalResources(html, dirPath);
-    const commonCdnDomains = [
-        'https://*.jsdelivr.net',
-        'https://*.unpkg.com',
-        'https://*.cloudflare.com',
-        'https://*.bootstrapcdn.com',
-        'https://*.googleapis.com',
-        'https://cdn.skypack.dev',
-        'https://*.cdnjs.com',
-    ];
-    const cspDirectives = [
-        "default-src 'none'",
-        `script-src 'unsafe-inline' 'unsafe-eval' ${commonCdnDomains.join(' ')} ${external.js.join(' ')}`,
-        `style-src 'unsafe-inline' ${commonCdnDomains.join(' ')} ${external.css.join(' ')}`,
-        "img-src 'self' data: https:",
-        `connect-src 'self' ${commonCdnDomains.join(' ')} https:`,
-        "frame-src 'none'",
-        "object-src 'none'",
-        "base-uri 'none'",
-        "form-action 'none'",
-        "font-src 'none'",
-        "media-src 'self' https:",
-        "manifest-src 'none'",
-        "worker-src 'none'",
-    ].join('; ');
-    const securityHeaders = `
-    <meta http-equiv="Content-Security-Policy" content="${cspDirectives}">
-    <meta http-equiv="X-Content-Type-Options" content="nosniff">
-    <meta http-equiv="Referrer-Policy" content="no-referrer">
-    <meta http-equiv="Permissions-Policy" content="accelerometer=(), camera=(), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), usb=()">`;
-    // 将处理后的相对路径引入的 CSS 和 JS 注入到 HTML 中
-    const htmlContent = htmlWithoutRelativeImport
-        .replace('<head>', `<head>${securityHeaders}`)
-        .replace('</head>', `${cssContents.map((css) => `<style>${css.trim()}</style>`).join('\n')}
-    </head>`)
-        .replace('</body>', `
-    ${jsContents.map((js) => `<script>${js}</script>`).join('\n')}
-    </body>
-  `)
-        .trim();
-    return {
-        html: JSON.stringify(htmlContent).replace(/`/g, '\\`'),
-        css: cssContents,
-        js: jsContents,
-        cssFiles,
-        jsFiles,
-        external,
-        name: basename(dirPath),
-    };
-}
-function generateComponent(content, _isDev = true) {
-    const htmlContent = content.html;
-    const { name } = content;
-    return `import { createElement } from 'react';
-
-export default function HtmlPreview() {
-  return createElement('iframe', {
-    style: { border: 'none', width: '100%', height: '100%' },
-    sandbox: 'allow-scripts',
-    title: 'Preview ${name}',
-    srcDoc: ${htmlContent}
-  });
-}`;
-}
-export function initHtmlPreviewTransformPlugin() {
-    const htmlCache = new Map();
-    let isBuild = false;
-    return {
-        name: 'vite-plugin-html-preview',
-        configResolved(config) {
-            isBuild = config.command === 'build';
-        },
-        resolveId(id) {
-            // 识别 virtual:html-preview 的 id，build 的时候会返回一个带文件路径的 id，所以这里需要使用 includes 而不是 startsWith
-            if (id.includes(VIRTUAL_MODULE_ID)) {
-                const dirPath = id.split('?dir=')[1];
-                return `${RESOLVED_VIRTUAL_MODULE_ID}?dir=${dirPath}`;
-            }
-            return null;
-        },
-        load(id) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const useCache = false;
-                if (id.startsWith(RESOLVED_VIRTUAL_MODULE_ID)) {
-                    const dirPath = id.split('?dir=')[1] || '';
-                    // 使用缓存避免重复读取
-                    let content = useCache ? htmlCache.get(dirPath) : null;
-                    if (!content) {
-                        content = readHtmlFiles(dirPath);
-                        if (useCache) {
-                            htmlCache.set(dirPath, content);
-                        }
-                    }
-                    return generateComponent(content, !isBuild);
-                }
-                return null;
-            });
-        },
-        // 清理缓存
-        buildEnd() {
-            htmlCache.clear();
-        },
-    };
-}
-export default initHtmlPreviewTransformPlugin;