@blocklet/pages-kit 0.2.345 → 0.2.347

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

@@ -51,6 +51,7 @@ const types_1 = require("@blocklet/ai-runtime/types");
 const react_1 = require("@iconify/react");
 const material_1 = require("@mui/material");
 const file_saver_1 = require("file-saver");
+const lodash_1 = __importDefault(require("lodash"));
 const react_2 = require("react");
 const ufo_1 = require("ufo");
 const locale_1 = require("../../../../locale");
@@ -58,21 +59,31 @@ const CurrentAgent_1 = require("../../contexts/CurrentAgent");
 const CurrentMessage_1 = require("../../contexts/CurrentMessage");
 const use_appearances_1 = require("../../hooks/use-appearances");
 const runtime_1 = require("../../state/runtime");
+const agent_inputs_1 = require("../../utils/agent-inputs");
 const download_image_1 = require("../../utils/download-image");
 const ActionButton_1 = __importDefault(require("../ActionButton"));
 function ShareActions(_a) {
     var _b;
     var props = __rest(_a, []);
     const { agent } = (0, CurrentAgent_1.useCurrentAgent)();
+    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
     const sharing = (0, react_2.useMemo)(() => {
         var _a, _b;
         return (_b = (_a = agent.outputVariables) === null || _a === void 0 ? void 0 : _a.find((i) => i.name === types_1.RuntimeOutputVariable.share)) === null || _b === void 0 ? void 0 : _b.initialValue;
     }, [agent]);
+    const params = (0, react_2.useMemo)(() => {
+        var _a;
+        return (_a = agent.parameters) === null || _a === void 0 ? void 0 : _a.filter(agent_inputs_1.isValidInput).map((i) => { var _a, _b; return [((_a = i.label) === null || _a === void 0 ? void 0 : _a.trim()) || i.key, (_b = message.inputs) === null || _b === void 0 ? void 0 : _b[i.key]]; }).filter((i) => i[1]);
+    }, [agent.parameters, message.inputs]);
     const items = (_b = sharing === null || sharing === void 0 ? void 0 : sharing.items) === null || _b === void 0 ? void 0 : _b.map((item) => {
+        var _a, _b;
         const C = ShareActionsMap[item.to];
         if (!C)
             return null;
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(C, {}) }));
+        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(C, { inputs: JSON.stringify(lodash_1.default.fromPairs(params), null, 2), shareAttach: {
+                    shareAttachInputs: (_a = sharing === null || sharing === void 0 ? void 0 : sharing.shareAttachInputs) !== null && _a !== void 0 ? _a : false,
+                    shareAttachUrl: (_b = sharing === null || sharing === void 0 ? void 0 : sharing.shareAttachUrl) !== null && _b !== void 0 ? _b : false,
+                } }) }));
     }).filter((i) => !!i);
     if (!(items === null || items === void 0 ? void 0 : items.length))
         return null;
@@ -83,30 +94,40 @@ const ShareActionsMap = {
     twitter: ShareTwitter,
     copy: ShareCopy,
     saveAs: ShareSave,
+    community: ShareCommunity,
 };
-function ShareTwitter() {
+function ShareTwitter({ inputs, shareAttach, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const content = ((_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.RuntimeOutputVariable.text]) ||
+    let content = ((_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.RuntimeOutputVariable.text]) ||
         ((_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[types_1.RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url);
     if (!content)
         return null;
-    return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('socialShare.shareToX'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:brand-x" }), href: (0, ufo_1.withQuery)('https://twitter.com/intent/tweet', {
+    if (shareAttach.shareAttachInputs) {
+        content += `\nInputs: ${inputs}`;
+    }
+    return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('socialShare.shareToX'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:brand-x" }), target: "_blank", href: (0, ufo_1.withQuery)('https://twitter.com/intent/tweet', {
             text: content,
-            url: window.location.href,
-        }), target: '_blank' }));
+            url: shareAttach.shareAttachUrl ? window.location.href : undefined,
+        }) }));
 }
