@blocklet/pages-kit 0.2.356 → 0.2.358

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

@@ -21,23 +21,14 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const react_helmet_1 = require("react-helmet");
 const runtime_1 = require("../state/runtime");
+const fonts_1 = require("../utils/fonts");
 const GlobalLoading_1 = __importDefault(require("./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}`;
-};
 function ThemeProvider({ children }) {
     var _a, _b, _c;
     const { appearance } = (0, runtime_1.useRuntimeState)().agent.project;
     const theme = (0, material_1.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 = (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d, _e, _f;
         let { primary } = theme.palette;
@@ -164,7 +155,17 @@ function ThemeProvider({ children }) {
             ],
         });
     }, [theme]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: newTheme, children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: getFontUrl([titleFont, headFont]) }) }), (0, jsx_runtime_1.jsxs)(material_1.CssBaseline, { children: [(0, jsx_runtime_1.jsx)(material_1.GlobalStyles, { styles: (theme) => theme.unstable_sx({
+    const fontUrls = (0, react_1.useMemo)(() => {
+        const urls = [bodyFontFamily, headingFontFamily]
+            .filter((i) => !!i)
+            .map((font) => {
+            var _a;
+            return ((_a = fonts_1.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 ((0, jsx_runtime_1.jsxs)(material_1.ThemeProvider, { theme: newTheme, children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: fontUrls.map((url) => ((0, jsx_runtime_1.jsx)("link", { rel: "stylesheet", href: url }, url))) }), (0, jsx_runtime_1.jsxs)(material_1.CssBaseline, { children: [(0, jsx_runtime_1.jsx)(material_1.GlobalStyles, { styles: (theme) => theme.unstable_sx({
                             'h1,h2,h3,h4,h5': {
                                 fontFamily: `${theme.typography.h1.fontFamily} !important`,
                             },

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

@@ -43,16 +43,9 @@ function PhotoGalleryItem() {
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
     const [openDialog, setOpenDialog] = (0, react_2.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[types_1.RuntimeOutputVariable.images]) !== null && _b !== void 0 ? _b : []; });
-    if (!images.length && message.error) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Stack, { alignItems: "center", justifyContent: "center", sx: {
-                aspectRatio: 1,
-                bgcolor: 'grey.50',
-                borderRadius: 1,
-                overflow: 'hidden',
-                wordBreak: 'break-word',
-            }, children: (0, jsx_runtime_1.jsx)(material_1.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[types_1.RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
+    if (!images.length && message.error)
+        throw message.error;
     return images.map(({ url }, index) => {
         var _a;
         return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {

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

@@ -28,11 +28,13 @@ exports.default = CodePreview;
 exports.CodeRenderByMessage = CodeRenderByMessage;
 exports.getCurrentCodeByTaskId = getCurrentCodeByTaskId;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("@blocklet/ai-kit/api");
 const react_1 = require("@iconify/react");
 const material_1 = require("@mui/material");
 const react_2 = require("react");
 const CustomComponentRenderer_1 = __importDefault(require("../../../../../../components/CustomComponentRenderer"));
 const locale_1 = require("../../../../../locale");
+const AgentErrorBoundary_1 = require("../../../components/AgentErrorBoundary");
 const LoadingButton_1 = __importDefault(require("../../../components/LoadingButton"));
 const CurrentAgent_1 = require("../../../contexts/CurrentAgent");
 const runtime_1 = require("../../../state/runtime");
@@ -42,6 +44,7 @@ const Loading_1 = require("./Loading");
 const TransparentTooltip_1 = __importDefault(require("./TransparentTooltip"));
 const codeField = 'code';
 function RetryComponent({ message, tip }) {
+    var _a;
     const { t } = (0, locale_1.useLocaleContext)();
     const { execute } = (0, runtime_1.useRuntimeState)();
     const { aid } = (0, CurrentAgent_1.useCurrentAgent)();
@@ -59,14 +62,14 @@ function RetryComponent({ message, tip }) {
         }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: "unjs:automd", sx: {
                     mt: 6,
                     fontSize: 120,
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h6", sx: {
+                } }), ((_a = message === null || message === void 0 ? void 0 : message.error) === null || _a === void 0 ? void 0 : _a.type) === api_1.SubscriptionErrorType.UNSUBSCRIBED ? ((0, jsx_runtime_1.jsx)(material_1.Box, { width: "100%", children: (0, jsx_runtime_1.jsx)(AgentErrorBoundary_1.AgentErrorView, { error: message.error }) })) : ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h6", sx: {
                     display: 'flex',
                     alignItems: 'center',
                 }, children: [tip || t('v0.retryTip'), (0, jsx_runtime_1.jsx)(TransparentTooltip_1.default, { arrow: true, placement: "top", title: (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: (message === null || message === void 0 ? void 0 : message.error) || new Error('Code syntax errors'), sx: {
                                 mr: 0,
                             } }), children: (0, jsx_runtime_1.jsx)(material_1.Box, { component: react_1.Icon, icon: "akar-icons:info", sx: {
                                 ml: 1,
-                            } }) })] }), (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
+                            } }) })] })), (0, jsx_runtime_1.jsx)(LoadingButton_1.default, { variant: "contained", loading: loading, color: "primary", onClick: () => __awaiter(this, void 0, void 0, function* () {
                     setLoading(true);
                     try {
                         const { inputs } = message || {};

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.chineseFonts = void 0;
+exports.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',
+    },
+];