@blocklet/pages-kit 0.2.346 → 0.2.348

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',
 }));