@blocklet/pages-kit 0.2.433 → 0.2.435

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/components/PropertiesSetting.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, Box, Stack, Switch, TextField, Typography } from '@mui/material';
-import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { useLocaleContext } from '../../../../../locale';
-import ConfirmDialog from './ConfirmDialog';
-const FieldComponentMap = {
-    number: {
-        Filed: TextField,
-        extraProps: {
-            type: 'number',
-        },
-    },
-    boolean: {
-        Filed: Switch,
-    },
-    json: {
-        Filed: TextField,
-        extraProps: {
-            multiline: true,
-            minRows: 3,
-            maxRows: 5,
-        },
-    },
-    url: {
-        Filed: TextField,
-    },
-    string: {
-        Filed: TextField,
-    },
-};
-const PropertiesSetting = forwardRef((props, ref) => {
-    const { t, locale } = useLocaleContext();
-    const ConfirmDialogRef = useRef();
-    const valuesRef = useRef({});
-    const openParamsRef = useRef({});
-    const open = (params) => {
-        var _a;
-        if (!(ConfirmDialogRef === null || ConfirmDialogRef === void 0 ? void 0 : ConfirmDialogRef.current))
-            return;
-        openParamsRef.current = params;
-        ConfirmDialogRef.current.open({
-            title: t('v0.propertiesSetting'),
-            children: (_jsxs(Box, { children: [_jsx(Alert, { severity: "info", sx: { mb: 2 }, children: t('v0.propertiesSettingTip') }), _jsx(Stack, { spacing: 2, children: (_a = params === null || params === void 0 ? void 0 : params.schema) === null || _a === void 0 ? void 0 : _a.map((item) => {
-                            var _a, _b;
-                            const { id, key, type, locales } = item;
-                            const { Filed, extraProps } = (FieldComponentMap[type] || FieldComponentMap.string);
-                            const currentLocale = (locales === null || locales === void 0 ? void 0 : locales[locale]) || (locales === null || locales === void 0 ? void 0 : locales.en);
-                            return (_jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", sx: {
-                                            mb: 0.5,
-                                        }, children: currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.name }), _jsx(Filed, Object.assign({ fullWidth: true, variant: "outlined", defaultValue: ((_b = (_a = openParamsRef === null || openParamsRef === void 0 ? void 0 : openParamsRef.current) === null || _a === void 0 ? void 0 : _a.defaultValues) === null || _b === void 0 ? void 0 : _b[key]) || (currentLocale === null || currentLocale === void 0 ? void 0 : currentLocale.defaultValue), size: "small", onChange: (e) => {
-                                            // update value
-                                            valuesRef.current = Object.assign(Object.assign({}, valuesRef.current), { [key]: e.target.value });
-                                        } }, extraProps))] }, id));
-                        }) })] })),
-            onConfirm: () => {
-                var _a;
-                (_a = params === null || params === void 0 ? void 0 : params.onSubmit) === null || _a === void 0 ? void 0 : _a.call(params, getValues());
-            },
-            onCancel: () => { },
-        });
-    };
-    const getValues = () => {
-        var _a;
-        return Object.assign(Object.assign({}, (_a = openParamsRef === null || openParamsRef === void 0 ? void 0 : openParamsRef.current) === null || _a === void 0 ? void 0 : _a.defaultValues), valuesRef.current);
-    };
-    useImperativeHandle(ref, () => ({
-        open,
-        getValues,
-    }));
-    useEffect(() => {
-        valuesRef.current = {};
-    }, [locale]);
-    return _jsx(ConfirmDialog, Object.assign({ ref: ConfirmDialogRef }, props));
-});
-export default PropertiesSetting;

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/components/TransparentTooltip.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip, styled, tooltipClasses } from '@mui/material';
-const TransparentTooltip = styled((_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(Tooltip, Object.assign({}, props, { classes: { popper: className } })));
-})(() => ({
-    [`& .${tooltipClasses.tooltip}`]: {
-        backgroundColor: 'transparent',
-        boxShadow: 'none',
-    },
-}));
-export default TransparentTooltip;

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/components/UserQuestion.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ClickToCopy, { CopyButton } from '@arcblock/ux/lib/ClickToCopy';
-import { Box, Tooltip, Typography } from '@mui/material';
-import { Avatar } from '../../../../../arcblock/ux';
-import { useLocaleContext } from '../../../../../locale';
-import { useSessionContext } from '../../../../../session';
-import { getLineClamp } from '../utils';
-const BASE_QUESTION_SX = {
-    fontWeight: 500,
-    fontSize: 13,
-};
-export default function UserQuestion({ question }) {
-    var _a;
-    const { session: authSession } = useSessionContext();
-    const { user } = authSession;
-    const { locale } = useLocaleContext();
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-        }, children: [((_a = authSession === null || authSession === void 0 ? void 0 : authSession.user) === null || _a === void 0 ? void 0 : _a.did) && (_jsx(Box, { className: "user", sx: {
-                    width: 30,
-                    height: 30,
-                }, children: _jsx(Avatar, { size: 30, did: user === null || user === void 0 ? void 0 : user.did, variant: "circle", shape: "circle", 
-                    // @ts-ignore
-                    src: user === null || user === void 0 ? void 0 : user.avatar }) })), _jsx(Box, { className: "question", sx: {
-                    padding: '6px 12px',
-                    borderRadius: 1,
-                    //   borderTopLeftRadius: 0,
-                    backgroundColor: 'grey.200',
-                    maxWidth: 300,
-                }, children: _jsx(CopyButton, { locale: locale, unstyled: true, render: ({ copyButton, containerRef }) => {
-                        return (_jsx(Box, { ref: containerRef, display: "flex", alignItems: "center", sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'textColor' }), children: _jsx(ClickToCopy, { locale: locale, unstyled: true, disableHoverListener: true, disableFocusListener: true, disableTouchListener: true, children: _jsx(Tooltip, { placement: "bottom", arrow: true, title: _jsxs(Box, { sx: {
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                        }, children: [_jsx(Typography, { sx: Object.assign(Object.assign({}, BASE_QUESTION_SX), { color: 'white' }), children: question }), _jsx(Box, { id: "copy-button-wrapper", component: "span", sx: {
-                                                    ml: 0.5,
-                                                    mt: 0.25,
-                                                    fontSize: 14,
-                                                }, children: copyButton })] }), children: _jsx(Typography, { sx: Object.assign(Object.assign(Object.assign({}, BASE_QUESTION_SX), { textAlign: 'left', alignItems: 'center' }), getLineClamp(1)), children: question }) }) }) }));
-                    } }) })] }));
-}

