@lvce-editor/chat-debug-view 10.8.0 → 10.10.0

package/dist/chatDebugViewWorkerMain.js

@@ -5541,18 +5541,51 @@ const getDebugViewTopDom = (filterValue, useDevtoolsLayout, categoryFilters) =>
     return [{
       childCount: 2 + (quickFilterNodes.length > 0 ? 1 : 0),
       className: mergeClassNames(ChatDebugViewTop, ChatDebugViewTopDevtools),
-      onContextMenu: HandleHeaderContextMenu,
       type: Search
     }, getFilterInputDom(filterValue, true), ...quickFilterNodes, ...refreshButtonDom];
   }
   return [{
     childCount: 2,
     className: ChatDebugViewTop,
-    onContextMenu: HandleHeaderContextMenu,
     type: Search
   }, getFilterInputDom(filterValue, false), ...refreshButtonDom];
 };
 
+const getNextSiblingIndex$2 = (nodes, index) => {
+  let nextSiblingIndex = index + 1;
+  const childCount = nodes[index]?.childCount || 0;
+  for (let i = 0; i < childCount; i++) {
+    nextSiblingIndex = getNextSiblingIndex$2(nodes, nextSiblingIndex);
+  }
+  return nextSiblingIndex;
+};
+
+const getDirectChildCount$1 = nodes => {
+  let count = 0;
+  let index = 0;
+  while (index < nodes.length) {
+    count++;
+    index = getNextSiblingIndex$2(nodes, index);
+  }
+  return count;
+};
+
+const getPanelId = detailTab => {
+  return `ChatDebugViewDetailsPanel-${detailTab}`;
+};
+
+const getDetailContentDom = (selectedDetailTab, safeSelectedDetailTab, contentNodes) => {
+  return [{
+    'aria-label': selectedDetailTab.label,
+    childCount: getDirectChildCount$1(contentNodes),
+    className: ChatDebugViewDetailsBottom,
+    id: getPanelId(safeSelectedDetailTab),
+    onContextMenu: HandleDetailsContextMenu,
+    role: 'tabpanel',
+    type: Div
+  }, ...contentNodes];
+};
+
 const detailsCloseButtonDom = [{
   'aria-label': closeDetails(),
   childCount: 1,
@@ -5571,6 +5604,29 @@ const getDetailsCloseButtonDom = () => {
   return detailsCloseButtonDom;
 };
 
+const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
+  if (selectedEvent === null) {
+    return detailTabs;
+  }
+  return createDetailTabs(getSelectedDetailTab(detailTabs), selectedEvent);
+};
+
+const getEditorRowDom = line => {
+  return [{
+    childCount: line.childCount,
+    className: EditorRow,
+    type: Div
+  }, ...line.nodes];
+};
+
+const getEditorRowsDom = lineData => {
+  return [{
+    childCount: lineData.length,
+    className: EditorRows,
+    type: Div
+  }, ...lineData.flatMap(getEditorRowDom)];
+};
+
 const defaultEditorCursor = {
   columnIndex: 0,
   rowIndex: 1
@@ -5588,6 +5644,7 @@ const getEditorSelectionDom = (cursor = defaultEditorCursor) => {
     type: Div
   }] : [])];
 };
