@lvce-editor/static-server 0.45.4 → 0.45.6

package/static/{7884c64 → 4dd4fcf}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/7884c64';
+    return '/4dd4fcf';
   }
 };
 const assetDir = getAssetDir();
@@ -3098,7 +3098,6 @@ const FocusTitleBarMenuBar = 26;
 const FocusDebugConsoleInput = 29;
 const FocusDebugScope = 30;
 const FocusSimpleBrowser = 37;
-const FocusKeyBindingsTable = 39;
 const FocusConfirm = 40;
 
 /**
@@ -3866,6 +3865,32 @@ const maybeRegisterWrappedCommands = async (id, module) => {
   }
 };
 const maybeRegisterEvents = module => {
+  if (module.Commands && module.Commands.handleWorkspaceChange) {
+    const value = module.Commands.handleWorkspaceChange;
+    const handleUpdate = async (...params) => {
+      const instance = getInstance(module.name);
+      if (!instance) {
+        return;
+      }
+      const newState = await value(instance.state, ...params);
+      if (!newState) {
+        throw new Error('newState must be defined');
+      }
+      if (module.shouldApplyNewstate && !module.shouldApplyNewState(newState)) {
+        console.log('[viewlet manager] return', newState);
+        return;
+      }
+      const uid = instance.uid || instance.state.uid;
+      number$1(uid);
+      const commands = render$H(instance.factory, instance.renderedState, newState, uid, newState.parentUid);
+      instance.state = newState;
+      instance.renderedState = newState;
+      await invoke$f(/* Viewlet.sendMultiple */kSendMultiple, /* commands */commands);
+    };
+    addListener('workspace.change', handleUpdate);
+  }
+
+  // deprecated, use commands instead
   if (module.Events) {
     // TODO remove event listeners when viewlet is disposed
     for (const [key, value] of Object.entries(module.Events)) {
@@ -10009,7 +10034,7 @@ const openFile$3 = () => {
       return openFileElectron();
   }
 };
-const handleClick$a = async index => {
+const handleClick$9 = async index => {
   // @ts-ignore
   const {
     options
@@ -10046,7 +10071,7 @@ const showMessage = async (message, options) => {
       // TODO can this even happen?
       return;
     }
-    await handleClick$a(index);
+    await handleClick$9(index);
   } else {
     await openWidget(Dialog, message, options);
   }
@@ -10056,7 +10081,7 @@ const name$1_ = 'Dialog';
 const Commands$1R = {
   // @ts-ignore
   close: undefined,
-  handleClick: handleClick$a,
+  handleClick: handleClick$9,
   openFile: openFile$3,
   openFolder: openFolder$4,
   showMessage: showMessage
@@ -10973,7 +10998,7 @@ const hydrate = async () => {
   // TODO send menu items to electron
   // TODO add listener for when menu items change
 };
-const handleClick$9 = async label => {
+const handleClick$8 = async label => {
   const commandPair = state$h.commandMap[label];
   if (!commandPair) {
     throw new Error(`no command found for ${label}`);
@@ -10989,7 +11014,7 @@ const name$1X = 'ElectronApplicationMenu';
 
 // prettier-ignore
 const Commands$1N = {
-  handleClick: handleClick$9,
+  handleClick: handleClick$8,
   hydrate: hydrate
 };
 
@@ -12487,7 +12512,7 @@ const getIndexToFocusNextStartingAt = (items, startIndex) => {
 const getIndexToFocusFirst = items => {
   return getIndexToFocusNextStartingAt(items, 0);
 };
-const focusFirst$7 = async () => {
+const focusFirst$6 = async () => {
   const menu = getCurrentMenu();
   if (menu.items.length === 0) {
     return;
@@ -12498,7 +12523,7 @@ const focusFirst$7 = async () => {
 const getIndexToFocusLast = items => {
   return getIndexToFocusPreviousStartingAt(items, items.length - 1);
 };
-const focusLast$7 = async () => {
+const focusLast$6 = async () => {
   const menu = getCurrentMenu();
   const indexToFocus = getIndexToFocusPreviousStartingAt(menu.items, menu.items.length - 1);
   await focusIndex$8(menu, indexToFocus);
@@ -12519,7 +12544,7 @@ const getIndexToFocusPrevious = menu => {
   const startIndex = menu.focusedIndex === -1 ? menu.items.length - 1 : menu.focusedIndex - 1;
   return getIndexToFocusPreviousStartingAt(menu.items, startIndex);
 };
-const focusPrevious$a = async () => {
+const focusPrevious$9 = async () => {
   const menu = getCurrentMenu();
   if (menu.items.length === 0) {
     return;
@@ -12540,7 +12565,7 @@ const getIndexToFocusNext = menu => {
   const startIndex = menu.focusedIndex + 1;
   return getIndexToFocusNextStartingAt(menu.items, startIndex);
 };
-const focusNext$a = async () => {
+const focusNext$9 = async () => {
   const menu = getCurrentMenu();
   if (menu.items.length === 0) {
     return;
@@ -12557,11 +12582,11 @@ const focusNext$a = async () => {
 
 const name$1C = 'Menu';
 const Commands$1r = {
-  focusFirst: focusFirst$7,
+  focusFirst: focusFirst$6,
   focusIndex: focusIndex$8,
-  focusLast: focusLast$7,
-  focusNext: focusNext$a,
-  focusPrevious: focusPrevious$a,
+  focusLast: focusLast$6,
+  focusNext: focusNext$9,
+  focusPrevious: focusPrevious$9,
   handleMouseEnter: handleMouseEnter,
   handleMouseLeave: handleMouseLeave,
   hide: hide$3,
@@ -12857,7 +12882,7 @@ const showWithOptions = async (type, text, options) => {
   });
   await invoke$f(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
-const handleClick$8 = index => {
+const handleClick$7 = index => {
   console.log('handle click');
   const notification = state$9.notifications[0];
   if (!notification.options) {
@@ -12878,7 +12903,7 @@ const name$1y = 'Notification';
 const Commands$1n = {
   create: create$R,
   dispose: dispose$t,
-  handleClick: handleClick$8,
+  handleClick: handleClick$7,
   showWithOptions: showWithOptions
 };
 
@@ -14094,13 +14119,13 @@ const handleFocusIn$1 = state => {
   setFocus(About);
   return state;
 };
-const focusNext$9 = async state => {
+const focusNext$8 = async state => {
   const newState = await invoke$c('About.focusNext', state);
   const commands = await invoke$c('About.render', state, newState);
   newState.commands = commands;
   return newState;
 };
-const focusPrevious$9 = async state => {
+const focusPrevious$8 = async state => {
   const newState = await invoke$c('About.focusPrevious', state);
   const commands = await invoke$c('About.render', state, newState);
   newState.commands = commands;
@@ -14112,8 +14137,8 @@ const Commands$C = {
   handleClickCopy: handleClickCopy,
   handleClickOk: handleClickOk$1,
   handleFocusIn: handleFocusIn$1,
-  focusNext: focusNext$9,
-  focusPrevious: focusPrevious$9
+  focusNext: focusNext$8,
+  focusPrevious: focusPrevious$8
 };
 
 const Css$F = ["/css/parts/ViewletAbout.css", "/css/parts/ViewletDialog.css"];
@@ -14166,8 +14191,8 @@ const ViewletAbout_ipc = {
   Commands: Commands$C,
   Css: Css$F,
   create: create$P,
-  focusNext: focusNext$9,
-  focusPrevious: focusPrevious$9,
+  focusNext: focusNext$8,
+  focusPrevious: focusPrevious$8,
   getKeyBindings: getKeyBindings$h,
   handleClickClose: handleClickClose$3,
   handleClickCopy,
@@ -15248,7 +15273,7 @@ const loadContent$E = async state => {
     text: ''
   };
 };
-const handleInput$5 = (state, value) => {
+const handleInput$4 = (state, value) => {
   return {
     ...state,
     inputValue: value
@@ -15276,7 +15301,7 @@ const clear$2 = state => {
 };
 
 const Commands$x = {
-  handleInput: handleInput$5,
+  handleInput: handleInput$4,
   handleFocus: handleFocus$5,
   evaluate: evaluate,
   clear: clear$2
@@ -15508,7 +15533,7 @@ const ViewletDebugConsole_ipc = {
   getKeyBindings: getKeyBindings$e,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
   handleFocus: handleFocus$5,
-  handleInput: handleInput$5,
+  handleInput: handleInput$4,
   hasFunctionalRender: hasFunctionalRender$y,
   loadContent: loadContent$E,
   name: name$I,
@@ -15729,7 +15754,7 @@ const loadContent$C = (state, savedState, ...args) => {
   };
 };
 const dispose$p = async state => {};
-const handleClick$7 = async (state, index) => {
+const handleClick$6 = async (state, index) => {
   const {
     options
   } = state;
@@ -15748,7 +15773,7 @@ const handleClick$7 = async (state, index) => {
 
 const Commands$v = {
   close: dispose$p,
-  handleClick: handleClick$7
+  handleClick: handleClick$6
 };
 
 const Css$y = ["/css/parts/ViewletDialog.css"];
@@ -15804,7 +15829,7 @@ const ViewletDialog_ipc = {
   Css: Css$y,
   create: create$H,
   dispose: dispose$p,
-  handleClick: handleClick$7,
+  handleClick: handleClick$6,
   hasFunctionalRender: hasFunctionalRender$w,
   loadContent: loadContent$C,
   name: name$H,
@@ -16075,7 +16100,7 @@ const getListHeight$2 = (height, headerHeight) => {
   }
   return headerHeight;
 };
-const setDeltaY$3 = (state, deltaY) => {
+const setDeltaY$2 = (state, deltaY) => {
   object(state);
   number$1(deltaY);
   const {
@@ -16106,11 +16131,11 @@ const setDeltaY$3 = (state, deltaY) => {
     maxLineY
   };
 };
-const handleWheel$2 = (state, deltaMode, deltaY) => {
+const handleWheel$1 = (state, deltaMode, deltaY) => {
   object(state);
   number$1(deltaMode);
   number$1(deltaY);
-  return setDeltaY$3(state, state.deltaY + deltaY);
+  return setDeltaY$2(state, state.deltaY + deltaY);
 };
 
 const create$F = (id, uri, x, y, width, height) => {
@@ -16937,14 +16962,14 @@ const handleLoad = async state => {
     iframeOrigin
   };
 };
-const getIndex$2 = (stateY, eventY) => {
+const getIndex$1 = (stateY, eventY) => {
   const rowHeight = 22;
   const index = Math.floor((eventY - stateY) / rowHeight);
   return index;
 };
 const handleClickAt$3 = async (state, eventX, eventY) => {
   console.log('click', eventX, eventY);
-  const index = getIndex$2(state.y, eventY);
+  const index = getIndex$1(state.y, eventY);
   const item = state.tests[index];
   const url = `e2e-test://${item}`;
   await openUri$1(url);
@@ -16954,8 +16979,8 @@ const runAll = state => {
   console.log('run all');
   return state;
 };
-const handleContextMenu$8 = async (state, button, x, y) => {
-  const index = getIndex$2(state.y, y);
+const handleContextMenu$7 = async (state, button, x, y) => {
+  const index = getIndex$1(state.y, y);
   // @ts-ignore
   state.index = index;
   await show$a(x, y, E2eTests);
@@ -16980,7 +17005,7 @@ const Commands$s = {
   handleClickAt: handleClickAt$3,
   handleLoad: handleLoad,
   runAll: runAll,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   openInNewTab: openInNewTab
 };
 
@@ -17113,7 +17138,7 @@ const ViewletE2eTests_ipc = {
   executeTest,
   getKeyBindings: getKeyBindings$c,
   handleClickAt: handleClickAt$3,
-  handleContextMenu: handleContextMenu$8,
+  handleContextMenu: handleContextMenu$7,
   handleLoad,
   hasFunctionalRender: hasFunctionalRender$t,
   hasFunctionalRootRender: hasFunctionalRootRender$f,
@@ -17138,7 +17163,7 @@ const clamp = (num, min, max) => {
 };
 
 // TODO this should be in a separate scrolling module
-const setDeltaY$2 = (state, value) => {
+const setDeltaY$1 = (state, value) => {
   object(state);
   number$1(value);
   const {
@@ -17255,7 +17280,7 @@ const create$A = (id, uri, languageId) => {
 
 // TODO
 const setDeltaYFixedValue = (editor, value) => {
-  return setDeltaY$2(editor, value);
+  return setDeltaY$1(editor, value);
 };
 const setBounds = (editor, x, y, width, height, columnWidth) => {
   const {
@@ -17965,9 +17990,9 @@ const wrapExplorerCommand = key => {
   return fn;
 };
 
-const commands$1 = ['acceptEdit', 'cancelEdit', 'collapseAll', 'copyPath', 'copyRelativePath', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleCopy', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'refresh', 'relealItem', 'removeDirent', 'rename', 'renameDirent', 'revealItem', 'scrollDown', 'scrollUp', 'setDeltaY', 'updateEditingValue', 'updateIcons'];
+const commands$2 = ['acceptEdit', 'cancelEdit', 'collapseAll', 'copyPath', 'copyRelativePath', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleCopy', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'refresh', 'relealItem', 'removeDirent', 'rename', 'renameDirent', 'revealItem', 'scrollDown', 'scrollUp', 'setDeltaY', 'updateEditingValue', 'updateIcons'];
 const Commands$p = {};
-for (const command of commands$1) {
+for (const command of commands$2) {
   Commands$p[command] = wrapExplorerCommand(command);
 }
 Commands$p['hotReload'] = hotReload$2;
@@ -18425,7 +18450,7 @@ const viewsAndMoreActions = () => {
 };
 
 // TODO debounce
-const handleInput$4 = async (state, value) => {
+const handleInput$3 = async (state, value) => {
   try {
     const {
       allExtensions,
@@ -18486,7 +18511,7 @@ const handleInput$4 = async (state, value) => {
 
 const ViewletExtensionsHandleInput = {
   __proto__: null,
-  handleInput: handleInput$4
+  handleInput: handleInput$3
 };
 
 const SUGGESTIONS = ['@builtin', '@disabled', '@enabled', '@installed', '@outdated', '@sort:installs', '@id:', '@category'];
@@ -18538,7 +18563,7 @@ const loadContent$u = async (state, savedState) => {
   // TODO just get local extensions on demand (not when query string is already different)
   const allExtensions = await getAllExtensions();
   const size = getViewletSize(width);
-  const newState = await handleInput$4({
+  const newState = await handleInput$3({
     ...state,
     allExtensions,
     size
@@ -18670,7 +18695,7 @@ const LazyCommands$8 = {
   handleFocus: () => Promise.resolve().then(function () { return ViewletExtensionsHandleFocus; }),
   ...LazyCommands$9
 };
-const wrapCommand$1 = fn => {
+const wrapCommand = fn => {
   const wrapped = async (state, ...args) => {
     const newState = await fn(state, ...args);
     const commands = await invoke$4('SearchExtensions.render', state, newState);
@@ -18680,14 +18705,14 @@ const wrapCommand$1 = fn => {
   return wrapped;
 };
 for (const [key, value] of Object.entries(Commands$n)) {
-  Commands$n[key] = wrapCommand$1(value);
+  Commands$n[key] = wrapCommand(value);
 }
 for (const [key, value] of Object.entries(LazyCommands$8)) {
   LazyCommands$8[key] = async () => {
     const module = await value();
     const fn = module[key];
     return {
-      [key]: wrapCommand$1(fn)
+      [key]: wrapCommand(fn)
     };
   };
 }
@@ -19110,7 +19135,7 @@ const focusIndex$6 = (state, index) => {
     focusedIndex: index
   };
 };
-const focusFirst$6 = state => {
+const focusFirst$5 = state => {
   const {
     displayReferences
   } = state;
@@ -19120,7 +19145,7 @@ const focusFirst$6 = state => {
   const firstIndex = first();
   return focusIndex$6(state, firstIndex);
 };
-const focusPrevious$8 = state => {
+const focusPrevious$7 = state => {
   const {
     displayReferences,
     focusedIndex
@@ -19128,7 +19153,7 @@ const focusPrevious$8 = state => {
   const previousIndex = previousNoCycle(displayReferences, focusedIndex);
   return focusIndex$6(state, previousIndex);
 };
-const focusNext$8 = state => {
+const focusNext$7 = state => {
   const {
     displayReferences,
     focusedIndex
@@ -19136,7 +19161,7 @@ const focusNext$8 = state => {
   const nextIndex = nextNoCycle(displayReferences, focusedIndex);
   return focusIndex$6(state, nextIndex);
 };
-const focusLast$6 = state => {
+const focusLast$5 = state => {
   const {
     displayReferences
   } = state;
@@ -19154,11 +19179,11 @@ const ViewletLocations = {
   __proto__: null,
   create: create$t,
   dispose: dispose$k,
-  focusFirst: focusFirst$6,
+  focusFirst: focusFirst$5,
   focusIndex: focusIndex$6,
-  focusLast: focusLast$6,
-  focusNext: focusNext$8,
-  focusPrevious: focusPrevious$8,
+  focusLast: focusLast$5,
+  focusNext: focusNext$7,
+  focusPrevious: focusPrevious$7,
   loadContent: loadContent$t,
   selectCurrent: selectCurrent$1,
   selectIndex: selectIndex$2
@@ -19649,135 +19674,42 @@ const create$q = (id, uri, x, y, width, height) => {
     editIconSize: 22,
     padding: 15,
     searchHeaderHeight: 50,
-    tableHeaderHeight: 24
+    tableHeaderHeight: 24,
+    uid: id
   };
 };
 const saveState$7 = state => {
   return invoke$3('KeyBindings.saveState', state);
 };
 const loadContent$q = async (state, savedState) => {
-  const newState = await invoke$3('KeyBindings.loadContent', state, savedState);
-  const commands = await invoke$3('KeyBindings.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleInput$3 = async (state, value) => {
-  return invoke$3('KeyBindings.handleInput', state, value);
-};
-const setDeltaY$1 = (state, deltaY) => {
-  return invoke$3('KeyBindings.setDeltaY', state, deltaY);
-};
-const handleWheel$1 = (state, deltaMode, deltaY) => {
-  return setDeltaY$1(state, state.deltaY + deltaY);
-};
-const getIndex$1 = (state, eventX, eventY) => {
-  const {
-    minLineY,
-    y,
-    rowHeight,
-    tableHeaderHeight,
-    searchHeaderHeight
-  } = state;
-  const relativeY = eventY - y - tableHeaderHeight - searchHeaderHeight;
-  const row = Math.floor(relativeY / rowHeight);
-  return minLineY + row;
-};
-const handleClick$6 = (state, eventX, eventY) => {
-  const {
-    padding,
-    editIconSize,
-    x
-  } = state;
-  const selectedIndex = getIndex$1(state, eventX, eventY);
-  const relativeX = eventX - x;
-  if (relativeX > padding && relativeX < padding + editIconSize) {
-    showDefineWidget();
-  } else {
-    // TODO avoid side effect, make focus functional
-    setFocus(FocusKeyBindingsTable);
-  }
+  await invoke$3('KeyBindings.create', state.uid, state.uri, state.x, state.y, state.width, state.height);
+  await invoke$3('KeyBindings.loadContent', state.uid, savedState);
+  const commands = await invoke$3('KeyBindings.render2', state.uid);
   return {
     ...state,
-    focusedIndex: selectedIndex,
-    selectedIndex
-  };
-};
-const showDefineWidget = async (state, selectedIndex) => {
-  await openWidget(DefineKeyBinding);
-};
-const handleDefineKeyBindingDisposed = async (state, key) => {
-  if (key) {
-    // TODO
-    await writeFile$e('app://keybindings.json', JSON.stringify([{
-      key
-    }]));
-  }
-  // TODO
-  return state;
-};
-const handleDoubleClick = async (state, eventX, eventY) => {
-  const selectedIndex = getIndex$1(state, eventX, eventY);
-  // TODO wait promise?
-  showDefineWidget();
-  return {
-    ...state,
-    focusedIndex: selectedIndex,
-    selectedIndex,
-    defineKeyBindingsId: 1
-  };
-};
-const handleResizerClick = (state, id, x) => {
-  return {
-    ...state,
-    resizerDownId: id
+    commands
   };
 };
-const handleResizerMove = (state, eventX) => {
-  return invoke$3('KeyBindings.handleResizerMove', state, eventX);
-};
-const focusFirst$5 = state => {
-  return invoke$3('KeyBindings.focusFirst', state);
-};
-const focusLast$5 = state => {
-  return invoke$3('KeyBindings.focusLast', state);
-};
-const handleContextMenu$7 = async (state, button, x, y) => {
-  await show$a(x, y, KeyBindingsTable);
-  return state;
-};
-const focusNext$7 = state => {
-  return invoke$3('KeyBindings.focusNext', state);
-};
-const focusPrevious$7 = state => {
-  return invoke$3('KeyBindings.focusPrevious', state);
-};
 
-const Commands$k = {
-  handleClick: handleClick$6,
-  handleInput: handleInput$3,
-  handleResizerClick: handleResizerClick,
-  handleResizerMove: handleResizerMove,
-  handleWheel: handleWheel$1,
-  handleDoubleClick: handleDoubleClick,
-  handleDefineKeyBindingDisposed: handleDefineKeyBindingDisposed,
-  focusNext: focusNext$7,
-  focusPrevious: focusPrevious$7,
-  focusFirst: focusFirst$5,
-  focusLast: focusLast$5,
-  handleContextMenu: handleContextMenu$7
-};
-const wrapCommand = fn => {
-  const wrapped = async (state, ...args) => {
-    const newState = await fn(state, ...args);
-    // TODO ask worker
-    const result = await invoke$3('KeyBindings.render', state, newState);
-    newState.commands = result;
-    return newState;
+const wrapKeyBindingCommand = key => {
+  const fn = async (state, ...args) => {
+    await invoke$3(`KeyBindings.${key}`, state.uid, ...args);
+    const commands = await invoke$3('KeyBindings.render2', state.uid);
+    if (commands.length === 0) {
+      return state;
+    }
+    return {
+      ...state,
+      commands
+    };
   };
-  return wrapped;
+  return fn;
 };
-for (const [key, value] of Object.entries(Commands$k)) {
-  Commands$k[key] = wrapCommand(value);
+
+const commands$1 = ['focusFirst', 'focusLast', 'focusNext', 'focusPrevious', 'handleClick', 'handleContextMenu', 'handleDoubleClick', 'handleInput', 'handleResizerClick', 'handleResizerMove', 'handleWheel'];
+const Commands$k = {};
+for (const command of commands$1) {
+  Commands$k[command] = wrapKeyBindingCommand(command);
 }
 
 const Css$o = ["/css/parts/Key.css", "/css/parts/KeyBindingsHeader.css", "/css/parts/KeyBindingsTable.css", "/css/parts/ViewletKeyBindings.css"];
@@ -19883,19 +19815,7 @@ const ViewletKeyBindings_ipc = {
   Commands: Commands$k,
   Css: Css$o,
   create: create$q,
-  focusFirst: focusFirst$5,
-  focusLast: focusLast$5,
-  focusNext: focusNext$7,
-  focusPrevious: focusPrevious$7,
   getKeyBindings: getKeyBindings$8,
-  handleClick: handleClick$6,
-  handleContextMenu: handleContextMenu$7,
-  handleDefineKeyBindingDisposed,
-  handleDoubleClick,
-  handleInput: handleInput$3,
-  handleResizerClick,
-  handleResizerMove,
-  handleWheel: handleWheel$1,
   hasFunctionalRender: hasFunctionalRender$m,
   hasFunctionalResize: hasFunctionalResize$c,
   hasFunctionalRootRender: hasFunctionalRootRender$a,
@@ -19904,8 +19824,7 @@ const ViewletKeyBindings_ipc = {
   name: name$w,
   render: render$n,
   resize: resize$h,
-  saveState: saveState$7,
-  setDeltaY: setDeltaY$1
+  saveState: saveState$7
 };
 
 const getDefaultTitleBarHeight = () => {
@@ -22928,6 +22847,10 @@ const reopenEditorWith = async state => {
   });
   return state;
 };
+const openKeyBindings = async state => {
+  const keyBindingsUri = 'app://keybindings';
+  return openUri(state, keyBindingsUri);
+};
 
 const Commands$i = {
   focus: focus$4,
@@ -22938,7 +22861,8 @@ const Commands$i = {
   openBackgroundTab: openBackgroundTab$1,
   save: save,
   handleClickClose: handleClickClose$1,
-  reopenEditorWith: reopenEditorWith
+  reopenEditorWith: reopenEditorWith,
+  openKeyBindings: openKeyBindings
 };
 const CommandsWithSideEffects = {
   openUri: openUri,
@@ -23370,6 +23294,7 @@ const ViewletMain_ipc = {
   name: name$u,
   openBackgroundTab: openBackgroundTab$1,
   openEditorWithType,
+  openKeyBindings,
   render: render$l,
   reopenEditorWith,
   resize: resize$g,
@@ -25619,7 +25544,7 @@ const handleClickAt$1 = (state, x, y) => {
 const Commands$c = {
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$1,
-  handleWheel: handleWheel$2,
+  handleWheel: handleWheel$1,
   selectCurrentIndex: selectCurrentIndex,
   selectIndex: selectIndex,
   selectItem: selectItem
@@ -25882,7 +25807,7 @@ const ViewletQuickPick_ipc = {
   getKeyBindings: getKeyBindings$4,
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$1,
-  handleWheel: handleWheel$2,
+  handleWheel: handleWheel$1,
   hasFunctionalRender: hasFunctionalRender$g,
   loadContent: loadContent$i,
   name: name$n,
@@ -25890,7 +25815,7 @@ const ViewletQuickPick_ipc = {
   selectCurrentIndex,
   selectIndex,
   selectItem,
-  setDeltaY: setDeltaY$3
+  setDeltaY: setDeltaY$2
 };
 
 const getLineText = (content, startRowIndex, startColumnIndex, endRowIndex, endColumnIndex) => {
@@ -32613,7 +32538,7 @@ const ViewletExtensionsHandleContextMenu = {
 };
 
 const clearSearchResults = state => {
-  return handleInput$4(state, '');
+  return handleInput$3(state, '');
 };
 
 const ViewletExtensionsClearSearchResults = {