package/lib/esm/builtin/async/ai-runtime/runtime-components/V0/contexts/V0Runtime.js

@@ -1,52 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMediaQuery } from '@mui/material';
-import { createContext, useContext, useMemo, useState } from 'react';
-const context = createContext(undefined);
-let cancelAutoScrollTimer;
-export function V0RuntimeProvider({ children }) {
-    const [currentMessageTaskId, setCurrentMessageTaskId] = useState();
-    const [propertiesValueMap, setPropertiesValueMap] = useState({});
-    const isMobile = useMediaQuery((theme) => theme.breakpoints.down('sm'));
-    const state = useMemo(() => ({
-        setCurrentMessageTaskId: (taskId) => {
-            setCurrentMessageTaskId(taskId);
-            // auto scroll to the task
-            if (taskId) {
-                const scrollIntoView = () => {
-                    const el = document.getElementById(taskId);
-                    if (el) {
-                        el.scrollIntoView({ behavior: 'smooth' });
-                        // is first time to scroll
-                        if (!currentMessageTaskId) {
-                            const observer = new MutationObserver(() => {
-                                if (cancelAutoScrollTimer)
-                                    clearTimeout(cancelAutoScrollTimer);
-                                el === null || el === void 0 ? void 0 : el.scrollIntoView({ behavior: 'smooth' });
-                                cancelAutoScrollTimer = setTimeout(() => {
-                                    observer.disconnect();
-                                    cancelAutoScrollTimer = null;
-                                }, 1000);
-                            });
-                            observer.observe(el.parentElement, { attributes: true, childList: true, subtree: true });
-                        }
-                    }
-                };
-                setTimeout(scrollIntoView, 300);
-            }
-        },
-        currentMessageTaskId,
-        propertiesValueMap,
-        setPropertiesValueMap: (valueMap) => {
-            setPropertiesValueMap(Object.assign(Object.assign({}, propertiesValueMap), valueMap));
-        },
-        isMobile,
-    }), [setCurrentMessageTaskId, currentMessageTaskId, propertiesValueMap, setPropertiesValueMap, isMobile]);
-    return _jsx(context.Provider, { value: state, children: children });
-}
-export function useV0RuntimeContext() {
-    const current = useContext(context);
-    if (!current) {
-        throw new Error('No such message state. You should use `V0RuntimeProvider` within the `CurrentMessageProvider`');
-    }
-    return current;
-}

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

