@lvce-editor/output-view 1.14.0 → 1.16.0

package/dist/outputViewWorkerMain.js

@@ -515,7 +515,7 @@ const create$4$1 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$5 = (id, fn) => {
+const set$4 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -534,7 +534,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$5(id, resolve);
+  set$4(id, resolve);
   return {
     id,
     promise
@@ -1092,235 +1092,27 @@ const terminate = () => {
   globalThis.close();
 };
 
-const closeFindWidget = async state => {
-  // TODO
-  return {
-    ...state
-  };
-};
-
-const User = 1;
-const Script = 2;
-
-const {
-  get: get$1,
-  set: set$4,
-  wrapCommand,
-  wrapGetter,
-  getKeys
-} = create$2();
-
-const create$1 = (id, uri, x, y, width, height, platform, parentId) => {
-  number(parentId);
-  const state = {
-    uid: id,
-    parentId,
-    uri,
-    focusedIndex: -2,
-    message: '',
-    itemHeight: 22,
-    x,
-    y,
-    width,
-    height,
-    filterValue: '',
-    inputSource: User,
-    minLineY: 0,
-    maxLineY: 0,
-    listItems: [],
-    collapsedUris: [],
-    selectedOption: '',
-    smallWidthBreakPoint: 650,
-    workspaceUri: '',
-    options: [],
-    error: '',
-    errorCode: 0,
-    buttons: [],
-    filteredItems: [],
-    platform,
-    watchId: 0
-  };
-  set$4(id, state, state);
-};
-
-const isEqual$2 = (oldState, newState) => {
-  return newState.inputSource === User || oldState.filterValue === newState.filterValue;
-};
-
-const isEqual$1 = (oldState, newState) => {
-  return oldState.selectedOption === newState.selectedOption && oldState.listItems === newState.listItems && oldState.filteredItems === newState.filteredItems;
-};
-
-const isEqual = (oldState, newState) => {
-  return oldState.selectedOption === newState.selectedOption;
-};
-
-const RenderItems = 1;
-const RenderFilterValue = 2;
-const RenderSelectedItem = 3;
-
-const modules = [isEqual$1, isEqual$2, isEqual];
-const numbers = [RenderItems, RenderFilterValue, RenderSelectedItem];
-
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  const diffResult = diff(oldState, newState);
-  return diffResult;
-};
-
-const focusIndex = (state, index) => {
-  return {
-    ...state,
-    focusedIndex: 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 ToolBar = 'toolbar';
-const AriaRoles = {
-  __proto__: null,
-  ToolBar};
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const LeftArrow = 13;
-const UpArrow = 14;
-const RightArrow = 15;
-const DownArrow = 16;
-const KeyCode = {
-  __proto__: null,
-  DownArrow,
-  End,
-  Home,
-  LeftArrow,
-  PageDown,
-  PageUp,
-  RightArrow,
-  Space,
-  UpArrow
-};
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-const Button$1 = 1;
-const Div = 4;
-const Input = 6;
-const Text = 12;
-const Select$2 = 63;
-const Option$1 = 64;
-const VirtualDomElements = {
-  __proto__: null,
-  Button: Button$1,
-  Div,
-  Input,
-  Option: Option$1,
-  Select: Select$2};
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
-const FocusProblems = 19;
-
-const getKeyBindings = () => {
-  return [{
-    key: KeyCode.DownArrow,
-    command: 'Problems.focusNext',
-    when: FocusProblems
-  }, {
-    key: KeyCode.UpArrow,
-    command: 'Problems.focusPrevious',
-    when: FocusProblems
-  }, {
-    key: KeyCode.Home,
-    command: 'Problems.focusFirst',
-    when: FocusProblems
-  }, {
-    key: KeyCode.PageUp,
-    command: 'Problems.focusFirst',
-    when: FocusProblems
-  }, {
-    key: KeyCode.PageDown,
-    command: 'Problems.focusLast',
-    when: FocusProblems
-  }, {
-    key: KeyCode.End,
-    command: 'Problems.focusLast',
-    when: FocusProblems
-  }, {
-    key: KeyCode.Space,
-    command: 'Problems.selectCurrent',
-    when: FocusProblems
-  }, {
-    key: KeyCode.Home,
-    command: 'Problems.focusFirst',
-    when: FocusProblems
-  }, {
-    key: KeyCode.End,
-    command: 'Problems.focusLast',
-    when: FocusProblems
-  }, {
-    key: KeyCode.LeftArrow,
-    command: 'Problems.handleArrowLeft',
-    when: FocusProblems
-  }, {
-    key: KeyCode.RightArrow,
-    command: 'Problems.handleArrowRight',
-    when: FocusProblems
-  }];
-};
-
 const rpcs = Object.create(null);
 const set$g = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get = id => {
+const get$1 = id => {
   return rpcs[id];
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
 
-const create = rpcId => {
+const create$1 = rpcId => {
   return {
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1328,7 +1120,7 @@ const create = rpcId => {
       set$g(rpcId, rpc);
     },
     async dispose() {
-      const rpc = get(rpcId);
+      const rpc = get$1(rpcId);
       await rpc.dispose();
     }
   };
@@ -1388,7 +1180,7 @@ const RpcId = {
 };
 const {
   invoke: invoke$9,
-  set: set$9} = create(ExtensionHostWorker);
+  set: set$9} = create$1(ExtensionHostWorker);
 const ExtensionHost = {
   __proto__: null,
   invoke: invoke$9,
@@ -1399,7 +1191,7 @@ const {
   invokeAndTransfer: invokeAndTransfer$7,
   set: set$7,
   dispose: dispose$7
-} = create(FileSystemWorker$1);
+} = create$1(FileSystemWorker$1);
 const remove = async dirent => {
   return invoke$7('FileSystem.remove', dirent);
 };
@@ -1475,7 +1267,7 @@ const FileSystemWorker = {
 const {
   invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$3,
-  set: set$3} = create(RendererWorker$1);
+  set: set$3$1} = create$1(RendererWorker$1);
 const sendMessagePortToFileSystemWorker$2 = async (port, rpcId) => {
   const command = 'FileSystem.handleMessagePort';
   // @ts-ignore
@@ -1494,14 +1286,21 @@ const RendererWorker = {
   invoke: invoke$3,
   sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
-  set: set$3};
+  set: set$3$1};
 
 const {
-  set: set$2,
+  set: set$3,
   readFile,
   writeFile
 } = FileSystemWorker;
 
+const filterItems = (items, filterValue) => {
+  if (!filterValue) {
+    return items;
+  }
+  return items.filter(item => item.includes(filterValue));
+};
+
 const isFileNotFoundError = error => {
   return error.message.includes('File not found');
 };
@@ -1535,35 +1334,275 @@ const loadLines = async uri => {
 const clear = async state => {
   const {
     selectedOption,
-    options
+    options,
+    filterValue
   } = state;
+  // TODO make uri a property of state to make the code simpler
   const option = options.find(option => option.id === selectedOption);
   if (!option) {
     return state;
   }
-  const {
-    uri
-  } = option;
-  await writeFile(uri, '');
-  const {
-    lines,
-    code,
-    error
-  } = await loadLines(uri);
+  const {
+    uri
+  } = option;
+  await writeFile(uri, '');
+  const {
+    lines,
+    code,
+    error
+  } = await loadLines(uri);
+  const filteredItems = filterItems(lines, filterValue);
+  return {
+    ...state,
+    listItems: lines,
+    error,
+    errorCode: code,
+    filteredItems
+  };
+};
+
+const closeFindWidget = async state => {
+  // TODO
+  return {
+    ...state
+  };
+};
+
+const User = 1;
+const Script = 2;
+
+const {
+  get,
+  set: set$2,
+  wrapCommand,
+  wrapGetter,
+  getKeys
+} = create$2();
+
+const create = (id, uri, x, y, width, height, platform, parentId) => {
+  number(parentId);
+  const state = {
+    buttons: [],
+    collapsedUris: [],
+    error: '',
+    errorCode: 0,
+    filteredItems: [],
+    filterValue: '',
+    focusedIndex: -2,
+    height,
+    inputSource: User,
+    itemHeight: 22,
+    listItems: [],
+    logLevel: 0,
+    maxLineY: 0,
+    message: '',
+    minLineY: 0,
+    options: [],
+    parentId,
+    platform,
+    scrollLockEnabled: false,
+    selectedOption: '',
+    smallWidthBreakPoint: 650,
+    uid: id,
+    uri,
+    watchId: 0,
+    width,
+    workspaceUri: '',
+    x,
+    y
+  };
+  set$2(id, state, state);
+};
+
+const isEqual$2 = (oldState, newState) => {
+  return newState.inputSource === User || oldState.filterValue === newState.filterValue;
+};
+
+const isEqual$1 = (oldState, newState) => {
+  return oldState.selectedOption === newState.selectedOption && oldState.listItems === newState.listItems && oldState.filteredItems === newState.filteredItems;
+};
+
+const isEqual = (oldState, newState) => {
+  return oldState.selectedOption === newState.selectedOption;
+};
+
+const RenderItems = 1;
+const RenderFilterValue = 2;
+const RenderSelectedItem = 3;
+
+const modules = [isEqual$1, isEqual$2, isEqual];
+const numbers = [RenderItems, RenderFilterValue, RenderSelectedItem];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
+};
+
+const diff2 = uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  const diffResult = diff(oldState, newState);
+  return diffResult;
+};
+
+const disableScrollLock = async state => {
+  const {
+    scrollLockEnabled
+  } = state;
+  if (!scrollLockEnabled) {
+    return state;
+  }
+  return {
+    ...state,
+    scrollLockEnabled: false
+  };
+};
+
+const enableScrollLock = async state => {
+  const {
+    scrollLockEnabled
+  } = state;
+  if (scrollLockEnabled) {
+    return state;
+  }
   return {
     ...state,
-    listItems: lines,
-    error,
-    errorCode: code
+    scrollLockEnabled: true
+  };
+};
+
+const focusIndex = (state, index) => {
+  return {
+    ...state,
+    focusedIndex: 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 ToolBar = 'toolbar';
+const AriaRoles = {
+  __proto__: null,
+  ToolBar};
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const LeftArrow = 13;
+const UpArrow = 14;
+const RightArrow = 15;
+const DownArrow = 16;
+const KeyCode = {
+  __proto__: null,
+  DownArrow,
+  End,
+  Home,
+  LeftArrow,
+  PageDown,
+  PageUp,
+  RightArrow,
+  Space,
+  UpArrow
+};
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+const Button = 1;
+const Div = 4;
+const Input = 6;
+const Text = 12;
+const Select$1 = 63;
+const Option$1 = 64;
+const VirtualDomElements = {
+  __proto__: null,
+  Button,
+  Div,
+  Input,
+  Option: Option$1,
+  Select: Select$1};
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
   };
 };
 
-const Filter = 'filter';
-const Output$2 = 'output';
+const FocusProblems = 19;
+
+const getKeyBindings = () => {
+  return [{
+    key: KeyCode.DownArrow,
+    command: 'Problems.focusNext',
+    when: FocusProblems
+  }, {
+    key: KeyCode.UpArrow,
+    command: 'Problems.focusPrevious',
+    when: FocusProblems
+  }, {
+    key: KeyCode.Home,
+    command: 'Problems.focusFirst',
+    when: FocusProblems
+  }, {
+    key: KeyCode.PageUp,
+    command: 'Problems.focusFirst',
+    when: FocusProblems
+  }, {
+    key: KeyCode.PageDown,
+    command: 'Problems.focusLast',
+    when: FocusProblems
+  }, {
+    key: KeyCode.End,
+    command: 'Problems.focusLast',
+    when: FocusProblems
+  }, {
+    key: KeyCode.Space,
+    command: 'Problems.selectCurrent',
+    when: FocusProblems
+  }, {
+    key: KeyCode.Home,
+    command: 'Problems.focusFirst',
+    when: FocusProblems
+  }, {
+    key: KeyCode.End,
+    command: 'Problems.focusLast',
+    when: FocusProblems
+  }, {
+    key: KeyCode.LeftArrow,
+    command: 'Problems.handleArrowLeft',
+    when: FocusProblems
+  }, {
+    key: KeyCode.RightArrow,
+    command: 'Problems.handleArrowRight',
+    when: FocusProblems
+  }];
+};
+
+const Filter$1 = 'filter';
+const Output$1 = 'output';
 const MainProcess = 'MainProcess';
 const SharedProcess = 'SharedProcess';
 const Clear = 'Clear';
-const Settings = 'Settings';
+const Settings$1 = 'Settings';
 const ScrollLock = 'ScrollLock';
 
 const noop = async state => {
@@ -1583,6 +1622,11 @@ const handleButtonClick = async (state, name) => {
   return fn(state);
 };
 
+const handleContextMenu = async (state, x, y, button) => {
+  // TODO open context menu
+  return state;
+};
+
 const handleData = async state => {
   // TODO
   return {
@@ -1597,13 +1641,6 @@ const handleError = async state => {
   };
 };
 
-const filterItems = (items, filterValue) => {
-  if (!filterValue) {
-    return items;
-  }
-  return items.filter(item => item.includes(filterValue));
-};
-
 const handleFilterInput = async (state, value, inputSource = User) => {
   const {
     listItems
@@ -1633,7 +1670,7 @@ const {
 const handleFileChange = async watchId => {
   const keys = getKeys();
   for (const key of keys) {
-    const instance = get$1(key);
+    const instance = get(key);
     if (instance.newState.watchId === watchId) {
       // @ts-ignore
       await invoke$1('Output.refresh');
@@ -1648,13 +1685,22 @@ const registerWatchCallback = (id, fn) => {
 const executeWatchCallBack = id => {
   watchCallbacks[id](id);
 };
+const unregisterWatchCallback = id => {
+  delete watchCallbacks[id];
+};
 
-const setupChangeListener = async (watchId, uri) => {
+const setupChangeListener = async (oldWatchId, newWatchId, uri) => {
   try {
+    if (oldWatchId) {
+      unregisterWatchCallback(oldWatchId);
+      // @ts-ignore
+      await FileSystemWorker.invoke('FileSystem.unwatchFile', oldWatchId);
+    }
+    // TODO dispose old watcher
     const rpcId = RpcId.OutputWorker;
-    registerWatchCallback(watchId, handleFileChange);
+    registerWatchCallback(newWatchId, handleFileChange);
     // @ts-ignore
-    await FileSystemWorker.invoke(/* OutputChannel.open */'FileSystem.watchFile', watchId, /* path */uri, rpcId);
+    await FileSystemWorker.invoke('FileSystem.watchFile', newWatchId, /* path */uri, rpcId);
   } catch {
     // ignore
   }
@@ -1663,7 +1709,8 @@ const setupChangeListener = async (watchId, uri) => {
 const selectChannel = async (state, id) => {
   const {
     options,
-    filterValue
+    filterValue,
+    watchId
   } = state;
   const matchingOption = options.find(option => option.id === id);
   if (!matchingOption) {
@@ -1677,8 +1724,8 @@ const selectChannel = async (state, id) => {
   } = await loadLines(matchingOption.uri);
 
   // TODO memory leak and race condition, need to dispose file watcher of previous uri
-  const watchId = createWatchId();
-  await setupChangeListener(watchId, matchingOption.uri);
+  const newWatchId = createWatchId();
+  await setupChangeListener(watchId, newWatchId, matchingOption.uri);
   const filteredItems = filterItems(lines, filterValue);
   return {
     ...state,
@@ -1687,7 +1734,7 @@ const selectChannel = async (state, id) => {
     listItems: lines,
     filteredItems,
     selectedOption: id,
-    watchId
+    watchId: newWatchId
   };
 };
 
@@ -1738,7 +1785,7 @@ const createFileSystemWorkerRpc = async () => {
 
 const initializeFileSystemWorker = async () => {
   const rpc = await createFileSystemWorkerRpc();
-  set$2(rpc);
+  set$3(rpc);
 };
 
 const initialize = async () => {
@@ -1747,26 +1794,59 @@ const initialize = async () => {
 
 const Web = 1;
 
-const getSelectedItem = platform => {
+const getSelectedItem = (selectedOption, platform) => {
+  if (selectedOption) {
+    return selectedOption;
+  }
   if (platform === Web) {
     return '';
   }
   return MainProcess;
 };
 
+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 ClearOutput = 'clear output';
+const LogFileNotFound$1 = 'The log file was not found.';
+const Settings = 'Settings';
+const TurnOffAutoScroll = 'Turn auto scrolling off';
+
+const clearOutput = () => {
+  return i18nString(ClearOutput);
+};
+const turnOffAutoScroll = () => {
+  return i18nString(TurnOffAutoScroll);
+};
+const settings = () => {
+  return i18nString(Settings);
+};
+const logFileNotFound = () => {
+  return i18nString(LogFileNotFound$1);
+};
+
 const loadButtons = () => {
   return [{
     id: Clear,
-    label: 'Clear',
+    label: clearOutput(),
     icon: 'MaskIconClearAll'
   }, {
     id: ScrollLock,
-    label: 'Scroll Lock',
+    label: turnOffAutoScroll(),
     icon: 'MaskIconListFlat'
   }, {
-    id: Settings,
-    label: 'Settings',
-    icon: 'MaskIconListFlat'
+    id: Settings$1,
+    label: settings(),
+    icon: 'MaskIconSettingsGear'
   }];
 };
 
@@ -1805,6 +1885,35 @@ const loadOptions = async platform => {
   }, ...extensionOptions];
 };
 
+const getSavedFilterValue = savedState => {
+  if (savedState && typeof savedState.filterValue === 'string') {
+    return savedState.filterValue;
+  }
+  return '';
+};
+const getSavedSelectedOption = savedState => {
+  if (savedState && typeof savedState.selectedOption === 'string') {
+    return savedState.selectedOption;
+  }
+  return '';
+};
+const getSavedScrollLockEnabled = savedState => {
+  if (savedState && typeof savedState.scrollLockEnabled === 'boolean') {
+    return savedState.scrollLockEnabled;
+  }
+  return false;
+};
+const restoreState = savedState => {
+  const filterValue = getSavedFilterValue(savedState);
+  const selectedOption = getSavedSelectedOption(savedState);
+  const scrollLockEnabled = getSavedScrollLockEnabled(savedState);
+  return {
+    filterValue,
+    selectedOption,
+    scrollLockEnabled
+  };
+};
+
 const isString = value => {
   return typeof value === 'string';
 };
@@ -1819,10 +1928,16 @@ const getMatchingOpen = (options, id) => {
 };
 const loadContent = async (state, savedState) => {
   const {
-    platform
+    platform,
+    watchId
   } = state;
   const collapsedUris = getSavedCollapsedUris(savedState);
-  const selectedId = getSelectedItem(platform);
+  const {
+    selectedOption,
+    filterValue,
+    scrollLockEnabled
+  } = restoreState(savedState);
+  const selectedId = getSelectedItem(selectedOption, platform);
   const options = await loadOptions(platform);
   const option = getMatchingOpen(options, selectedId);
   if (!option) {
@@ -1836,21 +1951,24 @@ const loadContent = async (state, savedState) => {
     error,
     code
   } = await loadLines(uri);
-  const watchId = createWatchId();
-  await setupChangeListener(watchId, uri);
+  const filteredItems = filterItems(lines, filterValue);
+  const newWatchId = createWatchId();
+  await setupChangeListener(watchId, newWatchId, uri);
   const buttons = loadButtons();
   return {
     ...state,
+    buttons,
     collapsedUris,
     error,
     errorCode: code,
+    filteredItems,
+    filterValue,
     inputSource: Script,
     listItems: lines,
-    filteredItems: lines,
     options,
+    scrollLockEnabled,
     selectedOption: selectedId,
-    buttons,
-    watchId
+    watchId: newWatchId
   };
 };
 
@@ -1861,73 +1979,8 @@ const openFindWidget = async state => {
   };
 };
 
-const Button = 1;
-const Select$1 = 2;
-
-const Blank = 'Blank';
-const ClearAll = 'ClearAll';
-
-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 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(Output$1);
-};
-const clearOutput = () => {
-  return i18nString(ClearOutput);
-};
-const turnOffAutoScroll = () => {
-  return i18nString(TurnOffAutoScroll);
-};
-const openLogFile = () => {
-  return i18nString(OpenLogFile);
-};
-const logFileNotFound = () => {
-  return i18nString(LogFileNotFound$1);
-};
-
-const toSelectOption = option => {
-  return option.name;
-};
-const toSelectOptions = options => {
-  return options.map(toSelectOption);
-};
 const getActions = state => {
-  const {
-    options
-  } = state;
-  return [{
-    type: Select$1,
-    id: output(),
-    options: toSelectOptions(options)
-  }, {
-    type: Button,
-    id: clearOutput(),
-    icon: ClearAll
-  }, {
-    type: Button,
-    id: turnOffAutoScroll(),
-    icon: Blank
-  }, {
-    type: Button,
-    id: openLogFile(),
-    icon: Blank
-  }];
+  return [];
 };
 
 const refresh = async state => {
@@ -1956,20 +2009,27 @@ const refresh = async state => {
 };
 
 const renderFilterValue = (oldState, newState) => {
-  return ['Viewlet.setValueByName', newState.parentId, Filter, newState.filterValue];
+  return ['Viewlet.setValueByName', newState.parentId, Filter$1, newState.filterValue];
 };
 
+const Filter = 'Filter';
 const IconButton = 'IconButton';
+const InputBox = 'InputBox';
 const MaskIcon = 'MaskIcon';
+const FilterInput = 'FilterInput';
+const OutputContent = 'OutputContent';
 const Actions = 'Actions';
+const Message = 'Message';
 const Viewlet = 'Viewlet';
 const Output = 'Output';
 const Option = 'Option';
 const Select = 'Select';
+const Error$1 = 'Error';
+const Line = 'Line';
 
 const parentNode = {
   type: VirtualDomElements.Div,
-  className: 'Line',
+  className: Line,
   childCount: 1
 };
 const getLineDom = line => {
@@ -1982,7 +2042,7 @@ const getContentDom = (lines, error) => {
   }
   return [{
     type: VirtualDomElements.Div,
-    className: 'OutputContent',
+    className: OutputContent,
     role: 'log',
     tabIndex: 0,
     childCount: lines.length
@@ -1994,7 +2054,7 @@ const LogFileNotFound = 1;
 const getLogFileNotFoundDom = () => {
   return [{
     type: VirtualDomElements.Div,
-    className: 'Message',
+    className: Message,
     tabIndex: 0,
     childCount: 1
   }, text(logFileNotFound())];
@@ -2009,7 +2069,7 @@ const getErrorDom = (errorCode, error) => {
   }
   return [{
     type: VirtualDomElements.Div,
-    className: 'Error',
+    className: Error$1,
     tabIndex: 0,
     childCount: 1
   }, text(error)];
@@ -2030,7 +2090,7 @@ const renderItems = (oldState, newState) => {
 
 const renderSelectedItem = (oldState, newState) => {
   const value = newState.selectedOption;
-  const name = Output$2;
+  const name = Output$1;
   return ['Viewlet.setValueByName', newState.parentId, name, value];
 };
 
@@ -2060,8 +2120,8 @@ const render2 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
-  set$4(uid, newState, newState);
+  } = get(uid);
+  set$2(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2101,15 +2161,15 @@ const getFilterVirtualDom = () => {
   const placeholder = 'Filter';
   return [{
     type: VirtualDomElements.Div,
-    className: 'Filter',
+    className: Filter,
     childCount: 1
   }, {
     type: VirtualDomElements.Input,
-    className: 'InputBox FilterInput',
+    className: mergeClassNames(InputBox, FilterInput),
     childCount: 0,
     placeholder,
     onInput: HandleFilterInput,
-    name: Filter
+    name: Filter$1
   }];
 };
 
@@ -2131,7 +2191,7 @@ const getSelectVirtualDom = options => {
     type: VirtualDomElements.Select,
     className: Select,
     childCount: options.length,
-    name: Output$2,
+    name: Output$1,
     onChange: HandleSelect
   }, ...options.flatMap(getOptionVirtualDom)];
 };
@@ -2194,14 +2254,32 @@ const resize = (state, dimensions) => {
   };
 };
 
+const saveOutputAs = async state => {
+  // TODO show open file picker
+  // TODO write to file
+  // TODO if error occurs, show error dialog
+  return state;
+};
+
 const saveState = state => {
   const {
     filterValue,
-    collapsedUris
+    collapsedUris,
+    selectedOption,
+    scrollLockEnabled
   } = state;
   return {
     filterValue,
-    collapsedUris
+    collapsedUris,
+    selectedOption,
+    scrollLockEnabled
+  };
+};
+
+const setLogLevel = async (state, logLevel) => {
+  return {
+    ...state,
+    logLevel
   };
 };
 
@@ -2213,31 +2291,37 @@ const setOutputChannel = async state => {
 };
 
 const commandMap = {
+  'Output.clear': wrapCommand(clear),
   'Output.closeFindWidget': wrapCommand(closeFindWidget),
-  'Output.create': create$1,
+  'Output.create': create,
   'Output.diff2': diff2,
+  'Output.disableScrollLock': wrapCommand(disableScrollLock),
+  'Output.enableScrollLock': wrapCommand(enableScrollLock),
   'Output.executeWatchCallback': executeWatchCallBack,
   'Output.focusIndex': wrapCommand(focusIndex),
   'Output.getActions': getActions,
   'Output.getCommandIds': getCommandIds,
   'Output.getKeyBindings': getKeyBindings,
   'Output.handleButtonClick': wrapCommand(handleButtonClick),
+  'Output.handleContextMenu': wrapCommand(handleContextMenu),
   'Output.handleData': wrapCommand(handleData),
   'Output.handleError': wrapCommand(handleError),
-  'Output.selectChannel': wrapCommand(selectChannel),
   'Output.handleFilterInput': wrapCommand(handleFilterInput),
   'Output.handleSelect': wrapCommand(handleSelect),
   'Output.initialize': initialize,
   'Output.loadContent2': wrapCommand(loadContent),
   'Output.openFindWidget': wrapCommand(openFindWidget),
+  'Output.refresh': wrapCommand(refresh),
   'Output.render2': render2,
   'Output.renderActions': wrapGetter(renderActions),
   'Output.renderEventListeners': renderEventListeners,
   'Output.resize': resize,
-  'Output.saveState': saveState,
+  'Output.saveOutputAs': wrapCommand(saveOutputAs),
+  'Output.saveState': wrapGetter(saveState),
+  'Output.selectChannel': wrapCommand(selectChannel),
+  'Output.setLogLevel': setLogLevel,
   'Output.setOutputChannel': wrapCommand(setOutputChannel),
-  'Output.terminate': terminate,
-  'Output.refresh': wrapCommand(refresh)
+  'Output.terminate': terminate
 };
 
 const listen = async () => {

package/package.json

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