tutuca 0.9.64 → 0.9.66

package/dist/tutuca-cli.js

@@ -4344,49 +4344,67 @@ class Path {
     let handlers = null;
     let nodeIds = [];
     let isLeafComponent = true;
+    const crossComponent = (cidNum, vid) => {
+      const comp = comps.getComponentForId(cidNum);
+      let pushStep = true;
+      if (handlers === null && (isLeafComponent || bubbles)) {
+        handlers = findHandlers(comp, eventIds, vid, eventName);
+        if (handlers === null) {
+          if (isLeafComponent && stopOnNoEvent && !bubbles)
+            return false;
+        } else if (!isLeafComponent) {
+          pathSteps.length = 0;
+          pendingDyns.length = 0;
+          pushStep = false;
+        }
+      }
+      isLeafComponent = false;
+      for (const dyn of pendingDyns)
+        dyn.interiorCids.add(cidNum);
+      if (pushStep) {
+        const step = resolvePathStep(comp, nodeIds, vid);
+        if (step) {
+          step._originCid = cidNum;
+          pathSteps.push(step);
+          if (step instanceof DynStep) {
+            step.interiorCids.add(cidNum);
+            pendingDyns.push(step);
+          }
+        }
+      }
+      for (let i = pendingDyns.length - 1;i >= 0; i--)
+        if (pendingDyns[i].producerCompId === cidNum)
+          pendingDyns.splice(i, 1);
+      eventIds = [];
+      nodeIds = [];
+      return true;
+    };
     while (node && node !== rootNode && depth < maxDepth) {
       if (node?.dataset) {
-        const { nid, si, sk } = parseMetaComment(node.previousSibling);
         const { eid, cid, vid } = node.dataset;
         if (eid !== undefined)
           eventIds.push(eid);
-        if (cid !== undefined) {
-          const cidNum = +cid;
-          const comp = comps.getComponentForId(cidNum);
-          let pushStep = true;
-          if (handlers === null && (isLeafComponent || bubbles)) {
-            handlers = findHandlers(comp, eventIds, vid, eventName);
-            if (handlers === null) {
-              if (isLeafComponent && stopOnNoEvent && !bubbles)
-                return NO_EVENT_INFO;
-            } else if (!isLeafComponent) {
-              pathSteps.length = 0;
-              pendingDyns.length = 0;
-              pushStep = false;
-            }
-          }
-          isLeafComponent = false;
-          for (const dyn of pendingDyns)
-            dyn.interiorCids.add(cidNum);
-          if (pushStep) {
-            const step = resolvePathStep(comp, nodeIds, vid);
-            if (step) {
-              step._originCid = cidNum;
-              pathSteps.push(step);
-              if (step instanceof DynStep) {
-                step.interiorCids.add(cidNum);
-                pendingDyns.push(step);
-              }
+        const metas = metaChain(node.previousSibling);
+        let sawComp = false;
+        for (let i = 0;i < metas.length; i++) {
+          const m = metas[i];
+          if (m.$ === "Comp") {
+            sawComp = true;
+            if (!crossComponent(m.cid, m.vid))
+              return NO_EVENT_INFO;
+            const outer = metas[i + 1];
+            if (outer?.$ === "Each" && outer.nid === m.nid) {
+              nodeIds.push({ nid: outer.nid, si: outer.si, sk: outer.sk });
+              i += 1;
+            } else {
+              nodeIds.push({ nid: m.nid });
             }
+          } else {
+            nodeIds.push({ nid: m.nid, si: m.si, sk: m.sk });
           }
-          for (let i = pendingDyns.length - 1;i >= 0; i--)
-            if (pendingDyns[i].producerCompId === cidNum)
-              pendingDyns.splice(i, 1);
-          eventIds = [];
-          nodeIds = [];
         }
-        if (nid !== undefined)
-          nodeIds.push({ nid, si, sk });
+        if (!sawComp && cid !== undefined && !crossComponent(+cid, vid))
+          return NO_EVENT_INFO;
       }
       depth += 1;
       node = node.parentNode;
@@ -4400,18 +4418,17 @@ class Path {
     return Path.fromNodeAndEventName(target, type, rNode, maxDepth, comps, stopOnNoEvent);
   }
 }
-function parseMetaComment(n) {
-  if (n?.nodeType === 8 && n.textContent[0] === "§") {
-    const m = parseMetaComment(n.previousSibling);
-    if (m !== EMPTY_META)
-      return m;
+function metaChain(n) {
+  const out = [];
+  while (n?.nodeType === 8 && n.textContent[0] === "§") {
     try {
-      return JSON.parse(n.textContent.slice(1, -1));
+      out.push(JSON.parse(n.textContent.slice(1, -1)));
     } catch (err) {
       console.warn(err, n);
     }
+    n = n.previousSibling;
   }
-  return EMPTY_META;
+  return out;
 }
 function findHandlers(comp, eventIds, vid, eventName) {
   for (const eid of eventIds) {
@@ -4486,7 +4503,7 @@ class PathBuilder {
     return this.add(new SeqStep(name, key));
   }
 }
-var NONE, BindStep, FieldStep, SeqStep, SeqAccessStep, EachBindStep, EachRenderItStep, DynStep, DynEachStep, EMPTY_META, NO_EVENT_INFO, BUBBLING_EVENTS;
+var NONE, BindStep, FieldStep, SeqStep, SeqAccessStep, EachBindStep, EachRenderItStep, DynStep, DynEachStep, NO_EVENT_INFO, BUBBLING_EVENTS;
 var init_path = __esm(() => {
   NONE = Symbol("NONE");
   BindStep = class BindStep extends Step {
@@ -4634,7 +4651,6 @@ var init_path = __esm(() => {
       return producerSteps.slice(0, -1).concat(new SeqStep(last.field, key));
     }
   };
-  EMPTY_META = {};
   NO_EVENT_INFO = [null, null];
   BUBBLING_EVENTS = new Set(["drop"]);
 });
@@ -5978,7 +5994,7 @@ function compileModifiers(eventName, names) {
     return w(this, f, args, ctx);
   };
 }
-var TextNode, CommentNode, ChildsNode, DomNode, FragmentNode, maybeFragment = (xs) => xs.length === 1 ? xs[0] : new FragmentNode(xs), VALID_NODE_RE, ANode, MacroNode, RenderViewId, RenderNode, RenderItNode, RenderEachNode, RenderTextNode, RenderOnceNode, WrapperNode, ShowNode, HideNode, PushViewNameNode, SlotNode, ScopeNode, EachNode, filterAlwaysTrue = (_v, _k, _seq) => true, nullLoopWith = (seq) => ({ seq }), X_OP_CONSUMED, X_OP_WRAPPABLE, X_ATTR_WRAPPERS, WRAPPER_NODES, _htmlBlockTags = "ADDRESS,ARTICLE,ASIDE,BLOCKQUOTE,CAPTION,COL,COLGROUP,DETAILS,DIALOG,DIV,DD,DL,DT,FIELDSET,FIGCAPTION,FIGURE,FOOTER,FORM,H1,H2,H3,H4,H5,H6,HEADER,HGROUP,HR,LEGEND,LI,MAIN,MENU,NAV,OL,P,PRE,SECTION,SUMMARY,TABLE,TBODY,TD,TFOOT,TH,THEAD,TR,UL", HTML_BLOCK_TAGS, isBlockDomNode = (n) => {
+var TextNode, CommentNode, ChildsNode, DomNode, FragmentNode, maybeFragment = (xs) => xs.length === 1 ? xs[0] : new FragmentNode(xs), VALID_NODE_RE, ANode, MacroNode, RenderViewId, RenderNode, RenderItNode, RenderEachNode, RenderTextNode, RenderOnceNode, WrapperNode, ShowNode, HideNode, PushViewNameNode, SlotNode, ScopeNode, EachNode, filterAlwaysTrue = (_v, _k, _seq) => true, nullLoopWith = (seq) => ({ iterData: { seq } }), X_OP_CONSUMED, X_OP_WRAPPABLE, X_ATTR_WRAPPERS, WRAPPER_NODES, _htmlBlockTags = "ADDRESS,ARTICLE,ASIDE,BLOCKQUOTE,CAPTION,COL,COLGROUP,DETAILS,DIALOG,DIV,DD,DL,DT,FIELDSET,FIGCAPTION,FIGURE,FOOTER,FORM,H1,H2,H3,H4,H5,H6,HEADER,HGROUP,HR,LEGEND,LI,MAIN,MENU,NAV,OL,P,PRE,SECTION,SUMMARY,TABLE,TBODY,TD,TFOOT,TH,THEAD,TR,UL", HTML_BLOCK_TAGS, isBlockDomNode = (n) => {
   const node = n instanceof FragmentNode ? n.childs[0] : n;
   return node instanceof DomNode && HTML_BLOCK_TAGS.has(node.tagName);
 }, isMac, fwdIfCtxPred = (pred) => (w) => (that, f, args, ctx) => pred(ctx) ? w(that, f, args, ctx) : that, fwdIfKey = (keyName) => fwdIfCtxPred((ctx) => ctx.e.key === keyName), fwdCtrl, fwdMeta, fwdAlt, metaWraps, MOD_WRAPPERS_BY_EVENT, identityModifierWrapper = (f, _ctx) => f;
@@ -6177,6 +6193,7 @@ var init_anode = __esm(() => {
       super(nodeId, val);
       this.viewId = viewId;
     }
+    setDataAttr(_key, _val) {}
   };
   RenderNode = class RenderNode extends RenderViewId {
     render(stack, rx) {
@@ -6249,6 +6266,7 @@ var init_anode = __esm(() => {
     render(stack, _rx) {
       return this.val.eval(stack);
     }
+    setDataAttr(_key, _val) {}
   };
   RenderOnceNode = class RenderOnceNode extends BaseNode {
     constructor(node) {
@@ -14192,7 +14210,12 @@ class Renderer {
     if (cachedNode)
       return cachedNode;
     const view = viewName ? comp.getView(viewName) : stack.lookupBestView(comp.views, "main");
-    const meta = this._renderMetadata({ $: "Comp", nid: node?.nodeId ?? null });
+    const meta = this._renderMetadata({
+      $: "Comp",
+      nid: node?.nodeId ?? null,
+      cid: comp.id,
+      vid: view.name
+    });
     const dom = new VFragment([meta, this.renderView(view, stack)]);
     this.cache.set(cachePath, cacheKey, dom);
     return dom;
@@ -14203,20 +14226,20 @@ class Renderer {
   renderEach(stack, iterInfo, node, viewName) {
     const { seq, filter, loopWith } = iterInfo.eval(stack);
     const r = [];
-    const iterData = loopWith.call(stack.it, seq);
+    const { iterData, start, end } = unpackLoopResult(loopWith.call(stack.it, seq), seq);
     getSeqInfo(seq)(seq, (key, value, attrName) => {
       if (filter.call(stack.it, key, value, iterData)) {
         const dom = this.renderIt(stack.enter(value, { key }, true), node, key, viewName);
         this.pushEachEntry(r, node.nodeId, attrName, key, dom);
       }
-    });
+    }, start, end);
     return r;
   }
   renderEachWhen(stack, iterInfo, view, nid) {
     const { seq, filter, loopWith, enricher } = iterInfo.eval(stack);
     const r = [];
     const it = stack.it;
-    const iterData = loopWith.call(it, seq);
+    const { iterData, start, end } = unpackLoopResult(loopWith.call(it, seq), seq);
     getSeqInfo(seq)(seq, (key, value, attrName) => {
       if (filter.call(it, key, value, iterData)) {
         const cachePath = enricher ? [view, it, value] : [view, value];
@@ -14233,7 +14256,7 @@ class Renderer {
           this.cache.set(cachePath, cacheKey, dom);
         }
       }
-    });
+    }, start, end);
     return r;
   }
   renderView(view, stack) {
@@ -14254,13 +14277,29 @@ class Renderer {
     return new VComment(`§${JSON.stringify(info)}§`);
   }
 }
-var DATASET_ATTRS, getSeqInfo = (seq) => isIndexed(seq) ? imIndexedIter : isKeyed(seq) ? imKeyedIter : seq?.[SEQ_INFO] ?? unkIter, imIndexedIter = (seq, visit) => {
+var DATASET_ATTRS, getSeqInfo = (seq) => isIndexed(seq) ? imIndexedIter : isKeyed(seq) ? imKeyedIter : seq?.[SEQ_INFO] ?? unkIter, normalizeRange = (start, end, size) => {
+  let s = start == null ? 0 : start < 0 ? size + start : start;
+  let e = end == null ? size : end < 0 ? size + end : end;
+  s = s < 0 ? 0 : s > size ? size : s;
+  e = e < 0 ? 0 : e > size ? size : e;
+  return [s, e < s ? s : e];
+}, unpackLoopResult = (result, seq) => {
+  const r = result ?? {};
+  return { iterData: r.iterData ?? { seq }, start: r.start, end: r.end };
+}, imIndexedIter = (seq, visit, start, end) => {
+  const [s, e] = normalizeRange(start, end, seq.size);
+  for (let i = s;i < e; i++)
+    visit(i, seq.get(i), "si");
+}, imKeyedIter = (seq, visit, start, end) => {
+  const [s, e] = normalizeRange(start, end, seq.size);
   let i = 0;
-  for (const v of seq)
-    visit(i++, v, "si");
-}, imKeyedIter = (seq, visit) => {
-  for (const [k, v] of seq.toSeq().entries())
-    visit(k, v, "sk");
+  for (const [k, v] of seq.toSeq().entries()) {
+    if (i >= e)
+      break;
+    if (i >= s)
+      visit(k, v, "sk");
+    i++;
+  }
 }, unkIter = () => {}, SEQ_INFO;
 var init_renderer = __esm(() => {
   init_immutable();