@lvce-editor/chat-debug-view 10.3.0 → 10.4.0

package/dist/chatDebugViewWorkerMain.js

@@ -4476,6 +4476,87 @@ const loadContent = async (state, savedState) => {
   });
 };
 
+const isAttachmentImagePreview = value => {
+  return typeof value === 'object' && value !== null && value.previewType === 'image';
+};
+
+const getResponseEvent = event => {
+  const {
+    responseEvent
+  } = event;
+  if (responseEvent && typeof responseEvent === 'object' && typeof responseEvent.type === 'string') {
+    const mergedResponseEvent = responseEvent;
+    if (mergedResponseEvent.value !== undefined) {
+      return mergedResponseEvent.value;
+    }
+    return responseEvent;
+  }
+  return event;
+};
+
+const getStringLineCount = value => {
+  return value.split('\n').length;
+};
+const isChatViewEvent$1 = value => {
+  return typeof value === 'object' && value !== null && typeof value.type === 'string';
+};
+const getJsonLineCount = value => {
+  const renderedValue = isChatViewEvent$1(value) ? {
+    ...value,
+    type: getEventTypeLabel(value)
+  } : value;
+  const json = JSON.stringify(renderedValue, null, 2);
+  if (!json) {
+    return 1;
+  }
+  let lineCount = 1;
+  for (let i = 0; i < json.length; i++) {
+    if (json[i] === '\n') {
+      lineCount++;
+    }
+  }
+  return lineCount;
+};
+const getPreviewLineCount = selectedEvent => {
+  const previewEvent = getPreviewEvent(selectedEvent);
+  if (previewEvent === undefined || isAttachmentImagePreview(previewEvent)) {
+    return 0;
+  }
+  if (typeof previewEvent === 'string') {
+    if (previewEvent === ImageCouldNotBeLoaded || isChatMessageUpdatedEvent(selectedEvent)) {
+      return 0;
+    }
+    return getStringLineCount(previewEvent);
+  }
+  return getJsonLineCount(previewEvent);
+};
+const getLineCount = state => {
+  const {
+    selectedEvent
+  } = state;
+  if (!selectedEvent) {
+    return 0;
+  }
+  const selectedDetailTab = getSelectedDetailTab(state.detailTabs);
+  if (selectedDetailTab === Timing) {
+    return 0;
+  }
+  if (selectedDetailTab === Preview) {
+    return getPreviewLineCount(selectedEvent);
+  }
+  if (selectedDetailTab === Payload) {
+    return getJsonLineCount(getPayloadEvent(selectedEvent));
+  }
+  return getJsonLineCount(getResponseEvent(selectedEvent));
+};
+const getDetailsLineNumberWidth = state => {
+  const lineCount = getLineCount(state);
+  if (lineCount === 0) {
+    return 0;
+  }
+  return String(lineCount).length * defaultPreviewTextColumnWidth;
+};
+
 // cspell:ignore liga calt
 
 const getCss = state => {
@@ -4489,6 +4570,7 @@ const getCss = state => {
   const scrollBarOffset = getScrollBarOffset(state.tableDeltaY, maxDeltaY, tableBodyHeight, scrollBarHeight);
   const tableContentWidth = Math.max(0, tableWidth - (showScrollBar ? devtoolsTableScrollBarWidth : 0));
   const detailsWidth = hasSelectedEvent ? getDetailsWidth(state.width, state.tableWidth) : 0;
+  const detailsLineNumberWidth = getDetailsLineNumberWidth(state);
   const topSize = state.width >= state.largeBreakpoint ? 30 : state.width >= state.mediumBreakpoint ? 60 : 60;
   const tableColumnLayout = getTableColumnLayout(tableContentWidth, getVisibleTableColumns(state.tableColumns), state.tableColumnWidths);
   const [tableColZeroWidth = 0, tableColOneWidth = 0, tableColTwoWidth = 0] = tableColumnLayout.visibleColumnWidths;
@@ -4505,6 +4587,7 @@ const getCss = state => {
   --ChatDebugViewTableColZeroWidth: ${tableColZeroWidth}px;
   --ChatDebugViewTableColOneWidth: ${tableColOneWidth}px;
   --ChatDebugViewTableColTwoWidth: ${tableColTwoWidth}px;
+  --ChatDebugViewDetailsLineNumberWidth: ${detailsLineNumberWidth}px;
   --ChatDebugViewDetailsWidth: ${detailsWidth}px;
   --ChatDebugViewDurationColumnWidth: ${state.tableColumnWidths.duration}px;
   --ChatDebugViewTableRowHeight: ${devtoolsTableRowHeight}px;
@@ -4549,6 +4632,17 @@ const getCss = state => {
   position: relative;
 }
 
+.ChatDebugViewDetailsBottom .Gutter {
+  flex: 0 0 var(--ChatDebugViewDetailsLineNumberWidth);
+  width: var(--ChatDebugViewDetailsLineNumberWidth);
+}
+
+.ChatDebugViewDetailsBottom .ChatDebugViewEventLineNumber {
+  display: inline-block;
+  min-width: var(--ChatDebugViewDetailsLineNumberWidth);
+  width: var(--ChatDebugViewDetailsLineNumberWidth);
+}
+
 .TableScrollBar {
   background: rgba(255, 255, 255, 0.06);
   border-radius: 999px;
@@ -5369,10 +5463,6 @@ const getPanelId = detailTab => {
   return `ChatDebugViewDetailsPanel-${detailTab}`;
 };
 
-const isAttachmentImagePreview = value => {
-  return typeof value === 'object' && value !== null && value.previewType === 'image';
-};
-
 const getImagePreviewLabelDom = preview => {
   if (preview.stats === undefined) {
     return [{
@@ -5733,20 +5823,6 @@ const getEventsClassName = hasSelectedEvent => {
   return widthClassName;
 };
 
-const getResponseEvent = event => {
-  const {
-    responseEvent
-  } = event;
-  if (responseEvent && typeof responseEvent === 'object' && typeof responseEvent.type === 'string') {
-    const mergedResponseEvent = responseEvent;
-    if (mergedResponseEvent.value !== undefined) {
-      return mergedResponseEvent.value;
-    }
-    return responseEvent;
-  }
-  return event;
-};
-
 const sashNodesDom = [{
   childCount: 0,
   className: Sash,

package/package.json

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