+
 const getGutterDom = (lineData, showLineNumbers, lineNumberStart = 0) => {
   const gutterNodes = showLineNumbers ? lineData.flatMap((_, index) => {
     return [{
@@ -5602,31 +5659,14 @@ const getGutterDom = (lineData, showLineNumbers, lineNumberStart = 0) => {
     type: Div
   }, ...gutterNodes];
 };
-const getEditorRowDom = line => {
-  return [{
-    childCount: line.childCount,
-    className: EditorRow,
-    type: Div
-  }, ...line.nodes];
-};
-const getEditorRowsDom = lineData => {
-  return [{
-    childCount: lineData.length,
-    className: EditorRows,
-    type: Div
-  }, ...lineData.flatMap(getEditorRowDom)];
-};
-const getEditorDom = (lineData, showLineNumbers = true, cursor = defaultEditorCursor, onPointerDown) => {
-  return [{
-    childCount: 1,
-    className: EditorContainer,
-    type: Div
-  }, {
+
+const getVirtualizedEditorDom = (lineData, showLineNumbers = true, cursor = null, onPointerDown, options) => {
+  const editorChildren = [{
     childCount: 2,
     className: EditorViewlet,
     role: 'code',
     type: Div
-  }, ...getGutterDom(lineData, showLineNumbers), {
+  }, ...getGutterDom(lineData, showLineNumbers, options.lineNumberStart), {
     childCount: 2,
     className: EditorContent,
     onPointerDown,
@@ -5650,14 +5690,34 @@ const getEditorDom = (lineData, showLineNumbers = true, cursor = defaultEditorCu
     className: EditorLayers,
     type: Div
   }, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
+  return [{
+    childCount: options.showScrollBar ? 2 : 1,
+    className: mergeClassNames(EditorContainer, PreviewVirtualizedEditor),
+    onWheel: options.onWheel,
+    type: Div
+  }, ...editorChildren, ...(options.showScrollBar ? [{
+    childCount: 1,
+    className: PreviewTextScrollBar,
+    onPointerDown: options.onScrollBarPointerDown,
+    type: Div
+  }, {
+    childCount: 0,
+    className: PreviewTextScrollBarThumb,
+    type: Div
+  }] : [])];
 };
-const getVirtualizedEditorDom = (lineData, showLineNumbers = true, cursor = null, onPointerDown, options) => {
-  const editorChildren = [{
+
+const getEditorDom = (lineData, showLineNumbers = true, cursor, onPointerDown) => {
+  return [{
+    childCount: 1,
+    className: EditorContainer,
+    type: Div
+  }, {
     childCount: 2,
     className: EditorViewlet,
     role: 'code',
     type: Div
-  }, ...getGutterDom(lineData, showLineNumbers, options.lineNumberStart), {
+  }, ...getGutterDom(lineData, showLineNumbers), {
     childCount: 2,
     className: EditorContent,
     onPointerDown,
@@ -5681,21 +5741,6 @@ const getVirtualizedEditorDom = (lineData, showLineNumbers = true, cursor = null
     className: EditorLayers,
     type: Div
   }, ...getEditorSelectionDom(cursor), ...getEditorRowsDom(lineData)];
-  return [{
-    childCount: options.showScrollBar ? 2 : 1,
-    className: mergeClassNames(EditorContainer, PreviewVirtualizedEditor),
-    onWheel: options.onWheel,
-    type: Div
-  }, ...editorChildren, ...(options.showScrollBar ? [{
-    childCount: 1,
-    className: PreviewTextScrollBar,
-    onPointerDown: options.onScrollBarPointerDown,
-    type: Div
-  }, {
-    childCount: 0,
-    className: PreviewTextScrollBarThumb,
-    type: Div
-  }] : [])];
 };
 
 const isDigit$1 = character => {
@@ -5920,8 +5965,14 @@ const getEventNode = value => {
   return getEditorDom(lineData);
 };
 
-const getPanelId = detailTab => {
-  return `ChatDebugViewDetailsPanel-${detailTab}`;
+const getPayloadContentNodes = (payloadEventNodes, selectedEvent) => {
+  if (payloadEventNodes.length > 0) {
+    return payloadEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getEventNode(getPayloadEvent(selectedEvent));
 };
 
 const getImagePreviewLabelDom = preview => {
@@ -6459,33 +6510,27 @@ const getPreviewEventNodes = (previewEvent, selectedEvent, previewTextCursor, vi
   return getEventNode(previewEvent);
 };
 
-const getDetailTabDom = detailTab => {
-  const {
-    isSelected
-  } = detailTab;
-  return [{
-    'aria-controls': getPanelId(detailTab.name),
-    ariaSelected: isSelected,
-    childCount: 1,
-    className: mergeClassNames(PanelTab, isSelected ? PanelTabSelected : ''),
-    name: detailTab.name,
-    onChange: SelectDetailTab,
-    onClick: SelectDetailTab,
-    onFocus: HandleDetailTabsFocus,
-    role: Tab,
-    tabIndex: isSelected ? 0 : -1,
-    type: Button$1
-  }, text(detailTab.label)];
+const getPreviewContentNodes = (previewEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, virtualization) => {
+  if (previewEventNodes.length > 0) {
+    return previewEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getPreviewEventNodes(getPreviewEvent(selectedEvent), selectedEvent, previewTextCursorRowIndex === null || previewTextCursorColumnIndex === null ? null : {
+    columnIndex: previewTextCursorColumnIndex,
+    rowIndex: previewTextCursorRowIndex
+  }, virtualization);
 };
 
-const getTabNodes = detailTabs => {
-  return [{
-    'aria-label': detailSections(),
-    childCount: detailTabs.length,
-    className: ChatDebugViewDetailsTabs,
-    role: 'tablist',
-    type: Div
-  }, ...detailTabs.flatMap(getDetailTabDom)];
+const getResponseContentNodes = (responseEventNodes, selectedEvent) => {
+  if (responseEventNodes.length > 0) {
+    return responseEventNodes;
+  }
+  if (selectedEvent === null) {
+    return [];
+  }
+  return getEventNode(selectedEvent);
 };
 
 const timestampFormatter = new Intl.DateTimeFormat('en-US', {
@@ -6601,65 +6646,13 @@ const getTimingDetailsDom = event => {
   }, ...getTimingPreviewDom(event), ...getTimingRowDom(started(), getStartText(event)), ...getTimingRowDom(ended(), getEndText(event)), ...getTimingRowDom(duration(), getDurationText(event))];
 };
 
-const getNextSiblingIndex$2 = (nodes, index) => {
-  let nextSiblingIndex = index + 1;
-  const childCount = nodes[index]?.childCount || 0;
-  for (let i = 0; i < childCount; i++) {
-    nextSiblingIndex = getNextSiblingIndex$2(nodes, nextSiblingIndex);
-  }
-  return nextSiblingIndex;
-};
-const getDirectChildCount$1 = nodes => {
-  let count = 0;
-  let index = 0;
-  while (index < nodes.length) {
-    count++;
-    index = getNextSiblingIndex$2(nodes, index);
-  }
-  return count;
-};
-const getNormalizedDetailTabs = (selectedEvent, detailTabs) => {
-  if (selectedEvent === null) {
-    return detailTabs;
-  }
-  return createDetailTabs(getSelectedDetailTab(detailTabs), selectedEvent);
-};
 const getTimingContentNodes = (responseEventNodes, selectedEvent) => {
   if (selectedEvent === null) {
     return responseEventNodes;
   }
   return getTimingDetailsDom(selectedEvent);
 };
-const getPreviewContentNodes = (previewEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, virtualization) => {
-  if (previewEventNodes.length > 0) {
-    return previewEventNodes;
-  }
-  if (selectedEvent === null) {
-    return [];
-  }
-  return getPreviewEventNodes(getPreviewEvent(selectedEvent), selectedEvent, previewTextCursorRowIndex === null || previewTextCursorColumnIndex === null ? null : {
-    columnIndex: previewTextCursorColumnIndex,
-    rowIndex: previewTextCursorRowIndex
-  }, virtualization);
-};
-const getPayloadContentNodes = (payloadEventNodes, selectedEvent) => {
-  if (payloadEventNodes.length > 0) {
-    return payloadEventNodes;
-  }
-  if (selectedEvent === null) {
-    return [];
-  }
-  return getEventNode(getPayloadEvent(selectedEvent));
-};
-const getResponseContentNodes = (responseEventNodes, selectedEvent) => {
-  if (responseEventNodes.length > 0) {
-    return responseEventNodes;
-  }
-  if (selectedEvent === null) {
-    return [];
-  }
-  return getEventNode(selectedEvent);
-};
+
 const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization) => {
   if (safeSelectedDetailTab === Timing) {
     return getTimingContentNodes(responseEventNodes, selectedEvent);
@@ -6672,6 +6665,36 @@ const getSelectedContentNodes = (safeSelectedDetailTab, previewEventNodes, paylo
   }
   return getResponseContentNodes(responseEventNodes, selectedEvent);
 };
+
+const getDetailTabDom = detailTab => {
+  const {
+    isSelected
+  } = detailTab;
+  return [{
+    'aria-controls': getPanelId(detailTab.name),
+    ariaSelected: isSelected,
+    childCount: 1,
+    className: mergeClassNames(PanelTab, isSelected ? PanelTabSelected : ''),
+    name: detailTab.name,
+    onChange: SelectDetailTab,
+    onClick: SelectDetailTab,
+    onFocus: HandleDetailTabsFocus,
+    role: Tab,
+    tabIndex: isSelected ? 0 : -1,
+    type: Button$1
+  }, text(detailTab.label)];
+};
+
+const getTabNodes = detailTabs => {
+  return [{
+    'aria-label': detailSections(),
+    childCount: detailTabs.length,
+    className: ChatDebugViewDetailsTabs,
+    role: 'tablist',
+    type: Div
+  }, ...detailTabs.flatMap(getDetailTabDom)];
+};
+
 const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes, responseEventNodes = payloadEventNodes, selectedEvent = null, detailTabs = createDetailTabs(), previewTextCursorRowIndex = null, previewTextCursorColumnIndex = null, previewVirtualization) => {
   if (previewEventNodes.length === 0 && payloadEventNodes.length === 0 && responseEventNodes.length === 0) {
     return [];
@@ -6679,18 +6702,7 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
   const normalizedDetailTabs = getNormalizedDetailTabs(selectedEvent, detailTabs);
   const safeSelectedDetailTab = getSelectedDetailTab(normalizedDetailTabs);
   const selectedDetailTab = normalizedDetailTabs.find(detailTab => detailTab.name === safeSelectedDetailTab) ?? normalizedDetailTabs[0];
-  const getDetailContentDom = () => {
-    const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization);
-    return [{
-      'aria-label': selectedDetailTab.label,
-      childCount: getDirectChildCount$1(contentNodes),
-      className: ChatDebugViewDetailsBottom,
-      id: getPanelId(safeSelectedDetailTab),
-      onContextMenu: HandleDetailsContextMenu,
-      role: 'tabpanel',
-      type: Div
-    }, ...contentNodes];
-  };
+  const contentNodes = getSelectedContentNodes(safeSelectedDetailTab, previewEventNodes, payloadEventNodes, responseEventNodes, selectedEvent, previewTextCursorRowIndex, previewTextCursorColumnIndex, previewVirtualization);
   return [{
     childCount: 2,
     className: ChatDebugViewDetails,
@@ -6700,7 +6712,7 @@ const getDetailsDom = (previewEventNodes, payloadEventNodes = previewEventNodes,
     className: ChatDebugViewDetailsTop,
     onContextMenu: HandleDetailsTopContextMenu,
     type: Div
-  }, ...getDetailsCloseButtonDom(), ...getTabNodes(normalizedDetailTabs), ...getDetailContentDom()];
+  }, ...getDetailsCloseButtonDom(), ...getTabNodes(normalizedDetailTabs), ...getDetailContentDom(selectedDetailTab, safeSelectedDetailTab, contentNodes)];
 };
 
 const getMethods = new Set(['list_dir', 'list_files', 'read_file']);

package/package.json

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