@lvce-editor/problems-view 1.4.0 → 1.6.0

package/dist/problemsViewWorkerMain.js

@@ -1086,6 +1086,18 @@ const focusIndex = (state, index) => {
   };
 };
 
+const commandMapRef = {};
+
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const getCommandIds = () => {
+  const keys = Object.keys(commandMapRef);
+  const ids = keys.map(toCommandId);
+  return ids;
+};
+
 const None = 'none';
 const ToolBar = 'toolbar';
 const Tree$1 = 'tree';
@@ -1495,6 +1507,19 @@ const getActionButtonVirtualDom = action => {
   }, getIconVirtualDom(icon)];
 };
 
+const getInputBoxVirtualDom = (name, onInput, placeholder) => {
+  return {
+    type: VirtualDomElements.Input,
+    className: InputBox,
+    autocapitalize: 'off',
+    autocorrect: 'off',
+    name,
+    onInput: onInput,
+    placeholder: placeholder,
+    spellcheck: false
+  };
+};
+
 const Filter$1 = 'filter';
 
 const CollapseAll = 'CollapseAll';
@@ -1502,41 +1527,36 @@ const Filter = 'Filter';
 const ListFlat = 'ListFlat';
 const ListTree = 'ListTree';
 
+const getChildCount = badgeText => {
+  let childCount = 0;
+  childCount++; // input
+  if (badgeText) {
+    childCount++; // badge
+  }
+  childCount++; // action button
+  return childCount;
+};
+const getBadgeDom = badgeText => {
+  if (!badgeText) {
+    return [];
+  }
+  return [{
+    type: VirtualDomElements.Div,
+    className: FilterBadge,
+    childCount: 1
+  }, text(badgeText)];
+};
 const getProblemsFilterVirtualDom = action => {
-  // TODO avoid mutation
-  const dom = [];
-  dom.push({
+  return [{
     type: VirtualDomElements.Div,
     className: Filter$2,
-    childCount: 1
-  }, {
-    type: VirtualDomElements.Input,
-    className: InputBox,
-    spellcheck: false,
-    autocapitalize: 'off',
-    autocorrect: 'off',
-    placeholder: action.placeholder,
-    onInput: action.command,
-    name: Filter$1,
-    value: action.value
-  });
-  if (action.badgeText) {
-    // @ts-ignore
-    dom[0].childCount++;
-    dom.push({
-      type: VirtualDomElements.Div,
-      className: FilterBadge,
-      childCount: 1
-    }, text(action.badgeText));
-  }
-  // @ts-ignore
-  dom[0].childCount++;
-  dom.push(...getActionButtonVirtualDom({
+    childCount: getChildCount(action.badgeText)
+  }, getInputBoxVirtualDom(Filter$1, action.command, action.placeholder || ''), ...getBadgeDom(action.badgeText), ...getActionButtonVirtualDom({
     id: 'more filters',
+    // TODO use i18n string
     icon: Filter,
     command: 'more filters'
-  }));
-  return dom;
+  })];
 };
 
 const getBadgeVirtualDom = (className, count) => {
@@ -1837,8 +1857,7 @@ const getProblemsVirtualDom$1 = (viewMode, problems, filterValue) => {
   if (viewMode === Table) {
     return getProblemsTableVirtualDom(problems);
   }
-  const dom = getProblemsListVirtualDom(problems);
-  return dom;
+  return getProblemsListVirtualDom(problems);
 };
 
 const getProblemsVirtualDom = (viewMode, problems, filterValue, isSmall) => {
@@ -1858,9 +1877,7 @@ const getProblemsVirtualDom = (viewMode, problems, filterValue, isSmall) => {
     dom.push(...getProblemsFilterVirtualDom({
       command: HandleFilterInput,
       badgeText: '',
-      placeholder: filter(),
-      value: ''
-    }));
+      placeholder: filter()}));
   }
   dom.push(...getProblemsVirtualDom$1(viewMode, problems, filterValue));
   return dom;
@@ -2031,7 +2048,10 @@ const getActions = state => {
   return actions;
 };
 
-const renderActions = newState => {
+const renderActions = uid => {
+  const {
+    newState
+  } = get(uid);
   const actions = getActions(newState);
   const dom = getActionsVirtualDom(actions);
   return dom;
@@ -2108,12 +2128,14 @@ const commandMap = {
   'Problems.handleContextMenu': handleContextMenu,
   'Problems.viewAsTable': viewAsTable,
   'Problems.viewAsList': viewAsList,
-  'Problems.handleClickAt': wrapCommand(handleClickAt)
+  'Problems.handleClickAt': wrapCommand(handleClickAt),
+  'Problems.getCommandIds': getCommandIds
 };
 
 const listen = async () => {
+  Object.assign(commandMapRef, commandMap);
   const rpc = await WebWorkerRpcClient.create({
-    commandMap: commandMap
+    commandMap: commandMapRef
   });
   set$1(rpc);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/problems-view",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Problems View Worker",
   "repository": {
     "type": "git",