@blocklet/pages-kit 0.2.286 → 0.2.288

package/lib/cjs/builtin/async/ai-runtime/components/session/SessionListView.js

@@ -0,0 +1,88 @@
+"use strict";
+// import { Box, CircularProgress, Stack, Typography } from '@mui/material';
+// import { useEffect } from 'react';
+// import { RelativeTime } from 'src/builtin/arcblock/ux';
+// import { useLocaleContext } from 'src/builtin/locale';
+// import { Session } from '../../api/session';
+// import { useNavigateTo } from '../../hooks/navigate';
+// import { createState } from '../../state';
+// import Layout from '../layout';
+// export default function SessionListView({ releaseId }: { releaseId: string }) {
+//   const { t } = useLocaleContext();
+//   const state = createState({ releaseId })();
+//   useEffect(() => {
+//     if (!state.sessions?.length) {
+//       state.getAssistant();
+//     } else {
+//       state.getSessions();
+//     }
+//   }, []);
+//   return (
+//     <Layout>
+//       <Typography
+//         component="h1"
+//         textAlign="center"
+//         sx={{
+//           fontWeight: 700,
+//           fontSize: 32,
+//           lineHeight: '44px',
+//           mt: 5,
+//           mb: 2.5,
+//         }}>
+//         {t('history')}
+//       </Typography>
+//       {!state.sessions?.length && (
+//         <Stack alignItems="center" gap={0.5} mt="10vh" mx={3}>
+//           {state.loading ? (
+//             <CircularProgress size={24} />
+//           ) : (
+//             <>
+//               <Typography fontSize={18}>💬</Typography>
+//               <Typography fontSize={12} sx={{ color: 'text.secondary' }}>
+//                 {t('noData', { data: t('history') })}
+//               </Typography>
+//             </>
+//           )}
+//         </Stack>
+//       )}
+//       <Stack gap={2.5}>
+//         {state.sessions?.map((session) => <SessionItemView key={session.id} session={session} />)}
+//       </Stack>
+//     </Layout>
+//   );
+// }
+// function SessionItemView({ session }: { session: Session }) {
+//   const { locale } = useLocaleContext();
+//   const to = useNavigateTo();
+//   return (
+//     <Stack
+//       component={RouterLink}
+//       to={to({ page: 'session', sessionId: session.id })}
+//       gap={1.5}
+//       sx={{
+//         bgcolor: 'background.paper',
+//         p: 2.5,
+//         borderRadius: 1,
+//         boxShadow: 1,
+//         cursor: 'pointer',
+//         ':hover': {
+//           boxShadow: 2,
+//         },
+//       }}>
+//       <Box
+//         sx={{
+//           display: '-webkit-box',
+//           WebkitBoxOrient: 'vertical',
+//           WebkitLineClamp: 3,
+//           overflow: 'hidden',
+//           fontSize: 18,
+//           lineHeight: '32px',
+//         }}>
+//         {session.name || session.entry?.title}
+//       </Box>
+//       <Typography color="text.secondary">
+//         <RelativeTime locale={locale} value={session.updatedAt} relativeRange={600e3} />
+//       </Typography>
+//     </Stack>
+//   );
+// }

package/lib/cjs/builtin/async/ai-runtime/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAYMENT_KIT_DID = exports.AI_STUDIO_DID = void 0;
+exports.AI_STUDIO_DID = 'z8iZpog7mcgcgBZzTiXJCWESvmnRrQmnd3XBB';
+exports.PAYMENT_KIT_DID = 'z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk';

package/lib/cjs/builtin/async/ai-runtime/error.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomError = void 0;
+class CustomError extends Error {
+    constructor(status, message) {
+        super(message);
+        this.status = status;
+    }
+}
+exports.CustomError = CustomError;

