@lvce-editor/title-bar-worker 3.16.0 → 3.18.0

package/dist/titleBarWorkerMain.js

@@ -1040,8 +1040,331 @@ const createMockRpc = ({
   return mockRpc;
 };
 
+const ContentInfo = 'contentinfo';
+const Menu$1 = 'menu';
+const MenuBar$1 = 'menubar';
+const MenuItem$1 = 'menuitem';
+const MenuItemCheckBox = 'menuitemcheckbox';
+const None$1 = 'none';
+const Separator$2 = 'separator';
+
+const Button$1 = 1;
+const Div = 4;
+const Span = 8;
+const Text = 12;
+const I = 16;
+const Img = 17;
+
+const Button = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const TargetName = 'event.target.name';
+
+const Backspace$1 = 1;
+const Tab$1 = 2;
+const Enter$1 = 3;
+const Escape$1 = 8;
+const Space$1 = 9;
+const PageUp$1 = 10;
+const PageDown$1 = 11;
+const End$1 = 255;
+const Home$1 = 12;
+const LeftArrow$1 = 13;
+const UpArrow$1 = 14;
+const RightArrow$1 = 15;
+const DownArrow$1 = 16;
+const Insert$1 = 17;
+const Delete$1 = 18;
+const Digit0$1 = 19;
+const Digit1$1 = 20;
+const Digit2$1 = 21;
+const Digit3$1 = 22;
+const Digit4$1 = 23;
+const Digit5$1 = 24;
+const Digit6$1 = 25;
+const Digit7$1 = 26;
+const Digit8$1 = 27;
+const Digit9$1 = 28;
+const KeyA$1 = 29;
+const KeyB$1 = 30;
+const KeyC$1 = 31;
+const KeyD$1 = 32;
+const KeyE$1 = 33;
+const KeyF$1 = 34;
+const KeyG$1 = 35;
+const KeyH$1 = 36;
+const KeyI$1 = 37;
+const KeyJ$1 = 38;
+const KeyK$1 = 39;
+const KeyL$1 = 40;
+const KeyM$1 = 41;
+const KeyN$1 = 42;
+const KeyO$1 = 43;
+const KeyP$1 = 44;
+const KeyQ$1 = 45;
+const KeyR$1 = 46;
+const KeyS$1 = 47;
+const KeyT$1 = 48;
+const KeyU$1 = 49;
+const KeyV$1 = 50;
+const KeyW$1 = 51;
+const KeyX$1 = 52;
+const KeyY$1 = 53;
+const KeyZ$1 = 54;
+const F1$1 = 57;
+const F2$1 = 58;
+const F3$1 = 59;
+const F4$1 = 60;
+const F5$1 = 61;
+const F6$1 = 62;
+const Equal$1 = 84;
+const Comma$1 = 85;
+const Minus$1 = 86;
+const Backquote$1 = 89;
+const Backslash$1 = 91;
+const Star$1 = 131;
+const Plus$1 = 132;
+
+const Unknown = 'Unknown';
+const Backspace = 'Backspace';
+const Tab = 'Tab';
+const Enter = 'Enter';
+const Escape = 'Escape';
+const Space = 'Space';
+const PageUp = 'PageUp';
+const PageDown = 'PageDown';
+const End = 'End';
+const Home = 'Home';
+const LeftArrow = 'LeftArrow';
+const UpArrow = 'UpArrow';
+const RightArrow = 'RightArrow';
+const DownArrow = 'DownArrow';
+const Insert = 'Insert';
+const Delete = 'Delete';
+const Digit0 = '0';
+const Digit1 = '1';
+const Digit2 = '2';
+const Digit3 = '3';
+const Digit4 = '4';
+const Digit5 = '5';
+const Digit6 = '6';
+const Digit7 = '7';
+const Digit8 = '8';
+const Digit9 = '9';
+const KeyA = 'a';
+const KeyB = 'b';
+const KeyC = 'c';
+const KeyD = 'd';
+const KeyE = 'e';
+const KeyF = 'f';
+const KeyG = 'g';
+const KeyH = 'h';
+const KeyI = 'i';
+const KeyJ = 'j';
+const KeyK = 'k';
+const KeyL = 'l';
+const KeyM = 'm';
+const KeyN = 'n';
+const KeyO = 'o';
+const KeyP = 'p';
+const KeyQ = 'q';
+const KeyR = 'r';
+const KeyS = 's';
+const KeyT = 't';
+const KeyU = 'u';
+const KeyV = 'v';
+const KeyW = 'w';
+const KeyX = 'x';
+const KeyY = 'y';
+const KeyZ = 'z';
+const F1 = 'F1';
+const F2 = 'F2';
+const F3 = 'F3';
+const F4 = 'F4';
+const F5 = 'F5';
+const F6 = 'F6';
+const Equal = '=';
+const Comma = ',';
+const Minus = 'Minus';
+const Backquote = 'Backquote';
+const Backslash = 'Backslash';
+const Star = '*';
+const Plus = '+';
+
+const getKeyCodeString = keyCode => {
+  switch (keyCode) {
+    case Backquote$1:
+      return Backquote;
+    case Backslash$1:
+      return Backslash;
+    case Backspace$1:
+      return Backspace;
+    case Comma$1:
+      return Comma;
+    case Delete$1:
+      return Delete;
+    case Digit0$1:
+      return Digit0;
+    case Digit1$1:
+      return Digit1;
+    case Digit2$1:
+      return Digit2;
+    case Digit3$1:
+      return Digit3;
+    case Digit4$1:
+      return Digit4;
+    case Digit5$1:
+      return Digit5;
+    case Digit6$1:
+      return Digit6;
+    case Digit7$1:
+      return Digit7;
+    case Digit8$1:
+      return Digit8;
+    case Digit9$1:
+      return Digit9;
+    case DownArrow$1:
+      return DownArrow;
+    case End$1:
+      return End;
+    case Enter$1:
+      return Enter;
+    case Equal$1:
+      return Equal;
+    case Escape$1:
+      return Escape;
+    case F1$1:
+      return F1;
+    case F2$1:
+      return F2;
+    case F3$1:
+      return F3;
+    case F4$1:
+      return F4;
+    case F5$1:
+      return F5;
+    case F6$1:
+      return F6;
+    case Home$1:
+      return Home;
+    case Insert$1:
+      return Insert;
+    case KeyA$1:
+      return KeyA;
+    case KeyB$1:
+      return KeyB;
+    case KeyC$1:
+      return KeyC;
+    case KeyD$1:
+      return KeyD;
+    case KeyE$1:
+      return KeyE;
+    case KeyF$1:
+      return KeyF;
+    case KeyG$1:
+      return KeyG;
+    case KeyH$1:
+      return KeyH;
+    case KeyI$1:
+      return KeyI;
+    case KeyJ$1:
+      return KeyJ;
+    case KeyK$1:
+      return KeyK;
+    case KeyL$1:
+      return KeyL;
+    case KeyM$1:
+      return KeyM;
+    case KeyN$1:
+      return KeyN;
+    case KeyO$1:
+      return KeyO;
+    case KeyP$1:
+      return KeyP;
+    case KeyQ$1:
+      return KeyQ;
+    case KeyR$1:
+      return KeyR;
+    case KeyS$1:
+      return KeyS;
+    case KeyT$1:
+      return KeyT;
+    case KeyU$1:
+      return KeyU;
+    case KeyV$1:
+      return KeyV;
+    case KeyW$1:
+      return KeyW;
+    case KeyX$1:
+      return KeyX;
+    case KeyY$1:
+      return KeyY;
+    case KeyZ$1:
+      return KeyZ;
+    case LeftArrow$1:
+      return LeftArrow;
+    case Minus$1:
+      return Minus;
+    case PageDown$1:
+      return PageDown;
+    case PageUp$1:
+      return PageUp;
+    case Plus$1:
+      return Plus;
+    case RightArrow$1:
+      return RightArrow;
+    case Space$1:
+      return Space;
+    case Star$1:
+      return Star;
+    case Tab$1:
+      return Tab;
+    case UpArrow$1:
+      return UpArrow;
+    default:
+      return Unknown;
+  }
+};
+
+const CtrlCmd = 1 << 11 >>> 0;
+const Shift = 1 << 10 >>> 0;
+
+const Edit$2 = 2;
+const File$3 = 5;
+const Go$2 = 6;
+const Help$3 = 7;
+const OpenRecent$1 = 9;
+const Run$2 = 10;
+const Selection$2 = 11;
+const Terminal$2 = 14;
+const TitleBar$1 = 15;
+const View$2 = 16;
+const TitleBarContextMenu = 90;
+
+const SubMenu$2 = 4;
+
+const parseKey = rawKey => {
+  const isCtrl = Boolean(rawKey & CtrlCmd);
+  const isShift = Boolean(rawKey & Shift);
+  const keyCode = rawKey & 0x00_00_00_ff;
+  const key = getKeyCodeString(keyCode);
+  return {
+    isCtrl,
+    isShift,
+    key
+  };
+};
+
+const Electron$1 = 2;
+
 const RendererWorker = 1;
 
+const FocusSelector = 'Viewlet.focusSelector';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+
+const FocusTitleBarMenuBar = 26;
+
 const rpcs = Object.create(null);
 const set$2 = (id, rpc) => {
   rpcs[id] = rpc;
@@ -1211,7 +1534,7 @@ const terminate = () => {
 };
 
 const Web = 1;
-const Electron$1 = 2;
+const Electron = 2;
 const Remote = 3;
 
 const DEFAULT_UID = 1;
@@ -1233,7 +1556,7 @@ const createDefaultState = (uid = DEFAULT_UID) => ({
   labelPadding: 8,
   layoutControlsEnabled: false,
   menus: [],
-  platform: Electron$1,
+  platform: Electron,
   title: '',
   titleBarButtons: [],
   titleBarButtonsEnabled: true,
@@ -1282,22 +1605,22 @@ const CheckForUpdates = 'Check For Updates';
 const ClearRecentlyOpened = 'Clear Recently Opened';
 const Close = 'Close';
 const Exit = 'Exit';
-const MenuBar$1 = 'Menu Bar';
+const MenuBar = 'Menu Bar';
 const CommandCenter = 'Command Center';
-const Edit$2 = 'Edit';
-const File$3 = 'File';
-const Go$2 = 'Go';
-const Help$3 = 'Help';
+const Edit$1 = 'Edit';
+const File$2 = 'File';
+const Go$1 = 'Go';
+const Help$2 = 'Help';
 const Maximize = 'Maximize';
 const Minimize = 'Minimize';
 const MoreDot = 'More ...';
 const NewTerminal = 'New Terminal';
 const OpenProcessExplorer = 'Open Process Explorer';
-const Run$2 = 'Run';
-const Selection$2 = 'Selection';
-const Terminal$2 = 'Terminal';
+const Run$1 = 'Run';
+const Selection$1 = 'Selection';
+const Terminal$1 = 'Terminal';
 const ToggleDeveloperTools = 'Toggle Developer Tools';
-const View$2 = 'View';
+const View$1 = 'View';
 const AddCursorAbove = 'Add Cursor Above';
 const AddCursorBelow = 'Add Cursor Below';
 const AddCursorsToLineEnds = 'Add Cursors to Line ends';
@@ -1321,28 +1644,28 @@ const ToggleLineComment = 'Toggle Line Comment';
 const Undo$1 = 'Undo';
 
 const file = () => {
-  return i18nString(File$3);
+  return i18nString(File$2);
 };
 const edit = () => {
-  return i18nString(Edit$2);
+  return i18nString(Edit$1);
 };
 const selection = () => {
-  return i18nString(Selection$2);
+  return i18nString(Selection$1);
 };
 const view = () => {
-  return i18nString(View$2);
+  return i18nString(View$1);
 };
 const go = () => {
-  return i18nString(Go$2);
+  return i18nString(Go$1);
 };
 const run = () => {
-  return i18nString(Run$2);
+  return i18nString(Run$1);
 };
 const terminal = () => {
-  return i18nString(Terminal$2);
+  return i18nString(Terminal$1);
 };
 const help = () => {
-  return i18nString(Help$3);
+  return i18nString(Help$2);
 };
 const minimize$1 = () => {
   return i18nString(Minimize);
@@ -1354,7 +1677,7 @@ const close$1 = () => {
   return i18nString(Close);
 };
 const menuBar = () => {
-  return i18nString(MenuBar$1);
+  return i18nString(MenuBar);
 };
 const commandCenter = () => {
   return i18nString(CommandCenter);
@@ -1394,439 +1717,127 @@ const getTitleBarButtonsElectron = (controlsOverlayEnabled, titleBarStyleCustom)
       icon: 'Minimize',
       id: 'Minimize',
       label: minimize$1(),
-      onClick: HandleClickMinimize
-    }, {
-      icon: 'Maximize',
-      id: 'ToggleMaximize',
-      label: maximize$1(),
-      onClick: HandleClickToggleMaximize
-    }, {
-      icon: 'ChromeClose',
-      id: 'Close',
-      label: close$1(),
-      onClick: HandleClickClose
-    }];
-  }
-  return [];
-};
-
-const getTitleBarButtonsRemote = () => {
-  return [];
-};
-
-const getTitleBarButtonsWeb = () => {
-  return [];
-};
-
-const getTitleBarButtons = (platform, controlsOverlayEnabled, titleBarStyleCustom) => {
-  switch (platform) {
-    case Electron$1:
-      return getTitleBarButtonsElectron(controlsOverlayEnabled, titleBarStyleCustom);
-    case Remote:
-      return getTitleBarButtonsRemote();
-    case Web:
-      return getTitleBarButtonsWeb();
-    default:
-      return [];
-  }
-};
-
-const {
-  get,
-  getCommandIds,
-  registerCommands,
-  set,
-  wrapCommand,
-  wrapGetter
-} = create$1();
-
-const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled, titleBarStyleCustom, assetDir) => {
-  const titleBarButtons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
-  const state = {
-    ...createDefaultState(),
-    assetDir,
-    commandCenterEnabled: false,
-    commandMap: {},
-    controlsOverlayEnabled,
-    focused: false,
-    focusedIndex: -1,
-    height,
-    iconWidth: 30,
-    isMenuOpen: false,
-    labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
-    labelFontSize: 13,
-    labelFontWeight: 400,
-    labelLetterSpacing: 0,
-    labelPadding: 8,
-    layoutControlsEnabled: false,
-    menus: [],
-    platform,
-    titleBarButtons,
-    titleBarEntries: [],
-    titleBarHeight: height,
-    titleBarStyleCustom,
-    uid: id,
-    width,
-    workspaceUri: '',
-    x,
-    y
-  };
-  set(id, state, state);
-};
-
-const isEqual$3 = (oldState, newState) => {
-  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.title === newState.title && oldState.workspaceUri === newState.workspaceUri;
-};
-
-const isEqual$2 = (oldState, newState) => {
-  return oldState.focused || !newState.focused;
-};
-
-const isEqual$1 = (oldState, newState) => {
-  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
-};
-
-const isEqual = (oldState, newState) => {
-  return oldState.menus === newState.menus;
-};
-
-const RenderEntries = 1;
-const RenderFocusedIndex = 2;
-const RenderMenus = 3;
-const RenderFocusContext = 4;
-
-const modules = [isEqual$3, isEqual$1, isEqual, isEqual$2];
-const numbers = [RenderEntries, RenderFocusedIndex, RenderMenus, RenderFocusContext];
-
-const diff3 = uid => {
-  const {
-    newState,
-    oldState
-  } = get(uid);
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
-const ContentInfo = 'contentinfo';
-
-const Div$1 = 4;
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const TargetName = 'event.target.name';
-
-const Backspace$1 = 1;
-const Tab$1 = 2;
-const Enter$1 = 3;
-const Escape$2 = 8;
-const Space$2 = 9;
-const PageUp$1 = 10;
-const PageDown$1 = 11;
-const End$2 = 255;
-const Home$2 = 12;
-const LeftArrow$2 = 13;
-const UpArrow$2 = 14;
-const RightArrow$2 = 15;
-const DownArrow$2 = 16;
-const Insert$1 = 17;
-const Delete$1 = 18;
-const Digit0$1 = 19;
-const Digit1$1 = 20;
-const Digit2$1 = 21;
-const Digit3$1 = 22;
-const Digit4$1 = 23;
-const Digit5$1 = 24;
-const Digit6$1 = 25;
-const Digit7$1 = 26;
-const Digit8$1 = 27;
-const Digit9$1 = 28;
-const KeyA$1 = 29;
-const KeyB$1 = 30;
-const KeyC$1 = 31;
-const KeyD$1 = 32;
-const KeyE$1 = 33;
-const KeyF$1 = 34;
-const KeyG$1 = 35;
-const KeyH$1 = 36;
-const KeyI$1 = 37;
-const KeyJ$1 = 38;
-const KeyK$1 = 39;
-const KeyL$1 = 40;
-const KeyM$1 = 41;
-const KeyN$1 = 42;
-const KeyO$1 = 43;
-const KeyP$1 = 44;
-const KeyQ$1 = 45;
-const KeyR$1 = 46;
-const KeyS$1 = 47;
-const KeyT$1 = 48;
-const KeyU$1 = 49;
-const KeyV$1 = 50;
-const KeyW$1 = 51;
-const KeyX$1 = 52;
-const KeyY$1 = 53;
-const KeyZ$1 = 54;
-const F1$1 = 57;
-const F2$1 = 58;
-const F3$1 = 59;
-const F4$1 = 60;
-const F5$1 = 61;
-const F6$1 = 62;
-const Equal$1 = 84;
-const Comma$1 = 85;
-const Minus$1 = 86;
-const Backquote$1 = 89;
-const Backslash$1 = 91;
-const Star$1 = 131;
-const Plus$1 = 132;
-
-const Unknown = 'Unknown';
-const Backspace = 'Backspace';
-const Tab = 'Tab';
-const Enter = 'Enter';
-const Escape$1 = 'Escape';
-const Space$1 = 'Space';
-const PageUp = 'PageUp';
-const PageDown = 'PageDown';
-const End$1 = 'End';
-const Home$1 = 'Home';
-const LeftArrow$1 = 'LeftArrow';
-const UpArrow$1 = 'UpArrow';
-const RightArrow$1 = 'RightArrow';
-const DownArrow$1 = 'DownArrow';
-const Insert = 'Insert';
-const Delete = 'Delete';
-const Digit0 = '0';
-const Digit1 = '1';
-const Digit2 = '2';
-const Digit3 = '3';
-const Digit4 = '4';
-const Digit5 = '5';
-const Digit6 = '6';
-const Digit7 = '7';
-const Digit8 = '8';
-const Digit9 = '9';
-const KeyA = 'a';
-const KeyB = 'b';
-const KeyC = 'c';
-const KeyD = 'd';
-const KeyE = 'e';
-const KeyF = 'f';
-const KeyG = 'g';
-const KeyH = 'h';
-const KeyI = 'i';
-const KeyJ = 'j';
-const KeyK = 'k';
-const KeyL = 'l';
-const KeyM = 'm';
-const KeyN = 'n';
-const KeyO = 'o';
-const KeyP = 'p';
-const KeyQ = 'q';
-const KeyR = 'r';
-const KeyS = 's';
-const KeyT = 't';
-const KeyU = 'u';
-const KeyV = 'v';
-const KeyW = 'w';
-const KeyX = 'x';
-const KeyY = 'y';
-const KeyZ = 'z';
-const F1 = 'F1';
-const F2 = 'F2';
-const F3 = 'F3';
-const F4 = 'F4';
-const F5 = 'F5';
-const F6 = 'F6';
-const Equal = '=';
-const Comma = ',';
-const Minus = 'Minus';
-const Backquote = 'Backquote';
-const Backslash = 'Backslash';
-const Star = '*';
-const Plus = '+';
+      onClick: HandleClickMinimize
+    }, {
+      icon: 'Maximize',
+      id: 'ToggleMaximize',
+      label: maximize$1(),
+      onClick: HandleClickToggleMaximize
+    }, {
+      icon: 'ChromeClose',
+      id: 'Close',
+      label: close$1(),
+      onClick: HandleClickClose
+    }];
+  }
+  return [];
+};
 
