tutuca 0.9.50 → 0.9.52

package/dist/tutuca-cli.js

@@ -4317,7 +4317,15 @@ var init_value = __esm(() => {
         vals[i] = val;
         allConsts &&= val instanceof ConstVal;
       }
-      return allConsts ? new ConstVal(vals.map((v) => v.val).join("")) : new StrTplVal(vals);
+      if (allConsts)
+        return new ConstVal(vals.map((v) => v.val).join(""));
+      let lo = 0;
+      let hi = vals.length;
+      while (lo < hi && vals[lo] instanceof ConstVal && vals[lo].val === "")
+        lo++;
+      while (hi > lo && vals[hi - 1] instanceof ConstVal && vals[hi - 1].val === "")
+        hi--;
+      return new StrTplVal(lo === 0 && hi === vals.length ? vals : vals.slice(lo, hi));
     }
   };
   NameVal = class NameVal extends VarVal {
@@ -5472,8 +5480,10 @@ class ComponentStack {
 function defaultOnStackEnter() {
   return null;
 }
+var _rawSpecKeys = "name view style commonStyle globalStyle input receive bubble response alter on views dynamic fields methods statics", KNOWN_SPEC_KEYS;
 var init_components = __esm(() => {
   init_attribute();
+  KNOWN_SPEC_KEYS = new Set(_rawSpecKeys.split(" "));
 });
 
 // tools/core/html-tokenizer.js
@@ -7755,8 +7765,25 @@ function replaceNameSuggestion(name, candidates) {
   const close = closestName(name, candidates);
   return close ? { kind: "replace-name", from: name, to: close } : null;
 }
-function checkComponent(Comp, lx = new LintContext) {
+function classifyBadValue(value) {
+  if (typeof value !== "string")
+    return null;
+  const s = value.trim();
+  if (s === "")
+    return null;
+  if (/\s\?\s.+\s:\s/.test(s))
+    return "ternary";
+  if (/===|!==|==|!=|<=|>=|\s<\s|\s>\s/.test(s))
+    return "comparison";
+  if (/&&|\|\|/.test(s))
+    return "logical";
+  if (/^\.[A-Za-z_]\w*\s+\S/.test(s))
+    return "call-with-args";
+  return null;
+}
+function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SET } = {}) {
   return lx.push({ componentName: Comp.name }, () => {
+    checkUnknownSpecKeys(lx, Comp, wellKnownExtras);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     checkEventHandlersHaveImpls(lx, Comp, referencedInputs);
@@ -7790,6 +7817,13 @@ function checkParseIssues(lx, view) {
     const id = PARSE_ISSUE_KIND_TO_LINT_ID[kind];
     if (!id)
       continue;
+    if (kind === "bad-value") {
+      const detected = classifyBadValue(info.value);
+      if (detected) {
+        lx.error(UNSUPPORTED_EXPR_SYNTAX, { ...info, detected }, { kind: "rephrase", from: info.value, text: UNSUPPORTED_EXPR_GUIDANCE[detected] });
+        continue;
+      }
+    }
     const atPrefixKnown = AT_PREFIX_HINT_KNOWN_BY_KIND[kind];
     const isAtPrefixedTypo = atPrefixKnown && info.name?.startsWith("@") && atPrefixKnown.has(info.name.slice(1));
     let suggestion = null;
@@ -7970,7 +8004,12 @@ function checkConsistentAttrVal(lx, val, fields, proto, scope, alter, referenced
       lx.error(UNKNOWN_HANDLER_ARG_NAME, { ...errCtx, name: val.name }, replaceNameSuggestion(val.name, KNOWN_HANDLER_NAMES));
     }
   } else if (valName === "StrTplVal") {
-    for (const subVal of val.vals) {
+    const vs = val.vals;
+    if (vs.length === 1) {
+      const simpler = String(vs[0]);
+      lx.warn(REDUNDANT_TEMPLATE_STRING, { ...errCtx, simpler }, { kind: "rewrite", from: `{${simpler}}`, to: simpler });
+    }
+    for (const subVal of vs) {
       checkConsistentAttrVal(lx, subVal, fields, proto, scope, alter, referencedAlters, skipNameVal, errCtx);
     }
   } else if (valName === "AlterHandlerNameVal") {
@@ -8084,6 +8123,18 @@ function checkConsistentAttrs(lx, Comp, referencedAlters) {
     });
   }
 }
+function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
+  const extra = Comp.extra;
+  if (!extra)
+    return;
+  let candidates = null;
+  for (const key of Object.keys(extra)) {
+    if (wellKnownExtras.has(key))
+      continue;
+    candidates ??= [...KNOWN_COMPONENT_SPEC_KEYS, ...wellKnownExtras];
+    lx.warn(UNKNOWN_COMPONENT_SPEC_KEY, { key }, replaceNameSuggestion(key, candidates));
+  }
+}
 function checkUnreferencedAlterHandlers(lx, Comp, referencedAlters) {
   for (const name in Comp.alter) {
     if (!referencedAlters.has(name)) {
@@ -8126,10 +8177,12 @@ class LintContext {
     this.reports.push({ id, info, level, context: { ...this.frame }, suggestion });
   }
 }
-var KNOWN_DIRECTIVE_NAMES, 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", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", 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_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUE_KIND_TO_KNOWN_NAMES, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, NODE_KIND_TO_CTX, LintParseContext;
+var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET, KNOWN_DIRECTIVE_NAMES, 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", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", 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", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", PARSE_ISSUE_KIND_TO_LINT_ID, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, AT_PREFIX_HINT_KNOWN_BY_KIND, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUE_KIND_TO_KNOWN_NAMES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, NODE_KIND_TO_CTX, LintParseContext;
 var init_lint_check = __esm(() => {
   init_anode();
   init_htmllinter();
+  KNOWN_COMPONENT_SPEC_KEYS = new Set("name view style commonStyle globalStyle input receive bubble response alter on views dynamic fields methods statics".split(" "));
+  EMPTY_SET = new Set;
   KNOWN_DIRECTIVE_NAMES = new Set([
     "dangerouslysetinnerhtml",
     "slot",
@@ -8169,6 +8222,12 @@ var init_lint_check = __esm(() => {
     "unknown-x-op": X_KNOWN_OP_NAMES,
     "unknown-x-attr": X_KNOWN_ATTR_NAMES
   };
+  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'.",
+    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."
+  };
   HTML_LINT_OPTS = {
     fragmentContext: "template",
     transparentTagPrefixes: ["x"]
@@ -8220,7 +8279,7 @@ var init_lint_check = __esm(() => {
 });
 
 // tools/core/lint.js
-function lintComponents(normalized, { name = null, LintParseContextClass }) {
+function lintComponents(normalized, { name = null, LintParseContextClass, wellKnownExtras = new Set }) {
   const comps = normalized.components;
   const picked = name === null ? comps : comps.filter((c) => c.name === name);
   const stack = new ComponentStack;
@@ -8232,7 +8291,7 @@ function lintComponents(normalized, { name = null, LintParseContextClass }) {
   const results = [];
   for (const comp of picked) {
     comp.compile(LintParseContextClass);
-    const lx = checkComponent(comp);
+    const lx = checkComponent(comp, undefined, { wellKnownExtras });
     results.push(new LintComponentResult({
       componentName: comp.name,
       findings: lx.reports.map((r) => new LintFinding(r))
@@ -11148,7 +11207,7 @@ var keyMapper = (v, k) => k, entryMapper = (v, k) => [k, v], not = (predicate) =
   const iter = SetCollection(value);
   assertNotInfinite(iter.size);
   iter.forEach((v) => set3.add(v));
-}), SetImpl, makeSet = (map, ownerID) => new SetImpl(map, ownerID), EMPTY_SET, emptySet = () => EMPTY_SET || (EMPTY_SET = makeSet(emptyMap())), OrderedSet = (value) => value === undefined || value === null ? emptyOrderedSet() : isOrderedSet(value) ? value : emptyOrderedSet().withMutations((set3) => {
+}), SetImpl, makeSet = (map, ownerID) => new SetImpl(map, ownerID), EMPTY_SET2, emptySet = () => EMPTY_SET2 || (EMPTY_SET2 = makeSet(emptyMap())), OrderedSet = (value) => value === undefined || value === null ? emptyOrderedSet() : isOrderedSet(value) ? value : emptyOrderedSet().withMutations((set3) => {
   const iter = SetCollection(value);
   assertNotInfinite(iter.size);
   iter.forEach((v) => set3.add(v));
@@ -14466,6 +14525,28 @@ function makeFormatter(name, table) {
 }
 
 // tools/format/lint.js
+var UNSUPPORTED_EXPR_LABEL = {
+  ternary: "ternary expression",
+  comparison: "comparison",
+  logical: "logical expression",
+  "call-with-args": "method call with arguments"
+};
+function unsupportedExprMessage(info) {
+  const v = JSON.stringify(info.value);
+  const label = UNSUPPORTED_EXPR_LABEL[info.detected] ?? "expression";
+  switch (info.role) {
+    case "attr":
+      return `Unsupported ${label} ${v} in dynamic attribute ':${info.attr}'`;
+    case "directive":
+      return `Unsupported ${label} ${v} in directive '@${info.directive}'`;
+    case "if":
+      return `Unsupported ${label} ${v} in '@if.${info.attr}' condition`;
+    case "x-op":
+      return `Unsupported ${label} ${v} in <x ${info.op}>`;
+    default:
+      return `Unsupported ${label} ${v}`;
+  }
+}
 function badValueMessage(info) {
   const v = JSON.stringify(info.value);
   switch (info.role) {
@@ -14569,6 +14650,12 @@ function lintIdToMessage(id, info) {
     }
     case "BAD_VALUE":
       return `${badValueMessage(info)}${fmtTagSuffix(info)}`;
+    case "UNSUPPORTED_EXPR_SYNTAX":
+      return `${unsupportedExprMessage(info)}${fmtTagSuffix(info)}`;
+    case "REDUNDANT_TEMPLATE_STRING":
+      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
+    case "UNKNOWN_COMPONENT_SPEC_KEY":
+      return `Unknown component spec key '${info.key}' — value will be ignored at runtime`;
     case "HTML_TAG_NAME_HAS_UPPERCASE":
       return `Tag <${info.raw}> will be lowercased to <${info.lowercased}>${fmtLocationSuffix(info)}`;
     case "HTML_SVG_TAG_WILL_LOWERCASE":
@@ -14627,6 +14714,8 @@ function suggestionToMessage(suggestion) {
       return `use '${suggestion.to}' instead of '${suggestion.from}'`;
     case "wrap":
       return `wrap it in ${suggestion.to}`;
+    case "rephrase":
+      return suggestion.text ?? null;
     default:
       return null;
   }

package/dist/tutuca-dev.js

@@ -3792,7 +3792,15 @@ class StrTplVal extends VarVal {
       vals[i] = val;
       allConsts &&= val instanceof ConstVal;
     }
-    return allConsts ? new ConstVal(vals.map((v) => v.val).join("")) : new StrTplVal(vals);
+    if (allConsts)
+      return new ConstVal(vals.map((v) => v.val).join(""));
+    let lo = 0;
+    let hi = vals.length;
+    while (lo < hi && vals[lo] instanceof ConstVal && vals[lo].val === "")
+      lo++;
+    while (hi > lo && vals[hi - 1] instanceof ConstVal && vals[hi - 1].val === "")
+      hi--;
+    return new StrTplVal(lo === 0 && hi === vals.length ? vals : vals.slice(lo, hi));
   }
 }
 
@@ -7275,6 +7283,8 @@ function closestName(name, candidates, maxDistance = 2) {
 }
 
 // tools/core/lint-check.js
+var KNOWN_COMPONENT_SPEC_KEYS = new Set("name view style commonStyle globalStyle input receive bubble response alter on views dynamic fields methods statics".split(" "));
+var EMPTY_SET = new Set;
 var KNOWN_DIRECTIVE_NAMES = new Set([
   "dangerouslysetinnerhtml",
   "slot",
@@ -7310,6 +7320,9 @@ 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 UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX";
+var REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING";
+var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
 var PARSE_ISSUE_KIND_TO_LINT_ID = {
   "unknown-directive": UNKNOWN_DIRECTIVE,
   "unknown-x-op": UNKNOWN_X_OP,
@@ -7366,8 +7379,31 @@ function replaceNameSuggestion(name, candidates) {
   const close = closestName(name, candidates);
   return close ? { kind: "replace-name", from: name, to: close } : null;
 }
-function checkComponent(Comp, lx = new LintContext) {
+function classifyBadValue(value) {
+  if (typeof value !== "string")
+    return null;
+  const s = value.trim();
+  if (s === "")
+    return null;
+  if (/\s\?\s.+\s:\s/.test(s))
+    return "ternary";
+  if (/===|!==|==|!=|<=|>=|\s<\s|\s>\s/.test(s))
+    return "comparison";
+  if (/&&|\|\|/.test(s))
+    return "logical";
+  if (/^\.[A-Za-z_]\w*\s+\S/.test(s))
+    return "call-with-args";
+  return null;
+}
+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'.",
+  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."
+};
+function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SET } = {}) {
   return lx.push({ componentName: Comp.name }, () => {
+    checkUnknownSpecKeys(lx, Comp, wellKnownExtras);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     checkEventHandlersHaveImpls(lx, Comp, referencedInputs);
@@ -7405,6 +7441,13 @@ function checkParseIssues(lx, view) {
     const id = PARSE_ISSUE_KIND_TO_LINT_ID[kind];
     if (!id)
       continue;
+    if (kind === "bad-value") {
+      const detected = classifyBadValue(info.value);
+      if (detected) {
+        lx.error(UNSUPPORTED_EXPR_SYNTAX, { ...info, detected }, { kind: "rephrase", from: info.value, text: UNSUPPORTED_EXPR_GUIDANCE[detected] });
+        continue;
+      }
+    }
     const atPrefixKnown = AT_PREFIX_HINT_KNOWN_BY_KIND[kind];
     const isAtPrefixedTypo = atPrefixKnown && info.name?.startsWith("@") && atPrefixKnown.has(info.name.slice(1));
     let suggestion = null;
@@ -7606,7 +7649,12 @@ function checkConsistentAttrVal(lx, val, fields, proto, scope, alter, referenced
       lx.error(UNKNOWN_HANDLER_ARG_NAME, { ...errCtx, name: val.name }, replaceNameSuggestion(val.name, KNOWN_HANDLER_NAMES));
     }
   } else if (valName === "StrTplVal") {
-    for (const subVal of val.vals) {
+    const vs = val.vals;
+    if (vs.length === 1) {
+      const simpler = String(vs[0]);
+      lx.warn(REDUNDANT_TEMPLATE_STRING, { ...errCtx, simpler }, { kind: "rewrite", from: `{${simpler}}`, to: simpler });
+    }
+    for (const subVal of vs) {
       checkConsistentAttrVal(lx, subVal, fields, proto, scope, alter, referencedAlters, skipNameVal, errCtx);
     }
   } else if (valName === "AlterHandlerNameVal") {
@@ -7729,6 +7777,18 @@ function checkConsistentAttrs(lx, Comp, referencedAlters) {
     });
   }
 }
+function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
+  const extra = Comp.extra;
+  if (!extra)
+    return;
+  let candidates = null;
+  for (const key of Object.keys(extra)) {
+    if (wellKnownExtras.has(key))
+      continue;
+    candidates ??= [...KNOWN_COMPONENT_SPEC_KEYS, ...wellKnownExtras];
+    lx.warn(UNKNOWN_COMPONENT_SPEC_KEY, { key }, replaceNameSuggestion(key, candidates));
+  }
+}
 function checkUnreferencedAlterHandlers(lx, Comp, referencedAlters) {
   for (const name in Comp.alter) {
     if (!referencedAlters.has(name)) {
@@ -8215,6 +8275,28 @@ function reportTestReportToConsole(report) {
 }
 
 // tools/format/lint.js
+var UNSUPPORTED_EXPR_LABEL = {
+  ternary: "ternary expression",
+  comparison: "comparison",
+  logical: "logical expression",
+  "call-with-args": "method call with arguments"
+};
+function unsupportedExprMessage(info) {
+  const v = JSON.stringify(info.value);
+  const label = UNSUPPORTED_EXPR_LABEL[info.detected] ?? "expression";
+  switch (info.role) {
+    case "attr":
+      return `Unsupported ${label} ${v} in dynamic attribute ':${info.attr}'`;
+    case "directive":
+      return `Unsupported ${label} ${v} in directive '@${info.directive}'`;
+    case "if":
+      return `Unsupported ${label} ${v} in '@if.${info.attr}' condition`;
+    case "x-op":
+      return `Unsupported ${label} ${v} in <x ${info.op}>`;
+    default:
+      return `Unsupported ${label} ${v}`;
+  }
+}
 function badValueMessage(info) {
   const v = JSON.stringify(info.value);
   switch (info.role) {
@@ -8318,6 +8400,12 @@ function lintIdToMessage(id, info) {
     }
     case "BAD_VALUE":
       return `${badValueMessage(info)}${fmtTagSuffix(info)}`;
+    case "UNSUPPORTED_EXPR_SYNTAX":
+      return `${unsupportedExprMessage(info)}${fmtTagSuffix(info)}`;
+    case "REDUNDANT_TEMPLATE_STRING":
+      return `Redundant template string — '{${info.simpler}}' should be just '${info.simpler}'${fmtOriginSuffix(info)}`;
+    case "UNKNOWN_COMPONENT_SPEC_KEY":
+      return `Unknown component spec key '${info.key}' — value will be ignored at runtime`;
     case "HTML_TAG_NAME_HAS_UPPERCASE":
       return `Tag <${info.raw}> will be lowercased to <${info.lowercased}>${fmtLocationSuffix(info)}`;
     case "HTML_SVG_TAG_WILL_LOWERCASE":
@@ -8376,6 +8464,8 @@ function suggestionToMessage(suggestion) {
       return `use '${suggestion.to}' instead of '${suggestion.from}'`;
     case "wrap":
       return `wrap it in ${suggestion.to}`;
+    case "rephrase":
+      return suggestion.text ?? null;
     default:
       return null;
   }
@@ -8522,6 +8612,8 @@ class DynamicAlias extends Dynamic {
   }
 }
 var isString = (v) => typeof v === "string";
+var _rawSpecKeys = "name view style commonStyle globalStyle input receive bubble response alter on views dynamic fields methods statics";
+var KNOWN_SPEC_KEYS = new Set(_rawSpecKeys.split(" "));
 var _compId = 0;
 
 class Component {
@@ -8546,6 +8638,10 @@ class Component {
     this._rawDynamic = o.dynamic ?? {};
     this.dynamic = {};
     this.scope = null;
+    this.extra = {};
+    for (const key of Object.keys(o))
+      if (!KNOWN_SPEC_KEYS.has(key))
+        this.extra[key] = o[key];
   }
   compile(ParseContext2) {
     for (const key in this._rawDynamic) {
@@ -13435,8 +13531,8 @@ class SetImpl extends SetCollectionImpl {
 }
 Set2.isSet = isSet;
 var makeSet = (map, ownerID) => new SetImpl(map, ownerID);
-var EMPTY_SET;
-var emptySet = () => EMPTY_SET || (EMPTY_SET = makeSet(emptyMap()));
+var EMPTY_SET2;
+var emptySet = () => EMPTY_SET2 || (EMPTY_SET2 = makeSet(emptyMap()));
 function filterByIters(set3, iters, shouldRemove) {
   if (iters.length === 0) {
     return set3;
@@ -14283,16 +14379,16 @@ function extendProtoTruthy(proto, name, uname) {
     return !this.get(name);
   };
 }
-var EMPTY_SET2 = Set2();
+var EMPTY_SET3 = Set2();
 var isetCoercer = (v) => Array.isArray(v) ? Set2(v) : v instanceof Set ? Set2(v) : null;
 
 class FieldSet extends Field {
-  constructor(name, defaultValue = EMPTY_SET2) {
+  constructor(name, defaultValue = EMPTY_SET3) {
     super("set", name, CHECK_TYPE_SET, isetCoercer, defaultValue);
   }
   extendProtoForType(proto, uname) {
     const { name } = this;
-    extendProtoSized(proto, name, uname, EMPTY_SET2);
+    extendProtoSized(proto, name, uname, EMPTY_SET3);
     proto[`addIn${uname}`] = function(v) {
       return this.set(name, this.get(name).add(v));
     };
@@ -15062,6 +15158,7 @@ export {
   compileClassesToStyle,
   checkComponent,
   check,
+  UNSUPPORTED_EXPR_SYNTAX,
   UNKNOWN_X_OP,
   UNKNOWN_X_ATTR,
   UNKNOWN_REQUEST_NAME,
@@ -15069,6 +15166,7 @@ export {
   UNKNOWN_HANDLER_ARG_NAME,
   UNKNOWN_EVENT_MODIFIER,
   UNKNOWN_DIRECTIVE,
+  UNKNOWN_COMPONENT_SPEC_KEY,
   UNKNOWN_COMPONENT_NAME,
   TestResult,
   TestReport,
@@ -15085,6 +15183,7 @@ export {
   Record,
   Range,
   RENDER_IT_OUTSIDE_OF_LOOP,
+  REDUNDANT_TEMPLATE_STRING,
   ParseContext,
   PairSorting,
   OrderedSet,