package/lib/cjs/builtin/async/ai-runtime/hooks/header.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const header_1 = require("../../../page/header");
+const SocialShare_1 = __importDefault(require("../components/SocialShare"));
+function useSetHeader({ assistant }) {
+    // set logo
+    (0, react_1.useEffect)(() => {
+        const { release } = assistant;
+        header_1.useHeaderState.setState((state) => {
+            state.logo = (release === null || release === void 0 ? void 0 : release.logo) && (0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", src: release.logo, sx: { borderRadius: 1 } });
+            state.brand = (release === null || release === void 0 ? void 0 : release.title) || assistant.name;
+            const shareContent = `${(release === null || release === void 0 ? void 0 : release.title) || assistant.name}
+
+${release === null || release === void 0 ? void 0 : release.description}
+`;
+            state.addons = (...exists) => [(0, jsx_runtime_1.jsx)(SocialShare_1.default, { content: shareContent }), ...exists];
+        });
+        return () => header_1.useHeaderState.setState((state) => {
+            state.logo = undefined;
+            state.brand = undefined;
+            state.addons = (...exists) => [...exists];
+        });
+    }, []);
+}
+exports.useSetHeader = useSetHeader;

package/lib/cjs/builtin/async/ai-runtime/hooks/navigate.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCurrentPage = exports.useNavigateWithQuery = exports.useNavigateTo = void 0;
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const ufo_1 = require("ufo");
+const error_1 = require("../error");
+function useNavigateTo() {
+    const location = (0, react_router_dom_1.useLocation)();
+    return (0, react_1.useCallback)((query) => (0, ufo_1.withQuery)(`${location.pathname}${location.search}`, query), [location]);
+}
+exports.useNavigateTo = useNavigateTo;
+function useNavigateWithQuery() {
+    const to = useNavigateTo();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    return (0, react_1.useCallback)((query, options) => {
+        navigate(to(Object.assign(Object.assign({}, query), { page: query.page === 'assistant' ? undefined : query.page })), options);
+    }, [navigate, to]);
+}
+exports.useNavigateWithQuery = useNavigateWithQuery;
+const PAGES = ['assistant', 'session'];
+function isCurrentPage(page) {
+    return PAGES.includes(page);
+}
+function useCurrentPage(page) {
+    const { search } = (0, react_router_dom_1.useLocation)();
+    const { page: pageParam, assistantId, sessionId, } = (0, react_1.useMemo)(() => (0, ufo_1.getQuery)(search), [search]);
+    const navigate = useNavigateWithQuery();
+    const currentPage = isCurrentPage(pageParam) ? pageParam : 'assistant';
+    if (page && page !== currentPage)
+        throw new Error('Invalid page state');
+    if (currentPage === 'assistant' && assistantId)
+        return { page: currentPage, assistantId, navigate };
+    if (currentPage === 'session' && assistantId && sessionId)
+        return { page: currentPage, assistantId, sessionId, navigate };
+    throw new error_1.CustomError(404, 'Missing required query parameters `assistantId`');
+}
+exports.useCurrentPage = useCurrentPage;

package/lib/cjs/builtin/async/ai-runtime/hooks/subscribe.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSubscribeLink = void 0;
+const ufo_1 = require("ufo");
+const session_1 = require("../../../session");
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
+const assistant_1 = require("../state/assistant");
+const subscription_1 = require("../state/subscription");
+function useSubscribeLink({ assistantId }) {
+    var _a, _b, _c;
+    const [, state] = (0, subscription_1.useSubscriptionState)({ aid: assistantId });
+    const [assistant] = (0, assistant_1.useAssistantState)({ assistantId });
+    const { session } = (0, session_1.useSessionContext)();
+    const requireSubscribe = ((_b = (_a = assistant.release) === null || _a === void 0 ? void 0 : _a.payment) === null || _b === void 0 ? void 0 : _b.enable) && !state.subscription;
+    const subscribeLink = requireSubscribe && session.user && ((_c = state.release) === null || _c === void 0 ? void 0 : _c.paymentLinkId)
+        ? getSubscribeLink({
+            aid: assistantId,
+            userId: session.user.did,
+            paymentLinkId: state.release.paymentLinkId,
+        })
+        : undefined;
+    return {
+        requireSubscribe,
+        subscribeLink,
+    };
+}
+exports.useSubscribeLink = useSubscribeLink;
+function getSubscribeLink({ aid, userId, paymentLinkId }) {
+    return (0, ufo_1.withQuery)((0, ufo_1.joinURL)('/', (0, utils_1.getComponentMountPoint)(constants_1.PAYMENT_KIT_DID), '/checkout/pay', paymentLinkId), {
+        'metadata.aid': aid,
+        'metadata.userId': userId,
+        redirect: window.location.href,
+    });
+}

package/lib/cjs/builtin/async/ai-runtime/hooks/useAsync.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const PROMISE_CACHE = {};
+function useAsync(fn, keys) {
+    const key = keys.join('_');
+    let cache = PROMISE_CACHE[key];
+    if (!cache) {
+        const promise = fn();
+        const isPromise = promise instanceof Promise;
+        cache = {
+            promise: Promise.resolve(promise)
+                .then((result) => {
+                PROMISE_CACHE[key].result = result;
+            })
+                .catch((error) => {
+                PROMISE_CACHE[key].error = error;
+            })
+                .finally(() => {
+                PROMISE_CACHE[key].done = true;
+            }),
+            done: !isPromise,
+            result: isPromise ? undefined : promise,
+        };
+        PROMISE_CACHE[key] = cache;
+    }
+    if (cache.error)
+        throw cache.error;
+    if (cache.done)
+        return cache.result;
+    throw cache.promise;
+}
+exports.default = useAsync;

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

@@ -0,0 +1,81 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatBot = exports.getServerSideProps = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_error_boundary_1 = require("react-error-boundary");
+const ux_1 = require("../../arcblock/ux");
+const utils_1 = require("../../utils");
+const assistant_1 = require("./api/assistant");
+const common_1 = require("./components/common");
+const runtime_chat_1 = __importDefault(require("./components/runtime-chat"));
+const runtime_form_1 = __importDefault(require("./components/runtime-form"));
+const RuntimeProvider_1 = __importDefault(require("./components/RuntimeProvider"));
+const ScrollView_1 = __importDefault(require("./components/ScrollView"));
+const CheckSession_1 = __importDefault(require("./components/session/CheckSession"));
+const header_1 = require("./hooks/header");
+const navigate_1 = require("./hooks/navigate");
+const assistant_2 = require("./state/assistant");
+const utils_2 = require("./utils");
+function getServerSideProps() {
+    return __awaiter(this, void 0, void 0, function* () {
+        const query = (0, utils_1.getQuery)(globalThis.location.href);
+        const assistantId = typeof query.assistantId === 'string' ? query.assistantId : undefined;
+        const identity = assistantId ? (0, utils_2.parseIdentity)(assistantId) : undefined;
+        const assistant = identity && (yield (0, assistant_1.getAssistant)(identity));
+        return { props: { preload: assistantId ? { assistantId, assistant } : undefined } };
+    });
+}
+exports.getServerSideProps = getServerSideProps;
+function App(props) {
+    const cacheId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(AIRuntime, Object.assign({}, props, { cacheId: cacheId })) }));
+}
+exports.default = App;
+function AIRuntime({ cacheId, preload }) {
+    var _a;
+    const page = (0, navigate_1.useCurrentPage)();
+    const { assistantId } = page;
+    const [assistant] = (0, assistant_2.useAssistantState)({ assistantId });
+    (0, header_1.useSetHeader)({ assistant });
+    (0, react_1.useMemo)(() => {
+        // preload assistant from server side props
+        if (preload)
+            (0, assistant_2.createAssistantState)(preload);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, page: page, children: (0, jsx_runtime_1.jsx)(ScrollView_1.default, { scroller: "window", initialScrollBehavior: "auto", children: (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, height: "100%", className: "ai-runtime-root", children: ((_a = assistant.release) === null || _a === void 0 ? void 0 : _a.template) === 'form' ? (0, jsx_runtime_1.jsx)(runtime_form_1.default, { page: page }) : (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) }) }));
+}
+function ChatBot(props) {
+    if (!props.assistantId)
+        throw new Error('Missing required parameter assistantId');
+    const navigate = (0, react_1.useCallback)((page) => {
+        setPage((state) => (Object.assign(Object.assign({}, state), page)));
+    }, []);
+    const [page, setPage] = (0, react_1.useState)({
+        page: 'assistant',
+        assistantId: props.assistantId,
+        navigate,
+    });
+    const cacheId = (0, react_1.useId)();
+    return ((0, jsx_runtime_1.jsx)(RuntimeProvider_1.default, { children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ChatBotErrorView, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(common_1.ChatBot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckSession_1.default, { cacheId: cacheId, autoCreateSession: true, page: page, children: (0, jsx_runtime_1.jsx)(runtime_chat_1.default, { page: page }) }) })) }) }) }));
+}
+exports.ChatBot = ChatBot;
+function ChatBotErrorView({ error }) {
+    (0, react_1.useEffect)(() => {
+        ux_1.Toast.error(error.message);
+    }, [error]);
+    return null;
+}

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

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translations = void 0;
+exports.translations = {
+    en: {
+        socialShare: {
+            shareToX: 'Share to X',
+            shareToTelegram: 'Share to Telegram',
+            shareToReddit: 'Share to Reddit',
+            shareToWeibo: 'Share to Weibo',
+            shareToFacebook: 'Share to Facebook',
+            shareToLinkedin: 'Share to Linkedin',
+            copyLink: 'Copy Link',
+        },
+        questionPlaceholder: 'Ask Anything...',
+        parameters: 'Parameters',
+        parametersTitle: 'Tell me what do you want?',
+        parametersSetting: 'Setting',
+        clearSession: 'Clear Session',
+        generate: 'Generate',
+        startChat: 'Start Chat',
+        collections: 'Collections',
+        collection: 'Collection',
+        collectionName: 'Collection Name',
+        document: 'Document',
+        rename: 'Rename',
+        delete: 'Delete',
+        confirmDelete: 'Confirm Delete?',
+        noData: 'No {data} yet',
+        createObject: 'Create {object}',
+        title: 'Title',
+        titlePlaceholder: 'Title',
+        content: 'Content',
+        contentPlaceholder: 'Write anything...',
+        cancel: 'Cancel',
+        save: 'Save',
+        edit: 'Edit',
+        chat: 'Chat',
+        subscribeNow: 'Subscribe Now',
+        requireNewSubscription: `Thank you for using our service!
+
+  To get more features and exclusive content, please subscribe to our service. After subscribing, you will enjoy the following privileges:
+
+  - Unlock all features and tools
+  - Support us to continue to provide quality services
+
+  Pricing: {price} ABT/Message
+
+  Subscribe now to unlock more possibilities!`,
+        requireNewSubscriptionFooter: 'You need to subscribe to access this feature:',
+        thanksForSubscription: 'Thanks for subscribing, now you can start enjoying it!',
+        clickTheButton: 'Click The Button 👉',
+        cleanSessionTip: 'Clean conversation messages',
+        poweredBy: 'Powered by',
+        selectPromptToStart: 'Select a prompt to get started',
+        history: 'History',
+        unnamed: 'Unnamed',
+        newObject: 'New {object}',
+        editObject: 'Edit {object}',
+        name: 'Name',
+        description: 'Description',
+        create: 'Create',
+        back: 'Back',
+        unauthorized: 'Unauthorized',
+        unauthorizedDescription: 'Please log in to visit this page',
+        login: 'Login',
+        copy: 'Copy',
+        copied: 'Copied',
+        copyToClipboard: 'Copy to clipboard',
+        saveToNoteTip: 'Save to collection',
+        saveToNote: 'Save',
+        savedToNote: 'Saved as a new document',
+        uploadFile: 'Upload File',
+        submit: 'Submit',
+    },
+    zh: {
+        socialShare: {
+            shareToX: '分享到 X',
+            shareToTelegram: '分享到 Telegram',
+            shareToReddit: '分享到 Reddit',
+            shareToWeibo: '分享到 微博',
+            shareToFacebook: '分享到 Facebook',
+            shareToLinkedin: '分享到 Linkedin',
+            copyLink: '复制链接',
+        },
+        questionPlaceholder: '问点什么...',
+        parameters: '参数',
+        parametersTitle: '告诉我你想要什么？',
+        parametersSetting: '设置',
+        clearSession: '清空对话',
+        generate: '生成',
+        startChat: '开始对话',
+        collections: '知识库',
+        collection: '知识库',
+        collectionName: '知识库名称',
+        document: '文档',
+        rename: '重命名',
+        delete: '删除',
+        confirmDelete: '确定删除？',
+        noData: '暂无{data}',
+        createObject: '创建{object}',
+        title: '标题',
+        titlePlaceholder: '标题',
+        content: '内容',
+        contentPlaceholder: '写点什么吧...',
+        cancel: '取消',
+        save: '保存',
+        edit: '编辑',
+        chat: '对话',
+        subscribeNow: '立即订阅',
+        requireNewSubscription: `感谢您使用我们的服务！
+
+  为了获得更多功能和专属内容，请订阅我们的服务。订阅后，您将享有以下特权：
+
+  - 解锁全部功能和工具
+  - 支持我们持续提供优质服务
+
+  价格： {price} ABT/次对话
+
+  立即订阅以解锁更多可能性！`,
+        requireNewSubscriptionFooter: '您需要订阅才能访问此功能：',
+        thanksForSubscription: '感谢您的订阅，现在，您可以开始尽情体验了！',
+        clickTheButton: '点我生成 👉',
+        cleanSessionTip: '清除会话消息记录',
+        poweredBy: '技术支持来自',
+        selectPromptToStart: '选择一个提示词开始吧',
+        history: '历史记录',
+        unnamed: '未命名',
+        newObject: '新建{object}',
+        editObject: '编辑{object}',
+        name: '名称',
+        description: '描述',
+        create: '创建',
+        back: '返回',
+        unauthorized: '未登录',
+        unauthorizedDescription: '请登录后访问该页面',
+        login: '登录',
+        copy: '复制',
+        copied: '已复制',
+        copyToClipboard: '复制到剪贴板',
+        saveToNoteTip: '保存到知识库',
+        saveToNote: '保存',
+        savedToNote: '已保存到知识库',
+        uploadFile: '上传文件',
+        submit: '提交',
+    },
+};

