@lvce-editor/output-view 1.2.0 → 1.4.0

package/dist/outputViewWorkerMain.js

@@ -957,7 +957,9 @@ const create$1 = (id, uri, x, y, width, height, workspaceUri) => {
     selectedOption: '',
     smallWidthBreakPoint: 650,
     workspaceUri,
-    options: []
+    options: [],
+    error: '',
+    errorCode: 0
   };
   set$1(id, state, state);
 };
@@ -1490,11 +1492,34 @@ const RendererWorker = {
   writeClipBoardText
 };
 
+const isFileNotFoundError = error => {
+  return error.message.includes('File not found');
+};
+
 const loadLines = async uri => {
-  // TODO use log stream, updating the output when the file is changed
-  const content = await RendererWorker.invoke('FileSystem.readFile', uri);
-  const lines = content.split('\n');
-  return lines;
+  try {
+    // TODO use log stream, updating the output when the file is changed
+    const content = await RendererWorker.invoke('FileSystem.readFile', uri);
+    const lines = content.split('\n');
+    return {
+      error: '',
+      lines,
+      code: 0
+    };
+  } catch (error) {
+    if (isFileNotFoundError(error)) {
+      return {
+        error: `log file not found`,
+        lines: [],
+        code: 1
+      };
+    }
+    return {
+      error: `${error}`,
+      lines: [],
+      code: 2
+    };
+  }
 };
 
 const isString = value => {
@@ -1509,12 +1534,18 @@ const getSavedCollapsedUris = savedState => {
 const loadContent = async (state, savedState) => {
   const collapsedUris = getSavedCollapsedUris(savedState);
   const selectedUri = getSelectedItem();
-  const lines = await loadLines(selectedUri);
+  const {
+    lines,
+    error,
+    code
+  } = await loadLines(selectedUri);
   return {
     ...state,
+    collapsedUris,
+    error,
+    errorCode: code,
     inputSource: Script,
     listItems: lines,
-    collapsedUris,
     options: [],
     selectedOption: selectedUri
   };
@@ -1545,26 +1576,26 @@ const i18nString = (key, placeholders = emptyObject) => {
   return key.replaceAll(RE_PLACEHOLDER, replacer);
 };
 
-/**
- * @enum {string}
- */
-const UiStrings = {
-  Output: 'output',
-  ClearOutput: 'clear output',
-  TurnOffAutoScroll: 'Turn auto scrolling off',
-  OpenLogFile: 'open output log file'
-};
+const Output$1 = 'output';
+const ClearOutput = 'clear output';
+const TurnOffAutoScroll = 'Turn auto scrolling off';
+const OpenLogFile = 'open output log file';
+const LogFileNotFound$1 = 'The log file was not found.';
+
 const output = () => {
-  return i18nString(UiStrings.Output);
+  return i18nString(Output$1);
 };
 const clearOutput = () => {
-  return i18nString(UiStrings.ClearOutput);
+  return i18nString(ClearOutput);
 };
 const turnOffAutoScroll = () => {
-  return i18nString(UiStrings.TurnOffAutoScroll);
+  return i18nString(TurnOffAutoScroll);
 };
 const openLogFile = () => {
-  return i18nString(UiStrings.OpenLogFile);
+  return i18nString(OpenLogFile);
+};
+const logFileNotFound = () => {
+  return i18nString(LogFileNotFound$1);
 };
 
 const toSelectOption = option => {
@@ -1606,20 +1637,20 @@ const Actions = 'Actions';
 const Viewlet = 'Viewlet';
 const Output = 'Output';
 
+const parentNode = {
+  type: VirtualDomElements.Div,
+  className: 'Line',
+  childCount: 1
+};
 const getLineDom = line => {
-  return [{
-    type: VirtualDomElements.Div,
-    className: 'Line',
-    childCount: 1
-  }, text(line)];
+  return [parentNode, text(line)];
 };
 
-const getOutputVirtualDom = lines => {
+const getContentDom = (lines, error) => {
+  if (error) {
+    return [];
+  }
   return [{
-    type: VirtualDomElements.Div,
-    className: mergeClassNames(Viewlet, Output),
-    childCount: 1
-  }, {
     type: VirtualDomElements.Div,
     className: 'OutputContent',
     role: 'log',
@@ -1628,8 +1659,42 @@ const getOutputVirtualDom = lines => {
   }, ...lines.flatMap(getLineDom)];
 };
 
+const LogFileNotFound = 1;
+
+const getLogFileNotFoundDom = () => {
+  return [{
+    type: VirtualDomElements.Div,
+    className: 'Message',
+    tabIndex: 0,
+    childCount: 1
+  }, text(logFileNotFound())];
+};
+
+const getErrorDom = (errorCode, error) => {
+  if (!error) {
+    return [];
+  }
+  if (errorCode === LogFileNotFound) {
+    return getLogFileNotFoundDom();
+  }
+  return [{
+    type: VirtualDomElements.Div,
+    className: 'Error',
+    tabIndex: 0,
+    childCount: 1
+  }, text(error)];
+};
+
+const getOutputVirtualDom = (lines, errorCode, error) => {
+  return [{
+    type: VirtualDomElements.Div,
+    className: mergeClassNames(Viewlet, Output),
+    childCount: 1
+  }, ...getContentDom(lines, error), ...getErrorDom(errorCode, error)];
+};
+
 const renderItems = (oldState, newState) => {
-  const dom = getOutputVirtualDom(newState.listItems);
+  const dom = getOutputVirtualDom(newState.listItems, newState.errorCode, newState.error);
   return ['Viewlet.setDom2', dom];
 };
 
@@ -1663,17 +1728,26 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
+const getActionDom = () => {
+  return [{
+    type: VirtualDomElements.Div,
+    childCount: 1
+  }, text('test action')];
+};
 const getActionsVirtualDom = actions => {
   return [{
     type: VirtualDomElements.Div,
     className: Actions,
     role: AriaRoles.ToolBar,
     childCount: actions.length
-  }];
+  }, ...actions.flatMap(getActionDom)];
 };
 
 const renderActions = uid => {
-  const actions = [];
+  const actions = [{
+    id: 'test',
+    name: 'test'
+  }];
   const dom = getActionsVirtualDom(actions);
   return dom;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/output-view",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Output View Worker",
   "repository": {
     "type": "git",