@b9g/crank 0.7.6 → 0.7.8

package/crank.cjs

@@ -428,11 +428,16 @@ function getRootRetainer(renderer, bridge, { children, root, hydrate, }) {
     return ret;
 }
 function renderRoot(adapter, root, ret, children) {
+    const commitLabel = "commit (" + getTagName(ret.el.tag) + ")";
+    _utils.markStart("diff");
     const diff = diffChildren(adapter, root, ret, ret.ctx, ret.scope, ret, children);
     const schedulePromises = [];
     if (_utils.isPromiseLike(diff)) {
         return diff.then(() => {
+            _utils.measureMark("diff");
+            _utils.markStart(commitLabel);
             commit(adapter, ret, ret, ret.ctx, ret.scope, root, 0, schedulePromises, undefined);
+            _utils.measureMark(commitLabel);
             if (schedulePromises.length > 0) {
                 return Promise.all(schedulePromises).then(() => {
                     if (typeof root !== "object" || root === null) {
@@ -447,7 +452,10 @@ function renderRoot(adapter, root, ret, children) {
             return adapter.read(_utils.unwrap(getChildValues(ret)));
         });
     }
+    _utils.measureMark("diff");
+    _utils.markStart(commitLabel);
     commit(adapter, ret, ret, ret.ctx, ret.scope, root, 0, schedulePromises, undefined);
+    _utils.measureMark(commitLabel);
     if (schedulePromises.length > 0) {
         return Promise.all(schedulePromises).then(() => {
             if (typeof root !== "object" || root === null) {
@@ -1549,6 +1557,7 @@ class Context extends eventTarget.CustomEventTarget {
         if (getFlag(ctx.ret, IsScheduling)) {
             setFlag(ctx.ret, IsSchedulingRefresh);
         }
+        const commitLabel = "commit (" + getTagName(ctx.ret.el.tag) + ")";
         let diff;
         const schedulePromises = [];
         try {
@@ -1556,7 +1565,12 @@ class Context extends eventTarget.CustomEventTarget {
             diff = enqueueComponent(ctx);
             if (_utils.isPromiseLike(diff)) {
                 return diff
-                    .then(() => ctx.adapter.read(commitComponent(ctx, schedulePromises)))
+                    .then(() => {
+                    _utils.markStart(commitLabel);
+                    const value = commitComponent(ctx, schedulePromises);
+                    _utils.measureMark(commitLabel);
+                    return ctx.adapter.read(value);
+                })
                     .then((result) => {
                     if (schedulePromises.length) {
                         return Promise.all(schedulePromises).then(() => {
@@ -1586,7 +1600,9 @@ class Context extends eventTarget.CustomEventTarget {
                 })
                     .finally(() => setFlag(ctx.ret, IsRefreshing, false));
             }
+            _utils.markStart(commitLabel);
             const result = ctx.adapter.read(commitComponent(ctx, schedulePromises));
+            _utils.measureMark(commitLabel);
             if (schedulePromises.length) {
                 return Promise.all(schedulePromises).then(() => {
                     return ctx.adapter.read(getValue(ctx.ret));
@@ -1816,11 +1832,13 @@ function runComponent(ctx) {
     }
     const ret = ctx.ret;
     const initial = !ctx.iterator;
+    const tagName = getTagName(ret.el.tag);
     if (initial) {
         setFlag(ctx.ret, IsExecuting);
         eventTarget.clearEventListeners(ctx.ctx);
         let returned;
         try {
+            _utils.markStart(tagName);
             returned = ret.el.tag.call(ctx.ctx, ret.el.props, ctx.ctx);
         }
         catch (err) {
@@ -1835,6 +1853,7 @@ function runComponent(ctx) {
         }
         else if (!_utils.isPromiseLike(returned)) {
             // sync function component
+            _utils.measureMark(tagName);
             return [
                 undefined,
                 diffComponentChildren(ctx, returned, false),
@@ -1843,6 +1862,7 @@ function runComponent(ctx) {
         else {
             // async function component
             const returned1 = returned instanceof Promise ? returned : Promise.resolve(returned);
+            returned1.then(() => _utils.measureMark(tagName), () => _utils.measureMark(tagName));
             return [
                 returned1.catch(NOOP),
                 returned1.then((returned) => diffComponentChildren(ctx, returned, false), (err) => {
@@ -1856,6 +1876,7 @@ function runComponent(ctx) {
     if (initial) {
         try {
             setFlag(ctx.ret, IsExecuting);
+            _utils.markStart(tagName);
             iteration = ctx.iterator.next();
         }
         catch (err) {
@@ -1878,7 +1899,9 @@ function runComponent(ctx) {
             try {
                 setFlag(ctx.ret, IsExecuting);
                 const oldResult = ctx.adapter.read(getValue(ctx.ret));
+                _utils.markStart(tagName);
                 iteration = ctx.iterator.next(oldResult);
+                _utils.measureMark(tagName);
             }
             catch (err) {
                 setFlag(ctx.ret, IsErrored);
@@ -1888,6 +1911,9 @@ function runComponent(ctx) {
                 setFlag(ctx.ret, IsExecuting, false);
             }
         }
+        else {
+            _utils.measureMark(tagName);
+        }
         if (_utils.isPromiseLike(iteration)) {
             throw new Error("Mixed generator component");
         }
@@ -1910,6 +1936,7 @@ function runComponent(ctx) {
     else {
         if (getFlag(ctx.ret, IsInForAwaitOfLoop)) {
             // initializes the async generator loop
+            _utils.measureMark(tagName);
             pullComponent(ctx, iteration);
             const block = resumePropsAsyncIterator(ctx);
             return [block, ctx.pull && ctx.pull.diff];
@@ -1922,6 +1949,7 @@ function runComponent(ctx) {
                 try {
                     setFlag(ctx.ret, IsExecuting);
                     const oldResult = ctx.adapter.read(getValue(ctx.ret));
+                    _utils.markStart(tagName);
                     iteration = ctx.iterator.next(oldResult);
                 }
                 catch (err) {
@@ -1935,6 +1963,7 @@ function runComponent(ctx) {
             if (!_utils.isPromiseLike(iteration)) {
                 throw new Error("Mixed generator component");
             }
+            iteration.then(() => _utils.measureMark(tagName), () => _utils.measureMark(tagName));
             const diff = iteration.then((iteration) => {
                 if (getFlag(ctx.ret, IsInForAwaitOfLoop)) {
                     // We have entered a for await...of loop, so we start pulling
@@ -2329,7 +2358,7 @@ async function unmountComponent(ctx, isNested) {
         }
     }
     let didLinger = false;
-    if (!isNested && cleanupPromises && getChildValues(ctx.ret).length > 0) {
+    if (!isNested && cleanupPromises) {
         didLinger = true;
         const index = ctx.index;
         const lingerers = ctx.host.lingerers || (ctx.host.lingerers = []);