@blocklet/pages-kit 0.2.356 → 0.2.358

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

@@ -15,23 +15,14 @@ import { CircularProgress, CssBaseline, GlobalStyles, ThemeProvider as MuiThemeP
 import { Suspense, useMemo } from 'react';
 import { Helmet } from 'react-helmet';
 import { useRuntimeState } from '../state/runtime';
+import { chineseFonts } from '../utils/fonts';
 import GlobalLoading from './GlobalLoading';
-const getFontUrl = (fontList) => {
-    var _a;
-    if (!fontList.length)
-        return;
-    const BASE_URL = 'https://fonts.googleapis.com/css?family=';
-    const newFontList = (_a = fontList
-        .filter((font) => typeof font === 'string')) === null || _a === void 0 ? void 0 : _a.map((font) => font.replace(/ /g, '+')).join('|');
-    // eslint-disable-next-line consistent-return
-    return `${BASE_URL}${newFontList}`;
-};
 export default function ThemeProvider({ children }) {
     var _a, _b, _c;
     const { appearance } = useRuntimeState().agent.project;
     const theme = useTheme();
-    const titleFont = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
-    const headFont = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
+    const bodyFontFamily = (_a = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _a === void 0 ? void 0 : _a.fontFamily;
+    const headingFontFamily = (_c = (_b = appearance === null || appearance === void 0 ? void 0 : appearance.typography) === null || _b === void 0 ? void 0 : _b.heading) === null || _c === void 0 ? void 0 : _c.fontFamily;
     const newTheme = useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
         let { primary } = theme.palette;
@@ -158,7 +149,17 @@ export default function ThemeProvider({ children }) {
             ],
         });
     }, [theme]);
