lilact 0.31.6 → 0.31.8

package/dist/lilact.development.js

@@ -1709,6 +1709,7 @@ __export(symbols_exports, {
   CALLBACK: () => CALLBACK,
   CHILD_CLASS_ADDENDUM: () => CHILD_CLASS_ADDENDUM,
   CLEARED: () => CLEARED,
+  CLONED_STYLE: () => CLONED_STYLE,
   COMPONENT: () => COMPONENT,
   CORE: () => CORE,
   DUE: () => DUE,
@@ -1731,6 +1732,7 @@ var [
   CHILD_CLASS_ADDENDUM,
   MEMOIZED,
   LAZY,
+  CLONED_STYLE,
   DUE,
   REPEAT,
   CLEARED,
@@ -1747,6 +1749,7 @@ var [
   /* @__PURE__ */ Symbol.for("LILACT:CHILD_CLASS_ADDENDUM"),
   /* @__PURE__ */ Symbol.for("LILACT:MEMOIZED"),
   /* @__PURE__ */ Symbol.for("LILACT:LAZY"),
+  /* @__PURE__ */ Symbol.for("LILACT:CLONED_STYLE"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:DUE"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:REPEAT"),
   /* @__PURE__ */ Symbol.for("LILACT:TIMERS:CLEARED"),
@@ -2379,6 +2382,21 @@ function getComponentEntity(entity) {
   return entity?.[MEMOIZED] ? entity.component : entity;
 }
 var hotEntityAliases = /* @__PURE__ */ new Map();
+var hotEntityCacheTokens = /* @__PURE__ */ new WeakMap();
+function getHotEntityCacheToken(entity) {
+  entity = getComponentEntity(entity);
+  if (typeof entity !== "function") {
+    return entity;
+  }
+  let token2 = hotEntityCacheTokens.get(entity);
+  if (!token2) {
+    const resolved = resolveHotEntity(entity);
+    token2 = hotEntityCacheTokens.get(resolved) || {};
+    hotEntityCacheTokens.set(entity, token2);
+    hotEntityCacheTokens.set(resolved, token2);
+  }
+  return token2;
+}
 function resolveHotEntity(entity) {
   entity = getComponentEntity(entity);
   const visited = /* @__PURE__ */ new Set();
@@ -2434,6 +2452,9 @@ function replaceComponentEntity(componentCore, nextEntity) {
   }
   const oldEntity = getComponentEntity(componentCore.entity);
   const newEntity = resolveHotEntity(nextEntity);
+  const cacheToken = hotEntityCacheTokens.get(oldEntity) || hotEntityCacheTokens.get(newEntity) || {};
+  hotEntityCacheTokens.set(oldEntity, cacheToken);
+  hotEntityCacheTokens.set(newEntity, cacheToken);
   if (oldEntity === newEntity) {
     return true;
   }
@@ -2463,6 +2484,9 @@ function replaceAllComponentInstances(oldEntity, newEntity) {
   if (oldEntity === newEntity) {
     return 0;
   }
+  const cacheToken = hotEntityCacheTokens.get(oldEntity) || hotEntityCacheTokens.get(newEntity) || {};
+  hotEntityCacheTokens.set(oldEntity, cacheToken);
+  hotEntityCacheTokens.set(newEntity, cacheToken);
   hotEntityAliases.set(oldEntity, newEntity);
   const instances = componentInstances.get(oldEntity);
   if (!instances) {
@@ -2522,7 +2546,7 @@ var ComponentCache = class {
         if (ex.cleanup) {
           ex.cleanup();
         } else if (ex.element && !ex.portal) {
-          ex.element.parentElement.removeChild(ex.element);
+          ex.element.parentElement?.removeChild?.(ex.element);
         }
       });
     });
@@ -2576,14 +2600,21 @@ var ComponentCore = class {
       if (do_rerender) {
         if (true) {
           if (this.entity?.propTypes) {
-            PropTypes.checkPropTypes(this.entity.propTypes, this.props, "prop", this.entity.name);
+            PropTypes.checkPropTypes(this.entity.propTypes, next_props, "prop", this.entity.name);
           } else if (this.component?.propTypes) {
-            PropTypes.checkPropTypes(this.component.propTypes, this.props, "prop", this.component.name);
+            PropTypes.checkPropTypes(this.component.propTypes, next_props, "prop", this.component.name);
           }
         }
         if (typeof next_state === "function") next_state = next_state(this.state);
-        if (this.component.constructor.defaultProps) {
-          next_props = { ...this.component.constructor.defaultProps, ...next_props };
+        const defaultProps = this.entity?.defaultProps || this.component?.constructor?.defaultProps;
+        if (defaultProps) {
+          next_props = {
+            ...defaultProps,
+            ...next_props || {}
+          };
+        }
+        if (next_props?.style && typeof next_props.style === "object" && !next_props.style[CLONED_STYLE]) {
+          next_props.style = { ...next_props.style, [CLONED_STYLE]: true };
         }
         if (this?.parent?.component?.context || this?.parent?.component?.getChildContext) {
           this.context = { ...this.parent.component.context, ...this.parent.component.getChildContext?.() };
@@ -2692,7 +2723,7 @@ var ComponentCore = class {
         if (typeof this.props.ref === "function") {
           this.props.ref(null);
         } else {
-          this.props.current = null;
+          this.props.ref.current = null;
         }
       }
       if (this.component.componentWillUnmount) {
@@ -2786,7 +2817,7 @@ var ComponentCore = class {
                 this.element.style = "";
               } else {
                 for (let p in this.props.style) {
-                  if (!patch.style.hasOwnProperty(p)) {
+                  if (p !== CLONED_STYLE && !patch.style.hasOwnProperty(p)) {
                     this.element.style[p] = "";
                   }
                 }
@@ -2808,7 +2839,7 @@ var ComponentCore = class {
           }
         } else if (a === "autoFocus") {
           this.element["autofocus"] = toBool(patch[a]);
-        } else if (a === "htmlFor") {
+        } else if (a === "htmlFor" || a === "for") {
           this.element.setAttribute("for", patch[a]);
         } else if (al !== "value" || ["input", "textarea", "select"].indexOf(this.entity) === -1) {
           this.element.setAttribute(al, patch[a]);
@@ -2997,11 +3028,22 @@ function prepareCore(parent, core) {
   try {
     parent.cache ?? (parent.cache = new ComponentCache(parent));
     const isText = core[TEXT2] !== void 0;
-    const key = isText ? ":text:" : core.props?.key;
-    const entity = isText || core instanceof ComponentCore ? void 0 : core.entity;
+    const isExistingCore = core instanceof ComponentCore;
+    const entity = isText || isExistingCore ? void 0 : resolveHotEntity(core.entity);
+    const hasExplicitKey = !isText && core.props && core.props.key !== void 0 && core.props.key !== null;
+    let key;
+    if (isText) {
+      key = ":text:";
+    } else if (hasExplicitKey) {
+      key = core.props.key;
+    } else if (typeof entity === "function") {
+      key = getHotEntityCacheToken(entity);
+    } else {
+      key = entity;
+    }
     return parent.cache.pick(
       key,
-      () => isText || core instanceof ComponentCore ? core : constructFunc(core, parent)[CORE],
+      () => isText || isExistingCore ? core : constructFunc(core, parent)[CORE],
       entity
     );
   } catch (e) {
@@ -3509,7 +3551,7 @@ function useState(initialValue) {
   }
   return [hk.value, hk.set_func];
 }
-function useCallback(callback, deps = void 0) {
+function useCallback(callback, deps) {
   if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Callback dependencies must be an array, object  or omitted.");
   }
@@ -3601,7 +3643,7 @@ function useRef(initialValue = null) {
   }
   return hk;
 }
-async function useLayoutEffect(effect, deps = void 0) {
+async function useLayoutEffect(effect, deps) {
   if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Layout effect dependencies must be an array, object or omitted.");
   }
@@ -3620,7 +3662,7 @@ async function useLayoutEffect(effect, deps = void 0) {
   NATIVE_TIMERS.clearTimeout(lilact_default.effect_timeout);
   lilact_default.effect_timeout = NATIVE_TIMERS.setTimeout(lilact_default.processEffects, 0);
 }
-async function useEffect(effect, deps = void 0) {
+async function useEffect(effect, deps) {
   if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Effect dependencies must be an array, object or omitted.");
   }
@@ -3639,7 +3681,7 @@ async function useEffect(effect, deps = void 0) {
   NATIVE_TIMERS.clearTimeout(lilact_default.effect_timeout);
   lilact_default.effect_timeout = NATIVE_TIMERS.setTimeout(lilact_default.processEffects, 0);
 }
-async function useInsertionEffect(effect, deps = void 0) {
+async function useInsertionEffect(effect, deps) {
   if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Insertion effect dependencies must be an array, object, or omitted.");
   }
@@ -3658,7 +3700,7 @@ async function useInsertionEffect(effect, deps = void 0) {
   NATIVE_TIMERS.clearTimeout(lilact_default.effect_timeout);
   lilact_default.effect_timeout = NATIVE_TIMERS.setTimeout(lilact_default.processEffects, 0);
 }
-function useMemo(factory, deps = void 0) {
+function useMemo(factory, deps) {
   if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Memo dependencies must be an array or omitted.");
   }
@@ -3683,8 +3725,7 @@ function useActionState(action, initialState) {
         async () => {
           const form_data = new FormData(event.target, event.submitter);
           hk.state = await action(hk.state, form_data);
-        },
-        []
+        }
       );
       return false;
     };
@@ -3736,7 +3777,7 @@ function useDeferredValue(value, initialValue) {
   }, [value]);
   return deferred;
 }
-function useImperativeHandle(ref, factory, deps = void 0) {
+function useImperativeHandle(ref, factory, deps) {
   if (deps !== void 0 && ref?.deps !== void 0 && shallowEqual(deps, ref.deps)) return;
   ref.deps = deps;
   if (typeof ref?.current !== "object") {
@@ -3823,10 +3864,7 @@ function createModule(path2, {
     mappings: [],
     meta: {},
     exports: {},
-    // True only after the module has been successfully evaluated.
     loaded: false,
-    // The promise for the request currently loading this resource.
-    // This is deliberately stored on the module to deduplicate requests.
     request: void 0,
     error: void 0
   };
@@ -7188,6 +7226,7 @@ export {
   CALLBACK,
   CHILD_CLASS_ADDENDUM,
   CLEARED,
+  CLONED_STYLE,
   COMPONENT,
   CORE,
   CSSTransition,