@blocklet/pages-kit 0.2.302 → 0.2.304

package/lib/esm/builtin/async/ai-runtime/state/runtime.js

@@ -17,27 +17,28 @@ export function useRuntimeState() {
     var _a;
     const { aid, working } = useRuntimeContext();
     const [agent] = useAgentState({ aid, working });
-    const sessionState = createSessionState({ aid })();
     const { session: authSession } = useSessionContext();
+    const sessionState = useMemo(() => createSessionState({ aid }), [aid]);
+    const exec = sessionState((s) => s.execute);
     // reset state after logged out
     useEffect(() => {
         var _a;
         if (!((_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did)) {
-            sessionState.reset();
+            sessionState.getState().reset();
         }
-    }, [(_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did]);
+    }, [(_a = authSession.user) === null || _a === void 0 ? void 0 : _a.did, sessionState]);
     const login = useCallback(() => __awaiter(this, void 0, void 0, function* () {
         yield new Promise((resolve) => {
             authSession.login(() => resolve());
         });
-        yield Promise.all([sessionState.load()]);
-    }), [aid, authSession, sessionState]);
+        yield sessionState.getState().load();
+    }), [authSession, sessionState]);
     const execute = useCallback((args) => __awaiter(this, void 0, void 0, function* () {
         if (!authSession.user) {
             yield login();
         }
-        return sessionState.execute(Object.assign(Object.assign({}, args), { working }));
-    }), [authSession.user, login, sessionState]);
+        return exec(Object.assign(Object.assign({}, args), { working }));
+    }), [authSession.user, exec, working, login]);
     const appearancePage = useMemo(() => {
         var _a, _b;
         const initialValue = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === RuntimeOutputVariable.appearancePage)) === null || _b === void 0 ? void 0 : _b.initialValue;
@@ -47,5 +48,5 @@ export function useRuntimeState() {
         var _a, _b, _c, _d, _e, _f;
         return ((_f = (_e = (_d = (_c = (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === RuntimeOutputVariable.children)) === null || _b === void 0 ? void 0 : _b.initialValue) === null || _c === void 0 ? void 0 : _c.agents) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.id) !== null && _f !== void 0 ? _f : agent.id);
     }, [agent]);
-    return { aid, working, agent, appearancePage, sessionState, childAgentId, execute };
+    return { aid, working, agent, appearancePage, childAgentId, execute };
 }

package/lib/esm/builtin/async/ai-runtime/state/session.js

@@ -15,16 +15,17 @@ var __asyncValues = (this && this.__asyncValues) || function (o) {
     function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
 };
 import { parseIdentity } from '@blocklet/ai-runtime/common/aid';
+import { useEffect, useMemo } from 'react';
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { getMessages } from '../api/message';
 import { createSession, getSessions, runAgent } from '../api/session';
