tutuca 0.9.108 → 0.9.110

package/dist/tutuca-cli.js

@@ -6210,9 +6210,12 @@ function parseRenderEach(px, value, as, attrs) {
       maybeDeprecateBareXDirective(px, "render-each", "when");
     attrParser._parseWhen(when.value);
   }
-  const lWith = attrs.getNamedItem("loop-with");
-  if (lWith)
+  const lWith = attrs.getNamedItem("@loop-with") ?? attrs.getNamedItem("loop-with");
+  if (lWith) {
+    if (lWith.name.charCodeAt(0) !== 64)
+      maybeDeprecateBareXDirective(px, "render-each", "loop-with");
     attrParser._parseLoopWith(lWith.value);
+  }
   const each = px.addNodeIf(EachNode, seqVal);
   each.iterInfo.whenVal = eachAttr.whenVal ?? null;
   each.iterInfo.loopWithVal = eachAttr.loopWithVal ?? null;
@@ -6726,7 +6729,7 @@ var init_anode = __esm(() => {
     text: xOp([], { wrappable: true, ignoresChildren: true }),
     render: xOp(["as"], { wrappable: true, ignoresChildren: true }),
     "render-it": xOp(["as"], { wrappable: true, ignoresChildren: true }),
-    "render-each": xOp(["as", "when", "loop-with", "@when"], {
+    "render-each": xOp(["as", "when", "loop-with", "@when", "@loop-with"], {
       wrappable: true,
       ignoresChildren: true
     }),
@@ -9341,12 +9344,12 @@ function checkEventHandlersHaveImpls(lx, Comp, referencedInputs) {
 function reportUnknownName(lx, code, name, candidates, info) {
   lx.error(code, { ...info, name }, replaceNameSuggestion(name, candidates));
 }
-function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null) {
+function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null, isRoot = true) {
   const check = ATTR_VAL_CHECKERS[val?.constructor.name];
   if (check === undefined)
     return;
-  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx);
-  check({ lx, val, env, errCtx, skipNameVal, recurse });
+  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx, false);
+  check({ lx, val, env, errCtx, skipNameVal, recurse, isRoot });
 }
 function nodeCtxForNode(nodeKind) {
   return NODE_KIND_TO_CTX[nodeKind] ?? null;
@@ -9473,11 +9476,11 @@ function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
           const iter = node.iterInfo;
           if (iter.whenVal)
             checkConsistentAttrVal(lx, iter.whenVal, env, false, {
-              originAttr: "<x render-each when>"
+              originAttr: "<x render-each @when>"
             });
           if (iter.loopWithVal)
             checkConsistentAttrVal(lx, iter.loopWithVal, env, false, {
-              originAttr: "<x render-each loop-with>"
+              originAttr: "<x render-each @loop-with>"
             });
         }
       }
@@ -9741,7 +9744,7 @@ var init_lint_check = __esm(() => {
   };
   BINDING_MEMBER_TOO_DEEP_RE = /^@[a-zA-Z]\w*\??(\.[a-zA-Z]\w*\??){2,}$/;
   UNSUPPORTED_EXPR_GUIDANCE = {
-    ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed field on the component that returns the value, then reference it as '$methodName'.",
+    ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed value on the component that returns the value, then reference it as '$methodName'.",
     comparison: "Comparisons aren't supported in dynamic attributes. Define a method like 'isFooSelected' that returns the boolean, then reference it as '$isFooSelected'.",
     logical: "Logical operators aren't supported in dynamic attributes. Combine the conditions in a method on the component and reference it as '$methodName'.",
     "call-with-args": "Method calls with arguments aren't supported here. Reference a no-arg method ('$methodName') and read what you need from component state, or split into per-case methods.",
@@ -9774,8 +9777,8 @@ var init_lint_check = __esm(() => {
   ]);
   BOOL_CONDITION_ORIGINS = new Set(["@show", "@hide", "<x show>", "<x hide>"]);
   ATTR_VAL_CHECKERS = {
-    ConstVal({ lx, val, errCtx }) {
-      if (isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
+    ConstVal({ lx, val, errCtx, isRoot }) {
+      if (isRoot && isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
         lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
     },
     FieldVal({ lx, val, env, errCtx }) {
@@ -9813,11 +9816,11 @@ var init_lint_check = __esm(() => {
       if (!skipNameVal && !isKnownHandlerName(val.name))
         reportUnknownName(lx, UNKNOWN_HANDLER_ARG_NAME, val.name, KNOWN_HANDLER_NAMES, errCtx);
     },
-    StrTplVal({ lx, val, errCtx, recurse }) {
+    StrTplVal({ lx, val, errCtx, recurse, isRoot }) {
       const vs = val.vals;
       const literal = val.toLiteralSource();
       if (literal !== null) {
-        if (isBoolConditionCtx(errCtx))
+        if (isRoot && isBoolConditionCtx(errCtx))
           lx.warn(CONSTANT_CONDITION, { ...errCtx, literal });
         else
           lx.hint(PLACEHOLDERLESS_TEMPLATE_STRING, { ...errCtx, literal }, fixTo(`$${literal}`, literal));
@@ -9834,7 +9837,10 @@ var init_lint_check = __esm(() => {
       if (env.alter[val.name] === undefined)
         reportUnknownName(lx, ALT_HANDLER_NOT_DEFINED, val.name, Object.keys(env.alter), errCtx);
     },
-    PredicateVal({ val, recurse }) {
+    PredicateVal({ lx, val, errCtx, recurse }) {
+      const isConstArg = (a) => a.constructor.name === "ConstVal" || a.constructor.name === "StrTplVal" && a.toLiteralSource() !== null;
+      if (isBoolConditionCtx(errCtx) && val.args.every(isConstArg))
+        lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
       for (const arg of val.args)
         recurse(arg);
     },
@@ -10073,7 +10079,7 @@ var init_lint_rules = __esm(() => {
       code: DEPRECATED_BARE_X_DIRECTIVE,
       level: "warn",
       group: "Templates / events",
-      summary: "Bare `show`/`hide`/`when` on an `<x>` op is deprecated — use the `@`-prefixed directive (`@show`/`@hide`/`@when`)."
+      summary: "Bare `show`/`hide`/`when`/`loop-with` on an `<x>` op is deprecated — use the `@`-prefixed directive (`@show`/`@hide`/`@when`/`@loop-with`)."
     },
     {
       code: BAD_VALUE,
@@ -10209,7 +10215,7 @@ function badValueMessage(info) {
     case "handler-arg":
       return `Cannot parse handler argument ${v}`;
     case "macro-var":
-      return `Macro variable '^${info.name}' is not defined`;
+      return `Macro parameter '^${info.name}' is not defined`;
     default:
       return `Cannot parse value ${v}`;
   }
@@ -10289,7 +10295,7 @@ function lintIdToMessage(id, info) {
     case "ALT_HANDLER_NOT_REFERENCED":
       return `Alter handler '${info.name}' is defined but never used — remove it or reference it from @when, @enrich-with, or @loop-with`;
     case "DYN_VAL_NOT_DEFINED":
-      return `Dynamic variable '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
+      return `Dynamic binding '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
     case "DYN_ALIAS_NOT_REFERENCED":
       return `Lookup '${info.name}' is defined but never used — remove it or reference it as '*${info.name}' in a view`;
     case "PROVIDE_NOT_ADDRESSABLE":
@@ -10327,9 +10333,9 @@ function lintIdToMessage(id, info) {
       return `Enrich handler '${info.name}' only copies members of the loop value — read them directly${reads ? ` (${reads})` : ""} and remove the '@enrich-with'`;
     }
     case "REDUNDANT_TEMPLATE_STRING":
-      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
+      return `Redundant string template — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
     case "PLACEHOLDERLESS_TEMPLATE_STRING":
-      return `Template string has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
+      return `String template has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
     case "CONSTANT_CONDITION":
       return `Condition is the constant literal ${info.literal} — it never changes; reference a field ('.name') or a method ('$name') instead${fmtOriginSuffix(info)}`;
     case "UNKNOWN_COMPONENT_SPEC_KEY":

package/dist/tutuca-components.js

@@ -151,7 +151,7 @@ function makeCompositeView({
       @show=".isExpanded"
       class="ml-1 flex flex-col gap-0.5 border-l ${borderClass} pl-2 mt-0.5"
     >
-      <x render-each=".items" loop-with="getPageRange"></x>
+      <x render-each=".items" @loop-with="getPageRange"></x>
     </div>
   </span>`;
 }
@@ -786,13 +786,13 @@ var GRID_BODY = html4`<div
   class="ml-1 grid gap-x-2 gap-y-0.5 items-baseline border-l border-base-content/10 pl-2 mt-0.5"
   style="grid-template-columns: auto 1fr"
 >
-  <x render-each=".items" loop-with="getPageRange"></x>
+  <x render-each=".items" @loop-with="getPageRange"></x>
 </div>`;
 var LIST_BODY = html4`<div
   @show=".isExpanded"
   class="ml-1 flex flex-col gap-0.5 border-l border-base-content/10 pl-2 mt-0.5"
 >
-  <x render-each=".items" loop-with="getPageRange"></x>
+  <x render-each=".items" @loop-with="getPageRange"></x>
 </div>`;
 function makeSchemaView(accent, body = GRID_BODY) {
   return html4`<span class="font-mono text-sm leading-tight inline-block">
@@ -1640,7 +1640,7 @@ function lintMessage(id, info = {}) {
     case "ALT_HANDLER_NOT_DEFINED":
       return `Alter handler '${info.name}' is not defined${originSuffix(info)}`;
     case "DYN_VAL_NOT_DEFINED":
-      return `Dynamic variable '*${info.name}' is not defined${originSuffix(info)}`;
+      return `Dynamic binding '*${info.name}' is not defined${originSuffix(info)}`;
     case "UNKNOWN_COMPONENT_NAME":
       return `Unknown component '${info.name}'${originSuffix(info)}`;
     case "UNKNOWN_DIRECTIVE":
@@ -1648,9 +1648,9 @@ function lintMessage(id, info = {}) {
     case "IF_NO_BRANCH_SET":
       return `'@if.${info.attr}' has no '@then' or '@else' branch${tagSuffix(info)}`;
     case "REDUNDANT_TEMPLATE_STRING":
-      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${originSuffix(info)}`;
+      return `Redundant string template — '{${info.simpler}}' should be just '${info.simpler}'${originSuffix(info)}`;
     case "PLACEHOLDERLESS_TEMPLATE_STRING":
-      return `Template string has no dynamic parts — use the literal ${info.literal} instead${originSuffix(info)}`;
+      return `String template has no dynamic parts — use the literal ${info.literal} instead${originSuffix(info)}`;
     case "CONSTANT_CONDITION":
       return `Constant condition ${info.literal} — reference a field ('.name') or method ('$name')${originSuffix(info)}`;
     case "ASYNC_HANDLER":

package/dist/tutuca-dev.ext.js

@@ -2375,9 +2375,12 @@ function parseRenderEach(px, value, as, attrs) {
       maybeDeprecateBareXDirective(px, "render-each", "when");
     attrParser._parseWhen(when.value);
   }
-  const lWith = attrs.getNamedItem("loop-with");
-  if (lWith)
+  const lWith = attrs.getNamedItem("@loop-with") ?? attrs.getNamedItem("loop-with");
+  if (lWith) {
+    if (lWith.name.charCodeAt(0) !== 64)
+      maybeDeprecateBareXDirective(px, "render-each", "loop-with");
     attrParser._parseLoopWith(lWith.value);
+  }
   const each = px.addNodeIf(EachNode, seqVal);
   each.iterInfo.whenVal = eachAttr.whenVal ?? null;
   each.iterInfo.loopWithVal = eachAttr.loopWithVal ?? null;
@@ -2513,7 +2516,7 @@ var X_OPS = {
   text: xOp([], { wrappable: true, ignoresChildren: true }),
   render: xOp(["as"], { wrappable: true, ignoresChildren: true }),
   "render-it": xOp(["as"], { wrappable: true, ignoresChildren: true }),
-  "render-each": xOp(["as", "when", "loop-with", "@when"], {
+  "render-each": xOp(["as", "when", "loop-with", "@when", "@loop-with"], {
     wrappable: true,
     ignoresChildren: true
   }),
@@ -5200,7 +5203,7 @@ function classifyBadValue(value) {
 }
 var BINDING_MEMBER_TOO_DEEP_RE = /^@[a-zA-Z]\w*\??(\.[a-zA-Z]\w*\??){2,}$/;
 var UNSUPPORTED_EXPR_GUIDANCE = {
-  ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed field on the component that returns the value, then reference it as '$methodName'.",
+  ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed value on the component that returns the value, then reference it as '$methodName'.",
   comparison: "Comparisons aren't supported in dynamic attributes. Define a method like 'isFooSelected' that returns the boolean, then reference it as '$isFooSelected'.",
   logical: "Logical operators aren't supported in dynamic attributes. Combine the conditions in a method on the component and reference it as '$methodName'.",
   "call-with-args": "Method calls with arguments aren't supported here. Reference a no-arg method ('$methodName') and read what you need from component state, or split into per-case methods.",
@@ -5515,8 +5518,8 @@ function reportUnknownName(lx, code, name, candidates, info) {
 var BOOL_CONDITION_ORIGINS = new Set(["@show", "@hide", "<x show>", "<x hide>"]);
 var isBoolConditionCtx = (errCtx) => errCtx != null && (BOOL_CONDITION_ORIGINS.has(errCtx.originAttr) || errCtx.branch === "@if");
 var ATTR_VAL_CHECKERS = {
-  ConstVal({ lx, val, errCtx }) {
-    if (isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
+  ConstVal({ lx, val, errCtx, isRoot }) {
+    if (isRoot && isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
       lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
   },
   FieldVal({ lx, val, env, errCtx }) {
@@ -5554,11 +5557,11 @@ var ATTR_VAL_CHECKERS = {
     if (!skipNameVal && !isKnownHandlerName(val.name))
       reportUnknownName(lx, UNKNOWN_HANDLER_ARG_NAME, val.name, KNOWN_HANDLER_NAMES, errCtx);
   },
-  StrTplVal({ lx, val, errCtx, recurse }) {
+  StrTplVal({ lx, val, errCtx, recurse, isRoot }) {
     const vs = val.vals;
     const literal = val.toLiteralSource();
     if (literal !== null) {
-      if (isBoolConditionCtx(errCtx))
+      if (isRoot && isBoolConditionCtx(errCtx))
         lx.warn(CONSTANT_CONDITION, { ...errCtx, literal });
       else
         lx.hint(PLACEHOLDERLESS_TEMPLATE_STRING, { ...errCtx, literal }, fixTo(`$${literal}`, literal));
@@ -5575,7 +5578,10 @@ var ATTR_VAL_CHECKERS = {
     if (env.alter[val.name] === undefined)
       reportUnknownName(lx, ALT_HANDLER_NOT_DEFINED, val.name, Object.keys(env.alter), errCtx);
   },
-  PredicateVal({ val, recurse }) {
+  PredicateVal({ lx, val, errCtx, recurse }) {
+    const isConstArg = (a) => a.constructor.name === "ConstVal" || a.constructor.name === "StrTplVal" && a.toLiteralSource() !== null;
+    if (isBoolConditionCtx(errCtx) && val.args.every(isConstArg))
+      lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
     for (const arg of val.args)
       recurse(arg);
   },
@@ -5585,12 +5591,12 @@ var ATTR_VAL_CHECKERS = {
       reportUnknownName(lx, DYN_VAL_NOT_DEFINED, val.name, Object.keys(env.dynamicMap), errCtx);
   }
 };
-function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null) {
+function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null, isRoot = true) {
   const check = ATTR_VAL_CHECKERS[val?.constructor.name];
   if (check === undefined)
     return;
-  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx);
-  check({ lx, val, env, errCtx, skipNameVal, recurse });
+  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx, false);
+  check({ lx, val, env, errCtx, skipNameVal, recurse, isRoot });
 }
 var NODE_KIND_TO_CTX = {
   RenderTextNode: { originAttr: "<x text>" },
@@ -5725,11 +5731,11 @@ function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
           const iter = node.iterInfo;
           if (iter.whenVal)
             checkConsistentAttrVal(lx, iter.whenVal, env, false, {
-              originAttr: "<x render-each when>"
+              originAttr: "<x render-each @when>"
             });
           if (iter.loopWithVal)
             checkConsistentAttrVal(lx, iter.loopWithVal, env, false, {
-              originAttr: "<x render-each loop-with>"
+              originAttr: "<x render-each @loop-with>"
             });
         }
       }
@@ -7396,7 +7402,7 @@ function badValueMessage(info) {
     case "handler-arg":
       return `Cannot parse handler argument ${v}`;
     case "macro-var":
-      return `Macro variable '^${info.name}' is not defined`;
+      return `Macro parameter '^${info.name}' is not defined`;
     default:
       return `Cannot parse value ${v}`;
   }
@@ -7476,7 +7482,7 @@ function lintIdToMessage(id, info) {
     case "ALT_HANDLER_NOT_REFERENCED":
       return `Alter handler '${info.name}' is defined but never used — remove it or reference it from @when, @enrich-with, or @loop-with`;
     case "DYN_VAL_NOT_DEFINED":
-      return `Dynamic variable '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
+      return `Dynamic binding '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
     case "DYN_ALIAS_NOT_REFERENCED":
       return `Lookup '${info.name}' is defined but never used — remove it or reference it as '*${info.name}' in a view`;
     case "PROVIDE_NOT_ADDRESSABLE":
@@ -7514,9 +7520,9 @@ function lintIdToMessage(id, info) {
       return `Enrich handler '${info.name}' only copies members of the loop value — read them directly${reads ? ` (${reads})` : ""} and remove the '@enrich-with'`;
     }
     case "REDUNDANT_TEMPLATE_STRING":
-      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
+      return `Redundant string template — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
     case "PLACEHOLDERLESS_TEMPLATE_STRING":
-      return `Template string has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
+      return `String template has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
     case "CONSTANT_CONDITION":
       return `Condition is the constant literal ${info.literal} — it never changes; reference a field ('.name') or a method ('$name') instead${fmtOriginSuffix(info)}`;
     case "UNKNOWN_COMPONENT_SPEC_KEY":

package/dist/tutuca-dev.js

@@ -10024,9 +10024,12 @@ function parseRenderEach(px, value, as, attrs) {
       maybeDeprecateBareXDirective(px, "render-each", "when");
     attrParser._parseWhen(when.value);
   }
-  const lWith = attrs.getNamedItem("loop-with");
-  if (lWith)
+  const lWith = attrs.getNamedItem("@loop-with") ?? attrs.getNamedItem("loop-with");
+  if (lWith) {
+    if (lWith.name.charCodeAt(0) !== 64)
+      maybeDeprecateBareXDirective(px, "render-each", "loop-with");
     attrParser._parseLoopWith(lWith.value);
+  }
   const each = px.addNodeIf(EachNode, seqVal);
   each.iterInfo.whenVal = eachAttr.whenVal ?? null;
   each.iterInfo.loopWithVal = eachAttr.loopWithVal ?? null;
@@ -10162,7 +10165,7 @@ var X_OPS = {
   text: xOp([], { wrappable: true, ignoresChildren: true }),
   render: xOp(["as"], { wrappable: true, ignoresChildren: true }),
   "render-it": xOp(["as"], { wrappable: true, ignoresChildren: true }),
-  "render-each": xOp(["as", "when", "loop-with", "@when"], {
+  "render-each": xOp(["as", "when", "loop-with", "@when", "@loop-with"], {
     wrappable: true,
     ignoresChildren: true
   }),
@@ -12849,7 +12852,7 @@ function classifyBadValue(value) {
 }
 var BINDING_MEMBER_TOO_DEEP_RE = /^@[a-zA-Z]\w*\??(\.[a-zA-Z]\w*\??){2,}$/;
 var UNSUPPORTED_EXPR_GUIDANCE = {
-  ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed field on the component that returns the value, then reference it as '$methodName'.",
+  ternary: "Ternary expressions aren't supported in dynamic attributes. Define a method or computed value on the component that returns the value, then reference it as '$methodName'.",
   comparison: "Comparisons aren't supported in dynamic attributes. Define a method like 'isFooSelected' that returns the boolean, then reference it as '$isFooSelected'.",
   logical: "Logical operators aren't supported in dynamic attributes. Combine the conditions in a method on the component and reference it as '$methodName'.",
   "call-with-args": "Method calls with arguments aren't supported here. Reference a no-arg method ('$methodName') and read what you need from component state, or split into per-case methods.",
@@ -13164,8 +13167,8 @@ function reportUnknownName(lx, code, name, candidates, info) {
 var BOOL_CONDITION_ORIGINS = new Set(["@show", "@hide", "<x show>", "<x hide>"]);
 var isBoolConditionCtx = (errCtx) => errCtx != null && (BOOL_CONDITION_ORIGINS.has(errCtx.originAttr) || errCtx.branch === "@if");
 var ATTR_VAL_CHECKERS = {
-  ConstVal({ lx, val, errCtx }) {
-    if (isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
+  ConstVal({ lx, val, errCtx, isRoot }) {
+    if (isRoot && isBoolConditionCtx(errCtx) && typeof val.val !== "boolean")
       lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
   },
   FieldVal({ lx, val, env, errCtx }) {
@@ -13203,11 +13206,11 @@ var ATTR_VAL_CHECKERS = {
     if (!skipNameVal && !isKnownHandlerName(val.name))
       reportUnknownName(lx, UNKNOWN_HANDLER_ARG_NAME, val.name, KNOWN_HANDLER_NAMES, errCtx);
   },
-  StrTplVal({ lx, val, errCtx, recurse }) {
+  StrTplVal({ lx, val, errCtx, recurse, isRoot }) {
     const vs = val.vals;
     const literal = val.toLiteralSource();
     if (literal !== null) {
-      if (isBoolConditionCtx(errCtx))
+      if (isRoot && isBoolConditionCtx(errCtx))
         lx.warn(CONSTANT_CONDITION, { ...errCtx, literal });
       else
         lx.hint(PLACEHOLDERLESS_TEMPLATE_STRING, { ...errCtx, literal }, fixTo(`$${literal}`, literal));
@@ -13224,7 +13227,10 @@ var ATTR_VAL_CHECKERS = {
     if (env.alter[val.name] === undefined)
       reportUnknownName(lx, ALT_HANDLER_NOT_DEFINED, val.name, Object.keys(env.alter), errCtx);
   },
-  PredicateVal({ val, recurse }) {
+  PredicateVal({ lx, val, errCtx, recurse }) {
+    const isConstArg = (a) => a.constructor.name === "ConstVal" || a.constructor.name === "StrTplVal" && a.toLiteralSource() !== null;
+    if (isBoolConditionCtx(errCtx) && val.args.every(isConstArg))
+      lx.warn(CONSTANT_CONDITION, { ...errCtx, literal: String(val) });
     for (const arg of val.args)
       recurse(arg);
   },
@@ -13234,12 +13240,12 @@ var ATTR_VAL_CHECKERS = {
       reportUnknownName(lx, DYN_VAL_NOT_DEFINED, val.name, Object.keys(env.dynamicMap), errCtx);
   }
 };
-function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null) {
+function checkConsistentAttrVal(lx, val, env, skipNameVal = false, errCtx = null, isRoot = true) {
   const check = ATTR_VAL_CHECKERS[val?.constructor.name];
   if (check === undefined)
     return;
-  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx);
-  check({ lx, val, env, errCtx, skipNameVal, recurse });
+  const recurse = (sub) => checkConsistentAttrVal(lx, sub, env, skipNameVal, errCtx, false);
+  check({ lx, val, env, errCtx, skipNameVal, recurse, isRoot });
 }
 var NODE_KIND_TO_CTX = {
   RenderTextNode: { originAttr: "<x text>" },
@@ -13374,11 +13380,11 @@ function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
           const iter = node.iterInfo;
           if (iter.whenVal)
             checkConsistentAttrVal(lx, iter.whenVal, env, false, {
-              originAttr: "<x render-each when>"
+              originAttr: "<x render-each @when>"
             });
           if (iter.loopWithVal)
             checkConsistentAttrVal(lx, iter.loopWithVal, env, false, {
-              originAttr: "<x render-each loop-with>"
+              originAttr: "<x render-each @loop-with>"
             });
         }
       }
@@ -15045,7 +15051,7 @@ function badValueMessage(info) {
     case "handler-arg":
       return `Cannot parse handler argument ${v}`;
     case "macro-var":
-      return `Macro variable '^${info.name}' is not defined`;
+      return `Macro parameter '^${info.name}' is not defined`;
     default:
       return `Cannot parse value ${v}`;
   }
@@ -15125,7 +15131,7 @@ function lintIdToMessage(id, info) {
     case "ALT_HANDLER_NOT_REFERENCED":
       return `Alter handler '${info.name}' is defined but never used — remove it or reference it from @when, @enrich-with, or @loop-with`;
     case "DYN_VAL_NOT_DEFINED":
-      return `Dynamic variable '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
+      return `Dynamic binding '*${info.name}' is not defined${fmtOriginSuffix(info)}`;
     case "DYN_ALIAS_NOT_REFERENCED":
       return `Lookup '${info.name}' is defined but never used — remove it or reference it as '*${info.name}' in a view`;
     case "PROVIDE_NOT_ADDRESSABLE":
@@ -15163,9 +15169,9 @@ function lintIdToMessage(id, info) {
       return `Enrich handler '${info.name}' only copies members of the loop value — read them directly${reads ? ` (${reads})` : ""} and remove the '@enrich-with'`;
     }
     case "REDUNDANT_TEMPLATE_STRING":
-      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
+      return `Redundant string template — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
     case "PLACEHOLDERLESS_TEMPLATE_STRING":
-      return `Template string has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
+      return `String template has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
     case "CONSTANT_CONDITION":
       return `Condition is the constant literal ${info.literal} — it never changes; reference a field ('.name') or a method ('$name') instead${fmtOriginSuffix(info)}`;
     case "UNKNOWN_COMPONENT_SPEC_KEY":