@lvce-editor/virtual-dom 0.5.1 → 0.7.0

package/dist/index.d.ts

@@ -8,7 +8,11 @@ export const renderInto: (
 
 export const setIpc: (ipc: any) => void
 
-export const setComponentUid: ($Element: HTMLElement) => void
+export const setComponentUid: ($Element: HTMLElement, uid: number) => void
+
+export const getComponentUid: ($Element: HTMLElement) => void
+
+export const getComponentUidFromEvent: (event: Event) => void
 
 export const rememberFocus: (
   $Viewlet: HTMLElement,

package/dist/index.js

@@ -12,13 +12,13 @@ var getUidTarget = ($Element) => {
   }
   return void 0;
 };
-var get = ($Element) => {
+var getComponentUid = ($Element) => {
   const $Target = getUidTarget($Element);
   return $Target[uidSymbol];
 };
-var fromEvent = (event) => {
+var getComponentUidFromEvent = (event) => {
   const { target, currentTarget } = event;
-  return get(currentTarget || target);
+  return getComponentUid(currentTarget || target);
 };
 
 // src/parts/IpcState/IpcState.ts
@@ -281,7 +281,7 @@ var getWrappedListener = (listener, returnValue) => {
   }
   if (!cache.has(listener)) {
     const wrapped = (event) => {
-      const uid = fromEvent(event);
+      const uid = getComponentUidFromEvent(event);
       const result = listener(event);
       if (result.length === 0) {
         return;
@@ -438,7 +438,50 @@ var render2 = (elements, eventMap = {}) => {
   renderInternal2($Root, elements, eventMap);
   return $Root;
 };
+
+// src/parts/RememberFocus/RememberFocus.ts
+var queryInputs = ($Viewlet) => {
+  return [...$Viewlet.querySelectorAll("input, textarea")];
+};
+var rememberFocus = ($Viewlet, dom, eventMap, uid = 0) => {
+  const oldLeft = $Viewlet.style.left;
+  const oldTop = $Viewlet.style.top;
+  const oldWidth = $Viewlet.style.width;
+  const oldHeight = $Viewlet.style.height;
+  const focused = document.activeElement.getAttribute("name");
+  const $$Inputs = queryInputs($Viewlet);
+  const inputMap = /* @__PURE__ */ Object.create(null);
+  for (const $Input of $$Inputs) {
+    inputMap[$Input.name] = $Input.value;
+  }
+  if (uid) {
+    const $New = render2(dom, eventMap).firstChild;
+    setComponentUid($New, uid);
+    $Viewlet.replaceWith($New);
+    $Viewlet = $New;
+  } else {
+    renderInto($Viewlet, dom, eventMap);
+  }
+  const $$NewInputs = queryInputs($Viewlet);
+  for (const $Input of $$NewInputs) {
+    $Input.value = inputMap[$Input.name] || $Input.value || "";
+  }
+  if (focused) {
+    const $Focused = $Viewlet.querySelector(`[name="${focused}"]`);
+    if ($Focused) {
+      $Focused.focus();
+    }
+  }
+  $Viewlet.style.top = oldTop;
+  $Viewlet.style.left = oldLeft;
+  $Viewlet.style.height = oldHeight;
+  $Viewlet.style.width = oldWidth;
+  return $Viewlet;
+};
 export {
+  getComponentUid,
+  getComponentUidFromEvent,
+  rememberFocus,
   render2 as render,
   renderInto,
   setComponentUid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "main": "dist/index.js",
   "type": "module",
   "keywords": [],

package/src/parts/ComponentUid/ComponentUid.ts

@@ -14,12 +14,12 @@ const getUidTarget = ($Element) => {
   return undefined
 }
 
-export const get = ($Element) => {
+export const getComponentUid = ($Element) => {
   const $Target = getUidTarget($Element)
   return $Target[uidSymbol]
 }
 
-export const fromEvent = (event) => {
+export const getComponentUidFromEvent = (event) => {
   const { target, currentTarget } = event
-  return get(currentTarget || target)
+  return getComponentUid(currentTarget || target)
 }

package/src/parts/GetWrappedListener/GetWrappedListener.ts

@@ -10,7 +10,7 @@ export const getWrappedListener = (listener, returnValue) => {
   }
   if (!cache.has(listener)) {
     const wrapped = (event) => {
-      const uid = ComponentUid.fromEvent(event)
+      const uid = ComponentUid.getComponentUidFromEvent(event)
       const result = listener(event)
       // TODO check for empty array by value
       if (result.length === 0) {

package/src/parts/Main/Main.ts

@@ -1,3 +1,8 @@
-export { setComponentUid } from '../ComponentUid/ComponentUid.ts'
+export {
+  getComponentUid,
+  getComponentUidFromEvent,
+  setComponentUid,
+} from '../ComponentUid/ComponentUid.ts'
 export { setIpc } from '../IpcState/IpcState.ts'
+export { rememberFocus } from '../RememberFocus/RememberFocus.ts'
 export { render, renderInto } from '../VirtualDom/VirtualDom.ts'