tutuca 0.9.45 → 0.9.46

package/dist/tutuca-cli.js

@@ -3813,8 +3813,9 @@ class Step {
   setValue(root, _v) {
     return root;
   }
-  updateBinds(_v, _o) {}
-  isFrame = true;
+  enterFrame(stack, _prev, next) {
+    return stack.enter(next, {}, true);
+  }
 }
 
 class Path {
@@ -3853,16 +3854,15 @@ class Path {
     return newVal;
   }
   buildStack(stack) {
-    const root = stack.it;
-    let curVal = root;
+    let prev = stack.it;
     for (const step of this.steps) {
-      curVal = step.lookup(curVal, NONE);
-      if (curVal === NONE) {
-        console.warn(`bad PathItem`, { root, curVal, step, path: this });
+      const next = step.lookup(prev, NONE);
+      if (next === NONE) {
+        console.warn("bad PathItem", { root: stack.it, step, path: this });
         return null;
       }
-      step.updateBinds(curVal, stack.binds[0].binds);
-      stack = stack.enter(curVal, {}, step.isFrame);
+      stack = step.enterFrame(stack, prev, next);
+      prev = next;
     }
     return stack;
   }
@@ -3929,12 +3929,27 @@ function findHandlers(comp, eventIds, vid, eventName) {
 }
 function resolvePathStep(comp, nodeIds, vid) {
   for (let i = 0;i < nodeIds.length; i++) {
-    const node = comp.getNodeForId(+nodeIds[i].nid, vid);
-    const j = node.pathInNext ? i + 1 : i;
-    const { si, sk, nid: nodeId } = nodeIds[j];
-    const pi = node.pathInNext ? comp.getNodeForId(+nodeId, vid).val.toPathItem() : node.toPathItem();
+    const meta = nodeIds[i];
+    const node = comp.getNodeForId(+meta.nid, vid);
+    const key = meta.si !== undefined ? +meta.si : meta.sk;
+    if (node.pathInNext) {
+      const next = nodeIds[i + 1];
+      if (!next)
+        continue;
+      const nextNode = comp.getNodeForId(+next.nid, vid);
+      const nKey = next.si !== undefined ? +next.si : next.sk;
+      if (nextNode.toPathItemRenderIt && nKey !== undefined)
+        return nextNode.toPathItemRenderIt(nKey);
+      const pi2 = nextNode.val.toPathItem();
+      if (pi2 !== null)
+        return next.si !== undefined ? pi2.withIndex(nKey) : next.sk ? pi2.withKey(nKey) : pi2;
+      continue;
+    }
+    if (key !== undefined && node.toPathItemEachBind)
+      return node.toPathItemEachBind(key);
+    const pi = node.toPathItem();
     if (pi !== null)
-      return si !== undefined ? pi.withIndex(+si) : sk ? pi.withKey(sk) : pi;
+      return meta.si !== undefined ? pi.withIndex(+meta.si) : meta.sk ? pi.withKey(meta.sk) : pi;
   }
   return null;
 }
@@ -3957,8 +3972,9 @@ class PathBuilder {
     return this.add(new SeqKeyStep(name, key));
   }
 }
-var BindStep, FieldStep, FieldSeqStep, SeqKeyStep, SeqIndexStep, NONE, SeqAccessStep, EMPTY_META, NO_EVENT_INFO;
+var NONE, BindStep, FieldStep, FieldSeqStep, SeqKeyStep, SeqIndexStep, SeqAccessStep, EachBindStep, EachRenderItStep, EMPTY_META, NO_EVENT_INFO;
 var init_path = __esm(() => {
+  NONE = Symbol("NONE");
   BindStep = class BindStep extends Step {
     constructor(binds) {
       super();
@@ -3970,16 +3986,15 @@ var init_path = __esm(() => {
     setValue(_root, v) {
       return v;
     }
+    enterFrame(stack, _prev, next) {
+      return stack.enter(next, { ...this.binds }, false);
+    }
     withIndex(i) {
       return new BindStep({ ...this.binds, key: i });
     }
     withKey(key) {
       return new BindStep({ ...this.binds, key });
     }
-    updateBinds(_v, o) {
-      Object.assign(o, this.binds);
-    }
-    isFrame = false;
   };
   FieldStep = class FieldStep extends Step {
     constructor(field) {
@@ -4012,15 +4027,14 @@ var init_path = __esm(() => {
     setValue(root, v) {
       return root.set(this.field, root.get(this.field).set(this.key, v));
     }
-    updateBinds(_v, o) {
-      o.key = this.key;
+    enterFrame(stack, _prev, next) {
+      return stack.enter(next, { key: this.key }, true);
     }
   };
   SeqKeyStep = class SeqKeyStep extends FieldSeqStep {
   };
   SeqIndexStep = class SeqIndexStep extends FieldSeqStep {
   };
-  NONE = Symbol("NONE");
   SeqAccessStep = class SeqAccessStep extends Step {
     constructor(seqField, keyField) {
       super();
@@ -4037,8 +4051,40 @@ var init_path = __esm(() => {
       const key = root?.get(this.keyField, NONE);
       return seq === NONE || key === NONE ? root : root.set(this.seqField, seq.set(key, v));
     }
-    updateBinds(v, o) {
-      o.key = v?.get(this.keyField, null);
+  };
+  EachBindStep = class EachBindStep extends Step {
+    constructor(seqVal, key) {
+      super();
+      this.seqVal = seqVal;
+      this.key = key;
+    }
+    lookup(v, _dval) {
+      return v;
+    }
+    setValue(_root, v) {
+      return v;
+    }
+    enterFrame(stack, _prev, next) {
+      const item = this.seqVal.eval(stack)?.get(this.key, null);
+      return stack.enter(next, { key: this.key, value: item }, false);
+    }
+  };
+  EachRenderItStep = class EachRenderItStep extends Step {
+    constructor(seqField, key) {
+      super();
+      this.seqField = seqField;
+      this.key = key;
+    }
+    lookup(v, dval = null) {
+      const seq = v?.get(this.seqField, null);
+      return seq?.get ? seq.get(this.key, dval) : dval;
+    }
+    setValue(root, v) {
+      const seq = root?.get(this.seqField, null);
+      return seq ? root.set(this.seqField, seq.set(this.key, v)) : root;
+    }
+    enterFrame(stack, _prev, next) {
+      return stack.enter(next, { key: this.key, value: next }, false).enter(next, {}, true);
     }
   };
   EMPTY_META = {};
@@ -5270,6 +5316,12 @@ var init_anode = __esm(() => {
     toPathItem() {
       return new BindStep({});
     }
+    toPathItemRenderIt(key) {
+      return new EachRenderItStep(this.val.name, key);
+    }
+    toPathItemEachBind(key) {
+      return new EachBindStep(this.val, key);
+    }
     static register = true;
   };
   X_OP_CONSUMED = {
@@ -8161,11 +8213,6 @@ class Stack {
   _enrichOnEnter() {
     return this.withDynamicBinds(this.comps.getOnEnterFor(this.it).call(this.it));
   }
-  upToFrameBinds() {
-    const { comps, binds, dynBinds, views, viewsId, ctx } = this;
-    const [head, tail] = binds;
-    return head.isFrame ? this : new Stack(comps, tail[0].it, tail, dynBinds, views, viewsId, ctx);
-  }
   static root(comps, it, ctx) {
     const binds = [new BindFrame(it, { it }, true), null];
     const dynBinds = [new ObjectFrame({}), null];
@@ -8355,8 +8402,7 @@ class Transaction {
     return Stack.root(comps, root);
   }
   buildStack(root, comps) {
-    const stack = this.path.buildStack(this.buildRootStack(root, comps));
-    return stack ? stack.upToFrameBinds() : null;
+    return this.path.buildStack(this.buildRootStack(root, comps));
   }
   callHandler(root, instance, comps) {
     const [handler, args] = this.getHandlerAndArgs(root, instance, comps);

package/dist/tutuca-dev.js

@@ -3294,6 +3294,8 @@ function use(fn) {
 __name(use, "use");
 
 // src/path.js
+var NONE = Symbol("NONE");
+
 class Step {
   lookup(_v, dval = null) {
     return dval;
@@ -3301,8 +3303,9 @@ class Step {
   setValue(root, _v) {
     return root;
   }
-  updateBinds(_v, _o) {}
-  isFrame = true;
+  enterFrame(stack, _prev, next) {
+    return stack.enter(next, {}, true);
+  }
 }
 
 class BindStep extends Step {
@@ -3316,16 +3319,15 @@ class BindStep extends Step {
   setValue(_root, v) {
     return v;
   }
+  enterFrame(stack, _prev, next) {
+    return stack.enter(next, { ...this.binds }, false);
+  }
   withIndex(i) {
     return new BindStep({ ...this.binds, key: i });
   }
   withKey(key) {
     return new BindStep({ ...this.binds, key });
   }
-  updateBinds(_v, o) {
-    Object.assign(o, this.binds);
-  }
-  isFrame = false;
 }
 
 class FieldStep extends Step {
@@ -3360,8 +3362,8 @@ class FieldSeqStep extends Step {
   setValue(root, v) {
     return root.set(this.field, root.get(this.field).set(this.key, v));
   }
-  updateBinds(_v, o) {
-    o.key = this.key;
+  enterFrame(stack, _prev, next) {
+    return stack.enter(next, { key: this.key }, true);
   }
 }
 
@@ -3370,7 +3372,6 @@ class SeqKeyStep extends FieldSeqStep {
 
 class SeqIndexStep extends FieldSeqStep {
 }
-var NONE = Symbol("NONE");
 
 class SeqAccessStep extends Step {
   constructor(seqField, keyField) {
@@ -3388,8 +3389,42 @@ class SeqAccessStep extends Step {
     const key = root?.get(this.keyField, NONE);
     return seq === NONE || key === NONE ? root : root.set(this.seqField, seq.set(key, v));
   }
-  updateBinds(v, o) {
-    o.key = v?.get(this.keyField, null);
+}
+
+class EachBindStep extends Step {
+  constructor(seqVal, key) {
+    super();
+    this.seqVal = seqVal;
+    this.key = key;
+  }
+  lookup(v, _dval) {
+    return v;
+  }
+  setValue(_root, v) {
+    return v;
+  }
+  enterFrame(stack, _prev, next) {
+    const item = this.seqVal.eval(stack)?.get(this.key, null);
+    return stack.enter(next, { key: this.key, value: item }, false);
+  }
+}
+
+class EachRenderItStep extends Step {
+  constructor(seqField, key) {
+    super();
+    this.seqField = seqField;
+    this.key = key;
+  }
+  lookup(v, dval = null) {
+    const seq = v?.get(this.seqField, null);
+    return seq?.get ? seq.get(this.key, dval) : dval;
+  }
+  setValue(root, v) {
+    const seq = root?.get(this.seqField, null);
+    return seq ? root.set(this.seqField, seq.set(this.key, v)) : root;
+  }
+  enterFrame(stack, _prev, next) {
+    return stack.enter(next, { key: this.key, value: next }, false).enter(next, {}, true);
   }
 }
 
@@ -3429,16 +3464,15 @@ class Path {
     return newVal;
   }
   buildStack(stack) {
-    const root = stack.it;
-    let curVal = root;
+    let prev = stack.it;
     for (const step of this.steps) {
-      curVal = step.lookup(curVal, NONE);
-      if (curVal === NONE) {
-        console.warn(`bad PathItem`, { root, curVal, step, path: this });
+      const next = step.lookup(prev, NONE);
+      if (next === NONE) {
+        console.warn("bad PathItem", { root: stack.it, step, path: this });
         return null;
       }
-      step.updateBinds(curVal, stack.binds[0].binds);
-      stack = stack.enter(curVal, {}, step.isFrame);
+      stack = step.enterFrame(stack, prev, next);
+      prev = next;
     }
     return stack;
   }
@@ -3506,12 +3540,27 @@ function findHandlers(comp, eventIds, vid, eventName) {
 }
 function resolvePathStep(comp, nodeIds, vid) {
   for (let i = 0;i < nodeIds.length; i++) {
-    const node = comp.getNodeForId(+nodeIds[i].nid, vid);
-    const j = node.pathInNext ? i + 1 : i;
-    const { si, sk, nid: nodeId } = nodeIds[j];
-    const pi = node.pathInNext ? comp.getNodeForId(+nodeId, vid).val.toPathItem() : node.toPathItem();
+    const meta = nodeIds[i];
+    const node = comp.getNodeForId(+meta.nid, vid);
+    const key = meta.si !== undefined ? +meta.si : meta.sk;
+    if (node.pathInNext) {
+      const next = nodeIds[i + 1];
+      if (!next)
+        continue;
+      const nextNode = comp.getNodeForId(+next.nid, vid);
+      const nKey = next.si !== undefined ? +next.si : next.sk;
+      if (nextNode.toPathItemRenderIt && nKey !== undefined)
+        return nextNode.toPathItemRenderIt(nKey);
+      const pi2 = nextNode.val.toPathItem();
+      if (pi2 !== null)
+        return next.si !== undefined ? pi2.withIndex(nKey) : next.sk ? pi2.withKey(nKey) : pi2;
+      continue;
+    }
+    if (key !== undefined && node.toPathItemEachBind)
+      return node.toPathItemEachBind(key);
+    const pi = node.toPathItem();
     if (pi !== null)
-      return si !== undefined ? pi.withIndex(+si) : sk ? pi.withKey(sk) : pi;
+      return meta.si !== undefined ? pi.withIndex(+meta.si) : meta.sk ? pi.withKey(meta.sk) : pi;
   }
   return null;
 }
@@ -4647,6 +4696,12 @@ class EachNode extends WrapperNode {
   toPathItem() {
     return new BindStep({});
   }
+  toPathItemRenderIt(key) {
+    return new EachRenderItStep(this.val.name, key);
+  }
+  toPathItemEachBind(key) {
+    return new EachBindStep(this.val, key);
+  }
   static register = true;
 }
 
@@ -8473,11 +8528,6 @@ class Stack {
   _enrichOnEnter() {
     return this.withDynamicBinds(this.comps.getOnEnterFor(this.it).call(this.it));
   }
-  upToFrameBinds() {
-    const { comps, binds, dynBinds, views, viewsId, ctx } = this;
-    const [head, tail] = binds;
-    return head.isFrame ? this : new Stack(comps, tail[0].it, tail, dynBinds, views, viewsId, ctx);
-  }
   static root(comps, it, ctx) {
     const binds = [new BindFrame(it, { it }, true), null];
     const dynBinds = [new ObjectFrame({}), null];
@@ -8662,8 +8712,7 @@ class Transaction {
     return Stack.root(comps, root);
   }
   buildStack(root, comps) {
-    const stack = this.path.buildStack(this.buildRootStack(root, comps));
-    return stack ? stack.upToFrameBinds() : null;
+    return this.path.buildStack(this.buildRootStack(root, comps));
   }
   callHandler(root, instance, comps) {
     const [handler, args] = this.getHandlerAndArgs(root, instance, comps);
@@ -14566,10 +14615,10 @@ async function compileClassesToStyle(app, compileClasses, styleId = "margaui-css
   injectCss(styleId, css2);
   return t2 - t1;
 }
-async function compileClassesToStyleText(app, compileClasses, extraCSSClasses, Ctx = ParseCtxClassSetCollector) {
+async function compileClassesToStyleText(app, compileClasses, Ctx = ParseCtxClassSetCollector) {
   app.ParseContext = Ctx;
   app.compile();
-  const classes = new Set(extraCSSClasses ?? []);
+  const classes = new Set;
   for (const Comp of app.comps.byId.values()) {
     for (const key in Comp.views) {
       const view = Comp.views[key];