@lvce-editor/renderer-process 21.5.0 → 21.7.0

package/dist/rendererProcessMain.js

@@ -468,10 +468,10 @@ const cache$1 = new Map();
 const has$1 = listener => {
   return cache$1.has(listener);
 };
-const set$8 = (listener, value) => {
+const set$1$1 = (listener, value) => {
   cache$1.set(listener, value);
 };
-const get$9 = listener => {
+const get$1$1 = listener => {
   return cache$1.get(listener);
 };
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -495,9 +495,9 @@ const getWrappedListener$1 = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    set$8(listener, wrapped);
+    set$1$1(listener, wrapped);
   }
-  return get$9(listener);
+  return get$1$1(listener);
 };
 const getOptions = fn => {
   if (fn.passive) {
@@ -707,18 +707,15 @@ const replace = ($Element, nodes, eventMap = {}) => {
   // Create a temporary container to render the new nodes
   const $Temp = document.createElement('div');
   renderInternal($Temp, nodes, eventMap, eventMap);
-  // Replace the current element with the new ones
-  let $NewElement = $Temp.firstElementChild;
-  if (!$NewElement) {
-    // If no element was created (e.g., only text nodes), we need to create a wrapper
-    // In this case, we create a div and move all children to it
-    $NewElement = document.createElement('div');
-    while ($Temp.firstChild) {
-      $NewElement.append($Temp.firstChild);
-    }
+  // Replace the current element with the new node(s)
+  const $NewNode = $Temp.firstChild;
+  if (!$NewNode) {
+    // No node was created, just remove the old element
+    $Element.remove();
+    return $Element;
   }
-  $Element.replaceWith($NewElement);
-  return $NewElement;
+  $Element.replaceWith($NewNode);
+  return $NewNode;
 };
 const SetText = 1;
 const Replace = 2;
@@ -1190,6 +1187,13 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   stopIgnore();
   return $Viewlet;
 };
+const instances = Object.create(null);
+const get$9 = viewletId => {
+  return instances[viewletId];
+};
+const set$8 = (viewletId, instance) => {
+  instances[viewletId] = instance;
+};
 
 const get$8 = ids => {
   return getFileHandles$1(ids);
@@ -8927,18 +8931,19 @@ const create$3 = (id, uid = id) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state$1.instances[id]?.state.$Viewlet.isConnected) {
-    state$1.instances[id].state.$Viewlet.remove();
+  const existing = get$9(id);
+  if (existing?.state.$Viewlet.isConnected) {
+    existing.state.$Viewlet.remove();
   }
   const instanceState = module.create();
   set$3(instanceState.$Viewlet, uid);
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
-  state$1.instances[uid] = {
+  set$8(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   let module = state$1.modules[id];
@@ -8948,16 +8953,17 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  if (state$1.instances[id]?.state.$Viewlet.isConnected) {
-    state$1.instances[id].state.$Viewlet.remove();
+  const existing = get$9(id);
+  if (existing?.state.$Viewlet.isConnected) {
+    existing.state.$Viewlet.remove();
   }
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  state$1.instances[uid] = {
+  set$8(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const addKeyBindings = (id, keyBindings) => {
   // @ts-expect-error
@@ -8977,7 +8983,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8995,7 +9001,7 @@ const focus$1 = viewletId => {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -9011,7 +9017,7 @@ const focusElementByName = (viewletId, name) => {
     // eslint-disable-next-line no-console
     console.trace(`focusByName ${viewletId} ${name}`);
   }
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9026,7 +9032,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9055,7 +9061,7 @@ const setCheckBoxValue = (viewletId, name, value) => {
 };
 const setSelectionByName = (viewletId, name, start, end) => {
   const selector = `[name="${name}"]`;
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9070,7 +9076,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9080,7 +9086,7 @@ const setUid = (viewletId, uid) => {
   set$3($Viewlet, uid);
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9098,7 +9104,7 @@ const focusSelector = (viewletId, selector) => {
  * @deprecated
  */
 const refresh$1 = (viewletId, viewletContext) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -9117,20 +9123,20 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($PlaceHolder);
-  state$1.instances[viewletId] = {
+  set$8(viewletId, {
     state: {
       $Viewlet: $PlaceHolder
     }
-  };
+  });
 };
 const setDragData = (viewletId, dragData) => {
   set$2(viewletId, dragData);
 };
 const setDom = (viewletId, dom) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9143,7 +9149,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9165,10 +9171,16 @@ const setDom2 = (viewletId, dom) => {
     // @ts-ignore
     set$3($NewViewlet, uid);
   }
-  instance.state.$Viewlet = $NewViewlet;
+  set$8(viewletId, {
+    ...instance,
+    state: {
+      ...instance.state,
+      $Viewlet: $NewViewlet
+    }
+  });
 };
 const setPatches = (uid, patches) => {
-  const instance = state$1.instances[uid];
+  const instance = get$9(uid);
   if (!instance) {
     return;
   }
@@ -9339,10 +9351,7 @@ const sendMultiple = commands => {
 const dispose$3 = id => {
   try {
     number(id);
-    const {
-      instances
-    } = state$1;
-    const instance = instances[id];
+    const instance = get$9(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9353,14 +9362,14 @@ const dispose$3 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
-    delete instances[id];
+    set$8(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
   }
 };
 const handleError$1 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9372,7 +9381,7 @@ const handleError$1 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = `${message}`;
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9386,9 +9395,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = state$1.instances[parentId]; // TODO must ensure that parent is already created
+  const parentInstanceState = get$9(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9407,12 +9416,12 @@ const ariaAnnounce = async message => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -9428,16 +9437,18 @@ const append = (parentId, childId, referenceNodes) => {
       if (id === childId) {
         for (let j = i - 1; j >= 0; j--) {
           const beforeId = referenceNodes[j];
-          if (state$1.instances[beforeId]) {
-            const $ReferenceNode = state$1.instances[beforeId].state.$Viewlet;
+          const beforeInstance = get$9(beforeId);
+          if (beforeInstance) {
+            const $ReferenceNode = beforeInstance.state.$Viewlet;
             $ReferenceNode.after($Child);
             return;
           }
         }
         for (let j = i + 1; j < referenceNodes.length; j++) {
           const afterId = referenceNodes[j];
-          if (state$1.instances[afterId]) {
-            const $ReferenceNode = state$1.instances[afterId].state.$Viewlet;
+          const afterInstance = get$9(afterId);
+          if (afterInstance) {
+            const $ReferenceNode = afterInstance.state.$Viewlet;
             $ReferenceNode.before($Child);
             return;
           }
@@ -9453,11 +9464,11 @@ const append = (parentId, childId, referenceNodes) => {
   }
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = state$1.instances[childId];
+    const childInstance = get$9(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9465,7 +9476,7 @@ const replaceChildren = (parentId, childIds) => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$9(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
 };
@@ -9537,7 +9548,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9547,7 +9558,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (!instance) {
     return;
   }
@@ -9555,7 +9566,7 @@ const setBounds$1 = (id, left, top, width, height) => {
   setBounds$a($Viewlet, left, top, width, height);
 };
 const setProperty = (id, selector, property, value) => {
-  const instance = state$1.instances[id];
+  const instance = get$9(id);
   if (!instance) {
     return;
   }

package/package.json

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