@lvce-editor/renderer-process 3.5.0 → 5.0.0

package/dist/rendererProcessMain.js

@@ -270,7 +270,7 @@ let VError$1 = class VError extends Error {
   }
 };
 
-const state$b = {
+const state$c = {
   commands: Object.create(null),
   pendingModules: Object.create(null),
   async load(moduleId) {}
@@ -291,7 +291,7 @@ const initializeModule = module => {
 };
 const loadModule$1 = async moduleId => {
   try {
-    const module = await state$b.load(moduleId);
+    const module = await state$c.load(moduleId);
     initializeModule(module);
   } catch (error) {
     if (error && error instanceof SyntaxError && error.stack === `SyntaxError: ${error.message}`) {
@@ -302,16 +302,16 @@ const loadModule$1 = async moduleId => {
   }
 };
 const getOrLoadModule = moduleId => {
-  if (!state$b.pendingModules[moduleId]) {
-    state$b.pendingModules[moduleId] = loadModule$1(moduleId);
+  if (!state$c.pendingModules[moduleId]) {
+    state$c.pendingModules[moduleId] = loadModule$1(moduleId);
   }
-  return state$b.pendingModules[moduleId];
+  return state$c.pendingModules[moduleId];
 };
 const loadCommand = async command => {
   await getOrLoadModule(getModuleId(command));
 };
 const register = (commandId, listener) => {
-  state$b.commands[commandId] = listener;
+  state$c.commands[commandId] = listener;
 };
 const hasThrown = new Set();
 const executeCommandAsync = async (command, ...args) => {
@@ -320,7 +320,7 @@ const executeCommandAsync = async (command, ...args) => {
   } catch (error) {
     throw new VError$1(error, `Failed to load command ${command}`);
   }
-  if (!(command in state$b.commands)) {
+  if (!(command in state$c.commands)) {
     if (hasThrown.has(command)) {
       return;
     }
@@ -330,8 +330,8 @@ const executeCommandAsync = async (command, ...args) => {
   return execute(command, ...args);
 };
 const execute = (command, ...args) => {
-  if (command in state$b.commands) {
-    const fn = state$b.commands[command];
+  if (command in state$c.commands) {
+    const fn = state$c.commands[command];
     if (typeof fn !== 'function') {
       throw new Error(`[renderer-worker] Command ${command} is not a function`);
     }
@@ -340,7 +340,7 @@ const execute = (command, ...args) => {
   return executeCommandAsync(command, ...args);
 };
 const setLoad = load => {
-  state$b.load = load;
+  state$c.load = load;
 };
 
 /**
@@ -361,7 +361,7 @@ const handleBeforeInstallPrompt = event => {
   preventDefault(event);
 };
 
-const state$a = {
+const state$b = {
   /**
    * @type {any[]}
    */
@@ -369,10 +369,10 @@ const state$a = {
 };
 const addError = error => {
   // @ts-expect-error
-  state$a.errors.push(error);
+  state$b.errors.push(error);
 };
 const hasRecentErrors = () => {
-  return state$a.errors.length > 0;
+  return state$b.errors.length > 0;
 };
 const getRecentError = () => {
 };
@@ -547,11 +547,11 @@ const get$6 = id => {
 const remove$2 = id => {
   delete state$1$1.callbacks[id];
 };
-const state$9 = {
+const state$a = {
   id: 0
 };
 const create$3$1 = () => {
-  return ++state$9.id;
+  return ++state$a.id;
 };
 const warn$1 = (...args) => {
   console.warn(...args);
@@ -969,7 +969,7 @@ const launchRendererWorker = async () => {
   });
 };
 
-const state$8 = {
+const state$9 = {
   /**
    * @type {any}
    */
@@ -979,14 +979,14 @@ const hydrate$1 = async () => {
   const ipc = await launchRendererWorker();
   handleIpc(ipc);
   // @ts-expect-error
-  state$8.ipc = ipc;
+  state$9.ipc = ipc;
 };
 const send = (method, ...params) => {
-  send$1(state$8.ipc, method, ...params);
+  send$1(state$9.ipc, method, ...params);
 };
 const sendAndTransfer = (message, transfer) => {
   // @ts-expect-error
-  state$8.ipc.sendAndTransfer(message, transfer);
+  state$9.ipc.sendAndTransfer(message, transfer);
 };
 
 let AssertionError$1 = class AssertionError extends Error {
@@ -1820,14 +1820,14 @@ const ConfirmPrompt_ipc = {
   name: name$w
 };
 
-const state$7 = {
+const state$8 = {
   styleSheets: Object.create(null)
 };
 const set$4 = (id, sheet) => {
-  state$7.styleSheets[id] = sheet;
+  state$8.styleSheets[id] = sheet;
 };
 const get$5 = id => {
-  return state$7.styleSheets[id];
+  return state$8.styleSheets[id];
 };
 
 const addCssStyleSheet = async (id, text) => {
@@ -1901,24 +1901,24 @@ const Download_ipc = {
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
 
-const state$6 = {
+const state$7 = {
   $AriaAlert1: undefined,
   $AriaAlert2: undefined,
   $AriaMessages: undefined
 };
 const getAriaAlert1 = () => {
-  return state$6.$AriaAlert1;
+  return state$7.$AriaAlert1;
 };
 const getAriaAlert2 = () => {
-  return state$6.$AriaAlert2;
+  return state$7.$AriaAlert2;
 };
 const setElements = ($AriaMessages, $AriaAlert1, $AriaAlert2) => {
-  state$6.$AriaMessages = $AriaMessages;
-  state$6.$AriaAlert1 = $AriaAlert1;
-  state$6.$AriaAlert2 = $AriaAlert2;
+  state$7.$AriaMessages = $AriaMessages;
+  state$7.$AriaAlert1 = $AriaAlert1;
+  state$7.$AriaAlert2 = $AriaAlert2;
 };
 const hasElements = () => {
-  return state$6.$AriaMessages;
+  return state$7.$AriaMessages;
 };
 
 const True = 'true';
@@ -1995,7 +1995,7 @@ const AriaAlert = {
 };
 
 // TODO this file is not needed when all elements are position fixed
-const state$5 = {
+const state$6 = {
   isInDom: false,
   $PreviousFocusElement: undefined,
   widgetSet: new Set(),
@@ -2009,20 +2009,20 @@ const create$Widgets = () => {
 };
 const append$1 = $Element => {
   // TODO should not call append in the first place if it is already in dom
-  if (state$5.widgetSet.has($Element)) {
+  if (state$6.widgetSet.has($Element)) {
     return;
   }
-  state$5.widgetSet.add($Element);
-  if (state$5.$Widgets) {
+  state$6.widgetSet.add($Element);
+  if (state$6.$Widgets) {
     // @ts-expect-error
-    state$5.$Widgets.append($Element);
+    state$6.$Widgets.append($Element);
   } else {
     // @ts-expect-error
-    state$5.$Widgets = create$Widgets();
+    state$6.$Widgets = create$Widgets();
     // @ts-expect-error
-    state$5.$Widgets.append($Element);
+    state$6.$Widgets.append($Element);
     // @ts-expect-error
-    document.body.append(state$5.$Widgets);
+    document.body.append(state$6.$Widgets);
   }
 };
 const remove$1 = $Element => {
@@ -2030,13 +2030,13 @@ const remove$1 = $Element => {
     // TODO $Element should always be defined
     return;
   }
-  state$5.widgetSet.delete($Element);
+  state$6.widgetSet.delete($Element);
   $Element.remove();
   // TODO state.$Widgets should always be defined at this point
-  if (state$5.widgetSet.size === 0 && state$5.$Widgets) {
+  if (state$6.widgetSet.size === 0 && state$6.$Widgets) {
     // @ts-expect-error
-    state$5.$Widgets.remove();
-    state$5.$Widgets = undefined;
+    state$6.$Widgets.remove();
+    state$6.$Widgets = undefined;
   }
 };
 
@@ -2074,7 +2074,7 @@ const EditorError_ipc = {
   name: name$s
 };
 
-const state$4 = {
+const state$5 = {
   /**
    * @type {HTMLElement|undefined}
    */
@@ -2082,10 +2082,10 @@ const state$4 = {
   currentFocus: ''
 };
 const setElement = $Element => {
-  state$4.$PreviousFocusElement = $Element;
+  state$5.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$4.$PreviousFocusElement;
+  return state$5.$PreviousFocusElement;
 };
 
 const focus$i = $Element => {
@@ -2592,14 +2592,14 @@ const Notification_ipc = {
 
 const Two = '2.0';
 
-const state$3 = {
+const state$4 = {
   canvasObjects: Object.create(null)
 };
 const get$4 = id => {
-  return state$3.canvasObjects[id];
+  return state$4.canvasObjects[id];
 };
 const set$3 = (canvasId, canvas) => {
-  state$3.canvasObjects[canvasId] = canvas;
+  state$4.canvasObjects[canvasId] = canvas;
 };
 
 const get$3 = id => {
@@ -2692,6 +2692,37 @@ const TouchMove = 'touchmove';
 const TouchStart = 'touchstart';
 const Wheel = 'wheel';
 
+// src/parts/ComponentUid/ComponentUid.ts
+var uidSymbol$1 = Symbol("uid");
+var getUidTarget$1 = $Element => {
+  while ($Element) {
+    if ($Element[uidSymbol$1]) {
+      return $Element;
+    }
+    $Element = $Element.parentNode;
+  }
+  return void 0;
+};
+var getComponentUid = $Element => {
+  const $Target = getUidTarget$1($Element);
+  return $Target[uidSymbol$1];
+};
+var getComponentUidFromEvent = event => {
+  const {
+    target,
+    currentTarget
+  } = event;
+  return getComponentUid(currentTarget || target);
+};
+
+// src/parts/IpcState/IpcState.ts
+var state$3 = {
+  ipc: void 0
+};
+var getIpc = () => {
+  return state$3.ipc;
+};
+
 // src/parts/ClearNode/ClearNode.ts
 var clearNode = $Node => {
   $Node.textContent = "";
@@ -2914,6 +2945,59 @@ var getElementTag = type => {
   }
 };
 
+// src/parts/GetEventListenerOptions/GetEventListenerOptions.ts
+var getEventListenerOptions$1 = eventName => {
+  switch (eventName) {
+    case "wheel":
+      return {
+        passive: true
+      };
+    default:
+      return void 0;
+  }
+};
+
+// src/parts/NameAnonymousFunction/NameAnonymousFunction.ts
+var nameAnonymousFunction$1 = (fn, name) => {
+  Object.defineProperty(fn, "name", {
+    value: name
+  });
+};
+
+// src/parts/GetWrappedListener/GetWrappedListener.ts
+var cache$1 = /* @__PURE__ */new Map();
+var getWrappedListener$1 = (listener, returnValue) => {
+  if (!returnValue) {
+    return listener;
+  }
+  if (!cache$1.has(listener)) {
+    const wrapped = event => {
+      const uid = getComponentUidFromEvent(event);
+      const result = listener(event);
+      if (result.length === 0) {
+        return;
+      }
+      const ipc = getIpc();
+      ipc.send("Viewlet.executeViewletCommand", uid, ...result);
+    };
+    nameAnonymousFunction$1(wrapped, listener.name);
+    cache$1.set(listener, wrapped);
+  }
+  return cache$1.get(listener);
+};
+
+// src/parts/AttachEvent/AttachEvent.ts
+var attachEvent$1 = ($Node, eventMap, key, value) => {
+  const listener = eventMap[value];
+  if (!listener) {
+    console.warn("listener not found", value);
+    return;
+  }
+  const options = getEventListenerOptions$1(eventMap);
+  const wrapped = getWrappedListener$1(listener, eventMap.returnValue);
+  $Node.addEventListener(key, wrapped, options);
+};
+
 // src/parts/VirtualDomElementProp/VirtualDomElementProp.ts
 var setProp = ($Element, key, value, eventMap) => {
   switch (key) {
@@ -2975,10 +3059,11 @@ var setProp = ($Element, key, value, eventMap) => {
     case "onPointerOut":
     case "onPointerOver":
     case "onWheel":
-      key.slice(2).toLowerCase();
+      const eventName = key.slice(2).toLowerCase();
       if (!eventMap || !value) {
         return;
       }
+      attachEvent$1($Element, eventMap, eventName, value);
       break;
     default:
       if (key.startsWith("data-")) {
@@ -6438,6 +6523,9 @@ const stopTracking = ($Target, pointerId, handlePointerMove, handlePointerUp) =>
 const create$q = (pointerDown, pointerMove, pointerUp) => {
   const shared = (fn, event) => {
     const message = fn(event);
+    if (!message || message.length === 0) {
+      return;
+    }
     const uid = fromEvent(event);
     send('Viewlet.executeViewletCommand', uid, ...message);
   };
@@ -6929,44 +7017,19 @@ const handlePaste = event => {
   const text = getText(clipboardData);
   return ['paste', text];
 };
-
-/**
- *
- * @param {PointerEvent} event
- */
-const handleScrollBarThumbVerticalPointerMove = event => {
+const handleScrollBarVerticalPointerDown = create$q(event => {
   const {
     clientY
   } = event;
-  return ['handleScrollBarVerticalMove', clientY];
-};
-
-/**
- *
- * @param {PointerEvent} event
- */
-const handleScrollBarVerticalPointerUp = event => {
-  const {
-    target,
-    pointerId
-  } = event;
-  stopTracking$1(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
-  return [];
-};
-
-/**
- *
- * @param {PointerEvent} event
- */
-const handleScrollBarVerticalPointerDown = event => {
+  return ['handleScrollBarVerticalPointerDown', clientY];
+}, event => {
   const {
-    target,
-    pointerId,
     clientY
   } = event;
-  startTracking$1(target, pointerId, handleScrollBarThumbVerticalPointerMove, handleScrollBarVerticalPointerUp);
-  return ['handleScrollBarVerticalPointerDown', clientY];
-};
+  return ['handleScrollBarVerticalMove', clientY];
+}, () => {
+  return [];
+});
 
 /**
  *
@@ -7267,7 +7330,7 @@ const showOverlayMessage = (state, x, y, content) => {
 };
 const hideOverlayMessage = state => {
   // TODO pass id of the overlay message and remove widget by id
-  for (const $Widget of state$5.widgetSet) {
+  for (const $Widget of state$6.widgetSet) {
     // @ts-expect-error
     if ($Widget.className === 'EditorOverlayMessage') {
       remove$1($Widget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "3.5.0",
+  "version": "5.0.0",
   "description": "",
   "main": "dist/diffWorkerMain.js",
   "type": "module",