@blocklet/pages-kit 0.2.370 → 0.2.372

package/lib/cjs/utils/builtin.js

@@ -63,6 +63,7 @@ exports.BuiltinModules = {
     // The following packages are lazy loading
     '@blocklet/pages-kit/builtin/async/react-scroll-to-bottom': reactScrollToBottom,
     // The following packages are ignored at server side
+    '@blocklet/pages-kit/builtin/components': {},
     '@blocklet/pages-kit/builtin/session': {},
     '@blocklet/pages-kit/builtin/locale': {},
     '@blocklet/pages-kit/builtin/page/header': {},

package/lib/cjs/utils/inject-global-components.js

@@ -34,6 +34,7 @@ const reactMarkdown = __importStar(require("../builtin/async/react-markdown"));
 const reactScrollToBottom = __importStar(require("../builtin/async/react-scroll-to-bottom"));
 const reactSyntaxHighlighter = __importStar(require("../builtin/async/react-syntax-highlighter"));
 const call = __importStar(require("../builtin/call"));
+const components = __importStar(require("../builtin/components"));
 const dayjs = __importStar(require("../builtin/dayjs"));
 const emotionCss = __importStar(require("../builtin/emotion/css"));
 const iconifyReact = __importStar(require("../builtin/iconify/react"));
@@ -79,6 +80,7 @@ function injectGlobalComponents() {
             '@blocklet/pages-kit/builtin/react-router-dom': reactRouterDOM,
             '@blocklet/pages-kit/builtin/arcblock/ux': arcblockUx,
             '@blocklet/pages-kit/builtin/page/header': pageHeader,
+            '@blocklet/pages-kit/builtin/components': components,
             // The following packages are lazy loading
             '@blocklet/pages-kit/builtin/async/react-scroll-to-bottom': reactScrollToBottom,
             '@blocklet/pages-kit/builtin/async/react-markdown': reactMarkdown,

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

@@ -7,18 +7,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); }
-var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
-    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-    var g = generator.apply(thisArg, _arguments || []), i, q = [];
-    return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
-    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
-    function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
-    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-    function fulfill(value) { resume("next", value); }
-    function reject(value) { resume("throw", value); }
-    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+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 { joinURL } from 'ufo';
 import { EventSourceParserStream } from '../../../stream';
@@ -76,46 +74,46 @@ export function deleteSession(_a) {
     });
 }
 export function runAgent(_a) {
-    return __asyncGenerator(this, arguments, function* runAgent_1({ aid, sessionId, blockletDid, working, parameters, }) {
+    return __awaiter(this, void 0, void 0, function* () {
         var _b;
-        const res = yield __await(fetch(joinURL(getAIRuntimeApiPrefix(), '/api/ai/call'), {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                Accept: 'text/event-stream',
-            },
-            body: JSON.stringify({
-                blockletDid,
-                sessionId,
-                parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
-                aid,
-                working,
-            }),
-        }));
-        if (!(res.status >= 200 && res.status < 300)) {
-            let json;
-            try {
-                json = yield __await(res.json());
-            }
-            catch (error) {
-                // ignore
+        var { responseType } = _a, input = __rest(_a, ["responseType"]);
+        if (responseType === 'stream') {
+            const res = yield fetch(joinURL(getAIRuntimeApiPrefix(), '/api/ai/call'), {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    Accept: 'text/event-stream',
+                },
+                body: JSON.stringify({
+                    blockletDid: input.blockletDid,
+                    sessionId: input.sessionId,
+                    inputs: Object.assign(Object.assign({}, input.inputs), { $clientTime: new Date().toISOString() }),
+                    aid: input.aid,
+                    working: input.working,
+                }),
+            });
+            if (!(res.status >= 200 && res.status < 300)) {
+                let json;
+                try {
+                    json = yield res.json();
+                }
+                catch (error) {
+                    // ignore
+                }
+                const message = (_b = json === null || json === void 0 ? void 0 : json.error) === null || _b === void 0 ? void 0 : _b.message;
+                if (typeof message === 'string') {
+                    throw new Error(message);
+                }
+                throw new Error(`Unknown Error: ${res.status}`);
             }
-            const message = (_b = json === null || json === void 0 ? void 0 : json.error) === null || _b === void 0 ? void 0 : _b.message;
-            if (typeof message === 'string') {
-                throw new Error(message);
-            }
-            throw new Error(`Unknown Error: ${res.status}`);
-        }
-        const stream = res
-            .body.pipeThrough(new TextDecoderStream())
-            .pipeThrough(new EventSourceParserStream())
-            .getReader();
-        for (;;) {
-            const { value, done } = yield __await(stream.read());
-            if (value)
-                yield yield __await(value);
-            if (done)
-                break;
+            return res
+                .body.pipeThrough(new TextDecoderStream())
+                .pipeThrough(new EventSourceParserStream());
         }
+        return request({
+            method: 'POST',
+            url: joinURL(getAIRuntimeApiPrefix(), '/api/ai/call'),
+            body: input,
+        });
     });
 }

package/lib/esm/builtin/async/ai-runtime/components/AgentInputField/LanguageField.js

@@ -9,45 +9,30 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MenuItem, TextField } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete, ListItem, ListItemIcon, ListItemText, MenuItem, TextField } from '@mui/material';
 import { forwardRef } from 'react';
 import { useLocaleContext } from '../../../../locale';
