@lvce-editor/output-view 1.12.0 → 1.14.0

package/dist/outputViewWorkerMain.js

@@ -879,7 +879,7 @@ const send = (transport, method, ...params) => {
   const message = create$4$1(method, params);
   transport.send(message);
 };
-const invoke$1 = (ipc, method, ...params) => {
+const invoke$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
 const invokeAndTransfer = (ipc, method, ...params) => {
@@ -918,7 +918,7 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$1(ipc, method, ...params);
+      return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
       return invokeAndTransfer(ipc, method, ...params);
@@ -1148,7 +1148,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.selectedOption === newState.selectedOption && oldState.listItems === newState.listItems;
+  return oldState.selectedOption === newState.selectedOption && oldState.listItems === newState.listItems && oldState.filteredItems === newState.filteredItems;
 };
 
 const isEqual = (oldState, newState) => {
@@ -1333,9 +1333,59 @@ const create = rpcId => {
     }
   };
 };
+const DebugWorker$1 = 55;
+const EditorWorker$1 = 99;
 const ExtensionHostWorker = 44;
+const MainProcess$1 = -5;
 const RendererWorker$1 = 1;
+const RendererProcess$1 = 1670;
+const SearchProcess$1 = 77;
+const SearchProcessElectron = 2;
+const SharedProcess$1 = 1;
+const SourceControlWorker = 66;
+const EmbedsProcess$1 = 207;
+const EmbedsWorker = 208;
 const FileSystemWorker$1 = 209;
+const FileSystemProcess$1 = 210;
+const MarkdownWorker$1 = 300;
+const CompletionWorker = 301;
+const ColorPickerWorker = 302;
+const SourceActionWorker = 303;
+const ErrorWorker$1 = 3308;
+const SyntaxHighlightingWorker$1 = 3309;
+const ClipBoardWorker$1 = 3400;
+const ClipBoardProcess$1 = 3401;
+const ExtensionDetailWorker = 3402;
+const ProblemsWorker = 3403;
+const OutputWorker = 7001;
+const RpcId = {
+  __proto__: null,
+  ClipBoardProcess: ClipBoardProcess$1,
+  ClipBoardWorker: ClipBoardWorker$1,
+  ColorPickerWorker,
+  CompletionWorker,
+  DebugWorker: DebugWorker$1,
+  EditorWorker: EditorWorker$1,
+  EmbedsProcess: EmbedsProcess$1,
+  EmbedsWorker,
+  ErrorWorker: ErrorWorker$1,
+  ExtensionDetailWorker,
+  ExtensionHostWorker,
+  FileSystemProcess: FileSystemProcess$1,
+  FileSystemWorker: FileSystemWorker$1,
+  MainProcess: MainProcess$1,
+  MarkdownWorker: MarkdownWorker$1,
+  OutputWorker,
+  ProblemsWorker,
+  RendererProcess: RendererProcess$1,
+  RendererWorker: RendererWorker$1,
+  SearchProcess: SearchProcess$1,
+  SearchProcessElectron,
+  SharedProcess: SharedProcess$1,
+  SourceActionWorker,
+  SourceControlWorker,
+  SyntaxHighlightingWorker: SyntaxHighlightingWorker$1
+};
 const {
   invoke: invoke$9,
   set: set$9} = create(ExtensionHostWorker);
