@lvce-editor/chat-debug-view 2.2.0 → 2.4.0

package/dist/chatDebugViewWorkerMain.js

@@ -1028,12 +1028,13 @@ const diff2 = uid => {
   return diff(oldState, newState);
 };
 
-const Filter = 'filter';
-const ShowInputEvents = 'showInputEvents';
-
 const getBoolean = value => {
   return value === true || value === 'true' || value === 'on' || value === '1';
 };
+
+const Filter = 'filter';
+const ShowInputEvents = 'showInputEvents';
+
 const handleInput = (state, name, value, checked) => {
   if (name === Filter) {
     return {
@@ -1241,6 +1242,11 @@ const getCss = () => {
   opacity: 0.8;
 }
 
+.ChatDebugViewEventCount {
+  font-size: 12px;
+  opacity: 0.8;
+}
+
 .ChatDebugViewEvents {
   overflow: auto;
   scrollbar-width: thin;
@@ -1450,8 +1456,9 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     }, text(errorMessage)];
   }
   const eventNodes = events.flatMap(getEventNode);
+  const eventCountText = `${events.length} event${events.length === 1 ? '' : 's'}`;
   return [{
-    childCount: 3,
+    childCount: 4,
     className: 'ChatDebugView',
     type: Div
   }, {
@@ -1478,6 +1485,10 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     onChange: HandleInput,
     type: Input
   }, text('Show input events'), {
+    childCount: 1,
+    className: 'ChatDebugViewEventCount',
+    type: Div
+  }, text(eventCountText), {
     childCount: 1,
     className: 'ChatDebugViewSession',
     type: Div
@@ -1507,8 +1518,17 @@ const getFilteredEvents = (events, filterValue, showInputEvents) => {
   return visibleEvents.filter(event => JSON.stringify(event).toLowerCase().includes(normalizedFilter));
 };
 
+const withSessionEventIds = events => {
+  return events.map((event, index) => {
+    return {
+      ...event,
+      eventId: index + 1
+    };
+  });
+};
 const renderItems = (oldState, newState) => {
-  const filteredEvents = getFilteredEvents(newState.events, newState.filterValue, newState.showInputEvents);
+  const eventsWithIds = withSessionEventIds(newState.events);
+  const filteredEvents = getFilteredEvents(eventsWithIds, newState.filterValue, newState.showInputEvents);
   const dom = getChatDebugViewDom(newState.sessionId, newState.errorMessage, newState.filterValue, newState.showInputEvents, filteredEvents);
   return [SetDom2, newState.uid, dom];
 };
@@ -1584,6 +1604,15 @@ const saveState = state => {
   };
 };
 
+const setEvents = (state, events) => {
+  return {
+    ...state,
+    errorMessage: '',
+    events,
+    initial: false
+  };
+};
+
 const setSessionId = async (state, sessionId) => {
   const events = await listChatViewEvents(sessionId, state.databaseName, state.dataBaseVersion, state.eventStoreName, state.sessionIdIndexName);
   return {
@@ -1608,6 +1637,7 @@ const commandMap = {
   'ChatDebug.rerender': wrapCommand(rerender),
   'ChatDebug.resize': wrapCommand(resize),
   'ChatDebug.saveState': wrapGetter(saveState),
+  'ChatDebug.setEvents': wrapCommand(setEvents),
   'ChatDebug.setSessionId': wrapCommand(setSessionId),
   'ChatDebug.terminate': terminate
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-debug-view",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "Chat Debug View Worker",
   "repository": {
     "type": "git",