+import { languages } from '../../utils/languages';
+const filter = (options, state) => {
+    return options.filter((o) => {
+        if (state.inputValue) {
+            return (o.en.toLowerCase().includes(state.inputValue.toLowerCase()) ||
+                o.name.toLowerCase().includes(state.inputValue.toLowerCase()));
+        }
+        return true;
+    });
+};
 const LanguageField = forwardRef((_a, ref) => {
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
     const { locale } = useLocaleContext();
-    return (_jsx(TextField, Object.assign({ ref: ref, select: true, onChange: (e) => onChange(e.target.value) }, props, { InputProps: Object.assign(Object.assign({}, props.InputProps), { readOnly }), children: languages.map((option) => (_jsx(MenuItem, { value: option.en, children: locale === 'zh' ? option.cn : option.en }, option.en))) })));
+    const value = (props === null || props === void 0 ? void 0 : props.value) ? languages.find((o) => o.en === props.value) : null;
+    return (_jsx(Autocomplete, { size: "small", ref: ref, renderInput: (params) => (_jsx(TextField, Object.assign({}, params, { inputRef: props.inputRef, required: parameter === null || parameter === void 0 ? void 0 : parameter.required, placeholder: parameter === null || parameter === void 0 ? void 0 : parameter.placeholder, helperText: parameter === null || parameter === void 0 ? void 0 : parameter.helper }))), options: languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
+            return locale === 'zh' ? o.cn : o.en;
+        }, value: value, filterOptions: filter, onChange: (_e, newValue) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(newValue === null || newValue === void 0 ? void 0 : newValue.en);
+        }, renderOption: (props, option) => {
+            return (_jsx(MenuItem, Object.assign({}, props, { children: _jsxs(ListItem, { sx: { py: 0 }, children: [_jsx(ListItemIcon, { children: _jsx(option.flag, {}) }), _jsx(ListItemText, { primary: `${option.name} ${locale === 'zh' ? option.cn : option.en} (${option.abbr})` })] }) })));
+        } }));
 });
 export default LanguageField;
-const languages = [
-    { en: 'English', cn: '英语' },
-    { en: 'Simplified Chinese', cn: '中文-简体' },
-    { en: 'Traditional Chinese', cn: '中文-繁体' },
-    { en: 'Spanish', cn: '西班牙语' },
-    { en: 'French', cn: '法语' },
-    { en: 'German', cn: '德语' },
-    { en: 'Italian', cn: '意大利语' },
-    { en: 'Portuguese', cn: '葡萄牙语' },
-    { en: 'Japanese', cn: '日语' },
-    { en: 'Korean', cn: '韩语' },
-    { en: 'Russian', cn: '俄语' },
-    { en: 'Polish', cn: '波兰语' },
-    { en: 'Arabic', cn: '阿拉伯语' },
-    { en: 'Dutch', cn: '荷兰语' },
-    { en: 'Swedish', cn: '瑞典语' },
-    { en: 'Finnish', cn: '芬兰语' },
-    { en: 'Czech', cn: '捷克语' },
-    { en: 'Danish', cn: '丹麦语' },
-    { en: 'Greek', cn: '希腊语' },
-    { en: 'Romanian', cn: '罗马尼亚语' },
-    { en: 'Hungarian', cn: '匈牙利语' },
-    { en: 'Bulgarian', cn: '保加利亚语' },
-    { en: 'Slovak', cn: '斯洛伐克语' },
-    { en: 'Norwegian', cn: '挪威语' },
-    { en: 'Hebrew', cn: '希伯来语' },
-    { en: 'Turkish', cn: '土耳其语' },
-    { en: 'Thai', cn: '泰语' },
-    { en: 'Indonesian', cn: '印尼语' },
-    { en: 'Vietnamese', cn: '越南语' },
-    { en: 'Hindi', cn: '印地语' },
-];

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

