tutuca 0.9.100 → 0.9.101

package/dist/tutuca-cli.js

@@ -9958,7 +9958,8 @@ function parseXOp(attrs, childs, opIdx, px) {
   if (attrs.length <= opIdx)
     return maybeFragment(childs);
   const { name, value } = attrs[opIdx];
-  const as = attrs.getNamedItem("as")?.value ?? null;
+  const asAttr = attrs.getNamedItem("as")?.value ?? null;
+  const as = asAttr === null ? null : parseViewName(asAttr, px);
   let node;
   switch (name) {
     case "slot":
@@ -9998,6 +9999,9 @@ function parseXOpVal(opName, value, px, parserFn) {
     px.onParseIssue("bad-value", { role: "x-op", op: opName, value });
   return val;
 }
+function parseViewName(s, px) {
+  return vp.parseText(s, px) ?? vp.const(s);
+}
 function processXExtras(node, attrs, opName, startIdx, px) {
   const { consumed, wrappable } = X_OPS[opName];
   const wrappers = [];
@@ -10427,16 +10431,19 @@ var init_anode = __esm(() => {
     }
   };
   RenderViewId = class RenderViewId extends ANode {
-    constructor(nodeId, val, viewId) {
+    constructor(nodeId, val, viewVal) {
       super(nodeId, val);
-      this.viewId = viewId;
+      this.viewVal = viewVal;
+    }
+    evalViewName(stack) {
+      return this.viewVal ? this.viewVal.eval(stack) : null;
     }
     setDataAttr(_key, _val) {}
   };
   RenderNode = class RenderNode extends RenderViewId {
     render(stack, rx) {
       const newStack = stack.enter(this.val.eval(stack), {}, true);
-      return rx.renderIt(newStack, this, "", this.viewId);
+      return rx.renderIt(newStack, this, "", this.evalViewName(stack));
     }
     toPathStep(ctx) {
       if (this.val instanceof DynVal)
@@ -10447,7 +10454,7 @@ var init_anode = __esm(() => {
   RenderItNode = class RenderItNode extends RenderViewId {
     render(stack, rx) {
       const newStack = stack.enter(stack.it, {}, true);
-      return rx.renderIt(newStack, this, "", this.viewId);
+      return rx.renderIt(newStack, this, "", this.evalViewName(stack));
     }
     toPathStep(ctx) {
       const next = ctx.next();
@@ -10463,12 +10470,12 @@ var init_anode = __esm(() => {
     }
   };
   RenderEachNode = class RenderEachNode extends RenderViewId {
-    constructor(nodeId, val, viewId) {
-      super(nodeId, val, viewId);
+    constructor(nodeId, val, viewVal) {
+      super(nodeId, val, viewVal);
       this.iterInfo = new IterInfo(val, null, null, null);
     }
     render(stack, rx) {
-      return rx.renderEach(stack, this.iterInfo, this, this.viewId);
+      return rx.renderEach(stack, this.iterInfo, this, this.evalViewName(stack));
     }
     toPathStep(ctx) {
       if (this.val instanceof DynVal)

package/dist/tutuca-dev.ext.js

@@ -2156,7 +2156,8 @@ function parseXOp(attrs, childs, opIdx, px) {
   if (attrs.length <= opIdx)
     return maybeFragment(childs);
   const { name, value } = attrs[opIdx];
-  const as = attrs.getNamedItem("as")?.value ?? null;
+  const asAttr = attrs.getNamedItem("as")?.value ?? null;
+  const as = asAttr === null ? null : parseViewName(asAttr, px);
   let node;
   switch (name) {
     case "slot":
@@ -2196,6 +2197,9 @@ function parseXOpVal(opName, value, px, parserFn) {
     px.onParseIssue("bad-value", { role: "x-op", op: opName, value });
   return val;
 }
+function parseViewName(s, px) {
+  return vp.parseText(s, px) ?? vp.const(s);
+}
 function processXExtras(node, attrs, opName, startIdx, px) {
   const { consumed, wrappable } = X_OPS[opName];
   const wrappers = [];
@@ -2292,9 +2296,12 @@ class Macro {
 }
 
 class RenderViewId extends ANode {
-  constructor(nodeId, val, viewId) {
+  constructor(nodeId, val, viewVal) {
     super(nodeId, val);
-    this.viewId = viewId;
+    this.viewVal = viewVal;
+  }
+  evalViewName(stack) {
+    return this.viewVal ? this.viewVal.eval(stack) : null;
   }
   setDataAttr(_key, _val) {}
 }
@@ -2308,7 +2315,7 @@ function dynRenderStep(comp, name, key) {
 class RenderNode extends RenderViewId {
   render(stack, rx) {
     const newStack = stack.enter(this.val.eval(stack), {}, true);
-    return rx.renderIt(newStack, this, "", this.viewId);
+    return rx.renderIt(newStack, this, "", this.evalViewName(stack));
   }
   toPathStep(ctx) {
     if (this.val instanceof DynVal)
@@ -2320,7 +2327,7 @@ class RenderNode extends RenderViewId {
 class RenderItNode extends RenderViewId {
   render(stack, rx) {
     const newStack = stack.enter(stack.it, {}, true);
-    return rx.renderIt(newStack, this, "", this.viewId);
+    return rx.renderIt(newStack, this, "", this.evalViewName(stack));
   }
   toPathStep(ctx) {
     const next = ctx.next();
@@ -2337,12 +2344,12 @@ class RenderItNode extends RenderViewId {
 }
 
 class RenderEachNode extends RenderViewId {
-  constructor(nodeId, val, viewId) {
-    super(nodeId, val, viewId);
+  constructor(nodeId, val, viewVal) {
+    super(nodeId, val, viewVal);
     this.iterInfo = new IterInfo(val, null, null, null);
   }
   render(stack, rx) {
-    return rx.renderEach(stack, this.iterInfo, this, this.viewId);
+    return rx.renderEach(stack, this.iterInfo, this, this.evalViewName(stack));
   }
   toPathStep(ctx) {
     if (this.val instanceof DynVal)

package/dist/tutuca-dev.js

@@ -9807,7 +9807,8 @@ function parseXOp(attrs, childs, opIdx, px) {
   if (attrs.length <= opIdx)
     return maybeFragment(childs);
   const { name, value } = attrs[opIdx];
-  const as = attrs.getNamedItem("as")?.value ?? null;
+  const asAttr = attrs.getNamedItem("as")?.value ?? null;
+  const as = asAttr === null ? null : parseViewName(asAttr, px);
   let node;
   switch (name) {
     case "slot":
@@ -9847,6 +9848,9 @@ function parseXOpVal(opName, value, px, parserFn) {
     px.onParseIssue("bad-value", { role: "x-op", op: opName, value });
   return val;
 }
+function parseViewName(s, px) {
+  return vp.parseText(s, px) ?? vp.const(s);
+}
 function processXExtras(node, attrs, opName, startIdx, px) {
   const { consumed, wrappable } = X_OPS[opName];
   const wrappers = [];
@@ -9943,9 +9947,12 @@ class Macro {
 }
 
 class RenderViewId extends ANode {
-  constructor(nodeId, val, viewId) {
+  constructor(nodeId, val, viewVal) {
     super(nodeId, val);
-    this.viewId = viewId;
+    this.viewVal = viewVal;
+  }
+  evalViewName(stack) {
+    return this.viewVal ? this.viewVal.eval(stack) : null;
   }
   setDataAttr(_key, _val) {}
 }
@@ -9959,7 +9966,7 @@ function dynRenderStep(comp, name, key) {
 class RenderNode extends RenderViewId {
   render(stack, rx) {
     const newStack = stack.enter(this.val.eval(stack), {}, true);
-    return rx.renderIt(newStack, this, "", this.viewId);
+    return rx.renderIt(newStack, this, "", this.evalViewName(stack));
   }
   toPathStep(ctx) {
     if (this.val instanceof DynVal)
@@ -9971,7 +9978,7 @@ class RenderNode extends RenderViewId {
 class RenderItNode extends RenderViewId {
   render(stack, rx) {
     const newStack = stack.enter(stack.it, {}, true);
-    return rx.renderIt(newStack, this, "", this.viewId);
+    return rx.renderIt(newStack, this, "", this.evalViewName(stack));
   }
   toPathStep(ctx) {
     const next = ctx.next();
@@ -9988,12 +9995,12 @@ class RenderItNode extends RenderViewId {
 }
 
 class RenderEachNode extends RenderViewId {
-  constructor(nodeId, val, viewId) {
-    super(nodeId, val, viewId);
+  constructor(nodeId, val, viewVal) {
+    super(nodeId, val, viewVal);
     this.iterInfo = new IterInfo(val, null, null, null);
   }
   render(stack, rx) {
-    return rx.renderEach(stack, this.iterInfo, this, this.viewId);
+    return rx.renderEach(stack, this.iterInfo, this, this.evalViewName(stack));
   }
   toPathStep(ctx) {
     if (this.val instanceof DynVal)