@ray-js/t-agent-ui-ray 0.2.8-beta.1 → 0.2.8-beta.3

package/dist/tiles/map.js

@@ -7,12 +7,12 @@ import VideoTile from './VideoTile';
 import ButtonGroupTile from './ButtonsTile';
 import RecommendationsTile from './RecommendationsTile';
 import CardTile from './CardTile';
-import WorkflowTile from './WorkflowTile';
 import DocumentsTile from './DocumentsTile';
 import OperateCardTile from './OperateCardTile';
 import ExecuteCardTile from './ExecuteCardTile';
 import DividerTile from './DividerTile';
 import FileTile from './FileTile';
+import BubbleToolTile from './BubbleToolTile';
 export const tileMap = {
   bubble: BubbleTile,
   image: ImageTile,
@@ -23,10 +23,10 @@ export const tileMap = {
   buttons: ButtonGroupTile,
   recommendations: RecommendationsTile,
   card: CardTile,
-  workflow: WorkflowTile,
   documents: DocumentsTile,
   operateCard: OperateCardTile,
   executeCard: ExecuteCardTile,
   divider: DividerTile,
-  file: FileTile
+  file: FileTile,
+  bubbleTool: BubbleToolTile
 };

package/dist/tiles/types.d.ts

@@ -1,5 +1,5 @@
 export declare enum SceneType {
-    EXECUTE = 1,
+    EXECUTE = 1,// 一键执行
     AUTO = 2
 }
 export interface SceneInfoItem {

package/dist/utils/abort.js

@@ -1,5 +1,6 @@
 import "core-js/modules/es.symbol.description.js";
 import "core-js/modules/web.dom-collections.iterator.js";
+/* istanbul ignore file */
 // source: https://github.com/mo/abortcontroller-polyfill
 import { Emitter } from '@ray-js/t-agent';
 function createAbortEvent(reason) {

package/dist/utils/createSharedStore.d.ts

@@ -1,4 +1,4 @@
 import React, { PropsWithChildren } from 'react';
-export declare function createSharedStore<T>(): readonly [({ value, children }: React.PropsWithChildren<{
+export declare function createSharedStore<T>(): readonly [({ value, children }: PropsWithChildren<{
     value: T;
-}>) => React.JSX.Element, <K extends keyof T>(key: K) => T[K], <K_1 extends keyof T>(key: K_1) => [T[K_1], (v: T[K_1]) => void]];
+}>) => React.JSX.Element, <K extends keyof T>(key: K) => T[K], <K extends keyof T>(key: K) => [T[K], (v: T[K]) => void]];

package/dist/utils/getMessageContent.d.ts

@@ -0,0 +1,11 @@
+import { ChatMessageObject } from '@ray-js/t-agent';
+/**
+ * 从 message 中提取文本内容。
+ *
+ * 遍历 message 的所有 tile，取第一个能解析出文本的 tile：
+ * - 若 tile 自身为 `text` 类型，返回其文本；
+ * - 否则查找其 children 中的第一个 `text` 类型 tile 并返回文本。
+ *
+ * 可在任意 tile 中复用，例如长按复制消息内容。
+ */
+export declare function getMessageContent(message?: ChatMessageObject): string;

package/dist/utils/getMessageContent.js

@@ -0,0 +1,49 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.find.js";
+const getTileText = data => {
+  if (data && typeof data === 'object' && 'text' in data) {
+    return data.text || '';
+  }
+  return '';
+};
+const getTextFromTile = tile => {
+  if (!tile) {
+    return '';
+  }
+
+  // 如果是文本类型的 tile，直接获取文本内容
+  if (tile.type === 'text') {
+    return getTileText(tile.data);
+  }
+
+  // 查找子 tile 中的文本类型 tile
+  if (tile.children && tile.children.length > 0) {
+    const textTile = tile.children.find(child => child.type === 'text');
+    if (textTile) {
+      return getTileText(textTile.data);
+    }
+  }
+  return '';
+};
+
+/**
+ * 从 message 中提取文本内容。
+ *
+ * 遍历 message 的所有 tile，取第一个能解析出文本的 tile：
+ * - 若 tile 自身为 `text` 类型，返回其文本；
+ * - 否则查找其 children 中的第一个 `text` 类型 tile 并返回文本。
+ *
+ * 可在任意 tile 中复用，例如长按复制消息内容。
+ */
+export function getMessageContent(message) {
+  if (!message || !message.tiles || message.tiles.length === 0) {
+    return '';
+  }
+  for (let i = 0; i < message.tiles.length; i++) {
+    const content = getTextFromTile(message.tiles[i]);
+    if (content) {
+      return content;
+    }
+  }
+  return '';
+}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export declare function routeScene(sceneId: string): void;
 export declare const systemInfo: any;
 export * from './formatMessage';
+export * from './getMessageContent';

package/dist/utils/index.js

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 export function routeScene(sceneId) {
   ty.router({
     url: "thingSmart://editScene?sceneId=".concat(sceneId, "&biz_type=ai_smart&action=edit"),
@@ -11,4 +12,5 @@ export function routeScene(sceneId) {
   });
 }
 export const systemInfo = ty.getSystemInfoSync();
-export * from './formatMessage';
+export * from './formatMessage';
+export * from './getMessageContent';

package/dist/utils/ttt.d.ts

@@ -96,3 +96,4 @@ export declare const getCurrentHomeInfo: () => Promise<{
     homeId: string;
     homeName: string;
 }>;
+export declare const initAudioRecorder: () => Promise<void>;

package/dist/utils/ttt.js

@@ -1,4 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/* istanbul ignore file */
+import logger from '../logger';
 export const authorize = _ref => {
   let {
     scope
@@ -51,4 +53,26 @@ export const getCurrentHomeInfo = () => {
       }
     });
   });
+};
+export const initAudioRecorder = () => {
+  return new Promise(resolve => {
+    if (!ty.aistream.initAudioRecorder) {
+      resolve();
+      return;
+    }
+    try {
+      ty.aistream.initAudioRecorder({
+        success: () => {
+          resolve();
+        },
+        fail: error => {
+          logger.error('MessageInputAIStream', 'initAudioRecorder error', error);
+          resolve();
+        }
+      });
+    } catch (error) {
+      logger.error('MessageInputAIStream', 'initAudioRecorder error', error);
+      resolve();
+    }
+  });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.2.8-beta.1",
+  "version": "0.2.8-beta.3",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -21,11 +21,12 @@
   "scripts": {
     "dev": "ray start --type=component --output dist --emit-declaration-dev",
     "build": "ray build --type=component --output dist",
-    "clean": "rimraf ./dist"
+    "clean": "rimraf ./dist",
+    "test": "jest --runInBand",
+    "test:coverage": "jest --runInBand --coverage"
   },
   "dependencies": {
     "clsx": "^1.2.1",
-    "dayjs": "^1.10.4",
     "echarts": "^5.5.0",
     "markdown-it": "^14.1.0",
     "markdown-it-emoji": "^3.0.0",
@@ -40,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "040499ca11aedda3246121f880807da0f8af3cc9"
+  "gitHead": "938bc0c7da7d23dbbad8c3c14c97e5f4007f06f7"
 }

package/dist/tiles/WorkflowTile/RollBack/index.d.ts

@@ -1,5 +0,0 @@
-import './index.less';
-import React from 'react';
-export default function RollBack(props: {
-    nodeId: string;
-}): React.JSX.Element;

package/dist/tiles/WorkflowTile/RollBack/index.js

@@ -1,27 +0,0 @@
-import './index.less';
-import { Image, View } from '@ray-js/ray';
-import React from 'react';
-import rollback from './workflow-rollback.png';
-import { useTileProps } from '../../../hooks';
-export default function RollBack(props) {
-  const {
-    nodeId
-  } = props;
-  const {
-    emitTileEvent
-  } = useTileProps();
-  return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-workflow-rollback-tile",
-    onClick: async () => {
-      emitTileEvent({
-        type: 'rollback',
-        nodeId
-      });
-    }
-  }, /*#__PURE__*/React.createElement(Image, {
-    src: rollback,
-    className: "t-agent-workflow-rollback-tile-image"
-  }), /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-workflow-rollback-tile-text"
-  }, "\u91CD\u9009"));
-}

