marko 6.0.0-next.3.86 → 6.0.1

package/dist/debug/html.js

@@ -213,44 +213,45 @@ function forTo(to, from, step, cb) {
 // src/html/inlined-runtimes.ts
 var WALKER_RUNTIME_CODE = true ? (
   /* js */
-  `((runtimeId) =>
-(self[runtimeId] =
-  self[runtimeId] ||
-  ((renderId) => {
-    let id,
-      lookup = {},
-      visits = [],
-      doc = document,
-      walker = doc.createTreeWalker(
-        doc,
-        129,
-      ) /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,
-      op = (self[runtimeId][renderId] = {
-        i: (renderId = runtimeId + renderId),
-        d: doc,
-        l: lookup,
-        v: visits,
-        x() {},
-        w(node) {
-          while ((node = walker.nextNode())) {
-            this.x(
-              (op =
-                (op = node.data) &&
-                !op.indexOf(renderId) &&
-                ((lookup[(id = op.slice(prefix + 1))] = node), op[prefix])),
-              id,
-              node,
-            );
+  `((runtimeId) => (
+(self[runtimeId] = (
+  renderId,
+  prefix = runtimeId + renderId,
+  prefixLen = prefix.length,
+  lookup = {},
+  visits = [],
+  doc = document,
+  walker = doc.createTreeWalker(
+    doc,
+    129 /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,
+  ),
+) =>
+  (self[runtimeId][renderId] = {
+    i: prefix,
+    d: doc,
+    l: lookup,
+    v: visits,
+    x() {},
+    w(node, op, id) {
+      while ((node = walker.nextNode())) {
+        this.x(
+          (op =
+            (op = node.data) &&
+            !op.indexOf(prefix) &&
+            ((lookup[(id = op.slice(prefixLen + 1))] = node), op[prefixLen])),
+          id,
+          node,
+        );
 
-            if (op > "#") {
-              visits.push(node);
-            }
-          }
-        },
-      }),
-      prefix = renderId.length;
-  })))`
-) : `(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))`;
+        if (op > "#") {
+          visits.push(node);
+        }
+      }
+    },
+  })),
+self[runtimeId]
+))`
+) : `(e=>(self[e]=(l,t=e+l,d=t.length,f={},s=[],x=document,a=x.createTreeWalker(x,129))=>self[e][l]={i:t,d:x,l:f,v:s,x(){},w(e,l,x){for(;e=a.nextNode();)this.x(l=(l=e.data)&&!l.indexOf(t)&&(f[x=l.slice(d+1)]=e,l[d]),x,e),l>"#"&&s.push(e)}},self[e]))`;
 var REORDER_RUNTIME_CODE = true ? (
   /* js */
   `((runtime) => {

package/dist/debug/html.mjs

@@ -128,44 +128,45 @@ function forTo(to, from, step, cb) {
 // src/html/inlined-runtimes.ts
 var WALKER_RUNTIME_CODE = true ? (
   /* js */
-  `((runtimeId) =>
-(self[runtimeId] =
-  self[runtimeId] ||
-  ((renderId) => {
-    let id,
-      lookup = {},
-      visits = [],
-      doc = document,
-      walker = doc.createTreeWalker(
-        doc,
-        129,
-      ) /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,
-      op = (self[runtimeId][renderId] = {
-        i: (renderId = runtimeId + renderId),
-        d: doc,
-        l: lookup,
-        v: visits,
-        x() {},
-        w(node) {
-          while ((node = walker.nextNode())) {
-            this.x(
-              (op =
-                (op = node.data) &&
-                !op.indexOf(renderId) &&
-                ((lookup[(id = op.slice(prefix + 1))] = node), op[prefix])),
-              id,
-              node,
-            );
+  `((runtimeId) => (
+(self[runtimeId] = (
+  renderId,
+  prefix = runtimeId + renderId,
+  prefixLen = prefix.length,
+  lookup = {},
+  visits = [],
+  doc = document,
+  walker = doc.createTreeWalker(
+    doc,
+    129 /* NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT */,
+  ),
+) =>
+  (self[runtimeId][renderId] = {
+    i: prefix,
+    d: doc,
+    l: lookup,
+    v: visits,
+    x() {},
+    w(node, op, id) {
+      while ((node = walker.nextNode())) {
+        this.x(
+          (op =
+            (op = node.data) &&
+            !op.indexOf(prefix) &&
+            ((lookup[(id = op.slice(prefixLen + 1))] = node), op[prefixLen])),
+          id,
+          node,
+        );
 
-            if (op > "#") {
-              visits.push(node);
-            }
-          }
-        },
-      }),
-      prefix = renderId.length;
-  })))`
-) : `(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))`;
+        if (op > "#") {
+          visits.push(node);
+        }
+      }
+    },
+  })),
+self[runtimeId]
+))`
+) : `(e=>(self[e]=(l,t=e+l,d=t.length,f={},s=[],x=document,a=x.createTreeWalker(x,129))=>self[e][l]={i:t,d:x,l:f,v:s,x(){},w(e,l,x){for(;e=a.nextNode();)this.x(l=(l=e.data)&&!l.indexOf(t)&&(f[x=l.slice(d+1)]=e,l[d]),x,e),l>"#"&&s.push(e)}},self[e]))`;
 var REORDER_RUNTIME_CODE = true ? (
   /* js */
   `((runtime) => {

package/dist/html.js

@@ -179,7 +179,7 @@ function forTo(to, from, step, cb) {
 }
 
 // src/html/inlined-runtimes.ts
-var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))', REORDER_RUNTIME_CODE = '(e=>{let i,l,t,r={},c=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,o,n,a,g)=>{"#"==d?(r[o]=l).i++:n==t&&i(),"T"==n.tagName&&(o=n.getAttribute(e.i))&&((a=e.l["^"+o])&&(r[o]={i:1,c(i=e.l[o]||n){for(;(t=i.previousSibling||a).remove(),a!=t;);c(i,n)}}),t=n.nextSibling,l=r[o],i=()=>{a||c(e.l[o],n),--l.i||l.c()},(d=e.j[o])&&(g=l.c,l.c=()=>g()+d(e.r)))}})';
+var WALKER_RUNTIME_CODE = '(e=>(self[e]=(l,t=e+l,d=t.length,f={},s=[],x=document,a=x.createTreeWalker(x,129))=>self[e][l]={i:t,d:x,l:f,v:s,x(){},w(e,l,x){for(;e=a.nextNode();)this.x(l=(l=e.data)&&!l.indexOf(t)&&(f[x=l.slice(d+1)]=e,l[d]),x,e),l>"#"&&s.push(e)}},self[e]))', REORDER_RUNTIME_CODE = '(e=>{let i,l,t,r={},c=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,o,n,a,g)=>{"#"==d?(r[o]=l).i++:n==t&&i(),"T"==n.tagName&&(o=n.getAttribute(e.i))&&((a=e.l["^"+o])&&(r[o]={i:1,c(i=e.l[o]||n){for(;(t=i.previousSibling||a).remove(),a!=t;);c(i,n)}}),t=n.nextSibling,l=r[o],i=()=>{a||c(e.l[o],n),--l.i||l.c()},(d=e.j[o])&&(g=l.c,l.c=()=>g()+d(e.r)))}})';
 
 // src/html/serializer.ts
 var kTouchedIterator = Symbol(), { hasOwnProperty } = {}, Generator = function* () {

package/dist/html.mjs

@@ -97,7 +97,7 @@ function forTo(to, from, step, cb) {
 }
 
 // src/html/inlined-runtimes.ts
-var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))', REORDER_RUNTIME_CODE = '(e=>{let i,l,t,r={},c=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,o,n,a,g)=>{"#"==d?(r[o]=l).i++:n==t&&i(),"T"==n.tagName&&(o=n.getAttribute(e.i))&&((a=e.l["^"+o])&&(r[o]={i:1,c(i=e.l[o]||n){for(;(t=i.previousSibling||a).remove(),a!=t;);c(i,n)}}),t=n.nextSibling,l=r[o],i=()=>{a||c(e.l[o],n),--l.i||l.c()},(d=e.j[o])&&(g=l.c,l.c=()=>g()+d(e.r)))}})';
+var WALKER_RUNTIME_CODE = '(e=>(self[e]=(l,t=e+l,d=t.length,f={},s=[],x=document,a=x.createTreeWalker(x,129))=>self[e][l]={i:t,d:x,l:f,v:s,x(){},w(e,l,x){for(;e=a.nextNode();)this.x(l=(l=e.data)&&!l.indexOf(t)&&(f[x=l.slice(d+1)]=e,l[d]),x,e),l>"#"&&s.push(e)}},self[e]))', REORDER_RUNTIME_CODE = '(e=>{let i,l,t,r={},c=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,o,n,a,g)=>{"#"==d?(r[o]=l).i++:n==t&&i(),"T"==n.tagName&&(o=n.getAttribute(e.i))&&((a=e.l["^"+o])&&(r[o]={i:1,c(i=e.l[o]||n){for(;(t=i.previousSibling||a).remove(),a!=t;);c(i,n)}}),t=n.nextSibling,l=r[o],i=()=>{a||c(e.l[o],n),--l.i||l.c()},(d=e.j[o])&&(g=l.c,l.c=()=>g()+d(e.r)))}})';
 
 // src/html/serializer.ts
 var kTouchedIterator = Symbol(), { hasOwnProperty } = {}, Generator = function* () {

package/dist/translator/index.js

@@ -6958,20 +6958,22 @@ var define_default = {
     }
     const tagBody = tag.get("body");
     const bodySection = startSection(tagBody);
-    trackVarReferences(tag, 4 /* derived */);
+    const varBinding = trackVarReferences(tag, 4 /* derived */);
     if (bodySection) {
-      const varBinding = tag.node.var?.extra?.binding;
       if (varBinding) {
         bodySection.downstreamBinding = varBinding.propertyAliases.get("content") || varBinding;
       }
     }
     trackParamsReferences(tagBody, 3 /* param */);
     analyzeAttributeTags(tag);
-    mergeReferences(
+    const tagExtra = mergeReferences(
       getOrCreateSection(tag),
       tag.node,
       getAllTagReferenceNodes(tag.node)
     );
+    if (varBinding) {
+      setBindingValueExpr(varBinding, tagExtra);
+    }
   },
   translate: {
     enter(tag) {
@@ -8087,7 +8089,10 @@ var id_default = {
     if (!import_compiler40.types.isIdentifier(node.var)) {
       throw tag.get("var").buildCodeFrameError("The `id` tag cannot be destructured");
     }
-    trackVarReferences(tag, 4 /* derived */);
+    const binding = trackVarReferences(tag, 4 /* derived */);
+    if (binding) {
+      setBindingValueExpr(binding, false);
+    }
   },
   translate: {
     exit(tag) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.0.0-next.3.86",
+  "version": "6.0.1",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",