-    return (_jsxs(MuiThemeProvider, { theme: newTheme, children: [_jsx(Helmet, { children: _jsx("link", { rel: "stylesheet", href: getFontUrl([titleFont, headFont]) }) }), _jsxs(CssBaseline, { children: [_jsx(GlobalStyles, { styles: (theme) => theme.unstable_sx({
+    const fontUrls = useMemo(() => {
+        const urls = [bodyFontFamily, headingFontFamily]
+            .filter((i) => !!i)
+            .map((font) => {
+            var _a;
+            return ((_a = chineseFonts.find((i) => i.value === font)) === null || _a === void 0 ? void 0 : _a.link) ||
+                `https://fonts.googleapis.com/css?family=${font.replace(/ /g, '+')}`;
+        });
+        return [...new Set(urls)];
+    }, [bodyFontFamily, headingFontFamily]);
+    return (_jsxs(MuiThemeProvider, { theme: newTheme, children: [_jsx(Helmet, { children: fontUrls.map((url) => (_jsx("link", { rel: "stylesheet", href: url }, url))) }), _jsxs(CssBaseline, { children: [_jsx(GlobalStyles, { styles: (theme) => theme.unstable_sx({
                             'h1,h2,h3,h4,h5': {
                                 fontFamily: `${theme.typography.h1.fontFamily} !important`,
                             },

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
 import { Icon } from '@iconify/react';
-import { Alert, Box, Button, Dialog, DialogContent, DialogTitle, Stack, Typography, alpha, } from '@mui/material';
+import { Box, Button, Dialog, DialogContent, DialogTitle, Stack, Typography, alpha } from '@mui/material';
 import { useMemo, useState } from 'react';
 import { RelativeTime } from '../../../../arcblock/ux';
 import { useLocaleContext } from '../../../../locale';
@@ -37,16 +37,9 @@ export default function PhotoGalleryItem() {
     const { message } = useCurrentMessage();
     const [openDialog, setOpenDialog] = useState(false);
     const objects = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) !== null && _b !== void 0 ? _b : [];
-    const images = objects.flatMap((i) => { var _a, _b; return (_b = (_a = i.data) === null || _a === void 0 ? void 0 : _a[RuntimeOutputVariable.images]) !== null && _b !== void 0 ? _b : []; });
-    if (!images.length && message.error) {
-        return (_jsx(Stack, { alignItems: "center", justifyContent: "center", sx: {
-                aspectRatio: 1,
-                bgcolor: 'grey.50',
-                borderRadius: 1,
-                overflow: 'hidden',
-                wordBreak: 'break-word',
-            }, children: _jsx(Alert, { severity: "error", sx: { bgcolor: 'transparent' }, children: message.error.message }) }));
-    }
+    const images = objects.flatMap((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
+    if (!images.length && message.error)
+        throw message.error;
     return images.map(({ url }, index) => {
         var _a;
         return (_jsxs(Box, { sx: {

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

@@ -19,11 +19,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SubscriptionErrorType } from '@blocklet/ai-kit/api';
 import { Icon } from '@iconify/react';
 import { Box, Typography } from '@mui/material';
 import { memo, useCallback, useState } from 'react';
 import CustomComponentRenderer from '../../../../../../components/CustomComponentRenderer';
 import { useLocaleContext } from '../../../../../locale';
+import { AgentErrorView } from '../../../components/AgentErrorBoundary';
 import LoadingButton from '../../../components/LoadingButton';
 import { useCurrentAgent } from '../../../contexts/CurrentAgent';
 import { useRuntimeState } from '../../../state/runtime';
@@ -33,6 +35,7 @@ import { AIRunningLoading } from './Loading';
 import TransparentTooltip from './TransparentTooltip';
 const codeField = 'code';
 function RetryComponent({ message, tip }) {
+    var _a;
     const { t } = useLocaleContext();
     const { execute } = useRuntimeState();
     const { aid } = useCurrentAgent();
@@ -50,14 +53,14 @@ function RetryComponent({ message, tip }) {
         }, children: [_jsx(Box, { component: Icon, icon: "unjs:automd", sx: {
                     mt: 6,
                     fontSize: 120,
-                } }), _jsxs(Typography, { variant: "h6", sx: {
+                } }), ((_a = message === null || message === void 0 ? void 0 : message.error) === null || _a === void 0 ? void 0 : _a.type) === SubscriptionErrorType.UNSUBSCRIBED ? (_jsx(Box, { width: "100%", children: _jsx(AgentErrorView, { error: message.error }) })) : (_jsxs(Typography, { variant: "h6", sx: {
                     display: 'flex',
                     alignItems: 'center',
                 }, children: [tip || t('v0.retryTip'), _jsx(TransparentTooltip, { arrow: true, placement: "top", title: _jsx(MessageErrorView, { error: (message === null || message === void 0 ? void 0 : message.error) || new Error('Code syntax errors'), sx: {
                                 mr: 0,
                             } }), children: _jsx(Box, { component: Icon, icon: "akar-icons:info", sx: {
                                 ml: 1,
-                            } }) })] }), _jsx(LoadingButton, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            } }) })] })), _jsx(LoadingButton, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
                     setLoading(true);
                     try {
                         const { inputs } = message || {};

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

@@ -0,0 +1,32 @@
+export const chineseFonts = [
+    {
+        key: '东方大楷',
+        value: 'Alimama DongFangDaKai',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-alimama-dong-fang-da-kai-regular/font.css',
+    },
+    {
+        key: '鸿雷行书',
+        value: 'hongleixingshu',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-hongleixingshu-regular/font.css',
+    },
+    {
+        key: '方正楷体',
+        value: 'FZKai-Z03',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-kai-z-03-regular/font.css',
+    },
+    {
+        key: '方正宋体',
+        value: 'FZShuSong-Z01',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-shu-song-z-01-regular/font.css',
+    },
+    {
+        key: '方正黑体',
+        value: 'FZHei-B01',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-hei-b-01-regular/font.css',
+    },
+    {
+        key: '方正仿宋',
+        value: 'FZFangSong-Z02S',
+        link: 'https://cdn.jsdelivr.net/npm/cn-fontsource-fz-fang-song-z-02-s-regular/font.css',
+    },
+];