-const getKeyCodeString = keyCode => {
-  switch (keyCode) {
-    case Backquote$1:
-      return Backquote;
-    case Backslash$1:
-      return Backslash;
-    case Backspace$1:
-      return Backspace;
-    case Comma$1:
-      return Comma;
-    case Delete$1:
-      return Delete;
-    case Digit0$1:
-      return Digit0;
-    case Digit1$1:
-      return Digit1;
-    case Digit2$1:
-      return Digit2;
-    case Digit3$1:
-      return Digit3;
-    case Digit4$1:
-      return Digit4;
-    case Digit5$1:
-      return Digit5;
-    case Digit6$1:
-      return Digit6;
-    case Digit7$1:
-      return Digit7;
-    case Digit8$1:
-      return Digit8;
-    case Digit9$1:
-      return Digit9;
-    case DownArrow$2:
-      return DownArrow$1;
-    case End$2:
-      return End$1;
-    case Enter$1:
-      return Enter;
-    case Equal$1:
-      return Equal;
-    case Escape$2:
-      return Escape$1;
-    case F1$1:
-      return F1;
-    case F2$1:
-      return F2;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case Home$2:
-      return Home$1;
-    case Insert$1:
-      return Insert;
-    case KeyA$1:
-      return KeyA;
-    case KeyB$1:
-      return KeyB;
-    case KeyC$1:
-      return KeyC;
-    case KeyD$1:
-      return KeyD;
-    case KeyE$1:
-      return KeyE;
-    case KeyF$1:
-      return KeyF;
-    case KeyG$1:
-      return KeyG;
-    case KeyH$1:
-      return KeyH;
-    case KeyI$1:
-      return KeyI;
-    case KeyJ$1:
-      return KeyJ;
-    case KeyK$1:
-      return KeyK;
-    case KeyL$1:
-      return KeyL;
-    case KeyM$1:
-      return KeyM;
-    case KeyN$1:
-      return KeyN;
-    case KeyO$1:
-      return KeyO;
-    case KeyP$1:
-      return KeyP;
-    case KeyQ$1:
-      return KeyQ;
-    case KeyR$1:
-      return KeyR;
-    case KeyS$1:
-      return KeyS;
-    case KeyT$1:
-      return KeyT;
-    case KeyU$1:
-      return KeyU;
-    case KeyV$1:
-      return KeyV;
-    case KeyW$1:
-      return KeyW;
-    case KeyX$1:
-      return KeyX;
-    case KeyY$1:
-      return KeyY;
-    case KeyZ$1:
-      return KeyZ;
-    case LeftArrow$2:
-      return LeftArrow$1;
-    case Minus$1:
-      return Minus;
-    case PageDown$1:
-      return PageDown;
-    case PageUp$1:
-      return PageUp;
-    case Plus$1:
-      return Plus;
-    case RightArrow$2:
-      return RightArrow$1;
-    case Space$2:
-      return Space$1;
-    case Star$1:
-      return Star;
-    case Tab$1:
-      return Tab;
-    case UpArrow$2:
-      return UpArrow$1;
+const getTitleBarButtonsRemote = () => {
+  return [];
+};
+
+const getTitleBarButtonsWeb = () => {
+  return [];
+};
+
+const getTitleBarButtons = (platform, controlsOverlayEnabled, titleBarStyleCustom) => {
+  switch (platform) {
+    case Electron:
+      return getTitleBarButtonsElectron(controlsOverlayEnabled, titleBarStyleCustom);
+    case Remote:
+      return getTitleBarButtonsRemote();
+    case Web:
+      return getTitleBarButtonsWeb();
     default:
-      return Unknown;
+      return [];
   }
 };
 
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
+const {
+  get,
+  getCommandIds,
+  registerCommands,
+  set,
+  wrapCommand,
+  wrapGetter
+} = create$1();
 
-const Edit$1 = 2;
-const File$2 = 5;
-const Go$1 = 6;
-const Help$2 = 7;
-const OpenRecent$1 = 9;
-const Run$1 = 10;
-const Selection$1 = 11;
-const Terminal$1 = 14;
-const TitleBar$1 = 15;
-const View$1 = 16;
-const TitleBarContextMenu = 90;
+const create3 = (id, uri, x, y, width, height, platform, controlsOverlayEnabled, titleBarStyleCustom, assetDir) => {
+  const titleBarButtons = getTitleBarButtons(platform, controlsOverlayEnabled, titleBarStyleCustom);
+  const state = {
+    ...createDefaultState(),
+    assetDir,
+    commandCenterEnabled: false,
+    commandMap: {},
+    controlsOverlayEnabled,
+    focused: false,
+    focusedIndex: -1,
+    height,
+    iconWidth: 30,
+    isMenuOpen: false,
+    labelFontFamily: 'system-ui, Ubuntu, Droid Sans, sans-serif',
+    labelFontSize: 13,
+    labelFontWeight: 400,
+    labelLetterSpacing: 0,
+    labelPadding: 8,
+    layoutControlsEnabled: false,
+    menus: [],
+    platform,
+    titleBarButtons,
+    titleBarEntries: [],
+    titleBarHeight: height,
+    titleBarStyleCustom,
+    uid: id,
+    width,
+    workspaceUri: '',
+    x,
+    y
+  };
+  set(id, state, state);
+};
 
-const SubMenu$2 = 4;
+const isEqual$3 = (oldState, newState) => {
+  return oldState.titleBarEntries === newState.titleBarEntries && oldState.width === newState.width && oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen && oldState.title === newState.title && oldState.workspaceUri === newState.workspaceUri;
+};
 
-const parseKey = rawKey => {
-  const isCtrl = Boolean(rawKey & CtrlCmd);
-  const isShift = Boolean(rawKey & Shift);
-  const keyCode = rawKey & 0x00_00_00_ff;
-  const key = getKeyCodeString(keyCode);
-  return {
-    isCtrl,
-    isShift,
-    key
-  };
+const isEqual$2 = (oldState, newState) => {
+  return oldState.focused || !newState.focused;
 };
 
-const Electron = 2;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.focusedIndex === newState.focusedIndex && oldState.isMenuOpen === newState.isMenuOpen;
+};
 
-const FocusSelector = 'Viewlet.focusSelector';
-const SetDom2 = 'Viewlet.setDom2';
-const SetFocusContext = 'Viewlet.setFocusContext';
+const isEqual = (oldState, newState) => {
+  return oldState.menus === newState.menus;
+};
 
-const FocusTitleBarMenuBar = 26;
+const RenderEntries = 1;
+const RenderFocusedIndex = 2;
+const RenderMenus = 3;
+const RenderFocusContext = 4;
+
+const modules = [isEqual$3, isEqual$1, isEqual, isEqual$2];
+const numbers = [RenderEntries, RenderFocusedIndex, RenderMenus, RenderFocusContext];
+
+const diff3 = uid => {
+  const {
+    newState,
+    oldState
+  } = get(uid);
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
+};
 
-const Separator$2 = 1;
-const None$1 = 0;
+const Separator$1 = 1;
+const None = 0;
 const SubMenu$1 = 4;
 const Checked = 2;
 const Unchecked = 3;
@@ -1860,7 +1871,7 @@ const getMenuEntriesTitleBarContextMenu = async state => {
 
 const MenuIdTitleBarContextMenu = 50;
 const getMenuIds = () => {
-  return [Edit$1, File$2, Go$1, Help$2, OpenRecent$1, Run$1, Selection$1, Terminal$1, TitleBar$1, View$1, MenuIdTitleBarContextMenu, TitleBarContextMenu];
+  return [Edit$2, File$3, Go$2, Help$3, OpenRecent$1, Run$2, Selection$2, Terminal$2, TitleBar$1, View$2, MenuIdTitleBarContextMenu, TitleBarContextMenu];
 };
 
 const cut = () => {
@@ -1929,7 +1940,7 @@ const selectAllOccurrences = () => {
 
 const menuEntrySeparator = {
   command: '',
-  flags: Separator$2,
+  flags: Separator$1,
   id: 'separator',
   label: ''
 };
@@ -1937,37 +1948,37 @@ const menuEntrySeparator = {
 const getMenuEntries$c = () => {
   return [{
     command: /* TODO */'-1',
-    flags: None$1,
+    flags: None,
     id: 'undo',
     label: undo()
   }, {
     command: /* TODO */'-1',
-    flags: None$1,
+    flags: None,
     id: 'redo',
     label: redo()
   }, menuEntrySeparator, {
     command: /* Editor.cut */'Editor.cut',
-    flags: None$1,
+    flags: None,
     id: 'cut',
     label: cut()
   }, {
     command: /* Editor.copy */'Editor.copy',
-    flags: None$1,
+    flags: None,
     id: 'copy',
     label: copy()
   }, {
     command: /* Editor.paste */'Editor.paste',
-    flags: None$1,
+    flags: None,
     id: 'paste',
     label: paste()
   }, menuEntrySeparator, {
     command: /* Editor.toggleLineComment */'Editor.toggleLineComment',
-    flags: None$1,
+    flags: None,
     id: 'toggle-line-comment',
     label: toggleLineComment()
   }, {
     command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment',
-    flags: None$1,
+    flags: None,
     id: 'toggle-block-comment',
     label: toggleBlockComment()
   }];
@@ -2023,18 +2034,18 @@ const View = 16;
 
 const getMenuEntries$b = platform => {
   const entries = [{
-    command: '-1',
-    flags: None$1,
+    command: 'Main.newFile',
+    flags: None,
     id: 'newFile',
     label: newFile()
   }, {
     command: 'Window.openNew',
-    flags: None$1,
+    flags: None,
     id: 'newWindow',
     label: newWindow()
   }, menuEntrySeparator, {
     command: 'Dialog.openFile',
-    flags: None$1,
+    flags: None,
     id: 'openFile',
     label: openFile()
   }, {
@@ -2049,16 +2060,16 @@ const getMenuEntries$b = platform => {
     label: openRecent()
   }, menuEntrySeparator, {
     command: 'Main.save',
-    flags: None$1,
+    flags: None,
     id: 'save',
     label: save()
   }, {
     command: 'Main.saveAll',
-    flags: None$1,
+    flags: None,
     id: 'saveAll',
     label: saveAll()
   }];
-  if (platform === Electron$1) {
+  if (platform === Electron) {
     entries.push(menuEntrySeparator, {
       command: 'Chrome.exit',
       flags: Ignore,
@@ -2087,7 +2098,7 @@ const about = () => {
 };
 
 const isAutoUpdateSupported = platform => {
-  if (platform !== Electron$1) {
+  if (platform !== Electron) {
     return false;
   }
   return false;
@@ -2099,7 +2110,7 @@ const getMenuEntries$9 = async platform => {
   if (platform !== Web) {
     entries.push({
       command: 'Developer.toggleDeveloperTools',
-      flags: None$1,
+      flags: None,
       id: 'toggleDeveloperTools',
       label: toggleDeveloperTools()
     }, {
@@ -2122,7 +2133,7 @@ const getMenuEntries$9 = async platform => {
   }
   entries.push({
     command: 'About.showAbout',
-    flags: None$1,
+    flags: None,
     id: 'about',
     label: about()
   });
@@ -2163,7 +2174,7 @@ const toMenuItem = folder => {
   return {
     args: [folder],
     command: 'Workspace.setPath',
-    flags: None$1,
+    flags: None,
     label
   };
 };
@@ -2176,12 +2187,12 @@ const getMenuEntries$8 = async () => {
   }
   items.push({
     command: 'QuickPick.showRecent',
-    flags: None$1,
+    flags: None,
     id: 'more',
     label: moreDot()
   }, menuEntrySeparator, {
     command: 'RecentlyOpened.clearRecentlyOpened',
-    flags: None$1,
+    flags: None,
     id: 'clearRecentlyOpened',
     label: clearRecentlyOpened()
   });
@@ -2195,72 +2206,72 @@ const getMenuEntries$7 = () => {
 const getMenuEntries$6 = () => {
   return [{
     command: 'Editor.selectAll',
-    flags: None$1,
+    flags: None,
     id: 'selectAll',
     label: selectAll()
   }, {
     command: 'Editor.expandSelection',
-    flags: None$1,
+    flags: None,
     id: 'expandSelection',
     label: expandSelection()
   }, {
     command: 'Editor.shrinkSelection',
-    flags: None$1,
+    flags: None,
     id: 'shrinkSelection',
     label: shrinkSelection()
   }, menuEntrySeparator, {
     command: 'Editor.copyLineUp',
-    flags: None$1,
+    flags: None,
     id: 'copyLineUp',
     label: copyLineUp()
   }, {
     command: 'Editor.copyLineDown',
-    flags: None$1,
+    flags: None,
     id: 'copyLineDown',
     label: copyLineDown()
   }, {
     command: 'Editor.moveLineUp',
-    flags: None$1,
+    flags: None,
     id: 'moveLineUp',
     label: moveLineUp()
   }, {
     command: 'Editor.moveLineDown',
-    flags: None$1,
+    flags: None,
     id: 'moveLineDown',
     label: moveLineDown()
   }, {
     command: 'Editor.duplicateSelection',
-    flags: None$1,
+    flags: None,
     id: 'duplicateSelection',
     label: duplicateSelection()
   }, menuEntrySeparator, {
     command: 'Editor.addCursorAbove',
-    flags: None$1,
+    flags: None,
     id: 'addCursorAbove',
     label: addCursorAbove()
   }, {
     command: 'Editor.addCursorBelow',
-    flags: None$1,
+    flags: None,
     id: 'addCursorBelow',
     label: addCursorBelow()
   }, {
     command: 'Editor.addCursorsToLineEnds',
-    flags: None$1,
+    flags: None,
     id: 'addCursorsToLineEnds',
     label: addCursorsToLineEnds()
   }, {
     command: 'Editor.addNextOccurrence',
-    flags: None$1,
+    flags: None,
     id: 'addNextOccurrence',
     label: addNextOccurrence()
   }, {
     command: 'Editor.addPreviousOccurrence',
-    flags: None$1,
+    flags: None,
     id: 'addPreviousOccurrence',
     label: addPreviousOccurrence()
   }, {
     command: 'Editor.selectAllOccurrences',
-    flags: None$1,
+    flags: None,
     id: 'selectAllOccurrences',
     label: selectAllOccurrences()
   }];
@@ -2270,7 +2281,7 @@ const getMenuEntries$5 = () => {
   return [{
     args: ['Terminal'],
     command: 'Layout.togglePanel',
-    flags: None$1,
+    flags: None,
     id: 'newTerminal',
     label: i18nString(NewTerminal)
   }];
@@ -2326,32 +2337,32 @@ const getMenuEntries$4 = () => {
 const getMenuEntries$3 = () => {
   return [{
     command: '',
-    flags: None$1,
+    flags: None,
     id: File$1,
     label: file()
   }, {
     command: '',
-    flags: None$1,
+    flags: None,
     id: Edit,
     label: edit()
   }, {
     command: '',
-    flags: None$1,
+    flags: None,
     id: Selection,
     label: selection()
   }, {
     command: '',
-    flags: None$1,
+    flags: None,
     id: View,
     label: view()
   }, {
     command: '',
-    flags: None$1,
+    flags: None,
     id: Go,
     label: go()
   }, {
     command: '',
-    flags: None$1,
+    flags: None,
     id: Help$1,
     label: help()
   }];
@@ -2376,28 +2387,28 @@ const getMenuEntries$1 = () => {
 
 const getMenuEntries2 = async (state, props) => {
   switch (props.menuId) {
-    case Edit$1:
+    case Edit$2:
       return getMenuEntries$c();
-    case File$2:
+    case File$3:
       return getMenuEntries$b(props.platform);
-    case Go$1:
+    case Go$2:
       return getMenuEntries$a();
-    case Help$2:
+    case Help$3:
       return getMenuEntries$9(props.platform);
     case OpenRecent$1:
       return getMenuEntries$8();
-    case Run$1:
+    case Run$2:
       return getMenuEntries$7();
-    case Selection$1:
+    case Selection$2:
       return getMenuEntries$6();
-    case Terminal$1:
+    case Terminal$2:
       return getMenuEntries$5();
     case TitleBar$1:
       return getMenuEntries$2(props.platform);
     case TitleBarContextMenu:
     case MenuIdTitleBarContextMenu:
       return getMenuEntriesTitleBarContextMenu(state);
-    case View$1:
+    case View$2:
       return getMenuEntries$1();
     default:
       return [];
@@ -2439,7 +2450,7 @@ const FileMenu = 'fileMenu';
 const EditMenu = 'editMenu';
 
 // based on https://www.electronjs.org/docs/latest/api/menu-item#new-menuitemoptions
-const Separator$1 = 'separator';
+const Separator = 'separator';
 const SubMenu = 'submenu';
 
 const toElectronMenuItem = entry => {
@@ -2504,9 +2515,9 @@ const toElectronMenuItem = entry => {
       };
   }
   switch (entry.flags) {
-    case Separator$2:
+    case Separator$1:
       return {
-        type: Separator$1
+        type: Separator
       };
     case SubMenu$1:
       return {
@@ -2581,29 +2592,6 @@ const hydrate = async state => {
   };
 };
 
-const Menu$1 = 'menu';
-const MenuBar = 'menubar';
-const MenuItem$1 = 'menuitem';
-const MenuItemCheckBox = 'menuitemcheckbox';
-const None = 'none';
-const Separator = 'separator';
-
-const Button = 1;
-const Div = 4;
-const Span = 8;
-const Text = 12;
-const I = 16;
-const Img = 17;
-
-const Escape = 8;
-const Space = 9;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -2623,35 +2611,35 @@ const text = data => {
 const getKeyBindings = () => {
   return [{
     command: 'TitleBar.handleKeyArrowDown',
-    key: DownArrow,
+    key: DownArrow$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyArrowUp',
-    key: UpArrow,
+    key: UpArrow$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyArrowRight',
-    key: RightArrow,
+    key: RightArrow$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyArrowLeft',
-    key: LeftArrow,
+    key: LeftArrow$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeySpace',
-    key: Space,
+    key: Space$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyHome',
-    key: Home,
+    key: Home$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyEnd',
-    key: End,
+    key: End$1,
     when: FocusTitleBarMenuBar
   }, {
     command: 'TitleBar.handleKeyEscape',
-    key: Escape,
+    key: Escape$1,
     when: FocusTitleBarMenuBar
   }];
 };
@@ -2760,7 +2748,7 @@ const getMenuHeight = items => {
   let height = CONTEXT_MENU_PADDING;
   for (const item of items) {
     switch (item.flags) {
-      case Separator$2:
+      case Separator$1:
         height += CONTEXT_MENU_SEPARATOR_HEIGHT;
         break;
       default:
@@ -2817,7 +2805,7 @@ const getIndexToFocusPrevious = menu => {
 const canBeFocused = item => {
   switch (item.flags) {
     case Disabled:
-    case Separator$2:
+    case Separator$1:
       return false;
     default:
       return true;
@@ -3136,7 +3124,7 @@ const loadContent2 = async state => {
 
   // TODO load preferences here
 
-  if (titleBarStyleCustom === false && platform === Electron) {
+  if (titleBarStyleCustom === false && platform === Electron$1) {
     return hydrate(state);
   }
   return {
@@ -3271,7 +3259,7 @@ const getMenuItemsNoopDom = () => {
 const separator = {
   childCount: 1,
   className: MenuItemSeparator,
-  role: Separator,
+  role: Separator$2,
   type: Div
 };
 const separatorLine = {
@@ -3331,10 +3319,10 @@ const getMenuItemRenderer = flags => {
     case Disabled:
       return getMenuItemDisabledDom;
     case Ignore:
-    case None$1:
+    case None:
     case RestoreFocus:
       return getMenuItemDefaultDom;
-    case Separator$2:
+    case Separator$1:
       return getMenuItemSeparatorDom;
     case SubMenu$1:
       return getMenuItemSubMenuDom;
@@ -3429,7 +3417,7 @@ const getIconVirtualDom = (icon, type = Div) => {
   return {
     childCount: 0,
     className: `MaskIcon MaskIcon${icon}`,
-    role: None,
+    role: None$1,
     type
   };
 };
@@ -3446,7 +3434,7 @@ const createTitleBarButton = button => {
     childCount: 1,
     className: `TitleBarButton TitleBarButton${id}`,
     onClick,
-    type: Button
+    type: Button$1
   }, getIconVirtualDom(icon, I)];
   return dom;
 };
@@ -3503,7 +3491,7 @@ const getItemVirtualDom = item => {
     name: label,
     // TODO have separate name attribute
     role: MenuItem$1,
-    type: Button
+    type: Button$1
   }, ...(isFocused ? [{
     childCount: 1,
     className: TitleBarTopLevelEntryLabel,
@@ -3529,7 +3517,7 @@ const getTitleBarMenuBarVirtualDom = (menuBarEnabled, visibleItems, focusedIndex
     onMouseDown: HandleClick,
     onPointerOut: HandlePointerOut,
     onPointerOver: HandlePointerOver,
-    role: MenuBar,
+    role: MenuBar$1,
     tabIndex: 0,
     type: Div
   }, ...getTitleBarMenuBarItemsVirtualDom(visibleItems)];
@@ -3538,7 +3526,7 @@ const getTitleBarMenuBarVirtualDom = (menuBarEnabled, visibleItems, focusedIndex
 const parentNode = {
   childCount: 1,
   className: 'TitleBarTitle',
-  type: Div$1
+  type: Div
 };
 const getTitleVirtualDom = (titleBarTitleEnabled, title) => {
   if (!titleBarTitleEnabled) {
@@ -3603,10 +3591,10 @@ const getTitleBarVirtualDom = state => {
     titleBarTitleEnabled,
     width
   } = state;
-  if (platform === Electron && !titleBarStyleCustom) {
+  if (platform === Electron$1 && !titleBarStyleCustom) {
     return [{
       childCount: 0,
-      type: Div$1
+      type: Div
     }];
   }
   const iconSrc = getIcon(assetDir);
@@ -3618,7 +3606,7 @@ const getTitleBarVirtualDom = state => {
     className: 'Viewlet TitleBar',
     id: 'TitleBar',
     role: ContentInfo,
-    type: Div$1
+    type: Div
   }, ...getTitleBarIconVirtualDom(titleBarIconEnabled, iconSrc), ...getTitleBarMenuBarVirtualDom(titleBarMenuBarEnabled, visibleEntries, focusedIndex), ...getTitleVirtualDom(titleBarTitleEnabled, title), ...getTitleBarButtonsVirtualDom(titleBarButtonsEnabled, titleBarButtons)];
 };
 
@@ -3665,7 +3653,7 @@ const renderEventListeners = () => {
     params: ['handleClickMinimize']
   }, {
     name: HandleContextMenu,
-    params: ['handleContextMenu', Button$1, ClientX, ClientY]
+    params: ['handleContextMenu', Button, ClientX, ClientY]
   }, {
     name: HandleClickClose,
     params: ['handleClickClose']
@@ -3683,7 +3671,7 @@ const renderEventListeners = () => {
     params: ['handleMenuMouseOver', ClientX, ClientY]
   }, {
     name: HandleClick,
-    params: ['handleClickAt', Button$1, ClientX, ClientY]
+    params: ['handleClickAt', Button, ClientX, ClientY]
   }, {
     name: HandlePointerOut,
     params: ['handlePointerOut', ClientX, ClientY]
@@ -3967,25 +3955,25 @@ const handleKeyArrowLeft = ifElse(handleKeyArrowLeftMenuOpen, handleKeyArrowLeft
 
 const getFn = id => {
   switch (id) {
-    case Edit$1:
+    case Edit$2:
       return getMenuEntries$c;
-    case File$2:
+    case File$3:
       return getMenuEntries$b;
-    case Go$1:
+    case Go$2:
       return getMenuEntries$a;
-    case Help$2:
+    case Help$3:
       return getMenuEntries$9;
     case OpenRecent$1:
       return getMenuEntries$8;
-    case Run$1:
+    case Run$2:
       return getMenuEntries$7;
-    case Selection$1:
+    case Selection$2:
       return getMenuEntries$6;
-    case Terminal$1:
+    case Terminal$2:
       return getMenuEntries$5;
     case TitleBar$1:
       return getMenuEntries$2;
-    case View$1:
+    case View$2:
       return getMenuEntries$1;
     default:
       return undefined;
@@ -4217,7 +4205,7 @@ const handleMenuClick = async (state, level, index) => {
   switch (item.flags) {
     case Ignore:
       return selectIndexIgnore(state, item);
-    case None$1:
+    case None:
       return selectIndexNone(state, item);
     case RestoreFocus:
       return selectIndexRestoreFocus(state, item);