feat: add activeLine option (#128)

Author: hanchayi

common/changes/@coze-editor/preset-universal-code/fix-publish-packages_2025-12-22-12-58.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "@coze-editor/preset-universal-code",
+      "comment": "支持关闭activeLine",
+      "type": "minor"
+    }
+  ],
+  "packageName": "@coze-editor/preset-universal-code",
+  "email": "zhangyi.hanchayi@bytedance.com"
+}

packages/text-editor/dev/src/pages/highlight/index.tsx

@@ -5,17 +5,16 @@ import { useState } from 'react';
 import { examples } from './examples';
 import { createEditor } from '@coze-editor/editor/react';
 
-const CodeHighlight = createEditor([
-  ...universal,
-  ...universalCode,
-  ...autoLanguage,
-], {
-  defaultOptions: {
-    fontSize: 15,
-    readOnly: true,
-    editable: false,
-  }
-})
+const CodeHighlight = createEditor(
+  [...universal, ...universalCode, ...autoLanguage],
+  {
+    defaultOptions: {
+      fontSize: 15,
+      readOnly: true,
+      editable: false,
+    },
+  },
+);
 
 const HighlightPage = () => {
   const [code, setCode] = useState('const a = 1;');
@@ -49,6 +48,7 @@ const HighlightPage = () => {
         options={{
           value: code,
           path: path,
+          activeLine: false,
         }}
         didMount={api => {
           console.log('didMount', api);

packages/text-editor/preset-universal-code/src/extension.ts

@@ -6,8 +6,6 @@ import {
   drawSelection,
   dropCursor,
   EditorView,
-  highlightActiveLine,
-  highlightActiveLineGutter,
   highlightSpecialChars,
   keymap,
   rectangularSelection,
@@ -34,7 +32,6 @@ import {
 } from '@codemirror/autocomplete';
 
 export const basicSetup = (() => [
-  highlightActiveLineGutter(),
   highlightSpecialChars(),
   history(),
   drawSelection(),
@@ -47,7 +44,6 @@ export const basicSetup = (() => [
   autocompletion(),
   rectangularSelection(),
   crosshairCursor(),
-  highlightActiveLine(),
   keymap.of([
     ...defaultKeymap,
     ...closeBracketsKeymap,

packages/text-editor/preset-universal-code/src/index.ts

@@ -13,7 +13,12 @@ import {
   type InferEditorAPIFromPlugins,
   option,
 } from '@coze-editor/core';
-import { EditorView, lineNumbers } from '@codemirror/view';
+import {
+  EditorView,
+  highlightActiveLine,
+  highlightActiveLineGutter,
+  lineNumbers,
+} from '@codemirror/view';
 import { EditorState, Prec } from '@codemirror/state';
 import { foldGutter, indentUnit } from '@codemirror/language';
 
@@ -47,6 +52,9 @@ const preset = [
     ),
   ]),
 
+  option('activeLine', (enable = true) =>
+    enable ? [highlightActiveLineGutter(), highlightActiveLine()] : [],
+  ),
   option('tabSize', tabSize),
   option('height', height),
   option('minHeight', minHeight),

rush.json

@@ -810,16 +810,19 @@
     {
       "packageName": "@coze-editor/preset-universal-code",
       "projectFolder": "packages/text-editor/preset-universal-code",
+      "shouldPublish": true,
       "tags": ["level-3"]
     },
     {
       "packageName": "@coze-editor/vscode-search",
       "projectFolder": "packages/text-editor/vscode-search",
+      "shouldPublish": true,
       "tags": ["level-3"]
     },
     {
       "packageName": "@coze-editor/vscode-themes",
       "projectFolder": "packages/text-editor/vscode-themes",
+      "shouldPublish": true,
       "tags": ["level-3"]
     },
     // {