@opensumi/ide-electron-basic 2.21.6-rc-1669620508.0 → 2.21.6

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@opensumi/ide-electron-basic",
-  "version": "2.21.6-rc-1669620508.0",
+  "version": "2.21.6",
   "files": [
-    "lib",
-    "src"
+    "lib"
   ],
   "license": "MIT",
   "main": "lib/index.js",
@@ -17,16 +16,16 @@
     "url": "git@github.com:opensumi/core.git"
   },
   "dependencies": {
-    "@opensumi/ide-core-common": "2.21.6-rc-1669620508.0",
-    "@opensumi/ide-core-node": "2.21.6-rc-1669620508.0",
-    "@opensumi/ide-utils": "2.21.6-rc-1669620508.0"
+    "@opensumi/ide-core-common": "2.21.6",
+    "@opensumi/ide-core-node": "2.21.6",
+    "@opensumi/ide-utils": "2.21.6"
   },
   "devDependencies": {
-    "@opensumi/ide-core-browser": "2.21.6-rc-1669620508.0",
+    "@opensumi/ide-core-browser": "2.21.6",
     "@opensumi/ide-dev-tool": "^1.3.1",
-    "@opensumi/ide-editor": "2.21.6-rc-1669620508.0",
-    "@opensumi/ide-overlay": "2.21.6-rc-1669620508.0",
-    "@opensumi/ide-workspace": "2.21.6-rc-1669620508.0"
+    "@opensumi/ide-editor": "2.21.6",
+    "@opensumi/ide-overlay": "2.21.6",
+    "@opensumi/ide-workspace": "2.21.6"
   },
-  "gitHead": "1b7f550f97a208a86aae59b75c73688b85c8cde1"
+  "gitHead": "a34917dfa6d851e067a431ad700812e58e8cc8a8"
 }

package/src/browser/clipboard/index.ts

@@ -1,62 +0,0 @@
-import { Injectable, Autowired } from '@opensumi/di';
-import { IClipboardService, CLIPBOARD_FILE_TOKEN } from '@opensumi/ide-core-common';
-import { URI } from '@opensumi/ide-core-common';
-import { IElectronMainUIService } from '@opensumi/ide-core-common/lib/electron';
-
-export { CLIPBOARD_FILE_TOKEN };
-
-export const INativeClipboardService = Symbol('INativeClipboardService');
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface INativeClipboardService extends IClipboardService {}
-
-@Injectable()
-export class ElectronClipboardService implements INativeClipboardService {
-  @Autowired(IElectronMainUIService)
-  private electronMainUIService: IElectronMainUIService;
-
-  async writeText(text: string): Promise<void> {
-    return await this.electronMainUIService.writeClipboardText(text);
-  }
-  async readText(): Promise<string> {
-    return await this.electronMainUIService.readClipboardText();
-  }
-  async writeResources(resources: URI[], field = CLIPBOARD_FILE_TOKEN): Promise<void> {
-    try {
-      const buffer = Buffer.from(JSON.stringify(resources.map((uri) => uri.toString())), 'utf8');
-      return await this.electronMainUIService.writeClipboardBuffer(field, buffer);
-    } catch {}
-  }
-  async readResources(field = CLIPBOARD_FILE_TOKEN): Promise<URI[]> {
-    try {
-      const buffer = await this.electronMainUIService.readClipboardBuffer(field);
-      const list = JSON.parse(Buffer.from(buffer).toString('utf8'));
-      if (
-        !Array.isArray(list) ||
-        !list.length ||
-        !list.every((str) => typeof str === 'string' && URI.isUriString(str))
-      ) {
-        return [];
-      }
-      return list.map((str) => URI.parse(str));
-    } catch {
-      return [];
-    }
-  }
-  async hasResources(field?: string | undefined): Promise<boolean> {
-    try {
-      const buffer = await this.electronMainUIService.readClipboardBuffer(field ?? CLIPBOARD_FILE_TOKEN);
-      const list = JSON.parse(Buffer.from(buffer).toString('utf8'));
-      if (
-        !Array.isArray(list) ||
-        !list.length ||
-        !list.every((str) => typeof str === 'string' && URI.isUriString(str))
-      ) {
-        return false;
-      }
-      return true;
-    } catch {
-      return false;
-    }
-  }
-}

package/src/browser/dialog/index.ts

@@ -1,17 +0,0 @@
-import { Injectable, Autowired } from '@opensumi/di';
-import { IElectronNativeDialogService, electronEnv } from '@opensumi/ide-core-browser';
-import { IElectronMainUIService } from '@opensumi/ide-core-common/lib/electron';
-
-@Injectable()
-export class ElectronNativeDialogService implements IElectronNativeDialogService {
-  @Autowired(IElectronMainUIService)
-  electronMainUIService: IElectronMainUIService;
-
-  async showOpenDialog(options: Electron.OpenDialogOptions): Promise<string[] | undefined> {
-    return this.electronMainUIService.showOpenDialog(electronEnv.currentWindowId, options);
-  }
-
-  showSaveDialog(options: Electron.SaveDialogOptions): Promise<string | undefined> {
-    return this.electronMainUIService.showSaveDialog(electronEnv.currentWindowId, options);
-  }
-}

