From f412dfbd8f818d35c54fdbf2ccc188529c4b910f Mon Sep 17 00:00:00 2001
From: Michael Rawlings <mirawlings@ebay.com>
Date: Fri, 15 Sep 2023 15:49:33 -0400
Subject: [PATCH] feat: class to tags ssr/hydration interop (wip)

---
 .../src/runtime/helpers/tags-compat-html.js   |  50 +++-
 packages/runtime/src/html/dynamic-tag.ts      |  16 +-
 packages/runtime/src/html/index.ts            |   2 +-
 packages/runtime/src/html/serializer.ts       |  21 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/tags-counter.js  |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/resume.expected.md          | 246 ++++++++++++++++++
 .../__snapshots__/ssr.expected.md             |  28 +-
 .../interop-basic-tags-to-class/test.ts       |   3 -
 .../html.expected/components/tags-layout.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/tags-layout.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |  10 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../src/__tests__/main.test.ts                |   2 +-
 .../components/custom-tag/index.js            |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/hello/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/hello/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/hello/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |  10 +-
 .../html.expected/components/hello/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/custom-tag.js    |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/custom-tag.js    |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/my-button.js     |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/my-button.js     |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/counter.js       |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/comments.js      |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/layout.js        |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |  10 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../components/display-intersection.js        |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/other.js      |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/other.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/hello/index.js   |   6 +-
 .../html.expected/components/message.js       |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/custom-tag.js    |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/hello.js      |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child1.js        |   6 +-
 .../html.expected/components/child2.js        |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/tag-a/index.js   |   6 +-
 .../html.expected/components/tag-b/index.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |  14 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../html.expected/components/counter.js       |   6 +-
 .../__snapshots__/html.expected/template.js   |  10 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |  16 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/baz.js           |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/hello-setter.js  |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../html.expected/components/child.js         |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |  10 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   8 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 .../__snapshots__/html.expected/template.js   |   6 +-
 packages/translator/src/core/condition/if.ts  |   5 +-
 packages/translator/src/core/tag.ts           |  10 +-
 .../translator/src/visitors/program/html.ts   |  17 +-
 .../translator/src/visitors/tag/custom-tag.ts |  40 +--
 .../src/visitors/tag/dynamic-tag.ts           |  31 ++-
 182 files changed, 958 insertions(+), 607 deletions(-)
 create mode 100644 packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/resume.expected.md

diff --git a/packages/marko/src/runtime/helpers/tags-compat-html.js b/packages/marko/src/runtime/helpers/tags-compat-html.js
index ab062833a..acc1c31c7 100644
--- a/packages/marko/src/runtime/helpers/tags-compat-html.js
+++ b/packages/marko/src/runtime/helpers/tags-compat-html.js
@@ -1,9 +1,17 @@
-const { createRenderFn } = require("@marko/runtime-fluurt/dist/debug/html"); // TODO: use the non-debug version when built for production
+import initComponentsTag from "../../core-tags/components/init-components-tag";
+
+const {
+  patchDynamicTag,
+  createRenderFn,
+  fork,
+  write,
+} = require("@marko/runtime-fluurt/dist/debug/html"); // TODO: use the non-debug version when built for production
 const createRenderer = require("../components/renderer");
 const dynamicTag5 = require("./dynamic-tag");
+const defaultCreateOut = require("../createOut");
 
