marko 5.37.44 → 5.37.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.37.44",
+  "version": "5.37.46",
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
     "front-end",

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

@@ -9,6 +9,8 @@ const defaultCreateOut = require("../../createOut");
 const morphdom = require("../../vdom/morphdom");
 const { ___createFragmentNode } = require("../../vdom/morphdom/fragment");
 const dynamicTag = require("../dynamic-tag");
+const Component = require("../../components/Component");
+const noopRenderer = require("../serialize-noop").___noop;
 
 exports.p = function (domCompat) {
   dynamicTag.___runtimeCompat = function tagsToVdom(
@@ -31,6 +33,19 @@ exports.p = function (domCompat) {
     return renderer;
   };
 
+  Component.prototype.___setCustomEventsOriginal =
+    Component.prototype.___setCustomEvents;
+  Component.prototype.___setCustomEvents = function (customEvents, scopeId) {
+    for (const customEvent of customEvents) {
+      customEvent[1] = domCompat.resolveRegistered(
+        customEvent[1],
+        this.___global,
+      );
+    }
+
+    this.___setCustomEventsOriginal(customEvents, scopeId);
+  };
+
   const TagsCompatId = "tags-compat";
   const TagsCompat = createRenderer(
     function (_, out, componentDef, component) {
@@ -68,13 +83,6 @@ exports.p = function (domCompat) {
     ),
   }));
 
-  // (
-  //   nodeAccessor: Accessor,
-  //   dynamicTagAttrs?: IntersectionSignal,
-  //   intersection?: IntersectionSignal,
-  //   valueWithIntersection?: ValueSignal
-  // )
-
   const rendererCache = new WeakMap();
 
   domCompat.patchDynamicTag((dynamicTag) => (...args) => {
@@ -87,6 +95,10 @@ exports.p = function (domCompat) {
   function create5to6Renderer(renderer) {
     let newRenderer = renderer;
     if (renderer && typeof renderer !== "string") {
+      if (renderer === noopRenderer) {
+        return noopRenderer;
+      }
+
       const rendererFromAnywhere =
         renderer._ ||
         renderer.render ||
@@ -96,24 +108,6 @@ exports.p = function (domCompat) {
       if (!domCompat.isRenderer(rendererFromAnywhere || renderer)) {
         newRenderer = rendererCache.get(renderer);
         if (!newRenderer) {
-          const { Component } = renderer;
-          if (Component) {
-            const setCustomEvents = Component.prototype.___setCustomEvents;
-            Component.prototype.___setCustomEvents = function (
-              customEvents,
-              scopeId,
-            ) {
-              const global = this.___global;
-              for (const customEvent of customEvents) {
-                customEvent[1] = domCompat.resolveRegistered(
-                  customEvent[1],
-                  global,
-                );
-              }
-
-              setCustomEvents.call(this, customEvents, scopeId);
-            };
-          }
           newRenderer = domCompat.createRenderer(
             (scope, input) =>
               renderAndMorph(scope, rendererFromAnywhere, renderer, input),
@@ -127,7 +121,7 @@ exports.p = function (domCompat) {
   }
 
   domCompat.registerRenderer(create5to6Renderer);
-  domCompat.init(require("../serialize-noop").___noop);
+  domCompat.init(noopRenderer);
 
   function renderAndMorph(scope, renderer, renderBody, input) {
     const out = defaultCreateOut();

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

@@ -79,7 +79,9 @@ exports.p = function (htmlCompat) {
     }
     return (input, ...args) => {
       const out = defaultCreateOut(htmlCompat.$global());
+      const branchId = htmlCompat.peekNextScopeId();
       let customEvents;
+      htmlCompat.nextScopeId();
 
       if (renderer5) {
         const normalizedInput = {};
@@ -107,7 +109,7 @@ exports.p = function (htmlCompat) {
       const component = componentsContext.___components[0];
       if (component) {
         component.___component.___customEvents = customEvents;
-        htmlCompat.writeSetScopeForComponent(component.id);
+        htmlCompat.writeSetScopeForComponent(branchId, component.id);
       }
 
       initComponentsTag({}, out);

package/tags-html.d.ts

@@ -2575,7 +2575,10 @@ declare global {
        * Provide body content for the tag as a Marko.Body.
        * @see Marko.Body
        */
-      content?: Marko.Body<[], void>;
+      content?:
+        | AttrMissing
+        | Marko.Body<[], void>
+        | Marko.Template<Record<any, never>, void>;
 
       /**
        * Fired when resource was not fully loaded, but not as the result of an error.