@lvce-editor/problems-view 1.5.0 → 1.7.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) => {
@@ -1857,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;
@@ -1993,9 +2011,19 @@ const getActionsVirtualDom = actions => {
 };
 
 const getActions = state => {
-  const visibleCount = getVisibleProblems(state.problems, state.collapsedUris, state.focusedIndex, state.filterValue).length;
-  const problemsCount = state.problems.length;
-  const isSmall = state.width <= state.smallWidthBreakPoint;
+  const {
+    problems,
+    width,
+    collapsedUris,
+    focusedIndex,
+    smallWidthBreakPoint,
+    filterValue,
+    inputSource,
+    viewMode
+  } = state;
+  const visibleCount = getVisibleProblems(problems, collapsedUris, focusedIndex, filterValue).length;
+  const problemsCount = problems.length;
+  const isSmall = width <= smallWidthBreakPoint;
   const actions = [];
   if (!isSmall) {
     actions.push({
@@ -2004,10 +2032,10 @@ const getActions = state => {
       command: HandleFilterInput,
       badgeText: visibleCount === problemsCount ? '' : showingOf(visibleCount, problemsCount),
       placeholder: filter(),
-      value: state.inputSource === Script ? state.filterValue : ''
+      value: inputSource === Script ? filterValue : ''
     });
   }
-  if (state.viewMode === Table) {
+  if (viewMode === Table) {
     actions.push({
       type: Button,
       id: viewAsList$1(),
@@ -2053,6 +2081,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClearFilterClick,
     params: ['clearFilter']
+  }, {
+    name: HandlePointerDown,
+    params: ['handleClickAt', 'event.clientX', 'event.clientY']
   }];
 };
 
@@ -2110,12 +2141,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.5.0",
+  "version": "1.7.0",
   "description": "Problems View Worker",
   "repository": {
     "type": "git",