@lvce-editor/renderer-process 30.12.3 → 30.13.0

package/dist/rendererProcessMain.js

@@ -118,25 +118,25 @@ const confirm = message => {
   return window.confirm(message);
 };
 
-const state$a = {
+const state$b = {
   styleSheets: Object.create(null),
   texts: Object.create(null)
 };
-const set$a = (id, sheet) => {
-  state$a.styleSheets[id] = sheet;
+const set$b = (id, sheet) => {
+  state$b.styleSheets[id] = sheet;
 };
 const get$b = id => {
-  return state$a.styleSheets[id];
+  return state$b.styleSheets[id];
 };
 const setText$2 = (id, text) => {
-  state$a.texts[id] = text;
+  state$b.texts[id] = text;
 };
 const getText = id => {
-  return state$a.texts[id];
+  return state$b.texts[id];
 };
-const remove$4 = id => {
-  delete state$a.styleSheets[id];
-  delete state$a.texts[id];
+const remove$5 = id => {
+  delete state$b.styleSheets[id];
+  delete state$b.texts[id];
 };
 
 const addCssStyleSheet = (id, text) => {
@@ -147,7 +147,7 @@ const addCssStyleSheet = (id, text) => {
     return;
   }
   const sheet = new CSSStyleSheet({});
-  set$a(id, sheet);
+  set$b(id, sheet);
   setText$2(id, text);
   sheet.replaceSync(text);
   document.adoptedStyleSheets.push(sheet);
@@ -177,7 +177,7 @@ const removeCssStyleSheet = id => {
     return;
   }
   document.adoptedStyleSheets = document.adoptedStyleSheets.filter(candidate => candidate !== sheet);
-  remove$4(id);
+  remove$5(id);
 };
 const getSelectionText = () => {
   return document.getSelection()?.toString() || '';
@@ -338,10 +338,10 @@ const createIdGenerator = () => {
 };
 const create$L = createIdGenerator();
 
-const state$9 = Object.create(null);
+const state$a = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$9[id];
-  delete state$9[id];
+  const promise = state$a[id];
+  delete state$a[id];
   return promise;
 };
 const getFileHandles$1 = async ids => {
@@ -351,7 +351,7 @@ const getFileHandles$1 = async ids => {
 };
 const add$1 = promise => {
   const id = create$L();
-  state$9[id] = promise;
+  state$a[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
@@ -528,14 +528,14 @@ const getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-const state$8 = {
+const state$9 = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$8.ipc;
+  return state$9.ipc;
 };
 const setIpc = value => {
-  state$8.ipc = value;
+  state$9.ipc = value;
 };
 
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -1261,7 +1261,7 @@ const instances = Object.create(null);
 const get$a = viewletId => {
   return instances[viewletId];
 };
-const set$9 = (viewletId, instance) => {
+const set$a = (viewletId, instance) => {
   instances[viewletId] = instance;
 };
 
@@ -1290,7 +1290,7 @@ const cache = new Map();
 const has$1 = listener => {
   return cache.has(listener);
 };
-const set$8 = (listener, value) => {
+const set$9 = (listener, value) => {
   cache.set(listener, value);
 };
 const get$9 = listener => {
@@ -1313,7 +1313,7 @@ const getWrappedListener = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    set$8(listener, wrapped);
+    set$9(listener, wrapped);
   }
   return get$9(listener);
 };
@@ -2820,7 +2820,7 @@ const callbacks = Object.create(null);
 const get$7 = id => {
   return callbacks[id];
 };
-const remove$3 = id => {
+const remove$4 = id => {
   delete callbacks[id];
 };
 class JsonRpcError extends Error {
@@ -3014,7 +3014,7 @@ const resolve = (id, response) => {
     return;
   }
   fn(response);
-  remove$3(id);
+  remove$4(id);
 };
 const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
 const getErrorType = prettyError => {
@@ -3376,18 +3376,33 @@ const create$z = async ({
   });
 };
 
-// TODO add test
+const workers = Object.create(null);
+const set$8 = (id, worker) => {
+  workers[id] = worker;
+};
+const remove$3 = id => {
+  const worker = workers[id];
+  delete workers[id];
+  return worker;
+};
+
 const create$y = async ({
+  id,
   name,
   port,
+  raw,
   url
-}) => {
-  await create$A({
+}, createRpc = create$A) => {
+  const rpc = await createRpc({
     commandMap: {},
     name,
     port,
     url
   });
+  const worker = rpc.ipc?._rawIpc;
+  if (typeof id === 'number' && raw && worker) {
+    set$8(id, worker);
+  }
   return undefined;
 };
 
@@ -3565,6 +3580,109 @@ const launchRendererWorker = async () => {
   });
 };
 
+const selector = 'script.RendererWorkerTrace';
+const state$8 = {
+  enabled: false,
+  entries: []
+};
+const serialize = value => {
+  const seen = new WeakSet();
+  const text = JSON.stringify(value, (_key, currentValue) => {
+    if (typeof currentValue === 'bigint') {
+      return `${currentValue}n`;
+    }
+    if (typeof currentValue !== 'object' || currentValue === null) {
+      return currentValue;
+    }
+    if (seen.has(currentValue)) {
+      return '[Circular]';
+    }
+    seen.add(currentValue);
+    if (currentValue instanceof ArrayBuffer) {
+      return {
+        byteLength: currentValue.byteLength,
+        type: 'ArrayBuffer'
+      };
+    }
+    if (ArrayBuffer.isView(currentValue)) {
+      return {
+        byteLength: currentValue.byteLength,
+        type: currentValue.constructor.name
+      };
+    }
+    if (currentValue instanceof Error) {
+      return {
+        message: currentValue.message,
+        name: currentValue.name,
+        stack: currentValue.stack
+      };
+    }
+    if (currentValue.constructor?.name === 'MessagePort') {
+      return {
+        type: 'MessagePort'
+      };
+    }
+    return currentValue;
+  });
+  return JSON.parse(text);
+};
+const isCommand = value => {
+  return typeof value === 'object' && value !== null && 'method' in value && typeof value.method === 'string';
+};
+const initialize = search => {
+  const searchParams = new URLSearchParams(search);
+  state$8.enabled = searchParams.has('traceRendererWorker');
+  state$8.entries = [];
+};
+const record = (direction, method, params) => {
+  if (!state$8.enabled) {
+    return;
+  }
+  state$8.entries.push({
+    direction,
+    method,
+    params: serialize(params),
+    timestamp: performance.now()
+  });
+};
+const listen = rpc => {
+  if (!state$8.enabled) {
+    return;
+  }
+  const ipc = rpc.ipc;
+  if (!ipc) {
+    return;
+  }
+  ipc.addEventListener('message', event => {
+    const message = ipc.getData(event);
+    if (isCommand(message)) {
+      record('received', message.method, message.params || []);
+    }
+  });
+};
+const exportToDom = () => {
+  if (!state$8.enabled) {
+    return;
+  }
+  const existing = document.querySelector(selector);
+  const script = existing || document.createElement('script');
+  script.className = 'RendererWorkerTrace';
+  script.type = 'application/json';
+  script.textContent = JSON.stringify({
+    entries: state$8.entries,
+    version: 1
+  });
+  if (!existing) {
+    document.body.append(script);
+  }
+};
+const scheduleExport = () => {
+  if (!state$8.enabled) {
+    return;
+  }
+  queueMicrotask(exportToDom);
+};
+
 const state$7 = {
   rpc: undefined
 };
@@ -3575,35 +3693,42 @@ const hydrate$3 = async () => {
     return result;
   }
   state$7.rpc = result.value;
+  listen(result.value);
   return success(undefined);
 };
 
 // TODO needed?
-const dispose$j = () => {
+const dispose$k = () => {
   if (state$7.rpc) {
     state$7.rpc.dispose();
   }
 };
 const send = (method, ...params) => {
+  record('sent', method, params);
   // @ts-ignore
   state$7.rpc.send(method, ...params);
 };
 const invoke$1 = (method, ...params) => {
+  record('sent', method, params);
   // @ts-ignore
   return state$7.rpc.invoke(method, ...params);
 };
 const sendAndTransfer = message => {
+  if (Array.isArray(message) && typeof message[0] === 'string') {
+    record('sent', message[0], message.slice(1));
+  }
   // @ts-expect-error
   state$7.rpc.sendAndTransfer(message);
 };
 const invokeAndTransfer = (method, ...params) => {
+  record('sent', method, params);
   // @ts-ignore
   return state$7.rpc.invokeAndTransfer(method, ...params);
 };
 
 const RendererWorker = {
   __proto__: null,
-  dispose: dispose$j,
+  dispose: dispose$k,
   hydrate: hydrate$3,
   invoke: invoke$1,
   invokeAndTransfer,
@@ -3631,6 +3756,10 @@ const create$w = async ({
   // @ts-ignore
   return module.create(options);
 };
+const dispose$j = id => {
+  const worker = remove$3(id);
+  worker?.terminate();
+};
 
 const getElementHeight = $Element => {
   document.body.append($Element);
@@ -3811,7 +3940,7 @@ const create2 = async (canvasId, objectId, width, height) => {
   }
   const offscreenCanvas = canvas.transferControlToOffscreen();
   canvas.dataset.id = canvasId;
-  set$9(canvasId, {
+  set$a(canvasId, {
     factory: {},
     state: {
       $Viewlet: canvas
@@ -4946,6 +5075,7 @@ const showOverlay = (state, background, text, actions = []) => {
   const $actions = actions.map(createAction);
   $TestOverlay.append(span, ...$actions);
   document.body.append($TestOverlay);
+  scheduleExport();
 };
 const showTestResults = text => {
   const existing = document.querySelector('.TestResults');
@@ -4956,6 +5086,7 @@ const showTestResults = text => {
   if (!existing) {
     document.body.append($TestResults);
   }
+  scheduleExport();
 };
 const performAction = async (locator, fnName, options) => {
   object(locator);
@@ -8573,7 +8704,7 @@ const create$4 = (id, uid = id) => {
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
-  set$9(uid, {
+  set$a(uid, {
     factory: module,
     state: instanceState
   });
@@ -8593,7 +8724,7 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  set$9(uid, {
+  set$a(uid, {
     factory: module,
     state: instanceState
   });
@@ -8774,7 +8905,7 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   const parentInstance = get$a(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($Placeholder);
-  set$9(viewletId, {
+  set$a(viewletId, {
     state: {
       $Viewlet: $Placeholder
     }
@@ -8819,7 +8950,7 @@ const setDom2 = (viewletId, dom) => {
     // @ts-ignore
     set$3($NewViewlet, uid);
   }
-  set$9(viewletId, {
+  set$a(viewletId, {
     ...instance,
     state: {
       ...instance.state,
@@ -8905,7 +9036,7 @@ const dispose$4 = id => {
       instance.state.$Viewlet.remove();
     }
     removeCssStyleSheet(id);
-    set$9(id, undefined);
+    set$a(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
   }
@@ -9358,6 +9489,7 @@ const commandMap = {
   'HandleMessagePort.handleMessagePort': handleMessagePort,
   'InitData.getInitData': getInitData,
   'IpcParent.create': create$w,
+  'IpcParent.dispose': dispose$j,
   'KeyBindings.setIdentifiers': setIdentifiers,
   'Layout.getBounds': getBounds,
   'Location.getHref': getHref,
@@ -9918,6 +10050,7 @@ const enable = async window => {
 };
 
 const main = async () => {
+  initialize(location.search);
   Object.assign(commandMapRef, commandMap);
   enable(window);
   state$1.modules[ColorPicker] = ViewletColorPicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.12.3",
+  "version": "30.13.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"