@@ -1,3 +0,0 @@
-export { default as V0Page } from './Page';
-export { default as V0Output } from './Output';
-export { default as V0Input } from './Input';

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

@@ -1,9 +0,0 @@
-export const getLineClamp = (count) => {
-    return {
-        display: '-webkit-box',
-        WebkitLineClamp: count,
-        WebkitBoxOrient: 'vertical',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    };
-};

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

@@ -1,55 +0,0 @@
-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());
-    });
-};
-import { create } from 'zustand';
-import { immer } from 'zustand/middleware/immer';
-import { getAgent } from '../api/agent';
-import { useIdentityContext } from '../contexts/Identity';
-import { createCachedStore } from '../utils/zustand';
-const createAgentState = ({ blockletDid, aid, working, agent, }) => {
-    return createCachedStore(`agent-state-${blockletDid}-${aid}-${working}`, () => create()(immer((set) => ({
-        agent,
-        load: () => __awaiter(void 0, void 0, void 0, function* () {
-            set((state) => {
-                state.loading = true;
-            });
-            try {
-                const agent = yield getAgent({ blockletDid, aid, working });
-                set((state) => {
-                    state.agent = agent;
-                });
-            }
-            catch (error) {
-                console.error(error);
-                set((state) => {
-                    state.error = error;
-                });
-            }
-            finally {
-                set((state) => {
-                    state.loading = false;
-                });
-            }
-        }),
-    }))));
-};
-const LOADING_TASKS = {};
-export function useAgentState({ blockletDid, aid, working, }) {
-    var _a;
-    const identity = useIdentityContext();
-    const state = createAgentState({ blockletDid, aid, working: working !== null && working !== void 0 ? working : identity.working })();
-    if (!state.agent) {
-        if (state.error)
-            throw state.error;
-        const key = `agent-loading-${blockletDid}-${aid}-${working}`;
-        (_a = LOADING_TASKS[key]) !== null && _a !== void 0 ? _a : (LOADING_TASKS[key] = state.load());
-        throw LOADING_TASKS[key];
-    }
-    return [state.agent, state];
-}

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

@@ -1,45 +0,0 @@
-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());
-    });
-};
-import { useCallback, useEffect, useMemo } from 'react';
-import { useSessionContext } from '../../../session';
-import { useIdentityContext } from '../contexts/Identity';
-import { useAgentState } from './agent';
-import { createSessionState } from './session';
-export function useRuntimeState() {
-    const { blockletDid, aid, working } = useIdentityContext();
-    const [agent] = useAgentState({ blockletDid, aid, working });
-    const { session: authSession, events } = useSessionContext();
-    const sessionState = useMemo(() => createSessionState({ aid }), [aid]);
-    const exec = sessionState((s) => s.execute);
-    // reset state after logged out
-    useEffect(() => {
-        const onLogout = () => {
-            sessionState.getState().reset();
-        };
-        events.on('logout', onLogout);
-        return () => {
-            events.off('logout', onLogout);
-        };
-    }, []);
-    const login = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        yield new Promise((resolve) => {
-            authSession.login(() => resolve());
-        });
-        yield sessionState.getState().load();
-    }), [authSession, sessionState]);
-    const execute = useCallback((args) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        if (!((_a = agent.access) === null || _a === void 0 ? void 0 : _a.noLoginRequired) && !authSession.user) {
-            yield login();
-        }
-        return exec(Object.assign(Object.assign({}, args), { blockletDid, working }));
-    }), [authSession.user, exec, blockletDid, working, login]);
-    return { blockletDid, aid, working, agent, execute };
-}