tutuca 0.9.32 → 0.9.33

package/dist/tutuca-cli.js

@@ -734,9 +734,11 @@ class ValParser {
     const charCode = s.charCodeAt(0);
     switch (charCode) {
       case 94: {
-        const newS = px.frame.macroVars?.[s.slice(1)];
+        const name = s.slice(1);
+        const newS = px.frame.macroVars?.[name];
         if (newS !== undefined)
           return this.parse(newS, px);
+        px.onParseIssue("bad-value", { role: "macro-var", name, value: s });
         return null;
       }
       case 39:
@@ -1057,6 +1059,8 @@ class AttrParser {
       this.attrs ??= [];
       this.attrs.push(new Attr(name, val));
       this.hasDynamic ||= !(val instanceof ConstVal);
+    } else {
+      this.px.onParseIssue("bad-value", { role: "attr", attr: name, value });
     }
   }
   pushWrapper(name, raw, val) {
@@ -1072,6 +1076,9 @@ class AttrParser {
       this.attrs ??= [];
       this.attrs.push(this.ifAttr);
       this.hasDynamic = true;
+    } else {
+      const info = { role: "if", attr: directiveName.slice(3), value };
+      this.px.onParseIssue("bad-value", info);
     }
   }
   parseThen(s) {
@@ -1094,36 +1101,44 @@ class AttrParser {
       this.events.add(eventName, handler, modifiers);
     }
   }
+  _parseDirectiveValue(directiveName, s, parserFn) {
+    const val = parserFn.call(vp, s, this.px);
+    if (val === null) {
+      const info = { role: "directive", directive: directiveName, value: s };
+      this.px.onParseIssue("bad-value", info);
+    }
+    return val;
+  }
   parseDirective(s, directiveName) {
     switch (directiveName) {
       case "dangerouslysetinnerhtml":
         this.attrs ??= [];
-        this.attrs.push(new RawHtmlAttr(vp.parseText(s, this.px)));
+        this.attrs.push(new RawHtmlAttr(this._parseDirectiveValue(directiveName, s, vp.parseText)));
         this.hasDynamic = true;
         return;
       case "slot":
         this.pushWrapper("slot", s, vp.const(s));
         return;
       case "push-view":
-        this.pushWrapper("push-view", s, vp.parseText(s, this.px));
+        this.pushWrapper("push-view", s, this._parseDirectiveValue(directiveName, s, vp.parseText));
         return;
       case "text":
-        this.textChild = vp.parseText(s, this.px);
+        this.textChild = this._parseDirectiveValue(directiveName, s, vp.parseText);
         return;
       case "show":
-        this.pushWrapper("show", s, vp.parseCondValue(s, this.px));
+        this.pushWrapper("show", s, this._parseDirectiveValue(directiveName, s, vp.parseCondValue));
         return;
       case "hide":
-        this.pushWrapper("hide", s, vp.parseCondValue(s, this.px));
+        this.pushWrapper("hide", s, this._parseDirectiveValue(directiveName, s, vp.parseCondValue));
         return;
       case "each":
-        this.eachAttr = this.pushWrapper("each", s, vp.parseEach(s, this.px));
+        this.eachAttr = this.pushWrapper("each", s, this._parseDirectiveValue(directiveName, s, vp.parseEach));
         return;
       case "enrich-with":
         if (this.eachAttr !== null) {
-          this.eachAttr.enrichWithVal = vp.parseAlter(s, this.px);
+          this.eachAttr.enrichWithVal = this._parseDirectiveValue(directiveName, s, vp.parseAlter);
         } else {
-          this.pushWrapper("scope", s, vp.parseAlter(s, this.px));
+          this.pushWrapper("scope", s, this._parseDirectiveValue(directiveName, s, vp.parseAlter));
         }
         return;
       case "when":
@@ -1147,16 +1162,18 @@ class AttrParser {
       this.parseThen(s);
     else if (directiveName.startsWith("else."))
       this.parseElse(s);
-    else
-      this.px.onParseIssue("unknown-directive", { name: directiveName, value: s });
+    else {
+      const info = { name: directiveName, value: s };
+      this.px.onParseIssue("unknown-directive", info);
+    }
   }
   _parseWhen(s) {
     if (this.eachAttr !== null)
-      this.eachAttr.whenVal = vp.parseAlter(s, this.px);
+      this.eachAttr.whenVal = this._parseDirectiveValue("when", s, vp.parseAlter);
   }
   _parseLoopWith(s) {
     if (this.eachAttr !== null)
-      this.eachAttr.loopWithVal = vp.parseAlter(s, this.px);
+      this.eachAttr.loopWithVal = this._parseDirectiveValue("loop-with", s, vp.parseAlter);
   }
   parse(attributes, parseAll = false) {
     for (const { name, value } of attributes) {
@@ -1202,13 +1219,22 @@ class EventHandler {
   static parse(s, px) {
     const [handlerName, ...rawArgs] = s.trim().split(/\s+/);
     const handlerVal = vp.parseHandlerName(handlerName, px);
-    if (handlerVal === null)
+    if (handlerVal === null) {
+      const info = { role: "handler-name", value: handlerName };
+      px.onParseIssue("bad-value", info);
       return null;
+    }
     const args = new Array(rawArgs.length);
     vp.allowHandlerArg();
     for (let i = 0;i < rawArgs.length; i++) {
       const val = vp.parse(rawArgs[i], px);
-      args[i] = val !== null ? val : vp.nullConstVal;
+      if (val !== null) {
+        args[i] = val;
+      } else {
+        const info = { role: "handler-arg", value: rawArgs[i] };
+        px.onParseIssue("bad-value", info);
+        args[i] = vp.nullConstVal;
+      }
     }
     return new EventHandler(handlerVal, args);
   }
@@ -1334,6 +1360,50 @@ function optimizeNode(node) {
   node.optimize();
   return node;
 }
+function parseXOp(attrs, childs, opIdx, px) {
+  if (attrs.length === 0)
+    return maybeFragment(childs);
+  const { name, value } = attrs[opIdx];
+  const as = attrs.getNamedItem("as")?.value ?? null;
+  let node;
+  switch (name) {
+    case "slot":
+      node = new SlotNode(null, vp.const(value), maybeFragment(childs));
+      break;
+    case "text":
+      node = px.addNodeIf(RenderTextNode, parseXOpVal(name, value, px, vp.parseText));
+      break;
+    case "render":
+      node = px.addNodeIf(RenderNode, parseXOpVal(name, value, px, vp.parseRender), as);
+      break;
+    case "render-it":
+      node = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+      break;
+    case "render-each":
+      node = RenderEachNode.parse(px, vp, value, as, attrs);
+      break;
+    case "show": {
+      const val = parseXOpVal(name, value, px, vp.parseCondValue);
+      node = px.addNodeIf(ShowNode, val, maybeFragment(childs));
+      break;
+    }
+    case "hide": {
+      const val = parseXOpVal(name, value, px, vp.parseCondValue);
+      node = px.addNodeIf(HideNode, val, maybeFragment(childs));
+      break;
+    }
+    default:
+      px.onParseIssue("unknown-x-op", { name, value });
+      return new CommentNode(`Error: InvalidSpecialTagOp ${name}=${value}`);
+  }
+  return processXExtras(node, attrs, name, opIdx + 1, px);
+}
+function parseXOpVal(opName, value, px, parserFn) {
+  const val = parserFn.call(vp, value, px);
+  if (val === null)
+    px.onParseIssue("bad-value", { role: "x-op", op: opName, value });
+  return val;
+}
 function processXExtras(node, attrs, opName, startIdx, px) {
   const consumed = X_OP_CONSUMED[opName];
   const wrappable = X_OP_WRAPPABLE.has(opName);
@@ -1665,44 +1735,15 @@ var init_anode = __esm(() => {
       else if (node instanceof px.Comment)
         return new CommentNode(node.textContent);
       const { childNodes, attributes: attrs, tagName: tag } = node;
-      const childs = new Array(childNodes.length);
-      for (let i = 0;i < childNodes.length; i++)
-        childs[i] = ANode.fromDOM(childNodes[i], px);
+      const childs = [];
+      for (let i = 0;i < childNodes.length; i++) {
+        const child = ANode.fromDOM(childNodes[i], px);
+        if (child !== null)
+          childs.push(child);
+      }
       const isPseudoX = attrs[0]?.name === "@x";
       if (tag === "X" || isPseudoX) {
-        if (attrs.length === 0)
-          return maybeFragment(childs);
-        const opIdx = isPseudoX ? 1 : 0;
-        const { name, value } = attrs[opIdx];
-        const as = attrs.getNamedItem("as")?.value ?? null;
-        let node2;
-        switch (name) {
-          case "slot":
-            node2 = new SlotNode(null, vp.const(value), maybeFragment(childs));
-            break;
-          case "text":
-            node2 = px.addNodeIf(RenderTextNode, vp.parseText(value, px));
-            break;
-          case "render":
-            node2 = px.addNodeIf(RenderNode, vp.parseRender(value, px), as);
-            break;
-          case "render-it":
-            node2 = px.addNodeIf(RenderItNode, vp.bindValIt, as);
-            break;
-          case "render-each":
-            node2 = RenderEachNode.parse(px, vp, value, as, attrs);
-            break;
-          case "show":
-            node2 = px.addNodeIf(ShowNode, vp.parseCondValue(value, px), maybeFragment(childs));
-            break;
-          case "hide":
-            node2 = px.addNodeIf(HideNode, vp.parseCondValue(value, px), maybeFragment(childs));
-            break;
-          default:
-            px.onParseIssue("unknown-x-op", { name, value });
-            return new CommentNode(`Error: InvalidSpecialTagOp ${name}=${value}`);
-        }
-        return processXExtras(node2, attrs, name, (isPseudoX ? 1 : 0) + 1, px);
+        return parseXOp(attrs, childs, isPseudoX ? 1 : 0, px);
       } else if (tag.charCodeAt(1) === 58 && tag.charCodeAt(0) === 88) {
         const macroName = tag.slice(2).toLowerCase();
         if (macroName === "slot") {
@@ -1788,7 +1829,7 @@ var init_anode = __esm(() => {
       return rx.renderEach(stack, this.iterInfo, this.nodeId, this.viewId);
     }
     static parse(px, vp2, s, as, attrs) {
-      const node = px.addNodeIf(RenderEachNode, vp2.parseEach(s, px), as);
+      const node = px.addNodeIf(RenderEachNode, parseXOpVal("render-each", s, px, vp2.parseEach), as);
       if (node !== null) {
         const attrParser = getAttrParser(px);
         attrParser.eachAttr = attrParser.pushWrapper("each", s, node.val);
@@ -2448,13 +2489,14 @@ class LintContext {
     this.reports.push({ id, info, level, context: { ...this.frame } });
   }
 }
-var ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", COMPUTED_VAL_NOT_DEFINED = "COMPUTED_VAL_NOT_DEFINED", COMPUTED_NOT_REFERENCED = "COMPUTED_NOT_REFERENCED", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", PARSE_ISSUE_KIND_TO_LINT_ID, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, AT_PREFIX_HINT_KNOWN_BY_KIND, LEVEL_WARN = "warn", LEVEL_ERROR = "error", LEVEL_HINT = "hint", NO_WRAPPERS, KNOWN_HANDLER_NAMES, LintParseContext;
+var ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", COMPUTED_VAL_NOT_DEFINED = "COMPUTED_VAL_NOT_DEFINED", COMPUTED_NOT_REFERENCED = "COMPUTED_NOT_REFERENCED", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", BAD_VALUE = "BAD_VALUE", PARSE_ISSUE_KIND_TO_LINT_ID, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, AT_PREFIX_HINT_KNOWN_BY_KIND, LEVEL_WARN = "warn", LEVEL_ERROR = "error", LEVEL_HINT = "hint", NO_WRAPPERS, KNOWN_HANDLER_NAMES, LintParseContext;
 var init_lint_check = __esm(() => {
   init_anode();
   PARSE_ISSUE_KIND_TO_LINT_ID = {
     "unknown-directive": UNKNOWN_DIRECTIVE,
     "unknown-x-op": UNKNOWN_X_OP,
-    "unknown-x-attr": UNKNOWN_X_ATTR
+    "unknown-x-attr": UNKNOWN_X_ATTR,
+    "bad-value": BAD_VALUE
   };
   X_KNOWN_OP_NAMES = new Set([
     "slot",

package/dist/tutuca-dev.js

@@ -293,9 +293,11 @@ class ValParser {
     const charCode = s.charCodeAt(0);
     switch (charCode) {
       case 94: {
-        const newS = px.frame.macroVars?.[s.slice(1)];
+        const name = s.slice(1);
+        const newS = px.frame.macroVars?.[name];
         if (newS !== undefined)
           return this.parse(newS, px);
+        px.onParseIssue("bad-value", { role: "macro-var", name, value: s });
         return null;
       }
       case 39:
@@ -632,6 +634,8 @@ class AttrParser {
       this.attrs ??= [];
       this.attrs.push(new Attr(name, val));
       this.hasDynamic ||= !(val instanceof ConstVal);
+    } else {
+      this.px.onParseIssue("bad-value", { role: "attr", attr: name, value });
     }
   }
   pushWrapper(name, raw, val) {
@@ -647,6 +651,9 @@ class AttrParser {
       this.attrs ??= [];
       this.attrs.push(this.ifAttr);
       this.hasDynamic = true;
+    } else {
+      const info = { role: "if", attr: directiveName.slice(3), value };
+      this.px.onParseIssue("bad-value", info);
     }
   }
   parseThen(s) {
@@ -669,36 +676,44 @@ class AttrParser {
       this.events.add(eventName, handler, modifiers);
     }
   }
+  _parseDirectiveValue(directiveName, s, parserFn) {
+    const val = parserFn.call(vp, s, this.px);
+    if (val === null) {
+      const info = { role: "directive", directive: directiveName, value: s };
+      this.px.onParseIssue("bad-value", info);
+    }
+    return val;
+  }
   parseDirective(s, directiveName) {
     switch (directiveName) {
       case "dangerouslysetinnerhtml":
         this.attrs ??= [];
-        this.attrs.push(new RawHtmlAttr(vp.parseText(s, this.px)));
+        this.attrs.push(new RawHtmlAttr(this._parseDirectiveValue(directiveName, s, vp.parseText)));
         this.hasDynamic = true;
         return;
       case "slot":
         this.pushWrapper("slot", s, vp.const(s));
         return;
       case "push-view":
-        this.pushWrapper("push-view", s, vp.parseText(s, this.px));
+        this.pushWrapper("push-view", s, this._parseDirectiveValue(directiveName, s, vp.parseText));
         return;
       case "text":
-        this.textChild = vp.parseText(s, this.px);
+        this.textChild = this._parseDirectiveValue(directiveName, s, vp.parseText);
         return;
       case "show":
-        this.pushWrapper("show", s, vp.parseCondValue(s, this.px));
+        this.pushWrapper("show", s, this._parseDirectiveValue(directiveName, s, vp.parseCondValue));
         return;
       case "hide":
-        this.pushWrapper("hide", s, vp.parseCondValue(s, this.px));
+        this.pushWrapper("hide", s, this._parseDirectiveValue(directiveName, s, vp.parseCondValue));
         return;
       case "each":
-        this.eachAttr = this.pushWrapper("each", s, vp.parseEach(s, this.px));
+        this.eachAttr = this.pushWrapper("each", s, this._parseDirectiveValue(directiveName, s, vp.parseEach));
         return;
       case "enrich-with":
         if (this.eachAttr !== null) {
-          this.eachAttr.enrichWithVal = vp.parseAlter(s, this.px);
+          this.eachAttr.enrichWithVal = this._parseDirectiveValue(directiveName, s, vp.parseAlter);
         } else {
-          this.pushWrapper("scope", s, vp.parseAlter(s, this.px));
+          this.pushWrapper("scope", s, this._parseDirectiveValue(directiveName, s, vp.parseAlter));
         }
         return;
       case "when":
@@ -722,16 +737,18 @@ class AttrParser {
       this.parseThen(s);
     else if (directiveName.startsWith("else."))
       this.parseElse(s);
-    else
-      this.px.onParseIssue("unknown-directive", { name: directiveName, value: s });
+    else {
+      const info = { name: directiveName, value: s };
+      this.px.onParseIssue("unknown-directive", info);
+    }
   }
   _parseWhen(s) {
     if (this.eachAttr !== null)
-      this.eachAttr.whenVal = vp.parseAlter(s, this.px);
+      this.eachAttr.whenVal = this._parseDirectiveValue("when", s, vp.parseAlter);
   }
   _parseLoopWith(s) {
     if (this.eachAttr !== null)
-      this.eachAttr.loopWithVal = vp.parseAlter(s, this.px);
+      this.eachAttr.loopWithVal = this._parseDirectiveValue("loop-with", s, vp.parseAlter);
   }
   parse(attributes, parseAll = false) {
     for (const { name, value } of attributes) {
@@ -859,13 +876,22 @@ class EventHandler {
   static parse(s, px) {
     const [handlerName, ...rawArgs] = s.trim().split(/\s+/);
     const handlerVal = vp.parseHandlerName(handlerName, px);
-    if (handlerVal === null)
+    if (handlerVal === null) {
+      const info = { role: "handler-name", value: handlerName };
+      px.onParseIssue("bad-value", info);
       return null;
+    }
     const args = new Array(rawArgs.length);
     vp.allowHandlerArg();
     for (let i = 0;i < rawArgs.length; i++) {
       const val = vp.parse(rawArgs[i], px);
-      args[i] = val !== null ? val : vp.nullConstVal;
+      if (val !== null) {
+        args[i] = val;
+      } else {
+        const info = { role: "handler-arg", value: rawArgs[i] };
+        px.onParseIssue("bad-value", info);
+        args[i] = vp.nullConstVal;
+      }
     }
     return new EventHandler(handlerVal, args);
   }
@@ -1029,44 +1055,15 @@ class ANode extends BaseNode {
     else if (node instanceof px.Comment)
       return new CommentNode(node.textContent);
     const { childNodes, attributes: attrs, tagName: tag } = node;
-    const childs = new Array(childNodes.length);
-    for (let i = 0;i < childNodes.length; i++)
-      childs[i] = ANode.fromDOM(childNodes[i], px);
+    const childs = [];
+    for (let i = 0;i < childNodes.length; i++) {
+      const child = ANode.fromDOM(childNodes[i], px);
+      if (child !== null)
+        childs.push(child);
+    }
     const isPseudoX = attrs[0]?.name === "@x";
     if (tag === "X" || isPseudoX) {
-      if (attrs.length === 0)
-        return maybeFragment(childs);
-      const opIdx = isPseudoX ? 1 : 0;
-      const { name, value } = attrs[opIdx];
-      const as = attrs.getNamedItem("as")?.value ?? null;
-      let node2;
-      switch (name) {
-        case "slot":
-          node2 = new SlotNode(null, vp.const(value), maybeFragment(childs));
-          break;
-        case "text":
-          node2 = px.addNodeIf(RenderTextNode, vp.parseText(value, px));
-          break;
-        case "render":
-          node2 = px.addNodeIf(RenderNode, vp.parseRender(value, px), as);
-          break;
-        case "render-it":
-          node2 = px.addNodeIf(RenderItNode, vp.bindValIt, as);
-          break;
-        case "render-each":
-          node2 = RenderEachNode.parse(px, vp, value, as, attrs);
-          break;
-        case "show":
-          node2 = px.addNodeIf(ShowNode, vp.parseCondValue(value, px), maybeFragment(childs));
-          break;
-        case "hide":
-          node2 = px.addNodeIf(HideNode, vp.parseCondValue(value, px), maybeFragment(childs));
-          break;
-        default:
-          px.onParseIssue("unknown-x-op", { name, value });
-          return new CommentNode(`Error: InvalidSpecialTagOp ${name}=${value}`);
-      }
-      return processXExtras(node2, attrs, name, (isPseudoX ? 1 : 0) + 1, px);
+      return parseXOp(attrs, childs, isPseudoX ? 1 : 0, px);
     } else if (tag.charCodeAt(1) === 58 && tag.charCodeAt(0) === 88) {
       const macroName = tag.slice(2).toLowerCase();
       if (macroName === "slot") {
@@ -1087,6 +1084,50 @@ class ANode extends BaseNode {
     return new CommentNode(`Error: InvalidTagName ${tag}`);
   }
 }
+function parseXOp(attrs, childs, opIdx, px) {
+  if (attrs.length === 0)
+    return maybeFragment(childs);
+  const { name, value } = attrs[opIdx];
+  const as = attrs.getNamedItem("as")?.value ?? null;
+  let node;
+  switch (name) {
+    case "slot":
+      node = new SlotNode(null, vp.const(value), maybeFragment(childs));
+      break;
+    case "text":
+      node = px.addNodeIf(RenderTextNode, parseXOpVal(name, value, px, vp.parseText));
+      break;
+    case "render":
+      node = px.addNodeIf(RenderNode, parseXOpVal(name, value, px, vp.parseRender), as);
+      break;
+    case "render-it":
+      node = px.addNodeIf(RenderItNode, vp.bindValIt, as);
+      break;
+    case "render-each":
+      node = RenderEachNode.parse(px, vp, value, as, attrs);
+      break;
+    case "show": {
+      const val = parseXOpVal(name, value, px, vp.parseCondValue);
+      node = px.addNodeIf(ShowNode, val, maybeFragment(childs));
+      break;
+    }
+    case "hide": {
+      const val = parseXOpVal(name, value, px, vp.parseCondValue);
+      node = px.addNodeIf(HideNode, val, maybeFragment(childs));
+      break;
+    }
+    default:
+      px.onParseIssue("unknown-x-op", { name, value });
+      return new CommentNode(`Error: InvalidSpecialTagOp ${name}=${value}`);
+  }
+  return processXExtras(node, attrs, name, opIdx + 1, px);
+}
+function parseXOpVal(opName, value, px, parserFn) {
+  const val = parserFn.call(vp, value, px);
+  if (val === null)
+    px.onParseIssue("bad-value", { role: "x-op", op: opName, value });
+  return val;
+}
 function processXExtras(node, attrs, opName, startIdx, px) {
   const consumed = X_OP_CONSUMED[opName];
   const wrappable = X_OP_WRAPPABLE.has(opName);
@@ -1213,7 +1254,7 @@ class RenderEachNode extends RenderViewId {
     return rx.renderEach(stack, this.iterInfo, this.nodeId, this.viewId);
   }
   static parse(px, vp2, s, as, attrs) {
-    const node = px.addNodeIf(RenderEachNode, vp2.parseEach(s, px), as);
+    const node = px.addNodeIf(RenderEachNode, parseXOpVal("render-each", s, px, vp2.parseEach), as);
     if (node !== null) {
       const attrParser = getAttrParser(px);
       attrParser.eachAttr = attrParser.pushWrapper("each", s, node.val);
@@ -1631,10 +1672,12 @@ var UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE";
 var UNKNOWN_X_OP = "UNKNOWN_X_OP";
 var UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR";
 var MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX";
+var BAD_VALUE = "BAD_VALUE";
 var PARSE_ISSUE_KIND_TO_LINT_ID = {
   "unknown-directive": UNKNOWN_DIRECTIVE,
   "unknown-x-op": UNKNOWN_X_OP,
-  "unknown-x-attr": UNKNOWN_X_ATTR
+  "unknown-x-attr": UNKNOWN_X_ATTR,
+  "bad-value": BAD_VALUE
 };
 var X_KNOWN_OP_NAMES = new Set([
   "slot",
@@ -2018,6 +2061,27 @@ class LintParseContext extends ParseContext {
 }
 
 // tools/format/lint.js
+function badValueMessage(info) {
+  const v = JSON.stringify(info.value);
+  switch (info.role) {
+    case "attr":
+      return `Cannot parse value ${v} for attribute ':${info.attr}'`;
+    case "directive":
+      return `Cannot parse value ${v} for directive '@${info.directive}'`;
+    case "if":
+      return `Cannot parse condition ${v} for '@if.${info.attr}'`;
+    case "x-op":
+      return `Cannot parse value ${v} for <x ${info.op}>`;
+    case "handler-name":
+      return `Cannot parse handler name ${v}`;
+    case "handler-arg":
+      return `Cannot parse handler argument ${v}`;
+    case "macro-var":
+      return `Macro variable '^${info.name}' is not defined`;
+    default:
+      return `Cannot parse value ${v}`;
+  }
+}
 function lintIdToMessage(id, info) {
   switch (id) {
     case "RENDER_IT_OUTSIDE_OF_LOOP":
@@ -2062,6 +2126,8 @@ function lintIdToMessage(id, info) {
       return `Unknown attribute '${info.name}=${JSON.stringify(info.value)}' on <x ${info.op}>`;
     case "MAYBE_DROP_AT_PREFIX":
       return `Did you mean '${info.suggestion}'? Drop the '@' prefix on <x>.`;
+    case "BAD_VALUE":
+      return badValueMessage(info);
     case "LINT_ERROR":
       return info.message;
     default:
@@ -7819,7 +7885,7 @@ initCollectionConversions();
 var { version } = pkg;
 
 // src/oo.js
-var BAD_VALUE = Symbol("BadValue");
+var BAD_VALUE2 = Symbol("BadValue");
 var nullCoercer = (v) => v;
 
 class Field {
@@ -7866,8 +7932,8 @@ class Field {
     const setName = `set${uname}`;
     const that = this;
     proto[setName] = function(v) {
-      const v1 = that.coerceOr(v, BAD_VALUE);
-      if (v1 === BAD_VALUE) {
+      const v1 = that.coerceOr(v, BAD_VALUE2);
+      if (v1 === BAD_VALUE2) {
         console.warn("invalid value", v);
         return this;
       }
@@ -8840,6 +8906,7 @@ export {
   Collection,
   COMPUTED_VAL_NOT_DEFINED,
   COMPUTED_NOT_REFERENCED,
+  BAD_VALUE,
   ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED
 };