@@ -1,3 +1,4 @@
+export { runAgent } from './api/session';
 export * from './contexts/Runtime';
 export { default as RuntimeProvider } from './contexts/Runtime';
 export * from './contexts/ComponentPreferences';

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

@@ -82,11 +82,15 @@ export default function AutoForm({ submitText, inlineLabel, autoFillLastForm = t
                                 : undefined,
                         }, render: ({ field, fieldState }) => {
                             var _a;
-                            return (_jsxs(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField, { inputProps: { 'data-testid': `runtime-input-${key}` }, inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: parameter.key === 'question' && submitInQuestionField
+                            return (_jsxs(Stack, { className: "form-item", children: [parameter.label && _jsx(FormLabel, { children: parameter.label }), _jsx(AgentInputField
+                                    // inputProps={{ 'data-testid': `runtime-input-${key}` }}
+                                    , { 
+                                        // inputProps={{ 'data-testid': `runtime-input-${key}` }}
+                                        inputRef: field.ref, autoFocus: index === 0, size: "small", hiddenLabel: true, fullWidth: true, label: undefined, parameter: parameter, maxRows: !(parameter === null || parameter === void 0 ? void 0 : parameter.type) || (parameter === null || parameter === void 0 ? void 0 : parameter.type) === 'string' ? 5 : undefined, value: field.value || '', onChange: (value) => field.onChange({ target: { value } }), error: Boolean(fieldState.error), helperText: ((_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message) || (parameter === null || parameter === void 0 ? void 0 : parameter.helper), InputProps: Object.assign(Object.assign({}, (parameter.key === 'question' && submitInQuestionField
                                             ? {
                                                 endAdornment: (_jsx(InputAdornment, { position: "end", sx: { py: 3, mr: -0.75, alignSelf: 'flex-end' }, children: _jsx(LoadingButton, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { borderRadius: 1.5 }, children: submitText }) })),
                                             }
-                                            : undefined })] }));
+                                            : {})), ({ 'data-testid': `runtime-input-${key}` } || {})) })] }));
                         } }) }, parameter.id));
             }), !(submitInQuestionField && (parameters === null || parameters === void 0 ? void 0 : parameters.some((i) => i.key === 'question'))) && (_jsx(LoadingButton, { "data-testid": "runtime-submit-button", ref: submitRef, type: "submit", variant: "contained", loading: running, disabled: submitDisabled, sx: { height: 40 }, children: submitText || t('generate') }))] }));
 }

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

