@blocklet/pages-kit 0.4.117 → 0.4.119

package/lib/esm/utils/agent.js

@@ -0,0 +1,2 @@
+export const PAGE_CONTENT_WRITER_AGENT_ID = 'page-content-writer';
+export const AGENT_OPTIONS = [{ id: PAGE_CONTENT_WRITER_AGENT_ID, name: 'Page Content Writer' }];

package/lib/esm/utils/builtin.js

@@ -48,4 +48,5 @@ export const 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/esm/utils/data-source.js

@@ -0,0 +1,67 @@
+import { cloneDeep } from 'lodash';
+export function setPageDataSource(page, state, locale, pageData) {
+    try {
+        if (!page.locales) {
+            page.locales = {};
+        }
+        page.locales[locale] = 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 = cloneDeep(section.locales || {});
+                section.locales[locale] = 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 = 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] = {
+                        ...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/esm/utils/inject-global-components.js

@@ -13,6 +13,7 @@ import * as emotionCss from '../builtin/emotion/css';
 import * as iconifyReact from '../builtin/iconify/react';
 import * as immer from '../builtin/immer';
 import * as locale from '../builtin/locale';
+import * as markdownRenderer from '../builtin/markdown/index';
 import * as muiLab from '../builtin/mui/lab';
 import * as muiMaterial from '../builtin/mui/material';
 import * as pageHeader from '../builtin/page/header';
@@ -56,6 +57,7 @@ export 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/esm/utils/property.js

@@ -8,6 +8,7 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
     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)
@@ -23,6 +24,7 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
         ])));
         if (component.renderer?.type === 'react-component') {
             script = component.renderer?.script;
+            editComponent = component.renderer?.editComponent;
             break;
         }
         if (component.renderer?.type === 'web-component') {
@@ -51,7 +53,7 @@ export function mergeComponent({ componentId, getComponent, locale, defaultLocal
     }
     if (!script)
         return null;
-    return { script, props };
+    return { script, props, editComponent };
 }
 export const RenderNestedComponent = '__RENDER_NESTED_COMPONENT__';
 export function safeJSONParse(value) {

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

@@ -1,3 +1,4 @@
+import { basename } from 'path';
 import { BuiltinModulesGlobalVariableName } from '../../types/builtin';
 export const isRelativeModule = (moduleSpecifier) => {
     if (!moduleSpecifier) {
@@ -11,22 +12,22 @@ export const isAsyncModule = (moduleSpecifier) => {
     }
     return ['@blocklet/pages-kit/builtin/async/ai-runtime'].includes(moduleSpecifier);
 };
+// check if the module is a target module
+export const isBuiltinModule = (moduleSpecifier) => {
+    if (!moduleSpecifier) {
+        return false;
+    }
+    return moduleSpecifier.startsWith('@blocklet/pages-kit/builtin/');
+};
 export 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/') || 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)) {
+            (isBuiltinModule(s.moduleSpecifier.text) || isRelativeModule(s.moduleSpecifier.text))) {
             const importInfo = {
                 moduleName: s.moduleSpecifier.text,
                 name: s.importClause?.name?.text,
@@ -55,11 +56,11 @@ export const createBuiltinModuleTransformer = (ts) => (context) => (file) => {
     statements.unshift(...imports.flatMap((importInfo) => {
         // call inject-global-components require method
         const requireCall = factory.createCallExpression(factory.createPropertyAccessExpression(factory.createIdentifier(BuiltinModulesGlobalVariableName), 'require'), undefined, [factory.createStringLiteral(importInfo.moduleName)]);
+        const isAsync = isRelativeModule(importInfo.moduleName) || isAsyncModule(importInfo.moduleName);
         // create await expression if the module is ../ or ./
-        const mod = isRelativeModule(importInfo.moduleName) || 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')),
@@ -72,12 +73,31 @@ export 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);
 };
+export const createWellKnownChunksTransformer = (ts) => (context) => (file) => {
+    const { factory } = context;
+    // 转换所有导入声明
+    const transformedStatements = file.statements.map((node) => {
+        if (ts.isImportDeclaration(node) &&
+            ts.isStringLiteral(node.moduleSpecifier) &&
+            isRelativeModule(node.moduleSpecifier.text)) {
+            const moduleSpecifier = node.moduleSpecifier.text;
+            const fileName = 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);
+};