@lvce-editor/output-view 1.4.0 → 1.6.0

package/dist/outputViewWorkerMain.js

@@ -934,7 +934,8 @@ const Script = 2;
 const {
   get: get$1,
   set: set$1,
-  wrapCommand
+  wrapCommand,
+  wrapGetter
 } = create$2();
 
 const create$1 = (id, uri, x, y, width, height, workspaceUri) => {
@@ -1045,11 +1046,17 @@ const KeyCode = {
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
+const Button$1 = 1;
 const Div = 4;
 const Text = 12;
+const Select$2 = 63;
+const Option$1 = 64;
 const VirtualDomElements = {
   __proto__: null,
-  Div};
+  Button: Button$1,
+  Div,
+  Option: Option$1,
+  Select: Select$2};
 const text = data => {
   return {
     type: Text,
@@ -1122,12 +1129,6 @@ const handleError = async state => {
   };
 };
 
-const initialize = async () => {};
-
-const getSelectedItem = platform => {
-  return 'file:///tmp/log-main-process.txt';
-};
-
 const rpcs = Object.create(null);
 const set$g = (id, rpc) => {
   rpcs[id] = rpc;
@@ -1522,6 +1523,51 @@ const loadLines = async uri => {
   }
 };
 
+const handleSelect = async (state, id) => {
+  const {
+    options
+  } = state;
+  const matchingOption = options.find(option => option.id === id);
+  if (!matchingOption) {
+    return state;
+  }
+  // TODO potential race condtion when switching output channels fast
+  const {
+    lines,
+    error,
+    code
+  } = await loadLines(matchingOption.uri);
+  return {
+    ...state,
+    listItems: lines,
+    error,
+    errorCode: code
+  };
+};
+
+const initialize = async () => {};
+
+const getSelectedItem = platform => {
+  return 'file:///tmp/log-main-process.txt';
+};
+
+const Filter = 'filter';
+const Output$2 = 'output';
+const MainProcess = 'MainProcess';
+const SharedProcess = 'SharedProcess';
+
+const loadOptions = async platform => {
+  return [{
+    id: MainProcess,
+    label: 'Main Process',
+    uri: 'file:///tmp/log-main-process.txt'
+  }, {
+    id: SharedProcess,
+    label: 'Shared Process',
+    uri: 'file:///tmp/log-shared-process.txt'
+  }];
+};
+
 const isString = value => {
   return typeof value === 'string';
 };
@@ -1534,6 +1580,7 @@ const getSavedCollapsedUris = savedState => {
 const loadContent = async (state, savedState) => {
   const collapsedUris = getSavedCollapsedUris(savedState);
   const selectedUri = getSelectedItem();
+  const options = await loadOptions();
   const {
     lines,
     error,
@@ -1546,7 +1593,7 @@ const loadContent = async (state, savedState) => {
     errorCode: code,
     inputSource: Script,
     listItems: lines,
-    options: [],
+    options,
     selectedOption: selectedUri
   };
 };
@@ -1559,7 +1606,7 @@ const openFindWidget = async state => {
 };
 
 const Button = 1;
-const Select = 2;
+const Select$1 = 2;
 
 const Blank = 'Blank';
 const ClearAll = 'ClearAll';
@@ -1609,7 +1656,7 @@ const getActions = state => {
     options
   } = state;
   return [{
-    type: Select,
+    type: Select$1,
     id: output(),
     options: toSelectOptions(options)
   }, {
@@ -1627,15 +1674,17 @@ const getActions = state => {
   }];
 };
 
-const Filter = 'filter';
-
 const renderFilterValue = (oldState, newState) => {
   return ['Viewlet.setValueByName', Filter, newState.filterValue];
 };
 
+const IconButton = 'IconButton';
+const MaskIcon = 'MaskIcon';
 const Actions = 'Actions';
 const Viewlet = 'Viewlet';
 const Output = 'Output';
+const Option = 'Option';
+const Select = 'Select';
 
 const parentNode = {
   type: VirtualDomElements.Div,
@@ -1728,28 +1777,26 @@ const render2 = (uid, diffResult) => {
   return commands;
 };
 
-const getActionDom = () => {
+const getActionButtonVirtualDom = button => {
+  const {
+    id,
+    label,
+    icon
+  } = button;
   return [{
-    type: VirtualDomElements.Div,
+    type: VirtualDomElements.Button,
+    className: IconButton,
+    name: id,
+    title: label,
     childCount: 1
-  }, text('test action')];
-};
-const getActionsVirtualDom = actions => {
-  return [{
+  }, {
     type: VirtualDomElements.Div,
-    className: Actions,
-    role: AriaRoles.ToolBar,
-    childCount: actions.length
-  }, ...actions.flatMap(getActionDom)];
+    className: mergeClassNames(MaskIcon, icon)
+  }];
 };
 
-const renderActions = uid => {
-  const actions = [{
-    id: 'test',
-    name: 'test'
-  }];
-  const dom = getActionsVirtualDom(actions);
-  return dom;
+const getActionButtonsVirtualDom = buttons => {
+  return buttons.flatMap(getActionButtonVirtualDom);
 };
 
 const HandleBlur = 'handleBlur';
@@ -1757,11 +1804,73 @@ const HandleClearFilterClick = 'handleClearFilterClick';
 const HandleContextMenu = 'handleContextMenu';
 const HandleFilterInput = 'handleFilterInput';
 const HandlePointerDown = 'handlePointerDown';
+const HandleSelect = 'handleSelect';
+
+const getOptionVirtualDom = option => {
+  const {
+    id,
+    label
+  } = option;
+  return [{
+    type: VirtualDomElements.Option,
+    className: Option,
+    childCount: 1,
+    value: id
+  }, text(label)];
+};
+
+const getSelectVirtualDom = options => {
+  return [{
+    type: VirtualDomElements.Select,
+    className: Select,
+    childCount: options.length,
+    name: Output$2,
+    onChange: HandleSelect
+  }, ...options.flatMap(getOptionVirtualDom)];
+};
+
+const getChildCount = buttonsLength => {
+  const selectLength = 1;
+  return buttonsLength + selectLength;
+};
+const getActionsVirtualDom = options => {
+  const buttons = [{
+    id: 'Clear',
+    label: 'Clear',
+    icon: 'MaskIconClearAll'
+  }, {
+    id: 'Scroll Lock',
+    label: 'Scroll Lock',
+    icon: 'MaskIconListFlat'
+  }, {
+    id: 'Settings',
+    label: 'Settings',
+    icon: 'MaskIconListFlat'
+  }];
+  const childCount = getChildCount(buttons.length);
+  return [{
+    type: VirtualDomElements.Div,
+    className: Actions,
+    role: AriaRoles.ToolBar,
+    childCount
+  }, ...getSelectVirtualDom(options), ...getActionButtonsVirtualDom(buttons)];
+};
+
+const renderActions = state => {
+  const {
+    options
+  } = state;
+  const dom = getActionsVirtualDom(options);
+  return dom;
+};
 
 const renderEventListeners = () => {
   return [{
     name: HandleBlur,
     params: ['handleBlur']
+  }, {
+    name: HandleSelect,
+    params: ['handleSelect', 'event.target.value']
   }, {
     name: HandleContextMenu,
     params: ['handleContextMenu', 'event.clientX', 'event.clientY'],
@@ -1805,25 +1914,26 @@ const setOutputChannel = async state => {
 };
 
 const commandMap = {
-  'Output.closeFindWidget': closeFindWidget,
+  'Output.closeFindWidget': wrapCommand(closeFindWidget),
   'Output.create': create$1,
   'Output.diff2': diff2,
   'Output.focusIndex': wrapCommand(focusIndex),
   'Output.getCommandIds': getCommandIds,
   'Output.getKeyBindings': getKeyBindings$1,
-  'Output.handleData': handleData,
-  'Output.handleError': handleError,
+  'Output.handleData': wrapCommand(handleData),
+  'Output.handleError': wrapCommand(handleError),
   'Output.initialize': initialize,
   'Output.loadContent2': wrapCommand(loadContent),
-  'Output.openFindWidget': openFindWidget,
+  'Output.openFindWidget': wrapCommand(openFindWidget),
   'Output.render2': render2,
-  'Output.renderActions': renderActions,
+  'Output.renderActions': wrapGetter(renderActions),
   'Output.renderEventListeners': renderEventListeners,
   'Output.resize': resize,
   'Output.saveState': saveState,
-  'Output.setOutputChannel': setOutputChannel,
+  'Output.setOutputChannel': wrapCommand(setOutputChannel),
   'Output.getActions': getActions,
-  'Output.terminate': terminate
+  'Output.terminate': terminate,
+  'Output.handleSelect': wrapCommand(handleSelect)
 };
 
 const {

package/package.json

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