@lvce-editor/chat-debug-view 10.13.0 → 10.15.0

package/dist/chatDebugViewWorkerMain.js

@@ -2232,6 +2232,10 @@ const getEventsWithTime = events => {
   });
 };
 
+const clamp$1 = (value, minimum, maximum) => {
+  return Math.max(minimum, Math.min(value, maximum));
+};
+
 const parseTimelineSeconds = value => {
   const trimmed = value.trim();
   if (!trimmed) {
@@ -2260,8 +2264,10 @@ const getNormalizedRange = (durationSeconds, startValue, endValue) => {
   }
   const rawStart = parsedStart ?? 0;
   const rawEnd = parsedEnd ?? durationSeconds;
-  const normalizedStart = Math.max(0, Math.min(durationSeconds, Math.min(rawStart, rawEnd)));
-  const normalizedEnd = Math.max(0, Math.min(durationSeconds, Math.max(rawStart, rawEnd)));
+  const rangeStart = Math.min(rawStart, rawEnd);
+  const rangeEnd = Math.max(rawStart, rawEnd);
+  const normalizedStart = clamp$1(rangeStart, 0, durationSeconds);
+  const normalizedEnd = clamp$1(rangeEnd, 0, durationSeconds);
   return {
     endSeconds: roundSeconds(normalizedEnd),
     hasSelection: true,
@@ -3129,11 +3135,8 @@ const withPreparedSelectedEventPreview = async event => {
   return setSelectedEventPreview(event, preview);
 };
 
-const selectEventAtIndexDependencies = {
-  loadSelectedEvent: loadSelectedEvent
-};
 const getCurrentEvents$1 = state => getCurrentEvents$2(state);
-const selectEventAtIndex = async (state, selectedEventIndex, dependencies = selectEventAtIndexDependencies) => {
+const selectEventAtIndex = async (state, selectedEventIndex, loadSelectedEvent$1 = loadSelectedEvent) => {
   const {
     databaseName,
     dataBaseVersion,
@@ -3161,7 +3164,7 @@ const selectEventAtIndex = async (state, selectedEventIndex, dependencies = sele
       selectedEventIndex
     };
   }
-  const selectedEventDetails = await dependencies.loadSelectedEvent(databaseName, dataBaseVersion, eventStoreName, sessionId, sessionIdIndexName, selectedEvent.eventId, selectedEvent.type);
+  const selectedEventDetails = await loadSelectedEvent$1(databaseName, dataBaseVersion, eventStoreName, sessionId, sessionIdIndexName, selectedEvent.eventId, selectedEvent.type);
   const resolvedSelectedEvent = await withPreparedSelectedEventPreview(mergeSelectedEventDetails(selectedEvent, selectedEventDetails));
   return withSelectedEventVisible({
     ...state,
@@ -3268,7 +3271,10 @@ const getMenuEntriesTableHeader = state => {
 
 const MenuChatDebugTableHeader = 2189;
 const handleHeaderContextMenu = async (state, eventX, eventY) => {
-  await showContextMenu2(state.uid, MenuChatDebugTableHeader, eventX, eventY, {
+  const {
+    uid
+  } = state;
+  await showContextMenu2(uid, MenuChatDebugTableHeader, eventX, eventY, {
     menuId: MenuChatDebugTableHeader
   });
   return state;
@@ -3798,13 +3804,10 @@ const handleEventCategoryFilter$1 = (state, value, ctrlKey = false, metaKey = fa
   return withPreservedSelection$1(state, nextState);
 };
 
-const handleEventRowClickDependencies = {
-  loadSelectedEvent: loadSelectedEvent
-};
 const isPrimaryButton = button => {
   return button === 0;
 };
-const handleEventRowClick = async (state, index, button = 0) => {
+const handleEventRowClick = async (state, index, button = 0, loadSelectedEvent) => {
   const actual = typeof index === 'string' ? Number.parseInt(index, 10) : index;
   if (!isPrimaryButton(button)) {
     return state;
@@ -3812,12 +3815,12 @@ const handleEventRowClick = async (state, index, button = 0) => {
   if (actual === -1) {
     return state;
   }
-  return selectEventAtIndex(state, actual, handleEventRowClickDependencies);
+  return selectEventAtIndex(state, actual, loadSelectedEvent);
 };
 
-const handleEventRowClickAt = async (state, eventX, eventY, button = 0) => {
+const handleEventRowClickAt = async (state, eventX, eventY, button = 0, loadSelectedEvent) => {
   const selectedEventIndex = getTableBodyEventIndex(state, eventX, eventY);
-  return handleEventRowClick(state, selectedEventIndex, button);
+  return handleEventRowClick(state, selectedEventIndex, button, loadSelectedEvent);
 };
 
 const getBoolean = value => {
@@ -4472,16 +4475,22 @@ const handlePreviewTextScrollBarPointerDown = (state, eventY) => {
 };
 
 const handlePreviewTextScrollBarPointerMove = (state, eventY) => {
-  if (!state.previewTextScrollBarPointerActive) {
+  const {
+    previewTextDeltaY,
+    previewTextScrollBarHandleOffset,
+    previewTextScrollBarPointerActive,
+    selectedEvent
+  } = state;
+  if (!previewTextScrollBarPointerActive) {
     return state;
   }
   const viewportHeight = getPreviewTextViewportHeight(state);
-  const virtualization = getPreviewVirtualizationState(state.selectedEvent, viewportHeight, state.previewTextDeltaY);
+  const virtualization = getPreviewVirtualizationState(selectedEvent, viewportHeight, previewTextDeltaY);
   if (viewportHeight === 0 || virtualization.scrollBarHeight === 0) {
     return state;
   }
   const relativeY = eventY - getPreviewTextBodyY(state);
-  const nextHandleTop = Math.max(0, Math.min(viewportHeight - virtualization.scrollBarHeight, relativeY - state.previewTextScrollBarHandleOffset));
+  const nextHandleTop = Math.max(0, Math.min(viewportHeight - virtualization.scrollBarHeight, relativeY - previewTextScrollBarHandleOffset));
   const percent = nextHandleTop / Math.max(1, viewportHeight - virtualization.scrollBarHeight);
   const nextState = setPreviewTextDeltaY(state, percent * virtualization.maxDeltaY);
   return {
@@ -4502,7 +4511,10 @@ const handlePreviewTextScrollBarPointerUp = state => {
 };
 
 const handlePreviewTextWheel = (state, deltaY) => {
-  return setPreviewTextDeltaY(state, state.previewTextDeltaY + deltaY);
+  const {
+    previewTextDeltaY
+  } = state;
+  return setPreviewTextDeltaY(state, previewTextDeltaY + deltaY);
 };
 
 const handleRootContextMenu = state => {
@@ -5782,6 +5794,7 @@ const getFilterInputDom = (filterValue, useDevtoolsLayout) => {
   };
 };
 
+const selectedClassName = mergeClassNames(ChatDebugViewQuickFilterPill, ChatDebugViewQuickFilterPillSelected);
 const getQuickFilterDom = categoryFilter => {
   const {
     isSelected,
@@ -5791,7 +5804,7 @@ const getQuickFilterDom = categoryFilter => {
   return [{
     ariaSelected: isSelected,
     childCount: 1,
-    className: mergeClassNames(ChatDebugViewQuickFilterPill, isSelected ? ChatDebugViewQuickFilterPillSelected : ''),
+    className: isSelected ? selectedClassName : ChatDebugViewQuickFilterPill,
     name,
     onClick: HandleEventCategoryFilter,
     role: Option,
@@ -5841,6 +5854,19 @@ const getDebugViewTopDom = (filterValue, useDevtoolsLayout, categoryFilters) =>
   }, getFilterInputDom(filterValue, false), ...refreshButtonDom];
 };
 
+const createDevtoolsRows = (events, selectedEventIndex, startIndex = 0) => {
+  return events.map((event, index) => {
+    const actualIndex = startIndex + index;
+    return {
+      event,
+      index: actualIndex,
+      isErrorStatus: hasErrorStatus(event),
+      isEven: actualIndex % 2 === 1,
+      isSelected: selectedEventIndex === actualIndex
+    };
+  });
+};
+
 const getNextSiblingIndex$2 = (nodes, index) => {
   let nextSiblingIndex = index + 1;
   const childCount = nodes[index]?.childCount || 0;
@@ -6910,12 +6936,15 @@ const getTextNode = (value, showLineNumbers = true, cursor = null, tokenSegments
   return getEditorDom(lineData, showLineNumbers, cursor, showLineNumbers ? HandlePreviewTextPointerDown : undefined);
 };
 
+const getTextEvent = (previewEvent, selectedEvent, previewTextCursor, virtualization) => {
+  const isInvalidImageMessage = previewEvent === ImageCouldNotBeLoaded;
+  const isChatMessageUpdatedPreview = !!selectedEvent && isChatMessageUpdatedEvent(selectedEvent);
+  const showLineNumbers = !isInvalidImageMessage && !isChatMessageUpdatedPreview;
+  return getTextNode(previewEvent, showLineNumbers, showLineNumbers ? previewTextCursor ?? null : null, undefined, virtualization);
+};
 const getPreviewEventNodes = (previewEvent, selectedEvent, previewTextCursor, virtualization) => {
   if (typeof previewEvent === 'string') {
-    const isInvalidImageMessage = previewEvent === ImageCouldNotBeLoaded;
-    const isChatMessageUpdatedPreview = !!selectedEvent && isChatMessageUpdatedEvent(selectedEvent);
-    const showLineNumbers = !isInvalidImageMessage && !isChatMessageUpdatedPreview;
-    return getTextNode(previewEvent, showLineNumbers, showLineNumbers ? previewTextCursor ?? null : null, undefined, virtualization);
+    return getTextEvent(previewEvent, selectedEvent, previewTextCursor, virtualization);
   }
   if (isWriteFilePreview(previewEvent)) {
     const language = getLanguageFromFileExtension(previewEvent.uri);
@@ -7161,52 +7190,51 @@ const getEventTableMethodLabel = event => {
   return '';
 };
 
+const getTableCellDom = (column, event, isErrorStatus) => {
+  switch (column) {
+    case Duration:
+      return [{
+        childCount: 1,
+        className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
+        type: Td
+      }, text(getEventTableDurationText(event))];
+    case Method:
+      return [{
+        childCount: 1,
+        className: TableCell,
+        type: Td
+      }, text(getEventTableMethodLabel(event))];
+    case Status$1:
+      return [{
+        childCount: 1,
+        className: mergeClassNames(TableCell, isErrorStatus ? ChatDebugViewCellStatusError : ''),
+        type: Td
+      }, text(getStatusText(event))];
+    case Type:
+      return [{
+        childCount: 1,
+        className: TableCell,
+        type: Td
+      }, text(getEventTableTypeLabel(event))];
+    default:
+      return [];
+  }
+};
 const getRowCellNodes = (event, isErrorStatus, visibleTableColumns) => {
   const orderedVisibleTableColumns = getOrderedVisibleTableColumns(visibleTableColumns);
-  return orderedVisibleTableColumns.flatMap((column, index) => {
-    switch (column) {
-      case Duration:
-        return [{
-          childCount: 1,
-          className: mergeClassNames(TableCell, ChatDebugViewCellDuration),
-          type: Td
-        }, text(getEventTableDurationText(event))];
-      case Method:
-        return [{
-          childCount: 1,
-          className: TableCell,
-          type: Td
-        }, text(getEventTableMethodLabel(event))];
-      case Status$1:
-        return [{
-          childCount: 1,
-          className: mergeClassNames(TableCell, isErrorStatus ? ChatDebugViewCellStatusError : ''),
-          type: Td
-        }, text(getStatusText(event))];
-      case Type:
-        return [{
-          childCount: 1,
-          className: TableCell,
-          type: Td
-        }, text(getEventTableTypeLabel(event))];
-      default:
-        return [];
-    }
+  return orderedVisibleTableColumns.flatMap(column => {
+    return getTableCellDom(column, event, isErrorStatus);
   });
 };
 
-const getDevtoolsRows = (events, selectedEventIndex, visibleTableColumns = defaultVisibleTableColumns, startIndex = 0) => {
-  return events.flatMap((event, i) => {
-    const actualIndex = startIndex + i;
-    const isEvenRow = actualIndex % 2 === 1;
-    const rowClassName = isEvenRow ? TableRowEven : TableRowOdd;
-    const isSelected = selectedEventIndex === actualIndex;
-    const isErrorStatus = hasErrorStatus(event);
-    const rowCellNodes = getRowCellNodes(event, isErrorStatus, visibleTableColumns);
+const getDevtoolsRows = (rows, visibleTableColumns = defaultVisibleTableColumns) => {
+  return rows.flatMap(row => {
+    const rowClassName = row.isEven ? TableRowEven : TableRowOdd;
+    const rowCellNodes = getRowCellNodes(row.event, row.isErrorStatus, visibleTableColumns);
     return [{
       childCount: visibleTableColumns.length,
-      className: mergeClassNames(TableRow, rowClassName, isSelected ? TableRowSelected : ''),
-      'data-index': `${actualIndex}`,
+      className: mergeClassNames(TableRow, rowClassName, row.isSelected ? TableRowSelected : ''),
+      'data-index': `${row.index}`,
       type: Tr
     }, ...rowCellNodes];
   });
@@ -7529,6 +7557,20 @@ const formatPercent = value => {
   return `${Number(value.toFixed(3))}%`;
 };
 
+const startHandle = {
+  childCount: 0,
+  className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleStart, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerStart),
+  name: Start,
+  role: None,
+  type: Button$1
+};
+const endHandle = {
+  childCount: 0,
+  className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleEnd, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerEnd),
+  name: End,
+  role: None,
+  type: Button$1
+};
 const getSelectionNodesDom = (hasSelection, selectionStartPercent, selectionEndPercent) => {
   if (!hasSelection || selectionStartPercent === null || selectionEndPercent === null) {
     return [];
@@ -7538,19 +7580,7 @@ const getSelectionNodesDom = (hasSelection, selectionStartPercent, selectionEndP
     className: ChatDebugViewTimelineSelectionRange,
     style: `left:${formatPercent(selectionStartPercent)};width:${formatPercent(selectionEndPercent - selectionStartPercent)};`,
     type: Div
-  }, {
-    childCount: 0,
-    className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleStart, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerStart),
-    name: Start,
-    role: None,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: mergeClassNames(ChatDebugViewTimelineSelectionHandle, ChatDebugViewTimelineSelectionHandleEnd, ChatDebugViewTimelineSelectionMarker, ChatDebugViewTimelineSelectionMarkerEnd),
-    name: End,
-    role: None,
-    type: Button$1
-  }];
+  }, startHandle, endHandle];
 };
 
 const getTimelineBadgeValues = durationSeconds => {
@@ -7639,7 +7669,8 @@ const getTimelineDom = (timelineInfo, hoverPercent = null) => {
 
 const getDevtoolsDom = (events, selectedEvent, selectedEventIndex, timelineEvents, timelineStartSeconds, timelineEndSeconds, emptyMessage = noEventsFound(), timelineSelectionActive = false, timelineSelectionAnchorSeconds = '', timelineSelectionFocusSeconds = '', detailTabs = createDetailTabs(), visibleTableColumns = defaultVisibleTableColumns, tableColumns = createTableColumns(), timelineInfo, timelineHoverPercent = null, focus = 0, previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewTextDeltaY = 0, previewTextViewportHeight = 0, minLineY = 0, maxLineY = events.length) => {
   const visibleEvents = events.slice(minLineY, maxLineY);
-  const rowNodes = getDevtoolsRows(visibleEvents, selectedEventIndex, visibleTableColumns, minLineY);
+  const rows = createDevtoolsRows(visibleEvents, selectedEventIndex, minLineY);
+  const rowNodes = getDevtoolsRows(rows, visibleTableColumns);
   const effectiveRange = getEffectiveTimelineRange(timelineStartSeconds, timelineEndSeconds, timelineSelectionActive, timelineSelectionAnchorSeconds, timelineSelectionFocusSeconds);
   const resolvedTimelineInfo = timelineInfo || getTimelineInfo(timelineEvents, effectiveRange.startSeconds, effectiveRange.endSeconds);
   const timelineNodes = getTimelineDom(resolvedTimelineInfo, timelineHoverPercent);

package/package.json

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