@blocklet/pages-kit 0.2.287 → 0.2.288

package/lib/types/builtin/async/ai-runtime/components/runtime-chat/InitialForm.d.ts

@@ -1,4 +1,10 @@
+import { StackProps } from '@mui/material';
+import { Assistant } from '../../api/assistant';
 import { PageState } from '../../hooks/navigate';
 export default function InitialForm({ page }: {
     page: PageState;
 }): import("react/jsx-runtime").JSX.Element | null;
+export declare function EntryListView({ assistant, onEntryClick, ...props }: {
+    assistant: Assistant;
+    onEntryClick?: (entry: NonNullable<Assistant['entries']>[number]) => void;
+} & StackProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatHeader.d.ts

@@ -1,4 +1,5 @@
+import { BoxProps } from '@mui/material';
 import { Assistant } from '../../api/assistant';
-export default function RuntimeChatHeader({ assistant }: {
+export default function RuntimeChatHeader({ assistant, ...props }: {
     assistant: Assistant;
-}): import("react/jsx-runtime").JSX.Element;
+} & BoxProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/components/runtime-chat/index.d.ts

@@ -1,4 +1,5 @@
+import { StackProps } from '@mui/material';
 import { PageState } from '../../hooks/navigate';
-export default function RuntimeChat({ page }: {
+export default function RuntimeChat({ page, ...props }: {
     page: PageState;
-}): import("react/jsx-runtime").JSX.Element;
+} & StackProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/components/session/CheckSession.d.ts

@@ -1,9 +1,8 @@
 import { ReactNode } from 'react';
-import { RuntimeNavigate } from '../../hooks/navigate';
-export default function CheckSession({ assistantId, sessionId, autoCreateSession, children, navigate, }: {
-    assistantId: string;
-    sessionId?: string;
+import { PageState } from '../../hooks/navigate';
+export default function CheckSession({ cacheId, page, autoCreateSession, children, }: {
+    cacheId?: string;
+    page: PageState;
     autoCreateSession?: boolean;
     children?: ReactNode;
-    navigate?: RuntimeNavigate;
 }): ReactNode;

package/lib/types/builtin/async/ai-runtime/error.d.ts

@@ -0,0 +1,4 @@
+export declare class CustomError extends Error {
+    status: string | number;
+    constructor(status: string | number, message: string);
+}

package/lib/types/builtin/async/ai-runtime/hooks/useAsync.d.ts

@@ -0,0 +1 @@
+export default function useAsync<T>(fn: () => T | Promise<T>, keys: (string | number | undefined | null)[]): T;

package/lib/types/builtin/async/ai-runtime/index.d.ts

@@ -8,7 +8,7 @@ export declare function getServerSideProps(): Promise<{
         } | undefined;
     };
 }>;
-export default function AIRuntime({ preload }: {
+export default function App(props: {
     preload?: {
         assistantId: string;
         assistant: Assistant;

package/lib/types/builtin/async/ai-runtime/state/loading.d.ts

@@ -0,0 +1,10 @@
+export interface GlobalLoadingState {
+    loading: boolean;
+    count: number;
+    run: <T>(fn: Promise<T> | (() => Promise<T>)) => Promise<T>;
+    start: () => void;
+    end: () => void;
+}
+export declare const globalLoadingState: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<GlobalLoadingState>, "setState"> & {
+    setState(nextStateOrUpdater: GlobalLoadingState | Partial<GlobalLoadingState> | ((state: import("immer").WritableDraft<GlobalLoadingState>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/lib/types/builtin/page/header.d.ts

@@ -5,10 +5,5 @@ export interface HeaderState {
     addons?: (...exists: any[]) => any[];
 }
 export declare const useHeaderState: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<HeaderState>, "setState"> & {
-    setState(nextStateOrUpdater: HeaderState | Partial<HeaderState> | ((state: {
-        logo?: any;
-        brand?: any;
-        description?: any;
-        addons?: ((...exists: any[]) => any[]) | undefined;
-    }) => void), shouldReplace?: boolean | undefined): void;
+    setState(nextStateOrUpdater: HeaderState | Partial<HeaderState> | ((state: import("immer").WritableDraft<HeaderState>) => void), shouldReplace?: boolean | undefined): void;
 }>;

package/lib/types/components/CustomComponentRenderer/state.d.ts

@@ -18,122 +18,7 @@ export interface CustomComponentStates {
     loadComponents(input: Pick<PreloadComponentsInput, 'mode' | 'locale' | 'instances'>): Promise<void>;
 }
 export declare const customComponentStates: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<CustomComponentStates>, "setState"> & {
-    setState(nextStateOrUpdater: CustomComponentStates | Partial<CustomComponentStates> | ((state: {
-        state: {
-            config: {
-                defaultLocale?: string | undefined;
-                supportedLocales?: {
-                    locale: string;
-                }[] | undefined;
-            };
-            components: {
-                [x: string]: {
-                    componentModuleGlobalVariable?: string | undefined;
-                    component: {
-                        id: string;
-                        createdAt: string;
-                        updatedAt: string;
-                        name?: string | undefined;
-                        renderer?: {
-                            type: "web-component";
-                            script?: string | undefined;
-                        } | {
-                            type: "react-component";
-                            script?: string | undefined;
-                        } | {
-                            type: "component";
-                            componentId?: string | undefined;
-                            properties?: {
-                                [x: string]: {
-                                    locales?: {
-                                        [x: string]: {
-                                            value?: any;
-                                        };
-                                    } | undefined;
-                                };
-                            } | undefined;
-                        } | undefined;
-                        properties?: {
-                            [x: string]: {
-                                index: number;
-                                data: {
-                                    type: "number" | "boolean" | "json" | "url";
-                                    id: string;
-                                    key?: string | undefined;
-                                    locales?: {
-                                        [x: string]: {
-                                            name?: string | undefined;
-                                            defaultValue?: any;
-                                        };
-                                    } | undefined;
-                                } | {
-                                    type: "custom";
-                                    componentId?: string | undefined;
-                                    id: string;
-                                    key?: string | undefined;
-                                    locales?: {
-                                        [x: string]: {
-                                            name?: string | undefined;
-                                            defaultValue?: any;
-                                        };
-                                    } | undefined;
-                                } | {
-                                    type?: "string" | undefined;
-                                    multiline?: boolean | undefined;
-                                    id: string;
-                                    key?: string | undefined;
-                                    locales?: {
-                                        [x: string]: {
-                                            name?: string | undefined;
-                                            defaultValue?: any;
-                                        };
-                                    } | undefined;
-                                } | {
-                                    type: "component";
-                                    locales?: {
-                                        [x: string]: {
-                                            name?: undefined;
-                                            defaultValue?: {
-                                                componentId?: string | undefined;
-                                                properties: any;
-                                            } | undefined;
-                                        };
-                                    } | undefined;
-                                    id: string;
-                                    key?: string | undefined;
-                                };
-                            };
-                        } | undefined;
-                    };
-                    Component?: ComponentType | undefined;
-                };
-            };
-            instances: {
-                [x: string]: {
-                    componentId: string;
-                    locales?: {
-                        [x: string]: {
-                            props?: {
-                                [x: string]: any;
-                            } | undefined;
-                        };
-                    } | undefined;
-                };
-            };
-        };
-        getComponent: (options: {
-            locale: string;
-            instanceId?: string;
-            componentId: string;
-        }) => {
-            component: CustomComponent;
-            Component: ComponentType;
-            props?: {
-                [key: string]: any;
-            };
-        } | null;
-        loadComponents: (input: Pick<PreloadComponentsInput, 'mode' | 'locale' | 'instances'>) => Promise<void>;
-    }) => void), shouldReplace?: boolean | undefined): void;
+    setState(nextStateOrUpdater: CustomComponentStates | Partial<CustomComponentStates> | ((state: import("immer").WritableDraft<CustomComponentStates>) => void), shouldReplace?: boolean | undefined): void;
 }>;
 export declare function useComponent({ instanceId, componentId, properties, locale, dev }: CustomComponentRendererProps): {
     error?: Error;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.287",
+  "version": "0.2.288",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -93,17 +93,17 @@
     "prepare": "npm run build"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.71",
+    "@arcblock/did-connect": "^2.9.73",
     "@blocklet/ai-kit": "^0.1.27",
-    "@blocklet/ai-runtime": "^0.1.346",
+    "@blocklet/ai-runtime": "^0.1.349",
     "@blocklet/js-sdk": "1.16.26-beta-cca12425",
-    "@blocklet/sdk": "^1.16.25",
+    "@blocklet/sdk": "^1.16.26",
     "@iconify/react": "^4.1.1",
     "@lottiefiles/lottie-player": "^1.7.1",
     "axios": "^1.6.8",
     "dayjs": "^1.11.10",
     "eventsource-parser": "^1.1.2",
-    "immer": "^10.0.4",
+    "immer": "^10.1.1",
     "js-base64": "^3.7.7",
     "lodash": "^4.17.21",
     "nanoid": "^3.3.7",
@@ -134,7 +134,7 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.9.71",
+    "@arcblock/ux": "^2.9.73",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
@@ -144,13 +144,13 @@
     "@types/lodash": "^4.17.0",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",
-    "@types/react": "^18.3.0",
+    "@types/react": "^18.3.1",
     "@types/react-scroll-to-bottom": "^4.2.5",
     "@types/react-syntax-highlighter": "^15.5.11",
     "axios": "^1.6.8",
     "npm-run-all": "^4.1.5",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.0",
     "rimraf": "^5.0.5"
   }

package/lib/cjs/builtin/async/ai-runtime/components/layout/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const utils_1 = require("../../utils");
-function Layout({ children, disableBottomPadding, containerProps, }) {
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { className: "ai-chat-wrapper", mx: 2, flexGrow: 1, children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: "ai-chat-container" }, containerProps, { sx: (0, utils_1.mergeSx)({
-                flexGrow: 1,
-                maxWidth: 720,
-                width: '100%',
-                mx: 'auto',
-                pb: disableBottomPadding ? 0 : 10,
-            }, containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx), children: children })) }));
-}
-exports.default = Layout;

package/lib/cjs/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatHome.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const assistant_1 = require("../../state/assistant");
-const layout_1 = __importDefault(require("../layout"));
-const InitialForm_1 = __importDefault(require("./InitialForm"));
-const RuntimeChatHeader_1 = __importDefault(require("./RuntimeChatHeader"));
-function RuntimeChatHome({ page }) {
-    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId: page.assistantId });
-    return ((0, jsx_runtime_1.jsxs)(layout_1.default, { disableBottomPadding: true, containerProps: {
-            sx: {
-                display: 'flex',
-                flexDirection: 'column',
-                height: '100%',
-            },
-        }, children: [(0, jsx_runtime_1.jsx)(RuntimeChatHeader_1.default, { assistant: assistant }), (0, jsx_runtime_1.jsx)(InitialForm_1.default, { page: page })] }));
-}
-exports.default = RuntimeChatHome;

package/lib/esm/builtin/async/ai-runtime/components/layout/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
-import { mergeSx } from '../../utils';
-export default function Layout({ children, disableBottomPadding, containerProps, }) {
-    return (_jsx(Stack, { className: "ai-chat-wrapper", mx: 2, flexGrow: 1, children: _jsx(Box, Object.assign({ className: "ai-chat-container" }, containerProps, { sx: mergeSx({
-                flexGrow: 1,
-                maxWidth: 720,
-                width: '100%',
-                mx: 'auto',
-                pb: disableBottomPadding ? 0 : 10,
-            }, containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx), children: children })) }));
-}

package/lib/esm/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatHome.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAssistantState } from '../../state/assistant';
-import Layout from '../layout';
-import InitialForm from './InitialForm';
-import RuntimeChatHeader from './RuntimeChatHeader';
-export default function RuntimeChatHome({ page }) {
-    const [assistant] = useAssistantState({ assistantId: page.assistantId });
-    return (_jsxs(Layout, { disableBottomPadding: true, containerProps: {
-            sx: {
-                display: 'flex',
-                flexDirection: 'column',
-                height: '100%',
-            },
-        }, children: [_jsx(RuntimeChatHeader, { assistant: assistant }), _jsx(InitialForm, { page: page })] }));
-}

package/lib/types/builtin/async/ai-runtime/components/layout/index.d.ts

@@ -1,7 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export default function Layout({ children, disableBottomPadding, containerProps, }: {
-    children: ReactNode;
-    disableBottomPadding?: boolean;
-    containerProps?: BoxProps;
-}): import("react/jsx-runtime").JSX.Element;

package/lib/types/builtin/async/ai-runtime/components/runtime-chat/RuntimeChatHome.d.ts

@@ -1,4 +0,0 @@
-import { PageState } from '../../hooks/navigate';
-export default function RuntimeChatHome({ page }: {
-    page: PageState;
-}): import("react/jsx-runtime").JSX.Element;