@blocklet/pages-kit 0.2.286 → 0.2.287

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

@@ -0,0 +1,7 @@
+import { Parameter } from '@blocklet/ai-runtime/types';
+import { TextFieldProps } from '@mui/material';
+export default function ParameterField({ parameter, ...props }: {
+    readOnly?: boolean;
+    parameter: Parameter;
+    onChange: (value: string | number | undefined) => void;
+} & Omit<TextFieldProps, 'onChange'>): import("react/jsx-runtime").JSX.Element | null;

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

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

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

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

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

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

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

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

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

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

package/lib/types/builtin/async/ai-runtime/components/runtime-form/RuntimeFormForms.d.ts

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

package/lib/types/builtin/async/ai-runtime/components/runtime-form/RuntimeFormHeader.d.ts

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

package/lib/types/builtin/async/ai-runtime/components/runtime-form/RuntimeFormResult.d.ts

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

package/lib/types/builtin/async/ai-runtime/components/runtime-form/RuntimeFormSubmit.d.ts

@@ -0,0 +1,5 @@
+import { LoadingButtonProps } from '@mui/lab';
+import { PageState } from '../../hooks/navigate';
+export default function RuntimeFormSubmit({ page, ...props }: {
+    page: PageState;
+} & Partial<LoadingButtonProps>): import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const AI_STUDIO_DID = "z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB";
+export declare const PAYMENT_KIT_DID = "z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk";

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

@@ -0,0 +1,4 @@
+import { Assistant } from '../api/assistant';
+export declare function useSetHeader({ assistant }: {
+    assistant: Assistant;
+}): void;

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

@@ -0,0 +1,25 @@
+import { NavigateOptions } from 'react-router-dom';
+export declare function useNavigateTo(): (query: {
+    [key: string]: string | number | undefined;
+}) => string;
+export declare function useNavigateWithQuery(): RuntimeNavigate;
+export type Page = 'assistant' | 'session';
+export type CurrentPage = {
+    page: 'assistant';
+    assistantId: string;
+    sessionId?: string;
+} | {
+    page: 'session';
+    assistantId: string;
+    sessionId: string;
+};
+export type PageState = {
+    navigate: RuntimeNavigate;
+} & CurrentPage;
+export interface RuntimeNavigate {
+    (page: Omit<CurrentPage, 'navigate'>, options?: NavigateOptions): void;
+}
+export declare function useCurrentPage(): PageState;
+export declare function useCurrentPage<P extends Page>(page: P): PageState & {
+    page: P;
+};

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

@@ -0,0 +1,6 @@
+export declare function useSubscribeLink({ assistantId }: {
+    assistantId: string;
+}): {
+    requireSubscribe: boolean | undefined;
+    subscribeLink: string | undefined;
+};

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

