tutuca 0.9.114 → 0.9.115

package/dist/tutuca-cli.js

@@ -6236,7 +6236,8 @@ function parseRenderEach(px, value, as, attrs) {
   if (seqVal === null) return null;
   const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
-  const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  const eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  attrParser.eachAttr = eachAttr;
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
   if (when) {
     if (when.name.charCodeAt(0) !== 64) maybeDeprecateBareXDirective(px, "render-each", "when");
@@ -6279,17 +6280,25 @@ function condenseChildsWhites(childs) {
 }
 function compileModifiers(eventName, names) {
   if (names.length === 0) return identityModifierWrapper;
-  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? {};
-  let w = (that, f, args, _ctx) => f.apply(that, args);
+  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? NO_WRAPPERS;
+  const effects = [];
   for (const name of names) {
-    const wrapper = wrappers[name];
+    const effect = MOD_EFFECTS[name];
+    if (effect !== void 0) effects.push(effect);
+  }
+  let w = effects.length === 0 ? (that, f, args, _ctx) => f.apply(that, args) : (that, f, args, ctx) => {
+    for (const effect of effects) effect(ctx.e);
+    return f.apply(that, args);
+  };
+  for (const name of names) {
+    const wrapper = wrappers[name] ?? MOD_WRAPPERS_FOR_ANY_EVENT[name];
     if (wrapper !== void 0) w = wrapper(w);
   }
   return (f, ctx) => function(...args) {
     return w(this, f, args, ctx);
   };
 }
-var BaseNode, TextNode, CommentNode, ChildsNode, DomNode, FragmentNode, maybeFragment, VALID_NODE_RE, ANode, MacroNode, RenderViewId, RenderNode, RenderItNode, RenderTextNode, RenderOnceNode, WrapperNode, ShowNode, HideNode, PushViewNameNode, SlotNode, ScopeNode, EachNode, IterInfo, X_OPS, WRAPPER_NODES, ParseContext, _htmlBlockTags, HTML_BLOCK_TAGS, isBlockDomNode, isEmptyText, isIgnorableXChild, hasMeaningfulChilds, NodeEvents, NodeEvent, fwdIfCtxPred, fwdIfKey, fwdCtrl, fwdMeta, fwdAlt, metaWraps, MOD_WRAPPERS_BY_EVENT, identityModifierWrapper;
+var BaseNode, TextNode, CommentNode, ChildsNode, DomNode, FragmentNode, maybeFragment, VALID_NODE_RE, ANode, MacroNode, RenderViewId, RenderNode, RenderItNode, RenderTextNode, RenderOnceNode, WrapperNode, ShowNode, HideNode, PushViewNameNode, SlotNode, ScopeNode, EachNode, IterInfo, X_OPS, WRAPPER_NODES, ParseContext, _htmlBlockTags, HTML_BLOCK_TAGS, isBlockDomNode, isEmptyText, isIgnorableXChild, hasMeaningfulChilds, NodeEvents, NodeEvent, fwdIfCtxPred, fwdIfKey, fwdCtrl, fwdMeta, fwdAlt, MOD_WRAPPERS_FOR_ANY_EVENT, MOD_WRAPPERS_BY_EVENT, MOD_EFFECTS, NO_WRAPPERS, identityModifierWrapper;
 var init_anode = __esm({
   "src/anode.js"() {
     init_attribute();
@@ -6807,15 +6816,23 @@ var init_anode = __esm({
     fwdCtrl = fwdIfCtxPred(({ e }) => isMac && e.metaKey || e.ctrlKey);
     fwdMeta = fwdIfCtxPred(({ e }) => e.metaKey);
     fwdAlt = fwdIfCtxPred(({ e }) => e.altKey);
-    metaWraps = { ctrl: fwdCtrl, cmd: fwdCtrl, meta: fwdMeta, alt: fwdAlt };
+    MOD_WRAPPERS_FOR_ANY_EVENT = {
+      ctrl: fwdCtrl,
+      cmd: fwdCtrl,
+      meta: fwdMeta,
+      alt: fwdAlt
+    };
     MOD_WRAPPERS_BY_EVENT = {
       keydown: {
         send: fwdIfKey("Enter"),
-        cancel: fwdIfKey("Escape"),
-        ...metaWraps
-      },
-      click: { ...metaWraps }
+        cancel: fwdIfKey("Escape")
+      }
+    };
+    MOD_EFFECTS = {
+      prevent: (e) => e.preventDefault?.(),
+      stop: (e) => e.stopPropagation?.()
     };
+    NO_WRAPPERS = {};
     identityModifierWrapper = (f, _ctx) => f;
   }
 });
@@ -9357,10 +9374,13 @@ function checkEventModifiers(lx, view) {
   for (const event of view.ctx.events) {
     for (const handler of event.handlers) {
       const { name, modifiers } = handler;
-      const modWrappers = MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS;
+      const known = [
+        ...Object.keys(MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS2),
+        ...ANY_EVENT_MODIFIERS
+      ];
       for (const modifier of modifiers) {
-        if (modWrappers[modifier] === void 0) {
-          const close = closestName(modifier, Object.keys(modWrappers));
+        if (!known.includes(modifier)) {
+          const close = closestName(modifier, known);
           lx.error(
             UNKNOWN_EVENT_MODIFIER,
             {
@@ -9774,7 +9794,7 @@ function checkUnreferencedDynamics(lx, Comp, referencedDynamics) {
     }
   }
 }
-var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, FRAMEWORK_WELL_KNOWN_EXTRAS, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED, ALT_HANDLER_NOT_REFERENCED, DYN_VAL_NOT_DEFINED, DYN_ALIAS_NOT_REFERENCED, PROVIDE_NOT_ADDRESSABLE, LOOKUP_BAD_SHAPE, LOOKUP_TARGET_MALFORMED, RENDER_IT_OUTSIDE_OF_LOOP, UNKNOWN_EVENT_MODIFIER, UNKNOWN_HANDLER_ARG_NAME, INPUT_HANDLER_NOT_IMPLEMENTED, INPUT_HANDLER_NOT_REFERENCED, INPUT_HANDLER_METHOD_NOT_IMPLEMENTED, INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD, INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER, FIELD_VAL_NOT_DEFINED, FIELD_VAL_IS_METHOD, METHOD_VAL_NOT_DEFINED, METHOD_VAL_IS_FIELD, DUPLICATE_ATTR_DEFINITION, IF_NO_BRANCH_SET, UNKNOWN_COMPONENT_NAME, UNKNOWN_MACRO_ARG, UNKNOWN_DIRECTIVE, UNKNOWN_X_OP, UNKNOWN_X_ATTR, X_OP_IGNORES_CHILDREN, MAYBE_DROP_AT_PREFIX, MAYBE_ADD_AT_PREFIX, DEPRECATED_BARE_X_DIRECTIVE, BAD_VALUE, UNSUPPORTED_EXPR_SYNTAX, BINDING_MEMBER_TOO_DEEP, SUGGEST_BINDING_MEMBER, REDUNDANT_TEMPLATE_STRING, PLACEHOLDERLESS_TEMPLATE_STRING, CONSTANT_CONDITION, UNKNOWN_COMPONENT_SPEC_KEY, COMP_FIELD_BAD_SHAPE, ASYNC_HANDLER, TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE, GLOBAL_SELECTOR_IN_SCOPED_STYLE, FIELD_NAME_RESERVED_BY_RECORD, RECORD_FIELD_NAME_COLLISIONS, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2, LEVEL_ERROR2, LEVEL_HINT, PARSE_ISSUES, BINDING_MEMBER_TOO_DEEP_RE, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, fixTo, BOOL_CONDITION_ORIGINS, isBoolConditionCtx, ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, HANDLER_CHANNELS, ASYNC_HANDLER_HELP, NON_NESTABLE_AT_RULE, GLOBAL_LEADING_SELECTOR, IGNORE_DIRECTIVE, blankRun, STYLE_TO_GLOBAL_HELP, KNOWN_LOOKUP_KEYS, LintContext, LintParseContext;
+var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, FRAMEWORK_WELL_KNOWN_EXTRAS, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED, ALT_HANDLER_NOT_REFERENCED, DYN_VAL_NOT_DEFINED, DYN_ALIAS_NOT_REFERENCED, PROVIDE_NOT_ADDRESSABLE, LOOKUP_BAD_SHAPE, LOOKUP_TARGET_MALFORMED, RENDER_IT_OUTSIDE_OF_LOOP, UNKNOWN_EVENT_MODIFIER, UNKNOWN_HANDLER_ARG_NAME, INPUT_HANDLER_NOT_IMPLEMENTED, INPUT_HANDLER_NOT_REFERENCED, INPUT_HANDLER_METHOD_NOT_IMPLEMENTED, INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD, INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER, FIELD_VAL_NOT_DEFINED, FIELD_VAL_IS_METHOD, METHOD_VAL_NOT_DEFINED, METHOD_VAL_IS_FIELD, DUPLICATE_ATTR_DEFINITION, IF_NO_BRANCH_SET, UNKNOWN_COMPONENT_NAME, UNKNOWN_MACRO_ARG, UNKNOWN_DIRECTIVE, UNKNOWN_X_OP, UNKNOWN_X_ATTR, X_OP_IGNORES_CHILDREN, MAYBE_DROP_AT_PREFIX, MAYBE_ADD_AT_PREFIX, DEPRECATED_BARE_X_DIRECTIVE, BAD_VALUE, UNSUPPORTED_EXPR_SYNTAX, BINDING_MEMBER_TOO_DEEP, SUGGEST_BINDING_MEMBER, REDUNDANT_TEMPLATE_STRING, PLACEHOLDERLESS_TEMPLATE_STRING, CONSTANT_CONDITION, UNKNOWN_COMPONENT_SPEC_KEY, COMP_FIELD_BAD_SHAPE, ASYNC_HANDLER, TOP_LEVEL_AT_RULE_IN_SCOPED_STYLE, GLOBAL_SELECTOR_IN_SCOPED_STYLE, FIELD_NAME_RESERVED_BY_RECORD, RECORD_FIELD_NAME_COLLISIONS, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, HOST_DIRECTIVE_ONLY_NAMES, LEVEL_WARN2, LEVEL_ERROR2, LEVEL_HINT, PARSE_ISSUES, BINDING_MEMBER_TOO_DEEP_RE, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS2, ANY_EVENT_MODIFIERS, KNOWN_HANDLER_NAMES, fixTo, BOOL_CONDITION_ORIGINS, isBoolConditionCtx, ATTR_VAL_CHECKERS, NODE_KIND_TO_CTX, HANDLER_CHANNELS, ASYNC_HANDLER_HELP, NON_NESTABLE_AT_RULE, GLOBAL_LEADING_SELECTOR, IGNORE_DIRECTIVE, blankRun, STYLE_TO_GLOBAL_HELP, KNOWN_LOOKUP_KEYS, LintContext, LintParseContext;
 var init_lint_check = __esm({
   "tools/core/lint-check.js"() {
     init_anode();
@@ -9883,7 +9903,11 @@ var init_lint_check = __esm({
       // phantom — case checks still apply, but don't enforce parent rules.
       transparentTagPrefixes: ["x"]
     };
-    NO_WRAPPERS = {};
+    NO_WRAPPERS2 = {};
+    ANY_EVENT_MODIFIERS = [
+      ...Object.keys(MOD_WRAPPERS_FOR_ANY_EVENT),
+      ...Object.keys(MOD_EFFECTS)
+    ];
     KNOWN_HANDLER_NAMES = /* @__PURE__ */ new Set([
       "value",
       "valueAsInt",

package/dist/tutuca-dev.ext.js

@@ -2304,7 +2304,8 @@ function parseRenderEach(px, value, as, attrs) {
   if (seqVal === null) return null;
   const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
-  const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  const eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  attrParser.eachAttr = eachAttr;
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
   if (when) {
     if (when.name.charCodeAt(0) !== 64) maybeDeprecateBareXDirective(px, "render-each", "when");
@@ -2647,22 +2648,38 @@ var fwdIfKey = (keyName) => fwdIfCtxPred((ctx) => ctx.e.key === keyName);
 var fwdCtrl = fwdIfCtxPred(({ e }) => isMac && e.metaKey || e.ctrlKey);
 var fwdMeta = fwdIfCtxPred(({ e }) => e.metaKey);
 var fwdAlt = fwdIfCtxPred(({ e }) => e.altKey);
-var metaWraps = { ctrl: fwdCtrl, cmd: fwdCtrl, meta: fwdMeta, alt: fwdAlt };
+var MOD_WRAPPERS_FOR_ANY_EVENT = {
+  ctrl: fwdCtrl,
+  cmd: fwdCtrl,
+  meta: fwdMeta,
+  alt: fwdAlt
+};
 var MOD_WRAPPERS_BY_EVENT = {
   keydown: {
     send: fwdIfKey("Enter"),
-    cancel: fwdIfKey("Escape"),
-    ...metaWraps
-  },
-  click: { ...metaWraps }
+    cancel: fwdIfKey("Escape")
+  }
 };
+var MOD_EFFECTS = {
+  prevent: (e) => e.preventDefault?.(),
+  stop: (e) => e.stopPropagation?.()
+};
+var NO_WRAPPERS = {};
 var identityModifierWrapper = (f, _ctx) => f;
 function compileModifiers(eventName, names) {
   if (names.length === 0) return identityModifierWrapper;
-  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? {};
-  let w = (that, f, args, _ctx) => f.apply(that, args);
+  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? NO_WRAPPERS;
+  const effects = [];
   for (const name of names) {
-    const wrapper = wrappers[name];
+    const effect = MOD_EFFECTS[name];
+    if (effect !== void 0) effects.push(effect);
+  }
+  let w = effects.length === 0 ? (that, f, args, _ctx) => f.apply(that, args) : (that, f, args, ctx) => {
+    for (const effect of effects) effect(ctx.e);
+    return f.apply(that, args);
+  };
+  for (const name of names) {
+    const wrapper = wrappers[name] ?? MOD_WRAPPERS_FOR_ANY_EVENT[name];
     if (wrapper !== void 0) w = wrapper(w);
   }
   return (f, ctx) => function(...args) {
@@ -5363,15 +5380,22 @@ function walkForRenderIt(lx, node, loopDepth) {
       return;
   }
 }
-var NO_WRAPPERS = {};
+var NO_WRAPPERS2 = {};
+var ANY_EVENT_MODIFIERS = [
+  ...Object.keys(MOD_WRAPPERS_FOR_ANY_EVENT),
+  ...Object.keys(MOD_EFFECTS)
+];
 function checkEventModifiers(lx, view) {
   for (const event of view.ctx.events) {
     for (const handler of event.handlers) {
       const { name, modifiers } = handler;
-      const modWrappers = MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS;
+      const known = [
+        ...Object.keys(MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS2),
+        ...ANY_EVENT_MODIFIERS
+      ];
       for (const modifier of modifiers) {
-        if (modWrappers[modifier] === void 0) {
-          const close = closestName(modifier, Object.keys(modWrappers));
+        if (!known.includes(modifier)) {
+          const close = closestName(modifier, known);
           lx.error(
             UNKNOWN_EVENT_MODIFIER,
             {

package/dist/tutuca-dev.js

@@ -10658,7 +10658,8 @@ function parseRenderEach(px, value, as, attrs) {
   if (seqVal === null) return null;
   const renderIt = px.addNode(RenderItNode, as);
   const attrParser = getAttrParser(px);
-  const eachAttr = attrParser.eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  const eachAttr = attrParser.pushWrapper("each", value, seqVal);
+  attrParser.eachAttr = eachAttr;
   const when = attrs.getNamedItem("@when") ?? attrs.getNamedItem("when");
   if (when) {
     if (when.name.charCodeAt(0) !== 64) maybeDeprecateBareXDirective(px, "render-each", "when");
@@ -11001,22 +11002,38 @@ var fwdIfKey = (keyName) => fwdIfCtxPred((ctx) => ctx.e.key === keyName);
 var fwdCtrl = fwdIfCtxPred(({ e }) => isMac && e.metaKey || e.ctrlKey);
 var fwdMeta = fwdIfCtxPred(({ e }) => e.metaKey);
 var fwdAlt = fwdIfCtxPred(({ e }) => e.altKey);
-var metaWraps = { ctrl: fwdCtrl, cmd: fwdCtrl, meta: fwdMeta, alt: fwdAlt };
+var MOD_WRAPPERS_FOR_ANY_EVENT = {
+  ctrl: fwdCtrl,
+  cmd: fwdCtrl,
+  meta: fwdMeta,
+  alt: fwdAlt
+};
 var MOD_WRAPPERS_BY_EVENT = {
   keydown: {
     send: fwdIfKey("Enter"),
-    cancel: fwdIfKey("Escape"),
-    ...metaWraps
-  },
-  click: { ...metaWraps }
+    cancel: fwdIfKey("Escape")
+  }
 };
+var MOD_EFFECTS = {
+  prevent: (e) => e.preventDefault?.(),
+  stop: (e) => e.stopPropagation?.()
+};
+var NO_WRAPPERS = {};
 var identityModifierWrapper = (f, _ctx) => f;
 function compileModifiers(eventName, names) {
   if (names.length === 0) return identityModifierWrapper;
-  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? {};
-  let w = (that, f, args, _ctx) => f.apply(that, args);
+  const wrappers = MOD_WRAPPERS_BY_EVENT[eventName] ?? NO_WRAPPERS;
+  const effects = [];
   for (const name of names) {
-    const wrapper = wrappers[name];
+    const effect = MOD_EFFECTS[name];
+    if (effect !== void 0) effects.push(effect);
+  }
+  let w = effects.length === 0 ? (that, f, args, _ctx) => f.apply(that, args) : (that, f, args, ctx) => {
+    for (const effect of effects) effect(ctx.e);
+    return f.apply(that, args);
+  };
+  for (const name of names) {
+    const wrapper = wrappers[name] ?? MOD_WRAPPERS_FOR_ANY_EVENT[name];
     if (wrapper !== void 0) w = wrapper(w);
   }
   return (f, ctx) => function(...args) {
@@ -13717,15 +13734,22 @@ function walkForRenderIt(lx, node, loopDepth) {
       return;
   }
 }
-var NO_WRAPPERS = {};
+var NO_WRAPPERS2 = {};
+var ANY_EVENT_MODIFIERS = [
+  ...Object.keys(MOD_WRAPPERS_FOR_ANY_EVENT),
+  ...Object.keys(MOD_EFFECTS)
+];
 function checkEventModifiers(lx, view) {
   for (const event of view.ctx.events) {
     for (const handler of event.handlers) {
       const { name, modifiers } = handler;
-      const modWrappers = MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS;
+      const known = [
+        ...Object.keys(MOD_WRAPPERS_BY_EVENT[name] ?? NO_WRAPPERS2),
+        ...ANY_EVENT_MODIFIERS
+      ];
       for (const modifier of modifiers) {
-        if (modWrappers[modifier] === void 0) {
-          const close = closestName(modifier, Object.keys(modWrappers));
+        if (!known.includes(modifier)) {
+          const close = closestName(modifier, known);
           lx.error(
             UNKNOWN_EVENT_MODIFIER,
             {