@lvce-editor/iframe-worker 5.26.0 → 5.28.0

package/dist/iframeWorkerMain.js

@@ -489,7 +489,7 @@ const set$2 = (id, fn) => {
 const get$2 = id => {
   return callbacks[id];
 };
-const remove = id => {
+const remove$1 = id => {
   delete callbacks[id];
 };
 let id = 0;
@@ -666,7 +666,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove(id);
+  remove$1(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -1467,6 +1467,23 @@ const createWebViewConnection = async (uid, origin) => {
   return rpc;
 };
 
+const getPortQuadruple = () => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  const {
+    port1: port3,
+    port2: port4
+  } = new MessageChannel();
+  return {
+    port1,
+    port2,
+    port3,
+    port4
+  };
+};
+
 const readFile = uri => {
   return invoke('FileSystem.readFile', uri);
 };
@@ -1487,7 +1504,7 @@ const set = (id, rpc) => {
 const get = id => {
   return rpcs[id];
 };
-const getAll = () => {
+const getAll$1 = () => {
   return rpcs;
 };
 
@@ -1577,6 +1594,47 @@ const getWebViewWorkerRpc2 = async rpcInfo => {
 // through the iframe worker. However that could introduce some overhead / latency
 // compared to direct connections
 
+const interceptors = Object.create(null);
+
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+const add = (id, port) => {
+  interceptors[id] = port;
+};
+const remove = id => {
+  delete interceptors[id];
+};
+const getAll = () => {
+  return Object.values(interceptors);
+};
+const isEmpty = () => {
+  return Object.keys(interceptors).length === 0;
+};
+
+const notifyInterceptors = message => {
+  if (isEmpty()) {
+    return;
+  }
+  const ports = getAll();
+  // TODO use rpc.invoke
+  for (const port of ports) {
+    port.postMessage({
+      jsonrpc: '2.0',
+      method: 'handleMessageCalled',
+      params: [message]
+    });
+  }
+};
+
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+const proxyPorts = (port1, port2) => {
+  port1.addEventListener('message', event => {
+    port2.postMessage(event.data);
+  });
+  port2.addEventListener('message', event => {
+    port1.postMessage(event.data);
+  });
+};
+
 const createWebWorkerRpc2 = async (rpcInfo, webView, savedState, uri, portId, webViewUid, origin) => {
   const rpc = await getWebViewWorkerRpc2(rpcInfo);
   const webViewInfo = {
@@ -1592,10 +1650,25 @@ const createWebWorkerRpc2 = async (rpcInfo, webView, savedState, uri, portId, we
   await createWebViewConnection(webViewUid, origin);
   const {
     port1,
-    port2
-  } = getPortTuple();
+    port2,
+    port3,
+    port4
+  } = getPortQuadruple();
   await createSecondaryWebViewConnection(webViewUid, origin, port1);
-  await rpc.invokeAndTransfer('_WebView.setPort', portId, port2);
+
+  // TODO remove message listeners on dispose
+  port2.addEventListener('message', event => {
+    notifyInterceptors(event.data);
+  });
+  port3.addEventListener('message', event => {
+    notifyInterceptors(event.data);
+  });
+  proxyPorts(port2, port3);
+  port1.start();
+  port2.start();
+  port3.start();
+  port4.start();
+  await rpc.invokeAndTransfer('_WebView.setPort', portId, port4);
   await rpc.invoke('_WebView.create', {
     id: portId,
     savedState,
@@ -1779,7 +1852,7 @@ const getSecret = async key => {
 };
 
 const getWebViewInfo = webViewId => {
-  const rpcs = getAll();
+  const rpcs = getAll$1();
   for (const value of Object.values(rpcs)) {
     if (value.webViewId === webViewId) {
       return {
@@ -1792,7 +1865,7 @@ const getWebViewInfo = webViewId => {
 };
 
 const saveState = async () => {
-  const all = getAll();
+  const all = getAll$1();
   const serialized = [];
   for (const value of Object.values(all)) {
     try {
@@ -1810,12 +1883,22 @@ const saveState = async () => {
   return serialized;
 };
 
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+const registerInterceptor = async (id, port) => {
+  add(id, port);
+};
+const unregisterInterceptor = async id => {
+  remove(id);
+};
+
 const commandMap = {
   'WebView.create2': create2,
   'WebView.create3': create3,
   'WebView.saveState': saveState,
   'WebView.getSecret': getSecret,
-  'WebView.getWebViewInfo': getWebViewInfo
+  'WebView.getWebViewInfo': getWebViewInfo,
+  'WebView.registerInterceptor': registerInterceptor,
+  'WebView.unregisterInterceptor': unregisterInterceptor
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/iframe-worker",
-  "version": "5.26.0",
+  "version": "5.28.0",
   "description": "Web Worker to manage creation and lifecycle of iframes in Lvce Editor",
   "keywords": [
     "iframe"