tutuca 0.9.70 → 0.9.72

package/dist/tutuca-dev.js

@@ -12324,6 +12324,7 @@ 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 MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX";
 var BAD_VALUE = "BAD_VALUE";
 var UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX";
 var REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING";
@@ -12340,6 +12341,7 @@ var X_KNOWN_OP_NAMES = new Set([
   "hide"
 ]);
 var X_KNOWN_ATTR_NAMES = new Set(["as", "when", "loop-with", "show", "hide"]);
+var HOST_DIRECTIVE_ONLY_NAMES = new Set(["when", "enrich-with", "loop-with", "show", "hide"]);
 var LEVEL_WARN2 = "warn";
 var LEVEL_ERROR2 = "error";
 var LEVEL_HINT = "hint";
@@ -12741,6 +12743,23 @@ function attrOriginAttr(attr) {
     return "@dangerouslysetinnerhtml";
   return `:${attr.name}`;
 }
+function checkHostBareDirectives(lx, attrs, tag, isMacroCall) {
+  if (isMacroCall || !attrs)
+    return;
+  const kind = attrs.constructor.name;
+  let names;
+  if (kind === "ConstAttrs")
+    names = Object.keys(attrs.items);
+  else if (kind === "DynAttrs")
+    names = attrs.items.map((a) => a?.name);
+  else
+    return;
+  for (const name of names) {
+    if (HOST_DIRECTIVE_ONLY_NAMES.has(name)) {
+      lx.hint(MAYBE_ADD_AT_PREFIX, { name, tag, suggestion: `@${name}` }, { kind: "add-prefix", from: name, to: `@${name}` });
+    }
+  }
+}
 function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
   const { views } = Comp;
   const env = mkAttrValEnv(Comp, referencedAlters, referencedDynamics);
@@ -12749,6 +12768,7 @@ function checkConsistentAttrs(lx, Comp, referencedAlters, referencedDynamics) {
       const view = views[viewName];
       for (const entry of view.ctx.attrs) {
         const { attrs, wrapperAttrs, textChild, isMacroCall, tag } = entry;
+        checkHostBareDirectives(lx, attrs, tag, isMacroCall);
         if (attrs?.constructor.name === "DynAttrs") {
           const sourcesByName = new Map;
           for (const attr of attrs.items) {
@@ -13507,6 +13527,8 @@ function lintIdToMessage(id, info) {
       const written = info.value !== undefined ? `${info.name}=${JSON.stringify(info.value)}` : info.name;
       return `'${written}' on <x> looks like a directive but is actually an x op/attr written with a leading '@'`;
     }
+    case "MAYBE_ADD_AT_PREFIX":
+      return `'${info.name}' on <${(info.tag ?? "").toLowerCase()}> is a plain attribute, but '@${info.name}' is a directive — add the leading '@'`;
     case "BAD_VALUE":
       return `${badValueMessage(info)}${fmtTagSuffix(info)}`;
     case "UNSUPPORTED_EXPR_SYNTAX":
@@ -13517,6 +13539,8 @@ function lintIdToMessage(id, info) {
       return `Template string has no dynamic parts — use the string literal ${info.literal} instead${fmtOriginSuffix(info)}`;
     case "UNKNOWN_COMPONENT_SPEC_KEY":
       return `Unknown component spec key '${info.key}' — value will be ignored at runtime`;
+    case "COMP_FIELD_BAD_SHAPE":
+      return info.kind === "args-not-object" ? `Field '${info.fieldName}': in { component, args }, 'args' must be a plain object, got ${info.got}` : `Field '${info.fieldName}': in { component, args }, 'component' must be the component name as a string, got ${info.gotName ? `the ${info.gotName} class` : info.got}`;
     case "HTML_TAG_NAME_HAS_UPPERCASE":
       return `Tag <${info.raw}> will be lowercased to <${info.lowercased}>${fmtLocationSuffix(info)}`;
     case "HTML_SVG_TAG_WILL_LOWERCASE":
@@ -15646,6 +15670,7 @@ export {
   METHOD_VAL_NOT_DEFINED,
   METHOD_VAL_IS_FIELD,
   MAYBE_DROP_AT_PREFIX,
+  MAYBE_ADD_AT_PREFIX,
   List,
   LintReport,
   LintParseContext,