tutuca 0.9.87 → 0.9.89

package/dist/tutuca-cli.js

@@ -10294,7 +10294,7 @@ var init_anode = __esm(() => {
         const isPseudoX = attrs[0]?.name === "@x";
         if (tag === "X" || isPseudoX)
           return parseXOp(attrs, childs, isPseudoX ? 1 : 0, px);
-        else if (tag.charCodeAt(1) === 58 && tag.charCodeAt(0) === 88) {
+        else if (tag.charCodeAt(1) === 58 && (tag.charCodeAt(0) === 88 || tag.charCodeAt(0) === 120)) {
           const macroName = tag.slice(2).toLowerCase();
           if (macroName === "slot") {
             const slotName = attrs.getNamedItem("name")?.value ?? "_";
@@ -12938,6 +12938,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkFieldDeclarations(lx, Comp);
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
+    checkHandlersNotAsync(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -13334,6 +13335,19 @@ function checkUnreferencedInputHandlers(lx, Comp, referencedInputs) {
     }
   }
 }
+function checkHandlersNotAsync(lx, Comp) {
+  for (const channel of HANDLER_CHANNELS) {
+    const block = Comp[channel];
+    if (!block)
+      continue;
+    for (const name in block) {
+      const fn = block[name];
+      if (typeof fn === "function" && fn.constructor?.name === "AsyncFunction") {
+        lx.error(ASYNC_HANDLER, { name, channel }, { kind: "rephrase", from: name, text: ASYNC_HANDLER_HELP });
+      }
+    }
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -13410,7 +13424,7 @@ class LintContext {
     this.reports.push({ id, info, level, context: { ...this.frame }, suggestion });
   }
 }
-var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", PROVIDE_NOT_ADDRESSABLE = "PROVIDE_NOT_ADDRESSABLE", LOOKUP_BAD_SHAPE = "LOOKUP_BAD_SHAPE", LOOKUP_TARGET_MALFORMED = "LOOKUP_TARGET_MALFORMED", 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", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", 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", MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE", X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, fixTo = (from, to) => ({ kind: "rewrite", from, to }), ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, KNOWN_LOOKUP_KEYS, LintParseContext;
+var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", PROVIDE_NOT_ADDRESSABLE = "PROVIDE_NOT_ADDRESSABLE", LOOKUP_BAD_SHAPE = "LOOKUP_BAD_SHAPE", LOOKUP_TARGET_MALFORMED = "LOOKUP_TARGET_MALFORMED", 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", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", 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", MAYBE_ADD_AT_PREFIX = "MAYBE_ADD_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE", ASYNC_HANDLER = "ASYNC_HANDLER", X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, fixTo = (from, to) => ({ kind: "rewrite", from, to }), ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, HANDLER_CHANNELS, ASYNC_HANDLER_HELP, KNOWN_LOOKUP_KEYS, LintParseContext;
 var init_lint_check = __esm(() => {
   init_anode();
   init_htmllinter();
@@ -13558,6 +13572,8 @@ var init_lint_check = __esm(() => {
     HideNode: { originAttr: "<x hide>" },
     PushViewNameNode: { originAttr: "<x push-view>" }
   };
+  HANDLER_CHANNELS = ["input", "receive", "bubble", "response", "alter"];
+  ASYNC_HANDLER_HELP = "Move the async work into a request handler and trigger it with " + "ctx.request('name', args), then handle the result in a synchronous response " + "handler. To coordinate other components, keep the handler synchronous and use " + "ctx.send to deliver a message or ctx.bubble to raise an event.";
   KNOWN_LOOKUP_KEYS = new Set(["for", "default"]);
   LintParseContext = class LintParseContext extends ParseContext {
     constructor(document2, Text, Comment) {
@@ -15039,6 +15055,12 @@ var init_lint_rules = __esm(() => {
       group: "Component spec",
       summary: "`component({...})` has an unrecognized key; its value is ignored at runtime."
     },
+    {
+      code: ASYNC_HANDLER,
+      level: "error",
+      group: "Handler effects",
+      summary: "A handler in `input`/`receive`/`bubble`/`response`/`alter` is an async " + "function — handlers must be synchronous; use a request handler, `ctx.send`, " + "or `ctx.bubble` instead."
+    },
     {
       code: COMP_FIELD_BAD_SHAPE,
       level: "error",
@@ -15232,6 +15254,8 @@ function lintIdToMessage(id, info) {
       return `SVG attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "HTML_MATHML_ATTR_WILL_LOWERCASE":
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
+    case "ASYNC_HANDLER":
+      return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
     case "LINT_ERROR":
       return info.message;
     default:

package/dist/tutuca-dev.ext.js

@@ -2077,7 +2077,7 @@ class ANode extends BaseNode {
       const isPseudoX = attrs[0]?.name === "@x";
       if (tag === "X" || isPseudoX)
         return parseXOp(attrs, childs, isPseudoX ? 1 : 0, px);
-      else if (tag.charCodeAt(1) === 58 && tag.charCodeAt(0) === 88) {
+      else if (tag.charCodeAt(1) === 58 && (tag.charCodeAt(0) === 88 || tag.charCodeAt(0) === 120)) {
         const macroName = tag.slice(2).toLowerCase();
         if (macroName === "slot") {
           const slotName = attrs.getNamedItem("name")?.value ?? "_";
@@ -5020,6 +5020,7 @@ var REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING";
 var PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING";
 var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
 var COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE";
+var ASYNC_HANDLER = "ASYNC_HANDLER";
 var X_KNOWN_OP_NAMES = new Set([
   "slot",
   "text",
@@ -5110,6 +5111,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkFieldDeclarations(lx, Comp);
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
+    checkHandlersNotAsync(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -5608,6 +5610,21 @@ function checkUnreferencedInputHandlers(lx, Comp, referencedInputs) {
     }
   }
 }
+var HANDLER_CHANNELS = ["input", "receive", "bubble", "response", "alter"];
+var ASYNC_HANDLER_HELP = "Move the async work into a request handler and trigger it with " + "ctx.request('name', args), then handle the result in a synchronous response " + "handler. To coordinate other components, keep the handler synchronous and use " + "ctx.send to deliver a message or ctx.bubble to raise an event.";
+function checkHandlersNotAsync(lx, Comp) {
+  for (const channel of HANDLER_CHANNELS) {
+    const block = Comp[channel];
+    if (!block)
+      continue;
+    for (const name in block) {
+      const fn = block[name];
+      if (typeof fn === "function" && fn.constructor?.name === "AsyncFunction") {
+        lx.error(ASYNC_HANDLER, { name, channel }, { kind: "rephrase", from: name, text: ASYNC_HANDLER_HELP });
+      }
+    }
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -6322,6 +6339,8 @@ function lintIdToMessage(id, info) {
       return `SVG attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "HTML_MATHML_ATTR_WILL_LOWERCASE":
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
+    case "ASYNC_HANDLER":
+      return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
     case "LINT_ERROR":
       return info.message;
     default:
@@ -8208,6 +8227,7 @@ export {
   Collection,
   COMP_FIELD_BAD_SHAPE,
   BAD_VALUE,
+  ASYNC_HANDLER,
   ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED
 };

package/dist/tutuca-dev.js

@@ -9728,7 +9728,7 @@ class ANode extends BaseNode {
       const isPseudoX = attrs[0]?.name === "@x";
       if (tag === "X" || isPseudoX)
         return parseXOp(attrs, childs, isPseudoX ? 1 : 0, px);
-      else if (tag.charCodeAt(1) === 58 && tag.charCodeAt(0) === 88) {
+      else if (tag.charCodeAt(1) === 58 && (tag.charCodeAt(0) === 88 || tag.charCodeAt(0) === 120)) {
         const macroName = tag.slice(2).toLowerCase();
         if (macroName === "slot") {
           const slotName = attrs.getNamedItem("name")?.value ?? "_";
@@ -12671,6 +12671,7 @@ var REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING";
 var PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING";
 var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
 var COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE";
+var ASYNC_HANDLER = "ASYNC_HANDLER";
 var X_KNOWN_OP_NAMES = new Set([
   "slot",
   "text",
@@ -12761,6 +12762,7 @@ function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SE
     checkFieldDeclarations(lx, Comp);
     checkProvidesAreAddressable(lx, Comp);
     checkLookupShapes(lx, Comp);
+    checkHandlersNotAsync(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -13259,6 +13261,21 @@ function checkUnreferencedInputHandlers(lx, Comp, referencedInputs) {
     }
   }
 }
+var HANDLER_CHANNELS = ["input", "receive", "bubble", "response", "alter"];
+var ASYNC_HANDLER_HELP = "Move the async work into a request handler and trigger it with " + "ctx.request('name', args), then handle the result in a synchronous response " + "handler. To coordinate other components, keep the handler synchronous and use " + "ctx.send to deliver a message or ctx.bubble to raise an event.";
+function checkHandlersNotAsync(lx, Comp) {
+  for (const channel of HANDLER_CHANNELS) {
+    const block = Comp[channel];
+    if (!block)
+      continue;
+    for (const name in block) {
+      const fn = block[name];
+      if (typeof fn === "function" && fn.constructor?.name === "AsyncFunction") {
+        lx.error(ASYNC_HANDLER, { name, channel }, { kind: "rephrase", from: name, text: ASYNC_HANDLER_HELP });
+      }
+    }
+  }
+}
 function checkProvidesAreAddressable(lx, Comp) {
   for (const name in Comp._rawProvide) {
     if (Comp.provide[name] === undefined) {
@@ -13973,6 +13990,8 @@ function lintIdToMessage(id, info) {
       return `SVG attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
     case "HTML_MATHML_ATTR_WILL_LOWERCASE":
       return `MathML attribute '${info.raw}' will be rewritten to '${info.canonical}'${fmtLocationSuffix(info)}`;
+    case "ASYNC_HANDLER":
+      return `Handler '${info.name}' in '${info.channel}' is an async function — handlers must be synchronous and return the updated state (an async function returns a Promise the framework won't await)`;
     case "LINT_ERROR":
       return info.message;
     default:
@@ -15802,6 +15821,7 @@ export {
   Collection,
   COMP_FIELD_BAD_SHAPE,
   BAD_VALUE,
+  ASYNC_HANDLER,
   ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED
 };