@blocklet/pages-kit 0.4.117 → 0.4.119

package/lib/cjs/utils/agent.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AGENT_OPTIONS = exports.PAGE_CONTENT_WRITER_AGENT_ID = void 0;
+exports.PAGE_CONTENT_WRITER_AGENT_ID = 'page-content-writer';
+exports.AGENT_OPTIONS = [{ id: exports.PAGE_CONTENT_WRITER_AGENT_ID, name: 'Page Content Writer' }];

package/lib/cjs/utils/builtin.js

@@ -74,4 +74,5 @@ exports.BuiltinModules = {
     '@blocklet/pages-kit/builtin/async/ai-runtime': {},
     '@blocklet/pages-kit/builtin/uploader': {},
     '@blocklet/pages-kit/builtin/color-picker': {},
+    '@blocklet/pages-kit/builtin/markdown/index': {},
 };

package/lib/cjs/utils/data-source.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setPageDataSource = setPageDataSource;
+const lodash_1 = require("lodash");
+function setPageDataSource(page, state, locale, pageData) {
+    try {
+        if (!page.locales) {
+            page.locales = {};
+        }
+        page.locales[locale] = (0, lodash_1.cloneDeep)(page.locales[locale] || {});
+        page.locales[locale].title = pageData.title ?? page.locales[locale].title;
+        page.locales[locale].image = pageData.image ?? page.locales[locale].image;
+        page.locales[locale].description = pageData.description ?? page.locales[locale].description;
+        // 遍历 pageData 的每个 key
+        Object.entries(pageData.sectionsData).forEach(([sectionKey, sectionData]) => {
+            try {
+                // 通过 id 或 name 找到对应的 section
+                const section = Object.values(page.sections).find((section) => section.id === sectionKey || section.name === sectionKey);
+                if (!section) {
+                    return;
+                }
+                if (!section.isTemplateSection) {
+                    return;
+                }
+                // 确保 section.locales 存在
+                section.locales = (0, lodash_1.cloneDeep)(section.locales || {});
+                section.locales[locale] = (0, lodash_1.cloneDeep)(section.locales[locale] || {});
+                if (section.component === 'custom-component') {
+                    // 处理自定义组件
+                    const componentId = section.config?.componentId;
+                    if (!componentId) {
+                        return;
+                    }
+                    // 从 state 中获取组件定义
+                    const componentDef = state.components[componentId]?.data || state.resources.components?.[componentId]?.component;
+                    if (!componentDef) {
+                        return;
+                    }
+                    // 确保 properties 存在
+                    section.locales[locale].properties = (0, lodash_1.cloneDeep)(section.locales[locale].properties || {});
+                    // 遍历 sectionData，设置属性值
+                    Object.entries(sectionData || {}).forEach(([propKey, propValue]) => {
+                        // 尝试通过 key 或 id 找到属性定义
+                        const property = componentDef?.properties?.[propKey] ||
+                            Object.values(componentDef?.properties || {}).find((prop) => prop.data?.key === propKey);
+                        if (property) {
+                            // 设置属性值
+                            section.locales[locale].properties[property.data?.id] = {
+                                value: propValue,
+                            };
+                        }
+                    });
+                }
+                else {
+                    // 普通组件直接设置 properties
+                    section.locales[locale] = {
+                        ...(0, lodash_1.cloneDeep)(section.locales[locale]),
+                        ...(sectionData || {}),
+                    };
+                }
+            }
+            catch (error) {
+                console.error('Failed to set section data source:', error);
+            }
+        });
+    }
+    catch (error) {
+        console.error('Failed to set page data source:', error);
+    }
+}

package/lib/cjs/utils/inject-global-components.js

@@ -42,6 +42,7 @@ const emotionCss = __importStar(require("../builtin/emotion/css"));
 const iconifyReact = __importStar(require("../builtin/iconify/react"));
 const immer = __importStar(require("../builtin/immer"));
 const locale = __importStar(require("../builtin/locale"));
+const markdownRenderer = __importStar(require("../builtin/markdown/index"));
 const muiLab = __importStar(require("../builtin/mui/lab"));
 const muiMaterial = __importStar(require("../builtin/mui/material"));
 const pageHeader = __importStar(require("../builtin/page/header"));
