@blocklet/pages-kit-block-studio 0.1.20 → 0.1.22

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

@@ -109,18 +109,13 @@ function initBlockStudioPlugins(options) {
                                 formats: ['es', !multiMode ? 'umd' : 'cjs'],
                                 fileName: (format, entryName) => `${format}/${entryName}.js`,
                             }, rollupOptions: {
-                                external: [
-                                    'react',
-                                    'react-router-dom',
-                                    'react-dom',
-                                    'react-is',
-                                    'react/jsx-runtime',
-                                    'crypto',
-                                    // '@emotion/react',
-                                    // '@emotion/styled',
-                                    '@arcblock/ux',
-                                    '@arcblock/did-connect',
-                                ],
+                                external: (id) => {
+                                    const skip = ['react', 'crypto'];
+                                    if (skip.some((s) => id === s)) {
+                                        return true;
+                                    }
+                                    return false;
+                                },
                                 output: {
                                     chunkFileNames: () => {
                                         return '[format]/_chunks/[name]-[hash].js';
@@ -128,22 +123,13 @@ function initBlockStudioPlugins(options) {
                                     // 为所有外部依赖提供全局变量
                                     globals: {
                                         react: 'React',
-                                        'react-dom': 'ReactDOM',
-                                        'react-is': 'ReactIs',
-                                        'react-router-dom': 'ReactRouterDOM',
-                                        'react/jsx-runtime': 'ReactJsxRuntime',
-                                        // '@emotion/react': 'emotionReact',
-                                        // '@emotion/styled': 'emotionStyled',
-                                        '@mui/material': 'MUI',
-                                        '@arcblock/ux': 'ArcBlockUX',
-                                        '@arcblock/did-connect': 'ArcBlockDidConnect',
                                     },
                                     paths: {
-                                    // Redirect 'react' imports to '@blocklet/pages-kit/builtin/react'
-                                    // react: '@blocklet/pages-kit/builtin/react',
+                                        // Redirect 'react' imports to '@blocklet/pages-kit/builtin/react'
+                                        react: '@blocklet/pages-kit/builtin/react',
                                     },
                                     // 确保正确处理命名导出和默认导出
-                                    // interop: 'auto',
+                                    interop: 'auto',
                                 },
                             } }, _config === null || _config === void 0 ? void 0 : _config.build),
                     };

package/lib/cjs/plugins/vite-plugin-html-transform.js

@@ -206,8 +206,8 @@ ${content.trim()}`;
 }
 function generateComponent(content, _isDev = true) {
     const htmlContent = content.html;
-    // const { name } = content;
-    return `import React, { useEffect, useRef } from '@blocklet/pages-kit/builtin/react';
+    const { name } = content;
+    return `import { createElement, useEffect, useRef } from 'react';
 
 
 export default function HtmlPreview() {
@@ -230,15 +230,14 @@ export default function HtmlPreview() {
     return () => window.removeEventListener('message', handleMessage);
   }, []);
 
-  return (
-    <iframe
-      ref={iframeRef}
-      style={{ border: 'none', width: '100%', height: '0px', maxHeight: '100vh' }}
-      sandbox="allow-scripts"
-      title="HtmlPreview"
-      srcDoc={${htmlContent}}
-    />
-  );
+  return createElement('iframe', {
+    ref: iframeRef,
+    style: { border: 'none', width: '100%', height: '100%', maxHeight: '100vh' },
+    sandbox: 'allow-scripts',
+    title: 'Preview ${name}',
+    srcDoc: ${htmlContent}
+  });
+
 }`;
 }
 function initHtmlPreviewTransformPlugin() {