package/lib/cjs/builtin/async/ai-runtime/state/assistant.js

@@ -0,0 +1,59 @@
+"use strict";
+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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAssistantState = exports.createAssistantState = void 0;
+const zustand_1 = require("zustand");
+const immer_1 = require("zustand/middleware/immer");
+const assistant_1 = require("../api/assistant");
+const STATES = {};
+const createAssistantState = ({ assistantId, assistant }) => {
+    var _a;
+    (_a = STATES[assistantId]) !== null && _a !== void 0 ? _a : (STATES[assistantId] = (0, zustand_1.create)()((0, immer_1.immer)((set) => ({
+        assistant,
+        load: () => __awaiter(void 0, void 0, void 0, function* () {
+            set((state) => {
+                state.loading = true;
+            });
+            try {
+                const assistant = yield (0, assistant_1.getAssistant)({ assistantId });
+                set((state) => {
+                    state.assistant = assistant;
+                });
+            }
+            catch (error) {
+                console.error(error);
+                set((state) => {
+                    state.error = error;
+                });
+            }
+            finally {
+                set((state) => {
+                    state.loading = false;
+                });
+            }
+        }),
+    }))));
+    return STATES[assistantId];
+};
+exports.createAssistantState = createAssistantState;
+const LOADING_TASKS = {};
+function useAssistantState({ assistantId }) {
+    var _a;
+    const state = (0, exports.createAssistantState)({ assistantId })();
+    if (!state.assistant) {
+        if (state.error)
+            throw state.error;
+        (_a = LOADING_TASKS[assistantId]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[assistantId] = state.load());
+        throw LOADING_TASKS[assistantId];
+    }
+    return [state.assistant, state];
+}
+exports.useAssistantState = useAssistantState;