all repos — h3 @ 08299339a5550cf4b412d579e8adcb644528921f

A tiny, extremely minimalist JavaScript microframework. 

Regenerated files.
h3rald h3rald@h3rald.com
Fri, 22 May 2020 17:07:05 +0200
commit

08299339a5550cf4b412d579e8adcb644528921f

parent

64cf16afb871f44588fc539cc75e0108b1bcce8b

4 files changed, 22 insertions(+), 10 deletions(-)

jump to
M docs/H3_DeveloperGuide.htm → docs/H3_DeveloperGuide.htm 
@@ -8015,7 +8015,7 @@ </ul>
 
     </div>
     <div id="footer">
-      <p><span class="copy"></span> Fabio Cevasco &ndash; May 21, 2020</p>
+      <p><span class="copy"></span> Fabio Cevasco &ndash; May 22, 2020</p>
       <p><span>Powered by</span> <a href="https://h3rald.com/hastyscribe"><span class="hastyscribe"></span></a></p>
     </div>
   </div>
M docs/example/assets/js/h3.js → docs/example/assets/js/h3.js 
@@ -59,6 +59,7 @@ }
   return checkProperties(obj1, obj2); // && checkProperties(obj2, obj1);
 };
 
+let $onrenderCallbacks = [];
 const selectorRegex = /^([a-z0-9:_=-]+)(#[a-z0-9:_=-]+)?(\..+)?$/i;
 
 // Virtual Node Implementation with HyperScript-like syntax

@@ -301,7 +302,7 @@ // Children
     this.children.forEach((c) => {
       const cnode = c.render();
       node.appendChild(cnode);
-      c.$onrender && c.$onrender(cnode);
+      c.$onrender && $onrenderCallbacks.push(() => c.$onrender(cnode));
     });
     if (this.$html) {
       node.innerHTML = this.$html;

@@ -323,7 +324,8 @@ oldvnode !== newvnode)
     ) {
       const renderedNode = newvnode.render();
       node.parentNode.replaceChild(renderedNode, node);
-      newvnode.$onrender && newvnode.$onrender(renderedNode);
+      newvnode.$onrender &&
+        $onrenderCallbacks.push(() => newvnode.$onrender(renderedNode));
       oldvnode.from(newvnode);
       return;
     }

@@ -476,7 +478,9 @@ // While there are children not found in oldvnode, add them and re-check
           const cnode = newvnode.children[notFoundInOld].render();
           node.insertBefore(cnode, node.childNodes[notFoundInOld]);
           newvnode.children[notFoundInOld].$onrender &&
-            newvnode.children[notFoundInOld].$onrender(cnode);
+            $onrenderCallbacks.push(() =>
+              newvnode.children[notFoundInOld].$onrender(cnode)
+            );
           oldvnode.children.splice(
             notFoundInOld,
             0,

@@ -626,7 +630,9 @@ }
       const vnode = newRouteComponent(newRouteComponent.state);
       const node = vnode.render();
       this.element.appendChild(node);
-      vnode.$onrender && vnode.$onrender(node);
+      vnode.$onrender && $onrenderCallbacks.push(() => vnode.$onrender(node));
+      $onrenderCallbacks.forEach((cbk) => cbk());
+      $onrenderCallbacks = [];
       this.setRedraw(vnode, newRouteComponent.state);
       window.scrollTo(0, 0);
       this.store.dispatch("$redraw");
M docs/js/h3.js → docs/js/h3.js 
@@ -59,6 +59,7 @@ }
   return checkProperties(obj1, obj2); // && checkProperties(obj2, obj1);
 };
 
+let $onrenderCallbacks = [];
 const selectorRegex = /^([a-z0-9:_=-]+)(#[a-z0-9:_=-]+)?(\..+)?$/i;
 
 // Virtual Node Implementation with HyperScript-like syntax

@@ -301,7 +302,7 @@ // Children
     this.children.forEach((c) => {
       const cnode = c.render();
       node.appendChild(cnode);
-      c.$onrender && c.$onrender(cnode);
+      c.$onrender && $onrenderCallbacks.push(() => c.$onrender(cnode));
     });
     if (this.$html) {
       node.innerHTML = this.$html;

@@ -323,7 +324,8 @@ oldvnode !== newvnode)
     ) {
       const renderedNode = newvnode.render();
       node.parentNode.replaceChild(renderedNode, node);
-      newvnode.$onrender && newvnode.$onrender(renderedNode);
+      newvnode.$onrender &&
+        $onrenderCallbacks.push(() => newvnode.$onrender(renderedNode));
       oldvnode.from(newvnode);
       return;
     }

@@ -476,7 +478,9 @@ // While there are children not found in oldvnode, add them and re-check
           const cnode = newvnode.children[notFoundInOld].render();
           node.insertBefore(cnode, node.childNodes[notFoundInOld]);
           newvnode.children[notFoundInOld].$onrender &&
-            newvnode.children[notFoundInOld].$onrender(cnode);
+            $onrenderCallbacks.push(() =>
+              newvnode.children[notFoundInOld].$onrender(cnode)
+            );
           oldvnode.children.splice(
             notFoundInOld,
             0,

@@ -626,7 +630,9 @@ }
       const vnode = newRouteComponent(newRouteComponent.state);
       const node = vnode.render();
       this.element.appendChild(node);
-      vnode.$onrender && vnode.$onrender(node);
+      vnode.$onrender && $onrenderCallbacks.push(() => vnode.$onrender(node));
+      $onrenderCallbacks.forEach((cbk) => cbk());
+      $onrenderCallbacks = [];
       this.setRedraw(vnode, newRouteComponent.state);
       window.scrollTo(0, 0);
       this.store.dispatch("$redraw");
M h3.js → h3.js 
@@ -1,5 +1,5 @@ 
 /**
- * H3 v0.5.0 "Experienced El-Aurian"
+ * H3 v0.6.0 "Furtive Ferengi"
  * Copyright 2020 Fabio Cevasco <h3rald@h3rald.com>
  *
  * This source code is licensed under the MIT license found in the