@lvce-editor/static-server 0.56.2 → 0.56.4

package/static/{1273e4b → e6ddf2e}/packages/file-system-worker/dist/fileSystemWorkerMain.js

@@ -1068,7 +1068,7 @@ const WebWorkerRpcClient = {
   create: create$3
 };
 
-const readFile$2 = async uri => {
+const readFile$3 = async uri => {
   const response = await fetch(uri);
   if (!response.ok) {
     throw new Error(response.statusText);
@@ -1129,7 +1129,7 @@ const {
 const remove$1$1 = async uri => {
   return invoke$8('FileSystem.remove', uri);
 };
-const readFile$1$1 = async uri => {
+const readFile$2 = async uri => {
   return invoke$8('FileSystem.readFile', uri);
 };
 const readDirWithFileTypes$1$1 = async uri => {
@@ -1167,19 +1167,24 @@ const copy$1$1 = async (oldUri, newUri) => {
   // @ts-ignore
   return invoke$8('FileSystem.copy', oldUri, newUri);
 };
-const getFolderSize$1$1 = async uri => {
+const getFolderSize$2 = async uri => {
   // @ts-ignore
   return invoke$8('FileSystem.getFolderSize', uri);
 };
+const exists$1$1 = async uri => {
+  // @ts-ignore
+  return invoke$8('FileSystem.exists', uri);
+};
 const FileSystemProcess = {
   __proto__: null,
   copy: copy$1$1,
-  getFolderSize: getFolderSize$1$1,
+  exists: exists$1$1,
+  getFolderSize: getFolderSize$2,
   getPathSeparator: getPathSeparator$1$1,
   getRealPath: getRealPath$1$1,
   mkdir: mkdir$1$1,
   readDirWithFileTypes: readDirWithFileTypes$1$1,
-  readFile: readFile$1$1,
+  readFile: readFile$2,
   readJson: readJson$2,
   remove: remove$1$1,
   rename: rename$1$1,
@@ -1195,7 +1200,6 @@ const RendererWorker = {
   invokeAndTransfer: invokeAndTransfer$3,
   set: set$3};
 
-// @ts-ignore
 const {
   set: set$1,
   rename: rename$1,
@@ -1224,7 +1228,7 @@ const isHttp = uri => {
 };
 const readFile = async uri => {
   if (isHttp(uri)) {
-    return readFile$2(uri);
+    return readFile$3(uri);
   }
   return readFile$1(uri);
 };
@@ -1324,6 +1328,7 @@ const createFileSystemProcessRpcNode = async () => {
   }
 };
 
+const Web = 1;
 const Electron = 2;
 const Remote = 3;
 
@@ -1343,11 +1348,18 @@ const createFileSystemProcessRpc = async platform => {
   return create();
 };
 
-const initialize = async platform => {
+const initializeFileSytemProcess = async platform => {
+  if (platform === Web) {
+    return;
+  }
   const rpc = await createFileSystemProcessRpc(platform);
   set$1(rpc);
 };
 
+const initialize = async platform => {
+  await initializeFileSytemProcess(platform);
+};
+
 const commandMap = {
   'FileSystem.copy': copy,
   'FileSystem.createFile': createFile,

package/static/{1273e4b → e6ddf2e}/packages/problems-view/dist/problemsViewWorkerMain.js

@@ -1169,10 +1169,9 @@ const None$1 = 0;
 const Table = 1;
 const List = 2;
 
-const create = (id, uri, x, y, width, height, args, parentUid) => {
+const create = (id, uri, x, y, width, height, workspaceUri) => {
   const state = {
     uid: id,
-    parentUid,
     problems: [],
     focusedIndex: -2,
     message: '',
@@ -1189,7 +1188,8 @@ const create = (id, uri, x, y, width, height, args, parentUid) => {
     listItems: [],
     collapsedUris: [],
     smallWidthBreakPoint: 650,
-    filteredProblems: []
+    filteredProblems: [],
+    workspaceUri
   };
   set$1(id, state, state);
 };
@@ -1199,7 +1199,7 @@ const isEqual$1 = (oldState, newState) => {
 };
 
 const isEqual = (oldState, newState) => {
-  return oldState.problems === newState.problems && oldState.filterValue === newState.filterValue && oldState.message === newState.message;
+  return oldState.problems === newState.problems && oldState.filterValue === newState.filterValue && oldState.message === newState.message && oldState.viewMode === newState.viewMode;
 };
 
 const RenderItems = 1;
@@ -1453,6 +1453,10 @@ const handleClickAt = (state, eventX, eventY) => {
   };
 };
 
+const handleClickButton = async (state, name) => {
+  return state;
+};
+
 const handleContextMenu = async (state, eventX, eventY) => {
   // @ts-ignore
   // await ContextMenu.show(eventX, eventY, MenuEntryId.Problems)
@@ -1498,14 +1502,107 @@ const initialize = async () => {
   set(rpc);
 };
 
-const getProblems = async state => {
+const toProblem = (diagnostic, index) => {
+  const {
+    message,
+    rowIndex,
+    columnIndex,
+    source,
+    code,
+    type,
+    uri
+  } = diagnostic;
+  return {
+    message: message || '',
+    rowIndex: rowIndex || 0,
+    columnIndex: columnIndex || 0,
+    uri,
+    relativePath: '',
+    count: 0,
+    source: source || '',
+    code: code || '',
+    type: type || 'error',
+    listItemType: Item,
+    posInSet: index,
+    setSize: 1,
+    level: 2,
+    fileName: ''
+  };
+};
+const getRelativeParentUri = (uri, workspaceUri) => {
+  const slashIndex = uri.lastIndexOf('/');
+  return uri.slice(0, slashIndex).slice(workspaceUri.length);
+};
+const getFileName = uri => {
+  const slashIndex = uri.lastIndexOf('/');
+  return uri.slice(slashIndex + 1);
+};
+const toProblems = (diagnostics, workspaceUri = '') => {
+  const problems = [];
+  let problem = {
+    message: '',
+    rowIndex: 0,
+    columnIndex: 0,
+    uri: '',
+    relativePath: '',
+    count: 0,
+    source: '',
+    code: '',
+    level: 0,
+    listItemType: 0,
+    posInSet: 0,
+    setSize: 0,
+    type: '',
+    fileName: ''
+  };
+  let relativeIndex = 0;
+  for (const diagnostic of diagnostics) {
+    if (diagnostic.uri === problem.uri) {
+      relativeIndex++;
+      problem.count++;
+    } else {
+      relativeIndex = 1;
+      problem = {
+        message: '',
+        rowIndex: 0,
+        columnIndex: 0,
+        uri: diagnostic.uri,
+        relativePath: '',
+        count: 1,
+        source: '',
+        type: '',
+        listItemType: Expanded,
+        posInSet: relativeIndex,
+        setSize: 123,
+        level: 1,
+        code: '',
+        fileName: ''
+      };
+      problems.push(problem);
+    }
+    problems.push(toProblem(diagnostic, relativeIndex));
+  }
+  for (const problem of problems) {
+    // TODO maybe rename property, this should be the relative path of the parent folder of the file
+    // @ts-ignore
+    problem.relativePath = getRelativeParentUri(problem.uri, workspaceUri);
+    // @ts-ignore
+    problem.fileName = getFileName(problem.uri);
+    // problem.uri = problem.uri // TODO
+  }
+  return problems;
+};
+
+// TODO send event listener to editor, asking to send problem updates to this worker
+
+const getProblems = async workspaceUri => {
   try {
-    // TODO send event listener to editor, asking to send problem updates to this worker
     // @ts-ignore
-    await invoke('Editor.getProblems');
-    // TODO ask editor worker for problems
+    const diagnostics = await invoke('Editor.getProblems');
+    // @ts-ignore
+    const problems = toProblems(diagnostics, workspaceUri);
     return {
-      problems: [],
+      problems,
       error: ''
     };
   } catch (error) {
@@ -1620,7 +1717,7 @@ const loadContent = async (state, savedState) => {
   const {
     problems,
     error
-  } = await getProblems();
+  } = await getProblems(state.workspaceUri);
   if (error) {
     return {
       ...state,
@@ -1849,23 +1946,23 @@ const getTreeItemIndent = depth => {
 
 const getProblemVirtualDom = problem => {
   const {
-    message,
-    rowIndex,
+    code,
     columnIndex,
-    isActive,
-    uri,
+    filterValueLength,
     icon,
-    source,
-    relativePath,
+    isActive,
+    isCollapsed,
+    level,
+    listItemType,
+    message,
     messageMatchIndex,
-    filterValueLength,
-    code,
-    type,
     posInSet,
+    relativePath,
+    rowIndex,
     setSize,
-    level,
-    listItemType,
-    isCollapsed
+    source,
+    type,
+    fileName
   } = problem;
   let className = Problem;
   if (isActive) {
@@ -1883,7 +1980,7 @@ const getProblemVirtualDom = problem => {
       ariaExpanded: !isCollapsed,
       ariaSelected: isActive,
       role: AriaRoles.TreeItem
-    }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), text(uri), {
+    }, listItemType === Collapsed ? getChevronRightVirtualDom() : getChevronDownVirtualDom(), getFileIconVirtualDom(icon), text(fileName), {
       type: VirtualDomElements.Div,
       className: LabelDetail,
       childCount: 1
@@ -2053,7 +2150,7 @@ const getProblemsTableVirtualDom = problems => {
 };
 
 const getProblemsVirtualDom$1 = (viewMode, problems, filterValue, message) => {
-  if (message) {
+  if (problems.length === 0 && message) {
     return [{
       type: VirtualDomElements.Div,
       className: Message,
@@ -2347,18 +2444,19 @@ const viewAsTable = state => {
 };
 
 const commandMap = {
-  'Problems.copyMessage': copyMessage,
+  'Problems.copyMessage': wrapCommand(copyMessage),
   'Problems.create': create,
   'Problems.diff2': diff2,
-  'Problems.focusIndex': focusIndex,
+  'Problems.focusIndex': wrapCommand(focusIndex),
   'Problems.getCommandIds': getCommandIds,
   'Problems.getKeyBindings': getKeyBindings,
   'Problems.handleArrowLeft': wrapCommand(handleArrowLeft),
   'Problems.handleArrowRight': wrapCommand(handleArrowRight),
   'Problems.handleClickAt': wrapCommand(handleClickAt),
-  'Problems.handleContextMenu': handleContextMenu,
+  'Problems.handleContextMenu': wrapCommand(handleContextMenu),
+  'Problems.handleClickButton': wrapCommand(handleClickButton),
   'Problems.handleFilterInput': wrapCommand(handleFilterInput),
-  'Problems.handleIconThemeChange': handleIconThemeChange,
+  'Problems.handleIconThemeChange': wrapCommand(handleIconThemeChange),
   'Problems.initialize': initialize,
   'Problems.loadContent': wrapCommand(loadContent),
   'Problems.render2': render2,
@@ -2367,8 +2465,8 @@ const commandMap = {
   'Problems.resize': resize,
   'Problems.saveState': saveState,
   'Problems.terminate': terminate,
-  'Problems.viewAsList': viewAsList,
-  'Problems.viewAsTable': viewAsTable
+  'Problems.viewAsList': wrapCommand(viewAsList),
+  'Problems.viewAsTable': wrapCommand(viewAsTable)
 };
 
 const listen = async () => {

package/static/{1273e4b → e6ddf2e}/packages/renderer-process/dist/rendererProcessMain.js

@@ -2594,7 +2594,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/1273e4b';
+const assetDir = '/e6ddf2e';
 
 const rendererWorkerUrl = `${assetDir}/packages/renderer-worker/dist/rendererWorkerMain.js`;
 
@@ -3645,6 +3645,13 @@ const toHaveAttribute$1 = (element, {
   const attribute = element.getAttribute(key);
   return attribute === value;
 };
+const toHaveJSProperty = (element, {
+  key,
+  value
+}) => {
+  const attribute = element[key];
+  return attribute === value;
+};
 const toBeFocused$1 = element => {
   return element === document.activeElement;
 };
@@ -3679,6 +3686,7 @@ const SingleElementConditions = {
   toHaveClass: toHaveClass$1,
   toHaveCss: toHaveCss$1,
   toHaveId: toHaveId$1,
+  toHaveJSProperty,
   toHaveText: toHaveText$1,
   toHaveValue
 };
@@ -9386,6 +9394,9 @@ const setProperty = (id, selector, property, value) => {
   }
   const $Viewlet = instance.state.$Viewlet;
   const $Element = $Viewlet.querySelector(selector);
+  if (!$Element) {
+    return;
+  }
   $Element[property] = value;
 };
 

package/static/{1273e4b → e6ddf2e}/packages/renderer-process/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "15.0.0",
+  "version": "15.1.0",
   "description": "",
   "keywords": [
     "lvce-editor",

package/static/{1273e4b → e6ddf2e}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -96,7 +96,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/1273e4b';
+    return '/e6ddf2e';
   }
 };
 const assetDir = getAssetDir();
@@ -3939,19 +3939,20 @@ const hideFunctional = id => {
     throw new Error(`Failed to dispose viewlet ${id}: ${error}`);
   }
 };
-const resize$o = async (id, dimensions) => {
+const resize$n = async (id, dimensions) => {
   number(id);
   object(dimensions);
   const instance = getInstance(id);
-  if (!instance || !instance.factory || !instance.factory.resize) {
+  if (!instance || !instance.factory || !instance.factory.resize && !instance.factory?.Commands?.resize) {
     console.warn('cannot resize', id);
     return [];
   }
+  const resizeFn = instance.factory?.Commands?.resize || instance.factory.resize;
   const oldState = instance.state;
   let newState;
   let commands;
   if (instance.factory.hasFunctionalResize) {
-    newState = await instance.factory.resize(oldState, dimensions);
+    newState = await resizeFn(oldState, dimensions);
     if ('newState' in newState) {
       throw new Error(`functional resize not supported in ${instance.factory.name}`);
     }
@@ -3961,6 +3962,7 @@ const resize$o = async (id, dimensions) => {
     }
     commands = render$I(instance.factory, instance.state, newState);
   } else {
+    // deprecated
     const result = await instance.factory.resize(oldState, dimensions);
     newState = result.newState;
     commands = result.commands;
@@ -14754,7 +14756,7 @@ const getFilteredActivityBarItems = (items, height, itemHeight) => {
 };
 
 const hasFunctionalResize$i = true;
-const resize$n = (state, dimensions) => {
+const resize$m = (state, dimensions) => {
   const filteredItems = getFilteredActivityBarItems(state.activityBarItems, dimensions.height, state.itemHeight);
   return {
     ...state,
@@ -14792,7 +14794,7 @@ const ViewletActivityBar_ipc = {
   menus: menus$c,
   name: name$L,
   render: render$G,
-  resize: resize$n,
+  resize: resize$m,
   saveState: saveState$j,
   toggleActivityBarItem,
   toggleItem,
@@ -16620,7 +16622,7 @@ const handleSashCornerPointerUp = state => {
   return state;
 };
 const hasFunctionalResize$h = true;
-const resize$m = (state, dimensions) => {
+const resize$l = (state, dimensions) => {
   const newTransform = getPreviewTransform(dimensions.width, dimensions.height);
   return {
     ...state,
@@ -16747,7 +16749,7 @@ const ViewletE2eTest_ipc = {
   name: name$D,
   render: render$x,
   renderActions: renderActions$9,
-  resize: resize$m
+  resize: resize$l
 };
 
 const create$B = (id, uri, x, y, width, height) => {
@@ -17476,7 +17478,7 @@ const handleLanguagesChanged = async state => {
   return state;
 };
 const hasFunctionalResize$g = true;
-const resize$l = (state, dimensions) => {
+const resize$k = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
@@ -17595,7 +17597,7 @@ const ViewletEditorText_ipc = {
   name: name$B,
   render: render$u,
   rerender,
-  resize: resize$l,
+  resize: resize$k,
   saveState: saveState$h
 };
 
@@ -17741,7 +17743,7 @@ const loadContent$x = async (state, savedState) => {
 };
 const dispose$l = state => {};
 const hasFunctionalResize$f = true;
-const resize$k = (state, dimensions) => {
+const resize$j = (state, dimensions) => {
   const {
     minLineY,
     itemHeight
@@ -17931,7 +17933,7 @@ const ViewletExplorer_ipc = {
   renderActions: renderActions$7,
   renderEventListeners: renderEventListeners$b,
   renderTitle: renderTitle$4,
-  resize: resize$k,
+  resize: resize$j,
   restoreState,
   saveState: saveState$g
 };
@@ -17966,20 +17968,6 @@ const {
   restart: restart$5
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
-const Small = 1;
-const Normal = 2;
-const Large = 3;
-
-const getViewletSize = width => {
-  if (width < 180) {
-    return Small;
-  }
-  if (width < 768) {
-    return Normal;
-  }
-  return Large;
-};
-
 const create$v = (id, uri, x, y, width, height) => {
   return {
     name: '',
@@ -18035,14 +18023,6 @@ const saveState$f = async state => {
   return savedState;
 };
 const hasFunctionalResize$e = true;
-const resize$j = (state, dimensions) => {
-  const size = getViewletSize(dimensions.width);
-  return {
-    ...state,
-    ...dimensions,
-    size
-  };
-};
 
 const wrapExtensionDetailCommand = key => {
   const fn = async (state, ...args) => {
@@ -18070,7 +18050,7 @@ const getCommands$9 = async () => {
   return Commands$p;
 };
 
-const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/BrowserScrollBar.css", "/css/parts/FeatureContent.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/ScrollToTop.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailHeader.css", "/css/parts/ViewletExtensionDetailTabs.css"];
+const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/BrowserScrollBar.css", "/css/parts/Category.css", "/css/parts/FeatureContent.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/Message.css", "/css/parts/ScrollToTop.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailHeader.css", "/css/parts/ViewletExtensionDetailTabs.css"];
 
 const id$8 = ExtensionDetailReadme;
 const getMenuEntries$c = async props => {
@@ -18120,7 +18100,6 @@ const ViewletExtensionDetail_ipc = {
   name: name$y,
   render: render$r,
   renderEventListeners: renderEventListeners$a,
-  resize: resize$j,
   saveState: saveState$f
 };
 
@@ -19795,6 +19774,7 @@ const isEqual = (oldPoints, newPoints, kTop, kLeft, kWidth, kHeight) => {
 const getResizeCommands = async (oldPoints, newPoints) => {
   const modules = [Main$1, ActivityBar, SideBar, TitleBar, StatusBar, Panel, Preview$1];
   const commands = [];
+  // TODO resize all modules in parallel
   for (const module of modules) {
     const {
       kTop,
@@ -19817,7 +19797,7 @@ const getResizeCommands = async (oldPoints, newPoints) => {
       number(newLeft);
       number(newWidth);
       number(newHeight);
-      const resizeCommands = await resize$o(instanceUid, {
+      const resizeCommands = await resize$n(instanceUid, {
         x: newLeft,
         y: newTop,
         width: newWidth,
@@ -22572,7 +22552,7 @@ const resize$g = async (state, dimensions) => {
         width: group.width,
         height: contentHeight
       };
-      const resizeCommands = await resize$o(editorUid, childDimensions);
+      const resizeCommands = await resize$n(editorUid, childDimensions);
       commands.push(...resizeCommands);
       commands.push(['Viewlet.setBounds', editorUid, group.x, tabHeight, groupWidth, contentHeight]);
     }
@@ -23141,7 +23121,7 @@ const resize$f = async (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = await resize$o(currentViewletUid, dimensions);
+  const commands = await resize$n(currentViewletUid, dimensions);
   return {
     newState,
     commands
@@ -23212,7 +23192,7 @@ const create$j = (id, uri, x, y, width, height, args, parentUid) => {
   };
 };
 const loadContent$k = async (state, savedState) => {
-  await invoke$4('Problems.create', state.uid, state.uri, state.x, state.y, state.width, state.height);
+  await invoke$4('Problems.create', state.uid, state.uri, state.x, state.y, state.width, state.height, getWorkspaceUri());
   await invoke$4('Problems.loadContent', state.uid, savedState);
   const diffResult = await invoke$4('Problems.diff2', state.uid);
   const commands = await invoke$4('Problems.render2', state.uid, diffResult);
@@ -23262,7 +23242,7 @@ const getCommands$6 = async () => {
   return Commands$e;
 };
 
-const Css$j = ["/css/parts/ViewletProblems.css"];
+const Css$j = ["/css/parts/Message.css", "/css/parts/ViewletProblems.css"];
 
 const getKeyBindings$5 = () => {
   return [{
@@ -24673,7 +24653,7 @@ const resize$b = async (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = await resize$o(currentViewletUid, childDimensions);
+  const commands = await resize$n(currentViewletUid, childDimensions);
   return {
     newState,
     commands
@@ -26754,7 +26734,7 @@ const resize$6 = async (state, dimensions) => {
     tabs
   } = state;
   const uid = tabs[0].uid;
-  const commands = await resize$o(uid, dimensions);
+  const commands = await resize$n(uid, dimensions);
   return {
     newState: state,
     commands
@@ -26983,7 +26963,7 @@ const resize$5 = async (state, dimensions) => {
   const menuBarY = dimensions.y;
   const menuBarWidth = getTitleBarMenuBarWidth(dimensions.width, menuBarX, titleBarButtonsWidth);
   const menuBarHeight = dimensions.height;
-  commands.push(...(await resize$o(titleBarMenuBarState.uid, {
+  commands.push(...(await resize$n(titleBarMenuBarState.uid, {
     x: menuBarX,
     y: menuBarY,
     width: menuBarWidth,
@@ -29192,7 +29172,7 @@ const splitRight = async state => {
   if (editor) {
     const editorUid = editor.uid;
     number(editorUid);
-    const resizeCommands = await resize$o(editorUid, dimensions);
+    const resizeCommands = await resize$n(editorUid, dimensions);
     commands.push(...resizeCommands);
     commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
   }

package/static/{1273e4b → e6ddf2e}/packages/test-worker/dist/testWorkerMain.js

@@ -1385,6 +1385,13 @@ const expect$1 = locator => {
         value
       });
     },
+    async toHaveJSProperty(key, value) {
+      string(key, 'key must be of type string');
+      return this.checkSingleElementCondition('toHaveJSProperty', {
+        key,
+        value
+      });
+    },
     async toHaveClass(className) {
       string(className, 'className must be of type string');
       return this.checkSingleElementCondition('toHaveClass', {
@@ -2173,6 +2180,15 @@ const selectFeature = name => {
 const selectTab = name => {
   return invoke('ExtensionDetail.selectTab', name);
 };
+const selectDetails = async () => {
+  await selectTab('Details');
+};
+const selectFeatures = async () => {
+  await selectTab('Features');
+};
+const selectChangelog = async () => {
+  await selectTab('Changelog');
+};
 const open$4 = extensionId => {
   const uri = `extension-detail://${extensionId}`;
   return invoke('Main.openUri', uri);
@@ -2190,15 +2206,23 @@ const openCommands = async () => {
 const openWebViews = async () => {
   await openFeature('WebView');
 };
+const handleScroll = async scrollTop => {
+  // @ts-ignore
+  return invoke('ExtensionDetail.handleScroll', scrollTop);
+};
 
 const TestFrameWorkComponentExtensionDetail = {
   __proto__: null,
+  handleScroll,
   open: open$4,
   openCommands,
   openFeature,
   openThemes,
   openWebViews,
+  selectChangelog,
+  selectDetails,
   selectFeature,
+  selectFeatures,
   selectTab
 };