-const STATES = {};
+import { useRuntimeContext } from '../contexts/Runtime';
+import { createCachedStore } from '../utils/zustand';
 const GET_MESSAGES_LIMIT = 100;
 const GET_MESSAGES_ORDER_DIRECTION = 'desc';
 export const createSessionState = ({ aid }) => {
-    var _a;
-    (_a = STATES[aid]) !== null && _a !== void 0 ? _a : (STATES[aid] = create()(immer((set, get) => ({
+    return createCachedStore(aid, () => create()(immer((set, get) => ({
         reset: () => {
             set((state) => {
                 state.loading = undefined;
@@ -38,13 +39,13 @@ export const createSessionState = ({ aid }) => {
             });
         },
         load: () => __awaiter(void 0, void 0, void 0, function* () {
-            var _b;
+            var _a;
             set((state) => {
                 state.loading = true;
             });
             try {
                 const { sessions } = yield getSessions({ aid });
-                const session = (_b = sessions[0]) !== null && _b !== void 0 ? _b : (yield createSession({ aid })).created;
+                const session = (_a = sessions[0]) !== null && _a !== void 0 ? _a : (yield createSession({ aid })).created;
                 const { messages } = yield getMessages({
                     sessionId: session.id,
                     orderDirection: GET_MESSAGES_ORDER_DIRECTION,
@@ -70,7 +71,7 @@ export const createSessionState = ({ aid }) => {
             }
         }),
         loadMoreMessages: () => __awaiter(void 0, void 0, void 0, function* () {
-            var _c;
+            var _b;
             set((state) => {
                 state.messageLoading = true;
             });
@@ -80,7 +81,7 @@ export const createSessionState = ({ aid }) => {
             try {
                 const result = yield getMessages({
                     sessionId: session.id,
-                    before: (_c = messages === null || messages === void 0 ? void 0 : messages.slice(-1)[0]) === null || _c === void 0 ? void 0 : _c.id,
+                    before: (_b = messages === null || messages === void 0 ? void 0 : messages.slice(-1)[0]) === null || _b === void 0 ? void 0 : _b.id,
                     orderDirection: GET_MESSAGES_ORDER_DIRECTION,
                     limit: GET_MESSAGES_LIMIT,
                 });
@@ -96,8 +97,8 @@ export const createSessionState = ({ aid }) => {
                 });
             }
         }),
-        execute: (_d) => __awaiter(void 0, [_d], void 0, function* ({ aid, working, parameters, onResponseStart, }) {
-            var _e, e_1, _f, _g;
+        execute: (_c) => __awaiter(void 0, [_c], void 0, function* ({ aid, working, parameters, onResponseStart, }) {
+            var _d, e_1, _e, _f;
             let { session } = get();
             if (!session) {
                 yield get().load();
@@ -121,10 +122,10 @@ export const createSessionState = ({ aid }) => {
                 });
                 let responseStarted = false;
                 try {
-                    for (var _h = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _e = stream_1_1.done, !_e; _h = true) {
-                        _g = stream_1_1.value;
-                        _h = false;
-                        const value = _g;
+                    for (var _g = true, stream_1 = __asyncValues(stream), stream_1_1; stream_1_1 = yield stream_1.next(), _d = stream_1_1.done, !_d; _g = true) {
+                        _f = stream_1_1.value;
+                        _g = false;
+                        const value = _f;
                         if (!responseStarted) {
                             responseStarted = true;
                             onResponseStart === null || onResponseStart === void 0 ? void 0 : onResponseStart();
@@ -182,7 +183,7 @@ export const createSessionState = ({ aid }) => {
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (!_h && !_e && (_f = stream_1.return)) yield _f.call(stream_1);
+                        if (!_g && !_d && (_e = stream_1.return)) yield _e.call(stream_1);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -205,5 +206,16 @@ export const createSessionState = ({ aid }) => {
             }
         }),
     }))));
-    return STATES[aid];
 };
+export function useSessionState({ autoLoad } = {}) {
+    const { aid } = useRuntimeContext();
+    const state = useMemo(() => createSessionState({ aid }), [aid]);
+    useEffect(() => {
+        if (!autoLoad)
+            return;
+        const { loading, loaded, load } = state.getState();
+        if (!loading && !loaded)
+            load();
+    }, [state, autoLoad]);
+    return state;
+}

package/lib/esm/builtin/async/ai-runtime/utils/agent-inputs.js

@@ -0,0 +1,4 @@
+export const USER_INPUT_PARAMETER_TYPES = ['string', 'number', 'select', 'language'];
+export function isValidInput(input) {
+    return !!input.key && USER_INPUT_PARAMETER_TYPES.includes(input.type || 'string');
+}

package/lib/esm/builtin/async/ai-runtime/utils/zustand.js

@@ -0,0 +1,6 @@
+const STATES = {};
+export function createCachedStore(key, creator) {
+    var _a;
+    (_a = STATES[key]) !== null && _a !== void 0 ? _a : (STATES[key] = creator());
+    return STATES[key];
+}

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

@@ -7,9 +7,11 @@ export default function CurrentAgentProvider({ agentId, children }: {
     agentId: string;
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function useCurrentAgent(): {
-    agent: import("../api/agent").Agent;
+export declare function useCurrentAgent({ agentId }?: {
+    agentId?: string;
+}): {
+    aid: string;
+    agent: import("immer").WritableDraft<import("../api/agent").Agent>;
     appearanceInput: RuntimeOutputAppearance;
     appearanceOutput: RuntimeOutputAppearance;
-    aid: string;
 };

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

@@ -1,5 +1,3 @@
-import { Parameter } from '@blocklet/ai-runtime/types';
-export declare const SUPPORTED_PARAMETER_TYPES: NonNullable<Parameter['type']>[];
 export default function AutoForm({ submitText, inlineLabel, autoFillLastForm, submitInQuestionField, chatMode, }: {
     submitText?: string;
     inlineLabel?: boolean;

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

@@ -1,4 +1,3 @@
-import { StoreApi, UseBoundStore } from 'zustand';
 import { Agent } from '../api/agent';
 export interface AgentState {
     loading?: boolean;
@@ -10,8 +9,8 @@ export declare const createAgentState: ({ aid, working, agent }: {
     aid: string;
     working?: boolean;
     agent?: Agent;
-}) => UseBoundStore<StoreApi<AgentState>>;
+}) => import("zustand").UseBoundStore<import("zustand").StoreApi<import("immer").WritableDraft<AgentState>>>;
 export declare function useAgentState({ aid, working }: {
     aid: string;
     working?: boolean;
-}): readonly [Agent, AgentState];
+}): readonly [import("immer").WritableDraft<Agent>, import("immer").WritableDraft<AgentState>];

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

@@ -2,9 +2,8 @@ import { RuntimeOutputAppearancePage } from '@blocklet/ai-runtime/types';
 export declare function useRuntimeState(): {
     aid: string;
     working: boolean | undefined;
-    agent: import("../api/agent").Agent;
+    agent: import("immer").WritableDraft<import("../api/agent").Agent>;
     appearancePage: RuntimeOutputAppearancePage | undefined;
-    sessionState: import("./session").SessionState;
     childAgentId: string;
     execute: (options: {
         aid: string;

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

@@ -1,4 +1,3 @@
-import { StoreApi, UseBoundStore } from 'zustand';
 import { Message } from '../api/message';
 import { Session } from '../api/session';
 export interface MessageItem extends Omit<Message, 'id'> {
@@ -26,4 +25,7 @@ export interface SessionState {
 }
 export declare const createSessionState: ({ aid }: {
     aid: string;
-}) => UseBoundStore<StoreApi<SessionState>>;
+}) => import("zustand").UseBoundStore<import("zustand").StoreApi<import("immer").WritableDraft<SessionState>>>;
+export declare function useSessionState({ autoLoad }?: {
+    autoLoad?: boolean;
+}): import("zustand").UseBoundStore<import("zustand").StoreApi<import("immer").WritableDraft<SessionState>>>;

package/lib/types/builtin/async/ai-runtime/utils/agent-inputs.d.ts

@@ -0,0 +1,5 @@
+import { Parameter } from '@blocklet/ai-runtime/types';
+export declare const USER_INPUT_PARAMETER_TYPES: NonNullable<Parameter['type']>[];
+export declare function isValidInput(input: Parameter): input is Parameter & {
+    key: string;
+};

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

@@ -0,0 +1,2 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+export declare function createCachedStore<T>(key: string, creator: () => UseBoundStore<StoreApi<T>>): ReturnType<typeof creator>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.302",
+  "version": "0.2.304",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -83,7 +83,7 @@
   "dependencies": {
     "@arcblock/did-connect": "^2.9.77",
     "@blocklet/ai-kit": "^0.1.30",
-    "@blocklet/ai-runtime": "^0.1.375",
+    "@blocklet/ai-runtime": "^0.1.376",
     "@blocklet/js-sdk": "1.16.26",
     "@blocklet/sdk": "^1.16.26",
     "@iconify/react": "^4.1.1",
@@ -105,6 +105,7 @@
     "react-share": "^5.1.0",
     "react-syntax-highlighter": "^15.5.0",
     "react-wrap-balancer": "^1.1.0",
+    "remark-gfm": "^4.0.0",
     "typescript": "^5.4.5",
     "ufo": "^1.5.3",
     "zustand": "^4.5.2"
@@ -127,9 +128,9 @@
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
-    "@mui/icons-material": "^5.15.16",
+    "@mui/icons-material": "^5.15.17",
     "@mui/lab": "^5.0.0-alpha.170",
-    "@mui/material": "^5.15.16",
+    "@mui/material": "^5.15.17",
     "@types/lodash": "^4.17.1",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",