@blocklet/pages-kit-runtime 0.1.1

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2018-2020 ArcBlock
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/lib/cjs/block-studio/build-lib.js

@@ -0,0 +1,95 @@
+"use strict";
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildLib = buildLib;
+/* eslint-disable no-await-in-loop */
+/* eslint-disable no-console */
+const chalk_1 = __importDefault(require("chalk"));
+const child_process_1 = require("child_process");
+const utils_1 = require("./utils");
+function buildLib(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        const workingDir = (options === null || options === void 0 ? void 0 : options.cwd) || process.cwd();
+        // Scan for all index files
+        const allBlocks = (0, utils_1.findComponentFiles)({ cwd: workingDir }).map((entry) => {
+            return entry.blockName;
+        });
+        const filterModules = process.argv.includes('--filter')
+            ? (_a = process.argv[process.argv.indexOf('--filter') + 1]) === null || _a === void 0 ? void 0 : _a.split(',')
+            : ((_b = process.env.BLOCK_FILTER) === null || _b === void 0 ? void 0 : _b.split(',')) || null;
+        const ignoreViteLog = false; // process.argv.includes('--log') ? false : process.env.BLOCK_LOG !== 'true';
+        const multiMode = process.argv.includes('--multi') || process.env.BLOCK_MULTI === 'true';
+        const libDir = 'lib';
+        const blocks = allBlocks.filter((name) => !filterModules || filterModules.includes(name || ''));
+        if (!blocks.length) {
+            console.log(chalk_1.default.yellow('No blocks founds'));
+            return;
+        }
+        // Clean up the lib directory
+        yield (0, child_process_1.execSync)(`rm -rf ${libDir}`, { cwd: workingDir });
+        console.log(chalk_1.default.gray('Clean up the lib directory'));
+        // Start to build
+        console.log(chalk_1.default.cyan(`Start to build ${blocks.length} blocks in parallel\n`));
+        const canBuildBlocks = multiMode ? blocks : [blocks.join(',')];
+        const configFile = 'vite-lib.config';
+        const hasConfig = (0, child_process_1.execSync)(`ls ${configFile}.* 2>/dev/null || true`, {
+            cwd: workingDir,
+            encoding: 'utf-8',
+        }).trim() !== '';
+        try {
+            yield Promise.all(canBuildBlocks.map((blockName) => {
+                console.log(chalk_1.default.blue(`Building ${blockName} Block...`));
+                return new Promise((resolve, reject) => {
+                    const build = (0, child_process_1.spawn)('vite', [
+                        'build',
+                        '--filter',
+                        `"${blockName}"`,
+                        '--outDir',
+                        libDir,
+                        '--emptyOutDir=false',
+                        hasConfig ? `--config ${configFile}.*` : '',
+                        multiMode ? '--multi' : '',
+                    ], {
+                        stdio: ignoreViteLog ? ['inherit', 'ignore', 'ignore'] : 'inherit',
+                        shell: true,
+                        cwd: workingDir,
+                    });
+                    build.on('close', (code) => {
+                        if (code === 0) {
+                            console.log(chalk_1.default.green(`Build ${blockName} successfully`));
+                            resolve();
+                        }
+                        else {
+                            reject(new Error(`Build failed with code ${code}`));
+                        }
+                    });
+                });
+            }));
+            console.log(chalk_1.default.green(`\nBuild ${blocks.length} blocks successfully`));
+            console.log(chalk_1.default.gray(`Generate the ${libDir} directory successfully`));
+            process.exit(0);
+        }
+        catch (err) {
+            console.error(chalk_1.default.red('Build failed:'), err);
+            process.exit(1);
+        }
+    });
+}
+const cwdArg = process.argv.indexOf('--cwd');
+const cwd = cwdArg !== -1 ? process.argv[cwdArg + 1] : undefined;
+buildLib({ cwd }).catch((err) => {
+    console.error(chalk_1.default.red('Build failed:'), err);
+    process.exit(1);
+});

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

@@ -0,0 +1,123 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateWrapperCode = generateWrapperCode;
+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 Promise.resolve().then(() => __importStar(require('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 }];
+    });
+}
+exports.default = generateWrapperCode;

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