package/src/browser/header/header.module.less

@@ -1,61 +0,0 @@
-.header {
-  background: var(--menu-background);
-  color: var(--titlebar-activeForeground);
-  display: flex;
-  align-items: center;
-  text-align: center;
-  line-height: 100%;
-  font-size: 12px;
-  user-select: none;
-
-  .title_info {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    -webkit-app-region: drag;
-    flex-grow: 1;
-    text-align: left;
-  }
-
-  :global .menu-bar {
-    flex-shrink: 0;
-  }
-
-  :global .menubarWrapper {
-    background-color: var(--kt-menubar-background);
-  }
-}
-
-.windowActions {
-  display: flex;
-  align-items: center;
-  -webkit-app-region: no-drag;
-  user-select: none;
-
-  > div {
-    font-size: 16px;
-    padding: 0 15px;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      background-color: hsla(0, 0%, 100%, 0.1);
-    }
-
-    &:hover:last-child {
-      background-color: rgba(232, 17, 35, 0.9);
-      color: white;
-    }
-  }
-}
-
-:global(.vs) {
-  .windowActions {
-    > div:not(:last-child):hover {
-      background-color: rgba(0, 0, 0, 0.1);
-      color: #696767;
-    }
-  }
-}

package/src/browser/header/header.service.ts

@@ -1,145 +0,0 @@
-import { Injectable, Autowired, INJECTOR_TOKEN, Injector } from '@opensumi/di';
-import {
-  AppConfig,
-  localize,
-  replaceLocalizePlaceholder,
-  Emitter,
-  DisposableCollection,
-  isMacintosh,
-} from '@opensumi/ide-core-browser';
-import { WorkbenchEditorService } from '@opensumi/ide-editor/lib/browser';
-import { basename, dirname, relative } from '@opensumi/ide-utils/lib/path';
-import { template } from '@opensumi/ide-utils/lib/strings';
-
-import { IElectronHeaderService } from '../../common/header';
-
-// "● "
-export const TITLE_DIRTY = '\u25cf ';
-export const SEPARATOR = ' - ';
-
-export let DEFAULT_TEMPLATE = '${dirty}${activeEditorShort}${separator}${rootName}';
-
-if (isMacintosh) {
-  DEFAULT_TEMPLATE = '${activeEditorShort}${separator}${rootName}';
-}
-
-@Injectable()
-export class ElectronHeaderService implements IElectronHeaderService {
-  disposableCollection = new DisposableCollection();
-
-  @Autowired(WorkbenchEditorService)
-  editorService: WorkbenchEditorService;
-
-  @Autowired(INJECTOR_TOKEN)
-  injector: Injector;
-
-  @Autowired(AppConfig)
-  appConfig: AppConfig;
-
-  private _onTitleChanged = new Emitter<string>();
-  onTitleChanged = this._onTitleChanged.event;
-
-  private _appTitle: string;
-
-  separator = SEPARATOR;
-
-  private _titleTemplate = DEFAULT_TEMPLATE;
-  get titleTemplate() {
-    return this._titleTemplate;
-  }
-
-  set titleTemplate(value: string) {
-    this._titleTemplate = value;
-    this.updateAppTitle();
-  }
-
-  private _templateVariables = {} as Record<string, string | undefined>;
-  setTemplateVariables(key: string, value: string | undefined) {
-    this._templateVariables[key] = value;
-  }
-
-  constructor() {
-    this.disposableCollection.push(
-      this.editorService.onActiveResourceChange(() => {
-        this.updateAppTitle();
-      }),
-    );
-  }
-
-  updateAppTitle() {
-    this._onTitleChanged.fire(this.appTitle);
-  }
-
-  get appTitle() {
-    const formatted = this.formatAppTitle();
-
-    let result = formatted;
-
-    if (this.appConfig.extensionDevelopmentHost) {
-      result = `[${localize('workspace.development.title')}] ${result}`;
-    }
-    if (this.appConfig.isRemote) {
-      result = `[${localize('common.remoteMode')}] ${result}`;
-    }
-
-    this._appTitle = result;
-    return this._appTitle;
-  }
-
-  formatAppTitle() {
-    const { appConfig } = this;
-    const currentResource = this.editorService.currentResource;
-    const currentEditor = this.editorService.currentEditor;
-
-    const workspaceDir = appConfig.workspaceDir ? appConfig.workspaceDir : '';
-    const workspaceBasename = basename(workspaceDir);
-    const activeEditorFull = currentResource?.name ?? '';
-    const activeEditorRelative = activeEditorFull && workspaceDir ? relative(workspaceDir, activeEditorFull) : '';
-    const activeFolderFull = activeEditorFull ? dirname(activeEditorFull) : '';
-    const activeFolderRelative = activeFolderFull && workspaceDir ? relative(workspaceDir, activeFolderFull) : '';
-
-    const activeEditorShort = basename(activeEditorFull);
-    const activeEditorMedium = activeEditorRelative;
-    const activeEditorLong = activeEditorFull;
-    const activeFolderShort = basename(activeFolderFull);
-    const activeFolderMedium = activeFolderRelative;
-    const activeFolderLong = activeFolderFull;
-    const folderName = workspaceBasename;
-    const folderPath = workspaceDir;
-    const rootName = workspaceBasename;
-    const rootPath = workspaceDir;
-    const appName = replaceLocalizePlaceholder(appConfig.appName) ?? '';
-    // TODO: 当前 OpenSumi 还不支持 Remote 名字
-    const remoteName = '';
-    const dirty = currentEditor?.currentDocumentModel?.dirty ? TITLE_DIRTY : '';
-
-    const result = template(
-      this.titleTemplate,
-      {
-        activeEditorShort,
-        activeEditorMedium,
-        activeEditorLong,
-        activeFolderShort,
-        activeFolderMedium,
-        activeFolderLong,
-        folderName,
-        folderPath,
-        rootName,
-        rootPath,
-        appName,
-        remoteName,
-        dirty,
-        ...this._templateVariables,
-      },
-      {
-        separator: this.separator,
-      },
-    );
-
-    return result;
-  }
-
-  dispose() {
-    this.disposableCollection.dispose();
-  }
-}

