marko 6.0.0-next.3.27 → 6.0.0-next.3.28

package/dist/common/compat-meta.d.ts

@@ -1,2 +1,3 @@
 export declare const RENDERER_REGISTER_ID: string;
 export declare const SET_SCOPE_REGISTER_ID: string;
+export declare const RENDER_BODY_ID: string;

package/dist/debug/dom.js

@@ -1943,16 +1943,18 @@ function abort(ctrl) {
 var prefix = true ? "$compat_" : "$C_";
 var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
 var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
   patchConditionals,
   queueEffect,
-  init() {
+  init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
       classIdToBranch.set(branch.m5c, branch);
     });
+    register(RENDER_BODY_ID, warp10Noop);
   },
   registerRenderer(fn) {
     register(RENDERER_REGISTER_ID, fn);

package/dist/debug/dom.mjs

@@ -1856,16 +1856,18 @@ function abort(ctrl) {
 var prefix = true ? "$compat_" : "$C_";
 var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
 var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
   patchConditionals,
   queueEffect,
-  init() {
+  init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
       classIdToBranch.set(branch.m5c, branch);
     });
+    register(RENDER_BODY_ID, warp10Noop);
   },
   registerRenderer(fn) {
     register(RENDERER_REGISTER_ID, fn);

package/dist/debug/html.js

@@ -35,6 +35,7 @@ __export(html_exports, {
   controllable_textarea_value: () => controllable_textarea_value,
   createRenderer: () => createRenderer,
   createTemplate: () => createTemplate,
+  debug: () => debug,
   dynamicTagArgs: () => dynamicTagArgs,
   dynamicTagInput: () => dynamicTagInput,
   ensureScopeWithId: () => ensureScopeWithId,
@@ -582,6 +583,17 @@ var Reference = class {
   init = "";
   assigns = "";
 };
+var DEBUG = /* @__PURE__ */ new WeakMap();
+function debug(obj, file, loc, vars) {
+  if (true) {
+    DEBUG.set(obj, {
+      file,
+      loc,
+      vars
+    });
+  }
+  return obj;
+}
 var Serializer = class {
   #state = new State();
   get flushed() {
@@ -682,6 +694,7 @@ function writeProp(state, val, parent, accessor) {
     case "object":
       return writeObject(state, val, parent, accessor);
     default:
+      throwUnserializable(state, val, parent, accessor);
       return false;
   }
 }
@@ -710,6 +723,9 @@ function writeReferenceOr(state, write2, val, parent, accessor) {
     val,
     ref = new Reference(parent, accessor, state.flush, state.buf.length)
   );
+  if (true) {
+    ref.debug = DEBUG.get(val);
+  }
   if (write2(state, val, ref)) return true;
   state.refs.delete(ref);
   return false;
@@ -786,7 +802,8 @@ function writeUnknownSymbol(state) {
   state.buf.push("Symbol()");
   return true;
 }
-function writeNever() {
+function writeNever(state, val, ref) {
+  throwUnserializable(state, val, ref);
   return false;
 }
 function writeNull(state) {
@@ -867,6 +884,7 @@ function writeUnknownObject(state, val, ref) {
     case globalThis.Response:
       return writeResponse(state, val, ref);
   }
+  throwUnserializable(state, val, ref);
   return false;
 }
 function writePlainObject(state, val, ref) {
@@ -1284,6 +1302,45 @@ function writeAsyncCall(state, boundary, ref, method, value, preferredValueId =
   state.buf.push(")");
   boundary.endAsync();
 }
+function throwUnserializable(state, cause, ref = null, accessor = "") {
+  if (cause !== void 0 && state.boundary?.abort) {
+    let message = "Unable to serialize";
+    let access = "";
+    while (ref?.accessor) {
+      const debug2 = ref.parent?.debug;
+      if (debug2) {
+        const varLoc = debug2.vars?.[ref.accessor];
+        if (varLoc) {
+          if (Array.isArray(varLoc)) {
+            message += ` "${varLoc[0]}" in ${debug2.file}:${varLoc[1]}`;
+          } else {
+            message += ` "${ref.accessor}" in ${debug2.file}:${varLoc}`;
+          }
+        } else {
+          message += ` ${JSON.stringify(ref.accessor)} in ${debug2.file}`;
+          if (debug2.loc) {
+            message += `:${debug2.loc}`;
+          }
+        }
+        break;
+      }
+      access = toAccess(ref.accessor) + access;
+      ref = ref.parent;
+    }
+    if (accessor) {
+      access = toAccess(accessor) + access;
+    }
+    if (access[0] === ".") {
+      access = access.slice(1);
+    }
+    if (access) {
+      message += ` (reading ${access})`;
+    }
+    const err = new TypeError(message, { cause });
+    err.stack = void 0;
+    state.boundary.abort(err);
+  }
+}
 function isCircular(parent, ref) {
   let cur = parent;
   while (cur) {
@@ -2416,6 +2473,7 @@ function escapeAttrValue(str) {
 var prefix = true ? "$compat_" : "$C_";
 var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
 var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 
 // src/common/meta.ts
 var DEFAULT_RUNTIME_ID = "M";
@@ -2602,11 +2660,14 @@ var compat = {
           asyncOut.error(boundary.signal.reason);
         } else {
           queueMicrotask(() => {
-            const { scripts, html } = head = prepareChunk(head);
-            asyncOut.script(scripts);
-            asyncOut.write(html);
-            asyncOut.end();
-            head.html = head.scripts = "";
+            head = prepareChunk(head);
+            if (boundary.done) {
+              const { scripts, html } = head;
+              asyncOut.script(scripts);
+              asyncOut.write(html);
+              asyncOut.end();
+              head.html = head.scripts = "";
+            }
           });
         }
       }
@@ -2619,6 +2680,9 @@ var compat = {
       register(id, () => {
       })
     );
+  },
+  registerRenderBody(fn) {
+    register(RENDER_BODY_ID, fn);
   }
 };
 
@@ -2713,17 +2777,23 @@ var ServerRenderResult = class {
         done = true;
         if (resolve) {
           resolve({ value, done: !value });
+          value = "";
         }
       }
     );
     return {
       next() {
-        if (value) {
+        if (aborted) {
+          return Promise.reject(reason);
+        } else if (value) {
           const result = { value, done: false };
           value = "";
           return Promise.resolve(result);
+        } else if (done) {
+          return Promise.resolve({ value: "", done });
+        } else {
+          return new Promise(exec);
         }
-        return done ? Promise.resolve({ value: "", done }) : aborted ? Promise.reject(reason) : new Promise(exec);
       },
       throw(error) {
         if (!(done || aborted)) {
@@ -2803,12 +2873,13 @@ var ServerRenderResult = class {
       }
       const { boundary } = head;
       (boundary.onNext = () => {
-        if (boundary.done) {
-          if (boundary.signal.aborted) {
-            reject(boundary.signal.reason);
-          } else {
-            head = prepareChunk(head);
-            if (boundary.done) resolve(flushChunk(head, true));
+        if (boundary.signal.aborted) {
+          boundary.onNext = NOOP2;
+          reject(boundary.signal.reason);
+        } else if (boundary.done) {
+          head = prepareChunk(head);
+          if (boundary.done) {
+            resolve(flushChunk(head, true));
           }
         }
       })();
@@ -2824,26 +2895,27 @@ var ServerRenderResult = class {
     }
     const { boundary } = head;
     const onNext = boundary.onNext = (write2) => {
-      if (write2 || boundary.done) {
-        if (boundary.signal.aborted) {
-          if (!tick2) offTick(onNext);
-          onAbort(boundary.signal.reason);
-          return;
+      if (boundary.signal.aborted) {
+        if (!tick2) offTick(onNext);
+        boundary.onNext = NOOP2;
+        onAbort(boundary.signal.reason);
+      } else {
+        if (write2 || boundary.done) {
+          head = prepareChunk(head);
         }
-        head = prepareChunk(head);
-      }
-      if (write2 || boundary.done) {
-        const html = flushChunk(head, boundary.done);
-        if (html) onWrite(html);
-        if (boundary.done) {
-          if (!tick2) offTick(onNext);
-          onClose();
-        } else {
-          tick2 = true;
+        if (write2 || boundary.done) {
+          const html = flushChunk(head, boundary.done);
+          if (html) onWrite(html);
+          if (boundary.done) {
+            if (!tick2) offTick(onNext);
+            onClose();
+          } else {
+            tick2 = true;
+          }
+        } else if (tick2) {
+          tick2 = false;
+          queueTick(onNext);
         }
-      } else if (tick2) {
-        tick2 = false;
-        queueTick(onNext);
       }
     };
     onNext();
@@ -2857,6 +2929,8 @@ var ServerRenderResult = class {
     return flushChunk(prepareChunk(head), true);
   }
 };
+function NOOP2() {
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   $global,
@@ -2874,6 +2948,7 @@ var ServerRenderResult = class {
   controllable_textarea_value,
   createRenderer,
   createTemplate,
+  debug,
   dynamicTagArgs,
   dynamicTagInput,
   ensureScopeWithId,

package/dist/debug/html.mjs

@@ -502,6 +502,17 @@ var Reference = class {
   init = "";
   assigns = "";
 };
+var DEBUG = /* @__PURE__ */ new WeakMap();
+function debug(obj, file, loc, vars) {
+  if (true) {
+    DEBUG.set(obj, {
+      file,
+      loc,
+      vars
+    });
+  }
+  return obj;
+}
 var Serializer = class {
   #state = new State();
   get flushed() {
@@ -602,6 +613,7 @@ function writeProp(state, val, parent, accessor) {
     case "object":
       return writeObject(state, val, parent, accessor);
     default:
+      throwUnserializable(state, val, parent, accessor);
       return false;
   }
 }
@@ -630,6 +642,9 @@ function writeReferenceOr(state, write2, val, parent, accessor) {
     val,
     ref = new Reference(parent, accessor, state.flush, state.buf.length)
   );
+  if (true) {
+    ref.debug = DEBUG.get(val);
+  }
   if (write2(state, val, ref)) return true;
   state.refs.delete(ref);
   return false;
@@ -706,7 +721,8 @@ function writeUnknownSymbol(state) {
   state.buf.push("Symbol()");
   return true;
 }
-function writeNever() {
+function writeNever(state, val, ref) {
+  throwUnserializable(state, val, ref);
   return false;
 }
 function writeNull(state) {
@@ -787,6 +803,7 @@ function writeUnknownObject(state, val, ref) {
     case globalThis.Response:
       return writeResponse(state, val, ref);
   }
+  throwUnserializable(state, val, ref);
   return false;
 }
 function writePlainObject(state, val, ref) {
@@ -1204,6 +1221,45 @@ function writeAsyncCall(state, boundary, ref, method, value, preferredValueId =
   state.buf.push(")");
   boundary.endAsync();
 }
+function throwUnserializable(state, cause, ref = null, accessor = "") {
+  if (cause !== void 0 && state.boundary?.abort) {
+    let message = "Unable to serialize";
+    let access = "";
+    while (ref?.accessor) {
+      const debug2 = ref.parent?.debug;
+      if (debug2) {
+        const varLoc = debug2.vars?.[ref.accessor];
+        if (varLoc) {
+          if (Array.isArray(varLoc)) {
+            message += ` "${varLoc[0]}" in ${debug2.file}:${varLoc[1]}`;
+          } else {
+            message += ` "${ref.accessor}" in ${debug2.file}:${varLoc}`;
+          }
+        } else {
+          message += ` ${JSON.stringify(ref.accessor)} in ${debug2.file}`;
+          if (debug2.loc) {
+            message += `:${debug2.loc}`;
+          }
+        }
+        break;
+      }
+      access = toAccess(ref.accessor) + access;
+      ref = ref.parent;
+    }
+    if (accessor) {
+      access = toAccess(accessor) + access;
+    }
+    if (access[0] === ".") {
+      access = access.slice(1);
+    }
+    if (access) {
+      message += ` (reading ${access})`;
+    }
+    const err = new TypeError(message, { cause });
+    err.stack = void 0;
+    state.boundary.abort(err);
+  }
+}
 function isCircular(parent, ref) {
   let cur = parent;
   while (cur) {
@@ -2336,6 +2392,7 @@ function escapeAttrValue(str) {
 var prefix = true ? "$compat_" : "$C_";
 var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
 var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
 
 // src/common/meta.ts
 var DEFAULT_RUNTIME_ID = "M";
@@ -2522,11 +2579,14 @@ var compat = {
           asyncOut.error(boundary.signal.reason);
         } else {
           queueMicrotask(() => {
-            const { scripts, html } = head = prepareChunk(head);
-            asyncOut.script(scripts);
-            asyncOut.write(html);
-            asyncOut.end();
-            head.html = head.scripts = "";
+            head = prepareChunk(head);
+            if (boundary.done) {
+              const { scripts, html } = head;
+              asyncOut.script(scripts);
+              asyncOut.write(html);
+              asyncOut.end();
+              head.html = head.scripts = "";
+            }
           });
         }
       }
@@ -2539,6 +2599,9 @@ var compat = {
       register(id, () => {
       })
     );
+  },
+  registerRenderBody(fn) {
+    register(RENDER_BODY_ID, fn);
   }
 };
 
@@ -2633,17 +2696,23 @@ var ServerRenderResult = class {
         done = true;
         if (resolve) {
           resolve({ value, done: !value });
+          value = "";
         }
       }
     );
     return {
       next() {
-        if (value) {
+        if (aborted) {
+          return Promise.reject(reason);
+        } else if (value) {
           const result = { value, done: false };
           value = "";
           return Promise.resolve(result);
+        } else if (done) {
+          return Promise.resolve({ value: "", done });
+        } else {
+          return new Promise(exec);
         }
-        return done ? Promise.resolve({ value: "", done }) : aborted ? Promise.reject(reason) : new Promise(exec);
       },
       throw(error) {
         if (!(done || aborted)) {
@@ -2723,12 +2792,13 @@ var ServerRenderResult = class {
       }
       const { boundary } = head;
       (boundary.onNext = () => {
-        if (boundary.done) {
-          if (boundary.signal.aborted) {
-            reject(boundary.signal.reason);
-          } else {
-            head = prepareChunk(head);
-            if (boundary.done) resolve(flushChunk(head, true));
+        if (boundary.signal.aborted) {
+          boundary.onNext = NOOP2;
+          reject(boundary.signal.reason);
+        } else if (boundary.done) {
+          head = prepareChunk(head);
+          if (boundary.done) {
+            resolve(flushChunk(head, true));
           }
         }
       })();
@@ -2744,26 +2814,27 @@ var ServerRenderResult = class {
     }
     const { boundary } = head;
     const onNext = boundary.onNext = (write2) => {
-      if (write2 || boundary.done) {
-        if (boundary.signal.aborted) {
-          if (!tick2) offTick(onNext);
-          onAbort(boundary.signal.reason);
-          return;
+      if (boundary.signal.aborted) {
+        if (!tick2) offTick(onNext);
+        boundary.onNext = NOOP2;
+        onAbort(boundary.signal.reason);
+      } else {
+        if (write2 || boundary.done) {
+          head = prepareChunk(head);
         }
-        head = prepareChunk(head);
-      }
-      if (write2 || boundary.done) {
-        const html = flushChunk(head, boundary.done);
-        if (html) onWrite(html);
-        if (boundary.done) {
-          if (!tick2) offTick(onNext);
-          onClose();
-        } else {
-          tick2 = true;
+        if (write2 || boundary.done) {
+          const html = flushChunk(head, boundary.done);
+          if (html) onWrite(html);
+          if (boundary.done) {
+            if (!tick2) offTick(onNext);
+            onClose();
+          } else {
+            tick2 = true;
+          }
+        } else if (tick2) {
+          tick2 = false;
+          queueTick(onNext);
         }
-      } else if (tick2) {
-        tick2 = false;
-        queueTick(onNext);
       }
     };
     onNext();
@@ -2777,6 +2848,8 @@ var ServerRenderResult = class {
     return flushChunk(prepareChunk(head), true);
   }
 };
+function NOOP2() {
+}
 export {
   $global,
   attr,
@@ -2793,6 +2866,7 @@ export {
   controllable_textarea_value,
   createRenderer,
   createTemplate,
+  debug,
   dynamicTagArgs,
   dynamicTagInput,
   ensureScopeWithId,

package/dist/dom/compat.d.ts

@@ -4,7 +4,7 @@ import { type Renderer } from "./renderer";
 export declare const compat: {
     patchConditionals: typeof patchConditionals;
     queueEffect: typeof queueEffect;
-    init(): void;
+    init(warp10Noop: any): void;
     registerRenderer(fn: any): void;
     isOp(value: any): boolean;
     isRenderer(renderer: any): boolean;

package/dist/dom.js

@@ -1243,16 +1243,16 @@ function abort(ctrl) {
 }
 
 // src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s";
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   patchConditionals,
   queueEffect,
-  init() {
+  init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
       classIdToBranch.set(branch.m5c, branch);
-    });
+    }), register(RENDER_BODY_ID, warp10Noop);
   },
   registerRenderer(fn) {
     register(RENDERER_REGISTER_ID, fn);

package/dist/dom.mjs

@@ -1159,16 +1159,16 @@ function abort(ctrl) {
 }
 
 // src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s";
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   patchConditionals,
   queueEffect,
-  init() {
+  init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
       classIdToBranch.set(branch.m5c, branch);
-    });
+    }), register(RENDER_BODY_ID, warp10Noop);
   },
   registerRenderer(fn) {
     register(RENDERER_REGISTER_ID, fn);

package/dist/html/compat.d.ts

@@ -11,4 +11,5 @@ export declare const compat: {
     toJSON(this: WeakKey): [registryId: string, scopeId: unknown] | undefined;
     render(renderer: ServerRenderer, willRerender: boolean, classAPIOut: any, component: any, input: any): void;
     registerRenderer(renderer: any, id: string): any;
+    registerRenderBody(fn: any): void;
 };

package/dist/html/serializer.d.ts

@@ -1,4 +1,5 @@
 import type { Boundary } from "./writer";
+export declare function debug(obj: WeakKey, file: string, loc: string | 0, vars?: Record<string, string>): WeakKey;
 export declare class Serializer {
     #private;
     get flushed(): boolean;
@@ -12,3 +13,4 @@ export declare function getRegistered(val: WeakKey): {
     scope: unknown;
 } | undefined;
 export declare function stringify(val: unknown): string;
+export declare function toAccess(accessor: string): string;

package/dist/html.d.ts

@@ -5,5 +5,6 @@ export { compat } from "./html/compat";
 export { escapeScript, escapeStyle, escapeXML, toString } from "./html/content";
 export { createRenderer, dynamicTagArgs, dynamicTagInput, } from "./html/dynamic-tag";
 export { forIn, forInBy, forOf, forOfBy, forTo, forToBy } from "./html/for";
+export { debug } from "./html/serializer";
 export { createTemplate } from "./html/template";
 export { $global, ensureScopeWithId, fork, getScopeById, markResumeNode, nextScopeId, nextTagId, nodeRef, peekNextScope, register, resumeClosestBranch, resumeConditional, resumeForIn, resumeForOf, resumeForTo, resumeSingleNodeConditional, resumeSingleNodeForIn, resumeSingleNodeForOf, resumeSingleNodeForTo, tryContent, write, writeEffect, writeExistingScope, writeScope, writeTrailers, } from "./html/writer";

package/dist/html.js

@@ -32,6 +32,7 @@ __export(html_exports, {
   controllable_textarea_value: () => controllable_textarea_value,
   createRenderer: () => createRenderer,
   createTemplate: () => createTemplate,
+  debug: () => debug,
   dynamicTagArgs: () => dynamicTagArgs,
   dynamicTagInput: () => dynamicTagInput,
   ensureScopeWithId: () => ensureScopeWithId,
@@ -435,7 +436,11 @@ var { hasOwnProperty } = {}, Generator = function* () {
   }
   init = "";
   assigns = "";
-}, Serializer = class {
+};
+function debug(obj, file, loc, vars) {
+  return obj;
+}
+var Serializer = class {
   #state = new State();
   get flushed() {
     return this.#state.flushed;
@@ -562,7 +567,7 @@ function writeSymbol(state, val, parent, accessor) {
 function writeUnknownSymbol(state) {
   return state.buf.push("Symbol()"), !0;
 }
-function writeNever() {
+function writeNever(state, val, ref) {
   return !1;
 }
 function writeNull(state) {
@@ -1618,7 +1623,7 @@ function escapeAttrValue(str) {
 }
 
 // src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s";
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
 
 // src/common/meta.ts
 var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
@@ -1745,8 +1750,10 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     let asyncOut = classAPIOut.beginAsync();
     (boundary.onNext = () => {
       boundary.done && (boundary.signal.aborted ? asyncOut.error(boundary.signal.reason) : queueMicrotask(() => {
-        let { scripts, html } = head = prepareChunk(head);
-        asyncOut.script(scripts), asyncOut.write(html), asyncOut.end(), head.html = head.scripts = "";
+        if (head = prepareChunk(head), boundary.done) {
+          let { scripts, html } = head;
+          asyncOut.script(scripts), asyncOut.write(html), asyncOut.end(), head.html = head.scripts = "";
+        }
       }));
     })();
   },
@@ -1757,6 +1764,9 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
       register(id, () => {
       })
     );
+  },
+  registerRenderBody(fn) {
+    register(RENDER_BODY_ID, fn);
   }
 };
 
@@ -1805,16 +1815,17 @@ var ServerRenderResult = class {
         aborted = !0, reason = err, reject && reject(err);
       },
       () => {
-        done = !0, resolve && resolve({ value, done: !value });
+        done = !0, resolve && (resolve({ value, done: !value }), value = "");
       }
     );
     return {
       next() {
+        if (aborted)
+          return Promise.reject(reason);
         if (value) {
           let result = { value, done: !1 };
           return value = "", Promise.resolve(result);
-        }
-        return done ? Promise.resolve({ value: "", done }) : aborted ? Promise.reject(reason) : new Promise(exec);
+        } else return done ? Promise.resolve({ value: "", done }) : new Promise(exec);
       },
       throw(error) {
         return done || aborted || boundary?.abort(error), Promise.resolve({
@@ -1881,7 +1892,7 @@ var ServerRenderResult = class {
         return reject(new Error("Cannot read from a consumed render result"));
       let { boundary } = head;
       (boundary.onNext = () => {
-        boundary.done && (boundary.signal.aborted ? reject(boundary.signal.reason) : (head = prepareChunk(head), boundary.done && resolve(flushChunk(head, !0))));
+        boundary.signal.aborted ? (boundary.onNext = NOOP2, reject(boundary.signal.reason)) : boundary.done && (head = prepareChunk(head), boundary.done && resolve(flushChunk(head, !0)));
       })();
     });
   }
@@ -1892,14 +1903,9 @@ var ServerRenderResult = class {
       return;
     }
     let { boundary } = head, onNext = boundary.onNext = (write2) => {
-      if (write2 || boundary.done) {
-        if (boundary.signal.aborted) {
-          tick2 || offTick(onNext), onAbort(boundary.signal.reason);
-          return;
-        }
-        head = prepareChunk(head);
-      }
-      if (write2 || boundary.done) {
+      if (boundary.signal.aborted)
+        tick2 || offTick(onNext), boundary.onNext = NOOP2, onAbort(boundary.signal.reason);
+      else if ((write2 || boundary.done) && (head = prepareChunk(head)), write2 || boundary.done) {
         let html = flushChunk(head, boundary.done);
         html && onWrite(html), boundary.done ? (tick2 || offTick(onNext), onClose()) : tick2 = !0;
       } else tick2 && (tick2 = !1, queueTick(onNext));
@@ -1913,6 +1919,8 @@ var ServerRenderResult = class {
     return this.#head = null, flushChunk(prepareChunk(head), !0);
   }
 };
+function NOOP2() {
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   $global,
@@ -1930,6 +1938,7 @@ var ServerRenderResult = class {
   controllable_textarea_value,
   createRenderer,
   createTemplate,
+  debug,
   dynamicTagArgs,
   dynamicTagInput,
   ensureScopeWithId,

package/dist/html.mjs

@@ -358,7 +358,11 @@ var { hasOwnProperty } = {}, Generator = function* () {
   }
   init = "";
   assigns = "";
-}, Serializer = class {
+};
+function debug(obj, file, loc, vars) {
+  return obj;
+}
+var Serializer = class {
   #state = new State();
   get flushed() {
     return this.#state.flushed;
@@ -485,7 +489,7 @@ function writeSymbol(state, val, parent, accessor) {
 function writeUnknownSymbol(state) {
   return state.buf.push("Symbol()"), !0;
 }
-function writeNever() {
+function writeNever(state, val, ref) {
   return !1;
 }
 function writeNull(state) {
@@ -1541,7 +1545,7 @@ function escapeAttrValue(str) {
 }
 
 // src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s";
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
 
 // src/common/meta.ts
 var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
@@ -1668,8 +1672,10 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     let asyncOut = classAPIOut.beginAsync();
     (boundary.onNext = () => {
       boundary.done && (boundary.signal.aborted ? asyncOut.error(boundary.signal.reason) : queueMicrotask(() => {
-        let { scripts, html } = head = prepareChunk(head);
-        asyncOut.script(scripts), asyncOut.write(html), asyncOut.end(), head.html = head.scripts = "";
+        if (head = prepareChunk(head), boundary.done) {
+          let { scripts, html } = head;
+          asyncOut.script(scripts), asyncOut.write(html), asyncOut.end(), head.html = head.scripts = "";
+        }
       }));
     })();
   },
@@ -1680,6 +1686,9 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
       register(id, () => {
       })
     );
+  },
+  registerRenderBody(fn) {
+    register(RENDER_BODY_ID, fn);
   }
 };
 
@@ -1728,16 +1737,17 @@ var ServerRenderResult = class {
         aborted = !0, reason = err, reject && reject(err);
       },
       () => {
-        done = !0, resolve && resolve({ value, done: !value });
+        done = !0, resolve && (resolve({ value, done: !value }), value = "");
       }
     );
     return {
       next() {
+        if (aborted)
+          return Promise.reject(reason);
         if (value) {
           let result = { value, done: !1 };
           return value = "", Promise.resolve(result);
-        }
-        return done ? Promise.resolve({ value: "", done }) : aborted ? Promise.reject(reason) : new Promise(exec);
+        } else return done ? Promise.resolve({ value: "", done }) : new Promise(exec);
       },
       throw(error) {
         return done || aborted || boundary?.abort(error), Promise.resolve({
@@ -1804,7 +1814,7 @@ var ServerRenderResult = class {
         return reject(new Error("Cannot read from a consumed render result"));
       let { boundary } = head;
       (boundary.onNext = () => {
-        boundary.done && (boundary.signal.aborted ? reject(boundary.signal.reason) : (head = prepareChunk(head), boundary.done && resolve(flushChunk(head, !0))));
+        boundary.signal.aborted ? (boundary.onNext = NOOP2, reject(boundary.signal.reason)) : boundary.done && (head = prepareChunk(head), boundary.done && resolve(flushChunk(head, !0)));
       })();
     });
   }
@@ -1815,14 +1825,9 @@ var ServerRenderResult = class {
       return;
     }
     let { boundary } = head, onNext = boundary.onNext = (write2) => {
-      if (write2 || boundary.done) {
-        if (boundary.signal.aborted) {
-          tick2 || offTick(onNext), onAbort(boundary.signal.reason);
-          return;
-        }
-        head = prepareChunk(head);
-      }
-      if (write2 || boundary.done) {
+      if (boundary.signal.aborted)
+        tick2 || offTick(onNext), boundary.onNext = NOOP2, onAbort(boundary.signal.reason);
+      else if ((write2 || boundary.done) && (head = prepareChunk(head)), write2 || boundary.done) {
         let html = flushChunk(head, boundary.done);
         html && onWrite(html), boundary.done ? (tick2 || offTick(onNext), onClose()) : tick2 = !0;
       } else tick2 && (tick2 = !1, queueTick(onNext));
@@ -1836,6 +1841,8 @@ var ServerRenderResult = class {
     return this.#head = null, flushChunk(prepareChunk(head), !0);
   }
 };
+function NOOP2() {
+}
 export {
   $global,
   attr,
@@ -1852,6 +1859,7 @@ export {
   controllable_textarea_value,
   createRenderer,
   createTemplate,
+  debug,
   dynamicTagArgs,
   dynamicTagInput,
   ensureScopeWithId,

package/dist/translator/index.js

@@ -542,6 +542,10 @@ var KNOWN_OBJECTS = /* @__PURE__ */ new Map([
   [Math, "Math"],
   [Reflect, "Reflect"]
 ]);
+function toAccess(accessor) {
+  const start = accessor[0];
+  return start === '"' || start >= "0" && start <= "9" ? "[" + accessor + "]" : "." + accessor;
+}
 
 // src/html/writer.ts
 var K_SCOPE_ID = Symbol("Scope ID");
@@ -596,6 +600,7 @@ function escapeAttrValue(str) {
 var prefix = false ? "$compat_" : "$C_";
 var RENDERER_REGISTER_ID = prefix + (false ? "renderer" : "r");
 var SET_SCOPE_REGISTER_ID = prefix + (false ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (false ? "renderBody" : "b");
 
 // src/html/compat.ts
 var K_TAGS_API_STATE = Symbol();
@@ -1091,6 +1096,7 @@ function startSection(path5) {
     section = extra.section = {
       id: sections.length,
       name: sectionName,
+      loc: sectionNamePath?.node.loc || void 0,
       depth: parentSection ? parentSection.depth + 1 : 0,
       parent: parentSection,
       params: void 0,
@@ -2581,16 +2587,48 @@ function writeHTMLResumeStatements(path5, tagVarIdentifier) {
     }
   }
   if (serializedProperties.length || forceResumeScope(section)) {
-    path5.pushContainer(
-      "body",
-      import_compiler17.types.expressionStatement(
-        callRuntime(
-          "writeScope",
-          scopeIdIdentifier,
-          import_compiler17.types.objectExpression(serializedProperties)
-        )
-      )
+    let writeScope2 = callRuntime(
+      "writeScope",
+      scopeIdIdentifier,
+      import_compiler17.types.objectExpression(serializedProperties)
     );
+    if (!isOptimize()) {
+      let debugVars;
+      forEach(section.bindings, (binding) => {
+        let root = binding;
+        let access = "";
+        while (!root.loc && root.upstreamAlias) {
+          if (root.property !== void 0) {
+            access = toAccess(root.property) + access;
+          }
+          root = root.upstreamAlias;
+        }
+        if (root.loc) {
+          const locStr = import_compiler17.types.stringLiteral(
+            `${root.loc.start.line}:${root.loc.start.column + 1}`
+          );
+          (debugVars ||= []).push(
+            import_compiler17.types.objectProperty(
+              getScopeAccessorLiteral(binding),
+              root !== binding ? import_compiler17.types.arrayExpression([
+                import_compiler17.types.stringLiteral(root.name + access),
+                locStr
+              ]) : locStr
+            )
+          );
+        }
+      });
+      writeScope2 = callRuntime(
+        "debug",
+        writeScope2,
+        import_compiler17.types.stringLiteral(path5.hub.file.opts.filenameRelative),
+        section.loc && section.loc.start.line != null ? import_compiler17.types.stringLiteral(
+          `${section.loc.start.line}:${section.loc.start.column + 1}`
+        ) : import_compiler17.types.numericLiteral(0),
+        debugVars && import_compiler17.types.objectExpression(debugVars)
+      );
+    }
+    path5.pushContainer("body", import_compiler17.types.expressionStatement(writeScope2));
   }
   const resumeClosestBranch2 = !section.isBranch && (section.hasAbortSignal || !!section.closures || !!find(section.bindings, (binding) => binding.type === 1 /* let */));
   if (resumeClosestBranch2) {
@@ -3204,12 +3242,13 @@ function withPreviousLocation(newNode, originalNode) {
 // src/translator/util/references.ts
 var [getBindings] = createProgramState(() => /* @__PURE__ */ new Set());
 var [getNextBindingId, setNextBindingId] = createProgramState(() => 0);
-function createBinding(name2, type, section, upstreamAlias, upstreamExpression, property, declared = false) {
+function createBinding(name2, type, section, upstreamAlias, upstreamExpression, property, loc = null, declared = false) {
   const id = getNextBindingId();
   const binding = {
     id,
     name: name2,
     type,
+    loc,
     section,
     property,
     declared,
@@ -3333,6 +3372,7 @@ function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAl
         upstreamAlias,
         upstreamExpression,
         property,
+        lVal.loc,
         true
       );
       trackReferencesForBinding(scope.getBinding(lVal.name));
@@ -3344,7 +3384,8 @@ function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAl
         section,
         upstreamAlias,
         void 0,
-        property
+        property,
+        lVal.loc
       ));
       for (const prop of lVal.properties) {
         if (prop.type === "RestElement") {
@@ -3386,7 +3427,8 @@ function createBindingsAndTrackReferences(lVal, type, scope, section, upstreamAl
         section,
         upstreamAlias,
         void 0,
-        property
+        property,
+        lVal.loc
       ));
       let i = -1;
       for (const element of lVal.elements) {
@@ -7930,7 +7972,7 @@ var function_default = {
     const extra = node.extra ??= {};
     const name2 = extra.name = fn.node.id?.name || (isMarkoAttribute(markoRoot) ? markoRoot.node.default ? import_compiler47.types.toIdentifier(
       markoRoot.parentPath.has("var") ? markoRoot.parentPath.get("var") : markoRoot.parentPath.get("name")
-    ) : markoRoot.node.name : import_compiler47.types.isVariableDeclarator(fn.parent) && import_compiler47.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : "anonymous");
+    ) : markoRoot.node.name : import_compiler47.types.isVariableDeclarator(fn.parent) && import_compiler47.types.isIdentifier(fn.parent.id) ? fn.parent.id.name : import_compiler47.types.isObjectMethod(node) && import_compiler47.types.isIdentifier(node.key) ? node.key.name : "anonymous");
     if (isMarkoAttribute(markoRoot) && ((0, import_babel_utils37.isNativeTag)(markoRoot.parentPath) && /^on[A-Z-]/.test(markoRoot.node.name) || isCoreTagName(markoRoot.parentPath, "script") || isCoreTagName(markoRoot.parentPath, "lifecycle") || isCoreTagName(markoRoot.parentPath, "for"))) {
       return;
     }
@@ -7965,6 +8007,7 @@ function isFunction(fn, isStatic2) {
       return isStatic2 && !fn.node.declare;
     case "FunctionExpression":
     case "ArrowFunctionExpression":
+    case "ObjectMethod":
       return true;
     default:
       return false;

package/dist/translator/util/references.d.ts

@@ -15,6 +15,7 @@ export type Binding = {
     id: number;
     name: string;
     type: BindingType;
+    loc: t.SourceLocation | null;
     section: Section;
     serialize: boolean | Set<Binding>;
     aliases: Set<Binding>;
@@ -53,7 +54,7 @@ declare module "@marko/compiler/dist/types" {
     interface FunctionExpressionExtra extends FunctionExtra {
     }
 }
-export declare function createBinding(name: string, type: Binding["type"], section: Section, upstreamAlias?: Binding["upstreamAlias"], upstreamExpression?: Binding["upstreamExpression"], property?: string, declared?: boolean): Binding;
+export declare function createBinding(name: string, type: Binding["type"], section: Section, upstreamAlias?: Binding["upstreamAlias"], upstreamExpression?: Binding["upstreamExpression"], property?: string, loc?: t.SourceLocation | null, declared?: boolean): Binding;
 export declare function trackVarReferences(tag: t.NodePath<t.MarkoTag>, type: BindingType, upstreamAlias?: Binding["upstreamAlias"], upstreamExpression?: Binding["upstreamExpression"]): void;
 export declare function trackParamsReferences(body: t.NodePath<t.MarkoTagBody | t.Program>, type: BindingType, upstreamAlias?: Binding["upstreamAlias"], upstreamExpression?: Binding["upstreamExpression"]): void;
 export declare function setReferencesScope(path: t.NodePath<any>): void;

package/dist/translator/util/sections.d.ts

@@ -10,6 +10,7 @@ export declare enum ContentType {
 export interface Section {
     id: number;
     name: string;
+    loc: t.SourceLocation | undefined;
     depth: number;
     parent: Section | undefined;
     params: undefined | Binding;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.0.0-next.3.27",
+  "version": "6.0.0-next.3.28",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",
@@ -48,7 +48,7 @@
     "build": "node -r ~ts ./scripts/bundle.ts"
   },
   "dependencies": {
-    "@marko/compiler": "^5.39.11",
+    "@marko/compiler": "^5.39.12",
     "csstype": "^3.1.3",
     "magic-string": "^0.30.17"
   },