package/dist/tiles/WorkflowTile/RollBack/index.less

@@ -1,20 +0,0 @@
-.t-agent-workflow-rollback-tile {
-  color: var(--app-B3-N1);
-  background-color: var(--app-B3);
-  border-radius: 9999px;
-  height: 36px;
-  margin-top: 8px;
-  width: fit-content;
-  line-height: 36px;
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  .t-agent-workflow-rollback-tile-image {
-    width: 20px;
-    height: 20px;
-    margin-right: 6px;
-  }
-  .t-agent-workflow-rollback-tile-text {
-  }
-}

package/dist/tiles/WorkflowTile/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-import { TileProps } from '../../types';
-export interface WorkflowOption {
-    name: string;
-    value: string;
-}
-type WorkflowTileEventPayload = {
-    type: 'select';
-    option: WorkflowOption;
-    selected: number;
-} | {
-    type: 'rollback';
-    nodeId: string;
-};
-export default function WorkflowTile(props: TileProps<{
-    selected: number | null;
-    options: WorkflowOption[];
-    nodeId: string | null;
-}, WorkflowTileEventPayload>): React.JSX.Element;
-export {};

package/dist/tiles/WorkflowTile/index.js

@@ -1,32 +0,0 @@
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.map.js";
-import { Button, View } from '@ray-js/components';
-import React from 'react';
-import './index.less';
-import cx from 'clsx';
-export default function WorkflowTile(props) {
-  const {
-    options,
-    selected
-  } = props.tile.data;
-  const isLatest = props.isLatestMessage;
-  return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-workflow-tile"
-  }, options.map((item, index) => /*#__PURE__*/React.createElement(Button, {
-    key: "".concat(item.name),
-    className: cx({
-      't-agent-workflow-tile-option': true,
-      't-agent-workflow-tile-option-locked': selected != null && selected !== index || !isLatest,
-      't-agent-workflow-tile-option-selected': selected === index
-    }),
-    onClick: () => {
-      if (isLatest && selected == null) {
-        props.emitTileEvent({
-          type: 'select',
-          option: item,
-          selected: index
-        });
-      }
-    }
-  }, item.name)));
-}

package/dist/tiles/WorkflowTile/index.less

@@ -1,31 +0,0 @@
-.t-agent-workflow-tile {
-  margin-top: var(--t-agent-y-gap);
-}
-
-.t-agent-workflow-tile > :not([hidden])~:not([hidden]) {
-  margin-top: 16rpx;
-  margin-bottom: 0;
-}
-
-.t-agent-workflow-tile-option {
-  display: flex;
-  align-items: center;
-  padding: 36rpx;
-  min-width: 564rpx;
-  height: 96rpx;
-  margin-top: 24rpx;
-  font-size: 32rpx;
-  background: var(--app-B1);
-  border-radius: var(--app-C1_1);
-  font-weight: normal;
-  color: var(--app-B3-N1);
-}
-
-.t-agent-workflow-tile-option-locked {
-  opacity: 0.5;
-}
-
-.t-agent-workflow-tile-option-selected {
-  background: var(--app-B3-N9);
-  color: var(--app-M1);
-}