@lvce-editor/renderer-process 30.9.0 → 30.10.1

package/dist/rendererProcessMain.js

@@ -119,7 +119,8 @@ const confirm$1 = message => {
 };
 
 const state$a = {
-  styleSheets: Object.create(null)
+  styleSheets: Object.create(null),
+  texts: Object.create(null)
 };
 const set$a = (id, sheet) => {
   state$a.styleSheets[id] = sheet;
@@ -127,18 +128,57 @@ const set$a = (id, sheet) => {
 const get$b = id => {
   return state$a.styleSheets[id];
 };
+const setText$2 = (id, text) => {
+  state$a.texts[id] = text;
+};
+const getText = id => {
+  return state$a.texts[id];
+};
+const remove$4 = id => {
+  delete state$a.styleSheets[id];
+  delete state$a.texts[id];
+};
 
 const addCssStyleSheet = (id, text) => {
   const existing = get$b(id);
   if (existing) {
     existing.replaceSync(text);
+    setText$2(id, text);
     return;
   }
   const sheet = new CSSStyleSheet({});
   set$a(id, sheet);
+  setText$2(id, text);
   sheet.replaceSync(text);
   document.adoptedStyleSheets.push(sheet);
 };
+const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
+  const sheet = get$b(id);
+  const text = getText(id);
+  if (!sheet || typeof text !== 'string') {
+    throw new Error(`stylesheet ${id} must be initialized before it can be patched`);
+  }
+  if (!Number.isSafeInteger(start) || start < 0 || start > text.length) {
+    throw new TypeError('start must be an integer within the stylesheet');
+  }
+  if (!Number.isSafeInteger(deleteCount) || deleteCount < 0 || start + deleteCount > text.length) {
+    throw new TypeError('deleteCount must be an integer within the stylesheet');
+  }
+  if (typeof replacement !== 'string') {
+    throw new TypeError('replacement must be a string');
+  }
+  const newText = text.slice(0, start) + replacement + text.slice(start + deleteCount);
+  sheet.replaceSync(newText);
+  setText$2(id, newText);
+};
+const removeCssStyleSheet = id => {
+  const sheet = get$b(id);
+  if (!sheet) {
+    return;
+  }
+  document.adoptedStyleSheets = document.adoptedStyleSheets.filter(candidate => candidate !== sheet);
+  remove$4(id);
+};
 const getSelectionText = () => {
   return document.getSelection()?.toString() || '';
 };
@@ -1359,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) => {
@@ -1406,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);
@@ -1466,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);
   }
 };
@@ -1580,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;
@@ -8834,6 +8882,7 @@ const dispose$4 = id => {
     if (instance.state.$Viewlet?.isConnected) {
       instance.state.$Viewlet.remove();
     }
+    removeCssStyleSheet(id);
     set$9(id, undefined);
   } catch {
     throw new Error(`Failed to dispose ${id}`);
@@ -9051,6 +9100,7 @@ const commandHandlers = {
   'Viewlet.focusSelector': focusSelector,
   'Viewlet.handleError': handleError$1,
   'Viewlet.move': move,
+  'Viewlet.patchCss': patchCssStyleSheet,
   'Viewlet.registerEventListeners': registerEventListeners,
   'Viewlet.removeKeyBindings': removeKeyBindings,
   'Viewlet.replaceChildren': replaceChildren,

package/package.json

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