@lvce-editor/renderer-process 30.10.0 → 30.11.0

package/dist/rendererProcessMain.js

@@ -118,25 +118,25 @@ const confirm$1 = 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;
+  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];
+  delete state$b.styleSheets[id];
+  delete state$b.texts[id];
 };
 
 const addCssStyleSheet = (id, text) => {
@@ -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 => {
@@ -515,14 +515,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) => {
@@ -1399,9 +1399,7 @@ const setStyle = ($Element, styleString) => {
   }
 };
 
-const optionalAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaOwns', 'aria-owns']]);
-const mappedAttributeProps = new Map([['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby']]);
-const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
+const removedAttributeProps = new Map([['ariaActivedescendant', 'aria-activedescendant'], ['ariaControls', 'aria-controls'], ['ariaDescribedBy', 'aria-describedby'], ['ariaInvalid', 'aria-invalid'], ['ariaLabelledBy', 'aria-labelledby'], ['ariaOwns', 'aria-owns'], ['className', 'class'], ['htmlFor', 'for'], ['inputType', 'type']]);
 const pixelStyleProps = new Set(['height', 'left', 'marginTop', 'paddingLeft', 'paddingRight', 'top', 'width']);
 const eventProps = new Set(['onBlur', 'onChange', 'onClick', 'onContextMenu', 'onBeforeInput', 'onDblClick', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDragStart', 'onDrop', 'onFocus', 'onFocusIn', 'onFocusOut', 'onInput', 'onKeydown', 'onKeyDown', 'onKeyUp', 'onMouseDown', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'onPointerDown', 'onPointerMove', 'onPointerOut', 'onPointerOver', 'onScroll', 'onSelectionChange', 'onSubmit', 'onWheel']);
 const setOptionalAttribute = ($Element, attributeName, value) => {
@@ -1446,18 +1444,25 @@ const removeProp = ($Element, key) => {
   $Element.removeAttribute(attributeName);
 };
 const setProp = ($Element, key, value, eventMap, newEventMap) => {
-  const optionalAttributeName = optionalAttributeProps.get(key);
-  if (optionalAttributeName) {
-    setOptionalAttribute($Element, optionalAttributeName, value);
-    return;
-  }
-  const mappedAttributeName = mappedAttributeProps.get(key);
-  if (mappedAttributeName) {
-    $Element.setAttribute(mappedAttributeName, value);
-    return;
-  }
-  if (key === 'childCount' || key === 'type') {
-    return;
+  switch (key) {
+    case 'ariaActivedescendant':
+      setOptionalAttribute($Element, 'aria-activedescendant', value);
+      return;
+    case 'ariaControls':
+      $Element.setAttribute('aria-controls', value);
+      return;
+    case 'ariaDescribedBy':
+      $Element.setAttribute('aria-describedby', value);
+      return;
+    case 'ariaInvalid':
+      $Element.setAttribute('aria-invalid', value);
+      return;
+    case 'ariaLabelledBy':
+      $Element.setAttribute('aria-labelledby', value);
+      return;
+    case 'ariaOwns':
+      setOptionalAttribute($Element, 'aria-owns', value);
+      return;
   }
   if (key === 'height' || key === 'width') {
     setDimension($Element, key, value);
@@ -1506,6 +1511,9 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
 
 const setProps = ($Element, props, eventMap, newEventMap) => {
   for (const key in props) {
+    if (key === 'childCount' || key === 'type') {
+      continue;
+    }
     setProp($Element, key, props[key], eventMap, newEventMap);
   }
 };
@@ -1620,7 +1628,7 @@ const handleNavigateChild = (state, patches, patchIndex) => {
     return true;
   }
   const nextPatch = patches[patchIndex + 1];
-  if (nextPatch && nextPatch.type === Replace && patch.index === $Children.length) {
+  if (nextPatch && (nextPatch.type === Replace || nextPatch.type === SetReferenceNodeUid) && patch.index === $Children.length) {
     const $Placeholder = document.createComment('virtual-dom-placeholder');
     state.current.append($Placeholder);
     state.current = $Placeholder;
@@ -3544,40 +3552,40 @@ const launchRendererWorker = async () => {
   });
 };
 
-const state$7 = {
+const state$8 = {
   rpc: undefined
 };
 const hydrate$3 = async () => {
   const result = await launchRendererWorker();
   if (isError(result)) {
-    state$7.rpc = undefined;
+    state$8.rpc = undefined;
     return result;
   }
-  state$7.rpc = result.value;
+  state$8.rpc = result.value;
   return success(undefined);
 };
 
 // TODO needed?
 const dispose$j = () => {
-  if (state$7.rpc) {
-    state$7.rpc.dispose();
+  if (state$8.rpc) {
+    state$8.rpc.dispose();
   }
 };
 const send = (method, ...params) => {
   // @ts-ignore
-  state$7.rpc.send(method, ...params);
+  state$8.rpc.send(method, ...params);
 };
 const invoke$1 = (method, ...params) => {
   // @ts-ignore
-  return state$7.rpc.invoke(method, ...params);
+  return state$8.rpc.invoke(method, ...params);
 };
 const sendAndTransfer = message => {
   // @ts-expect-error
-  state$7.rpc.sendAndTransfer(message);
+  state$8.rpc.sendAndTransfer(message);
 };
 const invokeAndTransfer = (method, ...params) => {
   // @ts-ignore
-  return state$7.rpc.invokeAndTransfer(method, ...params);
+  return state$8.rpc.invokeAndTransfer(method, ...params);
 };
 
 const RendererWorker = {
@@ -3588,7 +3596,7 @@ const RendererWorker = {
   invokeAndTransfer,
   send,
   sendAndTransfer,
-  state: state$7
+  state: state$8
 };
 
 const create$w = async ({
@@ -3663,7 +3671,7 @@ const setThemeColor = color => {
 };
 
 // TODO this file is not needed when all elements are position fixed
-const state$6 = {
+const state$7 = {
   $Widgets: undefined,
   widgetSet: new Set()
 };
@@ -3675,20 +3683,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$6.widgetSet.has($Element)) {
+  if (state$7.widgetSet.has($Element)) {
     return;
   }
-  state$6.widgetSet.add($Element);
-  if (state$6.$Widgets) {
+  state$7.widgetSet.add($Element);
+  if (state$7.$Widgets) {
     // @ts-expect-error
-    state$6.$Widgets.append($Element);
+    state$7.$Widgets.append($Element);
   } else {
     // @ts-expect-error
-    state$6.$Widgets = create$Widgets();
+    state$7.$Widgets = create$Widgets();
     // @ts-expect-error
-    state$6.$Widgets.append($Element);
+    state$7.$Widgets.append($Element);
     // @ts-expect-error
-    document.body.append(state$6.$Widgets);
+    document.body.append(state$7.$Widgets);
   }
 };
 const remove$1 = $Element => {
@@ -3696,13 +3704,13 @@ const remove$1 = $Element => {
     // TODO $Element should always be defined
     return;
   }
-  state$6.widgetSet.delete($Element);
+  state$7.widgetSet.delete($Element);
   $Element.remove();
   // TODO state.$Widgets should always be defined at this point
-  if (state$6.widgetSet.size === 0 && state$6.$Widgets) {
+  if (state$7.widgetSet.size === 0 && state$7.$Widgets) {
     // @ts-expect-error
-    state$6.$Widgets.remove();
-    state$6.$Widgets = undefined;
+    state$7.$Widgets.remove();
+    state$7.$Widgets = undefined;
   }
 };
 
@@ -3761,14 +3769,14 @@ const dispose$i = id => {
   // const $Notification = state.$Notifications
 };
 
-const state$5 = {
+const state$6 = {
   canvasObjects: Object.create(null)
 };
 const get$5 = id => {
-  return state$5.canvasObjects[id];
+  return state$6.canvasObjects[id];
 };
 const set$6 = (canvasId, canvas) => {
-  state$5.canvasObjects[canvasId] = canvas;
+  state$6.canvasObjects[canvasId] = canvas;
 };
 
 const get$4 = id => {
@@ -3882,16 +3890,16 @@ const findIndex = ($Container, $Target) => {
   return -1;
 };
 
-const state$4 = {
+const state$5 = {
   /**
    * @type {HTMLElement|undefined}
    */
   $PreviousFocusElement: undefined};
 const setElement = $Element => {
-  state$4.$PreviousFocusElement = $Element;
+  state$5.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$4.$PreviousFocusElement;
+  return state$5.$PreviousFocusElement;
 };
 
 const focus$e = $Element => {
@@ -3980,7 +3988,7 @@ const FocusOutput = 28;
 
 // TODO keyboard handling
 
-const state$3 = {
+const state$4 = {
   $$Menus: [],
   $BackDrop: undefined,
   anchorTime: -1,
@@ -3991,7 +3999,7 @@ const state$3 = {
 };
 const getLevel = $Menu => {
   // @ts-expect-error
-  return state$3.$$Menus.indexOf($Menu);
+  return state$4.$$Menus.indexOf($Menu);
 };
 const handleMouseDown$4 = event => {
   const $Target = event.target;
@@ -4057,10 +4065,10 @@ const handleMouseLeave = event => {
 
 // const handleBlur = (event) => {}
 const handleKeyDown$5 = event => {
-  state$3.handleKeyDown(event);
+  state$4.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
-  state$3.handleFocusOut(event);
+  state$4.handleFocusOut(event);
 };
 const create$Menu$1 = () => {
   // TODO set aria label on menu (e.g. File, Edit, Selection)
@@ -4088,7 +4096,7 @@ const create$Menu$1 = () => {
   return $Menu;
 };
 const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-  const $Menu = state$3.$$Menus[level];
+  const $Menu = state$4.$$Menus[level];
   if (oldFocusedIndex !== -1) {
     // @ts-expect-error
     $Menu.children[oldFocusedIndex].classList.remove('MenuItemFocused');
@@ -4110,9 +4118,9 @@ const handleBackDropMouseDown = event => {
   preventDefault(event);
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
-  if (state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  if (state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
 };
 const handleContextMenu$7 = event => {
@@ -4124,7 +4132,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
     $BackDrop.onmousedown = handleBackDropMouseDown;
     $BackDrop.oncontextmenu = handleContextMenu$7;
     // @ts-expect-error
-    state$3.$BackDrop = $BackDrop;
+    state$4.$BackDrop = $BackDrop;
     append$1($BackDrop);
   }
   const $Menu = create$Menu$1();
@@ -4132,7 +4140,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   setXAndY($Menu, x, y);
   $Menu.id = `Menu-${level}`;
   if (parentIndex !== -1) {
-    const $ParentMenu = state$3.$$Menus[level - 1];
+    const $ParentMenu = state$4.$$Menus[level - 1];
     // @ts-expect-error
     const $ParentMenuItem = $ParentMenu.children[parentIndex];
     $ParentMenuItem.ariaExpanded = True;
@@ -4140,7 +4148,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 
   // @ts-expect-error
-  state$3.$$Menus.push($Menu);
+  state$4.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
     focus$e($Menu);
@@ -4148,14 +4156,14 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 };
 const hideSubmenu = level => {
-  const $$ChildMenus = state$3.$$Menus.slice(level);
+  const $$ChildMenus = state$4.$$Menus.slice(level);
   for (const $ChildMenu of $$ChildMenus) {
     remove$1($ChildMenu);
   }
-  state$3.$$Menus = state$3.$$Menus.slice(0, level);
-  if (state$3.$$Menus.length === 0 && state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  state$4.$$Menus = state$4.$$Menus.slice(0, level);
+  if (state$4.$$Menus.length === 0 && state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
 };
 
@@ -4197,9 +4205,9 @@ const showControlled = ({
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
   // it should be the other way around
   // @ts-expect-error
-  state$3.$Parent = $Parent;
-  state$3.handleFocusOut = handleFocusOut;
-  state$3.handleKeyDown = handleKeyDown;
+  state$4.$Parent = $Parent;
+  state$4.handleFocusOut = handleFocusOut;
+  state$4.handleKeyDown = handleKeyDown;
   if ($Parent) {
     // state.$Menu.ariaLabel=''
     // state.$Menu.ariaLabelledBy  =$Parent.id
@@ -4211,13 +4219,13 @@ const showControlled = ({
 // TODO have function to show submenu
 
 const hide = (restoreFocus = true) => {
-  for (const $Menu of state$3.$$Menus) {
+  for (const $Menu of state$4.$$Menus) {
     remove$1($Menu);
   }
-  state$3.$$Menus = [];
-  if (state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  state$4.$$Menus = [];
+  if (state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
   // TODO focus previous item
   if (restoreFocus) {
@@ -4970,6 +4978,28 @@ const checkConditionError = (fnName, ...params) => {
   return fn(...params);
 };
 
+const commandMap$2 = {
+  'TestFrameWork.checkConditionError': checkConditionError,
+  'TestFrameWork.checkMultiElementCondition': checkMultiElementCondition,
+  'TestFrameWork.checkSingleElementCondition': checkSingleElementCondition,
+  'TestFrameWork.performAction': performAction,
+  'TestFrameWork.performAction2': performAction2,
+  'TestFrameWork.performKeyBoardAction': performKeyboardAction,
+  'TestFrameWork.showOverlay': showOverlay,
+  'TestFrameWork.showTestResults': showTestResults
+};
+const state$3 = {
+  rpc: undefined
+};
+const initialize = async port => {
+  const rpc = await create$z({
+    commandMap: commandMap$2,
+    messagePort: port
+  });
+  await state$3.rpc?.dispose();
+  state$3.rpc = rpc;
+};
+
 const webViews = Object.create(null);
 const set$4 = (id, webView) => {
   webViews[id] = webView;
@@ -8122,8 +8152,8 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     $Viewlet.children[unFocusIndex].removeAttribute(AriaOwns);
   }
   $Viewlet.children[index].ariaExpanded = True;
-  const $$Menus = state$3.$$Menus;
-  state$3.$$Menus = [];
+  const $$Menus = state$4.$$Menus;
+  state$4.$$Menus = [];
   // @ts-expect-error
   showControlled({
     $Parent: $Viewlet.children[index],
@@ -9365,6 +9395,7 @@ const commandMap = {
   'TestFrameWork.showTestResults': showTestResults,
   'TestFrameWork.transfer': transfer,
   'TestFrameWork.transferToWebView': transferToWebView,
+  'TestWorkerRpc.initialize': initialize,
   'Viewlet.addKeyBindings': addKeyBindings,
   'Viewlet.appendViewlet': appendViewlet,
   'Viewlet.dispose': dispose$4,

package/package.json

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