@lvce-editor/editor-worker 19.70.0 → 19.70.2

package/dist/editorWorkerMain.js

@@ -6381,7 +6381,7 @@ const diagnosticsEqual = (left, right) => {
   }
   return right.every((diagnostic, index) => {
     const other = left[index];
-    return other.code === diagnostic.code && other.columnIndex === diagnostic.columnIndex && other.endColumnIndex === diagnostic.endColumnIndex && other.endRowIndex === diagnostic.endRowIndex && other.message === diagnostic.message && other.rowIndex === diagnostic.rowIndex && other.source === diagnostic.source && other.type === diagnostic.type && other.uri === diagnostic.uri;
+    return other.code === diagnostic.code && other.columnIndex === diagnostic.columnIndex && other.endColumnIndex === diagnostic.endColumnIndex && other.endRowIndex === diagnostic.endRowIndex && other.message === diagnostic.message && other.rowIndex === diagnostic.rowIndex && other.source === diagnostic.source && (other.tags === diagnostic.tags || (other.tags?.length ?? 0) === (diagnostic.tags?.length ?? 0) && (other.tags ?? []).every((tag, index) => tag === diagnostic.tags?.[index])) && other.type === diagnostic.type && other.uri === diagnostic.uri;
   });
 };
 const diagnosticLayoutEqual = (left, right) => left.charWidth === right.charWidth && left.deltaY === right.deltaY && left.fontFamily === right.fontFamily && left.fontSize === right.fontSize && left.fontWeight === right.fontWeight && left.isMonospaceFont === right.isMonospaceFont && left.itemHeight === right.itemHeight && left.letterSpacing === right.letterSpacing && left.lines === right.lines && left.minLineY === right.minLineY && left.rowHeight === right.rowHeight && left.tabSize === right.tabSize && left.viewLineIndices === right.viewLineIndices && left.width === right.width;
@@ -13206,11 +13206,21 @@ const getSnippetChanges = (lines, selections, snippet) => {
   for (let i = 0; i < selections.length; i += 4) {
     const [selectionStartRow, selectionStartColumn, selectionEndRow, selectionEndColumn] = getSelectionPairs(selections, i);
     if (insertedLines.length > 1) {
+      let placeholderRow = -1;
+      let placeholderColumn = -1;
+      const insertedLinesWithoutPlaceholder = insertedLines.map((line, rowIndex) => {
+        const index = line.indexOf('$0');
+        if (index !== -1 && placeholderRow === -1) {
+          placeholderRow = rowIndex;
+          placeholderColumn = index;
+        }
+        return line.replace('$0', '');
+      });
       const line = getLine$1({
         lines
       }, selectionStartRow);
       const indent = getIndent(line);
-      const insertedLinesHere = [insertedLines[0], ...insertedLines.slice(1).map(line => indent + line)];
+      const insertedLinesHere = [insertedLinesWithoutPlaceholder[0], ...insertedLinesWithoutPlaceholder.slice(1).map(line => indent + line)];
       const deleted = [''];
       changes.push({
         deleted,
@@ -13226,11 +13236,17 @@ const getSnippetChanges = (lines, selections, snippet) => {
         }
       });
       const lastInsertedLine = insertedLines.at(-1);
-      selectionChanges.push(selectionEndRow + insertedLines.length - deleted.length,
-      // @ts-ignore
-      selectionEndColumn + lastInsertedLine.length, selectionEndRow + insertedLines.length - deleted.length,
-      // @ts-ignore
-      selectionEndColumn + lastInsertedLine.length);
+      if (placeholderRow === -1) {
+        selectionChanges.push(selectionEndRow + insertedLines.length - deleted.length,
+        // @ts-ignore
+        selectionEndColumn + lastInsertedLine.length, selectionEndRow + insertedLines.length - deleted.length,
+        // @ts-ignore
+        selectionEndColumn + lastInsertedLine.length);
+      } else {
+        const cursorRow = selectionStartRow + placeholderRow;
+        const cursorColumn = placeholderColumn + (placeholderRow === 0 ? selectionStartColumn - snippet.deleted : indent.length);
+        selectionChanges.push(cursorRow, cursorColumn, cursorRow, cursorColumn);
+      }
     } else {
       const line = insertedLines[0];
       const placeholderIndex = line.indexOf('$0');
@@ -16777,6 +16793,10 @@ const getEditorDiagnosticsVirtualDom = (diagnostics, bracketMatchInfos = []) =>
   }, ...diagnosticsDom, ...bracketMatchesDom];
 };
 