package/src/browser/header/header.view.tsx

@@ -1,263 +0,0 @@
-import { observer } from 'mobx-react-lite';
-import React, { useState, useEffect, useRef } from 'react';
-
-import {
-  useInjectable,
-  ComponentRenderer,
-  ComponentRegistry,
-  DomListener,
-  electronEnv,
-  IWindowService,
-  useEventEffect,
-} from '@opensumi/ide-core-browser';
-import { getIcon } from '@opensumi/ide-core-browser';
-import { isMacintosh, Disposable } from '@opensumi/ide-core-browser';
-import { LAYOUT_VIEW_SIZE } from '@opensumi/ide-core-browser/lib/layout/constants';
-import { IElectronMainUIService } from '@opensumi/ide-core-common/lib/electron';
-
-import { IElectronHeaderService } from '../../common/header';
-
-import styles from './header.module.less';
-
-const useFullScreen = () => {
-  const uiService: IElectronMainUIService = useInjectable(IElectronMainUIService);
-  const [isFullScreen, setFullScreen] = useState<boolean>(false);
-
-  useEffect(() => {
-    uiService.isFullScreen(electronEnv.currentWindowId).then((fullScreen) => {
-      setFullScreen(fullScreen);
-    });
-    const listener = uiService.on('fullScreenStatusChange', (windowId, fullScreen) => {
-      if (windowId === electronEnv.currentWindowId) {
-        setFullScreen(fullScreen);
-      }
-    });
-    return () => {
-      listener.dispose();
-    };
-  }, []);
-  return {
-    isFullScreen,
-  };
-};
-
-const useMaximize = () => {
-  const uiService: IElectronMainUIService = useInjectable(IElectronMainUIService);
-  const [maximized, setMaximized] = useState(false);
-
-  const getMaximized = async () => uiService.isMaximized(electronEnv.currentWindowId);
-
-  useEffect(() => {
-    const maximizeListener = uiService.on('maximizeStatusChange', (windowId, isMaximized) => {
-      if (windowId === electronEnv.currentWindowId) {
-        setMaximized(isMaximized);
-      }
-    });
-    getMaximized().then((maximized) => {
-      setMaximized(maximized);
-    });
-    return () => {
-      maximizeListener.dispose();
-    };
-  }, []);
-
-  return {
-    maximized,
-    getMaximized,
-  };
-};
-
-// Big Sur increases title bar height
-const isNewMacHeaderBar = () => isMacintosh && parseFloat(electronEnv.osRelease) >= 20;
-
-export const HeaderBarLeftComponent = () => {
-  const componentRegistry: ComponentRegistry = useInjectable(ComponentRegistry);
-
-  if (isMacintosh) {
-    return null;
-  }
-
-  const initialProps = {
-    className: 'menubarWrapper',
-  };
-
-  return (
-    <>
-      <ComponentRenderer
-        Component={componentRegistry.getComponentRegistryInfo('@opensumi/ide-menu-bar')!.views[0].component!}
-        initialProps={initialProps}
-      />
-    </>
-  );
-};
-
-export const HeaderBarRightComponent = () => {
-  const { maximized } = useMaximize();
-  const windowService: IWindowService = useInjectable(IWindowService);
-
-  if (isMacintosh) {
-    return null;
-  }
-
-  return (
-    <div
-      className={styles.windowActions}
-      style={{
-        height: isNewMacHeaderBar() ? LAYOUT_VIEW_SIZE.BIG_SUR_TITLEBAR_HEIGHT : LAYOUT_VIEW_SIZE.TITLEBAR_HEIGHT,
-      }}
-    >
-      <div className={getIcon('min')} onClick={() => windowService.minimize()} />
-      {maximized ? (
-        <div className={getIcon('max')} onClick={() => windowService.unmaximize()} />
-      ) : (
-        <div className={getIcon('unmax')} onClick={() => windowService.maximize()} />
-      )}
-      <div className={getIcon('close1')} onClick={() => windowService.close()} />
-    </div>
-  );
-};
-
-interface ElectronHeaderBarPorps {
-  LeftComponent?: React.FunctionComponent;
-  RightComponent?: React.FunctionComponent;
-  TitleComponent?: React.FunctionComponent<TitleBarProps>;
-  Icon?: React.FunctionComponent;
-  autoHide?: boolean;
-  height?: number;
-}
-
-/**
- * autoHide: Hide the HeaderBar when the macOS full screen
- */
-export const ElectronHeaderBar = observer(
-  ({
-    LeftComponent,
-    RightComponent,
-    TitleComponent,
-    autoHide = true,
-    height = isNewMacHeaderBar() ? LAYOUT_VIEW_SIZE.BIG_SUR_TITLEBAR_HEIGHT : LAYOUT_VIEW_SIZE.TITLEBAR_HEIGHT,
-  }: React.PropsWithChildren<ElectronHeaderBarPorps>) => {
-    const windowService: IWindowService = useInjectable(IWindowService);
-
-    const { isFullScreen } = useFullScreen();
-    const { getMaximized } = useMaximize();
-    if (!LeftComponent) {
-      LeftComponent = HeaderBarLeftComponent;
-    }
-    if (!RightComponent) {
-      RightComponent = HeaderBarRightComponent;
-    }
-    if (!TitleComponent) {
-      TitleComponent = HeaderBarTitleComponent;
-    }
-
-    // in Mac, hide the header bar if it is in full screen mode
-    if (isMacintosh && isFullScreen && autoHide) {
-      return (
-        <div>
-          <TitleComponent hidden={true} />
-        </div>
-      );
-    }
-
-    return (
-      <div
-        className={styles.header}
-        style={{ height }}
-        onDoubleClick={async () => {
-          if (await getMaximized()) {
-            windowService.unmaximize();
-          } else {
-            windowService.maximize();
-          }
-        }}
-      >
-        <LeftComponent />
-        <TitleComponent />
-        <RightComponent />
-      </div>
-    );
-  },
-);
-
-declare const ResizeObserver: any;
-
-export interface TitleInfo {
-  currentResourceName?: string;
-  workspaceName?: string;
-  appName?: string;
-  remoteMode?: boolean;
-  extensionDevelopmentHost?: boolean;
-}
-
-export interface TitleBarProps {
-  hidden?: boolean;
-}
-
-export const HeaderBarTitleComponent = observer(({ hidden }: TitleBarProps) => {
-  const headerService = useInjectable(IElectronHeaderService) as IElectronHeaderService;
-  const ref = useRef<HTMLDivElement>(null);
-  const spanRef = useRef<HTMLSpanElement>(null);
-  const [appTitle, setAppTitle] = useState(headerService.appTitle);
-
-  useEventEffect(
-    headerService.onTitleChanged,
-    (v) => {
-      setAppTitle(v);
-    },
-    [],
-  );
-
-  useEffect(() => {
-    setPosition();
-    const disposer = new Disposable();
-
-    disposer.addDispose(
-      new DomListener(window, 'resize', () => {
-        setPosition();
-      }),
-    );
-    if (ref.current && ref.current.previousElementSibling) {
-      const resizeObserver = new ResizeObserver(setPosition);
-      resizeObserver.observe(ref.current.previousElementSibling);
-      disposer.addDispose({
-        dispose: () => {
-          resizeObserver.disconnect();
-        },
-      });
-    }
-    return disposer.dispose.bind(disposer);
-  }, []);
-
-  function setPosition() {
-    // 在下一个 animationFrame 执行，此时 spanRef.current!.offsetWidth 的宽度才是正确的
-    window.requestAnimationFrame(() => {
-      if (ref.current && spanRef.current) {
-        const windowWidth = window.innerWidth;
-        let prevWidth = 0;
-        let node = ref.current.previousElementSibling;
-        while (node) {
-          prevWidth += (node as HTMLElement).offsetWidth;
-          node = node.previousElementSibling;
-        }
-        const left = Math.max(0, windowWidth * 0.5 - prevWidth - spanRef.current.offsetWidth * 0.5);
-        ref.current.style.paddingLeft = left + 'px';
-      }
-    });
-  }
-
-  // 同时更新 document Title
-  useEffect(() => {
-    document.title = appTitle;
-  }, [appTitle]);
-
-  if (hidden) {
-    return null;
-  }
-
-  return (
-    <div className={styles.title_info} ref={ref}>
-      <span ref={spanRef}>{appTitle}</span>
-    </div>
-  );
-});