@@ -1441,6 +1491,7 @@ const activateByEvent$1 = event => {
 const RendererWorker = {
   __proto__: null,
   activateByEvent: activateByEvent$1,
+  invoke: invoke$3,
   sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
   sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$2,
   set: set$3};
@@ -1553,7 +1604,7 @@ const filterItems = (items, filterValue) => {
   return items.filter(item => item.includes(filterValue));
 };
 
-const handleFilterInput = async (state, value) => {
+const handleFilterInput = async (state, value, inputSource = User) => {
   const {
     listItems
   } = state;
@@ -1561,29 +1612,47 @@ const handleFilterInput = async (state, value) => {
   return {
     ...state,
     filterValue: value,
-    filteredItems: filteredItems
+    filteredItems: filteredItems,
+    inputSource
   };
 };
 
+const createWatchId = () => {
+  const watchId = Math.random();
+  return watchId;
+};
+
+const {
+  invoke: invoke$1,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
+  set: set$1,
+  activateByEvent
+} = RendererWorker;
+
+const handleFileChange = async watchId => {
+  const keys = getKeys();
+  for (const key of keys) {
+    const instance = get$1(key);
+    if (instance.newState.watchId === watchId) {
+      // @ts-ignore
+      await invoke$1('Output.refresh');
+    }
+  }
+};
+
 const watchCallbacks = Object.create(null);
 const registerWatchCallback = (id, fn) => {
   watchCallbacks[id] = fn;
 };
 const executeWatchCallBack = id => {
-  watchCallbacks[id]();
+  watchCallbacks[id](id);
 };
 
-const handleChange = watchId => {
-  // console.log('channel changed', watchId)
-  const keys = getKeys();
-  for (const key of keys) {
-  }
-};
-const setupChangeListener = async uri => {
+const setupChangeListener = async (watchId, uri) => {
   try {
-    const watchId = Math.random();
-    const rpcId = 7001;
-    registerWatchCallback(watchId, handleChange);
+    const rpcId = RpcId.OutputWorker;
+    registerWatchCallback(watchId, handleFileChange);
     // @ts-ignore
     await FileSystemWorker.invoke(/* OutputChannel.open */'FileSystem.watchFile', watchId, /* path */uri, rpcId);
   } catch {
@@ -1608,7 +1677,8 @@ const selectChannel = async (state, id) => {
   } = await loadLines(matchingOption.uri);
 
   // TODO memory leak and race condition, need to dispose file watcher of previous uri
-  await setupChangeListener(matchingOption.uri);
+  const watchId = createWatchId();
+  await setupChangeListener(watchId, matchingOption.uri);
   const filteredItems = filterItems(lines, filterValue);
   return {
     ...state,
@@ -1616,7 +1686,8 @@ const selectChannel = async (state, id) => {
     errorCode: code,
     listItems: lines,
     filteredItems,
-    selectedOption: id
+    selectedOption: id,
+    watchId
   };
 };
 
@@ -1624,13 +1695,6 @@ const handleSelect = async (state, id) => {
   return selectChannel(state, id);
 };
 
-const {
-  sendMessagePortToExtensionHostWorker,
-  sendMessagePortToFileSystemWorker: sendMessagePortToFileSystemWorker$1,
-  set: set$1,
-  activateByEvent
-} = RendererWorker;
-
 const sendMessagePortToExtensionHostWorker2 = async port => {
   await sendMessagePortToExtensionHostWorker(port);
 };
@@ -1657,7 +1721,7 @@ const initializeExtensionHost = async () => {
 };
 
 const sendMessagePortToFileSystemWorker = async port => {
-  await sendMessagePortToFileSystemWorker$1(port, 0);
+  await sendMessagePortToFileSystemWorker$1(port, RpcId.OutputWorker);
 };
 
 const createFileSystemWorkerRpc = async () => {
@@ -1772,7 +1836,8 @@ const loadContent = async (state, savedState) => {
     error,
     code
   } = await loadLines(uri);
-  await setupChangeListener(uri);
+  const watchId = createWatchId();
+  await setupChangeListener(watchId, uri);
   const buttons = loadButtons();
   return {
     ...state,
@@ -1784,7 +1849,8 @@ const loadContent = async (state, savedState) => {
     filteredItems: lines,
     options,
     selectedOption: selectedId,
-    buttons
+    buttons,
+    watchId
   };
 };
 
@@ -1864,8 +1930,33 @@ const getActions = state => {
   }];
 };
 
+const refresh = async state => {
+  const {
+    filterValue,
+    options,
+    selectedOption
+  } = state;
+  const matchingOption = options.find(option => option.id === selectedOption);
+  if (!matchingOption) {
+    return state;
+  }
+  const {
+    lines,
+    error,
+    code
+  } = await loadLines(matchingOption.uri);
+  const filteredItems = filterItems(lines, filterValue);
+  return {
+    ...state,
+    listItems: lines,
+    filteredItems,
+    error,
+    errorCode: code
+  };
+};
+
 const renderFilterValue = (oldState, newState) => {
-  return ['Viewlet.setValueByName', Filter, newState.filterValue];
+  return ['Viewlet.setValueByName', newState.parentId, Filter, newState.filterValue];
 };
 
 const IconButton = 'IconButton';
@@ -2017,7 +2108,8 @@ const getFilterVirtualDom = () => {
     className: 'InputBox FilterInput',
     childCount: 0,
     placeholder,
-    onInput: HandleFilterInput
+    onInput: HandleFilterInput,
+    name: Filter
   }];
 };
 
@@ -2144,7 +2236,8 @@ const commandMap = {
   'Output.resize': resize,
   'Output.saveState': saveState,
   'Output.setOutputChannel': wrapCommand(setOutputChannel),
-  'Output.terminate': terminate
+  'Output.terminate': terminate,
+  'Output.refresh': wrapCommand(refresh)
 };
 
 const listen = async () => {

package/package.json

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