+const DiagnosticTag = {
+  Unnecessary: 1
+};
+
 const editorLineDecorationNode = {
   childCount: 1,
   className: EditorLineDecoration,
@@ -16792,6 +16812,49 @@ const mergeConflictActions = [{
   action: 'both',
   label: 'Accept Both Changes'
 }];
+const getUnnecessaryRanges = (diagnostics, rowIndex, textLength) => {
+  return diagnostics.filter(diagnostic => diagnostic.tags?.includes(DiagnosticTag.Unnecessary)).flatMap(diagnostic => {
+    if (rowIndex < diagnostic.rowIndex || rowIndex > diagnostic.endRowIndex) {
+      return [];
+    }
+    const start = rowIndex === diagnostic.rowIndex ? diagnostic.columnIndex : 0;
+    const end = rowIndex === diagnostic.endRowIndex ? diagnostic.endColumnIndex : textLength;
+    return start < end ? [{
+      end,
+      start
+    }] : [];
+  }).toSorted((left, right) => left.start - right.start);
+};
+const getTokenParts = (textInfos, ranges) => {
+  const parts = [];
+  let offset = 0;
+  for (let index = 0; index < textInfos.length; index += 2) {
+    const tokenText = textInfos[index];
+    const tokenClassName = textInfos[index + 1];
+    const tokenEnd = offset + tokenText.length;
+    const boundaries = new Set([offset, tokenEnd]);
+    for (const range of ranges) {
+      if (range.start > offset && range.start < tokenEnd) {
+        boundaries.add(range.start);
+      }
+      if (range.end > offset && range.end < tokenEnd) {
+        boundaries.add(range.end);
+      }
+    }
+    const sortedBoundaries = [...boundaries].toSorted((left, right) => left - right);
+    for (let boundaryIndex = 0; boundaryIndex < sortedBoundaries.length - 1; boundaryIndex++) {
+      const start = sortedBoundaries[boundaryIndex];
+      const end = sortedBoundaries[boundaryIndex + 1];
+      const unnecessary = ranges.some(range => start >= range.start && end <= range.end);
+      parts.push({
+        className: unnecessary ? mergeClassNames(tokenClassName, 'EditorTokenUnnecessary') : tokenClassName,
+        text: tokenText.slice(start - offset, end - offset)
+      });
+    }
+    offset = tokenEnd;
+  }
+  return parts;
+};
 const addMergeConflictActions = (dom, rowIndex) => {
   dom.push({
     childCount: mergeConflictActions.length,
@@ -16816,7 +16879,7 @@ const addMergeConflictActions = (dom, rowIndex) => {
     }, text(label));
   }
 };
-const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = [], visibleViewLineIndices = [], problemsHighlightedRow = -1) => {
+const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = [], visibleViewLineIndices = [], problemsHighlightedRow = -1, diagnostics = []) => {
   const dom = [];
   const actualViewRows = visibleViewLineIndices.length === 0 ? Array.from({
     length: textInfos.length
@@ -16831,6 +16894,11 @@ const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, h
     const difference = differences[textInfoIndex];
     const rowIndex = viewRow;
     const rowDecorations = endOfLineDecorations.filter(decoration => decoration.rowIndex === rowIndex);
+    let rowTextLength = 0;
+    for (let index = 0; index < textInfo.length; index += 2) {
+      rowTextLength += textInfo[index].length;
+    }
+    const tokenParts = getTokenParts(textInfo, getUnnecessaryRanges(diagnostics, rowIndex, rowTextLength));
     let className = EditorRow;
     if (rowIndex === highlightedLine) {
       className = mergeClassNames(className, EditorRowHighlighted);
@@ -16839,14 +16907,15 @@ const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, h
       className = mergeClassNames(className, 'EditorProblemsHighlightedRow');
     }
     dom.push({
-      childCount: textInfo.length / 2 + rowDecorations.length,
+      childCount: tokenParts.length + rowDecorations.length,
       className,
       translate: difference === 0 ? '' : px(difference),
       type: Div
     });
-    for (let j = 0; j < textInfo.length; j += 2) {
-      const tokenText = textInfo[j];
-      const className = textInfo[j + 1];
+    for (const {
+      className,
+      text: tokenText
+    } of tokenParts) {
       dom.push({
         childCount: 1,
         className,
@@ -16861,8 +16930,8 @@ const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, h
   return dom;
 };
 
-const getEditorRowsVirtualDom = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = [], visibleViewLineIndices = [], problemsHighlightedRow = -1) => {
-  const rowsDom = getEditorRowsVirtualDom$1(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, problemsHighlightedRow);
+const getEditorRowsVirtualDom = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = [], visibleViewLineIndices = [], problemsHighlightedRow = -1, unnecessaryDiagnostics = []) => {
+  const rowsDom = getEditorRowsVirtualDom$1(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, problemsHighlightedRow, unnecessaryDiagnostics);
   return [{
     childCount: visibleViewLineIndices.length || textInfos.length,
     className: 'EditorRows',
@@ -16959,8 +17028,8 @@ const editorLayersNode = {
   className: 'EditorLayers',
   type: Div
 };
-const getEditorLayersVirtualDom = (selectionInfos, textInfos, differences, lineNumbers = true, highlightedLine = -1, cursorInfos = [], diagnostics = [], visibleLineIndices = [], endOfLineDecorations = [], bracketMatchInfos = [], focused = true, visibleViewLineIndices = [], problemsHighlightedRow = -1, roundedSelection = false) => {
-  return [editorLayersNode, ...getEditorSelectionsVirtualDom(selectionInfos, focused, roundedSelection), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, problemsHighlightedRow), ...getEditorCursorsVirtualDom(cursorInfos, focused), ...getEditorDiagnosticsVirtualDom(diagnostics, bracketMatchInfos)];
+const getEditorLayersVirtualDom = (selectionInfos, textInfos, differences, lineNumbers = true, highlightedLine = -1, cursorInfos = [], diagnostics = [], visibleLineIndices = [], endOfLineDecorations = [], bracketMatchInfos = [], focused = true, visibleViewLineIndices = [], problemsHighlightedRow = -1, roundedSelection = false, unnecessaryDiagnostics = []) => {
+  return [editorLayersNode, ...getEditorSelectionsVirtualDom(selectionInfos, focused, roundedSelection), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, problemsHighlightedRow, unnecessaryDiagnostics), ...getEditorCursorsVirtualDom(cursorInfos, focused), ...getEditorDiagnosticsVirtualDom(diagnostics, bracketMatchInfos)];
 };
 
 const getEditorScrollBarDiagnosticsVirtualDom = scrollBarDiagnostics => {
@@ -17041,13 +17110,14 @@ const getEditorContentVirtualDom = ({
   scrollBarWidth = 0,
   selectionInfos = [],
   textInfos,
+  unnecessaryDiagnostics = [],
   visibleLineIndices = [],
   visibleViewLineIndices = []
 }) => {
   return [{
     ...editorContentNode,
     className: breadcrumbsEnabled ? 'EditorContent EditorBreadcrumbsOffset' : 'EditorContent'
-  }, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics, visibleLineIndices, endOfLineDecorations, bracketMatchInfos, focused, visibleViewLineIndices, problemsHighlightedRow, roundedSelection), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarWidth)];
+  }, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics, visibleLineIndices, endOfLineDecorations, bracketMatchInfos, focused, visibleViewLineIndices, problemsHighlightedRow, roundedSelection, unnecessaryDiagnostics), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom(scrollBarHeight, scrollBarWidth)];
 };
 
 const getGutterInfoVirtualDom = (gutterInfo, activeLineNumber) => {
@@ -17219,6 +17289,7 @@ const getEditorVirtualDom = ({
   selections = new Uint32Array(),
   textInfos,
   uid,
+  unnecessaryDiagnostics = [],
   uri = '',
   visibleLineIndices,
   visibleViewLineIndices = [],
@@ -17276,6 +17347,7 @@ const getEditorVirtualDom = ({
     scrollBarWidth,
     selectionInfos,
     textInfos: combineWhitespaceTokens$1 ? textInfos.map(combineWhitespaceTokens) : textInfos,
+    unnecessaryDiagnostics,
     visibleLineIndices: visibleLineIndices || [],
     visibleViewLineIndices
   }), ...minimapDom];
@@ -17451,7 +17523,8 @@ const getDom = state => {
     ...state,
     diagnostics: visualDecorations,
     scrollBarDiagnostics: getScrollBarDiagnostics(state, diagnostics),
-    scrollBarWidth: getScrollBarSize(width, longestLineWidth, minimumSliderSize)
+    scrollBarWidth: getScrollBarSize(width, longestLineWidth, minimumSliderSize),
+    unnecessaryDiagnostics: diagnostics
   });
 };
 const mergeConflictsEqual = (oldState, newState) => {
@@ -17616,6 +17689,7 @@ const renderLines = {
       return [/* method */'setIncrementalEdits', /* incrementalEdits */incrementalEdits];
     }
     const {
+      diagnostics,
       differences,
       endOfLineDecorations,
       textInfos
@@ -17626,10 +17700,10 @@ const renderLines = {
       visibleLineIndices,
       visibleViewLineIndices
     } = newState;
-    const dom = getEditorRowsVirtualDom$1(textInfos, differences, true, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, newState.problemsHighlightedRow);
+    const dom = getEditorRowsVirtualDom$1(textInfos, differences, true, highlightedLine, visibleLineIndices, endOfLineDecorations, visibleViewLineIndices, newState.problemsHighlightedRow, diagnostics || []);
     return [/* method */'setText', dom];
   },
-  isEqual: (oldState, newState) => oldState.lines === newState.lines && oldState.foldingRanges === newState.foldingRanges && oldState.visibleViewLineIndices === newState.visibleViewLineIndices && oldState.tokenizerId === newState.tokenizerId && oldState.minLineY === newState.minLineY && oldState.decorations === newState.decorations && oldState.embeds === newState.embeds && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.deltaX === newState.deltaX && oldState.width === newState.width && oldState.highlightedLine === newState.highlightedLine && oldState.problemsHighlightedRow === newState.problemsHighlightedRow && oldState.debugEnabled === newState.debugEnabled
+  isEqual: (oldState, newState) => oldState.lines === newState.lines && oldState.foldingRanges === newState.foldingRanges && oldState.visibleViewLineIndices === newState.visibleViewLineIndices && oldState.tokenizerId === newState.tokenizerId && oldState.minLineY === newState.minLineY && oldState.decorations === newState.decorations && oldState.embeds === newState.embeds && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.diagnostics === newState.diagnostics && oldState.deltaX === newState.deltaX && oldState.width === newState.width && oldState.highlightedLine === newState.highlightedLine && oldState.problemsHighlightedRow === newState.problemsHighlightedRow && oldState.debugEnabled === newState.debugEnabled
 };
 const renderSelections = {
   apply: (oldState, newState) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "19.70.0",
+  "version": "19.70.2",
   "repository": {
     "type": "git",
     "url": "git@github.com:lvce-editor/editor-worker.git"