package/src/browser/index.ts

@@ -1,391 +0,0 @@
-import { Provider, Injectable, Autowired, INJECTOR_TOKEN, Injector } from '@opensumi/di';
-import {
-  BrowserModule,
-  Domain,
-  AppConfig,
-  isOSX,
-  ClientAppContribution,
-  IElectronMainMenuService,
-  localize,
-  SlotLocation,
-  IElectronNativeDialogService,
-  CommandContribution,
-  CommandRegistry,
-  KeybindingContribution,
-  KeybindingRegistry,
-  isWindows,
-  electronEnv,
-  replaceLocalizePlaceholder,
-  URI,
-  ILogger,
-  formatLocalize,
-  IEventBus,
-  Schemes,
-  IClipboardService,
-} from '@opensumi/ide-core-browser';
-import { ComponentContribution, ComponentRegistry } from '@opensumi/ide-core-browser/lib/layout';
-import { IMenuRegistry, MenuContribution, MenuId } from '@opensumi/ide-core-browser/lib/menu/next';
-import { IElectronMenuBarService } from '@opensumi/ide-core-browser/lib/menu/next/renderer/ctxmenu/electron';
-import { IElectronMainLifeCycleService, IElectronMainUIService } from '@opensumi/ide-core-common/lib/electron';
-import { IResourceOpenOptions } from '@opensumi/ide-editor';
-import {
-  EditorGroupFileDropEvent,
-  DragOverPosition,
-  getSplitActionFromDragDrop,
-} from '@opensumi/ide-editor/lib/browser';
-import { IMessageService } from '@opensumi/ide-overlay/lib/common';
-
-import { IElectronHeaderService } from '../common/header';
-
-import { ElectronClipboardService } from './clipboard';
-import { ElectronNativeDialogService } from './dialog';
-import { ElectronHeaderService } from './header/header.service';
-import { ElectronHeaderBar } from './header/header.view';
-import { WelcomeContribution } from './welcome/contribution';
-
-@Injectable()
-export class ElectronBasicModule extends BrowserModule {
-  providers: Provider[] = [
-    {
-      token: IElectronNativeDialogService,
-      useClass: ElectronNativeDialogService,
-    },
-    {
-      token: IElectronHeaderService,
-      useClass: ElectronHeaderService,
-    },
-    ElectronBasicContribution,
-    WelcomeContribution,
-  ];
-}
-
-const nativeRoles = [
-  {
-    name: 'undo',
-    key: 'ctrlcmd+z',
-    when: '!editorFocus',
-  },
-  {
-    name: 'redo',
-    key: 'ctrlcmd+shift+z',
-    when: '!editorFocus',
-  },
-  {
-    name: 'copy',
-    key: 'ctrlcmd+c',
-    when: '!editorFocus',
-  },
-  {
-    name: 'paste',
-    key: 'ctrlcmd+v',
-    when: '!editorFocus',
-  },
-  {
-    name: 'selectAll',
-    key: 'ctrlcmd+a',
-    when: '!editorFocus',
-  },
-  {
-    name: 'cut',
-    key: 'ctrlcmd+x',
-    when: '!editorFocus',
-  },
-  {
-    name: 'toggleDevTools',
-    key: 'alt+ctrlcmd+i',
-    label: '%window.toggleDevTools%',
-    alias: 'Toggle Developer Tools',
-  },
-];
-
-@Domain(ComponentContribution, ClientAppContribution, MenuContribution, CommandContribution, KeybindingContribution)
-export class ElectronBasicContribution
-  implements
-    KeybindingContribution,
-    CommandContribution,
-    ComponentContribution,
-    ClientAppContribution,
-    MenuContribution
-{
-  @Autowired(AppConfig)
-  config: AppConfig;
-
-  @Autowired(INJECTOR_TOKEN)
-  injector: Injector;
-
-  @Autowired(IEventBus)
-  eventBus: IEventBus;
-
-  @Autowired(IElectronMenuBarService)
-  private electronMenuBarService: IElectronMenuBarService;
-
-  @Autowired(IElectronMainMenuService)
-  private electronMainMenuService: IElectronMainMenuService;
-
-  @Autowired(IElectronMainLifeCycleService)
-  private electronMainLifeCycleService: IElectronMainLifeCycleService;
-
-  @Autowired(IElectronMainUIService)
-  private electronMainUIService: IElectronMainUIService;
-
-  @Autowired(IMessageService)
-  private messageService: IMessageService;
-
-  @Autowired(ILogger)
-  logger: ILogger;
-
-  registerComponent(registry: ComponentRegistry) {
-    const top = this.config.layoutConfig[SlotLocation.top];
-    if (top && top.modules) {
-      const index = top.modules.indexOf('@opensumi/ide-menu-bar');
-      if (index !== -1) {
-        top.modules.splice(index, 1, 'electron-header');
-      }
-    }
-    registry.register(
-      'electron-header',
-      {
-        id: 'electron-header',
-        component: ElectronHeaderBar,
-      },
-      {
-        size: 27,
-        containerId: 'electron-header',
-      },
-    );
-  }
-
-  registerMenus(menuRegistry: IMenuRegistry) {
-    menuRegistry.registerMenuItem(MenuId.MenubarAppMenu, {
-      command: {
-        id: 'electron.about',
-        label: localize('common.about'),
-      },
-      group: '0_about',
-      nativeRole: 'about',
-    });
-
-    menuRegistry.registerMenuItem(MenuId.MenubarHelpMenu, {
-      command: {
-        id: 'electron.toggleDevTools',
-        label: localize('window.toggleDevTools'),
-      },
-      nativeRole: 'toggledevtools',
-    });
-
-    menuRegistry.registerMenuItem(MenuId.MenubarHelpMenu, {
-      command: {
-        id: 'electron.reload',
-        label: localize('window.reload'),
-      },
-    });
-
-    menuRegistry.registerMenuItem(MenuId.ExplorerContext, {
-      command: 'electron.revealInFinder',
-      group: '12_electron',
-      order: 3,
-    });
-    menuRegistry.registerMenuItem(MenuId.EditorTitleContext, {
-      command: 'electron.revealInFinderTab',
-      group: '2_open',
-      order: 3,
-    });
-  }
-
-  registerCommands(commands: CommandRegistry): void {
-    nativeRoles.forEach((role) => {
-      commands.registerCommand(
-        {
-          id: 'electron.' + role.name,
-          label: replaceLocalizePlaceholder(role.label),
-          alias: role.alias,
-        },
-        {
-          execute: () => {
-            this.electronMainMenuService.runNativeRoleAction(role.name);
-          },
-        },
-      );
-    });
-
-    commands.registerCommand(
-      {
-        id: 'electron.zoomIn',
-        label: localize('view.zoomIn'),
-        alias: 'View: Zoom In',
-      },
-      {
-        execute: () => {
-          this.electronMainUIService.setZoomFactor(electronEnv.currentWebContentsId, {
-            delta: 0.1,
-          });
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.zoomOut',
-        label: localize('view.zoomOut'),
-        alias: 'View: Zoom Out',
-      },
-      {
-        execute: () => {
-          this.electronMainUIService.setZoomFactor(electronEnv.currentWebContentsId, {
-            delta: -0.1,
-          });
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.zoomReset',
-        label: localize('view.zoomReset'),
-        alias: 'View: Zoom Reset',
-      },
-      {
-        execute: () => {
-          this.electronMainUIService.setZoomFactor(electronEnv.currentWebContentsId, {
-            value: 1,
-          });
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.reload',
-        label: localize('window.reload'),
-        alias: 'Reload Window',
-      },
-      {
-        execute: () => {
-          this.electronMainLifeCycleService.reloadWindow(electronEnv.currentWindowId);
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.revealInFinder',
-        label: localize('explorer.electron.revealInFinder'),
-      },
-      {
-        execute: (uri: URI) => {
-          if (uri && uri.scheme === Schemes.file) {
-            this.electronMainUIService.revealInFinder(uri.codeUri.fsPath);
-          }
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.revealInFinderTab',
-        label: localize('explorer.electron.revealInFinder'),
-      },
-      {
-        execute: ({ uri }: { uri?: URI } = {}) => {
-          if (uri && uri.scheme === Schemes.file) {
-            this.electronMainUIService.revealInFinder(uri.codeUri.fsPath);
-          }
-        },
-      },
-    );
-
-    commands.registerCommand(
-      {
-        id: 'electron.openInSystemTerminal',
-        label: localize('explorer.electron.openInSystemTerminal'),
-      },
-      {
-        execute: (uri: URI) => {
-          if (uri && uri.scheme === Schemes.file) {
-            try {
-              this.electronMainUIService.revealInSystemTerminal(uri.codeUri.fsPath);
-            } catch (e) {
-              this.logger.error(e);
-              this.messageService.error(
-                formatLocalize('explorer.electron.openInSystemTerminal.error', uri.displayName, e.message),
-              );
-            }
-          }
-        },
-      },
-    );
-  }
-
-  registerKeybindings(keybindings: KeybindingRegistry) {
-    nativeRoles.forEach((role) => {
-      if (role.key) {
-        keybindings.registerKeybinding({
-          command: 'electron.' + role.name,
-          keybinding: role.key,
-          when: role.when,
-          priority: Number.MIN_SAFE_INTEGER, // 永远在最后被命中
-        });
-      }
-    });
-
-    keybindings.registerKeybinding({
-      command: 'electron.reload',
-      keybinding: 'shift+ctrlcmd+r',
-    });
-
-    keybindings.registerKeybinding({
-      command: 'electron.zoomIn',
-      keybinding: isWindows ? 'alt+=' : 'ctrlcmd+=',
-    });
-
-    keybindings.registerKeybinding({
-      command: 'electron.zoomOut',
-      keybinding: isWindows ? 'alt+-' : 'ctrlcmd+-',
-    });
-    keybindings.registerKeybinding({
-      command: 'electron.zoomReset',
-      keybinding: isWindows ? 'alt+numpad0' : 'ctrlcmd+numpad0',
-    });
-  }
-
-  onStart() {
-    if (isOSX) {
-      this.electronMenuBarService.start();
-    }
-
-    // 注册drag drop file的行为
-    this.eventBus.on(EditorGroupFileDropEvent, async (event) => {
-      const payload = event.payload;
-      // fileList 只能这样遍历
-      for (let i = 0; i < payload.files.length; i++) {
-        const file = payload.files[i];
-        let group = event.payload.group;
-        if (file.path) {
-          const fileURI = URI.file(file.path);
-          const options: IResourceOpenOptions = {
-            index: event.payload.tabIndex !== -1 ? event.payload.tabIndex : undefined,
-          };
-          // 只有第一个才split
-          if (i === 0 && event.payload.position && event.payload.position !== DragOverPosition.CENTER) {
-            options.split = getSplitActionFromDragDrop(event.payload.position);
-          }
-          // 只有最后一个才可能为 preview
-          if (i < payload.files.length - 1) {
-            options.preview = false;
-          }
-          const res = await group.open(fileURI, options);
-          if (res) {
-            // split后当前group会变动
-            group = res.group;
-          }
-        }
-      }
-    });
-
-    // override broswer modules
-    this.injector.overrideProviders({
-      token: IClipboardService,
-      useClass: ElectronClipboardService,
-    });
-  }
-}

package/src/browser/welcome/common.ts

@@ -1,4 +0,0 @@
-export interface IWelcomeMetaData {
-  recentWorkspaces: string[];
-  recentFiles: string[];
-}

package/src/browser/welcome/contribution.ts

@@ -1,64 +0,0 @@
-import { Autowired } from '@opensumi/di';
-import { Domain, URI, localize, ClientAppContribution, RecentFilesManager } from '@opensumi/ide-core-browser';
-import { ResourceService, IResource, WorkbenchEditorService } from '@opensumi/ide-editor';
-import {
-  BrowserEditorContribution,
-  EditorComponentRegistry,
-  EditorComponentRenderMode,
-} from '@opensumi/ide-editor/lib/browser';
-import { IWorkspaceService } from '@opensumi/ide-workspace';
-
-import { IWelcomeMetaData } from './common';
-import { EditorWelcomeComponent } from './welcome';
-
-@Domain(BrowserEditorContribution, ClientAppContribution)
-export class WelcomeContribution implements BrowserEditorContribution, ClientAppContribution {
-  @Autowired(IWorkspaceService)
-  private readonly workspaceService: IWorkspaceService;
-
-  @Autowired(WorkbenchEditorService)
-  private readonly editorService: WorkbenchEditorService;
-
-  @Autowired(RecentFilesManager)
-  private readonly recentFilesManager: RecentFilesManager;
-
-  registerEditorComponent(registry: EditorComponentRegistry) {
-    registry.registerEditorComponent({
-      uid: 'welcome',
-      scheme: 'welcome',
-      component: EditorWelcomeComponent,
-      renderMode: EditorComponentRenderMode.ONE_PER_WORKBENCH,
-    });
-    registry.registerEditorComponentResolver('welcome', (resource, results) => {
-      results.push({
-        type: 'component',
-        componentId: 'welcome',
-      });
-    });
-  }
-
-  registerResource(service: ResourceService) {
-    service.registerResourceProvider({
-      scheme: 'welcome',
-      provideResource: async (uri: URI): Promise<IResource<IWelcomeMetaData>> =>
-        Promise.all([
-          this.workspaceService.getMostRecentlyUsedWorkspaces(),
-          this.recentFilesManager.getMostRecentlyOpenedFiles(),
-        ]).then(([workspaces, files]) => ({
-          uri,
-          name: localize('welcome.title'),
-          icon: '',
-          metadata: {
-            recentWorkspaces: workspaces || [],
-            recentFiles: files || [],
-          },
-        })),
-    });
-  }
-
-  onDidStart() {
-    if (!this.workspaceService.workspace) {
-      this.editorService.open(new URI('welcome://'));
-    }
-  }
-}

package/src/browser/welcome/welcome.module.less

@@ -1,13 +0,0 @@
-.welcome {
-  h1 {
-    color: var(--foreground);
-  }
-  padding: 10px 20px;
-  > div {
-    margin-bottom: 20px;
-  }
-
-  .recentRow {
-    padding: 2px;
-  }
-}

package/src/browser/welcome/welcome.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-
-import {
-  useInjectable,
-  localize,
-  FileUri,
-  URI,
-  CommandService,
-  FILE_COMMANDS,
-  IWindowService,
-} from '@opensumi/ide-core-browser';
-import { ReactEditorComponent } from '@opensumi/ide-editor/lib/browser';
-
-import { IWelcomeMetaData } from './common';
-import styles from './welcome.module.less';
-
-export const EditorWelcomeComponent: ReactEditorComponent<IWelcomeMetaData> = ({ resource }) => {
-  const commandService: CommandService = useInjectable(CommandService);
-  const windowService: IWindowService = useInjectable(IWindowService);
-
-  return (
-    <div className={styles.welcome}>
-      <div>
-        <h1>{localize('welcome.quickStart')}</h1>
-        <div>
-          <a
-            onClick={() => {
-              commandService.executeCommand(FILE_COMMANDS.OPEN_FOLDER.id, { newWindow: false });
-            }}
-          >
-            {localize('file.open.folder')}
-          </a>
-        </div>
-      </div>
-      <div>
-        <h1>{localize('welcome.recent.workspace')}</h1>
-        {resource.metadata!.recentWorkspaces.map((workspace) => {
-          let workspacePath = workspace;
-          if (workspace.startsWith('file://')) {
-            workspacePath = FileUri.fsPath(workspace);
-          }
-          return (
-            <div key={workspace} className={styles.recentRow}>
-              <a
-                onClick={() => {
-                  windowService.openWorkspace(new URI(workspace), { newWindow: false });
-                }}
-              >
-                {workspacePath}
-              </a>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
-};

package/src/common/header.ts

@@ -1,40 +0,0 @@
-import { Event } from '@opensumi/ide-core-browser';
-export const IElectronHeaderService = Symbol('IElectronHeaderService');
-
-export interface IElectronHeaderService {
-  /**
-   * 如果你的 template 中包含自定义变量，请先通过 setTemplateVariables 注入变量后，再调用该函数。
-   */
-  titleTemplate: string;
-  /**
-   * 占位符 ${separator} 的值
-   */
-  separator: string;
-  appTitle: string;
-  onTitleChanged: Event<string>;
-  /**
-   * 可以让集成方定义可替换的 variables。
-   * 如小程序开发者工具注入了一个 ${projectName}，含义为用户当前项目的名字。
-   */
-  setTemplateVariables(key: string, value: string | undefined): void;
-
-  /**
-   * 默认支持的变量有下面这些，也支持集成方通过 setTemplateVariables 自己注入
-   * Controls the window title based on the active editor. Variables are substituted based on the context:
-   * - `${activeEditorShort}`: the file name (e.g. myFile.txt).
-   * - `${activeEditorMedium}`: the path of the file relative to the workspace folder (e.g. myFolder/myFileFolder/myFile.txt).
-   * - `${activeEditorLong}`: the full path of the file (e.g. /Users/Development/myFolder/myFileFolder/myFile.txt).
-   * - `${activeFolderShort}`: the name of the folder the file is contained in (e.g. myFileFolder).
-   * - `${activeFolderMedium}`: the path of the folder the file is contained in, relative to the workspace folder (e.g. myFolder/myFileFolder).
-   * - `${activeFolderLong}`: the full path of the folder the file is contained in (e.g. /Users/Development/myFolder/myFileFolder).
-   * - `${folderName}`: name of the workspace folder the file is contained in (e.g. myFolder).
-   * - `${folderPath}`: file path of the workspace folder the file is contained in (e.g. /Users/Development/myFolder).
-   * - `${rootName}`: name of the opened workspace or folder (e.g. myFolder or myWorkspace).
-   * - `${rootPath}`: file path of the opened workspace or folder (e.g. /Users/Development/myWorkspace).
-   * - `${appName}`: e.g. VS Code.
-   * - `${remoteName}`: e.g. SSH
-   * - `${dirty}`: an indicator for when the active editor has unsaved changes.
-   * - `${separator}`: a conditional separator (" - ") that only shows when surrounded by variables with values or static text.
-   */
-  formatAppTitle(): string;
-}