@blocklet/pages-kit-runtime 0.1.7 → 0.1.9

package/lib/esm/client.js

@@ -1,19 +1,44 @@
+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/components/result';
+import Spinner from '@arcblock/ux/lib/components/spinner';
+import { createAxios } from '@blocklet/js-sdk';
 // @ts-ignore
-import Home from '@blocklet/pages-kit-inner-components/home';
-export const ProjectRuntimeView = () => {
-    return _jsx(Home, {});
-};
-export class ProjectRuntime {
-    constructor({ state, projectId }) {
-        this.state = state;
-        this.projectId = projectId;
+import HomeComponent from '@blocklet/pages-kit-inner-components/home';
+import Box from '@mui/material/Box';
+import { useRequest } from 'ahooks';
+import { joinURL } from 'ufo';
+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) || ''),
+});
+export default (props) => {
+    const { loading } = useRequest(() => __awaiter(void 0, void 0, void 0, function* () {
+        const { data } = yield api.get('/api/pages', { params: props });
+        const dataResult = props.handleData ? props.handleData(data) : data;
+        // @ts-ignore
+        window.__PAGE_STATE__ = dataResult.state;
+        // @ts-ignore
+        window.__PROJECT_ID__ = dataResult.did;
+        return data;
+    }), {
+        refreshDeps: [props.did],
+    });
+    if (loading) {
+        return (_jsx(CenteredContainer, { children: _jsx(Spinner, {}) }));
     }
-    render() {
-        // eslint-disable-next-line no-console
-        console.log('ProjectRuntime', this.state, this.projectId);
-        return _jsx(ProjectRuntimeView, {});
+    // @ts-ignore
+    if (!window.__PAGE_STATE__) {
+        return (_jsx(CenteredContainer, { children: _jsx(Result, { status: "404", title: "404", subTitle: "Sorry, the page you visited does not exist." }) }));
     }
-}
-// export Home
-export { Home };
+    return _jsx(HomeComponent, {});
+};