@meshagent/meshagent-react 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [0.5.2]
+- Stability
+
 ## [0.5.1]
 - Stability
 

package/dist/cjs/chat.d.ts

@@ -24,6 +24,7 @@ export interface UseMessageChatResult {
     sendMessage: (message: ChatMessage) => void;
     selectAttachments: (files: File[]) => void;
     attachments: FileUpload[];
+    setAttachments: (attachments: FileUpload[]) => void;
 }
 export declare function fileToAsyncIterable(file: File): AsyncIterable<Uint8Array>;
 export declare function useChat({ room, path, participants, participantNames, initialMessage, includeLocalParticipant }: UseMessageChatProps): UseMessageChatResult;

package/dist/cjs/chat.js

@@ -128,27 +128,28 @@ function useChat({ room, path, participants, participantNames, initialMessage, i
     const [attachments, setAttachments] = (0, react_1.useState)([]);
     (0, document_connection_scope_1.useDocumentChanged)({
         document,
-        onChanged: (doc) => {
-            setMessages(mapMessages(doc));
-        },
+        onChanged: (doc) => setMessages(mapMessages(doc)),
     });
     const selectAttachments = (0, react_1.useCallback)((files) => {
         const attachmentsToUpload = files.map((file) => new file_upload_1.MeshagentFileUpload(room, `uploaded-files/${file.name}`, fileToAsyncIterable(file), file.size));
         setAttachments(attachmentsToUpload);
-    }, [room, document]);
+    }, [room]);
     const sendMessage = (0, react_1.useCallback)((message) => {
         const children = document?.root.getChildren() || [];
         const thread = children.find((c) => c.tagName === "messages");
         if (!thread) {
             return;
         }
-        thread.createChildElement("message", {
+        const m = thread.createChildElement("message", {
             id: message.id,
             text: message.text,
             created_at: new Date().toISOString(),
             author_name: room.localParticipant.getAttribute("name"),
             author_ref: null,
         });
+        for (const path of message.attachments) {
+            m.createChildElement("file", { path });
+        }
         for (const participant of getOnlineParticipants(room, document)) {
             room.messaging.sendMessage({
                 to: participant,
@@ -156,11 +157,11 @@ function useChat({ room, path, participants, participantNames, initialMessage, i
                 message: {
                     path,
                     text: message.text,
-                    attachments: message.attachments,
+                    attachments: message.attachments.map(path => ({ path })),
                 },
             });
         }
-    }, [document]);
+    }, [document, attachments]);
     (0, react_1.useEffect)(() => {
         if (document) {
             ensureParticipants(document, room.localParticipant, includeLocalParticipant ?? true, participants ?? [], participantNames ?? []);
@@ -174,5 +175,6 @@ function useChat({ room, path, participants, participantNames, initialMessage, i
         sendMessage,
         selectAttachments,
         attachments,
+        setAttachments,
     };
 }

package/dist/cjs/document-connection-scope.js

@@ -60,9 +60,7 @@ function useDocumentConnection({ room, path }) {
 function useDocumentChanged({ document, onChanged }) {
     (0, react_1.useEffect)(() => {
         if (document) {
-            const s = document.listen(() => {
-                setTimeout(() => onChanged(document), 40);
-            });
+            const s = document.listen(() => onChanged(document));
             onChanged(document);
             return () => s.unsubscribe();
         }

package/dist/cjs/index.d.ts

@@ -3,3 +3,4 @@ export * from './client-toolkits';
 export * from './document-connection-scope';
 export * from './file-upload';
 export * from './room-connection-scope';
+export * from './wail-for-participant';

package/dist/cjs/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./client-toolkits"), exports);
 __exportStar(require("./document-connection-scope"), exports);
 __exportStar(require("./file-upload"), exports);
 __exportStar(require("./room-connection-scope"), exports);
+__exportStar(require("./wail-for-participant"), exports);

package/dist/cjs/wail-for-participant.d.ts

@@ -0,0 +1,3 @@
+import { Participant } from '@meshagent/meshagent';
+import { UseRoomConnectionResult } from './room-connection-scope';
+export declare function useWaitForAgentParticipant(connection: UseRoomConnectionResult | null): Participant | null;

package/dist/cjs/wail-for-participant.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWaitForAgentParticipant = useWaitForAgentParticipant;
+const react_1 = require("react");
+function useWaitForAgentParticipant(connection) {
+    const [participant, setParticipant] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (connection == null || !connection.ready) {
+            return;
+        }
+        function onChange() {
+            const participants = Array.from(connection.client.messaging.remoteParticipants);
+            const agentParticipant = participants.find(p => p.role === 'agent');
+            if (agentParticipant) {
+                setParticipant(agentParticipant);
+            }
+        }
+        connection.client.messaging.on('change', onChange);
+        onChange();
+        return () => connection.client.messaging.off('change', onChange);
+    }, [connection]);
+    return participant;
+}

package/dist/esm/chat.d.ts

@@ -24,6 +24,7 @@ export interface UseMessageChatResult {
     sendMessage: (message: ChatMessage) => void;
     selectAttachments: (files: File[]) => void;
     attachments: FileUpload[];
+    setAttachments: (attachments: FileUpload[]) => void;
 }
 export declare function fileToAsyncIterable(file: File): AsyncIterable<Uint8Array>;
 export declare function useChat({ room, path, participants, participantNames, initialMessage, includeLocalParticipant }: UseMessageChatProps): UseMessageChatResult;

package/dist/esm/chat.js

@@ -122,27 +122,28 @@ export function useChat({ room, path, participants, participantNames, initialMes
     const [attachments, setAttachments] = useState([]);
     useDocumentChanged({
         document,
-        onChanged: (doc) => {
-            setMessages(mapMessages(doc));
-        },
+        onChanged: (doc) => setMessages(mapMessages(doc)),
     });
     const selectAttachments = useCallback((files) => {
         const attachmentsToUpload = files.map((file) => new MeshagentFileUpload(room, `uploaded-files/${file.name}`, fileToAsyncIterable(file), file.size));
         setAttachments(attachmentsToUpload);
-    }, [room, document]);
+    }, [room]);
     const sendMessage = useCallback((message) => {
         const children = document?.root.getChildren() || [];
         const thread = children.find((c) => c.tagName === "messages");
         if (!thread) {
             return;
         }
-        thread.createChildElement("message", {
+        const m = thread.createChildElement("message", {
             id: message.id,
             text: message.text,
             created_at: new Date().toISOString(),
             author_name: room.localParticipant.getAttribute("name"),
             author_ref: null,
         });
+        for (const path of message.attachments) {
+            m.createChildElement("file", { path });
+        }
         for (const participant of getOnlineParticipants(room, document)) {
             room.messaging.sendMessage({
                 to: participant,
@@ -150,11 +151,11 @@ export function useChat({ room, path, participants, participantNames, initialMes
                 message: {
                     path,
                     text: message.text,
-                    attachments: message.attachments,
+                    attachments: message.attachments.map(path => ({ path })),
                 },
             });
         }
-    }, [document]);
+    }, [document, attachments]);
     useEffect(() => {
         if (document) {
             ensureParticipants(document, room.localParticipant, includeLocalParticipant ?? true, participants ?? [], participantNames ?? []);
@@ -168,5 +169,6 @@ export function useChat({ room, path, participants, participantNames, initialMes
         sendMessage,
         selectAttachments,
         attachments,
+        setAttachments,
     };
 }

package/dist/esm/document-connection-scope.js

@@ -56,9 +56,7 @@ export function useDocumentConnection({ room, path }) {
 export function useDocumentChanged({ document, onChanged }) {
     useEffect(() => {
         if (document) {
-            const s = document.listen(() => {
-                setTimeout(() => onChanged(document), 40);
-            });
+            const s = document.listen(() => onChanged(document));
             onChanged(document);
             return () => s.unsubscribe();
         }

package/dist/esm/index.d.ts

@@ -3,3 +3,4 @@ export * from './client-toolkits';
 export * from './document-connection-scope';
 export * from './file-upload';
 export * from './room-connection-scope';
+export * from './wail-for-participant';

package/dist/esm/index.js

@@ -3,3 +3,4 @@ export * from './client-toolkits';
 export * from './document-connection-scope';
 export * from './file-upload';
 export * from './room-connection-scope';
+export * from './wail-for-participant';

package/dist/esm/wail-for-participant.d.ts

@@ -0,0 +1,3 @@
+import { Participant } from '@meshagent/meshagent';
+import { UseRoomConnectionResult } from './room-connection-scope';
+export declare function useWaitForAgentParticipant(connection: UseRoomConnectionResult | null): Participant | null;

package/dist/esm/wail-for-participant.js

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+export function useWaitForAgentParticipant(connection) {
+    const [participant, setParticipant] = useState(null);
+    useEffect(() => {
+        if (connection == null || !connection.ready) {
+            return;
+        }
+        function onChange() {
+            const participants = Array.from(connection.client.messaging.remoteParticipants);
+            const agentParticipant = participants.find(p => p.role === 'agent');
+            if (agentParticipant) {
+                setParticipant(agentParticipant);
+            }
+        }
+        connection.client.messaging.on('change', onChange);
+        onChange();
+        return () => connection.client.messaging.off('change', onChange);
+    }, [connection]);
+    return participant;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@meshagent/meshagent-react",
-    "version": "0.5.1",
+    "version": "0.5.2",
     "description": "Meshagent React Client",
     "homepage": "https://github.com/meshagent/meshagent-react",
     "scripts": {
@@ -31,9 +31,10 @@
         "@types/react-dom": "^19.1.6"
     },
     "dependencies": {
-        "@meshagent/meshagent": "^0.5.1",
+        "react": "^19.1.0",
+        "@meshagent/meshagent": "^0.5.2",
         "react-dom": "^19.1.0",
         "typescript": "^5.8.3",
         "uuid": "^11.1.0"
     }
-}
+}