@@ -0,0 +1,166 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initResourceRouter = void 0;
+exports.copyFile = copyFile;
+exports.copyDirectory = copyDirectory;
+exports.copyRecursive = copyRecursive;
+const component_1 = require("@blocklet/sdk/lib/component");
+const child_process_1 = require("child_process");
+const express_1 = require("express");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importStar(require("path"));
+const utils_1 = require("./utils");
+const DID = 'z2qa7rr3eUyVnWp2PCxEVARuUfLFh6cE5V2xV';
+const RESOURCE_TYPE = 'block';
+const allTag = '@ALL_COMPONENTS';
+function copyFile(src, dest) {
+    return new Promise((resolve, reject) => {
+        const readStream = fs_1.default.createReadStream(src);
+        const writeStream = fs_1.default.createWriteStream(dest);
+        readStream.on('error', reject);
+        writeStream.on('error', reject);
+        writeStream.on('finish', resolve);
+        readStream.pipe(writeStream);
+    });
+}
+function copyDirectory(src, dest) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield fs_1.default.promises.mkdir(dest, { recursive: true });
+        const entries = yield fs_1.default.promises.readdir(src, { withFileTypes: true });
+        for (const entry of entries) {
+            const srcPath = path_1.default.join(src, entry.name);
+            const destPath = path_1.default.join(dest, entry.name);
+            if (entry.isDirectory()) {
+                yield copyDirectory(srcPath, destPath);
+            }
+            else {
+                yield copyFile(srcPath, destPath);
+            }
+        }
+    });
+}
+function copyRecursive(src, dest) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const srcStats = yield fs_1.default.promises.stat(src);
+        if (srcStats.isDirectory()) {
+            yield copyDirectory(src, dest);
+        }
+        else {
+            yield copyFile(src, dest);
+        }
+    });
+}
+const getExportDir = (projectId, releaseId) => {
+    const exportDir = (0, component_1.getResourceExportDir)({ projectId, releaseId });
+    const dir = (0, path_1.join)(exportDir, DID, RESOURCE_TYPE);
+    return dir;
+};
+exports.initResourceRouter = (0, express_1.Router)();
+exports.initResourceRouter.get('/resources', (_req, res) => __awaiter(void 0, void 0, void 0, function* () {
+    const resources = [];
+    const rootDir = process.cwd();
+    const files = (0, utils_1.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,
+            },
+        ],
+    });
+}));
+exports.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 = (0, child_process_1.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_1.default.rmSync(dir, { recursive: true, force: true });
+        fs_1.default.mkdirSync(dir, { recursive: true });
+        const rootDir = process.cwd();
+        const tmpPackage = (0, path_1.join)(rootDir, 'lib');
+        yield copyRecursive(tmpPackage, dir);
+        fs_1.default.rmSync(tmpPackage, { recursive: true, force: true });
+        res.json({ success: true });
+    }
+    catch (error) {
+        console.error('Build failed:', error);
+        res.status(500).json({ error: 'Build failed' });
+    }
+}));
+exports.default = exports.initResourceRouter;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Theme;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Theme() {
+    return (0, jsx_runtime_1.jsx)("div", { children: "Theme" });
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./vite-plugin-block-studio"), exports);
+__exportStar(require("./vite-plugin-html-transform"), exports);
+__exportStar(require("./vite-plugin-remote-script-localizer"), exports);

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

@@ -0,0 +1,176 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initBlockStudioPlugins = initBlockStudioPlugins;
+// eslint-disable-next-line import/no-unresolved
+// import typescript from '@rollup/plugin-typescript';
+const fs_1 = require("fs");
+const path = __importStar(require("path"));
+const vite_plugin_react_pages_1 = __importStar(require("vite-plugin-react-pages"));
+const utils_1 = require("../utils");
+const vite_plugin_html_transform_1 = require("./vite-plugin-html-transform");
+// import initRemoteScriptLocalizerPlugin from './vite-plugin-remote-script-localizer';
+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) || (0, utils_1.getBlockEntryFilesPattern)();
+    (0, utils_1.setBlockEntryFilesPattern)(entryFilesPattern);
+    // fallback to __dirname if _theme.tsx not exists
+    const pagesDir = (0, fs_1.existsSync)(path.join(workingDir, '_theme.tsx')) ? workingDir : __dirname.replace('cjs', 'esm');
+    utils_1.logger.log('initBlockStudioPlugins options', {
+        cwd: workingDir,
+        entryFilesPattern: (0, utils_1.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 Promise.resolve(`${`${workingDir}/package.json`}`).then(s => __importStar(require(s))).then((res) => res.name).catch(() => 'MyLib');
+                    return {
+                        build: {
+                            cssCodeSplit: false,
+                            lib: {
+                                name,
+                                entry: Object.assign({}, Object.fromEntries((0, utils_1.findComponentFiles)({ cwd: workingDir })
+                                    .map((entry) => {
+                                    const { blockName } = entry;
+                                    const { isHtml } = entry;
+                                    const { file } = entry;
+                                    if (isHtml) {
+                                        return [blockName, `${vite_plugin_html_transform_1.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
+        (0, vite_plugin_react_pages_1.default)({
+            pagesDir,
+            pageStrategy: new vite_plugin_react_pages_1.DefaultPageStrategy({
+                extraFindPages: (_pagesDir, helpers) => __awaiter(this, void 0, void 0, function* () {
+                    helpers.watchFiles(workingDir, (0, utils_1.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 = (0, utils_1.getBlockName)(relative);
+                            const pageId = `/${blockName}`;
+                            api.addPageData({
+                                pageId,
+                                dataPath: isHtml ? `${vite_plugin_html_transform_1.VIRTUAL_MODULE_ID}?dir=${path.dirname(filePath)}` : filePath,
+                                staticData: isHtml
+                                    ? {
+                                        isHtmlPreview: true,
+                                        dataPath: filePath,
+                                        blockName,
+                                    }
+                                    : Object.assign(Object.assign({}, (yield helpers.extractStaticData(file))), { code: (0, fs_1.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),
+        // }),
+        (0, vite_plugin_html_transform_1.initHtmlPreviewTransformPlugin)(),
+        // initRemoteScriptLocalizerPlugin({
+        //   tempDir: 'temp/remote-scripts', // 可选，默认值
+        //   maxConcurrent: 5, // 可选，默认值
+        //   timeout: 30 * 1000, // 可选，默认值 30 秒
+        // }),
+    ];
+}
+exports.default = initBlockStudioPlugins;