@lvce-editor/renderer-process 21.6.0 → 21.8.0

package/dist/rendererProcessMain.js

@@ -289,8 +289,10 @@ const Option$1 = 64;
 const Code$1 = 65;
 const Label$1 = 66;
 const Dt$1 = 67;
+const Reference$1 = 100;
 const VirtualDomElements$1 = {
   __proto__: null,
+  Reference: Reference$1,
   Text: Text$1};
 const getElementTag$1 = type => {
   switch (type) {
@@ -413,6 +415,13 @@ const ElementTagMap = {
 const {
   getElementTag
 } = ElementTagMap;
+const instances = Object.create(null);
+const get$1$1 = viewletId => {
+  return instances[viewletId];
+};
+const set$1$1 = (viewletId, instance) => {
+  instances[viewletId] = instance;
+};
 const getEventListenerOptions$1 = (eventName, value) => {
   if (value.passive) {
     return {
@@ -634,7 +643,8 @@ const setProps = ($Element, props, eventMap, newEventMap) => {
   }
 };
 const {
-  Text: Text$2} = VirtualDomElements$1;
+  Text: Text$2,
+  Reference} = VirtualDomElements$1;
 const renderDomTextNode = element => {
   return document.createTextNode(element.text);
 };
@@ -644,8 +654,15 @@ const renderDomElement = (element, eventMap, newEventMap) => {
   setProps($Element, element, eventMap, newEventMap);
   return $Element;
 };
+const renderReferenceNode = element => {
+  const instance = get$1$1(element.uid);
+  const $Node = instance.state.$Viewlet;
+  return $Node;
+};
 const render$1 = (element, eventMap, newEventMap) => {
   switch (element.type) {
+    case Reference:
+      return renderReferenceNode(element);
     case Text$2:
       return renderDomTextNode(element);
     default:
@@ -1927,7 +1944,7 @@ const getFirstEvent = (eventEmitter, eventMap) => {
   return promise;
 };
 const Message$1 = 3;
-const create$5$1 = async ({
+const create$5$2 = async ({
   isMessagePortOpen,
   messagePort
 }) => {
@@ -1978,7 +1995,7 @@ const wrap$5 = messagePort => {
 };
 const IpcParentWithMessagePort$1 = {
   __proto__: null,
-  create: create$5$1,
+  create: create$5$2,
   signal: signal$1,
   wrap: wrap$5
 };
@@ -2423,14 +2440,14 @@ const execute = (command, ...args) => {
 };
 
 const Two = '2.0';
-const create$s$1 = (method, params) => {
+const create$t$1 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
     params
   };
 };
-const create$r$1 = (id, method, params) => {
+const create$s$1 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -2440,14 +2457,14 @@ const create$r$1 = (id, method, params) => {
   return message;
 };
 let id = 0;
-const create$q$1 = () => {
+const create$r$1 = () => {
   return ++id;
 };
 
 /* eslint-disable n/no-unsupported-features/es-syntax */
 
 const registerPromise = map => {
-  const id = create$q$1();
+  const id = create$r$1();
   const {
     promise,
     resolve
@@ -2465,7 +2482,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$r$1(id, method, params);
+  const message = create$s$1(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -2501,7 +2518,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$s$1(method, params);
+      const message = create$t$1(method, params);
       ipc.send(message);
     }
   };
@@ -2537,7 +2554,7 @@ const unhandleIpc = ipc => {
     ipc.onmessage = null;
   }
 };
-const create$l$1 = async ({
+const create$m$1 = async ({
   commandMap,
   window
 }) => {
@@ -2550,12 +2567,12 @@ const create$l$1 = async ({
 };
 const ElectronWindowRpcClient = {
   __proto__: null,
-  create: create$l$1
+  create: create$m$1
 };
 const isWorker = value => {
   return value instanceof Worker;
 };
-const create$b$1 = async ({
+const create$c$1 = async ({
   commandMap,
   name,
   url
@@ -2576,9 +2593,9 @@ const create$b$1 = async ({
 };
 const ModuleWorkerRpcParent = {
   __proto__: null,
-  create: create$b$1
+  create: create$c$1
 };
-const create$a$1 = async ({
+const create$b$1 = async ({
   commandMap,
   name,
   port,
@@ -2602,9 +2619,9 @@ const create$a$1 = async ({
 };
 const ModuleWorkerWithMessagePortRpcParent = {
   __proto__: null,
-  create: create$a$1
+  create: create$b$1
 };
-const create$4$1 = async ({
+const create$5$1 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -2621,18 +2638,18 @@ const create$4$1 = async ({
   messagePort.start();
   return rpc;
 };
-const create$3$1 = async ({
+const create$4$1 = async ({
   commandMap,
   messagePort
 }) => {
-  return create$4$1({
+  return create$5$1({
     commandMap,
     messagePort
   });
 };
 const PlainMessagePortRpcParent = {
   __proto__: null,
-  create: create$3$1
+  create: create$4$1
 };
 
 // TODO add test
@@ -7651,13 +7668,6 @@ const ViewletOutput = {
   setText
 };
 
-const state$1 = {
-  currentPanelView: undefined,
-  currentSideBarView: undefined,
-  instances: Object.create(null),
-  modules: Object.create(null)
-};
-
 const handleClickClose = event => {
   const uid = fromEvent(event);
   hidePanel(uid);
@@ -7804,8 +7814,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
   const {
     $PanelActions
   } = state;
-  const instances = state$1.instances;
-  const instance = instances[childUid];
+  const instance = get$1$1(childUid);
   if (!instance) {
     throw new Error(`child instance not found`);
   }
@@ -8919,23 +8928,30 @@ const load$1 = moduleId => {
   }
 };
 
+const state$1 = {
+  currentPanelView: undefined,
+  currentSideBarView: undefined,
+  modules: Object.create(null)
+};
+
 const create$3 = (id, uid = id) => {
   const module = state$1.modules[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$1$1(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$1$1(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   let module = state$1.modules[id];
@@ -8945,16 +8961,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$1$1(id);
+  if (existing?.state.$Viewlet.isConnected) {
+    existing.state.$Viewlet.remove();
   }
   const instanceState = {
     $Viewlet: document.createElement('div')
   };
-  state$1.instances[uid] = {
+  set$1$1(uid, {
     factory: module,
     state: instanceState
-  };
+  });
 };
 const addKeyBindings = (id, keyBindings) => {
   // @ts-expect-error
@@ -8974,7 +8991,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8992,7 +9009,7 @@ const focus$1 = viewletId => {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -9008,7 +9025,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$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9023,7 +9040,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9052,7 +9069,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$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9067,7 +9084,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9077,7 +9094,7 @@ const setUid = (viewletId, uid) => {
   set$3($Viewlet, uid);
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9095,7 +9112,7 @@ const focusSelector = (viewletId, selector) => {
  * @deprecated
  */
 const refresh$1 = (viewletId, viewletContext) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -9114,20 +9131,20 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$1$1(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($PlaceHolder);
-  state$1.instances[viewletId] = {
+  set$1$1(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$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9140,7 +9157,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = state$1.instances[viewletId];
+  const instance = get$1$1(viewletId);
   if (!instance) {
     return;
   }
@@ -9162,10 +9179,16 @@ const setDom2 = (viewletId, dom) => {
     // @ts-ignore
     set$3($NewViewlet, uid);
   }
-  instance.state.$Viewlet = $NewViewlet;
+  set$1$1(viewletId, {
+    ...instance,
+    state: {
+      ...instance.state,
+      $Viewlet: $NewViewlet
+    }
+  });
 };
 const setPatches = (uid, patches) => {
-  const instance = state$1.instances[uid];
+  const instance = get$1$1(uid);
   if (!instance) {
     return;
   }
@@ -9336,10 +9359,7 @@ const sendMultiple = commands => {
 const dispose$3 = id => {
   try {
     number(id);
-    const {
-      instances
-    } = state$1;
-    const instance = instances[id];
+    const instance = get$1$1(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9350,14 +9370,14 @@ const dispose$3 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
-    delete instances[id];
+    set$1$1(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$1$1(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9369,7 +9389,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$1$1(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9383,9 +9403,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$1$1(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$1$1(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9404,12 +9424,12 @@ const ariaAnnounce = async message => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$1$1(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$1$1(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -9425,16 +9445,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$1$1(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$1$1(afterId);
+          if (afterInstance) {
+            const $ReferenceNode = afterInstance.state.$Viewlet;
             $ReferenceNode.before($Child);
             return;
           }
@@ -9450,11 +9472,11 @@ const append = (parentId, childId, referenceNodes) => {
   }
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = state$1.instances[parentId];
+  const parentInstance = get$1$1(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = state$1.instances[childId];
+    const childInstance = get$1$1(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9462,7 +9484,7 @@ const replaceChildren = (parentId, childIds) => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = state$1.instances[childId];
+  const childInstance = get$1$1(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
 };
@@ -9534,7 +9556,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = state$1.instances[id];
+  const instance = get$1$1(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9544,7 +9566,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = state$1.instances[id];
+  const instance = get$1$1(id);
   if (!instance) {
     return;
   }
@@ -9552,7 +9574,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$1$1(id);
   if (!instance) {
     return;
   }

package/package.json

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