@opensumi/ide-editor 2.22.10 → 2.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensumi/ide-editor",
-  "version": "2.22.10",
+  "version": "2.23.0",
   "files": [
     "lib",
     "src"
@@ -17,21 +17,21 @@
     "url": "git@github.com:opensumi/core.git"
   },
   "dependencies": {
-    "@opensumi/ide-core-common": "2.22.10",
-    "@opensumi/ide-core-node": "2.22.10",
-    "@opensumi/ide-file-service": "2.22.10",
-    "@opensumi/ide-monaco": "2.22.10",
-    "@opensumi/ide-utils": "2.22.10",
+    "@opensumi/ide-core-common": "2.23.0",
+    "@opensumi/ide-core-node": "2.23.0",
+    "@opensumi/ide-file-service": "2.23.0",
+    "@opensumi/ide-monaco": "2.23.0",
+    "@opensumi/ide-utils": "2.23.0",
     "vscode-oniguruma": "1.5.1"
   },
   "devDependencies": {
-    "@opensumi/ide-components": "2.22.10",
-    "@opensumi/ide-core-browser": "2.22.10",
+    "@opensumi/ide-components": "2.23.0",
+    "@opensumi/ide-core-browser": "2.23.0",
     "@opensumi/ide-dev-tool": "1.3.1",
-    "@opensumi/ide-overlay": "2.22.10",
-    "@opensumi/ide-quick-open": "2.22.10",
-    "@opensumi/ide-theme": "2.22.10",
-    "@opensumi/ide-workspace": "2.22.10"
+    "@opensumi/ide-overlay": "2.23.0",
+    "@opensumi/ide-quick-open": "2.23.0",
+    "@opensumi/ide-theme": "2.23.0",
+    "@opensumi/ide-workspace": "2.23.0"
   },
-  "gitHead": "93351a388ce5e0f469ed1c3964e728784eb3955f"
+  "gitHead": "5d8e4fcf717531446c838d142f7601699fd50d0f"
 }

package/src/browser/breadcrumb/default.ts

