marko 5.39.24 → 5.39.26

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright 2024 eBay Inc. and contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/node_modules/@internal/components-beginComponent/index.js

@@ -42,6 +42,8 @@ existingComponentDef)
   if (componentsContext.w_) {
     var forceBoundary = componentsContext.w_;
     componentsContext.w_ = false;
+    // `"preserve"` is set by the tags-compat registration for a preserved
+    // boundary (interop dynamic-tag); any other truthy mode is a plain split.
     if (forceBoundary === "preserve") {
       isSplitComponent = true;
     } else {

package/dist/runtime/helpers/tags-compat/runtime-dom.js

@@ -70,7 +70,9 @@ exports.p = function (domCompat) {
   const defDeserialize = ComponentDef._F_;
   ComponentDef._F_ = function (o, types, global, registry) {
     if (typeof o[2] === "number") {
-      o[2] = domCompat.getScope(global, o[2]).m5i;
+      // `getScope` can return undefined for a not-yet-resumed scope (streaming /
+      // out-of-order resume of a class-in-tags child); match every other consumer.
+      o[2] = domCompat.getScope(global, o[2])?.m5i;
     }
     return defDeserialize(o, types, global, registry);
   };
@@ -191,12 +193,10 @@ exports.p = function (domCompat) {
 
       for (const key in rawInput) {
         const value = rawInput[key];
-        if (/^on[-A-Z]/.test(key)) {
-          if (typeof value === "function") {
-            (customEvents || (customEvents = {}))[
-            key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase()] =
-            [value];
-          }
+        if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+          (customEvents || (customEvents = {}))[toCustomEventName(key)] = [
+          value];
+
         } else {
           normalizedInput[key === "content" ? "renderBody" : key] = value;
         }
@@ -260,4 +260,12 @@ exports.p = function (domCompat) {
     _: RenderBodyComponent,
     Component: defineComponent({}, RenderBodyComponent)
   }));
-};
+};
+
+function toCustomEventName(key) {
+  return key[2] === "-" ?
+  key.slice(3) :
+  key.
+  slice(2).
+  replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}

package/dist/runtime/helpers/tags-compat/runtime-html.js

@@ -8,7 +8,6 @@ const {
 const createRenderer = require("../../components/renderer");
 const defaultCreateOut = require("../../createOut");
 const dynamicTag5 = require("../dynamic-tag");
-const PRESERVE_BOUNDARY = "preserve";
 
 exports.p = function (htmlCompat) {
   const writersByGlobal = new WeakMap();
@@ -187,15 +186,13 @@ exports.p = function (htmlCompat) {
 
         for (const key in originalInput) {
           const value = originalInput[key];
-          if (/^on[-A-Z]/.test(key)) {
-            if (typeof value === "function") {
-              (customEvents || (customEvents = [])).push([
-              key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase(),
-              value]
-              );
-              forceBoundary = true;
-              value.toJSON = htmlCompat.toJSON(state);
-            }
+          if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+            (customEvents || (customEvents = [])).push([
+            toCustomEventName(key),
+            value]
+            );
+            forceBoundary = true;
+            value.toJSON = htmlCompat.toJSON(state);
           } else {
             input[key === "content" ? "renderBody" : key] = value;
           }
@@ -243,6 +240,14 @@ exports.p = function (htmlCompat) {
   };
 };
 
+function toCustomEventName(key) {
+  return key[2] === "-" ?
+  key.slice(3) :
+  key.
+  slice(2).
+  replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}
+
 function hasBridgedClassEvent(input) {
   if (input && typeof input === "object" && !Array.isArray(input)) {
     for (const key in input) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.39.24",
+  "version": "5.39.26",
   "private": false,
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
@@ -66,12 +66,9 @@
     "translator/package.json",
     "translator/index.d.ts"
   ],
-  "scripts": {
-    "build": "babel ./src --out-dir ./dist --extensions .js --copy-files --config-file ../../babel.config.js --env-name=production"
-  },
   "dependencies": {
-    "@marko/compiler": "^5.41.0",
-    "@marko/runtime-tags": "^6.3.16",
+    "@marko/compiler": "^5.41.4",
+    "@marko/runtime-tags": "^6.3.17",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",
@@ -86,10 +83,16 @@
     "self-closing-tags": "^1.0.1",
     "warp10": "^2.1.0"
   },
+  "devDependencies": {
+    "marko": "5.39.26"
+  },
   "engines": {
     "node": "18 || 20 || >=22"
   },
   "logo": {
     "url": "https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-small.png"
+  },
+  "scripts": {
+    "build": "babel ./src --out-dir ./dist --extensions .js --copy-files --config-file ../../babel.config.js --env-name=production"
   }
-}
+}

package/src/node_modules/@internal/components-beginComponent/index.js

@@ -42,6 +42,8 @@ module.exports = function beginComponent(
   if (componentsContext.___forceBoundary) {
     var forceBoundary = componentsContext.___forceBoundary;
     componentsContext.___forceBoundary = false;
+    // `"preserve"` is set by the tags-compat registration for a preserved
+    // boundary (interop dynamic-tag); any other truthy mode is a plain split.
     if (forceBoundary === "preserve") {
       isSplitComponent = true;
     } else {

package/src/runtime/helpers/tags-compat/runtime-dom.js

@@ -70,7 +70,9 @@ exports.p = function (domCompat) {
   const defDeserialize = ComponentDef.___deserialize;
   ComponentDef.___deserialize = function (o, types, global, registry) {
     if (typeof o[2] === "number") {
-      o[2] = domCompat.getScope(global, o[2]).m5i;
+      // `getScope` can return undefined for a not-yet-resumed scope (streaming /
+      // out-of-order resume of a class-in-tags child); match every other consumer.
+      o[2] = domCompat.getScope(global, o[2])?.m5i;
     }
     return defDeserialize(o, types, global, registry);
   };
@@ -191,12 +193,10 @@ exports.p = function (domCompat) {
 
       for (const key in rawInput) {
         const value = rawInput[key];
-        if (/^on[-A-Z]/.test(key)) {
-          if (typeof value === "function") {
-            (customEvents || (customEvents = {}))[
-              key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase()
-            ] = [value];
-          }
+        if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+          (customEvents || (customEvents = {}))[toCustomEventName(key)] = [
+            value,
+          ];
         } else {
           normalizedInput[key === "content" ? "renderBody" : key] = value;
         }
@@ -261,3 +261,11 @@ exports.p = function (domCompat) {
     Component: defineComponent({}, RenderBodyComponent),
   }));
 };
+
+function toCustomEventName(key) {
+  return key[2] === "-"
+    ? key.slice(3)
+    : key
+        .slice(2)
+        .replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}

package/src/runtime/helpers/tags-compat/runtime-html.js

@@ -8,7 +8,6 @@ const {
 const createRenderer = require("../../components/renderer");
 const defaultCreateOut = require("../../createOut");
 const dynamicTag5 = require("../dynamic-tag");
-const PRESERVE_BOUNDARY = "preserve";
 
 exports.p = function (htmlCompat) {
   const writersByGlobal = new WeakMap();
@@ -187,15 +186,13 @@ exports.p = function (htmlCompat) {
 
         for (const key in originalInput) {
           const value = originalInput[key];
-          if (/^on[-A-Z]/.test(key)) {
-            if (typeof value === "function") {
-              (customEvents || (customEvents = [])).push([
-                key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase(),
-                value,
-              ]);
-              forceBoundary = true;
-              value.toJSON = htmlCompat.toJSON(state);
-            }
+          if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+            (customEvents || (customEvents = [])).push([
+              toCustomEventName(key),
+              value,
+            ]);
+            forceBoundary = true;
+            value.toJSON = htmlCompat.toJSON(state);
           } else {
             input[key === "content" ? "renderBody" : key] = value;
           }
@@ -243,6 +240,14 @@ exports.p = function (htmlCompat) {
   };
 };
 
+function toCustomEventName(key) {
+  return key[2] === "-"
+    ? key.slice(3)
+    : key
+        .slice(2)
+        .replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}
+
 function hasBridgedClassEvent(input) {
   if (input && typeof input === "object" && !Array.isArray(input)) {
     for (const key in input) {