lilact 0.30.1 → 0.31.0

package/docs/functions/components.replaceComponentEntity.html

@@ -1 +1 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>replaceComponentEntity | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/components.html">components</a></li><li><a href="" aria-current="page">replaceComponentEntity</a></li></ul><h1>Function replaceComponentEntity</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="replacecomponententity"><span class="tsd-kind-call-signature">replaceComponentEntity</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">componentCore</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nextEntity</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#replacecomponententity" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">componentCore</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">nextEntity</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in components.jsx:102</li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>
+<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>replaceComponentEntity | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/components.html">components</a></li><li><a href="" aria-current="page">replaceComponentEntity</a></li></ul><h1>Function replaceComponentEntity</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="replacecomponententity"><span class="tsd-kind-call-signature">replaceComponentEntity</span><span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">componentCore</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span> <span class="tsd-kind-parameter">nextEntity</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><a href="#replacecomponententity" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">componentCore</span>: <span class="tsd-signature-type">any</span></span></li><li><span><span class="tsd-kind-parameter">nextEntity</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources"><ul><li>Defined in components.jsx:122</li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>

package/docs/static/lilact.development.js

@@ -2371,6 +2371,16 @@ var SVG_NS = "http://www.w3.org/2000/svg";
 function getComponentEntity(entity) {
   return entity?.[MEMOIZED] ? entity.component : entity;
 }
+var hotEntityAliases = /* @__PURE__ */ new Map();
+function resolveHotEntity(entity) {
+  entity = getComponentEntity(entity);
+  const visited = /* @__PURE__ */ new Set();
+  while (typeof entity === "function" && hotEntityAliases.has(entity) && !visited.has(entity)) {
+    visited.add(entity);
+    entity = hotEntityAliases.get(entity);
+  }
+  return entity;
+}
 var componentInstances = /* @__PURE__ */ new Map();
 function registerComponentCore(core) {
   const entity = getComponentEntity(core.entity);
@@ -2416,7 +2426,7 @@ function replaceComponentEntity(componentCore, nextEntity) {
     return false;
   }
   const oldEntity = getComponentEntity(componentCore.entity);
-  const newEntity = getComponentEntity(nextEntity);
+  const newEntity = resolveHotEntity(nextEntity);
   if (oldEntity === newEntity) {
     return true;
   }
@@ -2442,6 +2452,11 @@ function replaceAllComponentInstances(oldEntity, newEntity) {
   if (typeof oldEntity !== "function" || typeof newEntity !== "function") {
     return 0;
   }
+  newEntity = resolveHotEntity(newEntity);
+  if (oldEntity === newEntity) {
+    return 0;
+  }
+  hotEntityAliases.set(oldEntity, newEntity);
   const instances = componentInstances.get(oldEntity);
   if (!instances) {
     return 0;
@@ -2471,7 +2486,7 @@ var ComponentCache = class {
       componentCore = bucket[bucket[IDX]];
       bucket[IDX]++;
       const oldEntity = getComponentEntity(componentCore.entity);
-      const newEntity = getComponentEntity(nextEntity);
+      const newEntity = resolveHotEntity(nextEntity);
       const incompatible = typeof oldEntity !== typeof newEntity || typeof oldEntity === "function" && isClass(oldEntity) !== isClass(newEntity);
       if (incompatible) {
         componentCore = construct_func();
@@ -2898,8 +2913,7 @@ var renderErrorHandler = (c, e) => {
 };
 function constructFunc(core, parent) {
   let comp = core;
-  if (core[TEXT2] !== void 0) {
-  } else {
+  if (core[TEXT2] === void 0) {
     let entity = core.entity;
     let memoized = false;
     if (typeof entity === "object") {
@@ -2910,52 +2924,63 @@ function constructFunc(core, parent) {
         throw new Error("Invalid component.");
       }
     }
+    entity = resolveHotEntity(entity);
     if (typeof entity === "string") {
       comp = new HTMLComponent(entity, core.props);
-    } else {
-      if (isClass(entity)) {
-        if (entity?.defaultProps) {
-          core.props = { ...entity.defaultProps, ...core.props };
-        }
-        comp = new entity(core.props);
-        const desc = Object.getOwnPropertyDescriptor(comp, "state");
-        if (desc) {
-          if (typeof desc.get !== "function" && typeof desc.set !== "function") {
-            comp[CORE].state = comp.state;
-            Object.defineProperty(comp, "state", {
-              get() {
-                return this[CORE].state;
-              },
-              set(v) {
-                if (this[CORE].state === void 0) {
-                  this[CORE].state = v;
-                } else {
-                  throw new Error("Assigning component state this way is not allowed.");
-                }
+    } else if (isClass(entity)) {
+      if (entity?.defaultProps) {
+        core.props = {
+          ...entity.defaultProps,
+          ...core.props
+        };
+      }
+      comp = new entity(core.props);
+      const desc = Object.getOwnPropertyDescriptor(comp, "state");
+      if (desc) {
+        if (typeof desc.get !== "function" && typeof desc.set !== "function") {
+          comp[CORE].state = comp.state;
+          Object.defineProperty(comp, "state", {
+            get() {
+              return this[CORE].state;
+            },
+            set(value) {
+              if (this[CORE].state === void 0) {
+                this[CORE].state = value;
+              } else {
+                throw new Error(
+                  "Assigning component state this way is not allowed."
+                );
               }
-            });
-          }
-        }
-      } else if (typeof entity === "function") {
-        if (entity?.defaultProps) {
-          core.props = { ...entity.defaultProps, ...core.props };
+            }
+          });
         }
-        comp = new Component(core.props);
-        comp.render = entity.bind(comp);
-        comp[CORE].hooks = [];
-        comp[CORE].hook_index = 0;
-      } else {
-        throw new Error("Error in constructing component.");
       }
-      comp[CORE].entity = entity;
-      registerComponentCore(comp[CORE]);
-      if (core.container) {
-        comp[CORE].container = core.container;
+    } else if (typeof entity === "function") {
+      if (entity?.defaultProps) {
+        core.props = {
+          ...entity.defaultProps,
+          ...core.props
+        };
       }
+      comp = new Component(core.props);
+      comp.render = entity.bind(comp);
+      comp[CORE].hooks = [];
+      comp[CORE].hook_index = 0;
+    } else {
+      throw new Error("Error in constructing component.");
+    }
+    comp[CORE].entity = entity;
+    registerComponentCore(comp[CORE]);
+    if (core.container) {
+      comp[CORE].container = core.container;
     }
-    if (memoized) comp[CORE][MEMOIZED] = true;
+    if (memoized) {
+      comp[CORE][MEMOIZED] = true;
+    }
+  }
+  if (parent instanceof ComponentCore) {
+    comp[CORE].parent = parent;
   }
-  if (parent instanceof ComponentCore) comp[CORE].parent = parent;
   return comp;
 }
 function prepareCore(parent, core) {
@@ -7098,7 +7123,7 @@ function transpileJSX(jsx2, {
 
 // .tmp/src/lilact.jsx
 var Lilact2 = {
-  VERSION: "RC.6",
+  VERSION: "RC.7",
   // Configuration
   defaultTransitionTimeout: 300,
   defaultIsEqual: Object.is,