@lvce-editor/editor-worker 19.44.0 → 19.45.0

package/dist/editorWorkerMain.js

@@ -14809,11 +14809,17 @@ const getEditorContentVirtualDom = ({
   return [editorContentNode, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics, visibleLineIndices, endOfLineDecorations, bracketMatchInfos), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
 };
 
-const getGutterInfoVirtualDom = gutterInfo => {
+const getGutterInfoVirtualDom = (gutterInfo, activeLineNumber) => {
   const isBreakpoint = typeof gutterInfo === 'object' && gutterInfo.isBreakpoint;
   const isLightBulb = typeof gutterInfo === 'object' && gutterInfo.isLightBulb;
   const lineNumber = typeof gutterInfo === 'object' ? gutterInfo.lineNumber : gutterInfo;
   const label = isLightBulb ? `Show Code Actions on line ${lineNumber}` : `Breakpoint on line ${lineNumber}`;
+  let className = lineNumber === activeLineNumber ? 'LineNumber LineNumberActive' : 'LineNumber';
+  if (isLightBulb) {
+    className += ' LineNumberLightBulb MaskIconLightBulb';
+  } else if (isBreakpoint) {
+    className += ' LineNumberBreakpoint';
+  }
   return [{
     ...((isBreakpoint || isLightBulb) && {
       ariaLabel: label,
@@ -14823,7 +14829,7 @@ const getGutterInfoVirtualDom = gutterInfo => {
       style: 'color:var(--DebugIconBreakpointForeground,#e51400)'
     }),
     childCount: 1,
-    className: isLightBulb ? 'LineNumber LineNumberLightBulb MaskIconLightBulb' : isBreakpoint ? 'LineNumber LineNumberBreakpoint' : 'LineNumber',
+    className,
     ...(isLightBulb && {
       onClick: HandleLightBulbClick,
       role: Button
@@ -14831,13 +14837,13 @@ const getGutterInfoVirtualDom = gutterInfo => {
     type: Span
   }, text(isLightBulb ? '' : isBreakpoint ? '●' : lineNumber)];
 };
-const getEditorGutterVirtualDom$1 = gutterInfos => {
-  const dom = gutterInfos.flatMap(getGutterInfoVirtualDom);
+const getEditorGutterVirtualDom$1 = (gutterInfos, activeLineNumber = -1) => {
+  const dom = gutterInfos.flatMap(gutterInfo => getGutterInfoVirtualDom(gutterInfo, activeLineNumber));
   return dom;
 };
 
-const getEditorGutterVirtualDom = gutterInfos => {
-  const gutterDom = getEditorGutterVirtualDom$1([...gutterInfos]);
+const getEditorGutterVirtualDom = (gutterInfos, activeLineNumber = -1) => {
+  const gutterDom = getEditorGutterVirtualDom$1([...gutterInfos], activeLineNumber);
   return [{
     childCount: gutterInfos.length,
     className: 'Gutter',
@@ -14872,6 +14878,10 @@ const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true,
   return gutterInfos;
 };
 
+const getPrimaryCursorRowIndex = (selections, primarySelectionIndex = 0) => {
+  return selections?.[primarySelectionIndex + 2] ?? -1;
+};
+
 const textEditorErrorIconNode = {
   childCount: 0,
   className: mergeClassNames('EditorTextIcon', 'EditorTextIconError', 'MaskIcon', 'MaskIconError'),
@@ -14935,7 +14945,8 @@ const getEditorVirtualDom = ({
   }
   const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex) : gutterInfos;
   const showGutter = lineNumbers || breakPoints.length > 0 || lightBulbRowIndex >= 0;
-  const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos) : [];
+  const primaryCursorRowIndex = getPrimaryCursorRowIndex(selections, primarySelectionIndex);
+  const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos, primaryCursorRowIndex + 1) : [];
   const minimapDom = getMinimapVirtualDom(minimapEnabled, minimapLines, minLineY);
   const breadcrumbsDom = breadcrumbsEnabled ? getEditorBreadcrumbsVirtualDom({
     breadcrumbsEnabled,
@@ -15203,16 +15214,19 @@ const renderGutterInfo = {
       lineNumbers,
       maxLineY,
       minLineY,
+      primarySelectionIndex,
+      selections,
       visibleLineIndices
     } = newState;
     if (!lineNumbers && breakPoints.length === 0 && lightBulbRowIndex === -1) {
       return ['renderGutter', []];
     }
     const gutterInfos = getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex);
-    const dom = getEditorGutterVirtualDom$1(gutterInfos);
+    const primaryCursorRowIndex = getPrimaryCursorRowIndex(selections, primarySelectionIndex);
+    const dom = getEditorGutterVirtualDom$1(gutterInfos, primaryCursorRowIndex + 1);
     return ['renderGutter', dom];
   },
-  isEqual: (oldState, newState) => oldState.breakPoints === newState.breakPoints && oldState.lightBulbRowIndex === newState.lightBulbRowIndex && oldState.foldingRanges === newState.foldingRanges && oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY
+  isEqual: (oldState, newState) => oldState.breakPoints === newState.breakPoints && oldState.lightBulbRowIndex === newState.lightBulbRowIndex && oldState.foldingRanges === newState.foldingRanges && oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && getPrimaryCursorRowIndex(oldState.selections, oldState.primarySelectionIndex) === getPrimaryCursorRowIndex(newState.selections, newState.primarySelectionIndex)
 };
 const renderWidgets = {
   apply: renderWidgets$1,

package/package.json

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