@blocklet/pages-kit 0.2.366 → 0.2.367

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createSvgIcon } from '@mui/material';
+const CommunityIcon = createSvgIcon(_jsxs("svg", { style: { width: '15px', height: '15px' }, viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { opacity: "0.6", fillRule: "evenodd", clipRule: "evenodd", d: "M29.2518 28.4159V29.282L28.5018 29.715L6.89191 42.1915L7.64197 43.4906L30.0019 30.5811L52.3618 43.4906L53.1119 42.1915L31.502 29.715L30.752 29.282V28.4159V3.46293H29.2518V28.4159Z", stroke: "currentColor", fill: "white", strokeWidth: "2" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0019 2L54.0038 15.8575V43.5725L30.0019 57.43L6 43.5725V15.8575L30.0019 2ZM8.25018 16.2905L23.1764 24.9082L30.0019 13.086L36.8274 24.9082L51.7536 16.2905L30.0019 3.73219L8.25018 16.2905ZM52.5037 17.5897L37.5775 26.2073L44.403 38.0295L30.752 45.911V55.2648L52.5037 42.7064V17.5897ZM29.2518 55.2648V45.911L15.6008 38.0295L22.4263 26.2073L7.50012 17.5897V42.7064L29.2518 55.2648ZM23.7254 26.9574L17.65 37.4804L29.2518 44.1788V31.0141V30.148L28.5018 29.715L23.7254 26.9574ZM30.752 44.1788L42.3538 37.4804L36.2784 26.9574L31.502 29.715L30.752 30.148V31.0141V44.1788ZM35.5283 25.6582L30.0019 16.0862L24.4755 25.6582L30.0019 28.8489L35.5283 25.6582Z", stroke: "currentColor", fill: "white", strokeWidth: "2" })] }), 'AIGNE');
+export default CommunityIcon;

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

@@ -23,9 +23,9 @@ import { RuntimeOutputVariable } from '@blocklet/ai-runtime/types';
 import { Icon } from '@iconify/react';
 import { Box, Stack, styled } from '@mui/material';
 import { saveAs } from 'file-saver';
-import _ from 'lodash';
+import { fromPairs, identity, pickBy } from 'lodash';
 import { useMemo } from 'react';
-import { withQuery } from 'ufo';
+import { joinURL, withQuery } from 'ufo';
 import { useLocaleContext } from '../../../../locale';
 import { useCurrentAgent } from '../../contexts/CurrentAgent';
 import { useCurrentMessage } from '../../contexts/CurrentMessage';
@@ -34,6 +34,7 @@ import { useRuntimeState } from '../../state/runtime';
 import { isValidInput } from '../../utils/agent-inputs';
 import { convertImageToBlob, downloadImage } from '../../utils/download-image';
 import ActionButton from '../ActionButton';
+import CommunityIcon from './Community';
 export default function ShareActions(_a) {
     var _b;
     var props = __rest(_a, []);
@@ -52,7 +53,7 @@ export default function ShareActions(_a) {
         const C = ShareActionsMap[item.to];
         if (!C)
             return null;
-        return (_jsx(Box, { children: _jsx(C, { inputs: JSON.stringify(_.fromPairs(params), null, 2), shareAttach: {
+        return (_jsx(Box, { children: _jsx(C, { inputs: JSON.stringify(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,
                 } }) }));
@@ -66,11 +67,13 @@ const ShareActionsMap = {
     copy: ShareCopy,
     saveAs: ShareSave,
     community: ShareCommunity,
+    link: ShareLink,
 };
 function ShareTwitter({ inputs, shareAttach, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
+    const { link } = useCurrentLink();
     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[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[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[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url);
     if (!content)
@@ -78,15 +81,29 @@ function ShareTwitter({ inputs, shareAttach, }) {
     if (shareAttach.shareAttachInputs) {
         content += `\nInputs: ${inputs}`;
     }
+    // 如果 content 长度超过 100，截断
+    if (content.length > 100) {
+        content = `${content.slice(0, 100)}...`;
+    }
     return (_jsx(StyledActionButton, { tip: t('socialShare.shareToX'), title: _jsx(Icon, { icon: "tabler:brand-x" }), target: "_blank", href: withQuery('https://twitter.com/intent/tweet', {
             text: content,
-            url: shareAttach.shareAttachUrl ? window.location.href : undefined,
+            url: link,
+        }) }));
+}
+function ShareLink() {
+    const { t } = useLocaleContext();
+    const { link } = useCurrentLink();
+    return (_jsx(StyledActionButton, { autoReset: true, tip: t('socialShare.copyLink'), tipSucceed: t('copied'), title: _jsx(Icon, { icon: "tabler:link" }), titleSucceed: _jsx(Icon, { icon: "tabler:link-plus" }), onClick: () => __awaiter(this, void 0, void 0, function* () {
+            if (link) {
+                window.navigator.clipboard.writeText(link);
+            }
         }) }));
 }
 function ShareCopy({ inputs, shareAttach, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
+    const { link } = useCurrentLink();
     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[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[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[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
     if (!content && !image)
@@ -97,7 +114,7 @@ function ShareCopy({ inputs, shareAttach, }) {
                     content += `\nInputs: ${inputs}`;
                 }
                 if (shareAttach.shareAttachUrl) {
-                    content += `\nURL: ${window.location.href}`;
+                    content += `\nURL: ${link}`;
                 }
                 window.navigator.clipboard.writeText(content);
             }
@@ -113,6 +130,7 @@ function ShareSave({ inputs, shareAttach, }) {
     const { message } = useCurrentMessage();
     const { aid, agent } = useRuntimeState();
     const profile = useProfile({ aid });
+    const { link } = useCurrentLink();
     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[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[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[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _f === void 0 ? void 0 : _f[RuntimeOutputVariable.images]) === null || _g === void 0 ? void 0 : _g.at(0)) === null || _h === void 0 ? void 0 : _h.url;
     if (!content && !image)
@@ -127,7 +145,7 @@ function ShareSave({ inputs, shareAttach, }) {
                     element.innerHTML += `<br/>Inputs: ${inputs}`;
                 }
                 if (shareAttach.shareAttachUrl) {
-                    element.innerHTML += `<br/>URL: ${window.location.href}`;
+                    element.innerHTML += `<br/>URL: ${link}`;
                 }
                 yield html2pdf()
                     .set({
@@ -146,25 +164,28 @@ function ShareSave({ inputs, shareAttach, }) {
         }) }));
 }
 function ShareCommunity({ inputs, shareAttach, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const { t } = useLocaleContext();
     const { message } = useCurrentMessage();
+    const { link } = useCurrentLink();
+    const { agent } = useCurrentAgent();
     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[RuntimeOutputVariable.text])) === null || _c === void 0 ? void 0 : _c[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[RuntimeOutputVariable.images]) === null || _a === void 0 ? void 0 : _a.length; })) === null || _h === void 0 ? void 0 : _h[RuntimeOutputVariable.images]) === null || _j === void 0 ? void 0 : _j.map((i) => i.url)) !== null && _k !== void 0 ? _k : []).join(',');
+    content = `[Sharing from ${(_l = agent === null || agent === void 0 ? void 0 : agent.project) === null || _l === void 0 ? void 0 : _l.name}]: ${window.location.href}\n  ${content}`;
     if (!content && !image)
         return null;
     if (shareAttach.shareAttachInputs) {
         content += `\nInputs: ${inputs}`;
     }
     if (shareAttach.shareAttachUrl) {
-        content += `\nURL: ${window.location.href}`;
+        content += `\nURL: ${link}`;
     }
-    return (_jsx(StyledActionButton, { tip: t('share to community'), title: _jsx(Icon, { icon: "tabler:share-2" }), target: "_blank", href: withQuery('https://community.arcblock.io/discussions/add?', {
+    return (_jsx(StyledActionButton, { tip: t('socialShare.shareToCommunity'), title: _jsx(CommunityIcon, {}), target: "_blank", href: withQuery('https://community.arcblock.io/discussions/add?', pickBy({
             boardId: 'aigne',
-            title: '[Share the generation from Aigne](Give your post a title...)',
+            title: `${((_m = message.inputs) === null || _m === void 0 ? void 0 : _m.question) || ''}`,
             content,
             images: image,
-        }) }));
+        }, identity)) }));
 }
 const StyledActionButton = styled(ActionButton)(({ theme }) => theme.unstable_sx({
     fontSize: 'inherit',
@@ -172,3 +193,9 @@ const StyledActionButton = styled(ActionButton)(({ theme }) => theme.unstable_sx
     minWidth: '0 !important',
     minHeight: '0 !important',
 }));
+const useCurrentLink = () => {
+    var _a;
+    const { message } = useCurrentMessage();
+    const link = joinURL(window.origin, ((_a = window.blocklet) === null || _a === void 0 ? void 0 : _a.prefix) || '/', '/messages', message.id);
+    return { link };
+};

package/lib/esm/builtin/async/ai-runtime/contexts/Identity.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import RuntimeCommonProvider from '../components/RuntimeCommonProvider';
+import { CustomError } from '../error';
+const identityContext = createContext(undefined);
+export function useIdentityContext() {
+    const context = useContext(identityContext);
+    if (!context) {
+        throw new Error('No such runtime context. You should use `useRuntimeContext` within the `RuntimeProvider`');
+    }
+    return context;
+}
+export default function IdentityProvider({ blockletDid, aid, working, children, }) {
+    if (!aid)
+        throw new Error('Missing required props `aid`');
+    const value = useMemo(() => ({ blockletDid, aid, working }), [blockletDid, aid, working]);
+    return (_jsx(RuntimeCommonProvider, { children: _jsx(identityContext.Provider, { value: value, children: children }) }));
+}
+export function IdentityProviderFromUrl({ children }) {
+    const [query] = useSearchParams();
+    const aid = query.get('aid');
+    const blockletDid = query.get('blockletDid') || undefined;
+    const working = query.get('working') === 'true';
+    if (!aid)
+        throw new CustomError(404, 'Missing required query parameters `aid`');
+    return (_jsx(IdentityProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children }));
+}

package/lib/esm/builtin/async/ai-runtime/contexts/Runtime.js

@@ -1,27 +1,22 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import { CustomError } from '../error';
-const runtimeContext = createContext(undefined);
-export function useRuntimeContext() {
-    const context = useContext(runtimeContext);
-    if (!context) {
-        throw new Error('No such runtime context. You should use `useRuntimeContext` within the `RuntimeProvider`');
-    }
-    return context;
+import ThemeProvider from '../components/ThemeProvider';
+import IdentityProvider, { IdentityProviderFromUrl } from './Identity';
+export default function RuntimeProvider(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(IdentityProvider, Object.assign({}, props, { children: _jsx(ThemeProvider, { children: props.children }) })));
 }
-export default function RuntimeProvider({ blockletDid, aid, working, children, }) {
-    if (!aid)
-        throw new Error('Missing required props `aid`');
-    const value = useMemo(() => ({ blockletDid, aid, working }), [blockletDid, aid, working]);
-    return _jsx(runtimeContext.Provider, { value: value, children: children });
-}
-export function RuntimeProviderFromUrl({ children }) {
-    const [query] = useSearchParams();
-    const aid = query.get('aid');
-    const blockletDid = query.get('blockletDid') || undefined;
-    const working = query.get('working') === 'true';
-    if (!aid)
-        throw new CustomError(404, 'Missing required query parameters `aid`');
-    return (_jsx(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children }));
+export function RuntimeProviderFromUrl(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(IdentityProviderFromUrl, Object.assign({}, props, { children: _jsx(ThemeProvider, { children: props.children }) })));
 }

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

@@ -1,3 +1,5 @@
+export * from './contexts/Runtime';
+export { default as RuntimeProvider } from './contexts/Runtime';
 export * from './contexts/ComponentPreferences';
 export { default as ComponentPreferencesProvider } from './contexts/ComponentPreferences';
 export * from './contexts/CurrentAgent';

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

@@ -10,6 +10,7 @@ export const translations = {
             shareToFacebook: 'Share to Facebook',
             shareToLinkedin: 'Share to Linkedin',
             copyLink: 'Copy Link',
+            shareToCommunity: 'Share to Community',
         },
         photoWall: {
             dialog: {
@@ -124,6 +125,7 @@ export const translations = {
             shareToFacebook: '分享到 Facebook',
             shareToLinkedin: '分享到 Linkedin',
             copyLink: '复制链接',
+            shareToCommunity: '分享到社区',
         },
         photoWall: {
             dialog: {

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

@@ -17,9 +17,7 @@ import { Avatar } from '../../../../arcblock/ux';
 import { useLocaleContext } from '../../../../locale';
 import PopperMenuButton from '../../components/PopperMenuButton';
 import LoadingMenuItem from '../../components/PopperMenuButton/LoadingMenuItem';
-import RuntimeCommonProvider from '../../components/RuntimeCommonProvider';
 import ScrollView from '../../components/ScrollView';
-import ThemeProvider from '../../components/ThemeProvider';
 import { DEFAULT_PAGE_COMPONENT_ID } from '../../constants';
 import ActiveAgentProvider from '../../contexts/ActiveAgent';
 import RuntimeProvider from '../../contexts/Runtime';
@@ -27,7 +25,7 @@ import useAppearances, { useProfile } from '../../hooks/use-appearances';
 import { useRuntimeState } from '../../state/runtime';
 import { useAutoLoadSessionState, useSessionState } from '../../state/session';
 export default function ChatBotButton({ aid, working }) {
-    return (_jsx(RuntimeCommonProvider, { children: _jsx(RuntimeProvider, { aid: aid, working: working, children: _jsx(ThemeProvider, { children: _jsx(ActiveAgentProvider, { children: _jsx(ChatBotContent, {}) }) }) }) }));
+    return (_jsx(RuntimeProvider, { aid: aid, working: working, children: _jsx(ActiveAgentProvider, { children: _jsx(ChatBotContent, {}) }) }));
 }
 function ChatBotContent() {
     var _a, _b;

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

@@ -2,16 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Helmet } from 'react-helmet';
 import CustomComponentRenderer from '../../../../../components/CustomComponentRenderer';
 import AgentSettingsDialog from '../../components/AgentSettings/AgentSettingsDialog';
-import RuntimeCommonProvider from '../../components/RuntimeCommonProvider';
-import ThemeProvider from '../../components/ThemeProvider';
 import ActiveAgentProvider from '../../contexts/ActiveAgent';
 import RuntimeProvider, { RuntimeProviderFromUrl } from '../../contexts/Runtime';
 import useAppearances from '../../hooks/use-appearances';
 import { useHeaderMenu } from '../../hooks/use-header-menu';
 import { useRuntimeState } from '../../state/runtime';
 export default function Runtime({ blockletDid, aid, working, }) {
-    const children = (_jsx(ThemeProvider, { children: _jsx(ActiveAgentProvider, { children: _jsx(RuntimeView, {}) }) }));
-    return (_jsx(RuntimeCommonProvider, { children: aid ? (_jsx(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children })) : (_jsx(RuntimeProviderFromUrl, { children: children })) }));
+    const children = (_jsx(ActiveAgentProvider, { children: _jsx(RuntimeView, {}) }));
+    return aid ? (_jsx(RuntimeProvider, { blockletDid: blockletDid, aid: aid, working: working, children: children })) : (_jsx(RuntimeProviderFromUrl, { children: children }));
 }
 function RuntimeView() {
     const { aid, agent } = useRuntimeState();

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

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { getAgent } from '../api/agent';
-import { useRuntimeContext } from '../contexts/Runtime';
+import { useIdentityContext } from '../contexts/Identity';
 import { createCachedStore } from '../utils/zustand';
 const createAgentState = ({ blockletDid, aid, working, agent, }) => {
     return createCachedStore(`agent-state-${blockletDid}-${aid}-${working}`, () => create()(immer((set) => ({
@@ -42,8 +42,8 @@ const createAgentState = ({ blockletDid, aid, working, agent, }) => {
 const LOADING_TASKS = {};
 export function useAgentState({ blockletDid, aid, working, }) {
     var _a;
-    const runtimeState = useRuntimeContext();
-    const state = createAgentState({ blockletDid, aid, working: working !== null && working !== void 0 ? working : runtimeState.working })();
+    const identity = useIdentityContext();
+    const state = createAgentState({ blockletDid, aid, working: working !== null && working !== void 0 ? working : identity.working })();
     if (!state.agent) {
         if (state.error)
             throw state.error;

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

@@ -9,11 +9,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useCallback, useEffect, useMemo } from 'react';
 import { useSessionContext } from '../../../session';
-import { useRuntimeContext } from '../contexts/Runtime';
+import { useIdentityContext } from '../contexts/Identity';
 import { useAgentState } from './agent';
 import { createSessionState } from './session';
 export function useRuntimeState() {
-    const { blockletDid, aid, working } = useRuntimeContext();
+    const { blockletDid, aid, working } = useIdentityContext();
     const [agent] = useAgentState({ blockletDid, aid, working });
     const { session: authSession, events } = useSessionContext();
     const sessionState = useMemo(() => createSessionState({ aid }), [aid]);

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

@@ -31,7 +31,7 @@ import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { getMessages } from '../api/message';
 import { clearSession, createSession, deleteSession, getSessions, runAgent } from '../api/session';
-import { useRuntimeContext } from '../contexts/Runtime';
+import { useIdentityContext } from '../contexts/Identity';
 import { createCachedStore } from '../utils/zustand';
 const GET_MESSAGES_LIMIT = 100;
 const GET_MESSAGES_ORDER_DIRECTION = 'desc';
@@ -370,7 +370,7 @@ export const createSessionState = ({ aid }) => {
     }))));
 };
 export function useAutoLoadSessionState(...args) {
-    const { aid } = useRuntimeContext();
+    const { aid } = useIdentityContext();
     const state = useMemo(() => createSessionState({ aid }), [aid]);
     const currentSessionId = state((s) => s.currentSessionId);
     useEffect(() => {
@@ -378,7 +378,7 @@ export function useAutoLoadSessionState(...args) {
     }, [state, currentSessionId]);
 }
 export function useSessionState(selector) {
-    const { aid } = useRuntimeContext();
+    const { aid } = useIdentityContext();
     return useMemo(() => createSessionState({ aid }), [aid])(selector);
 }
 export function useCurrentSessionState(selector) {