@blocklet/pages-kit-runtime 0.1.1

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

@@ -0,0 +1,245 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RESOLVED_VIRTUAL_MODULE_ID = exports.VIRTUAL_MODULE_ID = void 0;
+exports.initHtmlPreviewTransformPlugin = initHtmlPreviewTransformPlugin;
+const fs_1 = require("fs");
+const path_1 = require("path");
+exports.VIRTUAL_MODULE_ID = 'virtual:html-preview';
+exports.RESOLVED_VIRTUAL_MODULE_ID = `\0${exports.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 = (0, path_1.join)(dirPath, 'index.html');
+    if (!(0, fs_1.existsSync)(htmlPath)) {
+        throw new Error(`No index.html found in ${dirPath}`);
+    }
+    const html = (0, fs_1.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 = (0, fs_1.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 = (0, path_1.join)((0, path_1.dirname)(filePath), importPath);
+                    const resolvedPath = importFilePath.endsWith('.js') ? importFilePath : `${importFilePath}.js`;
+                    if ((0, fs_1.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 = (0, path_1.join)((0, path_1.dirname)(filePath), importPath);
+                    const resolvedPath = importFilePath.endsWith('.css') ? importFilePath : `${importFilePath}.css`;
+                    if ((0, fs_1.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 = (0, path_1.join)(dirPath, src);
+            if ((0, fs_1.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 = (0, path_1.join)(dirPath, href);
+                if ((0, fs_1.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: (0, path_1.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}
+  });
+}`;
+}
+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(exports.VIRTUAL_MODULE_ID)) {
+                const dirPath = id.split('?dir=')[1];
+                return `${exports.RESOLVED_VIRTUAL_MODULE_ID}?dir=${dirPath}`;
+            }
+            return null;
+        },
+        load(id) {
+            return __awaiter(this, void 0, void 0, function* () {
+                const useCache = false;
+                if (id.startsWith(exports.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();
+        },
+    };
+}
+exports.default = initHtmlPreviewTransformPlugin;

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

@@ -0,0 +1,211 @@
+"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.initRemoteScriptLocalizerPlugin = initRemoteScriptLocalizerPlugin;
+/* eslint-disable no-console */
+const crypto_1 = require("crypto");
+const promises_1 = require("fs/promises");
+const path = __importStar(require("path"));
+function initRemoteScriptLocalizerPlugin(options = {}) {
+    const { tempDir = 'temp/remote-scripts', maxConcurrent = 5, timeout = 30000 } = options;
+    let initialized = false;
+    const downloadQueue = [];
+    const initTempDir = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield (0, promises_1.rm)(tempDir, { recursive: true, force: true });
+            yield (0, promises_1.mkdir)(tempDir, { recursive: true });
+            initialized = true;
+        }
+        catch (error) {
+            console.error('Failed to initialize temp directory:', error);
+            throw error;
+        }
+    });
+    const downloadWithTimeout = (url, ms) => __awaiter(this, void 0, void 0, function* () {
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), ms);
+        try {
+            const response = yield fetch(url, { signal: controller.signal });
+            clearTimeout(timeoutId);
+            return response;
+        }
+        catch (error) {
+            clearTimeout(timeoutId);
+            throw error;
+        }
+    });
+    const downloadScript = (url) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        try {
+            const response = yield downloadWithTimeout(url, timeout);
+            if (!response.ok) {
+                throw new Error(`Failed to fetch ${url}: ${response.statusText}`);
+            }
+            const content = yield response.text();
+            const hash = (0, crypto_1.createHash)('md5').update(url).digest('hex').slice(0, 8);
+            const filename = `${hash}-${((_a = url
+                .split('/')
+                .pop()) === null || _a === void 0 ? void 0 : _a.replace(/[^a-zA-Z0-9.-]/g, '_')) || 'script.js'}`;
+            const localPath = path.join(tempDir, filename);
+            yield (0, promises_1.writeFile)(localPath, content, 'utf-8');
+            return localPath;
+        }
+        catch (error) {
+            console.error(`Error downloading script from ${url}:`, error);
+            throw error;
+        }
+    });
+    const processDownloads = (urls) => __awaiter(this, void 0, void 0, function* () {
+        const results = new Map();
+        // Process downloads in chunks to limit concurrency
+        for (let i = 0; i < urls.length; i += maxConcurrent) {
+            const chunk = urls.slice(i, i + maxConcurrent);
+            const promises = chunk.map((url) => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const localPath = yield downloadScript(url);
+                    results.set(url, localPath);
+                }
+                catch (error) {
+                    console.warn(`Failed to download ${url}:`, error);
+                }
+            }));
+            downloadQueue.push(...promises);
+            yield Promise.all(promises);
+        }
+        return results;
+    });
+    return {
+        name: 'remote-script-localizer',
+        enforce: 'pre',
+        // 添加 resolveId 钩子来处理虚拟模块
+        resolveId(id, importer) {
+            console.log('[remote-script-localizer] resolveId:', { id, importer });
+            return null; // 让其他插件继续处理
+        },
+        // 添加 load 钩子来处理虚拟模块的加载
+        load(id) {
+            console.log('[remote-script-localizer] load:', id);
+            return null; // 让其他插件继续处理
+        },
+        transform(code, id) {
+            return __awaiter(this, void 0, void 0, function* () {
+                // 添加调试日志
+                console.log('[remote-script-localizer] transform:', {
+                    id,
+                    isVirtual: id.includes('\0'),
+                    codeLength: code.length,
+                });
+                // 检查文件类型
+                const isJS = /\.[jt]sx?$/.test(id);
+                const isHTML = /\.html$/.test(id);
+                if (!isJS && !isHTML)
+                    return null;
+                // 匹配多种远程脚本模式，包括模板字符串中的内容
+                const patterns = [
+                    // 动态导入
+                    /import\s*\(\s*['"]https?:\/\/[^'"]+['"]\s*\)/g,
+                    // HTML script 标签 (包括转义的版本)
+                    /<script[^>]*src=["'](https?:\/\/[^"']+)["'][^>]*>(?:<\\\/script>)?/g,
+                    // 模板字符串中的 script 标签
+                    /`[^`]*<script[^>]*src=["'](https?:\/\/[^"']+)["'][^>]*>(?:<\\\/script>)?[^`]*`/g,
+                    // HTML link 标签
+                    /<link[^>]*href=["'](https?:\/\/[^"']+)["'][^>]*>/g,
+                ];
+                let hasRemoteUrls = false;
+                let newCode = code;
+                const urls = new Set();
+                // 收集所有远程 URL
+                patterns.forEach((pattern) => {
+                    var _a, _b;
+                    const matches = code.matchAll(pattern);
+                    for (const match of matches) {
+                        hasRemoteUrls = true;
+                        // 提取 URL（处理不同的匹配组）
+                        const url = match[1] || ((_b = (_a = match[0].match(/['"]https?:\/\/[^'"]+['"]/)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.slice(1, -1));
+                        if (url)
+                            urls.add(url);
+                    }
+                });
+                if (hasRemoteUrls) {
+                    console.log(`[remote-script-localizer] Found remote URLs in ${id}:`, [...urls]);
+                    const downloadResults = yield processDownloads([...urls]);
+                    downloadResults.forEach((localPath, url) => {
+                        // 替换模板字符串中的 script 标签
+                        newCode = newCode.replace(new RegExp(`<script([^>]*)src=["']${url}["']([^>]*)>(?:<\\\\/script>)?`, 'g'), `<script$1src="/${localPath}"$2></script>`);
+                        // 替换其他情况
+                        newCode = newCode.replace(new RegExp(`(['"\`])${url}\\1`, 'g'), `$1/${localPath}$1`);
+                        console.log(`[remote-script-localizer] Localized: ${url} -> ${localPath}`);
+                    });
+                    return {
+                        code: newCode,
+                        map: null,
+                    };
+                }
+                return null;
+            });
+        },
+        buildStart() {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (!initialized) {
+                    yield initTempDir();
+                }
+            });
+        },
+        buildEnd() {
+            return __awaiter(this, void 0, void 0, function* () {
+                // Wait for any remaining downloads to complete
+                yield Promise.all(downloadQueue);
+                // Clean up temp directory
+                try {
+                    // await rm(tempDir, { recursive: true, force: true });
+                    // console.log('Cleaned up temporary remote scripts directory');
+                }
+                catch (error) {
+                    console.error('Failed to clean up temp directory:', error);
+                }
+            });
+        },
+    };
+}
+exports.default = initRemoteScriptLocalizerPlugin;

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logger = void 0;
+exports.setBlockEntryFilesPattern = setBlockEntryFilesPattern;
+exports.getBlockEntryFilesPattern = getBlockEntryFilesPattern;
+exports.findComponentFiles = findComponentFiles;
+exports.getBlockName = getBlockName;
+const glob_1 = require("glob");
+const path_1 = __importDefault(require("path"));
+const DEFAULT_BLOCK_ENTRY_FILES_PATTERN = 'src/**/index.{ts,tsx,html}';
+if (!process.env.BLOCK_ENTRY_FILES_PATTERN) {
+    process.env.BLOCK_ENTRY_FILES_PATTERN = DEFAULT_BLOCK_ENTRY_FILES_PATTERN;
+}
+function normalizePattern(pattern) {
+    return pattern.replace(/^[/\\]+/, ''); // Remove leading slashes
+}
+function setBlockEntryFilesPattern(pattern) {
+    process.env.BLOCK_ENTRY_FILES_PATTERN = normalizePattern(pattern);
+}
+function getBlockEntryFilesPattern() {
+    return process.env.BLOCK_ENTRY_FILES_PATTERN || DEFAULT_BLOCK_ENTRY_FILES_PATTERN;
+}
+function findComponentFiles(options = {}) {
+    const { cwd = process.cwd(), filter } = options;
+    const files = (0, glob_1.globSync)(getBlockEntryFilesPattern(), { cwd });
+    return files
+        .map((file) => {
+        const blockName = getBlockName(file);
+        const fullPath = path_1.default.resolve(cwd, file);
+        const isHtml = file.endsWith('.html');
+        return {
+            file,
+            blockName,
+            fullPath,
+            isHtml,
+        };
+    })
+        .filter(({ blockName }) => !(filter === null || filter === void 0 ? void 0 : filter.length) || filter.includes(blockName || ''));
+}
+function getBlockName(entry) {
+    // First try to match index.{ts,tsx,html} pattern
+    const indexMatch = entry.match(/(.*)\/index\.(ts|tsx|html)$/);
+    if (indexMatch) {
+        const [, pathWithoutIndex] = indexMatch;
+        return path_1.default.basename(pathWithoutIndex || 'unknown');
+    }
+    // If not an index file, return the filename without extension
+    return path_1.default.basename(entry, path_1.default.extname(entry));
+}
+exports.logger = console;

