@blocklet/pages-kit-runtime 0.1.19 → 0.1.20

package/lib/cjs/client.js

@@ -57,6 +57,7 @@ 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) || ''),
@@ -64,12 +65,17 @@ const api = (0, js_sdk_1.createAxios)({
 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);
@@ -94,25 +100,54 @@ const RuntimeComponent = (props) => {
         }
     }, [proxyState.rawState]);
     const { loading } = (0, ahooks_1.useRequest)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!props.did || props.state) {
+        var _a;
+        if (props.state) {
             return null;
         }
-        const { data } = yield api.get('/api/pages', {
-            params: {
-                did: props.did,
-            },
-        });
-        proxyState.rawState = data.state;
-        return data;
+        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],
     });
+    (0, react_1.useEffect)(() => { }, [proxyState.pageData]);
     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;
@@ -125,6 +160,14 @@ class Runtime {
         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();
+    }
     waitForState() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a;

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

@@ -1,7 +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 });
-exports.PropertiesConfig = exports.BasicInfo = void 0;
 // @ts-ignore
-var setting_1 = require("@blocklet/pages-kit-inner-components/setting");
-Object.defineProperty(exports, "BasicInfo", { enumerable: true, get: function () { return setting_1.BasicInfo; } });
-Object.defineProperty(exports, "PropertiesConfig", { enumerable: true, get: function () { return setting_1.PropertiesConfig; } });
+__exportStar(require("@blocklet/pages-kit-inner-components/setting"), exports);