@@ -0,0 +1,17 @@
+import { Assistant } from './api/assistant';
+import type { ChatBotProps } from './components/common/ChatBot';
+export declare function getServerSideProps(): Promise<{
+    props: {
+        preload: {
+            assistantId: string;
+            assistant: Assistant | undefined;
+        } | undefined;
+    };
+}>;
+export default function AIRuntime({ preload }: {
+    preload?: {
+        assistantId: string;
+        assistant: Assistant;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ChatBot(props: ChatBotProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,126 @@
+export declare const translations: {
+    en: {
+        socialShare: {
+            shareToX: string;
+            shareToTelegram: string;
+            shareToReddit: string;
+            shareToWeibo: string;
+            shareToFacebook: string;
+            shareToLinkedin: string;
+            copyLink: string;
+        };
+        questionPlaceholder: string;
+        parameters: string;
+        parametersTitle: string;
+        parametersSetting: string;
+        clearSession: string;
+        generate: string;
+        startChat: string;
+        collections: string;
+        collection: string;
+        collectionName: string;
+        document: string;
+        rename: string;
+        delete: string;
+        confirmDelete: string;
+        noData: string;
+        createObject: string;
+        title: string;
+        titlePlaceholder: string;
+        content: string;
+        contentPlaceholder: string;
+        cancel: string;
+        save: string;
+        edit: string;
+        chat: string;
+        subscribeNow: string;
+        requireNewSubscription: string;
+        requireNewSubscriptionFooter: string;
+        thanksForSubscription: string;
+        clickTheButton: string;
+        cleanSessionTip: string;
+        poweredBy: string;
+        selectPromptToStart: string;
+        history: string;
+        unnamed: string;
+        newObject: string;
+        editObject: string;
+        name: string;
+        description: string;
+        create: string;
+        back: string;
+        unauthorized: string;
+        unauthorizedDescription: string;
+        login: string;
+        copy: string;
+        copied: string;
+        copyToClipboard: string;
+        saveToNoteTip: string;
+        saveToNote: string;
+        savedToNote: string;
+        uploadFile: string;
+        submit: string;
+    };
+    zh: {
+        socialShare: {
+            shareToX: string;
+            shareToTelegram: string;
+            shareToReddit: string;
+            shareToWeibo: string;
+            shareToFacebook: string;
+            shareToLinkedin: string;
+            copyLink: string;
+        };
+        questionPlaceholder: string;
+        parameters: string;
+        parametersTitle: string;
+        parametersSetting: string;
+        clearSession: string;
+        generate: string;
+        startChat: string;
+        collections: string;
+        collection: string;
+        collectionName: string;
+        document: string;
+        rename: string;
+        delete: string;
+        confirmDelete: string;
+        noData: string;
+        createObject: string;
+        title: string;
+        titlePlaceholder: string;
+        content: string;
+        contentPlaceholder: string;
+        cancel: string;
+        save: string;
+        edit: string;
+        chat: string;
+        subscribeNow: string;
+        requireNewSubscription: string;
+        requireNewSubscriptionFooter: string;
+        thanksForSubscription: string;
+        clickTheButton: string;
+        cleanSessionTip: string;
+        poweredBy: string;
+        selectPromptToStart: string;
+        history: string;
+        unnamed: string;
+        newObject: string;
+        editObject: string;
+        name: string;
+        description: string;
+        create: string;
+        back: string;
+        unauthorized: string;
+        unauthorizedDescription: string;
+        login: string;
+        copy: string;
+        copied: string;
+        copyToClipboard: string;
+        saveToNoteTip: string;
+        saveToNote: string;
+        savedToNote: string;
+        uploadFile: string;
+        submit: string;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+import { Assistant } from '../api/assistant';
+import { Subscription } from '../api/subscription';
+export interface AssistantState {
+    loading?: boolean;
+    assistant?: Assistant;
+    error?: Error;
+    subscription?: Subscription;
+    load: () => Promise<void>;
+}
+export declare const createAssistantState: ({ assistantId, assistant }: {
+    assistantId: string;
+    assistant?: Assistant;
+}) => UseBoundStore<StoreApi<AssistantState>>;
+export declare function useAssistantState({ assistantId }: {
+    assistantId: string;
+}): readonly [Assistant, AssistantState];

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

@@ -0,0 +1,40 @@
+import { RuntimeOutputVariablesSchema } from '@blocklet/ai-runtime/types';
+import { StoreApi, UseBoundStore } from 'zustand';
+import { Message } from '../api/message';
+import { Session } from '../api/session';
+export interface MessageItem extends Omit<Message, 'id'> {
+    loading?: boolean;
+}
+export interface SessionState {
+    loading?: boolean;
+    running?: boolean;
+    session?: Session;
+    messages?: MessageItem[];
+    error?: Error;
+    metadata?: RuntimeOutputVariablesSchema;
+    updateSession: ({ parameters }: {
+        parameters: any;
+    }) => Promise<void>;
+    clearSession: ({ sessionId }: {
+        sessionId: string;
+    }) => Promise<void>;
+    load: () => Promise<void>;
+    execute: (options: {
+        assistantId: string;
+        parameters: any;
+        onResponseStart?: () => void;
+        includeSessionParameters?: boolean;
+    }) => Promise<void>;
+}
+export declare const createSessionState: ({ sessionId, session }: {
+    sessionId: string;
+    session?: Session;
+}) => UseBoundStore<StoreApi<SessionState>>;
+export declare function useSessionState(options: {
+    sessionId: string;
+    required: true;
+}): [Session, SessionState];
+export declare function useSessionState(options: {
+    sessionId: string;
+    required?: false;
+}): [Session | undefined, SessionState];

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

@@ -0,0 +1,15 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+import { Release, Subscription } from '../api/subscription';
+export interface SubscriptionState {
+    loading?: boolean;
+    loaded?: boolean;
+    subscription?: Subscription;
+    release?: Release;
+    load: () => Promise<void>;
+}
+export declare const createAssistantState: ({ aid }: {
+    aid: string;
+}) => UseBoundStore<StoreApi<SubscriptionState>>;
+export declare function useSubscriptionState({ aid }: {
+    aid: string;
+}): readonly [Subscription | undefined, SubscriptionState];

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

@@ -0,0 +1,20 @@
+import type { SxProps, Theme } from '@mui/material';
+import type { SystemStyleObject } from '@mui/system';
+export interface Identity {
+    projectId: string;
+    projectRef: string;
+    assistantId: string;
+}
+export declare function parseIdentity(aid: string, options: {
+    rejectWhenError: true;
+}): Identity;
+export declare function parseIdentity(aid: string, options?: {
+    rejectWhenError?: false;
+}): Identity | undefined;
+export declare function stringifyIdentity({ projectId, projectRef, assistantId, }: {
+    projectId: string;
+    projectRef: string;
+    assistantId: string;
+}): string;
+export declare function deepMerge(target: Record<any, any>, source: Record<any, any>): void;
+export declare const mergeSx: (initial: SystemStyleObject<Theme>, sx?: SxProps<Theme>) => any[];

package/lib/types/builtin/async/react-scroll-to-bottom.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 declare const _default: () => Promise<{
+    Composer: typeof import("react-scroll-to-bottom").default;
     useInternalContext: any;
     default(props: import("react").PropsWithChildren<{
         checkInterval?: number | undefined;
@@ -8,7 +9,7 @@ declare const _default: () => Promise<{
         debug?: boolean | undefined;
         followButtonClassName?: string | undefined;
         initialScrollBehavior?: "auto" | "smooth" | undefined;
-        mode?: "top" | "bottom" | undefined;
+        mode?: "bottom" | "top" | undefined;
         nonce?: string | undefined;
         scroller?: ((values: {
             maxValue: number;
@@ -33,7 +34,7 @@ declare const _default: () => Promise<{
     useAtEnd(): [boolean];
     useAtStart(): [boolean];
     useAtTop(): [boolean];
-    useMode(): ["top" | "bottom"];
+    useMode(): ["bottom" | "top"];
     useSticky(): [boolean];
     FunctionContext: import("react").Context<{
         scrollTo: (scrollTop: number | "100%") => void;

package/lib/types/builtin/session.d.ts

@@ -1 +1,11 @@
-export declare function useSessionContext(): unknown;
+export declare function useSessionContext(): {
+    session: {
+        user?: {
+            did: string;
+            fullName: string;
+            avatar: string;
+        };
+        loading?: boolean;
+        login: (cb?: () => void) => any;
+    };
+};

package/lib/types/utils/builtin.d.ts

@@ -37,4 +37,5 @@ export declare const BuiltinModules: {
     '@blocklet/pages-kit/builtin/async/react-markdown': {};
     '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': {};
     '@blocklet/pages-kit/builtin/async/image-preview': {};
+    '@blocklet/pages-kit/builtin/async/ai-runtime': {};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.2.286",
+  "version": "0.2.287",
   "description": "Pages Kit components and utils",
   "publishConfig": {
     "access": "public"
@@ -93,14 +93,18 @@
     "prepare": "npm run build"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.70",
+    "@arcblock/did-connect": "^2.9.71",
     "@blocklet/ai-kit": "^0.1.27",
+    "@blocklet/ai-runtime": "^0.1.346",
+    "@blocklet/js-sdk": "1.16.26-beta-cca12425",
     "@blocklet/sdk": "^1.16.25",
     "@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",
+    "js-base64": "^3.7.7",
     "lodash": "^4.17.21",
     "nanoid": "^3.3.7",
     "node-fetch": "^2.7.0",
@@ -109,6 +113,7 @@
     "react-hook-form": "^7.51.3",
     "react-markdown": "^9.0.1",
     "react-scroll-to-bottom": "^4.2.0",
+    "react-share": "^5.1.0",
     "react-syntax-highlighter": "^15.5.0",
     "react-wrap-balancer": "^1.1.0",
     "typescript": "^5.4.5",
@@ -129,7 +134,7 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.9.70",
+    "@arcblock/ux": "^2.9.71",
     "@emotion/cache": "^11.11.0",
     "@emotion/css": "^11.11.2",
     "@emotion/react": "^11.11.4",
@@ -139,14 +144,14 @@
     "@types/lodash": "^4.17.0",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",
-    "@types/react": "^18.2.79",
+    "@types/react": "^18.3.0",
     "@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.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.3",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "react-router-dom": "^6.23.0",
     "rimraf": "^5.0.5"
   }
 }

package/tsconfig.json

@@ -3,6 +3,10 @@
   "compilerOptions": {
     "noEmit": false,
     "outDir": "lib",
-    "lib": ["DOM"]
+    "lib": ["DOM"],
+    "paths": {
+      // FIXME: Just for local dev, comment next line before publish
+      "@blocklet/ai-runtime/*": ["../../../ai-studio/packages/ai-runtime/src/*"]
+    }
   }
 }