feat: lsif 对接,高亮行内容

Author: winjo

packages/alex/src/core/editor/editor.module.ts

@@ -1,4 +1,5 @@
 import { Provider, Injectable, Autowired } from '@ali/common-di';
+import debounce from 'lodash.debounce';
 import {
   BrowserModule,
   ClientAppContribution,
@@ -9,8 +10,10 @@ import {
   CommandService,
   PreferenceProvider,
   PreferenceScope,
-  IDisposable,
   Emitter,
+  CommandContribution,
+  CommandRegistry,
+  Disposable,
 } from '@ali/ide-core-browser';
 import { Sequence } from '@ali/ide-core-common/lib/sequence';
 import { BreadCrumbServiceImpl } from '@ali/ide-editor/lib/browser/breadcrumb';
@@ -28,6 +31,8 @@ import {
   WorkbenchEditorService,
   BrowserEditorContribution,
   EditorPreferences,
+  IEditorFeatureRegistry,
+  IEditor,
 } from '@ali/ide-editor/lib/browser';
 import { IEditorDocumentModelService } from '@ali/ide-editor/lib/browser/doc-model/types';
 import { FileSchemeDocumentProvider } from '@ali/ide-file-scheme/lib/browser/file-doc';
@@ -74,6 +79,31 @@ class FileSchemeDocumentProviderOverride extends FileSchemeDocumentProvider {
  */
 @Injectable()
 class WorkspacePreferenceProvider extends PreferenceProvider {
+  constructor() {
+    super();
+    this._ready.resolve();
+  }
+
+  getPreferences() {
+    return undefined;
+  }
+
+  getLanguagePreferences() {
+    return undefined;
+  }
+
+  doSetPreference() {
+    return Promise.resolve(false);
+  }
+}
+
+@Injectable()
+class FoldersPreferenceProvider extends PreferenceProvider {
+  constructor() {
+    super();
+    this._ready.resolve();
+  }
+
   getPreferences() {
     return undefined;
   }
@@ -88,22 +118,36 @@ class WorkspacePreferenceProvider extends PreferenceProvider {
 }
 
 @Domain(ClientAppContribution)
-class ThemeContribution implements ClientAppContribution {
+class ThemeContribution extends Disposable implements ClientAppContribution {
   @Autowired(IThemeService)
   private readonly themeService: IThemeService;
 
+  @Autowired(PreferenceProvider, { tag: PreferenceScope.Default })
+  protected readonly defaultPreferenceProvider: PreferenceProvider;
+
   async initialize() {
     this.themeService.registerThemes(
       IDETheme.packageJSON.contributes!.themes,
       URI.parse(getExtensionPath(IDETheme.extension))
     );
-    await this.themeService.applyTheme(getPreferenceThemeId());
+    // 强制用集成设置的默认主题
+    await this.themeService.applyTheme(this.defaultPreferenceProvider.get('general.theme'));
   }
 }
 
-@Domain(FileSystemContribution, BrowserEditorContribution, ClientAppContribution)
+@Domain(
+  FileSystemContribution,
+  BrowserEditorContribution,
+  ClientAppContribution,
+  CommandContribution
+)
 class EditorSpecialContribution
-  implements FileSystemContribution, BrowserEditorContribution, ClientAppContribution {
+  extends Disposable
+  implements
+    FileSystemContribution,
+    BrowserEditorContribution,
+    ClientAppContribution,
+    CommandContribution {
   @Autowired(WorkbenchEditorService)
   editorService: WorkbenchEditorService;
 
@@ -125,8 +169,6 @@ class EditorSpecialContribution
   @Autowired(SCMService)
   scmService: SCMService;
 
-  private readonly disposables: IDisposable[] = [];
-
   async mountFileSystem(rootFS: FileSystemInstance<'MountableFileSystem'>) {
     // TODO: 提供配置选择存储在内存中还是 indexedDB 中
     const {
@@ -161,7 +203,7 @@ class EditorSpecialContribution
     });
     rootFS.mount(this.appConfig.workspaceDir, overlayFileSystem);
     rootFS.mount(SCM_ROOT, editorSystem);
-    this.disposables.push({
+    this.addDispose({
       dispose: () => {
         rootFS.umount(this.appConfig.workspaceDir);
         rootFS.umount(SCM_ROOT);
@@ -194,31 +236,37 @@ class EditorSpecialContribution
     if (isCodeDocumentModel(documentModel)) {
       this.openCodeEditor(documentModel.ref, documentModel.filepath);
       // 监听 props 变化
-      onSelect(
-        (props) => props.documentModel,
-        (newModel: CodeDocumentModel, oldModel: CodeDocumentModel) =>
-          newModel.filepath === oldModel.filepath && newModel.ref === oldModel.ref
-      )((newModel: CodeDocumentModel) => {
-        this.openCodeEditor(newModel.ref, newModel.filepath);
-      });
+      this.addDispose(
+        onSelect(
+          (props) => props.documentModel,
+          (newModel: CodeDocumentModel, oldModel: CodeDocumentModel) =>
+            newModel.filepath === oldModel.filepath && newModel.ref === oldModel.ref
+        )((newModel: CodeDocumentModel) => {
+          this.openCodeEditor(newModel.ref, newModel.filepath);
+        })
+      );
     } else {
       this.openEditor(documentModel.filepath);
       // 监听 props 变化
-      onSelect((props) => props.documentModel.filepath)((newFilepath) => {
-        this.openEditor(newFilepath);
-      });
+      this.addDispose(
+        onSelect((props) => props.documentModel.filepath)((newFilepath) => {
+          this.openEditor(newFilepath);
+        })
+      );
     }
 
-    onSelect((props) => props.documentModel.encoding)((encoding) => {
-      if (encoding) {
-        const resource = this.editorService.currentResource;
-        if (resource) {
-          this.editorDocumentModelService.changeModelOptions(resource.uri, {
-            encoding,
-          });
+    this.addDispose(
+      onSelect((props) => props.documentModel.encoding)((encoding) => {
+        if (encoding) {
+          const resource = this.editorService.currentResource;
+          if (resource) {
+            this.editorDocumentModelService.changeModelOptions(resource.uri, {
+              encoding,
+            });
+          }
         }
-      }
-    });
+      })
+    );
   }
 
   private openEditor(relativePath: string) {
@@ -234,8 +282,95 @@ class EditorSpecialContribution
     return this.openEditor(`${encodeURIComponent(ref)}/${filepath}`);
   }
 
-  dispose() {
-    this.disposables.forEach((disposer) => disposer.dispose());
+  registerCommands(registry: CommandRegistry) {
+    registry.registerCommand(
+      { id: 'alex.codeServiceProject' },
+      {
+        execute: () => {
+          const documentModel = select((props) => props.documentModel);
+          if (!isCodeDocumentModel(documentModel)) return;
+          return {
+            platform: 'antcode',
+            project: `${documentModel.owner}/${documentModel.name}`,
+            commit: documentModel.ref,
+            rootUri: URI.file(this.appConfig.workspaceDir).resolve(documentModel.ref).codeUri,
+          };
+        },
+      }
+    );
+  }
+
+  registerEditorFeature(registry: IEditorFeatureRegistry) {
+    registry.registerEditorFeatureContribution({
+      contribute: (editor: IEditor) => {
+        const disposer = new Disposable();
+        let oldHoverDecorations: string[] = [];
+        disposer.addDispose(
+          editor.monacoEditor.onMouseMove(
+            debounce((event) => {
+              const type = event?.target?.type;
+              if (
+                type === monaco.editor.MouseTargetType.GUTTER_LINE_NUMBERS ||
+                type === monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN
+              ) {
+                const lineNumber = event.target.position!.lineNumber;
+                oldHoverDecorations = editor.monacoEditor.deltaDecorations(oldHoverDecorations, [
+                  {
+                    range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+                    options: {
+                      className: 'alex-line-content',
+                      glyphMarginClassName: `alex-line-glyph-margin}`,
+                    },
+                  },
+                ]);
+              } else {
+                oldHoverDecorations = editor.monacoEditor.deltaDecorations(oldHoverDecorations, []);
+              }
+            }, 10)
+          )
+        );
+        let oldClickDecorations: string[] = [];
+        const highlightLine = (lineNumber: number) => {
+          oldClickDecorations = editor.monacoEditor.deltaDecorations(oldClickDecorations, [
+            {
+              range: new monaco.Range(lineNumber, 1, lineNumber, 1),
+              options: {
+                isWholeLine: true,
+                className: 'alex-line-content',
+              },
+            },
+          ]);
+        };
+        disposer.addDispose(
+          editor.monacoEditor.onMouseDown((event) => {
+            const type = event?.target?.type;
+            if (
+              type === monaco.editor.MouseTargetType.GUTTER_LINE_NUMBERS ||
+              type === monaco.editor.MouseTargetType.GUTTER_GLYPH_MARGIN
+            ) {
+              const lineNumber = event.target.position!.lineNumber;
+              // 非受控
+              if (!('lineNumber' in select((props) => props.documentModel))) {
+                highlightLine(lineNumber);
+              }
+              select((props) => props.documentModel.onLineNumberChange)?.(lineNumber);
+            }
+          })
+        );
+        const initialLineNumber = select((props) => props.documentModel.lineNumber);
+        if (initialLineNumber) {
+          highlightLine(initialLineNumber);
+        }
+        disposer.addDispose(
+          onSelect((props) => props.documentModel.lineNumber)((newLineNumber) => {
+            if (newLineNumber) {
+              highlightLine(newLineNumber);
+            }
+          })
+        );
+        return disposer;
+      },
+    });
   }
 }
 
@@ -258,6 +393,12 @@ export class EditorSpecialModule extends BrowserModule {
       tag: PreferenceScope.Workspace,
       override: true,
     },
+    {
+      token: PreferenceProvider,
+      useClass: FoldersPreferenceProvider,
+      tag: PreferenceScope.Folder,
+      override: true,
+    },
     ThemeContribution,
     EditorSpecialContribution,
   ];

packages/alex/src/core/editor/types.ts

@@ -4,6 +4,8 @@ export interface DocumentModel {
   filepath: string;
   readFile(filepath: string): Uint8Array | Thenable<Uint8Array>;
   encoding?: 'gbk' | 'utf8';
+  lineNumber?: number;
+  onLineNumberChange?: (num: number) => void;
 }
 
 export interface FSDocumentModel extends DocumentModel {

packages/alex/src/core/style.module.less

@@ -63,3 +63,22 @@ alex-root {
     }
   }
 }
+
+:global {
+  .alex-root {
+    .alex-line-glyph-margin {
+      cursor: pointer;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='link' width='1em' height='1em' fill='currentColor' aria-hidden='true'%3E%3Cpath d='M574 665.4a8.03 8.03 0 00-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 00-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 000 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 000 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 00-11.3 0L372.3 598.7a8.03 8.03 0 000 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z'%3E%3C/path%3E%3C/svg%3E");
+      background-repeat: no-repeat;
+      background-size: 12px 12px;
+      background-position: center center;
+    }
+    .alex-line-glyph-margin ~ .line-numbers {
+      text-decoration: underline;
+    }
+    .alex-line-content {
+      background-color: #F90;
+      opacity: 0.2;
+    }
+  }
+}