@@ -98,6 +98,7 @@ export class DefaultBreadCrumbProvider extends WithEventBus implements IBreadCru
 
     const res: IBreadCrumbPart = {
       name: uri.path.base,
+      uri,
       icon: this.labelService.getIcon(uri, { isDirectory }),
       getSiblings: async () => {
         const parentDir = URI.from({
@@ -173,6 +174,7 @@ export class DefaultBreadCrumbProvider extends WithEventBus implements IBreadCru
     const res: IBreadCrumbPart = {
       name: symbol.name,
       icon: getSymbolIcon(symbol.kind),
+      isSymbol: true,
       onClick: () => {
         editor.setSelection({
           startColumn: symbol.range.startColumn,

package/src/browser/diff/index.ts

@@ -1,6 +1,7 @@
 import { Injectable, Autowired } from '@opensumi/di';
 import { URI, Domain, WithEventBus, OnEvent } from '@opensumi/ide-core-browser';
 import { LabelService } from '@opensumi/ide-core-browser/lib/services';
+import { IFileServiceClient } from '@opensumi/ide-file-service';
 
 import { IResourceProvider, IDiffResource, ResourceService, ResourceDecorationChangeEvent } from '../../common';
 import { BrowserEditorContribution, EditorComponentRegistry, EditorOpenType } from '../types';
@@ -18,10 +19,15 @@ export class DiffResourceProvider extends WithEventBus implements IResourceProvi
   @Autowired(ResourceService)
   resourceService: ResourceService;
 
+  @Autowired(IFileServiceClient)
+  protected fileServiceClient: IFileServiceClient;
+
   scheme = 'diff';
 
   private modifiedToResource = new Map<string, URI>();
 
+  private userhomePath: URI | null;
+
   @OnEvent(ResourceDecorationChangeEvent)
   onResourceDecorationChangeEvent(e: ResourceDecorationChangeEvent) {
     if (e.payload.uri && this.modifiedToResource.has(e.payload.uri.toString())) {
@@ -34,21 +40,50 @@ export class DiffResourceProvider extends WithEventBus implements IResourceProvi
     }
   }
 
+  private async getCurrentUserHome() {
+    if (!this.userhomePath) {
+      try {
+        const userhome = await this.fileServiceClient.getCurrentUserHome();
+        if (userhome) {
+          this.userhomePath = new URI(userhome.uri);
+        }
+      } catch (err) {}
+    }
+    return this.userhomePath;
+  }
+
+  private async getReadableTooltip(path: URI) {
+    const pathStr = path.toString();
+    const userhomePath = await this.getCurrentUserHome();
+    if (!userhomePath) {
+      return decodeURIComponent(path.withScheme('').toString());
+    }
+    if (userhomePath.isEqualOrParent(path)) {
+      const userhomePathStr = userhomePath && userhomePath.toString();
+      return decodeURIComponent(pathStr.replace(userhomePathStr, '~'));
+    }
+    return decodeURIComponent(path.withScheme('').toString());
+  }
+
   async provideResource(uri: URI): Promise<IDiffResource> {
     const { original, modified, name } = uri.getParsedQuery();
     const originalUri = new URI(original);
     const modifiedUri = new URI(modified);
-    const icon = await this.labelService.getIcon(originalUri);
     this.modifiedToResource.set(modifiedUri.toString(), uri);
-    return {
-      name,
-      icon,
-      uri,
-      metadata: {
-        original: originalUri,
-        modified: modifiedUri,
-      },
-    };
+    return Promise.all([
+      this.labelService.getIcon(originalUri),
+      // 默认显示 modified 文件路径
+      this.getReadableTooltip(modifiedUri),
+    ]).then(([icon, title]) => ({
+        name,
+        icon,
+        uri,
+        metadata: {
+          original: originalUri,
+          modified: modifiedUri,
+        },
+        title,
+      }));
   }
 
   async shouldCloseResource(resource, openedResources): Promise<boolean> {

package/src/browser/doc-model/editor-document-model.ts

@@ -630,6 +630,7 @@ export class EditorDocumentModel extends Disposable implements IEditorDocumentMo
       new EditorDocumentModelContentChangedEvent({
         uri: this.uri,
         dirty: this.dirty,
+        readonly: this.readonly,
         changes,
         eol: this.eol,
         isRedoing,

package/src/browser/doc-model/saveParticipants.ts

@@ -1,4 +1,4 @@
-import { Injectable, Autowired } from '@opensumi/di';
+import { Injectable, Autowired, Injector, INJECTOR_TOKEN } from '@opensumi/di';
 import {
   ClientAppContribution,
   WithEventBus,
@@ -18,6 +18,11 @@ import { IProgressService } from '@opensumi/ide-core-browser/lib/progress';
 import { ResourceEdit } from '@opensumi/ide-monaco/lib/browser/monaco-api';
 import { languageFeaturesService } from '@opensumi/ide-monaco/lib/browser/monaco-api/languages';
 import { ITextModel } from '@opensumi/ide-monaco/lib/browser/monaco-api/types';
+import { Selection } from '@opensumi/monaco-editor-core';
+import { IActiveCodeEditor } from '@opensumi/monaco-editor-core/esm/vs/editor/browser/editorBrowser';
+import { ICodeEditorService } from '@opensumi/monaco-editor-core/esm/vs/editor/browser/services/codeEditorService';
+import { EditOperation } from '@opensumi/monaco-editor-core/esm/vs/editor/common/core/editOperation';
+import { Range } from '@opensumi/monaco-editor-core/esm/vs/editor/common/core/range';
 import * as languages from '@opensumi/monaco-editor-core/esm/vs/editor/common/languages';
 import { CodeActionProvider } from '@opensumi/monaco-editor-core/esm/vs/editor/common/languages';
 import {
@@ -30,10 +35,29 @@ import {
 } from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/codeAction/browser/types';
 import * as monaco from '@opensumi/monaco-editor-core/esm/vs/editor/editor.api';
 
+import { MonacoCodeService } from '../editor.override';
 import { SaveReason } from '../types';
 
 import { EditorDocumentModelWillSaveEvent, IEditorDocumentModelService } from './types';
 
+function findEditor(model: ITextModel, codeEditorService: ICodeEditorService): IActiveCodeEditor | null {
+  let candidate: IActiveCodeEditor | null = null;
+
+  if (model.isAttachedToEditor()) {
+    for (const editor of codeEditorService.listCodeEditors()) {
+      if (editor.hasModel() && editor.getModel() === model) {
+        if (editor.hasTextFocus()) {
+          return editor; // favour focused editor if there are multiple
+        }
+
+        candidate = editor;
+      }
+    }
+  }
+
+  return candidate;
+}
+
 @Injectable()
 export class CodeActionOnSaveParticipant extends WithEventBus {
   @Autowired(PreferenceService)
@@ -216,12 +240,106 @@ export class CodeActionOnSaveParticipant extends WithEventBus {
   }
 }
 
+@Injectable()
+export class TrimFinalNewLinesParticipant extends WithEventBus {
+  @Autowired(PreferenceService)
+  private readonly preferenceService: PreferenceService;
+
+  @Autowired(IEditorDocumentModelService)
+  private readonly docService: IEditorDocumentModelService;
+
+  @Autowired(ILogger)
+  private readonly logger: ILogger;
+
+  @Autowired(INJECTOR_TOKEN)
+  private readonly injector: Injector;
+
+  activate() {
+    // noop
+  }
+
+  @OnEvent(EditorDocumentModelWillSaveEvent)
+  async onEditorDocumentModelWillSave(e: EditorDocumentModelWillSaveEvent) {
+    const isTrimFinalNewlines = this.preferenceService.get('files.trimFinalNewlines');
+
+    if (isTrimFinalNewlines) {
+      const modelRef = this.docService.getModelReference(e.payload.uri, 'trimFinalNewlines');
+
+      if (!modelRef) {
+        return;
+      }
+
+      const model = modelRef.instance.getMonacoModel();
+      this.doTrimFinalNewLines(model, e.payload.reason !== SaveReason.Manual);
+    }
+  }
+
+  /**
+   * returns 0 if the entire file is empty
+   */
+  private findLastNonEmptyLine(model: ITextModel): number {
+    for (let lineNumber = model.getLineCount(); lineNumber >= 1; lineNumber--) {
+      const lineContent = model.getLineContent(lineNumber);
+      if (lineContent.length > 0) {
+        // this line has content
+        return lineNumber;
+      }
+    }
+    // no line has content
+    return 0;
+  }
+
+  private doTrimFinalNewLines(model: ITextModel, isAutoSaved: boolean): void {
+    const lineCount = model.getLineCount();
+
+    // Do not insert new line if file does not end with new line
+    if (lineCount === 1) {
+      return;
+    }
+
+    let prevSelection: Selection[] = [];
+    let cannotTouchLineNumber = 0;
+
+    const codeEditorService = this.injector.get(MonacoCodeService);
+    const editor = findEditor(model, codeEditorService);
+    if (editor) {
+      prevSelection = editor.getSelections();
+      if (isAutoSaved) {
+        for (let i = 0, len = prevSelection.length; i < len; i++) {
+          const positionLineNumber = prevSelection[i].positionLineNumber;
+          if (positionLineNumber > cannotTouchLineNumber) {
+            cannotTouchLineNumber = positionLineNumber;
+          }
+        }
+      }
+    }
+
+    const lastNonEmptyLine = this.findLastNonEmptyLine(model);
+    const deleteFromLineNumber = Math.max(lastNonEmptyLine + 1, cannotTouchLineNumber + 1);
+    const deletionRange = model.validateRange(
+      new Range(deleteFromLineNumber, 1, lineCount, model.getLineMaxColumn(lineCount)),
+    );
+
+    if (deletionRange.isEmpty()) {
+      return;
+    }
+
+    model.pushEditOperations(prevSelection, [EditOperation.delete(deletionRange)], () => prevSelection);
+
+    editor?.setSelections(prevSelection);
+  }
+}
+
 @Domain(ClientAppContribution)
 export class SaveParticipantsContribution implements ClientAppContribution {
   @Autowired()
   codeActionOnSaveParticipant: CodeActionOnSaveParticipant;
 
+  @Autowired()
+  trimFinalNewLinesParticipant: TrimFinalNewLinesParticipant;
+
   onStart() {
     this.codeActionOnSaveParticipant.activate();
+    this.trimFinalNewLinesParticipant.activate();
   }
 }

package/src/browser/doc-model/types.ts

@@ -270,6 +270,7 @@ export class EditorDocumentModelContentChangedEvent extends BasicEvent<IEditorDo
 export interface IEditorDocumentModelContentChangedEventPayload {
   uri: URI;
   dirty: boolean;
+  readonly: boolean;
   changes: IEditorDocumentModelContentChange[];
   eol: string;
   versionId: number;

package/src/browser/editor-collection.service.ts

@@ -185,6 +185,7 @@ export class EditorCollectionServiceImpl extends WithEventBus implements EditorC
         uri: e.payload.uri,
         decoration: {
           dirty: !!e.payload.dirty,
+          readOnly: !!e.payload.readonly,
         },
       }),
     );
@@ -221,7 +222,7 @@ function updateOptionsWithMonacoEditor(
 }
 
 @Injectable({ multiple: true })
-export abstract class BaseMonacoEditorWrapper extends Disposable implements IEditor {
+export abstract class BaseMonacoEditorWrapper extends WithEventBus implements IEditor {
   public abstract readonly currentDocumentModel: IEditorDocumentModel | null;
 
   public get currentUri(): URI | null {
@@ -517,10 +518,29 @@ export class BrowserCodeEditor extends BaseMonacoEditorWrapper implements ICodeE
       position: this.monacoEditor.getPosition(),
       selectionLength: 0,
     });
+
+    const { instance } = documentModelRef;
+
+    /**
+     * 由于通过 monaco model 并不能得到该文档是否 readonly
+     * 所以这里需要对 readonly 单独设置一下
+     */
+    this.monacoEditor.updateOptions({
+      readOnly: instance.readonly,
+    });
+
+    this.eventBus.fire(
+      new ResourceDecorationNeedChangeEvent({
+        uri: instance.uri,
+        decoration: {
+          readOnly: instance.readonly,
+        },
+      }),
+    );
   }
 }
 
-export class BrowserDiffEditor extends Disposable implements IDiffEditor {
+export class BrowserDiffEditor extends WithEventBus implements IDiffEditor {
   @Autowired(EditorCollectionService)
   private collectionService: EditorCollectionServiceImpl;
 
@@ -676,13 +696,32 @@ export class BrowserDiffEditor extends Disposable implements IDiffEditor {
     await this.doUpdateDiffOptions();
   }
 
+  isReadonly(): boolean {
+    return !!this.modifiedDocModel?.readonly;
+  }
+
   private async doUpdateDiffOptions() {
     const uriStr = this.modifiedEditor.currentUri ? this.modifiedEditor.currentUri.toString() : undefined;
     const languageId = this.modifiedEditor.currentDocumentModel
       ? this.modifiedEditor.currentDocumentModel.languageId
       : undefined;
     const options = getConvertedMonacoOptions(this.configurationService, uriStr, languageId);
-    this.monacoDiffEditor.updateOptions({ ...options.diffOptions, ...this.specialOptions });
+    this.monacoDiffEditor.updateOptions({
+      ...options.diffOptions,
+      ...this.specialOptions,
+      readOnly: this.isReadonly(),
+    });
+
+    if (this.currentUri) {
+      this.eventBus.fire(
+        new ResourceDecorationNeedChangeEvent({
+          uri: this.currentUri,
+          decoration: {
+            readOnly: this.isReadonly(),
+          },
+        }),
+      );
+    }
   }
 
   updateDiffOptions(options: Partial<monaco.editor.IDiffEditorOptions>) {

package/src/browser/editor.contribution.ts

@@ -1202,6 +1202,25 @@ export class EditorContribution
       order: 2,
     });
 
+    menus.registerMenuItem(MenuId.BreadcrumbsTitleContext, {
+      command: EDITOR_COMMANDS.COPY_PATH.id,
+      group: '0_path',
+      order: 1,
+    });
+    menus.registerMenuItem(MenuId.BreadcrumbsTitleContext, {
+      command: EDITOR_COMMANDS.COPY_RELATIVE_PATH.id,
+      group: '0_path',
+      order: 2,
+    });
+    menus.registerMenuItem(MenuId.BreadcrumbsTitleContext, {
+      command: {
+        id: FILE_COMMANDS.REVEAL_IN_EXPLORER.id,
+        label: localize('file.revealInExplorer'),
+      },
+      group: '1_file',
+      order: 3,
+    });
+
     menus.registerMenuItem(MenuId.EditorTitleContext, {
       command: EDITOR_COMMANDS.SPLIT_TO_LEFT.id,
       group: '9_split',

package/src/browser/editor.module.less

@@ -241,6 +241,9 @@
           background-position: 2px;
         }
       }
+      .editor_readonly_icon {
+        margin-left: 8px;
+      }
       .kt_editor_close_icon {
         margin-right: 0 !important;
         display: flex;

package/src/browser/fs-resource/fs-resource.ts

@@ -48,6 +48,8 @@ export class FileSystemResourceProvider extends WithEventBus implements IResourc
 
   private ready: Promise<void>;
 
+  private userhomePath: URI | null;
+
   constructor() {
     super();
     this.ready = this.init();
@@ -103,6 +105,31 @@ export class FileSystemResourceProvider extends WithEventBus implements IResourc
     return this.cachedFileStat.get(uri);
   }
 
+  private async getCurrentUserHome() {
+    if (!this.userhomePath) {
+      try {
+        const userhome = await this.fileServiceClient.getCurrentUserHome();
+        if (userhome) {
+          this.userhomePath = new URI(userhome.uri);
+        }
+      } catch (err) {}
+    }
+    return this.userhomePath;
+  }
+
+  private async getReadableTooltip(path: URI) {
+    const pathStr = path.toString();
+    const userhomePath = await this.getCurrentUserHome();
+    if (!userhomePath) {
+      return decodeURIComponent(path.withScheme('').toString());
+    }
+    if (userhomePath.isEqualOrParent(path)) {
+      const userhomePathStr = userhomePath && userhomePath.toString();
+      return decodeURIComponent(pathStr.replace(userhomePathStr, '~'));
+    }
+    return decodeURIComponent(path.withScheme('').toString());
+  }
+
   async provideResource(uri: URI): Promise<IResource<any>> {
     // 获取文件类型 getFileType: (path: string) => string
     await this.ready;
@@ -111,13 +138,15 @@ export class FileSystemResourceProvider extends WithEventBus implements IResourc
       this.getFileStat(uri.toString()),
       this.labelService.getName(uri),
       this.labelService.getIcon(uri),
-    ] as const).then(([stat, name, icon]) => ({
+      this.getReadableTooltip(uri),
+    ] as const).then(([stat, name, icon, title]) => ({
       name: stat ? name : name + localize('file.resource-deleted', '(已删除)'),
       icon,
       uri,
       metadata: null,
       deleted: !stat,
       supportsRevive: true,
+      title,
     }));
   }
 

package/src/browser/menu/breadcrumbs.menus.ts

@@ -0,0 +1,34 @@
+import { Injectable, Autowired } from '@opensumi/di';
+import {
+  AbstractContextMenuService,
+  ICtxMenuRenderer,
+  MenuId,
+  IContextMenu,
+} from '@opensumi/ide-core-browser/lib/menu/next';
+import { URI } from '@opensumi/ide-core-common';
+
+import { EditorGroup } from '../workbench-editor.service';
+
+@Injectable()
+export class BreadCrumbsMenuService {
+  @Autowired(AbstractContextMenuService)
+  private readonly ctxMenuService: AbstractContextMenuService;
+
+  @Autowired(ICtxMenuRenderer)
+  private readonly ctxMenuRenderer: ICtxMenuRenderer;
+
+  show(x: number, y: number, group: EditorGroup, uri: URI) {
+    const titleContext = group.contextKeyService;
+    const menus = this.ctxMenuService.createMenu({
+      id: MenuId.BreadcrumbsTitleContext,
+      contextKeyService: titleContext,
+    });
+    const menuNodes = menus.getMergedMenuNodes();
+
+    this.ctxMenuRenderer.show({
+      anchor: { x, y },
+      menuNodes,
+      args: [{ uri, group }],
+    });
+  }
+}

package/src/browser/navigation.view.tsx

@@ -9,6 +9,7 @@ import { Scrollbars } from '@opensumi/ide-components';
 import { useInjectable, DomListener, Disposable, useUpdateOnEvent } from '@opensumi/ide-core-browser';
 import { getIcon } from '@opensumi/ide-core-browser';
 
+import { BreadCrumbsMenuService } from './menu/breadcrumbs.menus';
 import styles from './navigation.module.less';
 import { IBreadCrumbService, IBreadCrumbPart } from './types';
 import { useUpdateOnGroupTabChange } from './view/react-hook';
@@ -47,18 +48,24 @@ export const NavigationBar = ({ editorGroup }: { editorGroup: EditorGroup }) =>
     return null;
   }
   return parts.length === 0 ? null : (
-    <div className={styles.navigation_container}>
+    <div
+      className={styles.navigation_container}
+      onContextMenu={(event) => {
+        event.preventDefault();
+      }}
+    >
       {parts.map((p, i) => (
         <React.Fragment key={i + '-crumb:' + p.name}>
           {i > 0 && <Icon icon={'right'} size='small' className={styles.navigation_icon} />}
-          <NavigationItem part={p} />
+          <NavigationItem part={p} editorGroup={editorGroup} />
         </React.Fragment>
       ))}
     </div>
   );
 };
-export const NavigationItem = memo(({ part }: { part: IBreadCrumbPart }) => {
+export const NavigationItem = memo(({ part, editorGroup }: { part: IBreadCrumbPart; editorGroup: EditorGroup }) => {
   const viewService = useInjectable(NavigationBarViewService) as NavigationBarViewService;
+  const breadcrumbsMenuService = useInjectable(BreadCrumbsMenuService) as BreadCrumbsMenuService;
   const itemRef = useRef<HTMLSpanElement>();
 
   const onClick = useCallback(async () => {
@@ -70,12 +77,22 @@ export const NavigationItem = memo(({ part }: { part: IBreadCrumbPart }) => {
         // 放左边
         leftPos = window.innerWidth - 200 - 5;
       }
-      viewService.showMenu(siblings.parts, leftPos, top + height + 5, siblings.currentIndex);
+      viewService.showMenu(siblings.parts, leftPos, top + height + 5, siblings.currentIndex, part.uri, editorGroup);
     }
   }, [itemRef.current, part]);
 
   return (
-    <span onClick={onClick} className={styles['navigation-part']} ref={itemRef as any}>
+    <span
+      onClick={onClick}
+      onContextMenu={(event) => {
+        if (!part.isSymbol && part.uri) {
+          breadcrumbsMenuService.show(event.nativeEvent.x, event.nativeEvent.y, editorGroup, part.uri);
+        }
+        event.preventDefault();
+      }}
+      className={styles['navigation-part']}
+      ref={itemRef as any}
+    >
       {part.icon && <span className={part.icon}></span>}
       <span>{part.name}</span>
     </span>
@@ -136,7 +153,7 @@ export const NavigationMenu = observer(({ model }: { model: NavigationMenuModel
                     // 放左边
                     nextLeft = left - width - 5;
                   }
-                  model.showSubMenu(await p.getChildren!(), nextLeft, top);
+                  model.showSubMenu(await p.getChildren!(), nextLeft, top, model);
                 }
               }
             : undefined;
@@ -218,9 +235,11 @@ export const NavigationMenuContainer = observer(() => {
 @Injectable()
 export class NavigationBarViewService {
   @observable.ref current: NavigationMenuModel | undefined;
+  @observable.ref editorGroup: EditorGroup;
 
-  showMenu(parts: IBreadCrumbPart[], x, y, currentIndex) {
-    this.current = new NavigationMenuModel(parts, x, y, currentIndex);
+  showMenu(parts: IBreadCrumbPart[], x, y, currentIndex, uri, editorGroup) {
+    this.current = new NavigationMenuModel(parts, x, y, currentIndex, uri);
+    this.editorGroup = editorGroup;
   }
 
   dispose() {
@@ -239,10 +258,11 @@ export class NavigationMenuModel {
     public readonly x,
     public readonly y,
     public readonly initialIndex: number = -1,
+    public readonly uri,
   ) {}
 
-  showSubMenu(parts: IBreadCrumbPart[], x, y) {
-    this.subMenu = new NavigationMenuModel(parts, x, y);
+  showSubMenu(parts: IBreadCrumbPart[], x, y, uri) {
+    this.subMenu = new NavigationMenuModel(parts, x, y, -1, uri);
   }
 
   dispose() {

package/src/browser/preference/contribution.ts

@@ -1,8 +1,8 @@
-import { PreferenceContribution, Domain, ClientAppContribution } from '@opensumi/ide-core-browser';
+import { PreferenceContribution, Domain } from '@opensumi/ide-core-browser';
 
 import { editorPreferenceSchema } from './schema';
 
-@Domain(PreferenceContribution, ClientAppContribution)
+@Domain(PreferenceContribution)
 export class EditorPreferenceContribution implements PreferenceContribution {
   schema = editorPreferenceSchema;
 }

package/src/browser/resource.service.ts

@@ -255,6 +255,7 @@ export class ResourceServiceImpl extends WithEventBus implements ResourceService
 
 const DefaultResourceDecoration: IResourceDecoration = {
   dirty: false,
+  readOnly: false,
 };
 
 const GhostResourceProvider: IResourceProvider = {

package/src/browser/tab.view.tsx

@@ -27,6 +27,7 @@ import {
   PreferenceService,
   DisposableCollection,
   Event,
+  getExternalIcon,
 } from '@opensumi/ide-core-browser';
 import { InlineMenuBar } from '@opensumi/ide-core-browser/lib/components/actions';
 import { LAYOUT_VIEW_SIZE } from '@opensumi/ide-core-browser/lib/layout/constants';
@@ -322,6 +323,7 @@ export const Tabs = ({ group }: ITabsProps) => {
         return (
           <div
             draggable={true}
+            title={resource.title}
             className={classnames({
               [styles.kt_editor_tab]: true,
               [styles.last_in_row]: tabMap.get(i),
@@ -385,6 +387,9 @@ export const Tabs = ({ group }: ITabsProps) => {
             </div>
             <div>{resource.name}</div>
             {subname ? <div className={styles.subname}>{subname}</div> : null}
+            {decoration.readOnly ? (
+              <span className={classnames(getExternalIcon('lock'), styles.editor_readonly_icon)}></span>
+            ) : null}
             <div className={styles.tab_right}>
               <div
                 className={classnames({