@blocklet/pages-kit-block-studio 0.1.34 → 0.1.35

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

@@ -41,20 +41,67 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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.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 rollup_plugin_external_globals_1 = __importDefault(require("rollup-plugin-external-globals"));
 const ufo_1 = require("ufo");
 const vite_plugin_react_pages_1 = __importStar(require("vite-plugin-react-pages"));
 const helper_1 = require("../utils/helper");
 const vite_plugin_html_transform_1 = require("./vite-plugin-html-transform");
+const BUILTIN_MODULES_VAR = '__PAGES_KIT_BUILTIN_MODULES__';
 // import initRemoteScriptLocalizerPlugin from './vite-plugin-remote-script-localizer';
+const defaultBlockExternals = {
+    // 核心 React 相关
+    react: `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/react"]`,
+    'react-dom': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/react-dom"]`,
+    'react-router-dom': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/react-router-dom"]`,
+    'react-hook-form': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/react-hook-form"]`,
+    'react-wrap-balancer': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/react-wrap-balancer"]`,
+    // ArcBlock 相关
+    '@arcblock/ux': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/arcblock/ux"]`,
+    '@arcblock/did-connect/lib/Session': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/session"]`,
+    '@arcblock/ux/lib/Locale/context': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/locale"]`,
+    // MUI 相关
+    // '@mui/material': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/mui/material"]`,
+    // '@mui/lab': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/mui/lab"]`,
+    // 其他工具库
+    dayjs: `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/dayjs"]`,
+    zustand: `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/zustand"]`,
+    'zustand/middleware/immer': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/zustand/middleware/immer"]`,
+    immer: `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/immer"]`,
+    stream: `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/stream"]`,
+    '@iconify/react': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/iconify/react"]`,
+    // 页面相关组件
+    '@blocklet/pages-kit/builtin/components': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/components"]`,
+    '@blocklet/pages-kit/builtin/page/header': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/page/header"]`,
+    '@blocklet/pages-kit/builtin/pages-kit': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/pages-kit"]`,
+    // 异步组件
+    'react-markdown': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/async/react-markdown"]`,
+    'react-syntax-highlighter': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/async/react-syntax-highlighter"]`,
+    'react-scroll-to-bottom': `window[${BUILTIN_MODULES_VAR}].modules["@blocklet/pages-kit/builtin/async/react-scroll-to-bottom"]`,
+    // 浏览器原生
+    crypto: 'window.crypto',
+};
 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, helper_1.getBlockEntryFilesPattern)();
+    // 处理 blockExternals 参数
+    let externalMappings = defaultBlockExternals;
+    if (typeof (options === null || options === void 0 ? void 0 : options.blockExternals) === 'function') {
+        // 如果是函数，则调用它并传入默认值
+        externalMappings = options.blockExternals(defaultBlockExternals);
+    }
+    else if (options === null || options === void 0 ? void 0 : options.blockExternals) {
+        // 如果是对象，直接使用
+        externalMappings = options.blockExternals;
+    }
     (0, helper_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');
@@ -62,6 +109,7 @@ function initBlockStudioPlugins(options) {
         cwd: workingDir,
         entryFilesPattern: (0, helper_1.getBlockEntryFilesPattern)(),
         pagesDir,
+        blockExternals: externalMappings, // 添加日志输出
     });
     return [
         // {
@@ -102,7 +150,16 @@ function initBlockStudioPlugins(options) {
                         .filter(Boolean)
                         .filter(([blockName]) => !filterModules || filterModules.includes(blockName || ''));
                     const multiMode = entryList.length > 1;
+                    // 将 externalGlobals 添加到插件中
+                    const plugins = [...(_config.plugins || []), (0, rollup_plugin_external_globals_1.default)(externalMappings)];
+                    // 为 globals 创建一个无前缀的版本
+                    const externalMappingsWithoutWindow = Object.fromEntries(Object.entries(externalMappings).map(([key, value]) => {
+                        // 移除 "window." 前缀
+                        const globalName = String(value).replace(/^window\./, '');
+                        return [key, globalName];
+                    }));
                     return {
+                        plugins,
                         build: Object.assign({ cssCodeSplit: false, lib: {
                                 name,
                                 entry: Object.assign({}, Object.fromEntries(entryList)),
@@ -110,8 +167,9 @@ function initBlockStudioPlugins(options) {
                                 fileName: (format, entryName) => `${format}/${entryName}.js`,
                             }, rollupOptions: {
                                 external: (id) => {
-                                    const skip = ['react', 'crypto'];
-                                    if (skip.some((s) => id === s)) {
+                                    // 将 externalMappings 中的键也添加到 external 中
+                                    const skip = [...Object.keys(externalMappings)];
+                                    if (skip.some((s) => id === s || id.startsWith(`${s}/`))) {
                                         return true;
                                     }
                                     return false;
@@ -120,14 +178,8 @@ function initBlockStudioPlugins(options) {
                                     chunkFileNames: () => {
                                         return '[format]/_chunks/[name]-[hash].js';
                                     },
-                                    // 为所有外部依赖提供全局变量
-                                    globals: {
-                                        react: 'React',
-                                    },
-                                    paths: {
-                                        // Redirect 'react' imports to '@blocklet/pages-kit/builtin/react'
-                                        react: '@blocklet/pages-kit/builtin/react',
-                                    },
+                                    // 使用没有 window. 前缀的映射用于 globals 配置
+                                    globals: externalMappingsWithoutWindow,
                                     // 确保正确处理命名导出和默认导出
                                     interop: 'auto',
                                 },