package/lib/cjs/client.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectRuntime = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore
+const home_1 = __importDefault(require("@blocklet/pages-kit-inner-components/home"));
+const react_1 = __importDefault(require("react"));
+const client_1 = require("react-dom/client");
+class ProjectRuntime {
+    constructor({ state, projectId }) {
+        this.state = state;
+        this.projectId = projectId;
+        // eslint-disable-next-line no-console
+        console.log('ProjectRuntime', this.state, this.projectId);
+    }
+    render(container) {
+        const root = (0, client_1.createRoot)(container);
+        root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }));
+    }
+}
+exports.ProjectRuntime = ProjectRuntime;

package/lib/cjs/components/create-resource.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateResource = CreateResource;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_react_1 = require("@blocklet/ui-react");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+function CreateResource({ open, onClose, blockletDid, mode, }) {
+    if (!open) {
+        return null;
+    }
+    const tenantScope = 'pages-kit-block-studio';
+    const isPage = mode === 'page';
+    const boxProps = isPage
+        ? {
+            sx: {
+                iframe: {
+                    width: 'calc(100% - 16px) !important',
+                    height: 'calc(100% - 16px) !important',
+                    padding: '16px !important',
+                },
+            },
+        }
+        : {};
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({}, boxProps, { children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(ui_react_1.BlockletStudio, { mode: mode, tenantScope: tenantScope, title: "Pages Kit Blocks", description: "", note: "", introduction: "", logo: "", componentDid: blockletDid, 
+                // 透传到 get blocklet resource 的参数
+                resourcesParams: {}, dependentComponentsMode: "readonly", open: true, setOpen: () => onClose(), onConnected: () => { }, onUploaded: () => { }, onReleased: () => { }, 
+                // onOpened={() => onOpened?.()}
+                // 默认选中的资源
+                resources: {} }) }) })));
+}
+exports.default = CreateResource;

package/lib/cjs/components/index.js

@@ -0,0 +1,17 @@
+"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("./create-resource"), exports);

package/lib/cjs/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });