@blocklet/pages-kit-runtime 0.1.0

package/lib/cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PUBLISH_MODES = exports.STATE_MODES = void 0;
+exports.STATE_MODES = ['production', 'draft'];
+exports.PUBLISH_MODES = ['production'];

package/lib/cjs/utils/index.js

@@ -0,0 +1 @@
+"use strict";

package/lib/esm/client.js

@@ -0,0 +1,260 @@
+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());
+    });
+};
+var _a;
+import { jsx as _jsx } from "react/jsx-runtime";
+import Result from '@arcblock/ux/lib/Result';
+import Spinner from '@arcblock/ux/lib/Spinner';
+import { createAxios } from '@blocklet/js-sdk';
+// @ts-ignore
+import { PageRoutes, PageViewByPath } from '@blocklet/pages-kit-inner-components/home';
+import Box from '@mui/material/Box';
+import { useRequest, useReactive } from 'ahooks';
+import React, { useImperativeHandle, useEffect, useRef } from 'react';
+import { joinURL } from 'ufo';
+const PAGES_KIT_BLOCKLET_DID = 'z8iZiDFg3vkkrPwsiba1TLXy3H9XHzFERsP8o';
+const CenteredContainer = ({ children }) => (_jsx(Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", children: children }));
+const api = createAxios({
+    baseURL: joinURL(((_a = window === null || window === void 0 ? void 0 : window.blocklet) === null || _a === void 0 ? void 0 : _a.prefix) || ''),
+});
+// convert page data to page init data, use for AIGNE
+function convertPageData(state, page, locale) {
+    var _a, _b, _c;
+    // 如果页面不存在，返回 null
+    if (!page) {
+        return null;
+    }
+    // 获取默认语言
+    const defaultLocale = (_a = state.config) === null || _a === void 0 ? void 0 : _a.defaultLocale;
+    // 获取页面在指定语言下的数据，如果不存在则使用默认语言的数据
+    const pageLocaleData = ((_b = page.locales) === null || _b === void 0 ? void 0 : _b[locale]) || ((_c = page.locales) === null || _c === void 0 ? void 0 : _c[defaultLocale]) || {};
+    // 初始化基础页面数据
+    const result = {
+        title: pageLocaleData.title,
+        image: pageLocaleData.image,
+        description: pageLocaleData.description,
+        sectionsData: {},
+    };
+    // 处理每个 section 的数据
+    page.sectionIds.forEach((sectionId) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const section = page.sections[sectionId];
+        if (!section)
+            return;
+        // 获取 section 在指定语言下的配置，如果不存在则使用默认语言的配置
+        const sectionConfig = section.config || {};
+        const sectionData = ((_a = section.locales) === null || _a === void 0 ? void 0 : _a[locale]) || ((_b = section.locales) === null || _b === void 0 ? void 0 : _b[defaultLocale]);
+        const sectionName = section.name || section.id;
+        if (section.component === 'custom-component') {
+            // 处理自定义组件
+            const componentId = (sectionConfig === null || sectionConfig === void 0 ? void 0 : sectionConfig.componentId) || ((_c = section.config) === null || _c === void 0 ? void 0 : _c.componentId);
+            const component = ((_d = state.components[componentId]) === null || _d === void 0 ? void 0 : _d.data) || ((_g = (_f = (_e = state.resources) === null || _e === void 0 ? void 0 : _e.components) === null || _f === void 0 ? void 0 : _f[componentId]) === null || _g === void 0 ? void 0 : _g.component);
+            if (component) {
+                result.sectionsData[sectionName] = {};
+                // 遍历组件的属性定义
+                Object.entries(component.properties || {}).forEach(([, prop]) => {
+                    var _a, _b, _c, _d, _e;
+                    const key = ((_a = prop.data) === null || _a === void 0 ? void 0 : _a.key) || ((_b = prop.data) === null || _b === void 0 ? void 0 : _b.id);
+                    if (key) {
+                        result.sectionsData[sectionName][key] = (_e = (_c = sectionData === null || sectionData === void 0 ? void 0 : sectionData.properties) === null || _c === void 0 ? void 0 : _c[(_d = prop.data) === null || _d === void 0 ? void 0 : _d.id]) === null || _e === void 0 ? void 0 : _e.value;
+                    }
+                });
+            }
+        }
+        else if (section.component === 'iframe') {
+            // 处理 iframe 组件
+            result.sectionsData[sectionName] = {
+                src: sectionData === null || sectionData === void 0 ? void 0 : sectionData.src,
+                title: sectionData === null || sectionData === void 0 ? void 0 : sectionData.title,
+                description: sectionData === null || sectionData === void 0 ? void 0 : sectionData.description,
+            };
+        }
+        else if (section.component === 'section') {
+            // 处理普通 section 组件
+            result.sectionsData[sectionName] = {
+                title: sectionData === null || sectionData === void 0 ? void 0 : sectionData.title,
+                description: sectionData === null || sectionData === void 0 ? void 0 : sectionData.description,
+                image: sectionData === null || sectionData === void 0 ? void 0 : sectionData.image,
+                imageMeta: sectionData === null || sectionData === void 0 ? void 0 : sectionData.imageMeta,
+            };
+        }
+        else if (section.component === 'section-card-list') {
+            // 处理卡片列表组件
+            result.sectionsData[sectionName] = {
+                title: sectionData === null || sectionData === void 0 ? void 0 : sectionData.title,
+                description: sectionData === null || sectionData === void 0 ? void 0 : sectionData.description,
+                list: (sectionData === null || sectionData === void 0 ? void 0 : sectionData.list) || [],
+            };
+        }
+        else if (section.component === 'toc') {
+            // 处理目录组件
+            result.sectionsData[sectionName] = {
+                title: sectionData === null || sectionData === void 0 ? void 0 : sectionData.title,
+                description: sectionData === null || sectionData === void 0 ? void 0 : sectionData.description,
+            };
+        }
+        else {
+            // 处理其他类型的组件
+            result.sectionsData[sectionName] = sectionData;
+        }
+    });
+    return result;
+}
+export const RuntimeComponent = (props) => {
+    const proxyState = useReactive({
+        rawState: props.state,
+        pageData: props.pageData,
+    });
+    const listeners = useRef(new Set());
+    // 暴露 proxyState 和 waitForState 给父组件
+    useImperativeHandle(props.stateRef, () => {
+        return {
+            getState: () => proxyState.rawState,
+            getPageData: () => proxyState.pageData,
+            setPageData: (data) => {
+                proxyState.pageData = data;
+            },
+            waitForState: () => {
+                if (proxyState.rawState) {
+                    return Promise.resolve(proxyState.rawState);
+                }
+                return new Promise((resolve) => {
+                    const listener = (state) => {
+                        if (state) {
+                            listeners.current.delete(listener);
+                            resolve(state);
+                        }
+                    };
+                    listeners.current.add(listener);
+                });
+            },
+            getPageInitData: ({ locale }) => {
+                return new Promise((resolve) => {
+                    if (!props.path) {
+                        resolve(null);
+                        return;
+                    }
+                    const getPageInitData = () => __awaiter(void 0, void 0, void 0, function* () {
+                        var _a;
+                        let pageInitData = {};
+                        if (proxyState.rawState.pages) {
+                            const page = Object.values(proxyState.rawState.pages).find((page) => (page === null || page === void 0 ? void 0 : page.slug) === props.path);
+                            if (page) {
+                                pageInitData = convertPageData(proxyState.rawState, page, locale || ((_a = proxyState.rawState.config) === null || _a === void 0 ? void 0 : _a.defaultLocale));
+                            }
+                        }
+                        resolve(pageInitData);
+                    });
+                    // get init data, check if state is ready
+                    if (proxyState.rawState) {
+                        getPageInitData();
+                    }
+                    else {
+                        const listener = (state) => {
+                            if (state) {
+                                listeners.current.delete(listener);
+                                getPageInitData();
+                            }
+                        };
+                        listeners.current.add(listener);
+                    }
+                });
+            },
+        };
+    });
+    // 当状态更新时通知所有监听器
+    useEffect(() => {
+        var _a;
+        if ((_a = props.stateRef) === null || _a === void 0 ? void 0 : _a.current) {
+            listeners.current.forEach((listener) => listener(proxyState.rawState));
+        }
+    }, [proxyState.rawState]);
+    const { loading } = useRequest(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (props.state) {
+            return null;
+        }
+        if (!props.did && !props.projectId) {
+            return null;
+        }
+        let stateData;
+        if (props.did) {
+            // get state from resource blocklet by did
+            const { data } = yield api.get('/api/pages', {
+                params: {
+                    did: props.did,
+                },
+            });
+            proxyState.rawState = data.state;
+            stateData = data;
+        }
+        else if (props.projectId) {
+            let pagesKitBaseUrl = props.siteFrom;
+            if (!pagesKitBaseUrl) {
+                pagesKitBaseUrl = window.location.origin;
+                // find pages kit prefix from window.blocklet
+                const pagesKitMountPoint = (_a = window.blocklet) === null || _a === void 0 ? void 0 : _a.componentMountPoints.find((i) => i.did === PAGES_KIT_BLOCKLET_DID);
+                if (pagesKitMountPoint) {
+                    pagesKitBaseUrl = joinURL(pagesKitBaseUrl, pagesKitMountPoint.mountPoint);
+                }
+            }
+            const apiUrl = joinURL(pagesKitBaseUrl, 'api/projects', props.projectId, 'pages');
+            // get state from project by projectId
+            const { data } = yield api.get(apiUrl);
+            proxyState.rawState = data;
+            stateData = data;
+        }
+        return stateData;
+    }), {
+        refreshDeps: [props.did, props.state, props.projectId],
+    });
+    if (loading) {
+        return (_jsx(CenteredContainer, { children: _jsx(Spinner, {}) }));
+    }
+    if (!proxyState.rawState) {
+        return (_jsx(CenteredContainer, { children: _jsx(Result, { status: 404 }) }));
+    }
+    if (props.path) {
+        return (_jsx(PageViewByPath, { mode: "production", state: proxyState.rawState, path: props.path, pageData: proxyState.pageData }));
+    }
+    return _jsx(PageRoutes, { mode: "production", state: proxyState.rawState });
+};
+export default class Runtime {
+    constructor(props) {
+        this.stateRef = React.createRef();
+        this.props = props;
+    }
+    get rawState() {
+        var _a;
+        return (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.getState();
+    }
+    set pageData(data) {
+        var _a;
+        (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.setPageData(data);
+    }
+    get pageData() {
+        var _a;
+        return (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.getPageData();
+    }
+    getPageInitData(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ locale }) {
+            var _b;
+            return (_b = this.stateRef.current) === null || _b === void 0 ? void 0 : _b.getPageInitData({ locale });
+        });
+    }
+    waitForState() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            return (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.waitForState();
+        });
+    }
+    render() {
+        return _jsx(RuntimeComponent, Object.assign({}, this.props, { stateRef: this.stateRef }));
+    }
+}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BlockletStudio } from '@blocklet/ui-react';
+import { Box } from '@mui/material';
+import { Suspense } from 'react';
+export 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 (_jsx(Box, Object.assign({}, boxProps, { children: _jsx(Suspense, { children: _jsx(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: {} }) }) })));
+}
+export default CreateResource;

package/lib/esm/components/custom-component/index.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line import/export
+export * from './settings';

package/lib/esm/components/custom-component/settings.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+export * from '@blocklet/pages-kit-inner-components/setting';

package/lib/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './create-resource';
+// eslint-disable-next-line import/export
+export * from './custom-component';

package/lib/esm/index.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/locales/index.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+export { translations } from '@blocklet/pages-kit-inner-components/locales';