@blocklet/pages-kit-runtime 0.1.19 → 0.1.21

package/lib/esm/client.js

@@ -13,11 +13,12 @@ import Result from '@arcblock/ux/lib/Result';
 import Spinner from '@arcblock/ux/lib/Spinner';
 import { createAxios } from '@blocklet/js-sdk';
 // @ts-ignore
-import { PageRoutes } from '@blocklet/pages-kit-inner-components/home';
+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) || ''),
@@ -25,12 +26,17 @@ const api = createAxios({
 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);
@@ -55,25 +61,54 @@ export const RuntimeComponent = (props) => {
         }
     }, [proxyState.rawState]);
     const { loading } = 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 = 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],
     });
+    useEffect(() => { }, [proxyState.pageData]);
     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 {
@@ -85,6 +120,14 @@ export default 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/esm/components/custom-component/settings.js

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