-function ShareCopy() {
+function ShareCopy({ inputs, shareAttach, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
-    const content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.RuntimeOutputVariable.text];
+    let content = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.RuntimeOutputVariable.text];
     const image = (_h = (_g = (_f = (_e = (_d = message.outputs) === null || _d === void 0 ? void 0 : _d.objects) === null || _e === void 0 ? void 0 : _e.find((i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[types_1.RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
     if (!content && !image)
         return null;
     return ((0, jsx_runtime_1.jsx)(StyledActionButton, { autoReset: true, tip: t('copy'), tipSucceed: t('copied'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy-check" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
             if (content) {
+                if (shareAttach.shareAttachInputs) {
+                    content += `\nInputs: ${inputs}`;
+                }
+                if (shareAttach.shareAttachUrl) {
+                    content += `\nURL: ${window.location.href}`;
+                }
                 window.navigator.clipboard.writeText(content);
             }
             else if (image) {
@@ -115,7 +136,7 @@ function ShareCopy() {
             }
         }) }));
 }
-function ShareSave() {
+function ShareSave({ inputs, shareAttach, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = (0, locale_1.useLocaleContext)();
     const { message } = (0, CurrentMessage_1.useCurrentMessage)();
@@ -130,7 +151,13 @@ function ShareSave() {
             const { default: html2pdf } = yield Promise.resolve().then(() => __importStar(require('html2pdf.js')));
             if (content) {
                 const element = document.createElement('div');
-                element.innerText = content;
+                element.innerHTML = content;
+                if (shareAttach.shareAttachInputs) {
+                    element.innerHTML += `<br/>Inputs: ${inputs}`;
+                }
+                if (shareAttach.shareAttachUrl) {
+                    element.innerHTML += `<br/>URL: ${window.location.href}`;
+                }
                 yield html2pdf()
                     .set({
                     margin: 1,
@@ -147,9 +174,30 @@ function ShareSave() {
             }
         }) }));
 }
+function ShareCommunity({ inputs, shareAttach, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { t } = (0, locale_1.useLocaleContext)();
+    const { message } = (0, CurrentMessage_1.useCurrentMessage)();
+    let content = (_d = (_c = (_b = (_a = message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((i) => i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[types_1.RuntimeOutputVariable.text]) !== null && _d !== void 0 ? _d : '';
+    const image = ((_k = (_j = (_h = (_g = (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.find) === null || _g === void 0 ? void 0 : _g.call(_f, (i) => { var _a; return (_a = i === null || i === void 0 ? void 0 : i[types_1.RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _h === void 0 ? void 0 : _h[types_1.RuntimeOutputVariable.images]) === null || _j === void 0 ? void 0 : _j.map((i) => i.url)) !== null && _k !== void 0 ? _k : []).join(',');
+    if (!content && !image)
+        return null;
+    if (shareAttach.shareAttachInputs) {
+        content += `\nInputs: ${inputs}`;
+    }
+    if (shareAttach.shareAttachUrl) {
+        content += `\nURL: ${window.location.href}`;
+    }
+    return ((0, jsx_runtime_1.jsx)(StyledActionButton, { tip: t('share to community'), title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:share-2" }), target: "_blank", href: (0, ufo_1.withQuery)('https://community.arcblock.io/discussions/add?', {
+            boardId: 'aigne',
+            title: '[Share the generation from Aigne](Give your post a title...)',
+            content,
+            images: image,
+        }) }));
+}
 const StyledActionButton = (0, material_1.styled)(ActionButton_1.default)(({ theme }) => theme.unstable_sx({
     fontSize: 'inherit',
     p: 0.5,
-    minWidth: 0,
-    minHeight: 0,
+    minWidth: '0 !important',
+    minHeight: '0 !important',
 }));

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

@@ -142,7 +142,7 @@ function AgentMessage({ message, hideAvatar }) {
                                         p: 0.25,
                                     } })), children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: 1, className: "message-response", children: ((_d = message.outputs) === null || _d === void 0 ? void 0 : _d.content) && ((0, jsx_runtime_1.jsx)(MarkdownRenderer_1.default, { className: isMessageLoading ? 'writing' : '', children: message.outputs.content })) }) })) : (isMessageLoading && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rectangular", height: 24 + 8 + 8, 
                                 // only response with loading
-                                className: "message-response" }))), (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.map((object) => ((0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: object.data }, object.taskId))), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: message.error })] })] })] }));
+                                className: "message-response" }))), (_f = (_e = message.outputs) === null || _e === void 0 ? void 0 : _e.objects) === null || _f === void 0 ? void 0 : _f.map((object, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: object }, index)), message.error && (0, jsx_runtime_1.jsx)(MessageErrorView_1.default, { error: message.error })] })] })] }));
 }
 function MessageItemWrapper(_a) {
     var _b;

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

@@ -42,7 +42,7 @@ 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; return (_a = i.data[types_1.RuntimeOutputVariable.images]) !== null && _a !== void 0 ? _a : []; });
+    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,

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