-// TODO: this is really bad
-const isMarko5 = (fn) => /^(function[^(]*)?\(out/.test(fn.toString());
+const isMarko6 = (fn) => !!fn.___isTagsAPI;
+const isMarko5 = (fn) => !fn.___isTagsAPI;
 
 export default dynamicTag5.___runtimeCompat = function tagsToVdom(
   tagsRenderer,
@@ -42,3 +50,39 @@ const TagsCompat = createRenderer(
   },
   {}
 );
+
+patchDynamicTag(
+  function getRenderer(tag) {
+    const renderer = tag._ || tag.renderBody || tag;
+    if (isMarko6(renderer)) return renderer;
+
+    const renderer5 =
+      tag._ ||
+      tag.render ||
+      (tag.renderer && tag.renderer.renderer) ||
+      tag.renderer;
+    const renderBody5 = tag.renderBody || tag;
+
+    return (input) => {
+      const out = defaultCreateOut();
+
+      fork(out, (result) => {
+        write(result.toString());
+      });
+
+      if (renderer5) {
+        renderer5(input, out);
+      } else {
+        renderBody5(out);
+      }
+
+      initComponentsTag({}, out);
+
+      out.end();
+    };
+  },
+  function createRenderer(renderFn) {
+    renderFn.___isTagsAPI = true;
+    return renderFn;
+  }
+);
diff --git a/packages/runtime/src/html/dynamic-tag.ts b/packages/runtime/src/html/dynamic-tag.ts
index b61673500..02ec9052b 100644
--- a/packages/runtime/src/html/dynamic-tag.ts
+++ b/packages/runtime/src/html/dynamic-tag.ts
@@ -68,8 +68,7 @@ export function dynamicTag(
     return internalScope;
   }
 
-  const renderer =
-    (tag as Template)._ || (tag as RenderBodyObject).renderBody || tag;
+  const renderer = getDynamicRenderer(tag);
 
   if (typeof renderer === "function") {
     renderer(
@@ -82,3 +81,16 @@ export function dynamicTag(
     throw new Error(`Invalid renderer passed for dynamic tag: ${tag}`);
   }
 }
+
+let getDynamicRenderer = (
+  tag: unknown | string | Renderer | RenderBodyObject | Template
+) => (tag as Template)._ || (tag as RenderBodyObject).renderBody || tag;
+export let createRenderer = (fn: Renderer) => fn;
+
+export function patchDynamicTag(
+  newGetDynamicRenderer: typeof getDynamicRenderer,
+  newCreateRenderer: typeof createRenderer
+) {
+  getDynamicRenderer = newGetDynamicRenderer;
+  createRenderer = newCreateRenderer;
+}
diff --git a/packages/runtime/src/html/index.ts b/packages/runtime/src/html/index.ts
index 1bafaf7df..9b1e3b5c2 100644
--- a/packages/runtime/src/html/index.ts
+++ b/packages/runtime/src/html/index.ts
@@ -8,7 +8,7 @@ export {
 
 export { attr, attrs, classAttr, styleAttr } from "./attrs";
 
-export { dynamicTag } from "./dynamic-tag";
+export { dynamicTag, createRenderer, patchDynamicTag } from "./dynamic-tag";
 
 export {
   write,
diff --git a/packages/runtime/src/html/serializer.ts b/packages/runtime/src/html/serializer.ts
index af9f424e7..4448772aa 100644
--- a/packages/runtime/src/html/serializer.ts
+++ b/packages/runtime/src/html/serializer.ts
@@ -281,7 +281,7 @@ export class Serializer {
 
       if (knownParent === undefined) {
         PARENTS.set(cur, parent!);
-        KEYS.set(cur, accessor);
+        KEYS.set(cur, toObjectKey(accessor));
         return false;
       } else {
         let ref = "";
@@ -339,10 +339,10 @@ export class Serializer {
   }
 }
 
-function toObjectKey(name: string) {
-  const invalidPropertyPos = getInvalidPropertyPos(name);
-  return invalidPropertyPos === -1 ? name : quote(name, invalidPropertyPos);
-}
+// function toObjectKey(name: string) {
+//   const invalidPropertyPos = getInvalidPropertyPos(name);
+//   return invalidPropertyPos === -1 ? name : quote(name, invalidPropertyPos);
+// }
 
 function toAssignment(parent: string, key: string | number) {
   return parent + toPropertyAccess(key);
@@ -354,16 +354,19 @@ function toPropertyAccess(key: string | number) {
     : "." + key;
 }
 
-function getInvalidPropertyPos(name: string) {
+function toObjectKey(name: string | number) {
+  if (typeof name !== "string") return name;
+
   let char = name[0];
   if (char >= "0" && char <= "9") {
     // numeric
     for (let i = 1, len = name.length; i < len; i++) {
       char = name[i];
       if (!(char >= "0" && char <= "9")) {
-        return i;
+        return quote(name, i);
       }
     }
+    return parseInt(name, 10);
   } else {
     // or valid identifier
     for (let i = 0, len = name.length; i < len; i++) {
@@ -377,12 +380,12 @@ function getInvalidPropertyPos(name: string) {
           char === "_"
         )
       ) {
-        return i;
+        return quote(name, i);
       }
     }
   }
 
-  return -1;
+  return name;
 }
 
 // Creates a JavaScript double quoted string and escapes all characters not listed as DoubleStringCharacters on
diff --git a/packages/translator-interop/src/__tests__/fixtures/explicit/__snapshots__/html.expected/template.js b/packages/translator-interop/src/__tests__/fixtures/explicit/__snapshots__/html.expected/template.js
index 9a4707515..2f01980e4 100644
--- a/packages/translator-interop/src/__tests__/fixtures/explicit/__snapshots__/html.expected/template.js
+++ b/packages/translator-interop/src/__tests__/fixtures/explicit/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<h1>Hello world</h1>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/explicit/template.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-basic-class-to-tags/__snapshots__/html.expected/components/tags-counter.js b/packages/translator-interop/src/__tests__/fixtures/interop-basic-class-to-tags/__snapshots__/html.expected/components/tags-counter.js
index cb5bccdba..d80322e5b 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-basic-class-to-tags/__snapshots__/html.expected/components/tags-counter.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-basic-class-to-tags/__snapshots__/html.expected/components/tags-counter.js
@@ -1,5 +1,5 @@
-import { attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=tags${_attr("data-parent", input.count)}>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-basic-class-to-tags/components/tags-counter.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/html.expected/template.js b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/html.expected/template.js
index 884d3a608..042eba246 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/html.expected/template.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
 import _classCounter from "./components/class-counter.marko";
 import _marko_tags_compat from "marko/src/runtime/helpers/tags-compat-html.js";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=tags>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -15,5 +15,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _dynamicScope,
     "#text/2(": _classCounter
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/resume.expected.md b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/resume.expected.md
new file mode 100644
index 000000000..a8c4acecb
--- /dev/null
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/resume.expected.md
@@ -0,0 +1,246 @@
+# Render {}
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      0
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      0
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+inserted #document/html0/body1/#text4
+inserted #document/html0/body1/#text6
+removed #comment after #document/html0/body1/script3
+removed #comment after #document/html0/body1/#text6
+#document/html0/body1/button5: attr(data-parent) "0" => "0"
+```
+
+
+# Render 
+container.querySelector("#tags").click()
+
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      1
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      0
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+#document/html0/body1/button0/#text0: "0" => "1"
+```
+
+
+# Render 
+container.querySelector("#class").click()
+
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      1
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      1
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+#document/html0/body1/button5/#text0: "0" => "1"
+```
+
+
+# Render 
+container.querySelector("#tags").click()
+
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      2
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      1
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+#document/html0/body1/button0/#text0: "1" => "2"
+```
+
+
+# Render 
+container.querySelector("#class").click()
+
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      2
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      2
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+#document/html0/body1/button5/#text0: "1" => "2"
+```
+
+
+# Render 
+container.querySelector("#tags").click()
+
+```html
+<html>
+  <head />
+  <body>
+    <button
+      id="tags"
+    >
+      3
+      <!--M*0 #text/1-->
+    </button>
+    <!--M*0 #button/0-->
+    <!--M[1-->
+    <script>
+      (M$h=[]).push((b,s)=&gt;({1:{}}),[])
+    </script>
+    <button
+      data-parent="0"
+      id="class"
+    >
+      2
+    </button>
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+#document/html0/body1/button0/#text0: "2" => "3"
+```
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/ssr.expected.md b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/ssr.expected.md
index 19b442745..fdf246315 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/ssr.expected.md
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/__snapshots__/ssr.expected.md
@@ -2,8 +2,8 @@
   <button id=tags>0<!M*0 #text/1></button><!M*0 #button/0><!M[1><script>(M$h=[]).push((b,s)=>({1:{}}),[])</script>
 
 
-# Emit error
-  TypeError: Cannot read properties of null (reading 'isSync')
+# Write
+  <!--M#s0--><button id=class data-parent=0>0</button><!--M/--><script>$MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})</script><!M]0 #text/2><script>M$h.push((b,s)=>({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])</script>
 
 
 # Render "End"
@@ -22,6 +22,21 @@
     <script>
       (M$h=[]).push((b,s)=&gt;({1:{}}),[])
     </script>
+    <!--M#s0-->
+    <button
+      data-parent="0"
+      id="class"
+    >
+      0
+    </button>
+    <!--M/-->
+    <script>
+      $MC=(window.$MC||[]).concat({"w":[["s0",0,{"count":0},{"f":1}]],"t":["packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/components/class-counter.marko"]})
+    </script>
+    <!--M]0 #text/2-->
+    <script>
+      M$h.push((b,s)=&gt;({0:{count:0,"#text/2!":s[1]}}),[0,"packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/template.marko_0_count",])
+    </script>
   </body>
 </html>
 ```
@@ -38,4 +53,13 @@ inserted #document/html0/body1/#comment1
 inserted #document/html0/body1/#comment2
 inserted #document/html0/body1/script3
 inserted #document/html0/body1/script3/#text0
+inserted #document/html0/body1/#comment4
+inserted #document/html0/body1/button5
+inserted #document/html0/body1/button5/#text0
+inserted #document/html0/body1/#comment6
+inserted #document/html0/body1/script7
+inserted #document/html0/body1/script7/#text0
+inserted #document/html0/body1/#comment8
+inserted #document/html0/body1/script9
+inserted #document/html0/body1/script9/#text0
 ```
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/test.ts b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/test.ts
index 7e74a16c9..3939a580e 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/test.ts
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-basic-tags-to-class/test.ts
@@ -14,6 +14,3 @@ function clickClass(container: Element) {
 function clickTags(container: Element) {
   (container.querySelector("#tags") as HTMLButtonElement).click();
 }
-
-export const skip_ssr = true;
-export const skip_resume = true;
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-nested-class-to-tags/__snapshots__/html.expected/components/tags-layout.js b/packages/translator-interop/src/__tests__/fixtures/interop-nested-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
index 4b45cc18f..29aa4428f 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-nested-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-nested-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=tags>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}<div>`);
@@ -11,5 +11,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _dynamicScope,
     "#text/2(": input.renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-nested-class-to-tags/components/tags-layout.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-nested-tags-to-class/__snapshots__/html.expected/template.js b/packages/translator-interop/src/__tests__/fixtures/interop-nested-tags-to-class/__snapshots__/html.expected/template.js
index 3e674a62c..125e3cb86 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-nested-tags-to-class/__snapshots__/html.expected/template.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-nested-tags-to-class/__snapshots__/html.expected/template.js
@@ -1,14 +1,14 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
 import _classLayout from "./components/class-layout.marko";
 import _marko_tags_compat from "marko/src/runtime/helpers/tags-compat-html.js";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
-  const _dynamicScope = _dynamicTag(_classLayout, {}, () => _write(`<button id=tags>${_escapeXML(count)}${_markResumeNode(_scope1_id, "#text/1")}</button>${_markResumeNode(_scope1_id, "#button/0")}`));
+  const _dynamicScope = _dynamicTag(_classLayout, {}, /* @__PURE__ */_createRenderer(() => _write(`<button id=tags>${_escapeXML(count)}${_markResumeNode(_scope1_id, "#text/1")}</button>${_markResumeNode(_scope1_id, "#button/0")}`)));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}`);
   _writeScope(_scope0_id, {
     "#text/0!": _dynamicScope,
     "#text/0(": _classLayout
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-nested-tags-to-class/template.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-class-to-tags/__snapshots__/html.expected/components/tags-layout.js b/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
index f730873be..cf7c88d19 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-class-to-tags/__snapshots__/html.expected/components/tags-layout.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=tags>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}<div>`);
@@ -13,5 +13,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _dynamicScope,
     "#text/2(": input.renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-tag-params-class-to-tags/components/tags-layout.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-tags-to-class/__snapshots__/html.expected/template.js b/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-tags-to-class/__snapshots__/html.expected/template.js
index 541ccba3d..fb5a3c9b2 100644
--- a/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-tags-to-class/__snapshots__/html.expected/template.js
+++ b/packages/translator-interop/src/__tests__/fixtures/interop-tag-params-tags-to-class/__snapshots__/html.expected/template.js
@@ -1,18 +1,18 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
 import _classLayout from "./components/class-layout.marko";
 import _marko_tags_compat from "marko/src/runtime/helpers/tags-compat-html.js";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const multiplier = 1;
-  const _dynamicScope = _dynamicTag(_classLayout, {}, ({
+  const _dynamicScope = _dynamicTag(_classLayout, {}, /* @__PURE__ */_createRenderer(({
     value: [{
       value: [baseCount, message]
     }]
-  }) => _write(`<h1>${_escapeXML(message)}${_markResumeNode(_scope1_id, "#text/0")}</h1><button id=tags>${_escapeXML(multiplier)}${_markResumeNode(_scope1_id, "#text/2")} * <!>${_escapeXML(baseCount)}${_markResumeNode(_scope1_id, "#text/3")} = <!>${_escapeXML(multiplier * baseCount)}${_markResumeNode(_scope1_id, "#text/4")}</button>${_markResumeNode(_scope1_id, "#button/1")}`));
+  }) => _write(`<h1>${_escapeXML(message)}${_markResumeNode(_scope1_id, "#text/0")}</h1><button id=tags>${_escapeXML(multiplier)}${_markResumeNode(_scope1_id, "#text/2")} * <!>${_escapeXML(baseCount)}${_markResumeNode(_scope1_id, "#text/3")} = <!>${_escapeXML(multiplier * baseCount)}${_markResumeNode(_scope1_id, "#text/4")}</button>${_markResumeNode(_scope1_id, "#button/1")}`)));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}`);
   _writeScope(_scope0_id, {
     "#text/0!": _dynamicScope,
     "#text/0(": _classLayout
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/interop-tag-params-tags-to-class/template.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/fixtures/let/__snapshots__/html.expected/template.js b/packages/translator-interop/src/__tests__/fixtures/let/__snapshots__/html.expected/template.js
index 9d1505f9a..54b616ab5 100644
--- a/packages/translator-interop/src/__tests__/fixtures/let/__snapshots__/html.expected/template.js
+++ b/packages/translator-interop/src/__tests__/fixtures/let/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/dist/debug/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-interop/src/__tests__/fixtures/let/template.marko");
\ No newline at end of file
diff --git a/packages/translator-interop/src/__tests__/main.test.ts b/packages/translator-interop/src/__tests__/main.test.ts
index cfff2f47f..ac96ba8f7 100644
--- a/packages/translator-interop/src/__tests__/main.test.ts
+++ b/packages/translator-interop/src/__tests__/main.test.ts
@@ -163,7 +163,7 @@ describe("translator-interop", () => {
             tracker.logUpdate("End");
           },
           emit(type: string, ...args: unknown[]) {
-            // console.log(...args);
+            console.log(...args);
             tracker.log(
               `# Emit ${type}${args.map((arg) => `\n${indent(arg)}`)}`
             );
diff --git a/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/components/custom-tag/index.js b/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/components/custom-tag/index.js
index 328a49499..0c361673f 100644
--- a/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/components/custom-tag/index.js
+++ b/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/components/custom-tag/index.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/components/custom-tag/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/template.js
index b6030994d..3aa142d7b 100644
--- a/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _customTag from "./components/custom-tag/index.marko";
-const _renderer = ({
+const _renderer = /* @__PURE__ */_createRenderer(({
   x
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -18,7 +18,7 @@ const _renderer = ({
     _writeScope(_scope2_id, _scope2_ = {
       [_SYMBOL_OWNER]: _scope1_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/template.marko_2_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/template.marko_2_renderer");
     _ifScopeId = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope1_id, "#text/0", _ifScopeId)}`);
@@ -29,5 +29,5 @@ const _renderer = ({
   _customTag._({
     thing: _thing
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tag-inside-if-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/components/hello/index.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/components/hello/index.js
index 67fd2a186..58cf0365d 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/components/hello/index.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/components/hello/index.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/components/hello/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/template.js
index 3a693537e..dc1a90947 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _hello from "./components/hello/index.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _item = [];
   const _scope1_id = _nextScopeId();
@@ -16,5 +16,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     item: _item,
     other: {}
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-and-static/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.expected/template.js
index 0b0927b79..e55c2f40e 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   x
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -16,11 +16,11 @@ const _renderer = ({
         _write("Footer content");
       }
     }
-  }, () => _write("Body content"));
+  }, /* @__PURE__ */_createRenderer(() => _write("Body content")));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}`);
   _writeScope(_scope0_id, {
     "#text/0!": _dynamicScope,
     "#text/0(": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-tag-parent/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/components/hello/index.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/components/hello/index.js
index a271b67de..c5bbbd81b 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/components/hello/index.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/components/hello/index.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/components/hello/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/template.js
index 1f8e8e130..470e2b5d7 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _hello from "./components/hello/index.marko";
-const _renderer = ({
+const _renderer = /* @__PURE__ */_createRenderer(({
   x
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -19,7 +19,7 @@ const _renderer = ({
     _writeScope(_scope2_id, _scope2_ = {
       [_SYMBOL_OWNER]: _scope1_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/template.marko_2_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/template.marko_2_renderer");
     _ifScopeId = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope1_id, "#text/0", _ifScopeId)}`);
@@ -30,5 +30,5 @@ const _renderer = ({
   _hello._({
     item: _item
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic-with-params/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/components/hello/index.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/components/hello/index.js
index 33e8032e8..6fc37daed 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/components/hello/index.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/components/hello/index.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic/components/hello/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/template.js
index 0f33b41b4..683661c0d 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, maybeFlush as _maybeFlush, escapeXML as _escapeXML, markResumeNode as _markResumeNode, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, maybeFlush as _maybeFlush, escapeXML as _escapeXML, markResumeNode as _markResumeNode, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _hello from "./components/hello/index.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _col = [];
   const _scope1_id = _nextScopeId();
@@ -21,7 +21,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _writeScope(_scope4_id, _scope4_ = {
         [_SYMBOL_OWNER]: _scope3_id
       });
-      _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/at-tags-dynamic/template.marko_4_renderer");
+      _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/at-tags-dynamic/template.marko_4_renderer");
       _ifScopeId = _scope4_id;
     } else {
       const _scope5_id = _nextScopeId();
@@ -36,7 +36,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _writeScope(_scope5_id, _scope4_ = {
         [_SYMBOL_OWNER]: _scope3_id
       });
-      _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/at-tags-dynamic/template.marko_5_renderer");
+      _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/at-tags-dynamic/template.marko_5_renderer");
       _ifScopeId = _scope5_id;
     }
     _write(`${_markResumeControlSingleNodeEnd(_scope3_id, "#text/0", _ifScopeId)}`);
@@ -82,5 +82,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     },
     col: _col
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags-dynamic/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/components/hello/index.js b/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/components/hello/index.js
index bbd16027d..e972a7893 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/components/hello/index.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/components/hello/index.js
@@ -1,5 +1,5 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags/components/hello/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/template.js
index d11b163af..7bc163af7 100644
--- a/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/at-tags/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _hello from "./components/hello/index.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _hello._({
     foo: {
@@ -12,5 +12,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/at-tags/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.expected/template.js
index a08beddd9..ea64a9f72 100644
--- a/packages/translator/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { attr as _attr, markResumeNode as _markResumeNode, escapeXML as _escapeXML, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, markResumeNode as _markResumeNode, escapeXML as _escapeXML, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const disabled = true;
   _write(`<input${_attr("disabled", disabled)}>${_markResumeNode(_scope0_id, "#input/0")}<button>${_escapeXML(disabled ? "enable" : "disable")}${_markResumeNode(_scope0_id, "#text/2")}</button>${_markResumeNode(_scope0_id, "#button/1")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "disabled": disabled
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-boolean-dynamic/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-boolean/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-boolean/__snapshots__/html.expected/template.js
index ee1ee21bf..785da9c5f 100644
--- a/packages/translator/src/__tests__/fixtures/attr-boolean/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-boolean/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<input checked>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-boolean/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/components/custom-tag.js b/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/components/custom-tag.js
index e0ea891c0..9997ebddc 100644
--- a/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/components/custom-tag.js
+++ b/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/components/custom-tag.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-class/components/custom-tag.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/template.js
index 32e4b2ba6..8b14c2410 100644
--- a/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-class/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _customTag from "./components/custom-tag.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const {
     c,
@@ -47,5 +47,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/3!": _dynamicScope,
     "#text/3(": input.test
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-class/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-escape/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-escape/__snapshots__/html.expected/template.js
index f3611f036..8abfdbec8 100644
--- a/packages/translator/src/__tests__/fixtures/attr-escape/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-escape/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { classAttr as _classAttr, attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { classAttr as _classAttr, attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div${_classAttr(input.foo)}${_attr("foo", 'a' + input.foo + 'b')}${_attr("bar", `a ${input.bar} b`)}${_attr("nested", `a ${input.foo + ` nested ${input.bar}`} b`)}></div>${_markResumeNode(_scope0_id, "#div/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-escape/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-falsey/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-falsey/__snapshots__/html.expected/template.js
index 55e91a554..600ca5596 100644
--- a/packages/translator/src/__tests__/fixtures/attr-falsey/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-falsey/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div d=0 y=1></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-falsey/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/components/custom-tag.js b/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/components/custom-tag.js
index e3495a809..531e3e39d 100644
--- a/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/components/custom-tag.js
+++ b/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/components/custom-tag.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-style/components/custom-tag.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/template.js
index 8f9428c8b..6d3f527b1 100644
--- a/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-style/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { styleAttr as _styleAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { styleAttr as _styleAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _customTag from "./components/custom-tag.marko";
-const _renderer = ({
+const _renderer = /* @__PURE__ */_createRenderer(({
   color,
   test
 }, _tagVar, _scope0_) => {
@@ -48,5 +48,5 @@ const _renderer = ({
     "#text/4!": _dynamicScope,
     "#text/4(": test
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-style/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.expected/template.js
index 68876f221..facf7518a 100644
--- a/packages/translator/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div${_attr("foo", `Hello ${input.name}`)}></div>${_markResumeNode(_scope0_id, "#div/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/attr-template-literal-escape/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-chain/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-chain/__snapshots__/html.expected/template.js
index daafd4e5b..fd7379e0f 100644
--- a/packages/translator/src/__tests__/fixtures/basic-chain/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-chain/__snapshots__/html.expected/template.js
@@ -1,9 +1,9 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   const y = x * 2;
   const z = y * 3;
   _write(`<div>${_escapeXML(z)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-chain/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/components/my-button.js b/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/components/my-button.js
index 282f24dff..996534077 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/components/my-button.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/components/my-button.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   onClick,
   text
 }, _tagVar, _scope0_) => {
@@ -9,5 +9,5 @@ const _renderer = ({
   _writeScope(_scope0_id, {
     "onClick": onClick
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component-attrs/components/my-button.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/template.js
index 1cda83207..98377d3ed 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _myButton from "./components/my-button.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _myButton._({
@@ -12,5 +12,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component-attrs/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/components/my-button.js b/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/components/my-button.js
index 93476197d..729a5ac5c 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/components/my-button.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/components/my-button.js
@@ -1,5 +1,5 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   onClick,
   renderBody
 }, _tagVar, _scope0_) => {
@@ -13,5 +13,5 @@ const _renderer = ({
     "#text/1!": _dynamicScope,
     "#text/1(": renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component-renderBody/components/my-button.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/template.js
index a6270ae9a..40f472754 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _myButton from "./components/my-button.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _myButton._({
@@ -12,5 +12,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _write(`${_escapeXML(clickCount)}${_markResumeNode(_scope1_id, "#text/0")}`);
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component-renderBody/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/components/counter.js b/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/components/counter.js
index cfa27e074..c9caffaba 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/components/counter.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/components/counter.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _write(`<button>${_escapeXML(clickCount)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component/components/counter.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/template.js
index 099e8f082..d59feceea 100644
--- a/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-component/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _counter from "./components/counter.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   _counter._({
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     }
   });
   _write("</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-component/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.expected/template.js
index c7e1d5cb1..cf9994743 100644
--- a/packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlEnd as _markResumeControlEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlEnd as _markResumeControlEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = true;
   const count = 0;
@@ -11,7 +11,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/template.marko_1_renderer");
   }
   _write(`${_markResumeControlEnd(_scope0_id, "#text/2")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/template.marko_0_show");
@@ -22,5 +22,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _scope1_,
     "#text/2(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.expected/template.js
index f1367e3f4..5e5cc3fdf 100644
--- a/packages/translator/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = true;
   const count = 0;
@@ -11,7 +11,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-conditional-counter/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-conditional-counter/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/2", _ifScopeId)}`);
@@ -23,5 +23,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _scope1_,
     "#text/2(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-conditional-counter/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-converge-in-if/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-converge-in-if/__snapshots__/html.expected/template.js
index 46765bf6f..bad3b1917 100644
--- a/packages/translator/src/__tests__/fixtures/basic-converge-in-if/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-converge-in-if/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const a = 0;
   const b = 0;
@@ -11,5 +11,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       "b": b
     });
   }
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-converge-in-if/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.expected/template.js
index 6f7821d7c..ec84df1c5 100644
--- a/packages/translator/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   const multiplier = 1;
@@ -11,5 +11,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "count": count,
     "multiplier": multiplier
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-counter-multiplier/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-counter/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-counter/__snapshots__/html.expected/template.js
index abd45cd98..11a36a73b 100644
--- a/packages/translator/src/__tests__/fixtures/basic-counter/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-counter/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _write(`<div><button>${_escapeXML(clickCount)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}</div>`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-counter/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.expected/template.js
index 3271bb550..0d4258cd1 100644
--- a/packages/translator/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.expected/template.js
@@ -1,15 +1,15 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   tagName
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _dynamicScope = _dynamicTag(tagName, {
     class: ["a", "b"]
-  }, () => _write("Hello World"));
+  }, /* @__PURE__ */_createRenderer(() => _write("Hello World")));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}`);
   _writeScope(_scope0_id, {
     "#text/0!": _dynamicScope,
     "#text/0(": tagName
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-dynamic-native-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/html.expected/template.js
index 728d6b644..6d0009764 100644
--- a/packages/translator/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/basic-effect-no-deps/template.marko_0");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-effect-no-deps/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.expected/template.js
index 243dfee10..7cbd2cea0 100644
--- a/packages/translator/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const message = {
     text: "hi"
@@ -13,7 +13,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-execution-order/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-execution-order/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/1", _ifScopeId)}`);
@@ -22,5 +22,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/1!": _scope1_,
     "#text/1(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-execution-order/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-export/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-export/__snapshots__/html.expected/template.js
index 80838d27d..e8db42c8d 100644
--- a/packages/translator/src/__tests__/fixtures/basic-export/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-export/__snapshots__/html.expected/template.js
@@ -1,9 +1,9 @@
 export const v = 123;
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div>${_escapeXML(value)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-export/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.expected/template.js
index 7107048ff..bbf30a9c6 100644
--- a/packages/translator/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<h1>Hello World</h1><script>\n    console.log('Hello World');\n  </script>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-flush-here/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.expected/template.js
index 479ce3eb1..c47e8414a 100644
--- a/packages/translator/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-fn-with-block/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.expected/template.js
index 91d41e312..d2104f4ca 100644
--- a/packages/translator/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const a = [0];
   const b = 1;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "a": a,
     "b": b
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-handler-multi-ref-nested/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.expected/template.js
index adb039476..133fef1aa 100644
--- a/packages/translator/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const data = 0;
   _write(`<button>${_escapeXML(data)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/basic-handler-refless/template.marko_0");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-handler-refless/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/components/comments.js b/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/components/comments.js
index 1014e0e2e..f39843d65 100644
--- a/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/components/comments.js
+++ b/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/components/comments.js
@@ -1,6 +1,6 @@
-import { write as _write, attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, SYMBOL_OWNER as _SYMBOL_OWNER, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeScopeStart as _markResumeScopeStart, markResumeControlEnd as _markResumeControlEnd, writeEffect as _writeEffect, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, SYMBOL_OWNER as _SYMBOL_OWNER, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeScopeStart as _markResumeScopeStart, markResumeControlEnd as _markResumeControlEnd, writeEffect as _writeEffect, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _comments from "./comments.marko";
-const _renderer = ({
+const _renderer = /* @__PURE__ */_createRenderer(({
   comments,
   path = "c"
 }, _tagVar, _scope0_) => {
@@ -29,7 +29,7 @@ const _renderer = ({
         "id": id,
         [_SYMBOL_OWNER]: _scope1_id
       });
-      _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/components/comments.marko_2_renderer");
+      _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/components/comments.marko_2_renderer");
       _ifScopeId = _scope2_id;
     }
     _write(`${_markResumeScopeStart(_scope1_id)}${_markResumeControlSingleNodeEnd(_scope1_id, "#text/4", _ifScopeId)}</li>${_markResumeNode(_scope1_id, "#li/0")}`);
@@ -48,5 +48,5 @@ const _renderer = ({
   _writeScope(_scope0_id, {
     "#ul/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/components/comments.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/template.js
index 4c0532a28..5d9d6c469 100644
--- a/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _comments from "./components/comments.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _comments._({
     ...input,
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-inert-collapsible-tree/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/components/layout.js b/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/components/layout.js
index f7c8a99a8..b0b0a8d13 100644
--- a/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/components/layout.js
+++ b/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/components/layout.js
@@ -1,5 +1,5 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   renderBody
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -10,5 +10,5 @@ const _renderer = ({
     "#text/0!": _dynamicScope,
     "#text/0(": renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-layout/components/layout.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/template.js
index a323d3243..827a69490 100644
--- a/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-layout/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _layout from "./components/layout.marko";
-const _renderer = ({
+const _renderer = /* @__PURE__ */_createRenderer(({
   name
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -10,5 +10,5 @@ const _renderer = ({
       _write(`<h1>Hello <!>${_escapeXML(name)}${_markResumeNode(_scope1_id, "#text/0")}</h1>`);
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-layout/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.expected/template.js
index 606fdaf6e..d6bc9d6b9 100644
--- a/packages/translator/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const selected = 0;
   for (const num of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]) {
@@ -12,5 +12,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     });
     _maybeFlush();
   }
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-nested-scope-for/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.expected/template.js
index c8e11b2e7..e0cb36c7d 100644
--- a/packages/translator/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _write("<div>");
@@ -12,7 +12,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
       "clickCount": clickCount,
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-nested-scope-if/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-nested-scope-if/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   } else {
     const _scope2_id = _nextScopeId();
@@ -20,7 +20,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope2_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-nested-scope-if/template.marko_2_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-nested-scope-if/template.marko_2_renderer");
     _ifScopeId = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}</div>`);
@@ -28,5 +28,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _scope1_,
     "#text/0(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-nested-scope-if/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.expected/template.js
index 254a0e882..7fb7c9ff6 100644
--- a/packages/translator/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const id = 0;
   const items = [];
@@ -25,5 +25,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "items": items,
     "#text/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-push-pop-list/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-scriptlet/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-scriptlet/__snapshots__/html.expected/template.js
index 14448d8cc..40f6505c9 100644
--- a/packages/translator/src/__tests__/fixtures/basic-scriptlet/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-scriptlet/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   const doubleCount = clickCount * 2;
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-scriptlet/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.expected/template.js
index 4fa376101..39620f1b9 100644
--- a/packages/translator/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { attr as _attr, write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const open = true;
   const list = [1, 2, 3];
@@ -28,5 +28,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "list": list,
     "#ul/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-shared-node-ref/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-static/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-static/__snapshots__/html.expected/template.js
index 7527314b2..535af4857 100644
--- a/packages/translator/src/__tests__/fixtures/basic-static/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-static/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
 const x = 1;
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div><span>1</span></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-static/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.expected/template.js
index 5fc5c4a56..c024bb3ea 100644
--- a/packages/translator/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeNode as _markResumeNode, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeNode as _markResumeNode, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = true;
   _write("<div>");
@@ -10,7 +10,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/basic-toggle-show/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/basic-toggle-show/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}<button>Toggle</button>${_markResumeNode(_scope0_id, "#button/1")}</div>`);
@@ -20,5 +20,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _scope1_,
     "#text/0(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-toggle-show/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.expected/template.js
index 4d7968c83..0d2ece1df 100644
--- a/packages/translator/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const unused_1 = 123;
   const unused_2 = 456;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/basic-unused-ref/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.expected/template.js
index 5dcc40f11..4039ace91 100644
--- a/packages/translator/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, escapeXML as _escapeXML, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = true;
   const message = "hi";
@@ -11,7 +11,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/batched-updates-cleanup/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/batched-updates-cleanup/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/1", _ifScopeId)}`);
@@ -21,5 +21,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/1!": _scope1_,
     "#text/1(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/batched-updates-cleanup/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/batched-updates/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/batched-updates/__snapshots__/html.expected/template.js
index 3be7904dc..8aca610e9 100644
--- a/packages/translator/src/__tests__/fixtures/batched-updates/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/batched-updates/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const a = 0;
   const b = 0;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "a": a,
     "b": b
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/batched-updates/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/cdata/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/cdata/__snapshots__/html.expected/template.js
index 442f16c78..1fc8b6d19 100644
--- a/packages/translator/src/__tests__/fixtures/cdata/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/cdata/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>Here is a CDATA section: <![CDATA[ < > & ]]> with all kinds of unescaped text.</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/cdata/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/comments/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/comments/__snapshots__/html.expected/template.js
index 379ac5c48..01b41bdc0 100644
--- a/packages/translator/src/__tests__/fixtures/comments/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/comments/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div><!--abc--><!--[if lt IE 9]><script src=\"...\"></script><![endif]--><!--[if lt IE 9]><script src=\"...\"></script><![endif]--></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/comments/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/components/display-intersection.js b/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/components/display-intersection.js
index 7c64155b7..9b031411d 100644
--- a/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/components/display-intersection.js
+++ b/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/components/display-intersection.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -9,5 +9,5 @@ const _renderer = ({
     "value": value,
     "dummy": dummy
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/component-attrs-intersection/components/display-intersection.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/template.js
index 4990f8311..975ba5176 100644
--- a/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _displayIntersection from "./components/display-intersection.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _displayIntersection._({
@@ -14,5 +14,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/component-attrs-intersection/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.expected/template.js
index 2d170b89b..c2d686c76 100644
--- a/packages/translator/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const z = {
     x: 1,
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     y
   } = z;
   _write(`<div>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/const-tag-destructure/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/const-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/const-tag/__snapshots__/html.expected/template.js
index e9db894e0..c58c88596 100644
--- a/packages/translator/src/__tests__/fixtures/const-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/const-tag/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   const y = 1;
   _write(`<div>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/const-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/components/child.js
index 511b68d97..a20672255 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/components/child.js
@@ -1,9 +1,9 @@
-import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   const x = _getInContext("packages/translator/src/__tests__/fixtures/context-tag-derivation/template.marko");
   const y = x;
   _write(`${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-derivation/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/template.js
index 48f872846..e31b624f2 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-derivation/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _pushContext("packages/translator/src/__tests__/fixtures/context-tag-derivation/template.marko", 123);
   const _scope1_id = _nextScopeId();
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     }
   });
   _popContext();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-derivation/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-global/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-from-global/__snapshots__/html.expected/template.js
index bba5a2977..4e0231adf 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-global/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-global/__snapshots__/html.expected/template.js
@@ -1,10 +1,10 @@
-import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div><span>");
   const {
     x
   } = _getInContext("$");
   _write(`${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</span></div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-global/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/other.js b/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/other.js
index 6b031dc58..4dee301b7 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/other.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/other.js
@@ -1,5 +1,5 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<set value=hello>");
   const _dynamicScope = _dynamicTag(input.renderBody, null);
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": input.renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/other.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/template.js
index 09235359e..1ad5dcd7e 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
 import Other from "./other.marko";
-import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   Other({
     renderBody() {
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _write(`${_escapeXML(message)}${_markResumeNode(_scope1_id, "#text/0")}</span>`);
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-relative-path/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-self/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-from-self/__snapshots__/html.expected/template.js
index b725f0333..f47589ab9 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-self/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-self/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, pushContext as _pushContext, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, popContext as _popContext, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, pushContext as _pushContext, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, popContext as _popContext, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   _pushContext("packages/translator/src/__tests__/fixtures/context-tag-from-self/template.marko", 1);
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _write(`${_escapeXML(x)}${_markResumeNode(_scope1_id, "#text/0")}</span>`);
   _popContext();
   _write("</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-self/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/components/other.js b/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/components/other.js
index 4d7b82f3e..20ad7d7b6 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/components/other.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/components/other.js
@@ -1,5 +1,5 @@
-import { pushContext as _pushContext, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, popContext as _popContext, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { pushContext as _pushContext, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, popContext as _popContext, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _pushContext("packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/components/other.marko", "Hello");
   const _scope1_id = _nextScopeId();
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0(": input.renderBody
   });
   _popContext();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/components/other.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/template.js
index dfe19fb75..1557f07e1 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _other from "./components/other.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _other._({
     renderBody() {
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _write(`${_escapeXML(message)}${_markResumeNode(_scope1_id, "#text/0")}</span>`);
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-from-tag-name/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-in-if/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-in-if/__snapshots__/html.expected/template.js
index 816e1697d..644fa2d13 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-in-if/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-in-if/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, pushContext as _pushContext, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, popContext as _popContext, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, pushContext as _pushContext, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, popContext as _popContext, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = true;
   _write("<div>");
@@ -14,7 +14,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope2_id, _scope2_ = {
       [_SYMBOL_OWNER]: _scope1_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/context-tag-in-if/template.marko_2_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/context-tag-in-if/template.marko_2_renderer");
     _ifScopeId = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope1_id, "#text/0", _ifScopeId)}`);
@@ -28,5 +28,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "show": show
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-in-if/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/components/child.js
index f325e1f73..b591be8d1 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/components/child.js
@@ -1,7 +1,7 @@
-import { getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = _getInContext("packages/translator/src/__tests__/fixtures/context-tag-reactive/template.marko");
   _write(`<div>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-reactive/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/template.js
index cd4700323..6d8304217 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-reactive/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 123;
   _pushContext("packages/translator/src/__tests__/fixtures/context-tag-reactive/template.marko", x);
@@ -16,5 +16,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-reactive/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/components/child.js
index 394add11e..4b9111426 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/components/child.js
@@ -1,8 +1,8 @@
-import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   const x = _getInContext("packages/translator/src/__tests__/fixtures/context-tag-static/template.marko");
   _write(`${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-static/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/template.js
index 0bf9deb17..6d7e5f3c8 100644
--- a/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/context-tag-static/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { pushContext as _pushContext, nextScopeId as _nextScopeId, popContext as _popContext, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _pushContext("packages/translator/src/__tests__/fixtures/context-tag-static/template.marko", 123);
   const _scope1_id = _nextScopeId();
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     }
   });
   _popContext();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/context-tag-static/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/counter-intersection/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/counter-intersection/__snapshots__/html.expected/template.js
index 3ac0f9c4f..81be8ae83 100644
--- a/packages/translator/src/__tests__/fixtures/counter-intersection/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/counter-intersection/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const a = 0;
   const b = 0;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "a": a,
     "b": b
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/counter-intersection/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.expected/template.js
index 12c4b5a6b..ff020ed94 100644
--- a/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   const _scope1_ = new Map();
@@ -16,5 +16,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "#div/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-from/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.expected/template.js
index 3bbc54220..0afe84362 100644
--- a/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>");
   const _forScopeIds = [],
@@ -31,5 +31,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0(": _scope1_.size ? _scope1_ : undefined,
     "#text/1(": _scope2_.size ? _scope2_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/create-and-clear-rows-loop-in/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/hello/index.js b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/hello/index.js
index fc5326a19..d223f6e6c 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/hello/index.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/hello/index.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("Hello");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/components/hello/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/message.js b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/message.js
index 08a6f5679..165d12d70 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/message.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/components/message.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("Frank");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/components/message.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/template.js
index 261aa1537..35cdf5622 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("Hello Frank");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-child-analyze/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/components/child.js
index c43b488b3..85f9b0124 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/components/child.js
@@ -1,7 +1,7 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const value = input.value;
   _write(`${_escapeXML(value)}${_markResumeNode(_scope0_id, "#text/0")} `);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-default-value/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/template.js
index 9d958ad02..8efabcd3b 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-default-value/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = "y";
   _child._({
@@ -15,5 +15,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope2_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-default-value/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/components/custom-tag.js b/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/components/custom-tag.js
index 8568872f2..75fad7717 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/components/custom-tag.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/components/custom-tag.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   _write(`<button class=inc>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -13,5 +13,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _dynamicScope,
     "#text/2(": input.renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-parameters/components/custom-tag.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/template.js
index 6aa2eaa0a..47889ccc0 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-parameters/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _customTag from "./components/custom-tag.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _customTag._({
     renderBody({
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _write(`<div>Count: <!>${_escapeXML(count)}${_markResumeNode(_scope1_id, "#text/0")}</div>`);
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-parameters/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/components/child/index.js b/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/components/child/index.js
index bfe9022b1..b0a178b0f 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/components/child/index.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/components/child/index.js
@@ -1,5 +1,5 @@
-import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _dynamicScope = _dynamicTag(input.renderBody, null);
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": input.renderBody
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-render-body/components/child/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/template.js
index d9dc6bf52..16dd86adc 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child/index.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _child._({
     name: "World",
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       _write("This is the body content");
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-render-body/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-separate-assets/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-separate-assets/__snapshots__/html.expected/template.js
index 9b073cc64..ff1a66da6 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-separate-assets/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-separate-assets/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-separate-assets/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/hello.js b/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/hello.js
index b5ae594aa..33b654a8a 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/hello.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/hello.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`Hello <!>${_escapeXML(input.name)}${_markResumeNode(_scope0_id, "#text/0")}!`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-template/hello.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/template.js
index 89a1bb2c6..d09eb58fc 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-template/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _hello from "./hello.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _hello._({
     name: "Frank",
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-template/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/components/child.js
index fc7009c7d..ed7afeb7c 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/components/child.js
@@ -1,5 +1,5 @@
-import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   _write("<span>child</span>");
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "/": _tagVar
   }, _scope0_);
   return _return;
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var-expression/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/template.js
index 0a1ea4486..d84410bfa 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.expected/template.js
@@ -1,13 +1,13 @@
-import { nextScopeId as _nextScopeId, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const data = _child._({
     renderBody() {
       const _scope1_id = _nextScopeId();
     }
-  }, _register(() => {}, "packages/translator/src/__tests__/fixtures/custom-tag-var-expression/template.marko_0_data", _scope0_id));
+  }, _register( /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/custom-tag-var-expression/template.marko_0_data", _scope0_id));
   _write(`<div>${_escapeXML(data)}${_markResumeNode(_scope0_id, "#text/1")}</div>`);
   _writeScope(_scope0_id, {}, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var-expression/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/components/child.js
index 60e2bd924..8be3d79b8 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/components/child.js
@@ -1,5 +1,5 @@
-import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   const y = 2;
@@ -11,5 +11,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "/": _tagVar
   }, _scope0_);
   return _return;
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/template.js
index a5dffdfcb..d3257b8cf 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.expected/template.js
@@ -1,13 +1,13 @@
-import { nextScopeId as _nextScopeId, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const data = _child._({
     renderBody() {
       const _scope1_id = _nextScopeId();
     }
-  }, _register(() => {}, "packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/template.marko_0_data", _scope0_id));
+  }, _register( /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/template.marko_0_data", _scope0_id));
   _write(`<div>${_escapeXML(data)}${_markResumeNode(_scope0_id, "#text/1")}</div>`);
   _writeScope(_scope0_id, {}, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var-multiple/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/components/child.js
index 52a9836fc..7b07de60e 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/components/child.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   _write(`<button class=inc>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "/": _tagVar
   }, _scope0_);
   return _return;
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/template.js
index 7c4dc3e1a..037ad7661 100644
--- a/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.expected/template.js
@@ -1,13 +1,13 @@
-import { nextScopeId as _nextScopeId, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const data = _child._({
     renderBody() {
       const _scope1_id = _nextScopeId();
     }
-  }, _register(() => {}, "packages/translator/src/__tests__/fixtures/custom-tag-var/template.marko_0_data", _scope0_id));
+  }, _register( /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/custom-tag-var/template.marko_0_data", _scope0_id));
   _write(`<div>${_escapeXML(data)}${_markResumeNode(_scope0_id, "#text/1")}</div>`);
   _writeScope(_scope0_id, {}, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/custom-tag-var/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/declaration/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/declaration/__snapshots__/html.expected/template.js
index 4716f28e1..d07e97240 100644
--- a/packages/translator/src/__tests__/fixtures/declaration/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/declaration/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<?xml version=\"1.0\" encoding=\"utf-8\"?><contact-info><name>Hello World</name></contact-info>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/declaration/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/doctype/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/doctype/__snapshots__/html.expected/template.js
index 32d78b5aa..b9f4624a1 100644
--- a/packages/translator/src/__tests__/fixtures/doctype/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/doctype/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<!DOCTYPE html><html><head><title>Title of the document</title></head><body>The content of the document......</body></html>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/doctype/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.expected/template.js
index 85f9b1508..80cc01e3a 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _write(`<button>${_escapeXML(clickCount)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-event-handlers/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.expected/template.js
index 950da1d4e..fd065f33b 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.expected/template.js
@@ -1,11 +1,11 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const tagName = "span";
   const className = "A";
   const _dynamicScope = _dynamicTag(tagName, {
     class: className
-  }, () => _write("body content"));
+  }, /* @__PURE__ */_createRenderer(() => _write("body content")));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}<button></button>${_markResumeNode(_scope0_id, "#button/1")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/template.marko_0_tagName");
   _writeScope(_scope0_id, {
@@ -14,5 +14,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": tagName
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-native-dynamic-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.expected/template.js
index e6611290b..784e852cf 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const className = "A";
   _write(`<p${_classAttr(className)}>paragraph</p>${_markResumeNode(_scope0_id, "#p/0")}<button></button>${_markResumeNode(_scope0_id, "#button/1")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "className": className
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-attr-signal/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/components/child.js
index 9f3d4c7d2..9a99c3952 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/components/child.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   id
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div>Id is <!>${_escapeXML(id)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/template.js
index aed7e0e24..6b1d562c8 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
 import child from "./components/child.marko";
-import { markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const tagName = child;
   _write(`<button></button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -14,5 +14,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/1!": _dynamicScope,
     "#text/1(": tagName
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-custom-native/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child1.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child1.js
index 7326fb3b9..84ac0e87d 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child1.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child1.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div>Child 1 has <!>${_escapeXML(value)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/components/child1.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child2.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child2.js
index ad3ca2d52..66b7f0074 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child2.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/components/child2.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div>Child 2 has <!>${_escapeXML(value)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/components/child2.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/template.js
index d8c64a1e4..b00546b2a 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
 import child1 from "./components/child1.marko";
 import child2 from "./components/child2.marko";
-import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const tagName = child1;
   const val = 3;
@@ -16,5 +16,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": tagName
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-custom-tags/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-a/index.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-a/index.js
index 0edc8fa10..ff60aee97 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-a/index.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-a/index.js
@@ -1,5 +1,5 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-name/components/tag-a/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-b/index.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-b/index.js
index 47cf559ff..0f31c00e4 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-b/index.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/components/tag-b/index.js
@@ -1,5 +1,5 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-name/components/tag-b/index.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/template.js
index 30000bfa5..1e0d99bb3 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
 import tagA from "./components/tag-a/index.marko";
 import tagB from "./components/tag-b/index.marko";
-import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, attr as _attr, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, write as _write, attr as _attr, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, createRenderer as _createRenderer, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   renderBody,
   x,
   show,
@@ -45,18 +45,18 @@ const _renderer = ({
     }
   });
   const _tagName3 = showTagA && tagA;
-  function _renderBody2() {
+  const _renderBody2 = /* @__PURE__ */_createRenderer(() => {
     const _scope3_id = _nextScopeId();
-  }
+  });
   if (_tagName3) _tagName3({
     class: ["a", "b"],
     other: other
   });else _renderBody2();
   const _tagName4 = showTagA && tagA;
-  function _renderBody3() {
+  const _renderBody3 = /* @__PURE__ */_createRenderer(() => {
     const _scope1_id = _nextScopeId();
     _write("Body content");
-  }
+  });
   if (_tagName4) _tagName4({
     class: ["a", "b"],
     other: other
@@ -91,5 +91,5 @@ const _renderer = ({
     "#text/5!": _dynamicScope4,
     "#text/5(": _tagName5
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-name/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.expected/template.js
index aaaabc985..0f6f24af1 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<p class=par>paragraph</p>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-native/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.expected/template.js
index e64c0559e..5c89e7a3c 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { write as _write, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = null;
-  const _dynamicScope = _dynamicTag(x, {}, () => _write("Body Content"));
+  const _dynamicScope = _dynamicTag(x, {}, /* @__PURE__ */_createRenderer(() => _write("Body Content")));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}<button></button>${_markResumeNode(_scope0_id, "#button/1")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/template.marko_0_x");
   _writeScope(_scope0_id, {
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-sometimes-null/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/components/counter.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/components/counter.js
index a94044068..2e0e9e18b 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/components/counter.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/components/counter.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=count>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/components/counter.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/template.js
index f77373639..818344b9c 100644
--- a/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.expected/template.js
@@ -1,13 +1,13 @@
-import { nextScopeId as _nextScopeId, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, dynamicTag as _dynamicTag, markResumeControlEnd as _markResumeControlEnd, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _counter from "./components/counter.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const tagName = "div";
-  const _dynamicScope = _dynamicTag(tagName, {}, () => _counter._({
+  const _dynamicScope = _dynamicTag(tagName, {}, /* @__PURE__ */_createRenderer(() => _counter._({
     renderBody() {
       const _scope2_id = _nextScopeId();
     }
-  }));
+  })));
   _write(`${_markResumeControlEnd(_scope0_id, "#text/0")}<button id=changeTag></button>${_markResumeNode(_scope0_id, "#button/1")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/template.marko_0_tagName");
   _writeScope(_scope0_id, {
@@ -15,5 +15,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _dynamicScope,
     "#text/0(": tagName
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/dynamic-tag-with-updating-body/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/effect-counter/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/effect-counter/__snapshots__/html.expected/template.js
index cb97a5965..48b76657b 100644
--- a/packages/translator/src/__tests__/fixtures/effect-counter/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/effect-counter/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   _write(`<div><button id=button>0</button>${_markResumeNode(_scope0_id, "#button/0")}</div>`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/effect-counter/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/effect-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/effect-tag/__snapshots__/html.expected/template.js
index 80be0eb4e..792bf0f7f 100644
--- a/packages/translator/src/__tests__/fixtures/effect-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/effect-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   _write("<div id=ref>0</div>");
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/effect-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/entities/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/entities/__snapshots__/html.expected/template.js
index 18ee63894..9964b2f3e 100644
--- a/packages/translator/src/__tests__/fixtures/entities/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/entities/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("Hello John &amp; Suzy Invalid Entity: &b ; Valid Numeric Entity: &#34; Valid Hexadecimal Entity: &#x00A2;");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/entities/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/for-destructure/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/for-destructure/__snapshots__/html.expected/template.js
index 7bced1d5a..559d7bf54 100644
--- a/packages/translator/src/__tests__/fixtures/for-destructure/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/for-destructure/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const id = 0;
   const items = [{
@@ -29,5 +29,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "items": items,
     "#text/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/for-destructure/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.expected/template.js
index 4930a00b0..6410c8fb5 100644
--- a/packages/translator/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const arrA = [1, 2, 3];
   _write("<div>");
@@ -35,5 +35,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#div/0(": _scope1_.size ? _scope1_ : undefined,
     "#text/1(": _scope2_.size ? _scope2_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/for-tag-siblings/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.expected/template.js
index e646d1c5d..775893ba2 100644
--- a/packages/translator/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const arrA = [1, 2, 3];
   const _forScopeIds = [],
@@ -35,5 +35,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0(": _scope1_.size ? _scope1_ : undefined,
     "#text/1(": _scope2_.size ? _scope2_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/for-tag-with-state/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/for-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/for-tag/__snapshots__/html.expected/template.js
index fe07a2474..74a24c7e7 100644
--- a/packages/translator/src/__tests__/fixtures/for-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/for-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, attr as _attr, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, markResumeScopeStart as _markResumeScopeStart, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlEnd as _markResumeControlEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, attr as _attr, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const arr = [1, 2, 3];
   const obj = {
@@ -109,5 +109,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/4(": _scope5_.size ? _scope5_ : undefined,
     "#text/5(": _scope6_.size ? _scope6_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/for-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.expected/template.js
index 94e9eaee7..44268b0fd 100644
--- a/packages/translator/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, toString as _toString, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, toString as _toString, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`Hello <!>${_escapeXML(input.name)}${_markResumeNode(_scope0_id, "#text/0")}! Hello <!>${_toString(input.name)}${_markResumeNode(_scope0_id, "#text/1")}! Hello <!>${_toString(input.missing)}${_markResumeNode(_scope0_id, "#text/2")}!`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/hello-dynamic/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/html-entity/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/html-entity/__snapshots__/html.expected/template.js
index 5e93f3d45..364074ac4 100644
--- a/packages/translator/src/__tests__/fixtures/html-entity/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/html-entity/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div>&lt;div&gt;</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/html-entity/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/id-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/id-tag/__snapshots__/html.expected/template.js
index 25433edd6..12a451542 100644
--- a/packages/translator/src/__tests__/fixtures/id-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/id-tag/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { nextTagId as _nextTagId, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextTagId as _nextTagId, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = _nextTagId();
   const y = _nextTagId();
   _write(`<div>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/id-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/if-default-false/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/if-default-false/__snapshots__/html.expected/template.js
index 4c5d1cc9b..8568882b2 100644
--- a/packages/translator/src/__tests__/fixtures/if-default-false/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/if-default-false/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const show = false;
   _write(`<button></button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -10,7 +10,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/if-default-false/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-default-false/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/1", _ifScopeId)}`);
@@ -20,5 +20,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/1!": _scope1_,
     "#text/1(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/if-default-false/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/if-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/if-tag/__snapshots__/html.expected/template.js
index 42edbdccf..b800971cf 100644
--- a/packages/translator/src/__tests__/fixtures/if-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/if-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { SYMBOL_OWNER as _SYMBOL_OWNER, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { SYMBOL_OWNER as _SYMBOL_OWNER, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   let _ifScopeId, _scope1_, _ifRenderer;
   if (input.a + input.b) {
@@ -8,7 +8,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/if-tag/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-tag/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}`);
@@ -19,7 +19,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope2_id, _scope2_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer2 = () => {}, "packages/translator/src/__tests__/fixtures/if-tag/template.marko_2_renderer");
+    _register(_ifRenderer2 = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-tag/template.marko_2_renderer");
     _ifScopeId2 = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/1", _ifScopeId2)}<div>`);
@@ -30,7 +30,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope3_id, _scope3_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer3 = () => {}, "packages/translator/src/__tests__/fixtures/if-tag/template.marko_3_renderer");
+    _register(_ifRenderer3 = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-tag/template.marko_3_renderer");
     _ifScopeId3 = _scope3_id;
   } else if (input.y) {
     const _scope4_id = _nextScopeId();
@@ -38,7 +38,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope4_id, _scope3_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer3 = () => {}, "packages/translator/src/__tests__/fixtures/if-tag/template.marko_4_renderer");
+    _register(_ifRenderer3 = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-tag/template.marko_4_renderer");
     _ifScopeId3 = _scope4_id;
   } else {
     const _scope5_id = _nextScopeId();
@@ -46,7 +46,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope5_id, _scope3_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer3 = () => {}, "packages/translator/src/__tests__/fixtures/if-tag/template.marko_5_renderer");
+    _register(_ifRenderer3 = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/if-tag/template.marko_5_renderer");
     _ifScopeId3 = _scope5_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/2", _ifScopeId3)}</div>`);
@@ -58,5 +58,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/2!": _scope3_,
     "#text/2(": _ifRenderer3
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/if-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/import-tag-conflict/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/import-tag-conflict/__snapshots__/html.expected/template.js
index 9be54b844..2319494b3 100644
--- a/packages/translator/src/__tests__/fixtures/import-tag-conflict/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/import-tag-conflict/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
 import { asset as asset1 } from "./asset1";
 import { asset as asset2 } from "./asset2";
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`${_escapeXML(asset1)}${_markResumeNode(_scope0_id, "#text/0")} <!>${_escapeXML(asset2)}${_markResumeNode(_scope0_id, "#text/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/import-tag-conflict/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/components/baz.js b/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/components/baz.js
index ac986857e..6f08fb9f8 100644
--- a/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/components/baz.js
+++ b/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/components/baz.js
@@ -1,6 +1,6 @@
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div></div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/import-tag/components/baz.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/template.js
index 95e66b481..d0e48c440 100644
--- a/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/import-tag/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
 import "./foo";
 import { b as c } from "./bar";
 import baz from "./components/baz.marko";
-import { nextScopeId as _nextScopeId, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { nextScopeId as _nextScopeId, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   baz({
     renderBody() {
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     }
   });
   _write(`${_escapeXML(c)}${_markResumeNode(_scope0_id, "#text/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/import-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/input-destructure/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/input-destructure/__snapshots__/html.expected/template.js
index 36fe87c5d..0ce004203 100644
--- a/packages/translator/src/__tests__/fixtures/input-destructure/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/input-destructure/__snapshots__/html.expected/template.js
@@ -1,10 +1,10 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const {
     a,
     b
   } = input;
   _write(`${_escapeXML(a)}${_markResumeNode(_scope0_id, "#text/0")} <!>${_escapeXML(b)}${_markResumeNode(_scope0_id, "#text/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/input-destructure/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/let-tag-derived/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/let-tag-derived/__snapshots__/html.expected/template.js
index b5b758287..2e2a6b470 100644
--- a/packages/translator/src/__tests__/fixtures/let-tag-derived/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/let-tag-derived/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, escapeXML as _escapeXML, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, escapeXML as _escapeXML, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const {
     a
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "b": b
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/let-tag-derived/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/html.expected/template.js
index f9d0ff4d5..1b314390e 100644
--- a/packages/translator/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   const y = 0;
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/let-tag-set-in-effect/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/let-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/let-tag/__snapshots__/html.expected/template.js
index 2bf2dc472..417dfdf3b 100644
--- a/packages/translator/src/__tests__/fixtures/let-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/let-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   const y = 1;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "x": x,
     "y": y
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/let-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/html.expected/template.js
index 8737c8181..7668286a9 100644
--- a/packages/translator/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = undefined;
   _write(`<div>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/0")}</div>`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/let-undefined-until-dom/template.marko_0");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/let-undefined-until-dom/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/html.expected/template.js
index 9fc504499..a02273070 100644
--- a/packages/translator/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 0;
   const prev = false;
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/lifecycle-tag-assignment/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/__snapshots__/html.expected/template.js
index 75753257f..4e43e9030 100644
--- a/packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeNode as _markResumeNode, write as _write, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, markResumeNode as _markResumeNode, write as _write, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 0;
   const show = true;
@@ -11,7 +11,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
       "x": x,
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}<div id=ref></div><button id=increment>Increment</button>${_markResumeNode(_scope0_id, "#button/1")}<button id=toggle>Toggle</button>${_markResumeNode(_scope0_id, "#button/2")}`);
@@ -23,5 +23,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _scope1_,
     "#text/0(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/lifecycle-tag-conditional/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/html.expected/template.js
index 1ac00def1..5c6a671b2 100644
--- a/packages/translator/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 0;
   _write(`<div id=ref></div><button id=increment>Increment</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/lifecycle-tag-this/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/lifecycle-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/lifecycle-tag/__snapshots__/html.expected/template.js
index d7ae9cf86..312cb7e35 100644
--- a/packages/translator/src/__tests__/fixtures/lifecycle-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/lifecycle-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 0;
   _write(`<div id=ref></div><button id=increment>Increment</button>${_markResumeNode(_scope0_id, "#button/0")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "x": x
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/lifecycle-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/migrate-input/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/migrate-input/__snapshots__/html.expected/template.js
index 4986e2f2c..14275f49e 100644
--- a/packages/translator/src/__tests__/fixtures/migrate-input/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/migrate-input/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div><span>${_escapeXML(input.x)}${_markResumeNode(_scope0_id, "#text/0")}</span></div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/migrate-input/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/migrate-out-global/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/migrate-out-global/__snapshots__/html.expected/template.js
index 6074b842b..041bd6599 100644
--- a/packages/translator/src/__tests__/fixtures/migrate-out-global/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/migrate-out-global/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
-import { getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { getInContext as _getInContext, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _$global = _getInContext("$");
   _write(`<div><span>${_escapeXML(_$global.x)}${_markResumeNode(_scope0_id, "#text/0")}</span></div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/migrate-out-global/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/move-and-clear-children/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/move-and-clear-children/__snapshots__/html.expected/template.js
index d1d28ef3a..82202977a 100644
--- a/packages/translator/src/__tests__/fixtures/move-and-clear-children/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/move-and-clear-children/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   children
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -24,5 +24,5 @@ const _renderer = ({
   _writeScope(_scope0_id, {
     "#div/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/move-and-clear-children/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/html.expected/template.js
index 3ef121ab5..af6976248 100644
--- a/packages/translator/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const _forScopeIds = [],
     _scope1_ = new Map();
@@ -21,5 +21,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "#text/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/move-and-clear-top-level/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/__snapshots__/html.expected/template.js
index 46d8e895c..96dcad0c0 100644
--- a/packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const el = () => {
     throw new Error("Cannot reference DOM node from server");
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     const _scope1_id = _nextScopeId();
     _writeEffect(_scope1_id, "packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/template.marko_1");
   }
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/native-tag-ref-downstream-effect/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/components/hello-setter.js b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/components/hello-setter.js
index f15e172d0..4b1833584 100644
--- a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/components/hello-setter.js
+++ b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/components/hello-setter.js
@@ -1,5 +1,5 @@
-import { nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   el
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -7,5 +7,5 @@ const _renderer = ({
   _writeScope(_scope0_id, {
     "el": el
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/components/hello-setter.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/template.js
index 6b81f6f58..4f5d3e07f 100644
--- a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _helloSetter from "./components/hello-setter.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const el = () => {
     throw new Error("Cannot reference DOM node from server");
@@ -12,5 +12,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/native-tag-ref-effect-child/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/html.expected/template.js
index 1f322b5b3..52c34ac9b 100644
--- a/packages/translator/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/html.expected/template.js
@@ -1,10 +1,10 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const el = () => {
     throw new Error("Cannot reference DOM node from server");
   };
   _write(`<div></div>${_markResumeNode(_scope0_id, "#div/0")}`);
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/native-tag-ref-effect/template.marko_0");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/native-tag-ref-effect/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/__snapshots__/html.expected/template.js
index 444aedeaf..93b8a8520 100644
--- a/packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   if (true) {
     const _scope1_id = _nextScopeId();
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _write(`<div></div>${_markResumeNode(_scope1_id, "#div/0")}`);
   }
   _writeEffect(_scope0_id, "packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/template.marko_0");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/native-tag-ref-hoisting/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/html.expected/template.js
index 48562147e..39cc8ebf6 100644
--- a/packages/translator/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const clickCount = 0;
   const lastCount = 0;
@@ -9,5 +9,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "clickCount": clickCount
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/nested-assignment-expression/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/placeholders/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/placeholders/__snapshots__/html.expected/template.js
index 00dbadda2..38019e209 100644
--- a/packages/translator/src/__tests__/fixtures/placeholders/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/placeholders/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, toString as _toString, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, toString as _toString, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`${_escapeXML(input.x)}${_markResumeNode(_scope0_id, "#text/0")}<span>${_escapeXML(input.x)}${_markResumeNode(_scope0_id, "#text/1")}<div></div></span><div><div>a</div>${_escapeXML(input.x)}${_markResumeNode(_scope0_id, "#text/2")}Hello Text &lt;a/>${_toString(input.x)}${_markResumeNode(_scope0_id, "#text/3")}Hello HTML <a/><script>
     <!>Hello &lt;b> &lt;/script>
   </script></div>`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/placeholders/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/html.expected/template.js
index 4d7b1c341..7af8d3a64 100644
--- a/packages/translator/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const count = 0;
   _write(`<button id=addTwo>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}<button id=triple>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/3")}</button>${_markResumeNode(_scope0_id, "#button/2")}<button id=cube>${_escapeXML(count)}${_markResumeNode(_scope0_id, "#text/5")}</button>${_markResumeNode(_scope0_id, "#button/4")}`);
@@ -7,5 +7,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
   _writeScope(_scope0_id, {
     "count": count
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/reassignment-expression-counter/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/html.expected/template.js
index bbf631d5b..60a3fe023 100644
--- a/packages/translator/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, nextScopeId as _nextScopeId, writeScope as _writeScope, maybeFlush as _maybeFlush, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   children
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -24,5 +24,5 @@ const _renderer = ({
   _writeScope(_scope0_id, {
     "#div/0(": _scope1_.size ? _scope1_ : undefined
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/remove-and-add-rows/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/components/child.js b/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/components/child.js
index 80b864689..a3ca6a1ee 100644
--- a/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/components/child.js
+++ b/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/components/child.js
@@ -1,5 +1,5 @@
-import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const x = 1;
   _write("<span>child</span>");
@@ -8,5 +8,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "/": _tagVar
   }, _scope0_);
   return _return;
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/return-tag-no-var/components/child.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/template.js
index 98987b41f..750f48eac 100644
--- a/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/return-tag-no-var/__snapshots__/html.expected/template.js
@@ -1,11 +1,11 @@
-import { nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+import { nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
 import _child from "./components/child.marko";
-const _renderer = (input, _tagVar, _scope0_) => {
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _child._({
     renderBody() {
       const _scope1_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/return-tag-no-var/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/return-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/return-tag/__snapshots__/html.expected/template.js
index 6cfbca749..dd2580ca8 100644
--- a/packages/translator/src/__tests__/fixtures/return-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/return-tag/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, write as _write, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   let _ifScopeId, _scope1_, _ifRenderer;
   if (input.show) {
@@ -8,7 +8,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/return-tag/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/return-tag/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   } else {
     const _scope2_id = _nextScopeId();
@@ -16,7 +16,7 @@ const _renderer = (input, _tagVar, _scope0_) => {
     _writeScope(_scope2_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/return-tag/template.marko_2_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/return-tag/template.marko_2_renderer");
     _ifScopeId = _scope2_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}`);
@@ -24,5 +24,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "#text/0!": _scope1_,
     "#text/0(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/return-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/style-tag-modules-default/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/style-tag-modules-default/__snapshots__/html.expected/template.js
index 6fee93721..5f90ea9c9 100644
--- a/packages/translator/src/__tests__/fixtures/style-tag-modules-default/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/style-tag-modules-default/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
 import myStyles from "virtual:./template.marko.module.css \n  .content {\n    color: green;\n  }\n";
-import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div${_classAttr(myStyles.content)}>Hello</div>${_markResumeNode(_scope0_id, "#div/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/style-tag-modules-default/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/style-tag-modules-destructured/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/style-tag-modules-destructured/__snapshots__/html.expected/template.js
index 2dee1f403..d42650f33 100644
--- a/packages/translator/src/__tests__/fixtures/style-tag-modules-destructured/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/style-tag-modules-destructured/__snapshots__/html.expected/template.js
@@ -1,10 +1,10 @@
 import _style from "virtual:./template.marko.module.css \n  .content {\n    color: green;\n  }\n";
-import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { classAttr as _classAttr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const {
     content
   } = _style;
   _write(`<div${_classAttr(content)}>Hello</div>${_markResumeNode(_scope0_id, "#div/1")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/style-tag-modules-destructured/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/style-tag-type/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/style-tag-type/__snapshots__/html.expected/template.js
index ceab45cca..f5d59a372 100644
--- a/packages/translator/src/__tests__/fixtures/style-tag-type/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/style-tag-type/__snapshots__/html.expected/template.js
@@ -1,9 +1,9 @@
 import "virtual:./template.marko.less \n  .content {\n    color: green;\n  }\n";
 import "virtual:./template.marko.less \n  .content {\n    color: blue;\n  }\n";
 import "virtual:./template.marko.less \n  .content {\n    color: red;\n  }\n";
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div class=content>Hello</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/style-tag-type/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/style-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/style-tag/__snapshots__/html.expected/template.js
index f657be3e0..1a4328f44 100644
--- a/packages/translator/src/__tests__/fixtures/style-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/style-tag/__snapshots__/html.expected/template.js
@@ -1,7 +1,7 @@
 import "virtual:./template.marko.css \n  .content {\n    color: green;\n  }\n";
-import { write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write("<div class=content>Hello</div>");
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/style-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/tag-tag/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/tag-tag/__snapshots__/html.expected/template.js
index 14b646f94..9a6502322 100644
--- a/packages/translator/src/__tests__/fixtures/tag-tag/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/tag-tag/__snapshots__/html.expected/template.js
@@ -1,12 +1,12 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, createRenderer as _createRenderer, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
-  const MyTag = input => _write(`Hello <!>${_escapeXML(input.name)}${_markResumeNode(_scope1_id, "#text/0")}`);
+  const MyTag = /* @__PURE__ */_createRenderer(input => _write(`Hello <!>${_escapeXML(input.name)}${_markResumeNode(_scope1_id, "#text/0")}`));
   MyTag({
     name: "World",
     renderBody() {
       const _scope2_id = _nextScopeId();
     }
   });
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/tag-tag/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/toggle-first-child/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/toggle-first-child/__snapshots__/html.expected/template.js
index 28cea9998..4793b4534 100644
--- a/packages/translator/src/__tests__/fixtures/toggle-first-child/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/toggle-first-child/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { write as _write, escapeXML as _escapeXML, markResumeNode as _markResumeNode, SYMBOL_OWNER as _SYMBOL_OWNER, nextScopeId as _nextScopeId, writeScope as _writeScope, createRenderer as _createRenderer, register as _register, markResumeControlSingleNodeEnd as _markResumeControlSingleNodeEnd, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
@@ -11,7 +11,7 @@ const _renderer = ({
     _writeScope(_scope1_id, _scope1_ = {
       [_SYMBOL_OWNER]: _scope0_id
     });
-    _register(_ifRenderer = () => {}, "packages/translator/src/__tests__/fixtures/toggle-first-child/template.marko_1_renderer");
+    _register(_ifRenderer = /* @__PURE__ */_createRenderer(() => {}), "packages/translator/src/__tests__/fixtures/toggle-first-child/template.marko_1_renderer");
     _ifScopeId = _scope1_id;
   }
   _write(`${_markResumeControlSingleNodeEnd(_scope0_id, "#text/0", _ifScopeId)}<span></span><span></span></div>`);
@@ -19,5 +19,5 @@ const _renderer = ({
     "#text/0!": _scope1_,
     "#text/0(": _ifRenderer
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/toggle-first-child/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/update-attr/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/update-attr/__snapshots__/html.expected/template.js
index 5ee075824..661c87b65 100644
--- a/packages/translator/src/__tests__/fixtures/update-attr/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/update-attr/__snapshots__/html.expected/template.js
@@ -1,6 +1,6 @@
-import { attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { attr as _attr, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<div a=0${_attr("b", input.value)}></div>${_markResumeNode(_scope0_id, "#div/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/update-attr/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/update-html/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/update-html/__snapshots__/html.expected/template.js
index 2a0c1c815..9bf5ffcea 100644
--- a/packages/translator/src/__tests__/fixtures/update-html/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/update-html/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { toString as _toString, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { toString as _toString, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`<em>Testing</em> <!>${_toString(value)}${_markResumeNode(_scope0_id, "#text/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/update-html/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/update-text/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/update-text/__snapshots__/html.expected/template.js
index 233b1a42b..c0bf80f80 100644
--- a/packages/translator/src/__tests__/fixtures/update-text/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/update-text/__snapshots__/html.expected/template.js
@@ -1,8 +1,8 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = ({
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer(({
   value
 }, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   _write(`Static <!>${_escapeXML(value)}${_markResumeNode(_scope0_id, "#text/0")}`);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/update-text/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/__tests__/fixtures/user-effect-cleanup/__snapshots__/html.expected/template.js b/packages/translator/src/__tests__/fixtures/user-effect-cleanup/__snapshots__/html.expected/template.js
index ff98e62d3..bc4b2b171 100644
--- a/packages/translator/src/__tests__/fixtures/user-effect-cleanup/__snapshots__/html.expected/template.js
+++ b/packages/translator/src/__tests__/fixtures/user-effect-cleanup/__snapshots__/html.expected/template.js
@@ -1,5 +1,5 @@
-import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
-const _renderer = (input, _tagVar, _scope0_) => {
+import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, nextScopeId as _nextScopeId, writeEffect as _writeEffect, writeScope as _writeScope, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-fluurt/src/html";
+const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar, _scope0_) => {
   const _scope0_id = _nextScopeId();
   const a = 0;
   const b = 0;
@@ -10,5 +10,5 @@ const _renderer = (input, _tagVar, _scope0_) => {
     "a": a,
     "b": b
   }, _scope0_);
-};
+});
 export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator/src/__tests__/fixtures/user-effect-cleanup/template.marko");
\ No newline at end of file
diff --git a/packages/translator/src/core/condition/if.ts b/packages/translator/src/core/condition/if.ts
index 142d976ff..74149b372 100644
--- a/packages/translator/src/core/condition/if.ts
+++ b/packages/translator/src/core/condition/if.ts
@@ -254,7 +254,10 @@ export function exitBranchTranslate(tag: t.NodePath<t.MarkoTag>) {
                 t.assignmentExpression(
                   "=",
                   ifRendererIdentifier,
-                  t.arrowFunctionExpression([], t.blockStatement([]))
+                  callRuntime(
+                    "createRenderer",
+                    t.arrowFunctionExpression([], t.blockStatement([]))
+                  )
                 ),
                 t.stringLiteral(getResumeRegisterId(section, "renderer"))
               )
diff --git a/packages/translator/src/core/tag.ts b/packages/translator/src/core/tag.ts
index 7d43710fb..ea66d7a25 100644
--- a/packages/translator/src/core/tag.ts
+++ b/packages/translator/src/core/tag.ts
@@ -3,6 +3,7 @@ import type { Tag } from "@marko/babel-utils";
 import * as writer from "../util/writer";
 import toFirstExpressionOrBlock from "../util/to-first-expression-or-block";
 import { isOutputHTML } from "../util/marko-config";
+import { callRuntime } from "../util/runtime";
 
 export default {
   translate: {
@@ -27,9 +28,12 @@ export default {
         t.variableDeclaration("const", [
           t.variableDeclarator(
             tag.node.var!,
-            t.arrowFunctionExpression(
-              tag.node.body.params,
-              toFirstExpressionOrBlock(tag.node.body)
+            callRuntime(
+              "createRenderer",
+              t.arrowFunctionExpression(
+                tag.node.body.params,
+                toFirstExpressionOrBlock(tag.node.body)
+              )
             )
           ),
         ])
diff --git a/packages/translator/src/visitors/program/html.ts b/packages/translator/src/visitors/program/html.ts
index 2bafd55d3..f87413c77 100644
--- a/packages/translator/src/visitors/program/html.ts
+++ b/packages/translator/src/visitors/program/html.ts
@@ -42,13 +42,16 @@ export default {
         t.variableDeclaration("const", [
           t.variableDeclarator(
             rendererId,
-            t.arrowFunctionExpression(
-              [
-                attrs ? (attrs.var as any) : t.identifier("input"),
-                tagVarIdentifier,
-                getScopeIdentifier(getSection(program)),
-              ],
-              t.blockStatement(renderContent)
+            callRuntime(
+              "createRenderer",
+              t.arrowFunctionExpression(
+                [
+                  attrs ? (attrs.var as any) : t.identifier("input"),
+                  tagVarIdentifier,
+                  getScopeIdentifier(getSection(program)),
+                ],
+                t.blockStatement(renderContent)
+              )
             )
           ),
         ]),
diff --git a/packages/translator/src/visitors/tag/custom-tag.ts b/packages/translator/src/visitors/tag/custom-tag.ts
index 574e30661..5ea21cb1e 100644
--- a/packages/translator/src/visitors/tag/custom-tag.ts
+++ b/packages/translator/src/visitors/tag/custom-tag.ts
@@ -138,20 +138,27 @@ function translateHTML(tag: t.NodePath<t.MarkoTag>) {
     if (renderBodyProp) {
       renderBodyId = tag.scope.generateUidIdentifier("renderBody");
       const [renderBodyPath] = tag.insertBefore(
-        t.functionDeclaration(
-          renderBodyId,
-          renderBodyProp.params.length
-            ? [
-                t.objectPattern([
-                  t.objectProperty(
-                    t.identifier("value"),
-                    t.arrayPattern(renderBodyProp.params)
-                  ),
-                ]),
-              ]
-            : [],
-          renderBodyProp.body
-        )
+        t.variableDeclaration("const", [
+          t.variableDeclarator(
+            renderBodyId,
+            callRuntime(
+              "createRenderer",
+              t.arrowFunctionExpression(
+                renderBodyProp.params.length
+                  ? [
+                      t.objectPattern([
+                        t.objectProperty(
+                          t.identifier("value"),
+                          t.arrayPattern(renderBodyProp.params)
+                        ),
+                      ]),
+                    ]
+                  : [],
+                renderBodyProp.body
+              )
+            )
+          ),
+        ])
       );
 
       renderBodyPath.skip();
@@ -184,7 +191,10 @@ function translateHTML(tag: t.NodePath<t.MarkoTag>) {
         attrsObject,
         callRuntime(
           "register",
-          t.arrowFunctionExpression([], t.blockStatement([])),
+          callRuntime(
+            "createRenderer",
+            t.arrowFunctionExpression([], t.blockStatement([]))
+          ),
           t.stringLiteral(
             getResumeRegisterId(
               section,
diff --git a/packages/translator/src/visitors/tag/dynamic-tag.ts b/packages/translator/src/visitors/tag/dynamic-tag.ts
index d389d31ed..2656a2ab5 100644
--- a/packages/translator/src/visitors/tag/dynamic-tag.ts
+++ b/packages/translator/src/visitors/tag/dynamic-tag.ts
@@ -95,18 +95,21 @@ export default {
           (attrsObject as t.ObjectExpression).properties.pop();
 
           args.push(
-            t.arrowFunctionExpression(
-              renderBodyProp.params.length
-                ? [
-                    t.objectPattern([
-                      t.objectProperty(
-                        t.identifier("value"),
-                        t.arrayPattern(renderBodyProp.params)
-                      ),
-                    ]),
-                  ]
-                : [],
-              toFirstExpressionOrBlock(renderBodyProp.body)
+            callRuntime(
+              "createRenderer",
+              t.arrowFunctionExpression(
+                renderBodyProp.params.length
+                  ? [
+                      t.objectPattern([
+                        t.objectProperty(
+                          t.identifier("value"),
+                          t.arrayPattern(renderBodyProp.params)
+                        ),
+                      ]),
+                    ]
+                  : [],
+                toFirstExpressionOrBlock(renderBodyProp.body)
+              )
             )
           );
         }
@@ -144,7 +147,9 @@ export default {
           t.stringLiteral(
             getScopeAccessorLiteral(node.extra.reserve!).value + "("
           ),
-          tagExpression
+          t.isIdentifier(tagExpression)
+            ? t.identifier(tagExpression.name)
+            : tagExpression
         );
       } else {
         const section = getSection(tag);