@lvce-editor/problems-view 1.2.0 → 1.3.0

package/dist/problemsViewWorkerMain.js

@@ -1013,6 +1013,7 @@ const copyMessage = async state => {
 };
 
 const User = 1;
+const Script = 2;
 
 const {
   get,
@@ -1022,6 +1023,7 @@ const {
 
 const None$1 = 0;
 const Table = 1;
+const List = 2;
 
 const create = (id, uri, x, y, width, height, args, parentUid) => {
   const state = {
@@ -1259,19 +1261,137 @@ const handleArrowRight = state => {
   };
 };
 
+const handleContextMenu = async (state, eventX, eventY) => {
+  // @ts-ignore
+  // await ContextMenu.show(eventX, eventY, MenuEntryId.Problems)
+  return state;
+};
+
+const handleIconThemeChange = state => {
+  return {
+    ...state,
+    problems: [...state.problems]
+  };
+};
+
 const initialize = async () => {
   // TODO create connection to editor worker
 };
 
+const getProblems = async state => {
+  // TODO ask editor worker for problems
+  return [];
+};
+
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const ClearFilters = 'Clear Filters';
+const Code = 'Code';
+const File = 'File';
+const Filter$3 = 'Filter';
+const LineColumn = '[Ln {PH1}, Col {PH2}]';
+const Message$1 = 'Message';
+const NoProblemsDetected = 'No problems have been detected in the workspace.';
+const NoResultsFoundWithProvidedFilterCriteria = 'No results found with provided filter criteria.';
+const ProblemsDetected = 'Some problems have been detected in the workspace.';
+const Source = 'Source';
+
+const noProblemsDetected = () => {
+  return i18nString(NoProblemsDetected);
+};
+const getMessage = problemsCount => {
+  if (problemsCount === 0) {
+    return i18nString(NoProblemsDetected);
+  }
+  return i18nString(ProblemsDetected);
+};
+const atLineColumn = (line, column) => {
+  return i18nString(LineColumn, {
+    PH1: line,
+    PH2: column
+  });
+};
+const clearFilter = () => {
+  return i18nString(ClearFilters);
+};
+const code = () => {
+  return i18nString(Code);
+};
+const message = () => {
+  return i18nString(Message$1);
+};
+const file = () => {
+  return i18nString(File);
+};
+const filter = () => {
+  return i18nString(Filter$3);
+};
+const source = () => {
+  return i18nString(Source);
+};
+const noResultsFoundWithProvidedFilterCriteria = () => {
+  return i18nString(NoResultsFoundWithProvidedFilterCriteria);
+};
+
+const getSavedViewMode = savedState => {
+  if (savedState && typeof savedState.viewMode === 'number') {
+    return savedState.viewMode;
+  }
+  return List;
+};
+const getSavedFilterValue = savedState => {
+  if (savedState && typeof savedState.filterValue === 'string') {
+    return savedState.filterValue;
+  }
+  return '';
+};
+const isString = value => {
+  return typeof value === 'string';
+};
+const getSavedCollapsedUris = savedState => {
+  if (savedState && savedState.collapsedUris && Array.isArray(savedState.collapsedUris) && savedState.collapsedUris.every(isString)) {
+    return savedState.collapsedUris;
+  }
+  return [];
+};
+const loadContent = async (state, savedState) => {
+  const problems = await getProblems();
+  const message = getMessage(problems.length);
+  const viewMode = getSavedViewMode(savedState);
+  const filterValue = getSavedFilterValue(savedState);
+  const collapsedUris = getSavedCollapsedUris(savedState);
+  return {
+    ...state,
+    problems,
+    message,
+    viewMode,
+    filterValue,
+    inputSource: Script,
+    filteredProblems: problems,
+    listItems: [],
+    collapsedUris
+  };
+};
+
 const Chevron = 'Chevron';
 const FileIcon = 'FileIcon';
-const Filter$3 = 'Filter';
+const Filter$2 = 'Filter';
 const Highlight = 'Highlight';
 const IconButton = 'IconButton';
 const InputBox = 'InputBox';
 const Label = 'Label';
 const LabelDetail = 'LabelDetail';
-const Message$1 = 'Message';
+const Message = 'Message';
 const MessageAction = 'MessageAction';
 const Problem = 'Problem';
 const ProblemAt = 'ProblemAt';
@@ -1320,16 +1440,16 @@ const getActionButtonVirtualDom = action => {
   }, getIconVirtualDom(icon)];
 };
 
-const Filter$2 = 'filter';
+const Filter$1 = 'filter';
 
-const Filter$1 = 'Filter';
+const Filter = 'Filter';
 
 const getProblemsFilterVirtualDom = action => {
   // TODO avoid mutation
   const dom = [];
   dom.push({
     type: VirtualDomElements.Div,
-    className: Filter$3,
+    className: Filter$2,
     childCount: 1
   }, {
     type: VirtualDomElements.Input,
@@ -1339,14 +1459,14 @@ const getProblemsFilterVirtualDom = action => {
     autocorrect: 'off',
     placeholder: action.placeholder,
     onInput: action.command,
-    name: Filter$2,
+    name: Filter$1,
     value: action.value
   });
   // @ts-ignore
   dom[0].childCount++;
   dom.push(...getActionButtonVirtualDom({
     id: 'more filters',
-    icon: Filter$1,
+    icon: Filter,
     command: 'more filters'
   }));
   return dom;
@@ -1421,59 +1541,6 @@ const getTreeItemIndent = depth => {
   return `${depth * defaultIndent}rem`;
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const ClearFilters = 'Clear Filters';
-const Code = 'Code';
-const File = 'File';
-const Filter = 'Filter';
-const LineColumn = '[Ln {PH1}, Col {PH2}]';
-const Message = 'Message';
-const NoProblemsDetected = 'No problems have been detected in the workspace.';
-const NoResultsFoundWithProvidedFilterCriteria = 'No results found with provided filter criteria.';
-const Source = 'Source';
-
-const noProblemsDetected = () => {
-  return i18nString(NoProblemsDetected);
-};
-const atLineColumn = (line, column) => {
-  return i18nString(LineColumn, {
-    PH1: line,
-    PH2: column
-  });
-};
-const clearFilter = () => {
-  return i18nString(ClearFilters);
-};
-const code = () => {
-  return i18nString(Code);
-};
-const message = () => {
-  return i18nString(Message);
-};
-const file = () => {
-  return i18nString(File);
-};
-const filter = () => {
-  return i18nString(Filter);
-};
-const source = () => {
-  return i18nString(Source);
-};
-const noResultsFoundWithProvidedFilterCriteria = () => {
-  return i18nString(NoResultsFoundWithProvidedFilterCriteria);
-};
-
 const getProblemVirtualDom = problem => {
   const {
     message,
@@ -1573,7 +1640,7 @@ const getProblemsNoProblemsFoundVirtualDom = filterValue => {
   const dom = [];
   dom.push({
     type: VirtualDomElements.Div,
-    className: Message$1,
+    className: Message,
     childCount: 1
   });
   if (filterValue) {
@@ -1838,6 +1905,18 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+const renderActions = () => {
+  return [{
+    type: VirtualDomElements.Div,
+    childCount: 1
+  }, text('not implemented')];
+};
+
+const renderEventListeners = () => {
+  // TODO
+  return [];
+};
+
 const resize = (state, dimensions) => {
   return {
     ...state,
@@ -1858,8 +1937,23 @@ const saveState = state => {
   };
 };
 
+const viewAsList = state => {
+  return {
+    ...state,
+    viewMode: List
+  };
+};
+
+const viewAsTable = state => {
+  return {
+    ...state,
+    viewMode: Table
+  };
+};
+
 const commandMap = {
   'Problems.copyMessage': copyMessage,
+  'Problems.renderEventListeners': renderEventListeners,
   'Problems.create': create,
   'Problems.diff2': diff2,
   'Problems.focusIndex': focusIndex,
@@ -1867,10 +1961,16 @@ const commandMap = {
   'Problems.handleArrowLeft': wrapCommand(handleArrowLeft),
   'Problems.handleArrowRight': wrapCommand(handleArrowRight),
   'Problems.initialize': initialize,
+  'Problems.loadContent': wrapCommand(loadContent),
   'Problems.render2': render2,
+  'Problems.renderActions': renderActions,
   'Problems.resize': resize,
   'Problems.saveState': saveState,
-  'Problems.terminate': terminate
+  'Problems.terminate': terminate,
+  'Problems.handleIconThemeChange': handleIconThemeChange,
+  'Problems.handleContextMenu': handleContextMenu,
+  'Problems.viewAsTable': viewAsTable,
+  'Problems.viewAsList': viewAsList
 };
 
 const listen = async () => {

package/package.json

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