@@ -230,7 +230,7 @@ function V0Output() {
                         overflowY: 'auto',
                         scrollbarWidth: 'thin',
                         scrollbarColor: 'grey transparent',
-                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: item.data }, index)), !isMessageLoading && ((_b = message.outputs) === null || _b === void 0 ? void 0 : _b.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), (0, jsx_runtime_1.jsxs)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loading_1.default, {}), children: [(0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                    }, propertiesValueMap: propertiesValueMap }) }), objects === null || objects === void 0 ? void 0 : objects.map((item, index) => (0, jsx_runtime_1.jsx)(MessageMetadataRenderer_1.default, { object: item }, index)), !isMessageLoading && ((_b = message.outputs) === null || _b === void 0 ? void 0 : _b.content) && ((0, jsx_runtime_1.jsx)(ShareActions_1.default, { direction: "row", justifyContent: "flex-end", sx: { mt: 2 } })), (0, jsx_runtime_1.jsxs)(react_2.Suspense, { fallback: (0, jsx_runtime_1.jsx)(Loading_1.default, {}), children: [(0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: isMobile ? 'bottom' : 'right', open: !!code, onClose: onCloseCode, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: Object.assign({ p: 2, pt: 0 }, (isMobile ? { maxHeight: '70vh' } : { maxWidth: '70vw' })), children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
                                         py: 2,
                                         position: 'sticky',
                                         top: 0,

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

@@ -8,17 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -297,19 +286,17 @@ function V0DetailRender() {
                     backgroundColor: 'background.block',
                     flex: 1,
                     maxWidth: isMobile ? '100%' : `calc(100% - ${sliderWidth}px - 16px)`,
-                }, children: (0, jsx_runtime_1.jsx)(AgentOutputRender, { message: currentMessage }) })] }));
+                }, children: currentMessage && (0, jsx_runtime_1.jsx)(AgentOutputRender, { message: currentMessage }) })] }));
 }
-function AgentInputRender(_a) {
-    var props = __rest(_a, []);
+function AgentInputRender() {
     const { appearanceInput } = (0, use_appearances_1.default)();
     if (!(appearanceInput === null || appearanceInput === void 0 ? void 0 : appearanceInput.componentId))
         return null;
-    return ((0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties, props: props }) }));
+    return ((0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceInput.componentId, properties: appearanceInput.componentProperties }) }));
 }
-function AgentOutputRender(_a) {
-    var { message } = _a, props = __rest(_a, ["message"]);
+function AgentOutputRender({ message }) {
     const { appearanceOutput } = (0, use_appearances_1.default)();
     if (!(appearanceOutput === null || appearanceOutput === void 0 ? void 0 : appearanceOutput.componentId) || !message)
         return null;
-    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.assistantId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties, props: props }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CurrentAgent_1.default, { agentId: message.agentId, children: (0, jsx_runtime_1.jsx)(CurrentMessage_1.default, { message: message, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { children: (0, jsx_runtime_1.jsx)(CustomComponentRenderer_1.default, { componentId: appearanceOutput.componentId, properties: appearanceOutput.componentProperties }) }) }) }));
 }

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

@@ -134,11 +134,11 @@ function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesVal
             return (0, jsx_runtime_1.jsx)(RetryComponent, { message: message });
         }
         return (_d = (_c = message === null || message === void 0 ? void 0 : message.outputs) === null || _c === void 0 ? void 0 : _c.objects) === null || _d === void 0 ? void 0 : _d.map((item) => {
-            var _a, _b, _c;
+            var _a, _b;
             const { taskId } = item;
             // @ts-ignore
-            const code = (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a[codeField];
-            return ((0, jsx_runtime_1.jsx)(exports.CodePreviewMemo, { componentId: `code-preview-${taskId}`, code: code, propertiesValue: ((_b = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _b === void 0 ? void 0 : _b[locale]) || ((_c = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _c === void 0 ? void 0 : _c.en) || {}, message: message }, item.taskId));
+            const code = item === null || item === void 0 ? void 0 : item[codeField];
+            return ((0, jsx_runtime_1.jsx)(exports.CodePreviewMemo, { componentId: `code-preview-${taskId}`, code: code, propertiesValue: ((_a = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _a === void 0 ? void 0 : _a[locale]) || ((_b = propertiesValueMap === null || propertiesValueMap === void 0 ? void 0 : propertiesValueMap[taskId]) === null || _b === void 0 ? void 0 : _b.en) || {}, message: message }, item.taskId));
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isMessageLoading, (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects, propertiesValueMap, locale]);
@@ -149,8 +149,8 @@ function CodeRenderByMessage({ zoom, message, minHeight = 200, sx, propertiesVal
 exports.CodeRenderByMessage = CodeRenderByMessage;
 exports.CodeRenderByMessageMemo = (0, react_2.memo)(CodeRenderByMessage);
 function getCurrentCodeByTaskId(message, taskId) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     // @ts-ignore
-    return (_d = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((item) => item.taskId === taskId)) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[codeField];
+    return (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.outputs) === null || _a === void 0 ? void 0 : _a.objects) === null || _b === void 0 ? void 0 : _b.find((item) => item.taskId === taskId)) === null || _c === void 0 ? void 0 : _c[codeField];
 }
 exports.getCurrentCodeByTaskId = getCurrentCodeByTaskId;