@lvce-editor/static-server 0.54.7 → 0.55.0

package/static/{8fd4507 → 9c27ccd}/packages/editor-worker/dist/editorWorkerMain.js

@@ -474,7 +474,7 @@ const getFirstEvent = (eventEmitter, eventMap) => {
   return promise;
 };
 const Message$1 = 3;
-const create$5$1 = async ({
+const create$5$2 = async ({
   messagePort,
   isMessagePortOpen
 }) => {
@@ -525,7 +525,7 @@ const wrap$5 = messagePort => {
 };
 const IpcParentWithMessagePort$1 = {
   __proto__: null,
-  create: create$5$1,
+  create: create$5$2,
   signal: signal$1,
   wrap: wrap$5
 };
@@ -549,11 +549,11 @@ const remove$8 = id => {
   delete callbacks[id];
 };
 let id = 0;
-const create$3$2 = () => {
+const create$3$1 = () => {
   return ++id;
 };
 const registerPromise = () => {
-  const id = create$3$2();
+  const id = create$3$1();
   const {
     resolve,
     promise
@@ -902,7 +902,7 @@ const send = (transport, method, ...params) => {
   const message = create$4$2(method, params);
   transport.send(message);
 };
-const invoke$8 = (ipc, method, ...params) => {
+const invoke$a = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer$1 = (ipc, method, ...params) => {
@@ -935,7 +935,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$8(ipc, method, ...params);
+      return invoke$a(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer$1(ipc, method, ...params);
@@ -976,7 +976,7 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$a = async ({
+const create$b = async ({
   commandMap,
   messagePort,
   isMessagePortOpen
@@ -994,9 +994,9 @@ const create$a = async ({
 };
 const MessagePortRpcParent = {
   __proto__: null,
-  create: create$a
+  create: create$b
 };
-const create$4$1 = async ({
+const create$5$1 = async ({
   commandMap,
   messagePort
 }) => {
@@ -1012,20 +1012,20 @@ const create$4$1 = async ({
   messagePort.start();
   return rpc;
 };
-const create$3$1 = async ({
+const create$4$1 = async ({
   commandMap,
   messagePort
 }) => {
-  return create$4$1({
+  return create$5$1({
     commandMap,
     messagePort
   });
 };
 const PlainMessagePortRpcParent = {
   __proto__: null,
-  create: create$3$1
+  create: create$4$1
 };
-const create$b = async ({
+const create$a = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -1037,7 +1037,7 @@ const create$b = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$b
+  create: create$a
 };
 
 const rpcs = Object.create(null);
@@ -1121,28 +1121,28 @@ const RpcId = {
   SyntaxHighlightingWorker: SyntaxHighlightingWorker$1
 };
 const {
-  invoke: invoke$a,
+  invoke: invoke$9,
   set: set$9} = create$9(ExtensionHostWorker);
 const ExtensionHost = {
   __proto__: null,
-  invoke: invoke$a,
+  invoke: invoke$9,
   set: set$9
 };
 const {
-  invoke: invoke$4$1,
+  invoke: invoke$3$1,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3$1} = create$9(RendererWorker$1);
 const RendererWorker = {
   __proto__: null,
-  invoke: invoke$4$1,
+  invoke: invoke$3$1,
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3$1};
 const {
-  invoke: invoke$1$1,
+  invoke: invoke$8,
   set: set$a} = create$9(MarkdownWorker$1);
 const SyntaxHighlightingWorker = {
   __proto__: null,
-  invoke: invoke$1$1,
+  invoke: invoke$8,
   set: set$a
 };
 
@@ -8016,6 +8016,14 @@ const getPositionAtCursor = editorUid => {
   const editor = getEditor(editorUid);
   return getPositionAtCursor$1(editor);
 };
+const getUri = editorUid => {
+  const editor = getEditor(editorUid);
+  return editor.uri;
+};
+const getLanguageId = editorUid => {
+  const editor = getEditor(editorUid);
+  return editor.languageId;
+};
 const getOffsetAtCursor = editorUid => {
   const editor = getEditor(editorUid);
   return getOffsetAtCursor$1(editor);
@@ -9725,7 +9733,7 @@ const editorDiagnosticEffect = {
   }
 };
 
-const keep = ['ActivateByEvent.activateByEvent', 'Editor.applyEdit2', 'Editor.applyEdits2', 'Editor.closeFind2', 'Editor.closeWidget2', 'Editor.create', 'Editor.getKeyBindings', 'Editor.getLines2', 'Editor.getPositionAtCursor', 'Editor.getOffsetAtCursor', 'Editor.getQuickPickMenuEntries', 'Editor.getSelections', 'Editor.getSelections2', 'Editor.getText', 'Editor.getWordAt', 'Editor.getWordAt2', 'Editor.getWordAtOffset2', 'Editor.getWordBefore', 'Editor.getWordBefore2', 'Editor.offsetAt', 'Editor.render', 'Editor.setSelections2', 'Editor.updateDebugInfo', 'Font.ensure', 'HandleMessagePort.handleMessagePort', 'Hover.getHoverInfo', 'Hover.handleSashPointerDown', 'Hover.handleSashPointerMove', 'Hover.handleSashPointerUp', 'Hover.loadContent', 'Hover.render', 'Initialize.initialize', 'SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker'
+const keep = ['ActivateByEvent.activateByEvent', 'Editor.applyEdit2', 'Editor.applyEdits2', 'Editor.closeFind2', 'Editor.closeWidget2', 'Editor.create', 'Editor.getKeyBindings', 'Editor.getLines2', 'Editor.getPositionAtCursor', 'Editor.getOffsetAtCursor', 'Editor.getQuickPickMenuEntries', 'Editor.getSelections', 'Editor.getSelections2', 'Editor.getText', 'Editor.getWordAt', 'Editor.getWordAt2', 'Editor.getWordAtOffset2', 'Editor.getUri', 'Editor.getWordBefore', 'Editor.getWordBefore2', 'Editor.offsetAt', 'Editor.render', 'Editor.setSelections2', 'Editor.updateDebugInfo', 'Editor.getLanguageId', 'Font.ensure', 'HandleMessagePort.handleMessagePort', 'Hover.getHoverInfo', 'Hover.handleSashPointerDown', 'Hover.handleSashPointerMove', 'Hover.handleSashPointerUp', 'Hover.loadContent', 'Hover.render', 'Initialize.initialize', 'SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker'
 // 'ColorPicker.handleSliderPointerDown',
 // 'ColorPicker.handleSliderPointerMove',
 // 'ColorPicker.loadContent',
@@ -9871,6 +9879,8 @@ const commandMap = {
   'Editor.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Editor.getSelections': getSelections,
   'Editor.getSelections2': getSelections2,
+  'Editor.getLanguageId': getLanguageId,
+  'Editor.getUri': getUri,
   'Editor.getText': getText,
   'Editor.getWordAt': getWordAt$1,
   'Editor.getWordAt2': getWordAt,

package/static/{8fd4507 → 9c27ccd}/packages/explorer-worker/dist/explorerViewWorkerMain.js

@@ -931,17 +931,34 @@ const create$2 = rpcId => {
 };
 const RendererWorker$1 = 1;
 const {
-  invoke: invoke$4,
+  invoke: invoke$3,
   set: set$3} = create$2(RendererWorker$1);
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
+const confirm$1 = async (message, options) => {
+  // @ts-ignore
+  const result = await invoke$3('Confirmprompt.prompt', message, options);
+  return result;
+};
+const writeClipBoardText$1 = async text => {
+  await invoke$3('ClipBoard.writeText', /* text */text);
+};
 const RendererWorker = {
   __proto__: null,
-  invoke: invoke$4,
-  set: set$3
+  confirm: confirm$1,
+  invoke: invoke$3,
+  set: set$3,
+  showContextMenu: showContextMenu$1,
+  writeClipBoardText: writeClipBoardText$1
 };
 
 const {
   invoke: invoke$1,
-  set: set$1
+  set: set$1,
+  writeClipBoardText,
+  confirm,
+  showContextMenu
 } = RendererWorker;
 
 // TODO use direct connection
@@ -1870,7 +1887,7 @@ const copyPath = async state => {
 };
 
 const writeText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+  await writeClipBoardText(text);
 };
 const readNativeFiles = async () => {
   // @ts-ignore
@@ -2004,7 +2021,8 @@ const create2 = (uid, uri, x, y, width, height, args, parentUid, platform = 0) =
     scrollBarHeight: 0,
     confirmPaste: false,
     pasteShouldMove: false,
-    cutItems: []
+    cutItems: [],
+    isPointerDown: false
   };
   set(uid, state, state);
 };
@@ -2053,7 +2071,8 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     scrollBarHeight: 0,
     confirmPaste: false,
     pasteShouldMove: false,
-    cutItems: []
+    cutItems: [],
+    isPointerDown: false
   };
   set(state.uid, state, state);
   return state;
@@ -2064,6 +2083,7 @@ const RenderFocus = 6;
 const RenderFocusContext = 7;
 const RenderValue = 8;
 const RenderSelection = 9;
+const RenderDragData = 10;
 
 const diffType$3 = RenderFocus;
 const isEqual$4 = (oldState, newState) => {
@@ -2391,7 +2411,7 @@ const focusPrevious = state => {
   }
 };
 
-const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'handleCut', 'selectIndices', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleDragLeave', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'updateEditingValue', 'updateIcons'];
+const commandIds = ['acceptEdit', 'cancelEdit', 'cancelTypeAhead', 'collapseAll', 'copyPath', 'copyRelativePath', 'dispose', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'getMenuEntries2', 'getMouseActions', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleContextMenuKeyboard', 'handleCopy', 'handleCut', 'handleDragLeave', 'handleDragOver', 'handleDragStart', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleInputBlur', 'handleInputClick', 'handleInputKeyDown', 'handleKeyDown', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'removeDirent', 'rename', 'renameDirent', 'renderEventListeners', 'revealItem', 'revealItem', 'scrollDown', 'scrollUp', 'selectAll', 'selectDown', 'selectIndices', 'selectUp', 'setDeltaY', 'setSelectedIndices', 'toggleIndividualSelection', 'updateEditingValue', 'updateIcons'];
 
 const getCommandIds = () => {
   return commandIds;
@@ -2910,9 +2930,19 @@ const handleArrowRight = async state => {
 const handleBlur = async state => {
   // TODO when blur event occurs because of context menu, focused index should stay the same
   // but focus outline should be removed
+  const {
+    items
+  } = state;
+  const newItems = items.map(item => {
+    return {
+      ...item,
+      selected: false
+    };
+  });
   return {
     ...state,
-    focused: false
+    focused: false,
+    items: newItems
   };
 };
 
@@ -3090,14 +3120,44 @@ const handleClickAtRangeSelection = async (state, index) => {
   return handleRangeSelection(state, min, max);
 };
 
+const toggleIndividualSelection = async (state, index) => {
+  const {
+    items
+  } = state;
+
+  // If index is out of range, do nothing
+  if (index < 0 || index >= items.length) {
+    return state;
+  }
+  const newItems = items.map((item, i) => ({
+    ...item,
+    selected: i === index ? !item.selected : item.selected
+  }));
+  return {
+    ...state,
+    items: newItems
+  };
+};
+
 const handleClickAt = async (state, defaultPrevented, button, ctrlKey, shiftKey, x, y) => {
   if (defaultPrevented || button !== LeftClick) {
     return state;
   }
   const index = getIndexFromPosition(state, x, y);
+  if (index === -1) {
+    return {
+      ...state,
+      focused: true,
+      focusedIndex: -1
+      // TODO mark all items as not selected
+    };
+  }
   if (shiftKey) {
     return handleClickAtRangeSelection(state, index);
   }
+  if (ctrlKey) {
+    return toggleIndividualSelection(state, index);
+  }
   return handleClick(state, index);
 };
 
@@ -3119,7 +3179,7 @@ const handleClickOpenFolder = async state => {
 };
 
 const show = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
+  return showContextMenu(x, y, id, ...args);
 };
 
 const Explorer$1 = 4;
@@ -3213,14 +3273,6 @@ const handleCut = async state => {
 
 const handleDragLeave = state => {
   return state;
-  // const { dropTargets } = state
-  // if (dropTargets.length === 0) {
-  //   return state
-  // }
-  // return {
-  //   ...state,
-  //   dropTargets: [],
-  // }
 };
 
 const canBeDroppedInto = dirent => {
@@ -3286,6 +3338,10 @@ const handleDragOver = (state, x, y) => {
   };
 };
 
+const handleDragStart = state => {
+  return state;
+};
+
 const isExpanded = item => {
   return item.type === DirectoryExpanded || item.type === DirectoryExpanding;
 };
@@ -3602,8 +3658,7 @@ const handleDropIntoFile = (state, dirent, index, fileHandles, files, paths) =>
   if (parentIndex === -1) {
     return handleDropRoot(state, fileHandles, files, paths);
   }
-  // @ts-ignore
-  return handleDropIndex(parentIndex);
+  return handleDropIndex(state, fileHandles, files, paths, parentIndex);
 };
 const handleDropIndex = async (state, fileHandles, files, paths, index) => {
   const {
@@ -4030,7 +4085,10 @@ const handlePointerDown = (state, button, x, y) => {
       focus: List
     };
   }
-  return state;
+  return {
+    ...state,
+    focusedIndex: index
+  };
 };
 
 const handleUpload = async (state, dirents) => {
@@ -4284,6 +4342,10 @@ const handleWorkspaceChange = async state => {
   return newState;
 };
 
+const initialize = async () => {
+  // TODO create file system worker connection
+};
+
 const ExplorerEditBox = FocusExplorerEditBox;
 
 const getNewChildDirentsForNewDirent = async (items, depth, parentPath, direntType) => {
@@ -4452,7 +4514,7 @@ const confirmDelete = async paths => {
   // TODO use i18n string
   const message = paths.length === 1 ? `Are you sure you want to delete "${paths[0]}"?` : `Are you sure you want to delete ${paths.length} items?`;
   // @ts-ignore
-  const result = await invoke$1('Confirmprompt.prompt', message);
+  const result = await confirm(message);
   return result === true;
 };
 
@@ -4560,6 +4622,38 @@ const renameDirent = state => {
   };
 };
 
+const getDragLabel = urls => {
+  if (urls.length === 1) {
+    return urls[0];
+  }
+  return `${urls.length}`;
+};
+const getDragData = urls => {
+  const data = urls.join('\n');
+  // TODO send selected urls
+  const dragData = [{
+    type: 'text/plain',
+    data
+  }, {
+    type: 'text/uri-list',
+    data
+  }];
+  // @ts-ignore
+  dragData.label = getDragLabel(urls);
+  return dragData;
+};
+
+const renderDragData = (oldState, newState) => {
+  const {
+    items,
+    focusedIndex
+  } = newState;
+  const selected = items.filter((item, index) => item.selected || index === focusedIndex);
+  const urls = selected.map(item => item.path);
+  const dragData = getDragData(urls);
+  return ['Viewlet.setDragData', newState.uid, dragData];
+};
+
 const ExplorerInput = 'ExplorerInput';
 
 const renderEditingSelection = (oldState, newState) => {
@@ -4670,19 +4764,20 @@ const getErrorMessageDom = (errorMessage, errorMessageLeft, errorMessageTop) =>
   }, text(errorMessage)];
 };
 
-const HandleClick = 'handleClick';
-const HandleClickOpenFolder = 'handleClickOpenFolder';
-const HandleContextMenu = 'handleContextMenu';
-const HandleDragLeave = 'handleDragLeave';
-const HandleDragOver = 'handleDragOver';
-const HandleDrop = 'handleDrop';
-const HandleEditingInput = 'handleEditingInput';
-const HandleInputBlur = 'handleInputBlur';
-const HandleInputClick = 'handleInputClick';
-const HandleListBlur = 'handleListBlur';
-const HandleListFocus = 'handleListFocus';
-const HandlePointerDown = 'handlePointerDown';
-const HandleWheel = 'handleWheel';
+const HandleClick = 1;
+const HandleClickOpenFolder = 2;
+const HandleContextMenu = 3;
+const HandleDragLeave = 4;
+const HandleDragOver = 5;
+const HandleDrop = 6;
+const HandleEditingInput = 7;
+const HandleInputBlur = 8;
+const HandleInputClick = 9;
+const HandleListBlur = 11;
+const HandleListFocus = 12;
+const HandlePointerDown = 14;
+const HandleWheel = 15;
+const HandleDragStart = 17;
 
 const getExplorerWelcomeVirtualDom = isWide => {
   return [{
@@ -4796,7 +4891,8 @@ const getExplorerItemVirtualDom = item => {
     path,
     setSize,
     posInSet,
-    isCut
+    isCut,
+    index
   } = item;
   const chevronDom = getChevronVirtualDom(chevron);
   return [{
@@ -4813,7 +4909,8 @@ const getExplorerItemVirtualDom = item => {
     ariaLabel: name,
     ariaExpanded,
     ariaDescription: '',
-    id
+    id,
+    'data-index': index
   }, ...chevronDom, getFileIconVirtualDom(icon), ...getInputOrLabelDom(isEditing, hasEditingError, name, isCut)];
 };
 
@@ -4948,16 +5045,15 @@ const getExpandedType = type => {
   }
 };
 
-const focused = mergeClassNames(TreeItem, TreeItemActive);
-const selected = mergeClassNames(TreeItem, TreeItemActive);
-const getTreeItemClassName = (isSelected, isFocused) => {
-  if (isFocused) {
-    return focused;
+const getTreeItemClassName = (isSelected, isFocused, isDropping) => {
+  let className = TreeItem;
+  if (isSelected || isFocused) {
+    className = mergeClassNames(className, TreeItemActive);
   }
-  if (isSelected) {
-    return selected;
+  if (isDropping) {
+    className = mergeClassNames(className, 'DropTarget');
   }
-  return TreeItem;
+  return className;
 };
 
 const defaultIndent$1 = 1;
@@ -4999,7 +5095,8 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
     const id = isFocused ? 'TreeItemActive' : undefined;
     const isSelected = item.selected;
     const isCut = cutItems.includes(item.path);
-    const className = getTreeItemClassName(isSelected, isFocused); // TODO compute classname in dom function
+    const isDropping = dropTargets.includes(i);
+    const className = getTreeItemClassName(isSelected, isFocused, isDropping); // TODO compute classname in dom function
     const expanded = getExpandedType(item.type);
     const ariaExpanded = ariaExpandedValues[expanded];
     const isEditing = i === editingIndex;
@@ -5021,7 +5118,8 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
       chevron,
       id,
       className,
-      isCut
+      isCut,
+      index: i
     });
   }
   return visible;
@@ -5029,25 +5127,25 @@ const getVisibleExplorerItems = (items, minLineY, maxLineY, focusedIndex, editin
 
 const renderItems = (oldState, newState) => {
   const {
-    items,
-    minLineY,
-    maxLineY,
-    focusedIndex,
+    cutItems,
+    deltaY,
+    dropTargets,
+    editingErrorMessage,
+    editingIcon,
     editingIndex,
     editingType,
     editingValue,
-    editingErrorMessage,
+    focused,
+    focusedIndex,
+    height,
     icons,
-    useChevrons,
-    dropTargets,
-    editingIcon,
     itemHeight,
-    width,
+    items,
+    maxLineY,
+    minLineY,
     root,
-    deltaY,
-    focused,
-    height,
-    cutItems
+    useChevrons,
+    width
   } = newState;
   const visibleDirents = getVisibleExplorerItems(items, minLineY, maxLineY, focusedIndex, editingIndex, editingType, editingValue, editingErrorMessage, icons, useChevrons, dropTargets, editingIcon, cutItems);
   const isWide = width > 450;
@@ -5088,6 +5186,8 @@ const getRenderer = diffType => {
       return renderValue;
     case RenderSelection:
       return renderEditingSelection;
+    case RenderDragData:
+      return renderDragData;
     default:
       throw new Error('unknown renderer');
   }
@@ -5235,8 +5335,8 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandlePointerDown,
-    params: ['handlePointerDown', 'event.button', 'event.clientX', 'event.clientY'],
-    preventDefault: true
+    params: ['handlePointerDown', 'event.button', 'event.clientX', 'event.clientY']
+    // preventDefault: true,
   }, {
     name: HandleEditingInput,
     params: ['updateEditingValue', 'event.target.value']
@@ -5259,6 +5359,15 @@ const renderEventListeners = () => {
   }, {
     name: HandleDragLeave,
     params: ['handleDragLeave']
+  }, {
+    name: HandleDragStart,
+    params: ['handleDragStart'],
+    // @ts-ignore
+    dragInfo: [{
+      type: 'text/plain',
+      data: 'https://example.com'
+    }],
+    dragEffect: 'copyMove'
   }];
 };
 
@@ -5555,6 +5664,7 @@ const commandMap = {
   'Explorer.focusFirst': wrapCommand(focusFirst),
   'Explorer.focusIndex': wrapCommand(focusIndex),
   'Explorer.focusLast': wrapCommand(focusLast),
+  'Explorer.handleDragStart': wrapCommand(handleDragStart),
   'Explorer.focusNext': wrapCommand(focusNext),
   'Explorer.focusNone': wrapCommand(focusNone),
   'Explorer.focusPrevious': wrapCommand(focusPrevious),
@@ -5598,10 +5708,11 @@ const commandMap = {
   'Explorer.revealItem': wrapCommand(revealItem),
   'Explorer.selectAll': wrapCommand(selectAll),
   'Explorer.selectDown': wrapCommand(selectDown),
+  'Explorer.selectIndices': wrapCommand(setSelectedIndices),
   'Explorer.selectUp': wrapCommand(selectUp),
   'Explorer.setDeltaY': wrapCommand(setDeltaY),
   'Explorer.setSelectedIndices': wrapCommand(setSelectedIndices),
-  'Explorer.selectIndices': wrapCommand(setSelectedIndices),
+  'Explorer.toggleIndividualSelection': wrapCommand(toggleIndividualSelection),
   'Explorer.updateEditingValue': wrapCommand(updateEditingValue),
   'Explorer.updateIcons': wrapCommand(updateIcons),
   // not wrapped
@@ -5614,6 +5725,7 @@ const commandMap = {
   'Explorer.renderEventListeners': renderEventListeners,
   'Explorer.saveState': saveState,
   'Explorer.terminate': terminate,
+  'Explorer.initialize': initialize,
   // deprecated
   'Explorer.create': create
 };