@blocklet/pages-kit-runtime 0.1.0

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2018-2020 ArcBlock
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/lib/cjs/client.js

@@ -0,0 +1,301 @@
+"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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Result_1 = __importDefault(require("@arcblock/ux/lib/Result"));
+const Spinner_1 = __importDefault(require("@arcblock/ux/lib/Spinner"));
+const js_sdk_1 = require("@blocklet/js-sdk");
+// @ts-ignore
+const home_1 = require("@blocklet/pages-kit-inner-components/home");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const ahooks_1 = require("ahooks");
+const react_1 = __importStar(require("react"));
+const ufo_1 = require("ufo");
+const PAGES_KIT_BLOCKLET_DID = 'z8iZiDFg3vkkrPwsiba1TLXy3H9XHzFERsP8o';
+const CenteredContainer = ({ children }) => ((0, jsx_runtime_1.jsx)(Box_1.default, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", children: children }));
+const api = (0, js_sdk_1.createAxios)({
+    baseURL: (0, ufo_1.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;
+}
+const RuntimeComponent = (props) => {
+    const proxyState = (0, ahooks_1.useReactive)({
+        rawState: props.state,
+        pageData: props.pageData,
+    });
+    const listeners = (0, react_1.useRef)(new Set());
+    // 暴露 proxyState 和 waitForState 给父组件
+    (0, react_1.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);
+                    }
+                });
+            },
+        };
+    });
+    // 当状态更新时通知所有监听器
+    (0, react_1.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 } = (0, ahooks_1.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 = (0, ufo_1.joinURL)(pagesKitBaseUrl, pagesKitMountPoint.mountPoint);
+                }
+            }
+            const apiUrl = (0, ufo_1.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 ((0, jsx_runtime_1.jsx)(CenteredContainer, { children: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}) }));
+    }
+    if (!proxyState.rawState) {
+        return ((0, jsx_runtime_1.jsx)(CenteredContainer, { children: (0, jsx_runtime_1.jsx)(Result_1.default, { status: 404 }) }));
+    }
+    if (props.path) {
+        return ((0, jsx_runtime_1.jsx)(home_1.PageViewByPath, { mode: "production", state: proxyState.rawState, path: props.path, pageData: proxyState.pageData }));
+    }
+    return (0, jsx_runtime_1.jsx)(home_1.PageRoutes, { mode: "production", state: proxyState.rawState });
+};
+exports.RuntimeComponent = RuntimeComponent;
+class Runtime {
+    constructor(props) {
+        this.stateRef = react_1.default.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 (0, jsx_runtime_1.jsx)(exports.RuntimeComponent, Object.assign({}, this.props, { stateRef: this.stateRef }));
+    }
+}
+exports.default = Runtime;

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/custom-component/index.js

@@ -0,0 +1,18 @@
+"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 });
+// eslint-disable-next-line import/export
+__exportStar(require("./settings"), exports);

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

@@ -0,0 +1,18 @@
+"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 });
+// @ts-ignore
+__exportStar(require("@blocklet/pages-kit-inner-components/setting"), exports);

package/lib/cjs/components/index.js

@@ -0,0 +1,19 @@
+"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);
+// eslint-disable-next-line import/export
+__exportStar(require("./custom-component"), exports);

package/lib/cjs/index.js

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

package/lib/cjs/locales/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translations = void 0;
+// @ts-ignore
+var locales_1 = require("@blocklet/pages-kit-inner-components/locales");
+Object.defineProperty(exports, "translations", { enumerable: true, get: function () { return locales_1.translations; } });