@@ -85,6 +86,7 @@ function injectGlobalComponents() {
         '@blocklet/pages-kit/builtin/react-dom': reactDOM,
         '@blocklet/pages-kit/builtin/uploader': uploader,
         '@blocklet/pages-kit/builtin/color-picker': colorPicker,
+        '@blocklet/pages-kit/builtin/markdown/index': markdownRenderer,
         '@blocklet/pages-kit/builtin/emotion/css': emotionCss,
         '@blocklet/pages-kit/builtin/mui/material': muiMaterial,
         '@blocklet/pages-kit/builtin/mui/lab': muiLab,

package/lib/cjs/utils/property.js

@@ -41,6 +41,7 @@ function mergeComponent({ componentId, getComponent, locale, defaultLocale, prop
     if (!component)
         return null;
     let script;
+    let editComponent;
     const props = Object.fromEntries(Object.entries(parameters ?? {}).map(([id, { value }]) => {
         const property = component?.properties?.[id]?.data;
         if (!property)
@@ -56,6 +57,7 @@ function mergeComponent({ componentId, getComponent, locale, defaultLocale, prop
         ])));
         if (component.renderer?.type === 'react-component') {
             script = component.renderer?.script;
+            editComponent = component.renderer?.editComponent;
             break;
         }
         if (component.renderer?.type === 'web-component') {
@@ -84,7 +86,7 @@ function mergeComponent({ componentId, getComponent, locale, defaultLocale, prop
     }
     if (!script)
         return null;
-    return { script, props };
+    return { script, props, editComponent };
 }
 exports.RenderNestedComponent = '__RENDER_NESTED_COMPONENT__';
 function safeJSONParse(value) {

package/lib/cjs/utils/typescript/builtin-module-transformer.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createBuiltinModuleTransformer = exports.isAsyncModule = exports.isRelativeModule = void 0;
+exports.createWellKnownChunksTransformer = exports.createBuiltinModuleTransformer = exports.isBuiltinModule = exports.isAsyncModule = exports.isRelativeModule = void 0;
+const path_1 = require("path");
 const builtin_1 = require("../../types/builtin");
 const isRelativeModule = (moduleSpecifier) => {
     if (!moduleSpecifier) {
@@ -16,22 +17,23 @@ const isAsyncModule = (moduleSpecifier) => {
     return ['@blocklet/pages-kit/builtin/async/ai-runtime'].includes(moduleSpecifier);
 };
 exports.isAsyncModule = isAsyncModule;
+// check if the module is a target module
+const isBuiltinModule = (moduleSpecifier) => {
+    if (!moduleSpecifier) {
+        return false;
+    }
+    return moduleSpecifier.startsWith('@blocklet/pages-kit/builtin/');
+};
+exports.isBuiltinModule = isBuiltinModule;
 const createBuiltinModuleTransformer = (ts) => (context) => (file) => {
     const { factory } = context;
     // 统一的模块导入收集器
     const imports = [];
-    // check if the module is a target module
-    const isTargetModule = (moduleSpecifier) => {
-        if (!moduleSpecifier) {
-            return false;
-        }
-        return moduleSpecifier.startsWith('@blocklet/pages-kit/builtin/') || (0, exports.isRelativeModule)(moduleSpecifier);
-    };
     // filter and collect the import statements that need to be processed
     const statements = file.statements.filter((s) => {
         if (ts.isImportDeclaration(s) &&
             ts.isStringLiteral(s.moduleSpecifier) &&
-            isTargetModule(s.moduleSpecifier.text)) {
+            ((0, exports.isBuiltinModule)(s.moduleSpecifier.text) || (0, exports.isRelativeModule)(s.moduleSpecifier.text))) {
             const importInfo = {
                 moduleName: s.moduleSpecifier.text,
                 name: s.importClause?.name?.text,
@@ -60,11 +62,11 @@ const createBuiltinModuleTransformer = (ts) => (context) => (file) => {
     statements.unshift(...imports.flatMap((importInfo) => {
         // call inject-global-components require method
         const requireCall = factory.createCallExpression(factory.createPropertyAccessExpression(factory.createIdentifier(builtin_1.BuiltinModulesGlobalVariableName), 'require'), undefined, [factory.createStringLiteral(importInfo.moduleName)]);
+        const isAsync = (0, exports.isRelativeModule)(importInfo.moduleName) || (0, exports.isAsyncModule)(importInfo.moduleName);
         // create await expression if the module is ../ or ./
-        const mod = (0, exports.isRelativeModule)(importInfo.moduleName) || (0, exports.isAsyncModule)(importInfo.moduleName)
-            ? factory.createAwaitExpression(requireCall)
-            : requireCall;
+        const mod = isAsync ? factory.createAwaitExpression(requireCall) : requireCall;
         return [
+            // handle default import
             importInfo.name
                 ? factory.createVariableStatement([], factory.createVariableDeclarationList([
                     factory.createVariableDeclaration(factory.createIdentifier(importInfo.name), undefined, undefined, factory.createPropertyAccessExpression(mod, 'default')),
@@ -77,13 +79,33 @@ const createBuiltinModuleTransformer = (ts) => (context) => (file) => {
                 ], ts.NodeFlags.Const))
                 : undefined,
             // handle named import
-            ...importInfo.members.map((member) => {
-                return factory.createVariableStatement([], factory.createVariableDeclarationList([
-                    factory.createVariableDeclaration(factory.createIdentifier(member.name), undefined, undefined, factory.createPropertyAccessExpression(mod, member.propertyName ?? member.name)),
-                ], ts.NodeFlags.Const));
-            }),
+            importInfo.members.length > 0
+                ? factory.createVariableStatement([], factory.createVariableDeclarationList([
+                    factory.createVariableDeclaration(factory.createObjectBindingPattern(importInfo.members.map((member) => {
+                        return factory.createBindingElement(undefined, member.propertyName ? factory.createIdentifier(member.propertyName) : undefined, factory.createIdentifier(member.name), undefined);
+                    })), undefined, undefined, mod),
+                ], ts.NodeFlags.Const))
+                : undefined,
         ].filter((i) => !!i);
     }));
     return factory.updateSourceFile(file, statements);
 };
 exports.createBuiltinModuleTransformer = createBuiltinModuleTransformer;
+const createWellKnownChunksTransformer = (ts) => (context) => (file) => {
+    const { factory } = context;
+    // 转换所有导入声明
+    const transformedStatements = file.statements.map((node) => {
+        if (ts.isImportDeclaration(node) &&
+            ts.isStringLiteral(node.moduleSpecifier) &&
+            (0, exports.isRelativeModule)(node.moduleSpecifier.text)) {
+            const moduleSpecifier = node.moduleSpecifier.text;
+            const fileName = (0, path_1.basename)(moduleSpecifier);
+            const newPath = `/.well-known/chunks/${fileName}`;
+            // 创建新的导入声明
+            return factory.createImportDeclaration(node.modifiers, node.importClause, factory.createStringLiteral(newPath));
+        }
+        return node;
+    });
+    return factory.updateSourceFile(file, transformedStatements);
+};
+exports.createWellKnownChunksTransformer = createWellKnownChunksTransformer;

package/lib/esm/components/CustomComponentRenderer/state.js

@@ -155,9 +155,20 @@ export const customComponentStates = () => {
                     // handle the global variable
                     if (typeof m === 'function') {
                         try {
-                            // call m() to get the component module
                             const modulePromiseOrObject = m();
-                            Component = importCustomComponent(modulePromiseOrObject, { componentId });
+                            // if the module is a promise, we need to wait for it to resolve
+                            if (modulePromiseOrObject instanceof Promise) {
+                                modulePromiseOrObject
+                                    .then((m) => {
+                                    Component = importCustomComponent(m, { componentId });
+                                })
+                                    .catch((err) => {
+                                    console.error(`Failed to initialize component ${componentId}:`, err);
+                                });
+                            }
+                            else {
+                                Component = importCustomComponent(modulePromiseOrObject, { componentId });
+                            }
                         }
                         catch (err) {
                             console.error(`Failed to initialize component ${componentId}:`, err);
@@ -165,6 +176,7 @@ export const customComponentStates = () => {
                     }
                     else {
                         console.warn(`Component global variable ${preload.componentModuleGlobalVariable} is not a function`);
+                        return null;
                     }
                 }
                 return [componentId, { ...preload, Component }];
@@ -326,19 +338,37 @@ function useTranspileComponent({ componentId, locale, properties, dev: { default
         properties,
     });
     const script = useDeferredValue(component?.script);
+    const editComponent = useDeferredValue(component?.editComponent);
     useEffect(() => {
         if (script) {
+            // transpile view component
             transpileAndLoadScript(script)
                 .then((m) => {
                 // get properties from code
                 const propertiesFromCode = getPropertiesFromCode(m);
-                setComponent({ Component: m.default, EditComponent: m.EditComponent || undefined, propertiesFromCode });
+                const extraComponentInfo = m.EditComponent && !editComponent ? { EditComponent: m.EditComponent } : {};
+                setComponent((prev) => ({
+                    ...prev,
+                    ...extraComponentInfo,
+                    Component: m.default,
+                    propertiesFromCode,
+                }));
             })
                 .catch((error) => {
                 setComponent({ error });
             });
         }
-    }, [script]);
+        // transpile edit component
+        if (editComponent) {
+            transpileAndLoadScript(editComponent)
+                .then((m) => {
+                setComponent((prev) => ({ ...prev, EditComponent: m.default || m.EditComponent || undefined }));
+            })
+                .catch(() => {
+                // ignore error when transpile edit component
+            });
+        }
+    }, [script, editComponent]);
     return {
         error,
         Component,