@ray-js/t-agent-ui-ray 0.1.0-beta-3 → 0.1.0-beta-5

package/dist/ChatContainer/index.js

@@ -49,8 +49,7 @@ export default function ChatContainer(props) {
       plugins: agent.plugins,
       pushInputBlocks: agent.pushInputBlocks,
       emitTileEvent: agent.emitTileEvent,
-      removeMessage: agent.removeMessage,
-      removeMessageByChannel: agent.removeMessageByChannel
+      removeMessage: agent.removeMessage
     };
   }, [agent]);
   useEffect(() => {

package/dist/MessageInput/index.js

@@ -13,13 +13,11 @@ import imageSvg from './icons/image.svg';
 import videoSvg from './icons/video.svg';
 import loadingSvg from './icons/loading.svg';
 import closeCircleSvg from './icons/close-circle.svg';
-import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useRenderOptions } from '../hooks';
+import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useRenderOptions, useTranslate } from '../hooks';
 import AsrInput from './AsrInput';
 export default function MessageInput(props) {
   const [moreOpen, setMoreOpen] = useState(false);
-  const {
-    i18nTranslate: t
-  } = useRenderOptions();
+  const t = useTranslate();
   const [text, setText] = useState('');
   const [asrText, setAsrText] = useState('');
   const attachmentInput = useAttachmentInput();

package/dist/contexts.d.ts

@@ -9,7 +9,7 @@ export declare const MessageContext: import("react").Context<{
 }>;
 export declare const RenderContext: import("react").Context<RenderOptions>;
 export type UIChatSession = Pick<ChatSession, 'get' | 'getData' | 'set' | 'sessionId'>;
-export type UIChatAgent = Pick<ChatAgent<UIPlugin & AssistantPlugin>, 'pushInputBlocks' | 'plugins' | 'emitTileEvent' | 'removeMessage' | 'removeMessageByChannel'> & {
+export type UIChatAgent = Pick<ChatAgent<UIPlugin & AssistantPlugin>, 'pushInputBlocks' | 'plugins' | 'emitTileEvent' | 'removeMessage'> & {
     session: UIChatSession;
 };
 export declare const ChatAgentContext: import("react").Context<UIChatAgent>;

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useAsrInput';
 export * from './useSleep';
 export * from './useIsUnmounted';
 export * from './useLongPress';
+export * from './useTranslate';

package/dist/hooks/index.js

@@ -3,4 +3,5 @@ export * from './useAttachmentInput';
 export * from './useAsrInput';
 export * from './useSleep';
 export * from './useIsUnmounted';
-export * from './useLongPress';
+export * from './useLongPress';
+export * from './useTranslate';

package/dist/hooks/useLongPress.js

@@ -4,10 +4,8 @@ import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useState, useEffect, useCallback } from 'react';
-import { setClipboardData, showModal, showToast, vibrateShort } from '@ray-js/ray';
 import logger from '../logger';
-import { useRenderOptions } from './context';
-import { useChatAgent } from '.';
+import { useChatAgent, useTranslate } from '.';
 
 /**
  * 预定义动作类型
@@ -35,9 +33,7 @@ export function useLongPress() {
     }
   });
   const agent = useChatAgent();
-  const {
-    i18nTranslate: t
-  } = useRenderOptions();
+  const t = useTranslate();
   const [screenSize, setScreenSize] = useState({
     width: 0,
     height: 0
@@ -67,10 +63,10 @@ export function useLongPress() {
               action: () => {
                 const content = getMessageContent();
                 if (content) {
-                  setClipboardData({
+                  ty.setClipboardData({
                     data: content,
                     success: () => {
-                      showToast({
+                      ty.showToast({
                         title: t('t-agent.message.copy.success'),
                         icon: 'none'
                       });
@@ -88,13 +84,13 @@ export function useLongPress() {
               label: t('t-agent.message.action.delete'),
               action: () => {
                 if (typeof agent.removeMessage === 'function') {
-                  showModal({
+                  ty.showModal({
                     title: t('t-agent.message.delete.title'),
                     content: t('t-agent.message.delete.content'),
                     success: res => {
                       if (res.confirm) {
                         agent.removeMessage(message.id);
-                        showToast({
+                        ty.showToast({
                           title: t('t-agent.message.delete.success'),
                           icon: 'none'
                         });
@@ -112,8 +108,11 @@ export function useLongPress() {
             label: t('t-agent.message.action.deleteByChannel'),
             action: () => {
               const channel = agent.session.get('AIAssistant.channel');
-              if (typeof agent.removeMessageByChannel === 'function') {
-                agent.removeMessageByChannel(channel);
+              const {
+                removeMessageByChannel
+              } = agent.plugins.assistant;
+              if (typeof removeMessageByChannel === 'function') {
+                removeMessageByChannel(channel);
               }
             }
           });
@@ -122,11 +121,20 @@ export function useLongPress() {
           menuItems.push({
             key: 'like',
             label: t('t-agent.message.action.like'),
-            action: () => {
-              showToast({
-                title: t('t-agent.message.like.success'),
-                icon: 'none'
-              });
+            action: async () => {
+              const {
+                feedback
+              } = agent.plugins.assistant;
+              if (typeof feedback === 'function') {
+                await feedback({
+                  requestId: message.id,
+                  type: 'like'
+                });
+                ty.showToast({
+                  title: t('t-agent.message.like.success'),
+                  icon: 'none'
+                });
+              }
             }
           });
           break;
@@ -134,11 +142,20 @@ export function useLongPress() {
           menuItems.push({
             key: 'unlike',
             label: t('t-agent.message.action.unlike'),
-            action: () => {
-              showToast({
-                title: t('t-agent.message.unlike.success'),
-                icon: 'none'
-              });
+            action: async () => {
+              const {
+                feedback
+              } = agent.plugins.assistant;
+              if (typeof feedback === 'function') {
+                await feedback({
+                  requestId: message.id,
+                  type: 'unlike'
+                });
+                ty.showToast({
+                  title: t('t-agent.message.unlike.success'),
+                  icon: 'none'
+                });
+              }
             }
           });
           break;
@@ -195,7 +212,7 @@ export function useLongPress() {
       isClosing: false,
       menuPosition: adjustedPosition
     });
-    vibrateShort({
+    ty.vibrateShort({
       type: 'light'
     });
     if (e.origin && e.origin.stopPropagation) {

package/dist/hooks/useTranslate.d.ts

@@ -0,0 +1,2 @@
+export declare const translateWith: (key: string, i18nTranslate: (key: string) => string) => string;
+export declare const useTranslate: () => (key: string) => string;

package/dist/hooks/useTranslate.js

@@ -0,0 +1,62 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { useRenderOptions } from './context';
+import { useCallback } from 'react';
+import strings from '../i18n/strings';
+const keyRE = /^t-agent\./;
+const langRE = {
+  'zh-Hans': /^zh([-_](hans|cn|zh))/i,
+  'zh-Hant': /^zh([-_](hant|tw|hk|mo))/i,
+  en: /^en([-_](us|gb))/i,
+  ja: /^ja([-_](jp))/i,
+  de: /^de([-_](de))/i,
+  fr: /^fr([-_](fr))/i,
+  es: /^es([-_](es))/i,
+  it: /^it([-_](it))/i
+};
+const keys = Object.keys(langRE);
+const cache = new Map();
+const normalizeLanguage = lang => {
+  if (langRE[lang]) {
+    return lang;
+  }
+  if (cache.has(lang)) {
+    return cache.get(lang);
+  }
+  for (const key of keys) {
+    if (langRE[key].test(lang)) {
+      cache.set(lang, key);
+      return key;
+    }
+  }
+  cache.set(lang, 'en');
+  // 默认返回英文
+  return 'en';
+};
+const translateCache = new Map();
+export const translateWith = (key, i18nTranslate) => {
+  if (translateCache.has(key)) {
+    return translateCache.get(key);
+  }
+  const result = i18nTranslate(key);
+  // result 全等于 key 说明没有翻译，使用内置翻译
+  if (result === key && keyRE.test(key)) {
+    var _strings$language;
+    let {
+      language
+    } = ty.getSystemInfoSync();
+    language = normalizeLanguage(language);
+    if ((_strings$language = strings[language]) !== null && _strings$language !== void 0 && _strings$language[key]) {
+      translateCache.set(key, strings[language][key]);
+      return strings[language][key];
+    }
+  }
+  translateCache.set(key, result);
+  return result;
+};
+export const useTranslate = () => {
+  const {
+    i18nTranslate
+  } = useRenderOptions();
+  return useCallback(key => translateWith(key, i18nTranslate), [i18nTranslate]);
+};