@@ -260,12 +260,13 @@ export const createSessionState = ({ aid }) => {
                 s.error = undefined;
             });
             try {
-                const stream = runAgent({
+                const stream = yield runAgent({
                     blockletDid,
                     aid,
                     sessionId,
                     working,
-                    parameters: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
+                    inputs: Object.assign(Object.assign({}, parameters), { $clientTime: new Date().toISOString() }),
+                    responseType: 'stream',
                 });
                 let responseStarted = false;
                 let mainTaskId;

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

@@ -0,0 +1,33 @@
+import { Bg, Cn, Cz, De, Dk, Es, Fi, Fr, Gb, Gr, Hu, Id, Il, In, It, Jp, Kr, Nl, No, Pl, Pt, Ro, Ru, Sa, Se, Sk, Th, Tr, Tw, Vn, } from 'react-flags-select';
+export const languages = [
+    { en: 'English', name: 'English', abbr: 'GB', flag: Gb, cn: '英语' },
+    { en: 'Simplified Chinese', name: '简体中文', abbr: 'CN', flag: Cn, cn: '简体中文' },
+    { en: 'Traditional Chinese', name: '繁体中文', abbr: 'ZH-TW', flag: Tw, cn: '繁体中文' },
+    { en: 'Spanish', name: 'Español', abbr: 'ES', flag: Es, cn: '西班牙语' },
+    { en: 'French', name: 'Français', abbr: 'FR', flag: Fr, cn: '法语' },
+    { en: 'German', name: 'Deutsch', abbr: 'DE', flag: De, cn: '德语' },
+    { en: 'Italian', name: 'Italiano', abbr: 'IT', flag: It, cn: '意大利语' },
+    { en: 'Portuguese', name: 'Português', abbr: 'PT', flag: Pt, cn: '葡萄牙语' },
+    { en: 'Japanese', name: '日本語', abbr: 'JP', flag: Jp, cn: '日语' },
+    { en: 'Korean', name: '한국어', abbr: 'KR', flag: Kr, cn: '韩语' },
+    { en: 'Russian', name: 'Русский', abbr: 'RU', flag: Ru, cn: '俄语' },
+    { en: 'Polish', name: 'Polski', abbr: 'PL', flag: Pl, cn: '波兰语' },
+    { en: 'Arabic', name: 'العربية', abbr: 'SA', flag: Sa, cn: '阿拉伯语' },
+    { en: 'Dutch', name: 'Nederlands', abbr: 'NL', flag: Nl, cn: '荷兰语' },
+    { en: 'Swedish', name: 'Svenska', abbr: 'SE', flag: Se, cn: '瑞典语' },
+    { en: 'Finnish', name: 'Suomi', abbr: 'FI', flag: Fi, cn: '芬兰语' },
+    { en: 'Czech', name: 'Čeština', abbr: 'CZ', flag: Cz, cn: '捷克语' },
+    { en: 'Danish', name: 'Dansk', abbr: 'DK', flag: Dk, cn: '丹麦语' },
+    { en: 'Greek', name: 'Ελληνικά', abbr: 'GR', flag: Gr, cn: '希腊语' },
+    { en: 'Romanian', name: 'Română', abbr: 'RO', flag: Ro, cn: '罗马尼亚语' },
+    { en: 'Hungarian', name: 'Magyar', abbr: 'HU', flag: Hu, cn: '匈牙利语' },
+    { en: 'Bulgarian', name: 'Български', abbr: 'BG', flag: Bg, cn: '保加利亚语' },
+    { en: 'Slovak', name: 'Slovenčina', abbr: 'SK', flag: Sk, cn: '斯洛伐克语' },
+    { en: 'Norwegian', name: 'Norsk', abbr: 'NO', flag: No, cn: '挪威语' },
+    { en: 'Hebrew', name: 'עברית', abbr: 'IL', flag: Il, cn: '希伯来语' },
+    { en: 'Turkish', name: 'Türkçe', abbr: 'TR', flag: Tr, cn: '土耳其语' },
+    { en: 'Thai', name: 'ไทย', abbr: 'TH', flag: Th, cn: '泰语' },
+    { en: 'Indonesian', name: 'Bahasa Indonesia', abbr: 'ID', flag: Id, cn: '印尼语' },
+    { en: 'Vietnamese', name: 'Tiếng Việt', abbr: 'VN', flag: Vn, cn: '越南语' },
+    { en: 'Hindi', name: 'हिन्दी', abbr: 'IN', flag: In, cn: '印地语' },
+];

package/lib/esm/builtin/components.js

@@ -0,0 +1 @@
+export { default as LanguageField } from './async/ai-runtime/components/AgentInputField/LanguageField';

package/lib/esm/builtin/mui/material.js

@@ -1 +1 @@
-export { Checkbox, ListItemText, Alert, AlertTitle, Autocomplete, Avatar, Box, Button, IconButton, ButtonGroup, Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, CircularProgress, ClickAwayListener, Collapse, Container, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fade, GlobalStyles, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListSubheader, Menu, MenuItem, MenuList, Paper, Popper, Slide, Stack, Switch, TextField, ThemeProvider, Tooltip, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme, } from '@mui/material';
+export { Checkbox, ListItemText, Alert, AlertTitle, Autocomplete, Avatar, Box, Button, IconButton, ButtonGroup, Card, CardActionArea, CardActions, CardContent, CardHeader, CardMedia, CircularProgress, ClickAwayListener, Collapse, Container, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fade, GlobalStyles, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListSubheader, Menu, MenuItem, MenuList, Paper, Popper, Select, Slide, Stack, Switch, TextField, ThemeProvider, Tooltip, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme, } from '@mui/material';