diff --git a/.changeset/html-structure-validation.md b/.changeset/html-structure-validation.md new file mode 100644 index 00000000000..1a93060ff53 --- /dev/null +++ b/.changeset/html-structure-validation.md @@ -0,0 +1,5 @@ +--- +"@marko/runtime-tags": patch +--- + +Report invalid HTML structure during development, with the originating template position (`file:line:col`). Markup that the browser's parser relocates, drops or re-nests silently desynchronizes hydration, and is now surfaced instead of failing at hydration time. diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-and-components-dir/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-and-components-dir/__snapshots__/html.bundle.debug.js index f73c3d3054b..57574dfa84d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-and-components-dir/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-and-components-dir/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var import_html = require_html(); var hello_tags_default = _template("__tests__/tags/hello-tags.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("

Hello tags

"); + _html_opens("__tests__/tags/hello-tags.marko:1:1"), _html("

Hello tags

"); }); // components/hello-components.marko diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-dir/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-dir/__snapshots__/html.bundle.debug.js index 5ecdb47426e..36e92d7e9e2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-dir/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/ambiguous-tags-dir/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var hello_default = _template("__tests__/tags/hello.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("

Hello world

"); + _html_opens("__tests__/tags/hello.marko:1:1"), _html("

Hello world

"); }); // template.marko diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/explicit/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/explicit/__snapshots__/html.bundle.debug.js index e7a8f949951..40a0bb0399f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/explicit/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/explicit/__snapshots__/html.bundle.debug.js @@ -2,5 +2,5 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("

Hello world

"); + _html_opens("__tests__/template.marko:2:1"), _html("

Hello world

"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-class-to-tags/__snapshots__/html.bundle.debug.js index 1f666ed6183..b8765fd52af 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-class-to-tags/__snapshots__/html.bundle.debug.js @@ -5,7 +5,7 @@ var tags_counter_default = _template("__tests__/components/tags-counter.marko", _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-counter.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-counter.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-class/__snapshots__/html.bundle.debug.js index 70f8c508714..9c74290136f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-class/__snapshots__/html.bundle.debug.js @@ -27,8 +27,8 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/2", _marko_template, { count }); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/2", _marko_template, { count }, void 0, void 0, void 0, "__tests__/template.marko:5:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-inert-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-inert-class/__snapshots__/html.bundle.debug.js index 681f11eb3ee..cae9c76f206 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-inert-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-basic-tags-to-inert-class/__snapshots__/html.bundle.debug.js @@ -19,8 +19,8 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/2", _marko_template, { value: "Hello World" }, 0, 0, 0); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/2", _marko_template, { value: "Hello World" }, 0, 0, 0, "__tests__/template.marko:6:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-camel-events-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-camel-events-tags-to-class/__snapshots__/html.bundle.debug.js index 0aa4966ac56..0735c0ddd02 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-camel-events-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-camel-events-tags-to-class/__snapshots__/html.bundle.debug.js @@ -26,8 +26,8 @@ var template_default = _template("__tests__/template.marko", (input) => { onValueChanged: _resume(function(value) { received = value; }, "__tests__/template.marko_0/onValueChanged", $scope0_id) - }, 0, 0, 0); - _html(`
${_escape(received)}${_el_resume($scope0_id, "#text/1")}
`); + }, 0, 0, 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:6:1"), _html(`
${_escape(received)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-in-components-in-tags-dir/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-in-components-in-tags-dir/__snapshots__/html.bundle.debug.js index dbebc867883..3a8919f3ec5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-in-components-in-tags-dir/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-in-components-in-tags-dir/__snapshots__/html.bundle.debug.js @@ -17,7 +17,7 @@ s("__tests__/tags/components/hello-internal.marko", _marko_template); var hello_default = _template("__tests__/tags/hello.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0); + _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0, "__tests__/tags/hello.marko:1:1"); }); // template.marko diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-inline-script-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-inline-script-tags-to-class/__snapshots__/html.bundle.debug.js index ebf8d8c28c6..681a0b75d63 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-inline-script-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-inline-script-tags-to-class/__snapshots__/html.bundle.debug.js @@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let n = 0; - _html(`
${_escape(n)}
`); - _dynamic_tag($scope0_id, "#text/1", _marko_template, {}, 0, 0, 0); + _html_opens("__tests__/template.marko:2:1"), _html(`
${_escape(n)}
`); + _dynamic_tag($scope0_id, "#text/1", _marko_template, {}, 0, 0, 0, "__tests__/template.marko:3:1"); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-to-tags-import/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-to-tags-import/__snapshots__/html.bundle.debug.js index 261537a0ab0..87a8fcaf174 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-to-tags-import/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-class-to-tags-import/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var tags_counter_default = _template("__tests__/components/tags-counter.marko", _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-counter.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-counter.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-feature-detection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-feature-detection/__snapshots__/html.bundle.debug.js index b78d60c63e0..9d03addc7a9 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-feature-detection/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-feature-detection/__snapshots__/html.bundle.debug.js @@ -2,6 +2,6 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
"); + _html_opens("__tests__/template.marko:2:1"), _html("
"); _script($scope0_id, "__tests__/template.marko_0"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-migrate/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-migrate/__snapshots__/html.bundle.debug.js index 19cd56c3483..e7d1dca62d1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-migrate/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-deprecated-core-tag-migrate/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const { greeting } = input; let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
`); _script($scope0_id, "__tests__/template.marko_0_greeting_count"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-duplicate-class-tag-registration/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-duplicate-class-tag-registration/__snapshots__/html.bundle.debug.js index bf592e2724e..259e4545088 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-duplicate-class-tag-registration/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-duplicate-class-tag-registration/__snapshots__/html.bundle.debug.js @@ -27,9 +27,9 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/2", _marko_template, { count }); - _dynamic_tag($scope0_id, "#text/3", _marko_template, { count }); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/2", _marko_template, { count }, void 0, void 0, void 0, "__tests__/template.marko:5:1"); + _dynamic_tag($scope0_id, "#text/3", _marko_template, { count }, void 0, void 0, void 0, "__tests__/template.marko:6:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-class-to-tags/__snapshots__/html.bundle.debug.js index 22ecb9e1793..040d0327130 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-class-to-tags/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var tags_child_default = _template("__tests__/components/tags-child.marko", (inp _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-child.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-child.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-child.marko", 0, { count: "2:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-conditional-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-conditional-class-to-tags/__snapshots__/html.bundle.debug.js index 0d7625fea9b..02157448a5d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-conditional-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-dynamic-tag-conditional-class-to-tags/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var tags_child_default = _template("__tests__/components/tags-child.marko", (inp _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-child.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-child.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-child.marko", 0, { count: "2:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-inline-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-inline-tags-to-class/__snapshots__/html.bundle.debug.js index 367e56094aa..49ccf2fa550 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-inline-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-inline-tags-to-class/__snapshots__/html.bundle.debug.js @@ -27,8 +27,8 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); _scope_reason(); _html("Reset"); - }, $scope0_id), 0, 0); - _html(`
${_escape(msg)}${_el_resume($scope0_id, "#text/1")}
`); + }, $scope0_id), 0, 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:5:1"), _html(`
${_escape(msg)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-split-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-split-tags-to-class/__snapshots__/html.bundle.debug.js index 0eb72bc9d58..d654b399b83 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-split-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-emit-split-tags-to-class/__snapshots__/html.bundle.debug.js @@ -27,8 +27,8 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); _scope_reason(); _html("Reset"); - }, $scope0_id), 0, 0); - _html(`
${_escape(msg)}${_el_resume($scope0_id, "#text/1")}
`); + }, $scope0_id), 0, 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:5:1"), _html(`
${_escape(msg)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-class-to-tags/__snapshots__/html.bundle.debug.js index be0bde0a302..e5fdaf9bc6d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-class-to-tags/__snapshots__/html.bundle.debug.js @@ -5,7 +5,7 @@ var tags_pinger_default = _template("__tests__/components/tags-pinger.marko", (i _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-pinger.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-pinger.marko_0"); writeScope($scope0_id, { input_onPing: input.onPing, diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-handler-render-body-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-handler-render-body-tags-to-class/__snapshots__/html.bundle.debug.js index 0b2abecaed5..bee3f7746ec 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-handler-render-body-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-handler-render-body-tags-to-class/__snapshots__/html.bundle.debug.js @@ -32,7 +32,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`${_escape(count)}${_el_resume($scope1_id, "#text/0")}`); _subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2")); _resume_branch($scope1_id); - }, $scope0_id)); + }, $scope0_id), void 0, void 0, "__tests__/template.marko:2:1"); writeScope($scope0_id, { count, "ClosureScopes:count": $count__closures diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-split-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-split-class-to-tags/__snapshots__/html.bundle.debug.js index 1942a421d40..97200a36481 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-split-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-event-split-class-to-tags/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var tags_pinger_default = _template("__tests__/components/tags-pinger.marko", (i _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/components/tags-pinger.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/components/tags-pinger.marko_0"); writeScope($scope0_id, { input_onPing: input.onPing, diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-events-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-events-tags-to-class/__snapshots__/html.bundle.debug.js index 17e8c036931..6e5b091bf12 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-events-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-events-tags-to-class/__snapshots__/html.bundle.debug.js @@ -29,8 +29,8 @@ var template_default = _template("__tests__/template.marko", (input) => { let count = 0; _dynamic_tag($scope0_id, "#text/0", _marko_template, { onCount: _resume(function(newCount) { count = newCount; - }, "__tests__/template.marko_0/onCount", $scope0_id) }, 0, 0, 0); - _html(`
${_escape(count)}${_el_resume($scope0_id, "#text/1")}
`); + }, "__tests__/template.marko_0/onCount", $scope0_id) }, 0, 0, 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:6:1"), _html(`
${_escape(count)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-inert-class-parent-stateful-child/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-inert-class-parent-stateful-child/__snapshots__/html.bundle.debug.js index 1476b79e2d4..511bd8d6da5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-inert-class-parent-stateful-child/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-inert-class-parent-stateful-child/__snapshots__/html.bundle.debug.js @@ -53,5 +53,5 @@ s("__tests__/components/wrapper.marko", _marko_template, "preserve"); var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0); + _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0, "__tests__/template.marko:2:1"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-boundary-split-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-boundary-split-tags-to-class/__snapshots__/html.bundle.debug.js index e48a83cffc7..d31c347982b 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-boundary-split-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-boundary-split-tags-to-class/__snapshots__/html.bundle.debug.js @@ -20,9 +20,9 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let n = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/2", _marko_template, {}, 0, 0, 0); - _dynamic_tag($scope0_id, "#text/3", _marko_template, { count: n }); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/2", _marko_template, {}, 0, 0, 0, "__tests__/template.marko:4:1"); + _dynamic_tag($scope0_id, "#text/3", _marko_template, { count: n }, void 0, void 0, void 0, "__tests__/template.marko:5:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "2:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-inert-and-stateful-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-inert-and-stateful-tags-to-class/__snapshots__/html.bundle.debug.js index 35bbfd345e3..4ff9ec749ea 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-inert-and-stateful-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-mixed-inert-and-stateful-tags-to-class/__snapshots__/html.bundle.debug.js @@ -40,9 +40,9 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/2", _marko_template$1, { value: "Hello World" }, 0, 0, 0); - _dynamic_tag($scope0_id, "#text/3", _marko_template, { count }); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/2", _marko_template$1, { value: "Hello World" }, 0, 0, 0, "__tests__/template.marko:5:1"); + _dynamic_tag($scope0_id, "#text/3", _marko_template, { count }, void 0, void 0, void 0, "__tests__/template.marko:6:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-attr-tags-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-attr-tags-class-to-tags/__snapshots__/html.bundle.debug.js index b6971801401..197174abe8d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-attr-tags-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-attr-tags-class-to-tags/__snapshots__/html.bundle.debug.js @@ -6,8 +6,8 @@ var tags_layout_default = _template("__tests__/components/tags-layout.marko", (i const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
`); - _dynamic_tag($scope0_id, "#text/2", input.stuff.content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/components/tags-layout.marko:2:1", "__tests__/components/tags-layout.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
`); + _dynamic_tag($scope0_id, "#text/2", input.stuff.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/components/tags-layout.marko:6:3"); _html("
"); _script($scope0_id, "__tests__/components/tags-layout.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-layout.marko", 0, { count: "1:6" }); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-class-to-tags/__snapshots__/html.bundle.debug.js index 68d88389257..5ea52a7beb1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-class-to-tags/__snapshots__/html.bundle.debug.js @@ -5,8 +5,8 @@ var tags_layout_default = _template("__tests__/components/tags-layout.marko", (i const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
`); - _dynamic_tag($scope0_id, "#text/2", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/components/tags-layout.marko:2:1", "__tests__/components/tags-layout.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
`); + _dynamic_tag($scope0_id, "#text/2", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/components/tags-layout.marko:6:3"); _html("
"); _script($scope0_id, "__tests__/components/tags-layout.marko_0"); writeScope($scope0_id, { count }, "__tests__/components/tags-layout.marko", 0, { count: "1:6" }); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-tags-to-class/__snapshots__/html.bundle.debug.js index c8f82abc83d..020ac3a41bc 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-nested-tags-to-class/__snapshots__/html.bundle.debug.js @@ -34,11 +34,11 @@ var template_default = _template("__tests__/template.marko", (input) => { _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); - _html(`${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); _subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2")); _resume_branch($scope1_id); - }, $scope0_id), 0, 0); + }, $scope0_id), 0, 0, "__tests__/template.marko:2:1"); writeScope($scope0_id, { count, "ClosureScopes:count": $count__closures diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-reactive-split-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-reactive-split-tags-to-class/__snapshots__/html.bundle.debug.js index bac17289ea7..ff168279d63 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-reactive-split-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-reactive-split-tags-to-class/__snapshots__/html.bundle.debug.js @@ -20,8 +20,8 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/1", _marko_template, { value: count }); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/1", _marko_template, { value: count }, void 0, void 0, void 0, "__tests__/template.marko:5:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-rerender-inert-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-rerender-inert-class/__snapshots__/html.bundle.debug.js index f18cb495686..c03e7e12b05 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-rerender-inert-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-rerender-inert-class/__snapshots__/html.bundle.debug.js @@ -20,8 +20,8 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let msg = "hi"; - _html(`${_el_resume($scope0_id, "#button/0")}`); - _dynamic_tag($scope0_id, "#text/1", _marko_template, { value: msg }); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); + _dynamic_tag($scope0_id, "#text/1", _marko_template, { value: msg }, void 0, void 0, void 0, "__tests__/template.marko:5:1"); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { msg }, "__tests__/template.marko", 0, { msg: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-roundtrip-split-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-roundtrip-split-tags-to-class/__snapshots__/html.bundle.debug.js index 51343c8d94c..cbc0dbcc476 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-roundtrip-split-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-roundtrip-split-tags-to-class/__snapshots__/html.bundle.debug.js @@ -26,8 +26,8 @@ var template_default = _template("__tests__/template.marko", (input) => { onIncrement: _resume(function() { count++; }, "__tests__/template.marko_0/onIncrement", $scope0_id) - }); - _html(`
${_escape(count)}${_el_resume($scope0_id, "#text/1")}
`); + }, void 0, void 0, void 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:3:1"), _html(`
${_escape(count)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-split-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-split-tags-to-class/__snapshots__/html.bundle.debug.js index 3138f8b2e58..9ad4d033b5a 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-split-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-split-tags-to-class/__snapshots__/html.bundle.debug.js @@ -19,6 +19,6 @@ s("__tests__/components/split-counter/index.marko", _marko_template, "preserve") var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
tags
"); - _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0); + _html_opens("__tests__/template.marko:2:1"), _html("
tags
"); + _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0, "__tests__/template.marko:3:1"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-tags-to-class/__snapshots__/html.bundle.debug.js index 275e8aeea67..e7e351ab3d5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-self-interactive-tags-to-class/__snapshots__/html.bundle.debug.js @@ -25,6 +25,6 @@ s("__tests__/components/self-counter.marko", _marko_template); var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
tags
"); - _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0); + _html_opens("__tests__/template.marko:2:1"), _html("
tags
"); + _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, 0, 0, 0, "__tests__/template.marko:3:1"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-stateless-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-stateless-tags-to-class/__snapshots__/html.bundle.debug.js index b38cb64e78d..d75e74b971e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-stateless-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-stateless-tags-to-class/__snapshots__/html.bundle.debug.js @@ -27,6 +27,6 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); _scope_reason(); _html("Say Hi"); - }, $scope0_id), 0, 0); - _html(""); + }, $scope0_id), 0, 0, "__tests__/template.marko:2:1"); + _html_opens("__tests__/template.marko:5:1"), _html(""); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-class-to-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-class-to-tags/__snapshots__/html.bundle.debug.js index a2d6352e121..4e465251f12 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-class-to-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-class-to-tags/__snapshots__/html.bundle.debug.js @@ -5,8 +5,8 @@ var tags_layout_default = _template("__tests__/components/tags-layout.marko", (i _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
`); - _dynamic_tag($scope0_id, "#text/2", input.content, [count, "hello"], 0, 1); + _html_opens("__tests__/components/tags-layout.marko:2:1", "__tests__/components/tags-layout.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
`); + _dynamic_tag($scope0_id, "#text/2", input.content, [count, "hello"], 0, 1, void 0, "__tests__/components/tags-layout.marko:6:3"); _html("
"); _script($scope0_id, "__tests__/components/tags-layout.marko_0"); writeScope($scope0_id, { diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-tags-to-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-tags-to-class/__snapshots__/html.bundle.debug.js index 8e93b8e1831..388ddab28c6 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-tags-to-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/interop-tag-params-tags-to-class/__snapshots__/html.bundle.debug.js @@ -34,14 +34,14 @@ var template_default = _template("__tests__/template.marko", (input) => { _dynamic_tag($scope0_id, "#text/0", _marko_template, {}, _content_resume("__tests__/template.marko_1_content", (baseCount, message) => { const $scope1_id = _scope_id(); const $scope1_reason = _scope_reason(), $sg__baseCount = _serialize_guard($scope1_reason, 0); - _html(`

${_escape(message)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}

${_el_resume($scope1_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:3", "__tests__/template.marko:4:3"), _html(`

${_escape(message)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}

${_el_resume($scope1_id, "#button/1")}`); _script($scope1_id, "__tests__/template.marko_1"); _subscribe($multiplier__closures, writeScope($scope1_id, { baseCount, _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2", { baseCount: "2:15" })); _resume_branch($scope1_id); - }, $scope0_id), 0, 0); + }, $scope0_id), 0, 0, "__tests__/template.marko:2:1"); writeScope($scope0_id, { multiplier, "ClosureScopes:multiplier": $multiplier__closures diff --git a/packages/runtime-tags/src/__tests__/fixtures-interop/let/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures-interop/let/__snapshots__/html.bundle.debug.js index f9ad8ed000d..30f46381660 100644 --- a/packages/runtime-tags/src/__tests__/fixtures-interop/let/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures-interop/let/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/abort-signal-deduped/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/abort-signal-deduped/__snapshots__/html.bundle.debug.js index fef246973da..355b3d4578e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/abort-signal-deduped/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/abort-signal-deduped/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
"); + _html_opens("__tests__/template.marko:1:1"), _html("
"); _script($scope0_id, "__tests__/template.marko_0"); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/abort-signal-render-phase-error/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/abort-signal-render-phase-error/__snapshots__/html.bundle.debug.js index 3c108407116..1e7271f5d3a 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/abort-signal-render-phase-error/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/abort-signal-render-phase-error/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html(`
${_escape((() => { + _html_opens("__tests__/template.marko:1:1"), _html(`
${_escape((() => { throw new Error("Cannot use $signal in a server render."); })().onabort = () => {})}
`); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-derived-to-undefined/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-derived-to-undefined/__snapshots__/html.bundle.debug.js index 7648c08db17..eae20abdd83 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-derived-to-undefined/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-derived-to-undefined/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { 3 ]; const [first, second] = list; - _html(`
${_escape(first)}${_el_resume($scope0_id, "#text/0")}|${_escape(second)}${_el_resume($scope0_id, "#text/1")}
${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`
${_escape(first)}${_el_resume($scope0_id, "#text/0")}|${_escape(second)}${_el_resume($scope0_id, "#text/1")}
${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/html.bundle.debug.js index c1907960b8e..34527d21f2a 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/html.bundle.debug.js @@ -9,7 +9,7 @@ var template_default = _template("__tests__/template.marko", (input) => { bar = v; }, "__tests__/template.marko_0/foo", $scope0_id) }; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0_foo_$fooChange"); writeScope($scope0_id, { foo, diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/html.bundle.debug.js index 5329fe945e8..972c9b1153d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/html.bundle.debug.js @@ -9,7 +9,7 @@ var template_default = _template("__tests__/template.marko", (input) => { bar = v; }, "__tests__/template.marko_0/foo", $scope0_id) }; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0_$fooChange"); writeScope($scope0_id, { bar, diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/html.bundle.debug.js index f84c878535f..73951efb79f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0_count"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "5:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-let-to-undefined/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-let-to-undefined/__snapshots__/html.bundle.debug.js index fa616894c7e..8917812fe20 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-let-to-undefined/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-let-to-undefined/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let num = 1; const double = num && num * 2; - _html(`
${double == null ? "none" : _escape(double)}${_el_resume($scope0_id, "#text/0")}
${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`
${double == null ? "none" : _escape(double)}${_el_resume($scope0_id, "#text/0")}
${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/html.bundle.debug.js index 9e35152995b..d786d2c244d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { count = 0; } }, "__tests__/template.marko_0/resetCount", $scope0_id); - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0_count"); _script($scope0_id, "__tests__/template.marko_0_resetCount"); _script($scope0_id, "__tests__/template.marko_0"); diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-multiple-derived-chain/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-multiple-derived-chain/__snapshots__/html.bundle.debug.js index c2c9018dcb9..7401e85b185 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-multiple-derived-chain/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-multiple-derived-chain/__snapshots__/html.bundle.debug.js @@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => { let index = 0; const filtered = items.filter((item) => item >= min && item <= max); const selected = filtered[index]; - _html(`
${_escape(filtered.join(" "))}${_el_resume($scope0_id, "#text/0")} selected ${_escape(selected)}${_el_resume($scope0_id, "#text/1")}
${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`); + _html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:12:1", "__tests__/template.marko:17:1"), _html(`
${_escape(filtered.join(" "))}${_el_resume($scope0_id, "#text/0")} selected ${_escape(selected)}${_el_resume($scope0_id, "#text/1")}
${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { items, diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/html.bundle.debug.js index c11181dfd1a..50cd1f3d8c2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _if(() => { if (!hide) { const $scope1_id = _scope_id(); - _html(`${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); writeScope($scope1_id, {}, "__tests__/template.marko", "2:2"); return 0; diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/html.bundle.debug.js index 4e9a3c6cca0..0c6fb96185f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let liveCount = 0; let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
${_escape(liveCount)}${_el_resume($scope0_id, "#text/1")}
`); + _html_opens("__tests__/template.marko:5:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}
${_escape(liveCount)}${_el_resume($scope0_id, "#text/1")}
`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { "TagVariableChange:count": _resume(function(v) { liveCount = v; diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let/__snapshots__/html.bundle.debug.js index fe5776229bf..9165e90d2da 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.bundle.debug.js index 8af6a74ac86..4ded9b5ca83 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ const $content = (input) => { _if(() => { if (input.level) { const $scope1_id = _scope_id(); - _html(``); + _html_opens("__tests__/tags/recurse.marko:4:3"), _html(``); _try($scope1_id, "#text/1", _content_resume("__tests__/tags/recurse.marko_2_content", () => { const $scope2_id = _scope_id(); const $scope2_reason = _scope_reason(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-multi-resolve-in-order-and-update/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-multi-resolve-in-order-and-update/__snapshots__/html.bundle.debug.js index b8b152c1b7e..9dd5afc2433 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-multi-resolve-in-order-and-update/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-multi-resolve-in-order-and-update/__snapshots__/html.bundle.debug.js @@ -4,31 +4,31 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let n = 2; - _html(`${_el_resume($scope0_id, "#button/0")}

1 * ${_escape(n)}${_el_resume($scope0_id, "#text/1")} = `); + _html_opens("__tests__/template.marko:5:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}

1 * ${_escape(n)}${_el_resume($scope0_id, "#text/1")} = `); _await($scope0_id, "#text/2", multiply(1, n), (result) => { const $scope1_id = _scope_id(); _html(`${_escape(result)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "6:16"); }); - _html(`

2 * ${_escape(n)}${_el_resume($scope0_id, "#text/3")} = `); + _html_opens("__tests__/template.marko:7:1"), _html(`

2 * ${_escape(n)}${_el_resume($scope0_id, "#text/3")} = `); _await($scope0_id, "#text/4", multiply(2, n), (result) => { const $scope2_id = _scope_id(); _html(`${_escape(result)}${_el_resume($scope2_id, "#text/0")}`); writeScope($scope2_id, {}, "__tests__/template.marko", "7:16"); }); - _html(`

3 * ${_escape(n)}${_el_resume($scope0_id, "#text/5")} = `); + _html_opens("__tests__/template.marko:8:1"), _html(`

3 * ${_escape(n)}${_el_resume($scope0_id, "#text/5")} = `); _await($scope0_id, "#text/6", multiply(3, n), (result) => { const $scope3_id = _scope_id(); _html(`${_escape(result)}${_el_resume($scope3_id, "#text/0")}`); writeScope($scope3_id, {}, "__tests__/template.marko", "8:16"); }); - _html(`

4 * ${_escape(n)}${_el_resume($scope0_id, "#text/7")} = `); + _html_opens("__tests__/template.marko:9:1"), _html(`

4 * ${_escape(n)}${_el_resume($scope0_id, "#text/7")} = `); _await($scope0_id, "#text/8", multiply(4, n), (result) => { const $scope4_id = _scope_id(); _html(`${_escape(result)}${_el_resume($scope4_id, "#text/0")}`); writeScope($scope4_id, {}, "__tests__/template.marko", "9:16"); }); - _html(`

5 * ${_escape(n)}${_el_resume($scope0_id, "#text/9")} = `); + _html_opens("__tests__/template.marko:10:1"), _html(`

5 * ${_escape(n)}${_el_resume($scope0_id, "#text/9")} = `); _await($scope0_id, "#text/10", multiply(5, n), (result) => { const $scope5_id = _scope_id(); _html(`${_escape(result)}${_el_resume($scope5_id, "#text/0")}`); diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-before-and-after-isolated-boundaries/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-before-and-after-isolated-boundaries/__snapshots__/html.bundle.debug.js index 149038835d2..2a2237995d1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-before-and-after-isolated-boundaries/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-before-and-after-isolated-boundaries/__snapshots__/html.bundle.debug.js @@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope1_id, "#text/0", resolveAfter("A Value", 2), (v) => { const $scope3_id = _scope_id(); - _html(`

Resolved A: ${_escape(v)}
`); + _html_opens("__tests__/template.marko:7:5"), _html(`
Resolved A: ${_escape(v)}
`); }, 0); }, $scope0_id), { catch: attrTag({ content: _content_resume("__tests__/template.marko_2_content", () => { _scope_reason(); @@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope4_id, "#text/0", rejectAfter(new Error("rejected b"), 1), (v) => { const $scope6_id = _scope_id(); - _html(`
Resolved B: ${_escape(v)}
`); + _html_opens("__tests__/template.marko:16:5"), _html(`
Resolved B: ${_escape(v)}
`); }, 0); }, $scope0_id), { catch: attrTag({ content: _content_resume("__tests__/template.marko_5_content", () => { _scope_reason(); @@ -31,7 +31,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope7_id, "#text/0", resolveAfter("C Value", 2), (v) => { const $scope9_id = _scope_id(); - _html(`
Resolved C: ${_escape(v)}
${_el_resume($scope9_id, "#button/1")}`); + _html_opens("__tests__/template.marko:25:5", "__tests__/template.marko:26:5"), _html(`
Resolved C: ${_escape(v)}
${_el_resume($scope9_id, "#button/1")}`); _script($scope9_id, "__tests__/template.marko_9"); writeScope($scope9_id, {}, "__tests__/template.marko", "24:4"); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-isolated-boundaries/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-isolated-boundaries/__snapshots__/html.bundle.debug.js index 9f2f73a069b..653c706992c 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-isolated-boundaries/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-reject-then-resolve-isolated-boundaries/__snapshots__/html.bundle.debug.js @@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope1_id, "#text/0", resolveAfter("A Value", 2), (v) => { const $scope3_id = _scope_id(); - _html(`
Resolved A: ${_escape(v)}
`); + _html_opens("__tests__/template.marko:7:5"), _html(`
Resolved A: ${_escape(v)}
`); }, 0); }, $scope0_id), { catch: attrTag({ content: _content_resume("__tests__/template.marko_2_content", () => { _scope_reason(); @@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope4_id, "#text/0", rejectAfter(new Error("rejected b"), 1), (v) => { const $scope6_id = _scope_id(); - _html(`
Resolved B: ${_escape(v)}
`); + _html_opens("__tests__/template.marko:16:5"), _html(`
Resolved B: ${_escape(v)}
`); }, 0); }, $scope0_id), { catch: attrTag({ content: _content_resume("__tests__/template.marko_5_content", () => { _scope_reason(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-reorder-nested-batched-resolve/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-reorder-nested-batched-resolve/__snapshots__/html.bundle.debug.js index f82696e208e..6aaf6f9e937 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-reorder-nested-batched-resolve/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-reorder-nested-batched-resolve/__snapshots__/html.bundle.debug.js @@ -8,26 +8,26 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope1_id, "#text/0", promiseA, (value) => { const $scope2_id = _scope_id(); - _html(``); + _html_opens("__tests__/template.marko:8:5"), _html(``); _try($scope2_id, "#text/1", _content_resume("__tests__/template.marko_3_content", () => { const $scope3_id = _scope_id(); _scope_reason(); _await($scope3_id, "#text/0", promiseA, (value) => { const $scope6_id = _scope_id(); const promiseB = resolveAfter("b", 2); - _html(``); + _html_opens("__tests__/template.marko:13:11"), _html(``); _try($scope6_id, "#text/1", _content_resume("__tests__/template.marko_7_content", () => { const $scope7_id = _scope_id(); _scope_reason(); _await($scope7_id, "#text/0", promiseB, (value) => { const $scope8_id = _scope_id(); - _html(``); + _html_opens("__tests__/template.marko:19:17"), _html(``); _try($scope8_id, "#text/1", _content_resume("__tests__/template.marko_9_content", () => { const $scope9_id = _scope_id(); _scope_reason(); _await($scope9_id, "#text/0", promiseB, (value) => { const $scope12_id = _scope_id(); - _html(`
`); + _html_opens("__tests__/template.marko:24:23"), _html(`
`); }, 0); _resume_branch($scope9_id); }, $scope8_id), { placeholder: attrTag({ content: _content_resume("__tests__/template.marko_11_content", () => { diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/html.bundle.debug.js index 71e71863ddb..e6c4483d5eb 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/async-state/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $clickCount__closures = new Set(); let clickCount = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _try($scope0_id, "#text/1", _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.bundle.debug.js index a6c1aebde8d..2e73d59d3f4 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/html.bundle.debug.js @@ -3,8 +3,8 @@ var custom_tag_default = _template("__tests__/tags/custom-tag/index.marko", (inp const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { thing: { x, content } } = input; - _dynamic_tag($scope0_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope0_reason, 2)); - _html(`
${_escape(x)}${_el_resume($scope0_id, "#text/1", _serialize_guard($scope0_reason, 1))}
`); + _dynamic_tag($scope0_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/custom-tag/index.marko:3:1"); + _html_opens("__tests__/tags/custom-tag/index.marko:4:1"), _html(`
${_escape(x)}${_el_resume($scope0_id, "#text/1", _serialize_guard($scope0_reason, 1))}
`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag/index.marko", 0); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.bundle.debug.js index e400c649043..f305fbe4845 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-and-static/__snapshots__/html.bundle.debug.js @@ -4,10 +4,10 @@ var hello_default = _template("__tests__/tags/hello/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item); + _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item, "__tests__/tags/hello/index.marko:2:3"); _serialize_if($scope0_reason, 1) && writeScope($scope1_id, {}, "__tests__/tags/hello/index.marko", "1:1"); }, 0, $scope0_id, "#text/0", $sg__input_item, $sg__input_item, $sg__input_item); - _dynamic_tag($scope0_id, "#text/1", input.other, {}, 0, 0, _serialize_guard($scope0_reason, 2)); + _dynamic_tag($scope0_id, "#text/1", input.other, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/hello/index.marko:4:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/hello/index.marko", 0); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.bundle.debug.js index d5f923cbad1..a90e6b59449 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-tag-parent/__snapshots__/html.bundle.debug.js @@ -2,12 +2,12 @@ var hello_default = _template("__tests__/tags/hello/index.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _html(``); - _dynamic_tag($scope0_id, "#text/1", input.header.content, {}, 0, 0, _serialize_guard($scope0_reason, 2)); - _html(`${_el_resume($scope0_id, "#header/0", _serialize_guard($scope0_reason, 1))}
`); - _dynamic_tag($scope0_id, "#text/2", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 3)); - _html(`
`); - _dynamic_tag($scope0_id, "#text/4", input.footer.content, {}, 0, 0, _serialize_guard($scope0_reason, 5)); + _html_opens("__tests__/tags/hello/index.marko:1:1"), _html(``); + _dynamic_tag($scope0_id, "#text/1", input.header.content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/hello/index.marko:2:3"); + _html_opens("__tests__/tags/hello/index.marko:3:1"), _html(`${_el_resume($scope0_id, "#header/0", _serialize_guard($scope0_reason, 1))}
`); + _dynamic_tag($scope0_id, "#text/2", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 3), "__tests__/tags/hello/index.marko:4:3"); + _html_opens("__tests__/tags/hello/index.marko:5:1"), _html(`
`); + _dynamic_tag($scope0_id, "#text/4", input.footer.content, {}, 0, 0, _serialize_guard($scope0_reason, 5), "__tests__/tags/hello/index.marko:6:3"); _html(`${_el_resume($scope0_id, "#footer/3", _serialize_guard($scope0_reason, 4))}`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/hello/index.marko", 0); }); @@ -38,5 +38,5 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); _scope_reason(); _html("Body content"); - }, $scope0_id), 0, 0); + }, $scope0_id), 0, 0, "__tests__/template.marko:4:1"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.bundle.debug.js index 0e81a1d525b..262b4a5f26c 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic-with-params/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var hello_default = _template("__tests__/tags/hello/index.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", input.item, [1], 0, 1, _serialize_guard($scope0_reason, 0)); + _dynamic_tag($scope0_id, "#text/0", input.item, [1], 0, 1, _serialize_guard($scope0_reason, 0), "__tests__/tags/hello/index.marko:1:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/hello/index.marko", 0); }); @@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => { } const $childScope = _peek_scope_id(); hello_default({ item: $item }); - _html(`${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { x, diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.bundle.debug.js index 222e0f78422..2683545e231 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-dynamic/__snapshots__/html.bundle.debug.js @@ -4,21 +4,21 @@ var hello_default = _template("__tests__/tags/hello/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.list.item, ({ content, ...attrs }) => { const $scope1_id = _scope_id(); - _html(`
`); - _dynamic_tag($scope1_id, "#text/1", content, {}, 0, 0, $sg__input_list_item); + _html_opens("__tests__/tags/hello/index.marko:2:3"), _html(`
`); + _dynamic_tag($scope1_id, "#text/1", content, {}, 0, 0, $sg__input_list_item, "__tests__/tags/hello/index.marko:3:5"); _html(`
${_el_resume($scope1_id, "#div/0")}`); _script($scope1_id, "__tests__/tags/hello/index.marko_1_attrs"); writeScope($scope1_id, {}, "__tests__/tags/hello/index.marko", "1:1"); }, 0, $scope0_id, "#text/0", $sg__input_list_item, $sg__input_list_item, $sg__input_list_item__OR__input_col, 0, 1); _for_of(input.col, ({ content, row, ...attrs }) => { const $scope2_id = _scope_id(); - _html("
${_el_resume($scope2_id, "#div/0")}`); _for_of(row, ({ content, ...attrs }) => { const $scope3_id = _scope_id(); - _html(`
`); - _dynamic_tag($scope3_id, "#text/1", content, {}, 0, 0, $sg__input_col); + _html_opens("__tests__/tags/hello/index.marko:8:5"), _html(`
`); + _dynamic_tag($scope3_id, "#text/1", content, {}, 0, 0, $sg__input_col, "__tests__/tags/hello/index.marko:9:7"); _html(`
${_el_resume($scope3_id, "#div/0")}`); _script($scope3_id, "__tests__/tags/hello/index.marko_3_attrs"); writeScope($scope3_id, {}, "__tests__/tags/hello/index.marko", "7:3"); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-closure/__snapshots__/html.bundle.debug.js index e1498dfba74..77536108a5f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-closure/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-closure/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var list_default = _template("__tests__/tags/list/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item); + _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item, "__tests__/tags/list/index.marko:2:3"); $si__input_item && writeScope($scope1_id, {}, "__tests__/tags/list/index.marko", "1:1"); }, 0, $scope0_id, "#text/0", $sg__input_item, $sg__input_item, $sg__input_item); $si__input_item && writeScope($scope0_id, {}, "__tests__/tags/list/index.marko", 0); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-no-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-no-scope/__snapshots__/html.bundle.debug.js index 9a157eac962..03c9a8f698d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-no-scope/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-no-scope/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var my_menu_default = _template("__tests__/tags/my-menu/index.marko", (input) => const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _html("${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/tags/my-menu/index.marko_1_item"); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-shadowed/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-shadowed/__snapshots__/html.bundle.debug.js index 30dfccd3e7e..69fc6e6a132 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-shadowed/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler-shadowed/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var my_menu_default = _template("__tests__/tags/my-menu/index.marko", (input) => const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _html("${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/tags/my-menu/index.marko_1_item"); @@ -33,6 +33,6 @@ var template_default = _template("__tests__/template.marko", (input) => { }); }); my_menu_default({ item: $item }); - _html(`
${_escape(foo)}
`); + _html_opens("__tests__/template.marko:7:1"), _html(`
${_escape(foo)}
`); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler/__snapshots__/html.bundle.debug.js index 8f6931e2e05..e54ec8a8f76 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-event-handler/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var my_menu_default = _template("__tests__/tags/my-menu/index.marko", (input) => const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _html("${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/tags/my-menu/index.marko_1_item"); @@ -35,7 +35,7 @@ var template_default = _template("__tests__/template.marko", (input) => { }); const $childScope = _peek_scope_id(); my_menu_default({ item: $item }); - _html(`
${_escape(clicked)}${_el_resume($scope0_id, "#text/1")}
`); + _html_opens("__tests__/template.marko:7:1"), _html(`
${_escape(clicked)}${_el_resume($scope0_id, "#text/1")}
`); writeScope($scope0_id, { clicked, "#childScope/0": _existing_scope($childScope) diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-intersection-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-intersection-closure/__snapshots__/html.bundle.debug.js index ee0fb05140f..6cebdd751dc 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-intersection-closure/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-for-loop-param-intersection-closure/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var list_default = _template("__tests__/tags/list/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item); + _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item, "__tests__/tags/list/index.marko:2:3"); $si__input_item && writeScope($scope1_id, {}, "__tests__/tags/list/index.marko", "1:1"); }, 0, $scope0_id, "#text/0", $sg__input_item, $sg__input_item, $sg__input_item); $si__input_item && writeScope($scope0_id, {}, "__tests__/tags/list/index.marko", 0); @@ -34,7 +34,7 @@ var template_default = _template("__tests__/template.marko", (input) => { }) }); }); list_default({ item: $item }); - _html(`${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { mult, diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-leading-comment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-leading-comment/__snapshots__/html.bundle.debug.js index 62d0636ecd4..b7f7cd687ef 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-leading-comment/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-leading-comment/__snapshots__/html.bundle.debug.js @@ -4,8 +4,8 @@ var box_default = _template("__tests__/tags/box/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.item, ({ content }) => { const $scope1_id = _scope_id(); - _html("
"); - _dynamic_tag($scope1_id, "#text/0", content, {}, 0, 0, $sg__input_item); + _html_opens("__tests__/tags/box/index.marko:2:3"), _html("
"); + _dynamic_tag($scope1_id, "#text/0", content, {}, 0, 0, $sg__input_item, "__tests__/tags/box/index.marko:2:13"); _html("
"); $si__input_item && writeScope($scope1_id, {}, "__tests__/tags/box/index.marko", "1:2"); }, 0, $scope0_id, "#text/0", $sg__input_item, $sg__input_item, $sg__input_item, 0, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-multiple-dynamic-in-if/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-multiple-dynamic-in-if/__snapshots__/html.bundle.debug.js index 6be92d766bb..60ad074dd2c 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-multiple-dynamic-in-if/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-multiple-dynamic-in-if/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var custom_tag_default = _template("__tests__/tags/custom-tag/index.marko", (inp const $scope0_reason = _scope_reason(), $sg__input_x_value = _serialize_guard($scope0_reason, 1), $sg__input_y_value = _serialize_guard($scope0_reason, 2); const $scope0_id = _scope_id(); const { x, y } = input; - _html(`
x: ${_sep($sg__input_x_value)}${_escape(x?.value)}${_el_resume($scope0_id, "#text/0", $sg__input_x_value)} y: ${_sep($sg__input_y_value)}${_escape(y?.value)}${_el_resume($scope0_id, "#text/1", $sg__input_y_value)}
`); + _html_opens("__tests__/tags/custom-tag/index.marko:2:1"), _html(`
x: ${_sep($sg__input_x_value)}${_escape(x?.value)}${_el_resume($scope0_id, "#text/0", $sg__input_x_value)} y: ${_sep($sg__input_y_value)}${_escape(y?.value)}${_el_resume($scope0_id, "#text/1", $sg__input_y_value)}
`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag/index.marko", 0); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-name-shadows-generated-uid/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-name-shadows-generated-uid/__snapshots__/html.bundle.debug.js index ef3963f82ea..8696cbdb88d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-name-shadows-generated-uid/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-name-shadows-generated-uid/__snapshots__/html.bundle.debug.js @@ -15,7 +15,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let cond = true; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _set_serialize_reason(1); let $scope; if (cond) { diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-serialized-iteration/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-serialized-iteration/__snapshots__/html.bundle.debug.js index d7826fba59a..c3a3ad49b3f 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-serialized-iteration/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-serialized-iteration/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var list_default = _template("__tests__/tags/list.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html(`
${_el_resume($scope0_id, "#div/0")}`); + _html_opens("__tests__/tags/list.marko:8:1"), _html(`
${_el_resume($scope0_id, "#div/0")}`); _script($scope0_id, "__tests__/tags/list.marko_0_input_item"); writeScope($scope0_id, { input_item: input.item }, "__tests__/tags/list.marko", 0, { input_item: ["input.item"] }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags-static-repeated/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags-static-repeated/__snapshots__/html.bundle.debug.js index c3d2e24207f..37e25b07ce6 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags-static-repeated/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags-static-repeated/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var list_default = _template("__tests__/tags/list/index.marko", (input) => { const $scope0_id = _scope_id(); _for_of(input.item, (item) => { const $scope1_id = _scope_id(); - _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item); + _dynamic_tag($scope1_id, "#text/0", item.content, {}, 0, 0, $sg__input_item, "__tests__/tags/list/index.marko:2:3"); $si__input_item && writeScope($scope1_id, {}, "__tests__/tags/list/index.marko", "1:1"); }, 0, $scope0_id, "#text/0", $sg__input_item, $sg__input_item, $sg__input_item); $si__input_item && writeScope($scope0_id, {}, "__tests__/tags/list/index.marko", 0); diff --git a/packages/runtime-tags/src/__tests__/fixtures/at-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/at-tags/__snapshots__/html.bundle.debug.js index a8ae51d8ac1..3ebe65fd6af 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/at-tags/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/at-tags/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var hello_default = _template("__tests__/tags/hello/index.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", input.foo, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _dynamic_tag($scope0_id, "#text/0", input.foo, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/hello/index.marko:1:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/hello/index.marko", 0); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.bundle.debug.js index 105856cd3f6..97a8c776046 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let disabled = true; - _html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { disabled }, "__tests__/template.marko", 0, { disabled: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-boolean/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-boolean/__snapshots__/html.bundle.debug.js index 187af021427..de5769f8971 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-boolean/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-boolean/__snapshots__/html.bundle.debug.js @@ -2,5 +2,5 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html(""); + _html_opens("__tests__/template.marko:1:1"), _html(""); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-class-delimited-shapes/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-class-delimited-shapes/__snapshots__/html.bundle.debug.js index 576aacec6a9..cbe439072ab 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-class-delimited-shapes/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-class-delimited-shapes/__snapshots__/html.bundle.debug.js @@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const moreStyles = ["display:block"]; const obj = { o: true }; const k = "computed"; - _html(`${_el_resume($scope0_id, "#button/0")}inc${_el_resume($scope0_id, "#button/0")} { const $scope0_reason = _scope_reason(), $sg__input_active = _serialize_guard($scope0_reason, 0); const $scope0_id = _scope_id(); const { active } = input; - _html(`${_el_resume($scope0_id, "#circle/1", $sg__input_active)}${_el_resume($scope0_id, "#svg/0", $sg__input_active)}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:3"), _html(`${_el_resume($scope0_id, "#circle/1", $sg__input_active)}${_el_resume($scope0_id, "#svg/0", $sg__input_active)}`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-class/__snapshots__/html.bundle.debug.js index 03d149813e6..8cf0c33da7d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-class/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-class/__snapshots__/html.bundle.debug.js @@ -2,12 +2,12 @@ var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_test = _serialize_guard($scope0_reason, 3), $si__input_test = _serialize_if($scope0_reason, 3); const $scope0_id = _scope_id(); - _html(`
${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 2))}`); + _html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`
${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 2))}`); _if(() => { if (input.test) { const $scope1_id = _scope_id(); - _html(``); - _dynamic_tag($scope1_id, "#text/1", input.test.content, {}, 0, 0, _serialize_guard($scope0_reason, 5)); + _html_opens("__tests__/tags/custom-tag.marko:4:3"), _html(``); + _dynamic_tag($scope1_id, "#text/1", input.test.content, {}, 0, 0, _serialize_guard($scope0_reason, 5), "__tests__/tags/custom-tag.marko:5:5"); _html(`
${_el_resume($scope1_id, "#div/0", _serialize_guard($scope0_reason, 4))}`); $si__input_test && writeScope($scope1_id, { _: _serialize_if($scope0_reason, 1) && _scope_with_id($scope0_id) }, "__tests__/tags/custom-tag.marko", "3:2"); return 0; @@ -34,7 +34,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_c__OR__input_d = _serialize_guard($scope0_reason, 0); const $scope0_id = _scope_id(); const { c, d, e, f, g, h } = input; - _html(`
${_el_resume($scope0_id, "#div/0", $sg__input_c__OR__input_d)}
${_el_resume($scope0_id, "#div/1", _serialize_guard($scope0_reason, 8))}
${_el_resume($scope0_id, "#div/2", _serialize_guard($scope0_reason, 7))}`); + _html_opens("__tests__/template.marko:6:1", "__tests__/template.marko:7:1", "__tests__/template.marko:8:1", "__tests__/template.marko:9:1", "__tests__/template.marko:10:1"), _html(`
${_el_resume($scope0_id, "#div/0", $sg__input_c__OR__input_d)}
${_el_resume($scope0_id, "#div/1", _serialize_guard($scope0_reason, 8))}${_el_resume($scope0_id, "#div/2", _serialize_guard($scope0_reason, 7))}`); _set_serialize_reason({ 0: $sg__input_c__OR__input_d, 2: $sg__input_c__OR__input_d @@ -65,7 +65,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html("Hello"); }, $scope0_id) }) - }, 0, 0, $sg__input_c__OR__input_d); + }, 0, 0, $sg__input_c__OR__input_d, "__tests__/template.marko:15:1"); _serialize_if($scope0_reason, 7) && writeScope($scope0_id, { c: _serialize_if($scope0_reason, 6) && c, d: _serialize_if($scope0_reason, 5) && d, diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-empty-string/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-empty-string/__snapshots__/html.bundle.debug.js index fe779b7be5b..fcd4d23cb06 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-empty-string/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-empty-string/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let value = ""; - _html(`${_el_resume($scope0_id, "#div/0")}${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#div/0")}${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { value }, "__tests__/template.marko", 0, { value: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-escape/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-escape/__snapshots__/html.bundle.debug.js index a02cf4a9897..a4ed7d0cf34 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-escape/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-escape/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`); + _html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, { input_foo: _serialize_if($scope0_reason, 2) && input.foo, input_bar: _serialize_if($scope0_reason, 1) && input.bar diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-falsey/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-falsey/__snapshots__/html.bundle.debug.js index eb17c44e84f..ea749b0acb8 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-falsey/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-falsey/__snapshots__/html.bundle.debug.js @@ -2,5 +2,5 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
"); + _html_opens("__tests__/template.marko:1:1"), _html("
"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-object-prototype-names/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-object-prototype-names/__snapshots__/html.bundle.debug.js index 9d5dab6486d..b0c423d8218 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-object-prototype-names/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-object-prototype-names/__snapshots__/html.bundle.debug.js @@ -2,5 +2,5 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
content
"); + _html_opens("__tests__/template.marko:1:1"), _html("
content
"); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-spread-lone-nullish-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-spread-lone-nullish-input/__snapshots__/html.bundle.debug.js index fa68adb828b..3bcabb354ca 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-spread-lone-nullish-input/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-spread-lone-nullish-input/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); const { attrs } = input; - _html(`${_el_resume($scope0_id, "#input/0")}`); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#input/0")}`); _script($scope0_id, "__tests__/template.marko_0_attrs"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-style/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-style/__snapshots__/html.bundle.debug.js index 95eb35f21e8..d3cd17dc4c1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-style/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-style/__snapshots__/html.bundle.debug.js @@ -2,12 +2,12 @@ var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_test = _serialize_guard($scope0_reason, 3), $si__input_test = _serialize_if($scope0_reason, 3); const $scope0_id = _scope_id(); - _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 2))}`); + _html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 2))}`); _if(() => { if (input.test) { const $scope1_id = _scope_id(); - _html(``); - _dynamic_tag($scope1_id, "#text/1", input.test.content, {}, 0, 0, _serialize_guard($scope0_reason, 5)); + _html_opens("__tests__/tags/custom-tag.marko:4:3"), _html(``); + _dynamic_tag($scope1_id, "#text/1", input.test.content, {}, 0, 0, _serialize_guard($scope0_reason, 5), "__tests__/tags/custom-tag.marko:5:5"); _html(`${_el_resume($scope1_id, "#div/0", _serialize_guard($scope0_reason, 4))}`); $si__input_test && writeScope($scope1_id, { _: _serialize_if($scope0_reason, 1) && _scope_with_id($scope0_id) }, "__tests__/tags/custom-tag.marko", "3:2"); return 0; @@ -27,7 +27,7 @@ const TestTag = custom_tag_default; var template_default = _template("__tests__/template.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_color = _serialize_guard($scope0_reason, 0); const $scope0_id = _scope_id(); - _html(`${_el_resume($scope0_id, "#div/0", $sg__input_color)}
${_el_resume($scope0_id, "#div/1", $sg__input_color)}`); + _html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:6:1", "__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#div/0", $sg__input_color)}
${_el_resume($scope0_id, "#div/1", $sg__input_color)}`); _set_serialize_reason({ 0: $sg__input_color, 2: $sg__input_color @@ -46,6 +46,6 @@ var template_default = _template("__tests__/template.marko", (input) => { _html("Hello"); }, $scope0_id) }) - }, 0, 0, 0); + }, 0, 0, 0, "__tests__/template.marko:13:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, { "#childScope/2": _existing_scope($childScope) }, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-tag-local-member-expression-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-tag-local-member-expression-closure/__snapshots__/html.bundle.debug.js index 1895ba59759..c0074998fff 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-tag-local-member-expression-closure/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-tag-local-member-expression-closure/__snapshots__/html.bundle.debug.js @@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_reason = _scope_reason(), $sg__items = _serialize_guard($scope1_reason, 0), $si__items = _serialize_if($scope1_reason, 0); _for_of(items, (item) => { const $scope3_id = _scope_id(); - _dynamic_tag($scope3_id, "#text/0", item, {}, 0, 0, $sg__items); + _dynamic_tag($scope3_id, "#text/0", item, {}, 0, 0, $sg__items, "__tests__/template.marko:3:5"); $si__items && writeScope($scope3_id, {}, "__tests__/template.marko", "2:4"); }, 0, $scope1_id, "#text/0", $sg__items, $sg__items, $sg__items); $si__items && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2"); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-tag-lone-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-tag-lone-spread/__snapshots__/html.bundle.debug.js index 3022cd2dfa3..e0daeb5161e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-tag-lone-spread/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-tag-lone-spread/__snapshots__/html.bundle.debug.js @@ -5,12 +5,12 @@ var template_default = _template("__tests__/template.marko", (input) => { const Row = { content: _content("__tests__/template.marko_1_content", (input) => { const $scope1_id = _scope_id(); const $scope1_reason = _scope_reason(); - _html(`
${_escape(input.cell.label)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 0))}
`); + _html_opens("__tests__/template.marko:2:3"), _html(`
${_escape(input.cell.label)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 0))}
`); _serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2"); }) }; _set_serialize_reason(_serialize_guard($scope0_reason, 1)); const $childScope = _peek_scope_id(); Row.content({ cell: attrTag({ ...input.obj }) }); - _html(`
added=${_sep($sg__input_obj)}${_escape(Object.getOwnPropertySymbols(input.obj).length)}${_el_resume($scope0_id, "#text/1", $sg__input_obj)}
`); + _html_opens("__tests__/template.marko:5:1"), _html(`
added=${_sep($sg__input_obj)}${_escape(Object.getOwnPropertySymbols(input.obj).length)}${_el_resume($scope0_id, "#text/1", $sg__input_obj)}
`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, { "#childScope/0": _serialize_if($scope0_reason, 1) && _existing_scope($childScope) }, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.bundle.debug.js index 5507c0e072f..be8124dd536 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-template-literal-escape/__snapshots__/html.bundle.debug.js @@ -2,6 +2,6 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`); + _html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/attr-value-with-dollar-brace/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/attr-value-with-dollar-brace/__snapshots__/html.bundle.debug.js index e4b8f0b697c..f262fcaaaee 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/attr-value-with-dollar-brace/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/attr-value-with-dollar-brace/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-cleanup/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-cleanup/__snapshots__/html.bundle.debug.js index 899f8f8c6ec..38bbc230235 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-cleanup/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-cleanup/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $show__closures = new Set(); let show = 1; - _html(`${_el_resume($scope0_id, "#button/0")}
Fail
Fail
`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
Fail
Fail
`); _if(() => { if (show) { const $scope1_id = _scope_id(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-closure-in-order/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-closure-in-order/__snapshots__/html.bundle.debug.js index e74eae585ff..f71f7166b0a 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-closure-in-order/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-closure-in-order/__snapshots__/html.bundle.debug.js @@ -3,15 +3,15 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let value = 1; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _await($scope0_id, "#text/2", resolveAfter(0, 4), () => { const $scope2_id = _scope_id(); - _html("Hello"); + _html_opens("__tests__/template.marko:5:3"), _html("Hello"); }, 0); _if(() => { if (value) { const $scope1_id = _scope_id(); - _html(`${_escape(value)}${_el_resume($scope1_id, "#text/0")}`); + _html_opens("__tests__/template.marko:7:3"), _html(`${_escape(value)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "6:1"); return 0; } diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-closure-inert/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-closure-inert/__snapshots__/html.bundle.debug.js index 75e70c749d9..90d36f3bb02 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-closure-inert/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-closure-inert/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); _await($scope1_id, "#text/0", resolveAfter(0, 1), () => { const $scope2_id = _scope_id(); - _html(`${_escape(value)}`); + _html_opens("__tests__/template.marko:6:5"), _html(`${_escape(value)}`); _resume_branch($scope2_id); }, 0); }, $scope0_id), { placeholder: attrTag({ content: _content_resume("__tests__/template.marko_3_content", () => { diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-closure-within/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-closure-within/__snapshots__/html.bundle.debug.js index c9175b1981a..ba44924278e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-closure-within/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-closure-within/__snapshots__/html.bundle.debug.js @@ -8,11 +8,11 @@ var template_default = _template("__tests__/template.marko", (input) => { _await($scope1_id, "#text/0", resolveAfter(0, 1), () => { const $scope3_id = _scope_id(); let value = 1; - _html(`${_el_resume($scope3_id, "#button/0")}`); + _html_opens("__tests__/template.marko:6:5"), _html(`${_el_resume($scope3_id, "#button/0")}`); _if(() => { if (value > 0) { const $scope4_id = _scope_id(); - _html(`${_escape(value)}${_el_resume($scope4_id, "#text/0")}`); + _html_opens("__tests__/template.marko:8:7"), _html(`${_escape(value)}${_el_resume($scope4_id, "#text/0")}`); writeScope($scope4_id, {}, "__tests__/template.marko", "7:5"); return 0; } diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-closure/__snapshots__/html.bundle.debug.js index 2d399c95fa4..2e2c91dcaed 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-closure/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-closure/__snapshots__/html.bundle.debug.js @@ -4,14 +4,14 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $value__closures = new Set(); let value = 1; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _try($scope0_id, "#text/2", _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); _await($scope1_id, "#text/0", resolveAfter(0, 4), () => { const $scope2_id = _scope_id(); _script($scope2_id, "__tests__/template.marko_2_value/pending"); - _html(`${_escape(value)}${_el_resume($scope2_id, "#text/0")}`); + _html_opens("__tests__/template.marko:7:5"), _html(`${_escape(value)}${_el_resume($scope2_id, "#text/0")}`); writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "6:3"); _resume_branch($scope2_id); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-in-for/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-in-for/__snapshots__/html.bundle.debug.js index a7707fb4078..652672aa1f2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-in-for/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-in-for/__snapshots__/html.bundle.debug.js @@ -2,10 +2,10 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_items = _serialize_guard($scope0_reason, 0), $si__input_items = _serialize_if($scope0_reason, 0); const $scope0_id = _scope_id(); - _html("
    "); + _html_opens("__tests__/template.marko:3:1"), _html("
      "); _for_of(input.items, (item) => { const $scope1_id = _scope_id(); - _html("
    • "); + _html_opens("__tests__/template.marko:5:5"), _html("
    • "); _await($scope1_id, "#text/0", resolveAfter(item.label, 1), (v) => { const $scope2_id = _scope_id(); _html(`${_escape(v)}${_el_resume($scope2_id, "#text/0", $sg__input_items)}`); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-nested-component/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-nested-component/__snapshots__/html.bundle.debug.js index 861b2177dc5..cf8f9307f79 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-nested-component/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-nested-component/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _html(`${_el_resume($scope0_id, "#input/0", _serialize_guard($scope0_reason, 0))}`); + _html_opens("__tests__/tags/child.marko:1:1"), _html(`${_el_resume($scope0_id, "#input/0", _serialize_guard($scope0_reason, 0))}`); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0); }); @@ -13,6 +13,6 @@ var template_default = _template("__tests__/template.marko", (input) => { _await($scope0_id, "#text/0", resolveAfter("X", 1), (value) => { const $scope1_id = _scope_id(); child_default({ x: value }); - _html(`got: ${_escape(value)}`); + _html_opens("__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(`got: ${_escape(value)}`); }, 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-nested-event-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-nested-event-handler/__snapshots__/html.bundle.debug.js index bb5d0a4242d..a9a68f64c90 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-nested-event-handler/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-nested-event-handler/__snapshots__/html.bundle.debug.js @@ -15,7 +15,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _await($scope3_id, "#text/0", resolveAfter("inner", 2), () => { const $scope4_id = _scope_id(); _script($scope4_id, "__tests__/template.marko_4_changes/pending"); - _html(`
      changes: ${_escape(changes)}${_el_resume($scope4_id, "#text/1")}
      ${_el_resume($scope4_id, "#div/0")}`); + _html_opens("__tests__/template.marko:10:9"), _html(`
      changes: ${_escape(changes)}${_el_resume($scope4_id, "#text/1")}
      ${_el_resume($scope4_id, "#div/0")}`); _script($scope4_id, "__tests__/template.marko_4"); writeScope($scope4_id, { _: _scope_with_id($scope3_id) }, "__tests__/template.marko", "9:8"); _resume_branch($scope4_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-no-try-resume-rerender/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-no-try-resume-rerender/__snapshots__/html.bundle.debug.js index 4bacca5fa1c..ec3f8ebb0e2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-no-try-resume-rerender/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-no-try-resume-rerender/__snapshots__/html.bundle.debug.js @@ -4,10 +4,10 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $n__closures = new Set(); let n = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _await($scope0_id, "#text/1", resolveAfter(n, 0), (v) => { const $scope1_id = _scope_id(); - _html(`
      done ${_escape(n)}${_el_resume($scope1_id, "#text/0")}
      `); + _html_opens("__tests__/template.marko:5:3"), _html(`
      done ${_escape(n)}${_el_resume($scope1_id, "#text/0")}
      `); _subscribe($n__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "4:2")); _resume_branch($scope1_id); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-pending-interrupt-sync/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-pending-interrupt-sync/__snapshots__/html.bundle.debug.js index b83d4484c09..1f94705f936 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-pending-interrupt-sync/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-pending-interrupt-sync/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`Got: ${_escape(value)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "3:2"); }); - _html(`${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { showAsync }, "__tests__/template.marko", 0, { showAsync: "2:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-remove-parent/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-remove-parent/__snapshots__/html.bundle.debug.js index 9915d71d47f..133b554cab9 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-remove-parent/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-remove-parent/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let show = 1; - _html("
      Pass
      "); + _html_opens("__tests__/template.marko:4:1"), _html("
      Pass
      "); _if(() => { if (show) { const $scope1_id = _scope_id(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-sync-update/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-sync-update/__snapshots__/html.bundle.debug.js index d7636edd10b..83080987701 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-sync-update/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-sync-update/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`Got: ${_escape(value)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "2:2"); }); - _html(`${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-tag/__snapshots__/html.bundle.debug.js index 479ab3d20fa..7af5e7e364d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-tag/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-tag/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $count__closures = new Set(); let count = 0; - _html("
      "); + _html_opens("__tests__/template.marko:4:1"), _html("
      "); _await($scope0_id, "#text/0", Promise.resolve("a"), (value) => { const $scope1_id = _scope_id(); _html(`Got: ${_escape(value)} ${_escape(count)}${_el_resume($scope1_id, "#text/1")}`); @@ -29,7 +29,7 @@ var template_default = _template("__tests__/template.marko", (input) => { }, "__tests__/template.marko", "13:4")); _resume_branch($scope3_id); }); - _html(`${_el_resume($scope0_id, "#button/3")}
      `); + _html_opens("__tests__/template.marko:17:3"), _html(`${_el_resume($scope0_id, "#button/3")}
      `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count, diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-toggle-sync-async/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-toggle-sync-async/__snapshots__/html.bundle.debug.js index 0f77a882647..2f4f49959c1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-toggle-sync-async/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-toggle-sync-async/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`Got: ${_escape(value)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "3:2"); }); - _html(`${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/1")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { showAsync }, "__tests__/template.marko", 0, { showAsync: "2:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-update-after-resume/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-update-after-resume/__snapshots__/html.bundle.debug.js index 58ec62cd2b7..4442fd08d68 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-update-after-resume/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-update-after-resume/__snapshots__/html.bundle.debug.js @@ -4,13 +4,13 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $value__closures = new Set(); let value = 0; - _html(`
      ${_escape(value)}${_el_resume($scope0_id, "#text/0")}
      `); + _html_opens("__tests__/template.marko:4:1"), _html(`
      ${_escape(value)}${_el_resume($scope0_id, "#text/0")}
      `); _try($scope0_id, "#text/1", _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); _await($scope1_id, "#text/0", resolveAfter(value), (value) => { const $scope3_id = _scope_id(); - _html(`
      ${_escape(value)}${_el_resume($scope3_id, "#text/0")}
      `); + _html_opens("__tests__/template.marko:8:5"), _html(`
      ${_escape(value)}${_el_resume($scope3_id, "#text/0")}
      `); _script($scope3_id, "__tests__/template.marko_3_value"); _script($scope3_id, "__tests__/template.marko_3"); writeScope($scope3_id, { value }, "__tests__/template.marko", "7:3", { value: "7:9" }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/await-update-before-resume/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/await-update-before-resume/__snapshots__/html.bundle.debug.js index cc32364a211..e8f887c3982 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/await-update-before-resume/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/await-update-before-resume/__snapshots__/html.bundle.debug.js @@ -4,13 +4,13 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); const $value__closures = new Set(); let value = 0; - _html(`
      ${_escape(value)}${_el_resume($scope0_id, "#text/0")}
      `); + _html_opens("__tests__/template.marko:4:1"), _html(`
      ${_escape(value)}${_el_resume($scope0_id, "#text/0")}
      `); _try($scope0_id, "#text/1", _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); _await($scope1_id, "#text/0", resolveAfter(value, 3), (value) => { const $scope3_id = _scope_id(); - _html(`
      ${_escape(value)}${_el_resume($scope3_id, "#text/0")}
      `); + _html_opens("__tests__/template.marko:8:5"), _html(`
      ${_escape(value)}${_el_resume($scope3_id, "#text/0")}
      `); _script($scope3_id, "__tests__/template.marko_3_value"); _script($scope3_id, "__tests__/template.marko_3"); writeScope($scope3_id, { value }, "__tests__/template.marko", "7:3", { value: "7:9" }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-chain/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-chain/__snapshots__/html.bundle.debug.js index d09e7118f05..5f506104091 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-chain/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-chain/__snapshots__/html.bundle.debug.js @@ -5,6 +5,6 @@ var template_default = _template("__tests__/template.marko", (input) => { let x = 1; const y = x * 2; const z = y * 3; - _html(`
      ${_escape(z)}
      `); + _html_opens("__tests__/template.marko:4:1"), _html(`
      ${_escape(z)}
      `); _resume_branch($scope0_id); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.bundle.debug.js index 0c482bc9f04..6ded2239a14 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { onClick, text } = input; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/my-button.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "1:10" }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/html.bundle.debug.js index 6827dbdfb42..59d9c74cbf2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/html.bundle.debug.js @@ -5,7 +5,7 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const attrs = input; const { text } = input; const { onClick } = attrs; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/my-button.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "3:10" }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/html.bundle.debug.js index 5462bec3400..16df3d27156 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const $scope0_id = _scope_id(); const { onClick, value: { text } } = input; const { value: { text: textAlias } } = input; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/my-button.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "1:10" }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/html.bundle.debug.js index 9f64b81be3e..f9a7b5e2b99 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const $scope0_id = _scope_id(); const { onClick, text } = input; const { text: textAlias } = input; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/my-button.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "1:10" }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/html.bundle.debug.js index 0c482bc9f04..6ded2239a14 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { onClick, text } = input; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/my-button.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "1:10" }); }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.bundle.debug.js index 982d55b32f2..32516867736 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.bundle.debug.js @@ -3,8 +3,8 @@ var my_button_default = _template("__tests__/tags/my-button.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { onClick, content } = input; - _html("${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/my-button.marko_0_onClick"); writeScope($scope0_id, { onClick }, "__tests__/tags/my-button.marko", 0, { onClick: "1:10" }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-component/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-component/__snapshots__/html.bundle.debug.js index b3b3ef2eaf2..823c3d68780 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-component/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-component/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let clickCount = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/counter.marko_0"); writeScope($scope0_id, { clickCount }, "__tests__/tags/counter.marko", 0, { clickCount: "1:6" }); _resume_branch($scope0_id); @@ -13,7 +13,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => { var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html("
      "); + _html_opens("__tests__/template.marko:1:1"), _html("
      "); counter_default({}); _html("
      "); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.bundle.debug.js index 34e37d990dd..afee5e8eef4 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let show = true; let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`); _if(() => { if (show) { const $scope1_id = _scope_id(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.bundle.debug.js index 9360074e15c..c633718942e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/html.bundle.debug.js @@ -4,11 +4,11 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let show = true; let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`); _if(() => { if (show) { const $scope1_id = _scope_id(); - _html(`${_escape(count)}${_el_resume($scope1_id, "#text/0")}`); + _html_opens("__tests__/template.marko:5:10"), _html(`${_escape(count)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "5:2"); return 0; } diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/html.bundle.debug.js index 1033b48ecfc..f902bc54310 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const increment = _resume(function() { clickCount++; }, "__tests__/template.marko_0/increment", $scope0_id); - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0_increment"); writeScope($scope0_id, { clickCount, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.bundle.debug.js index 63cd87e4b74..d48b812a19e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/html.bundle.debug.js @@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => { let count = 0; let multiplier = 1; const multipliedCount = count * multiplier; - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}
      ${_escape(multipliedCount)}${_el_resume($scope0_id, "#text/3")}
      `); + _html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:7:1", "__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}
      ${_escape(multipliedCount)}${_el_resume($scope0_id, "#text/3")}
      `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-counter/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-counter/__snapshots__/html.bundle.debug.js index daff0ec2844..bc66b88b680 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-counter/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-counter/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let clickCount = 0; - _html(`
      ${_el_resume($scope0_id, "#button/0")}
      `); + _html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:3:3"), _html(`
      ${_el_resume($scope0_id, "#button/0")}
      `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { clickCount }, "__tests__/template.marko", 0, { clickCount: "2:8" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.bundle.debug.js index e7a236805d1..9365ca266f7 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/html.bundle.debug.js @@ -7,6 +7,6 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); _scope_reason(); _html("Hello World"); - }, $scope0_id), 0, _serialize_guard($scope0_reason, 0)); + }, $scope0_id), 0, _serialize_guard($scope0_reason, 0), "__tests__/template.marko:2:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.bundle.debug.js index 00fe1888879..7d736053b0d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let message = { text: "hi" }; let show = true; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _if(() => { if (show) { const $scope1_id = _scope_id(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-export/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-export/__snapshots__/html.bundle.debug.js index 0fa98dc4543..f14626f71a9 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-export/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-export/__snapshots__/html.bundle.debug.js @@ -9,5 +9,5 @@ var exporter_default = _template("__tests__/exporter.marko", (input) => { var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html(`
      ${_escape(123)}
      `); + _html_opens("__tests__/template.marko:3:1"), _html(`
      ${_escape(123)}
      `); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.bundle.debug.js index b8e9873f4ca..748994ac2a3 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-flush-here/__snapshots__/html.bundle.debug.js @@ -3,5 +3,5 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); const _ = $global().__flush__ = ($global, html) => `BEFORE-${$global.runtimeId}-${html}-AFTER`; - _html("

      Hello World

      "); + _html_opens("__tests__/template.marko:2:1"), _html("

      Hello World

      "); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.bundle.debug.js index f9ad8ed000d..7735b996fd2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.bundle.debug.js index edfa3884d23..90d3538684c 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let a = [0]; let b = 1; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { a, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.bundle.debug.js index f6ad6b1e678..2ef35a86e1d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let data = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.bundle.debug.js index 85b0a641228..2fa7b5e6632 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/html.bundle.debug.js @@ -2,12 +2,12 @@ const $content = (input) => { const $scope0_reason = _scope_reason(), $sg__input_comments = _serialize_guard($scope0_reason, 1), $sg__input_comments__OR__input_path = _serialize_guard($scope0_reason, 0), $si__input_comments = _serialize_if($scope0_reason, 1), $si__input_comments__OR__input_path = _serialize_if($scope0_reason, 0); const $scope0_id = _scope_id(); - _html("
        "); + _html_opens("__tests__/tags/comments.marko:1:1"), _html("
          "); _for_of(input.comments, (comment, i) => { const $scope1_id = _scope_id(); const id = `${input.path || "c"}-${i}`; let open = true; - _html(`${_escape(comment.text)}${_el_resume($scope1_id, "#text/1", $sg__input_comments)}${_el_resume($scope1_id, "#button/2")}`); + _html_opens("__tests__/tags/comments.marko:5:5", "__tests__/tags/comments.marko:6:7", "__tests__/tags/comments.marko:7:7"), _html(`${_escape(comment.text)}${_el_resume($scope1_id, "#text/1", $sg__input_comments)}${_el_resume($scope1_id, "#button/2")}`); _if(() => { if (comment.comments) { const $scope2_id = _scope_id(); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-layout/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-layout/__snapshots__/html.bundle.debug.js index a4e0d5cf02e..ffa4d620956 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-layout/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-layout/__snapshots__/html.bundle.debug.js @@ -3,8 +3,8 @@ var layout_default = _template("__tests__/tags/layout.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { content } = input; - _html(""); - _dynamic_tag($scope0_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/tags/layout.marko:2:1"), _html(""); + _dynamic_tag($scope0_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/layout.marko:3:3"); _trailers(""); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/layout.marko", 0); }, 1); @@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => { layout_default({ content: _content("__tests__/template.marko_1_content", () => { const $scope1_reason = _scope_reason(); const $scope1_id = _scope_id(); - _html(`

          Hello ${_sep($sg__input_name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__input_name)}

          `); + _html_opens("__tests__/template.marko:3:3"), _html(`

          Hello ${_sep($sg__input_name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__input_name)}

          `); $si__input_name && _subscribe($name__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2")); _resume_branch($scope1_id); }) }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-computed/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-computed/__snapshots__/html.bundle.debug.js index 01fa2fa487d..148ca99df5e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-computed/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-computed/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { "c" ]; let index = 0; - _html(`
          ${_escape(items[0])}${_el_resume($scope0_id, "#text/0")}
          ${_escape(items[index])}${_el_resume($scope0_id, "#text/1")}
          ${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:7:1"), _html(`
          ${_escape(items[0])}${_el_resume($scope0_id, "#text/0")}
          ${_escape(items[index])}${_el_resume($scope0_id, "#text/1")}
          ${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { items, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-optional/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-optional/__snapshots__/html.bundle.debug.js index 436d47bb3ce..283916d0433 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-optional/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-member-expression-optional/__snapshots__/html.bundle.debug.js @@ -10,7 +10,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let index = -1; let user = undefined; - _html(`
          ${_escape(user?.id)}${_el_resume($scope0_id, "#text/0")}
          ${_escape(user?.name)}${_el_resume($scope0_id, "#text/1")}
          ${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:12:1", "__tests__/template.marko:13:1", "__tests__/template.marko:15:1"), _html(`
          ${_escape(user?.id)}${_el_resume($scope0_id, "#text/0")}
          ${_escape(user?.name)}${_el_resume($scope0_id, "#text/1")}
          ${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { index }, "__tests__/template.marko", 0, { index: "9:5" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-merge-member-expression/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-merge-member-expression/__snapshots__/html.bundle.debug.js index 5c11d431d34..1c94308fc81 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-merge-member-expression/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-merge-member-expression/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let foo = {}; const { class: fooClass } = foo; - _html(`
      ${_el_resume($scope0_id, "#div/0")}${_el_resume($scope0_id, "#div/1")}${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#div/0")}${_el_resume($scope0_id, "#div/1")}${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, {}, "__tests__/template.marko", 0); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/html.bundle.debug.js index a4f506f3c60..89a238c9ff3 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { name } = input; - _html(`
      ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `); + _html_opens("__tests__/tags/child.marko:2:1"), _html(`
      ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0); }); @@ -12,7 +12,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let items = [0, 1]; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _for_of(items, (outer) => { const $scope1_id = _scope_id(); _for_of(items, (inner) => { diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/html.bundle.debug.js index 454f4ea3b0b..0c159cb123e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/html.bundle.debug.js @@ -3,8 +3,8 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { content, value } = input; - _html("
      "); - _dynamic_tag($scope0_id, "#text/0", content, [value], 0, 1, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/tags/child.marko:2:1"), _html("
      "); + _dynamic_tag($scope0_id, "#text/0", content, [value], 0, 1, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:2:6"); _html("
      "); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, { content: _serialize_if($scope0_reason, 2) && content, @@ -21,7 +21,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let x = 1; let y = 2; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _set_serialize_reason(10); const $childScope = _peek_scope_id(); child_default({ @@ -35,7 +35,7 @@ var template_default = _template("__tests__/template.marko", (input) => { content: _content_resume("__tests__/template.marko_2_content", (inner) => { const $scope2_reason = _scope_reason(), $sg__inner = _serialize_guard($scope2_reason, 0); const $scope2_id = _scope_id(); - _html(`
      ${_escape(outer)}${_el_resume($scope2_id, "#text/0", _serialize_guard($scope1_reason, 0))}.${_sep($sg__inner)}${_escape(inner)}${_el_resume($scope2_id, "#text/1", $sg__inner)}
      `); + _html_opens("__tests__/template.marko:8:9"), _html(`
      ${_escape(outer)}${_el_resume($scope2_id, "#text/0", _serialize_guard($scope1_reason, 0))}.${_sep($sg__inner)}${_escape(inner)}${_el_resume($scope2_id, "#text/1", $sg__inner)}
      `); _subscribe($si__outer && $child_content__outer__closures, writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "7:6")); _resume_branch($scope2_id); }, $scope1_id) diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/html.bundle.debug.js index f0f17d90430..a237b6eb6fd 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:1:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0); }); @@ -15,7 +15,7 @@ var template_default = _template("__tests__/template.marko", (input) => { child_default({ content: _content("__tests__/template.marko_1_content", () => { _scope_reason(); const $scope1_id = _scope_id(); - _html(`${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); _subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2")); _resume_branch($scope1_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/html.bundle.debug.js index 78955c20724..e50b273ad3d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:1:1"); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0); }); @@ -15,11 +15,11 @@ var template_default = _template("__tests__/template.marko", (input) => { _dynamic_tag($scope0_id, "#text/0", false || child_default, {}, _content_resume("__tests__/template.marko_1_content", () => { const $scope1_id = _scope_id(); _scope_reason(); - _html(`${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:5:3"), _html(`${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); _subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "4:4")); _resume_branch($scope1_id); - }, $scope0_id), 0, 0); + }, $scope0_id), 0, 0, "__tests__/template.marko:4:1"); writeScope($scope0_id, { count, "ClosureScopes:count": $count__closures diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.bundle.debug.js index d02e493cb83..282716f0e7b 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/html.bundle.debug.js @@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => { 12 ], (num) => { const $scope1_id = _scope_id(); - _html(`${_escape(num)}${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:4:3"), _html(`${_escape(num)}${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); writeScope($scope1_id, { num, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.bundle.debug.js index d2ef0443c5a..8e11b389bb2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/html.bundle.debug.js @@ -3,17 +3,17 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let clickCount = 0; - _html("
      "); + _html_opens("__tests__/template.marko:1:1"), _html("
      "); _if(() => { if (clickCount < 3) { const $scope1_id = _scope_id(); - _html(`${_el_resume($scope1_id, "#button/0")}`); + _html_opens("__tests__/template.marko:4:5"), _html(`${_el_resume($scope1_id, "#button/0")}`); _script($scope1_id, "__tests__/template.marko_1"); writeScope($scope1_id, {}, "__tests__/template.marko", "3:4"); return 0; } else { const $scope2_id = _scope_id(); - _html(`The button was clicked ${_escape(clickCount)}${_el_resume($scope2_id, "#text/0")} times.`); + _html_opens("__tests__/template.marko:9:5"), _html(`The button was clicked ${_escape(clickCount)}${_el_resume($scope2_id, "#text/0")} times.`); writeScope($scope2_id, {}, "__tests__/template.marko", "8:4"); return 1; } diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.bundle.debug.js index 9acf2834fc5..b6772e8c0f0 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/html.bundle.debug.js @@ -4,13 +4,13 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let id = 0; let items = []; - _html("
      "); + _html_opens("__tests__/template.marko:1:1"), _html("
      "); _for_of(items, (item) => { const $scope1_id = _scope_id(); _html(`${_escape(item)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "5:4"); }, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1); - _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
      `); + _html_opens("__tests__/template.marko:7:3", "__tests__/template.marko:8:3"), _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
      `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { id, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.bundle.debug.js index 11deaeea018..7e6b58e65f5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/html.bundle.debug.js @@ -8,15 +8,15 @@ var template_default = _template("__tests__/template.marko", (input) => { 2, 3 ]; - _html(``); + _html_opens("__tests__/template.marko:3:1"), _html(``); _for_of(list, (x) => { const $scope1_id = _scope_id(); - _html(`
    • ${_escape(x)}${_el_resume($scope1_id, "#text/0")}
      • `); + _html_opens("__tests__/template.marko:5:5"), _html(`
    • ${_escape(x)}${_el_resume($scope1_id, "#text/0")}
      • `); writeScope($scope1_id, {}, "__tests__/template.marko", "4:4"); }, function(x) { return x; }, $scope0_id, "#ul/0", 1, 1, 1, "
    ", 1); - _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}`); + _html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { open, diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-static/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-static/__snapshots__/html.bundle.debug.js index 6120eab8ded..4ed94251103 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-static/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-static/__snapshots__/html.bundle.debug.js @@ -3,5 +3,5 @@ const x = 1; var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); - _html(`
    ${_escape(x)}
    `); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3"), _html(`
    ${_escape(x)}
    `); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.bundle.debug.js index 9b17be0a807..277bdac73d2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let show = true; - _html(`
    ${show ? "Hello!" : ""}${_el_resume($scope0_id, "#text/0")}${_el_resume($scope0_id, "#button/1")}
    `); + _html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:4:3"), _html(`
    ${show ? "Hello!" : ""}${_el_resume($scope0_id, "#text/0")}${_el_resume($scope0_id, "#button/1")}
    `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { show }, "__tests__/template.marko", 0, { show: "2:8" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.bundle.debug.js index 838410e5fa1..eb377cd9e39 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/html.bundle.debug.js @@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => { let unused_1 = 123; const unused_2 = 456; let clickCount = 0; - _html(`
    ${_el_resume($scope0_id, "#button/0")}
    `); + _html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:5:3"), _html(`
    ${_el_resume($scope0_id, "#button/0")}
    `); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { clickCount }, "__tests__/template.marko", 0, { clickCount: "4:8" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.bundle.debug.js index 9a604314109..2b64391fd9c 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/html.bundle.debug.js @@ -4,11 +4,11 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let show = true; let message = "hi"; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _if(() => { if (show) { const $scope1_id = _scope_id(); - _html(`${_escape(message)}${_el_resume($scope1_id, "#text/0")}`); + _html_opens("__tests__/template.marko:4:10"), _html(`${_escape(message)}${_el_resume($scope1_id, "#text/0")}`); writeScope($scope1_id, {}, "__tests__/template.marko", "4:2"); return 0; } diff --git a/packages/runtime-tags/src/__tests__/fixtures/batched-updates/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/batched-updates/__snapshots__/html.bundle.debug.js index d2afb722e00..a9d6fe668ba 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/batched-updates/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/batched-updates/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let a = 0; let b = 0; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { a, diff --git a/packages/runtime-tags/src/__tests__/fixtures/bind-to-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bind-to-input/__snapshots__/html.bundle.debug.js index 50bcd4e6cfe..49af833f267 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bind-to-input/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bind-to-input/__snapshots__/html.bundle.debug.js @@ -4,8 +4,8 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => { const $scope0_id = _scope_id(); const { "countChange": $countChange, count } = input; let x = count; - _html(``); - _dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/tags/counter.marko:5:1"), _html(``); + _dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/counter.marko:6:3"); _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/counter.marko_0"); writeScope($scope0_id, { diff --git a/packages/runtime-tags/src/__tests__/fixtures/body-content/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/body-content/__snapshots__/html.bundle.debug.js index f29a38a6e2f..5f49bbaf2d5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/body-content/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/body-content/__snapshots__/html.bundle.debug.js @@ -3,8 +3,8 @@ var FancyButton_default = _template("__tests__/tags/FancyButton.marko", (input) const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); const { content, ...attrs } = input; - _html(``); - _dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0)); + _html_opens("__tests__/tags/FancyButton.marko:2:1"), _html(``); + _dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/FancyButton.marko:2:18"); _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/tags/FancyButton.marko_0_attrs"); writeScope($scope0_id, {}, "__tests__/tags/FancyButton.marko", 0); diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-computed-key/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-computed-key/__snapshots__/html.bundle.debug.js index 8ada2f29bfd..397e7b4ff22 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-computed-key/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-computed-key/__snapshots__/html.bundle.debug.js @@ -14,7 +14,7 @@ var template_default = _template("__tests__/template.marko", (input) => { wrong = x; } }; - _html(`
    v=${_escape(v)}${_el_resume($scope0_id, "#text/0")}|wrong=${_escape(wrong)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#input/2")}`); + _html_opens("__tests__/template.marko:11:1", "__tests__/template.marko:12:1"), _html(`
    v=${_escape(v)}${_el_resume($scope0_id, "#text/0")}|wrong=${_escape(wrong)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#input/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { key }, "__tests__/template.marko", 0, { key: "5:8" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-missing-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-missing-handler/__snapshots__/html.bundle.debug.js index 63bfddd7cec..ad0d87381dc 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-missing-handler/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-missing-handler/__snapshots__/html.bundle.debug.js @@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope0_id = _scope_id(); let n = 1; const state = { x: "v" }; - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#input/2")}`); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#input/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-existing-change/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-existing-change/__snapshots__/html.bundle.debug.js index 0bc227ad148..353aa05c073 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-existing-change/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-existing-change/__snapshots__/html.bundle.debug.js @@ -2,7 +2,7 @@ var reveal_default = _template("__tests__/tags/reveal/index.marko", (input) => { const $scope0_reason = _scope_reason(); const $scope0_id = _scope_id(); - _html(`
    ${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `); + _html_opens("__tests__/tags/reveal/index.marko:1:1"), _html(`
    ${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `); _serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/reveal/index.marko", 0); }); @@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => { bChange(v) {} }; let n = 1; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); reveal_default({ value: a }); reveal_default({ value: b }); _script($scope0_id, "__tests__/template.marko_0"); diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-repeated/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-repeated/__snapshots__/html.bundle.debug.js index ee4927243f3..32711a861d1 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-repeated/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-pattern-repeated/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope1_id = _scope_id(); const $scope1_reason = _scope_reason(); const $valueChange = $aChange; - _html(`${_el_resume($scope1_id, "#input/0")}${_el_resume($scope1_id, "#input/1")}${_el_resume($scope1_id, "#input/2")}`); + _html_opens("__tests__/template.marko:2:3", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3"), _html(`${_el_resume($scope1_id, "#input/0")}${_el_resume($scope1_id, "#input/1")}${_el_resume($scope1_id, "#input/2")}`); _script($scope1_id, "__tests__/template.marko_1"); writeScope($scope1_id, { $aChange: _serialize_if($scope1_reason, 1) && $aChange, @@ -17,7 +17,7 @@ var template_default = _template("__tests__/template.marko", (input) => { }); }) }; let n = 1; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _set_serialize_reason(1); const $childScope = _peek_scope_id(); Wrap.content({ a: "z" + n }); diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-repeated-let/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-repeated-let/__snapshots__/html.bundle.debug.js index f55f330fe4c..486fa076418 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-repeated-let/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-repeated-let/__snapshots__/html.bundle.debug.js @@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $valueChange = _resume((_new_x) => { x = _new_x; }, "__tests__/template.marko_0/valueChange2", $scope0_id); - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#input/2")}${_el_resume($scope0_id, "#input/3")}${_el_resume($scope0_id, "#input/4")}`); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#input/2")}${_el_resume($scope0_id, "#input/3")}${_el_resume($scope0_id, "#input/4")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { x, diff --git a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-shapes/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-shapes/__snapshots__/html.bundle.debug.js index 97d6ce3bb61..9fbbd6b0058 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/bound-attr-shapes/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/bound-attr-shapes/__snapshots__/html.bundle.debug.js @@ -14,7 +14,7 @@ var template_default = _template("__tests__/template.marko", (input) => { b = v; }, "__tests__/template.marko_0/state2", $scope0_id) }; - _html(`
    ${_escape(a)}${_el_resume($scope0_id, "#text/0")}|${_escape(b)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#input/2")}${_el_resume($scope0_id, "#input/3")}`); + _html_opens("__tests__/template.marko:9:1", "__tests__/template.marko:10:1", "__tests__/template.marko:11:1"), _html(`
    ${_escape(a)}${_el_resume($scope0_id, "#text/0")}|${_escape(b)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#input/2")}${_el_resume($scope0_id, "#input/3")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { a, diff --git a/packages/runtime-tags/src/__tests__/fixtures/branch-closure-if-only-child/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/branch-closure-if-only-child/__snapshots__/html.bundle.debug.js index 334ffffd979..0069b3489c5 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/branch-closure-if-only-child/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/branch-closure-if-only-child/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _scope_reason(); const $scope0_id = _scope_id(); let count = 0; - _html(`${_el_resume($scope0_id, "#button/0")}
    ${true ? _escape(count) : ""}${_el_resume($scope0_id, "#text/3")}
    ${_el_resume($scope0_id, "#div/2")}`); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${true ? _escape(count) : ""}${_el_resume($scope0_id, "#text/3")}
    ${_el_resume($scope0_id, "#div/2")}`); _script($scope0_id, "__tests__/template.marko_0"); writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" }); _resume_branch($scope0_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-catch-pending-await/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-catch-pending-await/__snapshots__/html.bundle.debug.js index 0a67588583f..2e6b8505871 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-catch-pending-await/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-catch-pending-await/__snapshots__/html.bundle.debug.js @@ -36,7 +36,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`caught: ${_sep($sg__err_message)}${_escape(err.message)}${_el_resume($scope5_id, "#text/0", $sg__err_message)}`); _serialize_if($scope5_reason, 0) && writeScope($scope5_id, {}, "__tests__/template.marko", "21:8"); }, $scope2_id) }) }); - _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); + _html_opens("__tests__/template.marko:23:5"), _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); _script($scope2_id, "__tests__/template.marko_2"); writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "10:4"); _resume_branch($scope2_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await-same-tick/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await-same-tick/__snapshots__/html.bundle.debug.js index f7495e02d10..cd5192c20f3 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await-same-tick/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await-same-tick/__snapshots__/html.bundle.debug.js @@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`caught: ${_sep($sg__err_message)}${_escape(err.message)}${_el_resume($scope5_id, "#text/0", $sg__err_message)}`); _serialize_if($scope5_reason, 0) && writeScope($scope5_id, {}, "__tests__/template.marko", "11:8"); }, $scope2_id) }) }); - _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); + _html_opens("__tests__/template.marko:13:5"), _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); _script($scope2_id, "__tests__/template.marko_2"); writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "6:4"); _resume_branch($scope2_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await/__snapshots__/html.bundle.debug.js index dafc3d40c3b..c241805c744 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-nested-in-await/__snapshots__/html.bundle.debug.js @@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`caught: ${_sep($sg__err_message)}${_escape(err.message)}${_el_resume($scope5_id, "#text/0", $sg__err_message)}`); _serialize_if($scope5_reason, 0) && writeScope($scope5_id, {}, "__tests__/template.marko", "11:8"); }, $scope2_id) }) }); - _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); + _html_opens("__tests__/template.marko:13:5"), _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); _script($scope2_id, "__tests__/template.marko_2"); writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "6:4"); _resume_branch($scope2_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-sibling-pending-await/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-sibling-pending-await/__snapshots__/html.bundle.debug.js index 46061c8a8c0..6cf2bc147cf 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/catch-reject-sibling-pending-await/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/catch-reject-sibling-pending-await/__snapshots__/html.bundle.debug.js @@ -28,7 +28,7 @@ var template_default = _template("__tests__/template.marko", (input) => { _html(`caught: ${_sep($sg__err_message)}${_escape(err.message)}${_el_resume($scope5_id, "#text/0", $sg__err_message)}`); _serialize_if($scope5_reason, 0) && writeScope($scope5_id, {}, "__tests__/template.marko", "18:8"); }, $scope2_id) }) }); - _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); + _html_opens("__tests__/template.marko:20:5"), _html(`
    changes: ${_escape(changes)}${_el_resume($scope2_id, "#text/2")}
    ${_el_resume($scope2_id, "#div/1")}`); _script($scope2_id, "__tests__/template.marko_2"); writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "10:4"); _resume_branch($scope2_id); diff --git a/packages/runtime-tags/src/__tests__/fixtures/catch-serialized-globals/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/catch-serialized-globals/__snapshots__/html.bundle.debug.js index b024942f2c1..e5b8d5be1e7 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/catch-serialized-globals/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/catch-serialized-globals/__snapshots__/html.bundle.debug.js @@ -14,7 +14,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const $scope2_id = _scope_id(); const message = $global().settings.message; let clicked = false; - _html(`${_el_resume($scope2_id, "#button/0")}`); + _html_opens("__tests__/template.marko:10:5"), _html(`${_el_resume($scope2_id, "#button/0")}`); _script($scope2_id, "__tests__/template.marko_2"); writeScope($scope2_id, { error_message: error?.message, diff --git a/packages/runtime-tags/src/__tests__/fixtures/change-handler-alias-assignment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/change-handler-alias-assignment/__snapshots__/html.bundle.debug.js index ab36f2861f9..e29b6c4f67d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/change-handler-alias-assignment/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/change-handler-alias-assignment/__snapshots__/html.bundle.debug.js @@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => { (($btn) => $btn())(_el_read_error).textContent = v; }, "__tests__/template.marko_0/fooBar", $scope0_id) }; - _html(`${_el_resume($scope0_id, "#button/0")}`); + _html_opens("__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#button/0")}`); _script($scope0_id, "__tests__/template.marko_0_$fooChange"); writeScope($scope0_id, { $fooChange }, "__tests__/template.marko", 0, { $fooChange: "9:3" }); }, 1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/html.bundle.debug.js index 73b0ed5dad4..9e6446ddb29 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_name = _serialize_guard($scope0_reason, 0); const $scope0_id = _scope_id(); const { name, write } = input; - _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)}
    ${_escape(name)}${_el_resume($scope0_id, "#text/1", $sg__input_name)}

    ${_escape(name)}${_el_resume($scope0_id, "#text/2", $sg__input_name)}

    `); + _html_opens("__tests__/tags/child.marko:2:1", "__tests__/tags/child.marko:3:1", "__tests__/tags/child.marko:4:1"), _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)}
    ${_escape(name)}${_el_resume($scope0_id, "#text/1", $sg__input_name)}

    ${_escape(name)}${_el_resume($scope0_id, "#text/2", $sg__input_name)}

    `); _script($scope0_id, "__tests__/tags/child.marko_0_name_write"); writeScope($scope0_id, { name, @@ -27,7 +27,7 @@ var template_default = _template("__tests__/template.marko", (input) => { const write = _resume(function(msg) { ((el) => el())(_el_read_error).innerHTML += "\n" + msg; }, "__tests__/template.marko_0/write", $scope0_id); - _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`); + _html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`); _for_of(items, (item) => { const $scope1_id = _scope_id(); _set_serialize_reason(1); diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/html.bundle.debug.js index 9ab01fb4293..43367d9930b 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/html.bundle.debug.js +++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/html.bundle.debug.js @@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => { const $scope0_reason = _scope_reason(), $sg__input_name = _serialize_guard($scope0_reason, 0); const $scope0_id = _scope_id(); const { name, write } = input; - _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)} a
    ${_escape(name)}${_el_resume($scope0_id, "#text/1", $sg__input_name)} a

    ${_escape(name)}${_el_resume($scope0_id, "#text/2", $sg__input_name)} a

    `); + _html_opens("__tests__/tags/child.marko:2:1", "__tests__/tags/child.marko:3:1", "__tests__/tags/child.marko:4:1"), _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)} a
    ${_escape(name)}${_el_resume($scope0_id, "#text/1", $sg__input_name)} a

    ${_escape(name)}${_el_resume($scope0_id, "#text/2", $sg__input_name)} a

    `); _script($scope0_id, "__tests__/tags/child.marko_0_name_write"); writeScope($scope0_id, { name, @@ -26,11 +26,11 @@ var template_default = _template("__tests__/template.marko", (input) => { const write = _resume(function(msg) { ((el) => el())(_el_read_error).innerHTML += "\n" + msg; }, "__tests__/template.marko_0/write", $scope0_id); - _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
    ${_el_resume($scope0_id, "#pre/3")}`);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:6:1", "__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
    ${_el_resume($scope0_id, "#pre/3")}`);
 	_if(() => {
 		if (showOuter) {
 			const $scope1_id = _scope_id();
-			_html("
    ");
+			_html_opens("__tests__/template.marko:12:3"), _html("
    ");
 			child_default({
 				write,
 				name: "Outer"
@@ -38,7 +38,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_if(() => {
 				if (showMiddle) {
 					const $scope2_id = _scope_id();
-					_html("
    ");
+					_html_opens("__tests__/template.marko:15:7"), _html("
    ");
 					child_default({
 						write,
 						name: "Middle"
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/html.bundle.debug.js
index ff56684e583..415add123bc 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = true;
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#pre/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#pre/1")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
-			_html("
    a
    b
    c
    ");
+			_html_opens("__tests__/template.marko:7:3", "__tests__/template.marko:8:3", "__tests__/template.marko:9:3"), _html("
    a
    b
    c
    ");
 			_script($scope1_id, "__tests__/template.marko_1");
 			writeScope($scope1_id, {}, "__tests__/template.marko", "6:2");
 			return 0;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/html.bundle.debug.js
index 76c65f5a122..3afa6b31f08 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
    a
    b
    c
    ");
+	_html_opens("__tests__/tags/child.marko:1:1", "__tests__/tags/child.marko:2:1", "__tests__/tags/child.marko:3:1"), _html("
    a
    b
    c
    ");
 	_script($scope0_id, "__tests__/tags/child.marko_0_input");
 	writeScope($scope0_id, { input }, "__tests__/tags/child.marko", 0, { input: 0 });
 	_resume_branch($scope0_id);
@@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = true;
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/html.bundle.debug.js
index 213c626abe2..6b8f32e9366 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { name, write } = input;
-	_html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_script($scope0_id, "__tests__/tags/child.marko_0_name_write");
 	writeScope($scope0_id, {
 		name,
@@ -27,10 +27,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const write = _resume(function(msg) {
 		((el) => el())(_el_read_error).innerHTML += "\n" + msg;
 	}, "__tests__/template.marko_0/write", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
 	_for_of(items, (outerItem) => {
 		const $scope1_id = _scope_id();
-		_html("
    ");
+		_html_opens("__tests__/template.marko:8:3"), _html("
    ");
 		_set_serialize_reason(1);
 		const $childScope = _peek_scope_id();
 		child_default({
@@ -39,7 +39,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		});
 		_for_of(items, (middleItem) => {
 			const $scope2_id = _scope_id();
-			_html("
    ");
+			_html_opens("__tests__/template.marko:11:7"), _html("
    ");
 			_set_serialize_reason(1);
 			const $childScope2 = _peek_scope_id();
 			child_default({
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/html.bundle.debug.js
index 12a334c4a03..11d06fb5b90 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { name, write } = input;
-	_html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_script($scope0_id, "__tests__/tags/child.marko_0_name_write");
 	writeScope($scope0_id, {
 		name,
@@ -27,7 +27,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const write = _resume(function(msg) {
 		((el) => el())(_el_read_error).innerHTML += "\n" + msg;
 	}, "__tests__/template.marko_0/write", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
 		_set_serialize_reason(1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/html.bundle.debug.js
index 4ad8c78d8b4..fe9f0c029e3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { name, write } = input;
-	_html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`
    ${_escape(name)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_script($scope0_id, "__tests__/tags/child.marko_0_name_write");
 	writeScope($scope0_id, {
 		name,
@@ -26,11 +26,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const write = _resume(function(msg) {
 		((el) => el())(_el_read_error).innerHTML += "\n" + msg;
 	}, "__tests__/template.marko_0/write", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
    ${_el_resume($scope0_id, "#pre/3")}`);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:6:1", "__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
    ${_el_resume($scope0_id, "#pre/3")}`);
 	_if(() => {
 		if (showOuter) {
 			const $scope1_id = _scope_id();
-			_html("
    ");
+			_html_opens("__tests__/template.marko:12:3"), _html("
    ");
 			child_default({
 				write,
 				name: "Outer"
@@ -38,7 +38,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_if(() => {
 				if (showMiddle) {
 					const $scope2_id = _scope_id();
-					_html("
    ");
+					_html_opens("__tests__/template.marko:15:7"), _html("
    ");
 					child_default({
 						write,
 						name: "Middle"
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/html.bundle.debug.js
index c22134ab27b..4e90a4d569a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = true;
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#pre/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#pre/1")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
-			_html("
    child
    ");
+			_html_opens("__tests__/template.marko:7:3"), _html("
    child
    ");
 			_script($scope1_id, "__tests__/template.marko_1");
 			writeScope($scope1_id, {}, "__tests__/template.marko", "6:2");
 			return 0;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/html.bundle.debug.js
index a1265230a77..fd838b9b3f2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
    child
    ");
+	_html_opens("__tests__/tags/child.marko:1:1"), _html("
    child
    ");
 	_script($scope0_id, "__tests__/tags/child.marko_0_input");
 	writeScope($scope0_id, { input }, "__tests__/tags/child.marko", 0, { input: 0 });
 	_resume_branch($scope0_id);
@@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = true;
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_el_resume($scope0_id, "#div/1")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/closure-owner-scope-serialize-in-serialized-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/closure-owner-scope-serialize-in-serialized-function/__snapshots__/html.bundle.debug.js
index 41702c11321..31828e0190b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/closure-owner-scope-serialize-in-serialized-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/closure-owner-scope-serialize-in-serialized-function/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const run = _resume(function() {
 			((el) => el())(_el_read_error).innerHTML = text();
 		}, "__tests__/template.marko_1/run", $scope1_id);
-		_html(`
    ${_el_resume($scope1_id, "#div/0")}`);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_el_resume($scope1_id, "#div/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1_run");
 		writeScope($scope1_id, {
 			run,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/closure-serialize-reason/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/closure-serialize-reason/__snapshots__/html.bundle.debug.js
index bd6ce7c10ea..b0a0f887248 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/closure-serialize-reason/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/closure-serialize-reason/__snapshots__/html.bundle.debug.js
@@ -4,16 +4,16 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let x = 0;
 	const getMessage = _resume(() => input.message, "__tests__/template.marko_0/getMessage", $scope0_id);
-	_html("
    ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
    ");
 	_if(() => {
 		if (x) {
 			const $scope1_id = _scope_id();
-			_html(`${_escape(getMessage())}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope0_reason, 0))}`);
+			_html_opens("__tests__/template.marko:5:5"), _html(`${_escape(getMessage())}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope0_reason, 0))}`);
 			writeScope($scope1_id, {}, "__tests__/template.marko", "4:4");
 			return 0;
 		}
 	}, $scope0_id, "#div/0", 1, 1, 1, "
    ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		input_message: input.message,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/comments/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/comments/__snapshots__/html.bundle.debug.js
index 2c1dfa72a54..848da34300e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/comments/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/comments/__snapshots__/html.bundle.debug.js
@@ -2,5 +2,5 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
    ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-import-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-import-value/__snapshots__/html.bundle.debug.js
index c52382d479c..579c33c7374 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-import-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-import-value/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/tags/counter.marko_0");
 	writeScope($scope0_id, {
 		input,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.bundle.debug.js
index acedce20e6e..62f71585188 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var display_intersection_default = _template("__tests__/tags/display-intersectio
 	const $scope0_id = _scope_id();
 	const { value } = input;
 	let dummy = {};
-	_html(`
    ${_escape((dummy, value))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/display-intersection.marko:3:1"), _html(`
    ${_escape((dummy, value))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, { dummy }, "__tests__/tags/display-intersection.marko", 0, { dummy: "2:6" });
 	_resume_branch($scope0_id);
 });
@@ -17,7 +17,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	display_intersection_default({ value: count });
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		count,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/html.bundle.debug.js
index 9343bb93010..9cbccf2b5d6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/tags/counter.marko_0");
 	writeScope($scope0_id, {
 		input,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-non-registered-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-non-registered-function/__snapshots__/html.bundle.debug.js
index 4a3098a0348..82f20889674 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-non-registered-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/component-attrs-static-non-registered-function/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var price_default = _template("__tests__/tags/price.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
    ${_escape(input.format(input.value))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/price.marko:1:1"), _html(`
    ${_escape(input.format(input.value))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/price.marko", 0);
 });
 
diff --git a/packages/runtime-tags/src/__tests__/fixtures/conditional-attr-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/conditional-attr-value/__snapshots__/html.bundle.debug.js
index de982420cb8..394a74644d9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/conditional-attr-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/conditional-attr-value/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $si__input_fallback = _serialize_if($scope0_reason, 3);
 	const $scope0_id = _scope_id();
-	_html(`
    content
    ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 1))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`
    content
    ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 1))}`);
 	_serialize_if($scope0_reason, 1) && writeScope($scope0_id, {
 		input_x: $si__input_fallback && input.x,
 		input_y: _serialize_if($scope0_reason, 4) && input.y,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop-closure/__snapshots__/html.bundle.debug.js
index faac54ae3c0..ad36cc8fb2e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop-closure/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var sections_default = _template("__tests__/tags/sections.marko", (input) => {
 		_if(() => {
 			if (content) {
 				const $scope2_id = _scope_id();
-				_dynamic_tag($scope2_id, "#text/0", content, {}, 0, 0, $sg__input_section);
+				_dynamic_tag($scope2_id, "#text/0", content, {}, 0, 0, $sg__input_section, "__tests__/tags/sections.marko:3:5");
 				$si__input_section && writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/tags/sections.marko", "2:4");
 				return 0;
 			}
diff --git a/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop/__snapshots__/html.bundle.debug.js
index 8e4bb447ea8..bfa7b98fb0e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/conditional-dynamic-tag-in-loop/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var sections_default = _template("__tests__/tags/sections.marko", (input) => {
 		_if(() => {
 			if (content) {
 				const $scope2_id = _scope_id();
-				_dynamic_tag($scope2_id, "#text/0", content, {}, 0, 0, $sg__input_section);
+				_dynamic_tag($scope2_id, "#text/0", content, {}, 0, 0, $sg__input_section, "__tests__/tags/sections.marko:3:5");
 				$si__input_section && writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/tags/sections.marko", "2:4");
 				return 0;
 			}
@@ -24,10 +24,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	sections_default({ section: attrTags(attrTag({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
-		_html("
    static content
    ");
+		_html_opens("__tests__/template.marko:3:5"), _html("
    static content
    ");
 	}) }), { content: _content("__tests__/template.marko_2_content", () => {
 		_scope_reason();
 		const $scope2_id = _scope_id();
-		_html("
    that never changes
    ");
+		_html_opens("__tests__/template.marko:6:5"), _html("
    that never changes
    ");
 	}) }) });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/conditional-event-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/conditional-event-handler/__snapshots__/html.bundle.debug.js
index b56138de8fc..a4676667afc 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/conditional-event-handler/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/conditional-event-handler/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let clicks = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_clicks");
 	writeScope($scope0_id, { clicks }, "__tests__/template.marko", 0, { clicks: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/conditional-table-row/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/conditional-table-row/__snapshots__/html.bundle.debug.js
index 2ca2189be0b..3433afd60b2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/conditional-table-row/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/conditional-table-row/__snapshots__/html.bundle.debug.js
@@ -3,16 +3,16 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = false;
-	_html("");
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3"), _html("
    ");
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
-			_html("");
+			_html_opens("__tests__/template.marko:5:7", "__tests__/template.marko:5:11"), _html("");
 			writeScope($scope1_id, {}, "__tests__/template.marko", "4:6");
 			return 0;
 		}
 	}, $scope0_id, "#tbody/0", 1, 1, 1, "", 1);
-	_html(`
    Hi
    Hi
    ${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { show }, "__tests__/template.marko", 0, { show: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-array-pattern/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-array-pattern/__snapshots__/html.bundle.debug.js
index 9e676c62a85..40ad06d5095 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-array-pattern/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-array-pattern/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const [first, $second, ...others] = input.list;
 	const second = void 0 !== $second ? $second : "dflt";
 	let n = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}
    ${_escape(first)}${_el_resume($scope0_id, "#text/2", $sg__input_list)}|${_sep($sg__input_list)}${_escape(second)}${_el_resume($scope0_id, "#text/3", $sg__input_list)}|${_sep($sg__input_list)}${_escape(others.join(","))}${_el_resume($scope0_id, "#text/4", $sg__input_list)}
    `);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}
    ${_escape(first)}${_el_resume($scope0_id, "#text/2", $sg__input_list)}|${_sep($sg__input_list)}${_escape(second)}${_el_resume($scope0_id, "#text/3", $sg__input_list)}|${_sep($sg__input_list)}${_escape(others.join(","))}${_el_resume($scope0_id, "#text/4", $sg__input_list)}
    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "2:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-async-method-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-async-method-handler/__snapshots__/html.bundle.debug.js
index 137aa515825..34a6194896c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-async-method-handler/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-async-method-handler/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const handlers = { load: _resume(async function() {
 		loaded = await Promise.resolve("yes");
 	}, "__tests__/template.marko_0/handlers", $scope0_id) };
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_handlers_load");
 	writeScope($scope0_id, { handlers_load: handlers.load }, "__tests__/template.marko", 0, { handlers_load: ["handlers.load", "4:8"] });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-defaulted-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-defaulted-input/__snapshots__/html.bundle.debug.js
index 247e3d960ab..d23f74c1d79 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-defaulted-input/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-defaulted-input/__snapshots__/html.bundle.debug.js
@@ -14,6 +14,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		label: "guarded",
 		size: 3
 	};
-	_html(`
    ${_escape(nullish.label)}${_el_resume($scope0_id, "#text/0", $sg__input_opts)}/${_sep($sg__input_opts)}${_escape(nullish.size)}${_el_resume($scope0_id, "#text/1", $sg__input_opts)} ${_sep($sg__input_opts)}${_escape(falsy.label)}${_el_resume($scope0_id, "#text/2", $sg__input_opts)}/${_sep($sg__input_opts)}${_escape(falsy.size)}${_el_resume($scope0_id, "#text/3", $sg__input_opts)} ${_sep($sg__input_opts)}${_escape(guarded?.label)}${_el_resume($scope0_id, "#text/4", $sg__input_opts)}
    `);
+	_html_opens("__tests__/template.marko:4:1"), _html(`
    ${_escape(nullish.label)}${_el_resume($scope0_id, "#text/0", $sg__input_opts)}/${_sep($sg__input_opts)}${_escape(nullish.size)}${_el_resume($scope0_id, "#text/1", $sg__input_opts)} ${_sep($sg__input_opts)}${_escape(falsy.label)}${_el_resume($scope0_id, "#text/2", $sg__input_opts)}/${_sep($sg__input_opts)}${_escape(falsy.size)}${_el_resume($scope0_id, "#text/3", $sg__input_opts)} ${_sep($sg__input_opts)}${_escape(guarded?.label)}${_el_resume($scope0_id, "#text/4", $sg__input_opts)}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-logical-nullable-member/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-logical-nullable-member/__snapshots__/html.bundle.debug.js
index 1e1efd850df..42b182dff1d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-logical-nullable-member/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-logical-nullable-member/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const viaTernary = on ? { label: "ternary" } : null;
 	const box = { inner: on ? { label: "assign" } : null };
 	const viaAndAssign = box.inner &&= { label: "andassign" };
-	_html(`
    • ${_escape(viaAnd.label ?? "none")}${_el_resume($scope0_id, "#text/0")}
    • ${_escape(viaTernary.label ?? "none")}${_el_resume($scope0_id, "#text/1")}
    • ${_escape(viaAndAssign.label ?? "none")}${_el_resume($scope0_id, "#text/2")}
    ${_el_resume($scope0_id, "#button/3")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:3", "__tests__/template.marko:10:3", "__tests__/template.marko:11:3", "__tests__/template.marko:13:1"), _html(`
    • ${_escape(viaAnd.label ?? "none")}${_el_resume($scope0_id, "#text/0")}
    • ${_escape(viaTernary.label ?? "none")}${_el_resume($scope0_id, "#text/1")}
    • ${_escape(viaAndAssign.label ?? "none")}${_el_resume($scope0_id, "#text/2")}
    ${_el_resume($scope0_id, "#button/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { on }, "__tests__/template.marko", 0, { on: "3:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.bundle.debug.js
index b84e2e98ecb..8d9fd2e6e89 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-tag-destructure/__snapshots__/html.bundle.debug.js
@@ -7,6 +7,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		y: 2
 	};
 	const { x, y } = z;
-	_html(`
    ${_escape(x)}
    ${_escape(y)}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`
    ${_escape(x)}
    ${_escape(y)}`);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-tag-hoist-error/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-tag-hoist-error/__snapshots__/html.bundle.debug.js
index 0d8b57c09c6..1540407f844 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-tag-hoist-error/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-tag-hoist-error/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $y_getter = _hoist($scope0_id, "__tests__/template.marko_0_y/hoist");
 	const x = 1;
 	const y = 1;
-	_html(`
    ${_escape(x)}
    ${_escape($y_getter)}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(x)}
    ${_escape($y_getter)}`);
 	writeScope($scope0_id, { y }, "__tests__/template.marko", 0, { y: "3:10" });
 	_assert_hoist(y);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/const-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/const-tag/__snapshots__/html.bundle.debug.js
index 8b436e1831b..8931b85283e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/const-tag/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/const-tag/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $y_getter = _hoist($scope0_id, "__tests__/template.marko_0_y/hoist");
 	const x = 1;
 	const y = _resume(() => 1, "__tests__/template.marko_0/y");
-	_html(`
    ${_escape(x)}${_escape(y())}
    ${_escape(typeof $y_getter)}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(x)}${_escape(y())}
    ${_escape(typeof $y_getter)}`);
 	writeScope($scope0_id, { y }, "__tests__/template.marko", 0, { y: "3:10" });
 	_assert_hoist(y);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/content-attr-body-precedence/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/content-attr-body-precedence/__snapshots__/html.bundle.debug.js
index 433d6683d0e..77633f9059e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/content-attr-body-precedence/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/content-attr-body-precedence/__snapshots__/html.bundle.debug.js
@@ -5,9 +5,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const Note = { content: _content("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html("note");
+		_html_opens("__tests__/template.marko:2:3"), _html("note");
 	}) };
-	_html("
    ");
+	_html_opens("__tests__/template.marko:4:1"), _html("
    ");
 	_attr_content("#div/0", $scope0_id, Note, 0);
-	_html("
    body wins
    ");
+	_html_opens("__tests__/template.marko:5:1", "__tests__/template.marko:6:1"), _html("
    body wins
    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/content-attr-meta/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/content-attr-meta/__snapshots__/html.bundle.debug.js
index 483588d61f8..fedc1d65ba8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/content-attr-meta/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/content-attr-meta/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let height = 630;
-	_html(`${_el_resume($scope0_id, "#meta/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#meta/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/content-params-array-defaults/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/content-params-array-defaults/__snapshots__/html.bundle.debug.js
index 3361b28f412..8dc7795376e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/content-params-array-defaults/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/content-params-array-defaults/__snapshots__/html.bundle.debug.js
@@ -6,11 +6,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__b = _serialize_guard($scope1_reason, 2);
 		const a = void 0 !== $a ? $a : 1;
-		_html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__b)}${_escape(b)}${_el_resume($scope1_id, "#text/1", $sg__b)}
    `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__b)}${_escape(b)}${_el_resume($scope1_id, "#text/1", $sg__b)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}) };
 	let n = 2;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	Wrap.content([undefined, n]);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/content-with-state/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/content-with-state/__snapshots__/html.bundle.debug.js
index 60be700169f..bbde5b61abc 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/content-with-state/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/content-with-state/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var inner_default = _template("__tests__/tags/inner.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/inner.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/inner.marko", 0);
 });
 
@@ -14,8 +14,8 @@ var outer_default = _template("__tests__/tags/outer.marko", (input) => {
 	inner_default({ content: _content("__tests__/tags/outer.marko_1_content", () => {
 		const $scope1_reason = _scope_reason();
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
-		_dynamic_tag($scope1_id, "#text/1", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+		_html_opens("__tests__/tags/outer.marko:2:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
+		_dynamic_tag($scope1_id, "#text/1", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/outer.marko:3:3");
 		_script($scope1_id, "__tests__/tags/outer.marko_1");
 		_subscribe($si__input_content && $input_content__closures, writeScope($scope1_id, { _: $si__input_content && _scope_with_id($scope0_id) }, "__tests__/tags/outer.marko", "1:2"));
 		_resume_branch($scope1_id);
@@ -32,11 +32,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	outer_default({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
-		_html(`${_escape(count)}${_el_resume($scope1_id, "#text/0")}`);
+		_html_opens("__tests__/template.marko:3:3"), _html(`${_escape(count)}${_el_resume($scope1_id, "#text/0")}`);
 		_subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2"));
 		_resume_branch($scope1_id);
 	}) });
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		count,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-many/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-many/__snapshots__/html.bundle.debug.js
index ac404eb59cc..bccc316232a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-many/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-many/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_for_of(states, (state, i) => {
 		const $scope1_id = _scope_id();
 		let checked = state;
-		_html(` {
+		_html_opens("__tests__/template.marko:12:3"), _html(` {
 			checked = _new_checked;
 		}, "__tests__/template.marko_1/checkedChange", $scope1_id))} type=checkbox>${_el_resume($scope1_id, "#input/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
@@ -26,7 +26,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			}, "__tests__/template.marko_1/valueChange", $scope1_id) || void 0
 		}, "__tests__/template.marko", "2:2", { "#LoopKey": "2:13" });
 	}, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
-	_html(`
    ${_escape(states.join(","))}${_el_resume($scope0_id, "#text/1")}
    `);
+	_html_opens("__tests__/template.marko:14:1"), _html(`
    ${_escape(states.join(","))}${_el_resume($scope0_id, "#text/1")}
    `);
 	writeScope($scope0_id, { states }, "__tests__/template.marko", 0, { states: "1:6" });
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/html.bundle.debug.js
index 0b2dc697260..68b6ad16590 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var checkbox_default = _template("__tests__/tags/checkbox.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
@@ -22,7 +22,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			checked = _new_checked;
 		}, "__tests__/template.marko_0/checkedChange", $scope0_id)
 	});
-	_html(`${_escape(String(checked))}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(String(checked))}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-empty-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-empty-spread/__snapshots__/html.bundle.debug.js
index c12e0de6e43..abb267324e9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-empty-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-empty-spread/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let v = "";
 	const rest = { placeholder: "p" };
-	_html(`${_el_resume($scope0_id, "#button/0")}toggle${_el_resume($scope0_id, "#button/0")} {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let selected = null;
-	_html(` {
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(` {
 		selected = _new_selected;
 	}, "__tests__/template.marko_0/checkedValueChange", $scope0_id), "")} type=checkbox>${_el_resume($scope0_id, "#input/0")}${selected === undefined ? "undefined" : selected === null ? "null" : _escape("value=" + selected)}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-multiple-number/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-multiple-number/__snapshots__/html.bundle.debug.js
index 80be9a05d85..e112aa3d30a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-multiple-number/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-multiple-number/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let checked = [1];
-	_html(` Number(it));
 	}, "__tests__/template.marko_0/checkedValueChange", $scope0_id), 0)} type=checkbox>${_el_resume($scope0_id, "#input/0")} Number(it));
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-number/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-number/__snapshots__/html.bundle.debug.js
index 3577935c707..2ddf038e80c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-number/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-number/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let checked = 0;
-	_html(`${_el_resume($scope0_id, "#input/0")} {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let picked = "a";
-	_html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_escape(picked)}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_escape(picked)}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-spread/__snapshots__/html.bundle.debug.js
index 6b978d9c54b..5278df0e550 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var radio_default = _template("__tests__/tags/radio.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
@@ -36,7 +36,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		checkedValueChange: $checkedValueChange,
 		value: "c"
 	});
-	_html(`${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:6:1"), _html(`${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
 	writeScope($scope0_id, {
 		$checkedValueChange,
 		"#childScope/0": _existing_scope($childScope),
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/html.bundle.debug.js
index 9ccc2ad800a..c80179c3138 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $checkedValueChange = _resume((_new_checkedValue) => {
 		checkedValue = _new_checkedValue;
 	}, "__tests__/template.marko_0/checkedValueChange2", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { $checkedValueChange }, "__tests__/template.marko", 0, { $checkedValueChange: 0 });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/html.bundle.debug.js
index 468df33c0d3..927e3ca0655 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var checkbox_default = _template("__tests__/tags/checkbox.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
@@ -36,7 +36,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		checkedValueChange: $checkedValueChange,
 		value: "c"
 	});
-	_html(`${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
 	writeScope($scope0_id, {
 		$checkedValueChange,
 		"#childScope/0": _existing_scope($childScope),
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/html.bundle.debug.js
index 9a84137d75d..160a604f98a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $checkedValueChange = _resume((_new_checkedValue) => {
 		checkedValue = _new_checkedValue;
 	}, "__tests__/template.marko_0/checkedValueChange2", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { $checkedValueChange }, "__tests__/template.marko", 0, { $checkedValueChange: 0 });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/html.bundle.debug.js
index b4c154579cc..554143324a7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let checked = false;
-	_html(` {
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(` {
 		checked = _new_checked;
 	}, "__tests__/template.marko_0/checkedChange", $scope0_id))} type=checkbox>${_el_resume($scope0_id, "#input/0")}${_escape(String(checked))}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open-spread/__snapshots__/html.bundle.debug.js
index aae29b11ec1..3dc4d265cf7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var my_details_default = _template("__tests__/tags/my-details.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`s${_el_resume($scope0_id, "#details/0")}`);
+	_html_opens("__tests__/tags/my-details.marko:1:1", "__tests__/tags/my-details.marko:1:19"), _html(`s${_el_resume($scope0_id, "#details/0")}`);
 	_script($scope0_id, "__tests__/tags/my-details.marko_0_input");
 	writeScope($scope0_id, {}, "__tests__/tags/my-details.marko", 0);
 });
@@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			open = _new_open;
 		}, "__tests__/template.marko_0/openChange", $scope0_id)
 	});
-	_html(`${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open/__snapshots__/html.bundle.debug.js
index f53a4186ea7..21b9157edc7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-open/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let open = false;
-	_html(` {
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:2:21", "__tests__/template.marko:3:1"), _html(` {
 		open = _new_open;
 	}, "__tests__/template.marko_0/openChange", $scope0_id))}>${_el_resume($scope0_id, "#details/0")}${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-spread-rerender/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-spread-rerender/__snapshots__/html.bundle.debug.js
index d67e5b14b25..af7dcebb082 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-details-spread-rerender/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-details-spread-rerender/__snapshots__/html.bundle.debug.js
@@ -11,7 +11,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		}, "__tests__/template.marko_0/attrs", $scope0_id),
 		"data-n": n
 	};
-	_html(`${_el_resume($scope0_id, "#button/0")}sbody${_el_resume($scope0_id, "#details/1")}${open ? "open" : "closed"}${_el_resume($scope0_id, "#text/2")}/${_escape(n)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:5:19", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}sbody${_el_resume($scope0_id, "#details/1")}${open ? "open" : "closed"}${_el_resume($scope0_id, "#text/2")}/${_escape(n)}${_el_resume($scope0_id, "#text/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0_attrs");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open-spread/__snapshots__/html.bundle.debug.js
index 3cbcc349544..a7680c84466 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var my_dialog_default = _template("__tests__/tags/my-dialog.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("${_el_resume($scope0_id, "#dialog/0")}`);
 	_script($scope0_id, "__tests__/tags/my-dialog.marko_0_input");
@@ -21,7 +21,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			open = _new_open;
 		}, "__tests__/template.marko_0/openChange", $scope0_id)
 	});
-	_html(`${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open/__snapshots__/html.bundle.debug.js
index 7f141ce1038..1a27e9679c2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dialog-open/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let open = true;
-	_html(` {
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(` {
 		open = _new_open;
 	}, "__tests__/template.marko_0/openChange", $scope0_id))}>${_el_resume($scope0_id, "#dialog/0")}${_escape(String(open))}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-checkbox-checked-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-checkbox-checked-value/__snapshots__/html.bundle.debug.js
index ab5cd61af7c..3cea1396ae0 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-checkbox-checked-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-checkbox-checked-value/__snapshots__/html.bundle.debug.js
@@ -7,17 +7,17 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $checkedValueChange = _resume((_new_checkedValue) => {
 		checkedValue = _new_checkedValue;
 	}, "__tests__/template.marko_0/checkedValueChange2", $scope0_id);
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#input/0")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
-			_html(`${_el_resume($scope1_id, "#input/0")}`);
+			_html_opens("__tests__/template.marko:6:3"), _html(`${_el_resume($scope1_id, "#input/0")}`);
 			_script($scope1_id, "__tests__/template.marko_1");
 			writeScope($scope1_id, {}, "__tests__/template.marko", "5:2");
 			return 0;
 		}
 	}, $scope0_id, "#text/1", 1, 1, 1, 0, 1);
-	_html(`${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}${_el_resume($scope0_id, "#button/4")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:1", "__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#input/2")}${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}${_el_resume($scope0_id, "#button/4")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		show,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-details-textarea/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-details-textarea/__snapshots__/html.bundle.debug.js
index 0e7b0037467..16bbd51094a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-details-textarea/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-details-textarea/__snapshots__/html.bundle.debug.js
@@ -15,17 +15,17 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	}, _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html("toggle");
+		_html_opens("__tests__/template.marko:6:3"), _html("toggle");
 		_dynamic_tag($scope1_id, "#text/0", textareaTag, {
 			value: text,
 			valueChange: _resume(function(next) {
 				text = next;
 			}, "__tests__/template.marko_1/valueChange", $scope1_id)
-		});
+		}, void 0, void 0, void 0, "__tests__/template.marko:7:3");
 		_subscribe($text__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "5:4"));
 		_resume_branch($scope1_id);
-	}, $scope0_id));
-	_html(`${open ? "open" : "closed"}${_el_resume($scope0_id, "#text/1")}/${_escape(text)}${_el_resume($scope0_id, "#text/2")}`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:5:1");
+	_html_opens("__tests__/template.marko:9:1"), _html(`${open ? "open" : "closed"}${_el_resume($scope0_id, "#text/1")}/${_escape(text)}${_el_resume($scope0_id, "#text/2")}`);
 	writeScope($scope0_id, {
 		text,
 		detailsTag,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-only-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-only-spread/__snapshots__/html.bundle.debug.js
index d937ec45dd3..c1a9783b5da 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-only-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-only-spread/__snapshots__/html.bundle.debug.js
@@ -12,9 +12,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	}, _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html(`ABC`);
-	}, $scope0_id));
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+		_html_opens("__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(`ABC`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:8:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { tag }, "__tests__/template.marko", 0, { tag: "2:8" });
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-uncontrolled-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-uncontrolled-value/__snapshots__/html.bundle.debug.js
index 11b12f17d08..d036e43f994 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-uncontrolled-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-dynamic-tag-uncontrolled-value/__snapshots__/html.bundle.debug.js
@@ -7,9 +7,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_dynamic_tag($scope0_id, "#text/0", tag, { value: pick }, _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html(`ABC`);
-	}, $scope0_id));
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+		_html_opens("__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(`ABC`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { tag }, "__tests__/template.marko", 0, { tag: "1:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-member-modifier-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-member-modifier-value/__snapshots__/html.bundle.debug.js
index 9cdda719a49..9e2f2581f2e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-member-modifier-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-member-modifier-value/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var custom_input_default = _template("__tests__/tags/custom-input.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(` {
+	_html_opens("__tests__/tags/custom-input.marko:1:1"), _html(` {
 		input.valueChange(parseInt($next));
 	}, "__tests__/tags/custom-input.marko_0/valueChange", $scope0_id))} type=number>${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/tags/custom-input.marko_0");
@@ -27,7 +27,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			value = _new_value;
 		}, "__tests__/template.marko_0/valueChange", $scope0_id)
 	});
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")} ${_escape(typeof value)}${_el_resume($scope0_id, "#text/2")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")} ${_escape(typeof value)}${_el_resume($scope0_id, "#text/2")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-destructured/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-destructured/__snapshots__/html.bundle.debug.js
index 71eb40ff772..f2f05adda9b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-destructured/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-destructured/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var my_input_default = _template("__tests__/tags/my-input.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { "countChange": $countChange, count } = input;
-	_html(` {
+	_html_opens("__tests__/tags/my-input.marko:5:1"), _html(` {
 		$countChange(num($next));
 	}, "__tests__/tags/my-input.marko_0/valueChange", $scope0_id))} type=number>${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/tags/my-input.marko_0");
@@ -31,7 +31,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			value = _new_value;
 		}, "__tests__/template.marko_0/countChange", $scope0_id)
 	});
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")} ${_escape(typeof value)}${_el_resume($scope0_id, "#text/2")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")} ${_escape(typeof value)}${_el_resume($scope0_id, "#text/2")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-value/__snapshots__/html.bundle.debug.js
index b05a56411d9..777e92b9441 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-number-modifier-value/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let value = 0;
-	_html(` {
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(` {
 		value = parseInt(_new_value);
 	}, "__tests__/template.marko_0/valueChange", $scope0_id))} type=number>${_el_resume($scope0_id, "#input/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")} ${_escape(typeof value)}${_el_resume($scope0_id, "#text/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value-spread/__snapshots__/html.bundle.debug.js
index dcc89791087..f2d2ce757b7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var my_input_default = _template("__tests__/tags/my-input.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
+	_html_opens("__tests__/tags/my-input.marko:1:1"), _html(`${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/tags/my-input.marko_0_input");
 	writeScope($scope0_id, {}, "__tests__/tags/my-input.marko", 0);
 });
@@ -20,7 +20,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			value = _new_value;
 		}, "__tests__/template.marko_0/valueChange", $scope0_id)
 	});
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/html.bundle.debug.js
index a7c6d4abf07..e2be0664da3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let value = "hello";
-	_html(` {
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(` {
 		value = _new_value;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id))} type=text>${_el_resume($scope0_id, "#input/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-merged-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-merged-spread/__snapshots__/html.bundle.debug.js
index 1cfa1583dfd..f9dd48cf13c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-merged-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-merged-spread/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		value: "z",
 		placeholder: "p"
 	};
-	_html(`${_el_resume($scope0_id, "#button/0")}pick${_el_resume($scope0_id, "#button/0")} {
 	const $scope0_id = _scope_id();
 	let v = "a";
 	let rest = { placeholder: "p" };
-	_html(`${_el_resume($scope0_id, "#button/0")} {
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")} {
 		v = _new_v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id))}${_attrs_partial(rest, {
 		value: 1,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-partial-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-partial-spread/__snapshots__/html.bundle.debug.js
index 5a474d61bf5..66b8c4cea04 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-partial-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-partial-spread/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let v = "a";
 	const rest = { placeholder: "p" };
-	_html(`${_el_resume($scope0_id, "#button/0")}inc${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#input/1")} {
 	const $checkedValueChange = _resume((_new_checkedValue) => {
 		checkedValue = _new_checkedValue;
 	}, "__tests__/template.marko_0/checkedValueChange2", $scope0_id);
-	_html(`
    ${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}v=${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3", "__tests__/template.marko:8:1"), _html(`
    ${_el_resume($scope0_id, "#input/0")}${_el_resume($scope0_id, "#input/1")}${_el_resume($scope0_id, "#input/2")}v=${_escape(checkedValue)}${_el_resume($scope0_id, "#text/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { $checkedValueChange }, "__tests__/template.marko", 0, { $checkedValueChange: 0 });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/html.bundle.debug.js
index e2b1a8a088e..3215f2c2ed3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/html.bundle.debug.js
@@ -12,11 +12,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	}, _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html(`A${_el_resume($scope1_id, "#option/0")}B${_el_resume($scope1_id, "#option/1")}C${_el_resume($scope1_id, "#option/2")}`);
+		_html_opens("__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(`A${_el_resume($scope1_id, "#option/0")}B${_el_resume($scope1_id, "#option/1")}C${_el_resume($scope1_id, "#option/2")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "3:4");
-	}, $scope0_id));
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:8:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { tag }, "__tests__/template.marko", 0, { tag: "2:8" });
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-empty-value-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-empty-value-spread/__snapshots__/html.bundle.debug.js
index 937a184568d..e77e6fb9a36 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-empty-value-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-empty-value-spread/__snapshots__/html.bundle.debug.js
@@ -7,9 +7,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", value, _resume(function(v) {
 		value = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/0")}${value === undefined ? "undefined" : _escape("value=" + value)}${_el_resume($scope0_id, "#text/2")}`);
+	_html_opens("__tests__/template.marko:8:1"), _html(`${_el_resume($scope0_id, "#select/0")}${value === undefined ? "undefined" : _escape("value=" + value)}${_el_resume($scope0_id, "#text/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0_placeholder");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-reordered/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-reordered/__snapshots__/html.bundle.debug.js
index db2f8133381..d14152889d4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-reordered/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-reordered/__snapshots__/html.bundle.debug.js
@@ -11,14 +11,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", selected, _resume(function(v) {
 		selected = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html("");
 		_for_of(options, (opt) => {
 			const $scope1_id = _scope_id();
-			_html(`${_escape(opt)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#option/0")}`);
+			_html_opens("__tests__/template.marko:5:5"), _html(`${_escape(opt)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#option/0")}`);
 			writeScope($scope1_id, {}, "__tests__/template.marko", "4:4");
 		}, (v) => v, $scope0_id, "#select/0", 1, 1, 1, "", 1);
 	});
-	_html(`sel:${_escape(selected.join(","))}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:1"), _html(`sel:${_escape(selected.join(","))}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { options }, "__tests__/template.marko", 0, { options: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-value-number/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-value-number/__snapshots__/html.bundle.debug.js
index 4bfa85a15e9..3115c14ac70 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-value-number/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-multiple-value-number/__snapshots__/html.bundle.debug.js
@@ -6,9 +6,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", selected, _resume(function(v) {
 		selected = v.map((it) => Number(it));
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/0")}${_escape(selected)}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:9:1", "__tests__/template.marko:11:1"), _html(`${_el_resume($scope0_id, "#select/0")}${_escape(selected)}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-mutated-option/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-mutated-option/__snapshots__/html.bundle.debug.js
index 2b0538288cd..84b62fd9867 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-mutated-option/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-mutated-option/__snapshots__/html.bundle.debug.js
@@ -8,18 +8,18 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		3
 	];
 	let value = options[0];
-	_html("
    ");
+	_html_opens("__tests__/template.marko:3:1"), _html("");
 	_attr_select_value($scope0_id, "#select/0", value, _resume((_new_value) => {
 		value = _new_value;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html("");
 		_for_of(options, (opt) => {
 			const $scope1_id = _scope_id();
-			_html(`${_escape(opt)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#option/0")}`);
+			_html_opens("__tests__/template.marko:6:7"), _html(`${_escape(opt)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#option/0")}`);
 			writeScope($scope1_id, {}, "__tests__/template.marko", "5:6");
 		}, (v) => v, $scope0_id, "#select/0", 1, 1, 1, "", 1);
 	});
-	_html(`
    ${_escape(value)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
+	_html_opens("__tests__/template.marko:9:3", "__tests__/template.marko:11:1", "__tests__/template.marko:12:1", "__tests__/template.marko:16:1"), _html(`
    ${_escape(value)}${_el_resume($scope0_id, "#text/1")}
    ${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { options }, "__tests__/template.marko", 0, { options: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-no-match/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-no-match/__snapshots__/html.bundle.debug.js
index 5399e5b31d1..58b66651a6f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-no-match/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-no-match/__snapshots__/html.bundle.debug.js
@@ -6,9 +6,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", value, _resume(function(v) {
 		value = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#select/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-spread/__snapshots__/html.bundle.debug.js
index d44f1034aeb..8d105dcd0ce 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-spread/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var my_select_default = _template("__tests__/tags/my-select.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $select_input = input;
-	_html(" {
 		_attrs_content($select_input, "#select/0", $scope0_id, "select");
 		_html("");
@@ -27,10 +27,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		content: _content("__tests__/template.marko_1_content", () => {
 			_scope_reason();
 			const $scope1_id = _scope_id();
-			_html(`ABC`);
+			_html_opens("__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(`ABC`);
 		})
 	});
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-bigint/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-bigint/__snapshots__/html.bundle.debug.js
index 8bc5958ac72..751d557b35a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-bigint/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-bigint/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", value, _resume(function(v) {
 		value = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(``);
 	});
 	_html(_el_resume($scope0_id, "#select/0"));
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-nan/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-nan/__snapshots__/html.bundle.debug.js
index cca54b80506..e6459f2051a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-nan/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-nan/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", value, _resume(function(v) {
 		value = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(``);
 	});
 	_html(_el_resume($scope0_id, "#select/0"));
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-number/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-number/__snapshots__/html.bundle.debug.js
index f060c6af277..acc943d46c7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-number/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select-value-number/__snapshots__/html.bundle.debug.js
@@ -6,9 +6,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", selected, _resume(function(v) {
 		selected = +v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3", "__tests__/template.marko:6:3"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/0")}${_escape(selected)}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:9:1", "__tests__/template.marko:11:1"), _html(`${_el_resume($scope0_id, "#select/0")}${_escape(selected)}${_el_resume($scope0_id, "#text/1")}${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-select/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-select/__snapshots__/html.bundle.debug.js
index d776a60c089..69400720c14 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-select/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-select/__snapshots__/html.bundle.debug.js
@@ -6,9 +6,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_attr_select_value($scope0_id, "#select/0", value, _resume(function(v) {
 		value = v;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#select/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value-spread/__snapshots__/html.bundle.debug.js
index 9d2b233d5c9..48c6c328c2a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value-spread/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var my_textarea_default = _template("__tests__/tags/my-textarea.marko", (input)
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $textarea_input = input;
-	_html(`${_attr_textarea_value($scope0_id, "#textarea/0", $textarea_input.value, $textarea_input.valueChange, 1)}${_el_resume($scope0_id, "#textarea/0")}`);
+	_html_opens("__tests__/tags/my-textarea.marko:1:1"), _html(`${_attr_textarea_value($scope0_id, "#textarea/0", $textarea_input.value, $textarea_input.valueChange, 1)}${_el_resume($scope0_id, "#textarea/0")}`);
 	_script($scope0_id, "__tests__/tags/my-textarea.marko_0_input");
 	writeScope($scope0_id, {}, "__tests__/tags/my-textarea.marko", 0);
 });
@@ -20,7 +20,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			value = _new_value;
 		}, "__tests__/template.marko_0/valueChange", $scope0_id)
 	});
-	_html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/html.bundle.debug.js
index 573ca218c6a..fd7afcb1efe 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let value = "hello";
-	_html(`${_el_resume($scope0_id, "#textarea/0")}${_escape(value)}${_el_resume($scope0_id, "#text/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/controlled-select-undefined-value/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/controlled-select-undefined-value/__snapshots__/html.bundle.debug.js
index 427522e4698..cc737aad7fc 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/controlled-select-undefined-value/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/controlled-select-undefined-value/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	_attr_select_value($scope0_id, "#select/0", input.sel, void 0, () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:2:3", "__tests__/template.marko:3:3", "__tests__/template.marko:4:3"), _html(``);
 	});
 	_html(_el_resume($scope0_id, "#select/0", _serialize_guard($scope0_reason, 0)));
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/html.bundle.debug.js
index a0e268748d5..a9250f6a0c0 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let a = 0;
 	let b = 0;
-	_html(`
    ${_el_resume($scope0_id, "#button/0")} + ${_el_resume($scope0_id, "#button/2")} = ${_escape(a + b)}${_el_resume($scope0_id, "#text/4")}
    `);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:4:3", "__tests__/template.marko:5:3"), _html(`
    ${_el_resume($scope0_id, "#button/0")} + ${_el_resume($scope0_id, "#button/2")} = ${_escape(a + b)}${_el_resume($scope0_id, "#text/4")}
    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		a,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.bundle.debug.js
index e307c0e1041..c0d17891343 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_from__OR__input_to__OR__input_step = _serialize_guard($scope0_reason, 3), $si__input_from__OR__input_to__OR__input_step = _serialize_if($scope0_reason, 3);
 	const $scope0_id = _scope_id();
-	_html("
    ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
    ");
 	_for_to(input.to, input.from, input.step, (n) => {
 		const $scope1_id = _scope_id();
 		_html(`${_escape(n)}, `);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.bundle.debug.js
index b6063de64cd..1ddd0376ba2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/html.bundle.debug.js
@@ -2,15 +2,15 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
    ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
    ");
 	_for_in(input.children, (key, text) => {
 		const $scope1_id = _scope_id();
-		_html(`
    ${_escape(key)}: ${_sep($sg__input_children)}${_escape(text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}
    `);
+		_html_opens("__tests__/template.marko:3:5"), _html(`
    ${_escape(key)}: ${_sep($sg__input_children)}${_escape(text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}
    `);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, 0, $scope0_id, "#text/0", $sg__input_children, $sg__input_children, $sg__input_children, 0, 1);
 	_for_in(input.children, (key) => {
 		const $scope2_id = _scope_id();
-		_html(`
    ${_escape(key)}
    `);
+		_html_opens("__tests__/template.marko:6:5"), _html(`
    ${_escape(key)}
    `);
 		$si__input_children && writeScope($scope2_id, {}, "__tests__/template.marko", "5:4");
 	}, 0, $scope0_id, "#text/1", $sg__input_children, $sg__input_children, $sg__input_children, 0, 1);
 	_html("
    ");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/cross-tag-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/cross-tag-closure/__snapshots__/html.bundle.debug.js
index 5bdc120598e..65d24bada32 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/cross-tag-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/cross-tag-closure/__snapshots__/html.bundle.debug.js
@@ -15,7 +15,7 @@ var my_let_default = _template("__tests__/tags/my-let.marko", (input) => {
 var my_tag_default = _template("__tests__/tags/my-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/my-tag.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/my-tag.marko", 0);
 });
 
@@ -30,7 +30,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	my_tag_default({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		_subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:1"));
 		_resume_branch($scope1_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-runtime-id/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-runtime-id/__snapshots__/html.bundle.debug.js
index daff0ec2844..bc66b88b680 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-runtime-id/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-runtime-id/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let clickCount = 0;
-	_html(`
    ${_el_resume($scope0_id, "#button/0")}
    `);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:3:3"), _html(`
    ${_el_resume($scope0_id, "#button/0")}
    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { clickCount }, "__tests__/template.marko", 0, { clickCount: "2:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-empty-setup/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-empty-setup/__snapshots__/html.bundle.debug.js
index 7cf549da7e6..9035b8968bd 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-empty-setup/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-empty-setup/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var cell_default = _template("__tests__/tags/cell/index.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/tags/cell/index.marko:1:1"), _html(`${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/cell/index.marko", 0);
 });
 
@@ -10,7 +10,7 @@ var cell_default = _template("__tests__/tags/cell/index.marko", (input) => {
 var row_default = _template("__tests__/tags/row/index.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
    ");
+	_html_opens("__tests__/tags/row/index.marko:1:1"), _html("
    ");
 	_set_serialize_reason(_serialize_guard($scope0_reason, 1));
 	const $childScope = _peek_scope_id();
 	cell_default({ value: input.name });
@@ -29,7 +29,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let quantity = 2;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_set_serialize_reason(10);
 	const $childScope = _peek_scope_id();
 	row_default({
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-lazy-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-lazy-read/__snapshots__/html.bundle.debug.js
index 765b783ee54..b9e6ba47980 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-lazy-read/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-lazy-read/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var press_button_default = _template("__tests__/tags/press-button/index.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/press-button/index.marko:1:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/tags/press-button/index.marko_0_input_onPress");
 	writeScope($scope0_id, { input_onPress: input.onPress }, "__tests__/tags/press-button/index.marko", 0, { input_onPress: ["input.onPress"] });
 });
@@ -13,11 +13,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let count = 0;
 	let log = "";
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	press_button_default({ onPress: _resume(function() {
 		log = `${log}[${count}]`;
 	}, "__tests__/template.marko_0/onPress", $scope0_id) });
-	_html(`
    ${_escape(log)}${_el_resume($scope0_id, "#text/2")}
    `);
+	_html_opens("__tests__/template.marko:9:1"), _html(`
    ${_escape(log)}${_el_resume($scope0_id, "#text/2")}
    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		count,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-observed-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-observed-read/__snapshots__/html.bundle.debug.js
index 83688434f2d..4affde54b07 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-observed-read/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-input-observed-read/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var show_result_default = _template("__tests__/tags/show-result/index.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
    ${_escape(input.get())}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/show-result/index.marko:1:1"), _html(`
    ${_escape(input.get())}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/show-result/index.marko", 0);
 });
 
@@ -11,7 +11,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	show_result_default({ get: function() {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/html.bundle.debug.js
index 970c53418d9..9d4daea3c22 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/html.bundle.debug.js
@@ -4,8 +4,8 @@ var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) =>
 	const $scope0_id = _scope_id();
 	let x = 1;
 	let y = 10;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
-	_dynamic_tag($scope0_id, "#text/3", input.content, [x, y], 0, 1);
+	_html_opens("__tests__/tags/custom-tag.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
+	_dynamic_tag($scope0_id, "#text/3", input.content, [x, y], 0, 1, void 0, "__tests__/tags/custom-tag.marko:7:1");
 	_script($scope0_id, "__tests__/tags/custom-tag.marko_0");
 	writeScope($scope0_id, {
 		input_content: input.content,
@@ -26,7 +26,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	custom_tag_default({ content: _content_resume("__tests__/template.marko_1_content", (count, count2) => {
 		const $scope1_reason = _scope_reason(), $sg__count = _serialize_guard($scope1_reason, 1), $sg__count2 = _serialize_guard($scope1_reason, 2);
 		const $scope1_id = _scope_id();
-		_html(`
    Counts: ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/0", $sg__count)},${_sep($sg__count2)}${_escape(count2)}${_el_resume($scope1_id, "#text/1", $sg__count2)}
    `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    Counts: ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/0", $sg__count)},${_sep($sg__count2)}${_escape(count2)}${_el_resume($scope1_id, "#text/1", $sg__count2)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, $scope0_id) });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/html.bundle.debug.js
index 9a932396eeb..0a943307a60 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) =>
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/custom-tag.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_dynamic_tag($scope0_id, "#text/2", input.content, {
 		count: x,
 		name: input.name
-	});
+	}, void 0, void 0, void 0, "__tests__/tags/custom-tag.marko:6:1");
 	_script($scope0_id, "__tests__/tags/custom-tag.marko_0");
 	writeScope($scope0_id, {
 		input_content: input.content,
@@ -30,7 +30,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		content: _content_resume("__tests__/template.marko_1_content", ({ count, name }) => {
 			const $scope1_reason = _scope_reason(), $sg__name = _serialize_guard($scope1_reason, 2), $sg__count = _serialize_guard($scope1_reason, 1);
 			const $scope1_id = _scope_id();
-			_html(`
    Count (${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)}): ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/1", $sg__count)}
    `);
+			_html_opens("__tests__/template.marko:2:3"), _html(`
    Count (${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)}): ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/1", $sg__count)}
    `);
 			_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 		}, $scope0_id)
 	});
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/html.bundle.debug.js
index d8bd9c8aad6..8811f6825f5 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/html.bundle.debug.js
@@ -3,8 +3,8 @@ var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) =>
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
-	_dynamic_tag($scope0_id, "#text/2", input.content, [x], 0, 1);
+	_html_opens("__tests__/tags/custom-tag.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
+	_dynamic_tag($scope0_id, "#text/2", input.content, [x], 0, 1, void 0, "__tests__/tags/custom-tag.marko:6:1");
 	_script($scope0_id, "__tests__/tags/custom-tag.marko_0");
 	writeScope($scope0_id, {
 		input_content: input.content,
@@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	custom_tag_default({ content: _content_resume("__tests__/template.marko_1_content", (count) => {
 		const $scope1_reason = _scope_reason(), $sg__count = _serialize_guard($scope1_reason, 0);
 		const $scope1_id = _scope_id();
-		_html(`
    Count: ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/0", $sg__count)}
    `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    Count: ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/0", $sg__count)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, $scope0_id) });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.bundle.debug.js
index d77fe3a166d..b9ba3ae41aa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var child_default = _template("__tests__/tags/child/index.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const { name, content } = input;
 	_html(`${_sep($sg__input_name)}${_escape(name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)}`);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2));
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/child/index.marko:3:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child/index.marko", 0);
 });
 
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/html.bundle.debug.js
index 82fc8770ccb..cd568a963a9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const $return = x;
 	_script($scope0_id, "__tests__/tags/counter.marko_0");
 	writeScope($scope0_id, {
@@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $childScope = _peek_scope_id();
 	let count = counter_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_count/var");
-	_html(`${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/4")}`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/4")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		count,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-destructured/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-destructured/__snapshots__/html.bundle.debug.js
index e6fa0180b29..4c616fb3a99 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-destructured/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-destructured/__snapshots__/html.bundle.debug.js
@@ -12,7 +12,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 			count = value;
 		}, "__tests__/tags/child.marko_0/_return2", $scope0_id)
 	};
-	_html(`child:${_escape(count)}${_el_resume($scope0_id, "#text/0")}`);
+	_html_opens("__tests__/tags/child.marko:11:1"), _html(`child:${_escape(count)}${_el_resume($scope0_id, "#text/0")}`);
 	writeScope($scope0_id, { count }, "__tests__/tags/child.marko", 0, { count: "1:6" });
 	_resume_branch($scope0_id);
 	return $return;
@@ -26,7 +26,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let { countChange: $countChange, count, inc, missing: $missing } = child_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_$pattern/var");
 	const missing = void 0 !== $missing ? $missing : "fallback";
-	_html(`${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}
    ${_escape(count)}${_el_resume($scope0_id, "#text/4")}:${_escape(missing)}${_el_resume($scope0_id, "#text/5")}
    `);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}
    ${_escape(count)}${_el_resume($scope0_id, "#text/4")}:${_escape(missing)}${_el_resume($scope0_id, "#text/5")}
    `);
 	_script($scope0_id, "__tests__/template.marko_0_count_$countChange");
 	_script($scope0_id, "__tests__/template.marko_0_inc");
 	writeScope($scope0_id, {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.bundle.debug.js
index 3771a236134..5aa0d46d76f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html("child");
+	_html_opens("__tests__/tags/child.marko:2:1"), _html("child");
 	const $return = x + 3;
 	_resume_branch($scope0_id);
 	return $return;
@@ -14,5 +14,5 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let data = child_default({});
-	_html(`
    ${_escape(data)}
    `);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(data)}
    `);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-in-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-in-body/__snapshots__/html.bundle.debug.js
index 39dc9161725..9290913c3a4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-in-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-in-body/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
-	_html(`
    ${_el_resume($scope0_id, "#div/1")}`);
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:1:1");
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`
    ${_el_resume($scope0_id, "#div/1")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-intersection/__snapshots__/html.bundle.debug.js
index f81d4dad848..bd55d4128d8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-intersection/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const $return = x + input.extra;
 	_script($scope0_id, "__tests__/tags/child.marko_0");
 	writeScope($scope0_id, {
@@ -26,7 +26,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let data = child_default({ extra: 1 });
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_data/var");
 	const message = `${name} ${data}`;
-	_html(`
    ${_escape(message)}${_el_resume($scope0_id, "#text/2")}
    `);
+	_html_opens("__tests__/template.marko:4:1"), _html(`
    ${_escape(message)}${_el_resume($scope0_id, "#text/2")}
    `);
 	writeScope($scope0_id, {
 		name,
 		"#childScope/0": _existing_scope($childScope)
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.bundle.debug.js
index 7002567a52f..46036b8958a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let x = 1;
 	let y = 2;
-	_html("child");
+	_html_opens("__tests__/tags/child.marko:3:1"), _html("child");
 	const $return = x + y;
 	_resume_branch($scope0_id);
 	return $return;
@@ -15,5 +15,5 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let data = child_default({});
-	_html(`
    ${_escape(data)}
    `);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(data)}
    `);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.bundle.debug.js
index 24867218110..b8bbfe55396 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const $return = x;
 	_script($scope0_id, "__tests__/tags/child.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/tags/child.marko", 0, { x: "1:6" });
@@ -18,6 +18,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $childScope = _peek_scope_id();
 	let data = child_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_data/var");
-	_html(`
    ${_escape(data)}${_el_resume($scope0_id, "#text/2")}
    `);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(data)}${_el_resume($scope0_id, "#text/2")}
    `);
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/declared-alias-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/declared-alias-closure/__snapshots__/html.bundle.debug.js
index 436895370ac..2cf3d0c45ca 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/declared-alias-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/declared-alias-closure/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const Child = { content: _content("__tests__/template.marko_3_content", (input) => {
 		const $scope3_id = _scope_id();
 		_scope_reason();
-		_html("${_el_resume($scope3_id, "#div/0")}`);
 		_script($scope3_id, "__tests__/template.marko_3_input");
@@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		if (value) {
 			const $scope2_id = _scope_id();
 			const { text } = value;
-			_html(`${_escape(text)}`);
+			_html_opens("__tests__/template.marko:9:7"), _html(`${_escape(text)}`);
 			writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "7:4");
 		}
 		writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "6:2");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-destructured-var-with-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-destructured-var-with-body/__snapshots__/html.bundle.debug.js
index 750fe94202b..3e08410b4a2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-destructured-var-with-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-destructured-var-with-body/__snapshots__/html.bundle.debug.js
@@ -7,8 +7,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		content: _content("__tests__/template.marko_1_content", () => {
 			const $scope1_id = _scope_id();
 			_scope_reason();
-			_html("
    body
    ");
+			_html_opens("__tests__/template.marko:1:27"), _html("
    body
    ");
 		})
 	};
-	_html(`${_escape(value)}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_escape(value)}`);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-content-conditional/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-content-conditional/__snapshots__/html.bundle.debug.js
index ab11354e1f0..eefe89c858b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-content-conditional/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-content-conditional/__snapshots__/html.bundle.debug.js
@@ -6,12 +6,12 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const Layout = { content: _content("__tests__/template.marko_1_content", ({ content }) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason();
-		_html("
    ");
-		_dynamic_tag($scope1_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope1_reason, 0));
+		_html_opens("__tests__/template.marko:3:3"), _html("
    ");
+		_dynamic_tag($scope1_id, "#text/0", content, {}, 0, 0, _serialize_guard($scope1_reason, 0), "__tests__/template.marko:3:12");
 		_html("
    ");
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}) };
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_if(() => {
 		if (show) {
 			const $scope2_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/html.bundle.debug.js
index f24f94bed97..63539cb149d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(``);
-	_dynamic_tag($scope0_id, "#text/1", input.thing.content, {}, 0, 0, _serialize_guard($scope0_reason, 2));
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(``);
+	_dynamic_tag($scope0_id, "#text/1", input.thing.content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/child.marko:2:3");
 	_html(`
    ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 1))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
@@ -18,13 +18,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		content: _content("__tests__/template.marko_1_content", () => {
 			const $scope1_id = _scope_id();
 			_scope_reason();
-			_html("The thing");
+			_html_opens("__tests__/template.marko:3:3"), _html("The thing");
 		})
 	};
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	child_default({ thing: myThing });
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		selected,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-no-content/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-no-content/__snapshots__/html.bundle.debug.js
index 0d3f818835a..9ea12521e8c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-no-content/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-no-content/__snapshots__/html.bundle.debug.js
@@ -6,18 +6,18 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_dynamic_tag($scope0_id, "#text/0", Foo, {}, _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html("
    Foo Fallback
    ");
-	}, $scope0_id), 0, 0);
+		_html_opens("__tests__/template.marko:3:3"), _html("
    Foo Fallback
    ");
+	}, $scope0_id), 0, 0, "__tests__/template.marko:2:1");
 	const Bar = {};
 	_dynamic_tag($scope0_id, "#text/1", Bar, {}, _content_resume("__tests__/template.marko_2_content", () => {
 		const $scope2_id = _scope_id();
 		_scope_reason();
-		_html("
    Bar Fallback
    ");
-	}, $scope0_id), 0, 0);
+		_html_opens("__tests__/template.marko:8:3"), _html("
    Bar Fallback
    ");
+	}, $scope0_id), 0, 0, "__tests__/template.marko:7:1");
 	const Baz = { content: _content("__tests__/template.marko_3_content", () => {
 		const $scope3_id = _scope_id();
 		_scope_reason();
-		_html("
    Baz Content
    ");
+		_html_opens("__tests__/template.marko:12:3"), _html("
    Baz Content
    ");
 	}) };
 	Baz.content({});
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/html.bundle.debug.js
index 847cddaace4..316e21d0903 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		foo: 1,
 		bar: x + 1
 	};
-	_html(`
    ${_escape(JSON.stringify(myObj))}${_el_resume($scope0_id, "#text/0")}
    ${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`
    ${_escape(JSON.stringify(myObj))}${_el_resume($scope0_id, "#text/0")}
    ${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-recursive-unknown/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-recursive-unknown/__snapshots__/html.bundle.debug.js
index d1ec1a775da..ccb9211535e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-recursive-unknown/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-recursive-unknown/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_if(() => {
 			if (input.bar) {
 				const $scope2_id = _scope_id();
-				_dynamic_tag($scope2_id, "#text/0", 0 || Foo, { message: input.bar }, 0, 0, $sg__input_bar);
+				_dynamic_tag($scope2_id, "#text/0", 0 || Foo, { message: input.bar }, 0, 0, $sg__input_bar, "__tests__/template.marko:3:5");
 				$si__input_bar && writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "2:3");
 				return 0;
 			} else {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-rest-param/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-rest-param/__snapshots__/html.bundle.debug.js
index 31ba489eb35..45d0057be98 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-rest-param/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-rest-param/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_1_content", (a, ...rest) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__rest = _serialize_guard($scope1_reason, 2);
-		_html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__rest)}${_escape(JSON.stringify(rest))}${_el_resume($scope1_id, "#text/1", $sg__rest)}
    `);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__rest)}${_escape(JSON.stringify(rest))}${_el_resume($scope1_id, "#text/1", $sg__rest)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}) };
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	MyTag.content(x, "two", "three");
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-unused-param/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-unused-param/__snapshots__/html.bundle.debug.js
index bd4d09afcc9..40c6f77d0f4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-unused-param/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args-unused-param/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_1_content", (a, b, c) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__c = _serialize_guard($scope1_reason, 2);
-		_html(`
    ${_escape(b)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__c)}${_escape(c)}${_el_resume($scope1_id, "#text/1", $sg__c)}
    `);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_escape(b)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__c)}${_escape(c)}${_el_resume($scope1_id, "#text/1", $sg__c)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}) };
 	_set_serialize_reason(10);
 	const $childScope = _peek_scope_id();
 	MyTag.content(1, "Hello", x);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args/__snapshots__/html.bundle.debug.js
index 2465748b455..7e414610c43 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-args/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_1_content", (a, b, c) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__b = _serialize_guard($scope1_reason, 2), $sg__c = _serialize_guard($scope1_reason, 3);
-		_html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__b)}${_escape(b)}${_el_resume($scope1_id, "#text/1", $sg__b)}|${_sep($sg__c)}${_escape(c)}${_el_resume($scope1_id, "#text/2", $sg__c)}
    `);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_escape(a)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 1))}|${_sep($sg__b)}${_escape(b)}${_el_resume($scope1_id, "#text/1", $sg__b)}|${_sep($sg__c)}${_escape(c)}${_el_resume($scope1_id, "#text/2", $sg__c)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}) };
 	_set_serialize_reason(18);
 	const $childScope = _peek_scope_id();
 	MyTag.content(1, "Hello", x);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-attr-signal/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-attr-signal/__snapshots__/html.bundle.debug.js
index d56380a43a2..37c84ffe79b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-attr-signal/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-attr-signal/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_1_content", ({ number }) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason();
-		_html(`
    ${_escape(number)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 0))}
    `);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_escape(number)}${_el_resume($scope1_id, "#text/0", _serialize_guard($scope1_reason, 0))}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}) };
 	_set_serialize_reason(1);
 	const $childScope = _peek_scope_id();
 	MyTag.content({ number: x });
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-closure/__snapshots__/html.bundle.debug.js
index c91f273b19e..7974aa17c93 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-closure/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html(`
    ${_escape(x)}${_el_resume($scope1_id, "#text/0")}
    `);
+		_html_opens("__tests__/template.marko:3:3"), _html(`
    ${_escape(x)}${_el_resume($scope1_id, "#text/0")}
    `);
 		_subscribe($x__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "2:2"));
 		_resume_branch($scope1_id);
 	}) };
@@ -20,7 +20,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "#text/1");
-	_html(`${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-conditional/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-conditional/__snapshots__/html.bundle.debug.js
index c3f25c11ef0..905fe18bbe3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-conditional/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-conditional/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const MyTag = { content: _content("__tests__/template.marko_2_content", ({ value }) => {
 		const $scope2_id = _scope_id();
 		const $scope2_reason = _scope_reason(), $sg__value = _serialize_guard($scope2_reason, 0);
-		_html(`
    Hello ${_sep($sg__value)}${_escape(value)}${_el_resume($scope2_id, "#text/0", $sg__value)}
    `);
+		_html_opens("__tests__/template.marko:5:3"), _html(`
    Hello ${_sep($sg__value)}${_escape(value)}${_el_resume($scope2_id, "#text/0", $sg__value)}
    `);
 		_serialize_if($scope2_reason, 0) && writeScope($scope2_id, {}, "__tests__/template.marko", "4:2");
 	}) };
 	_if(() => {
@@ -20,7 +20,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "#text/0");
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:12:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "2:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-stateful/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-stateful/__snapshots__/html.bundle.debug.js
index 28fd1254cb9..d7f180860f6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-stateful/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render-stateful/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const MyTag = { content: _content("__tests__/template.marko_1_content", ({ name, count }) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__name = _serialize_guard($scope1_reason, 1), $sg__count = _serialize_guard($scope1_reason, 2);
-		_html(`
    Hello ${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)} ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/1", $sg__count)}
    `);
+		_html_opens("__tests__/template.marko:7:3"), _html(`
    Hello ${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)} ${_sep($sg__count)}${_escape(count)}${_el_resume($scope1_id, "#text/1", $sg__count)}
    `);
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "6:2");
 	}) };
 	_set_serialize_reason(10);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/html.bundle.debug.js
index 59afb484683..e3da2529f83 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/html.bundle.debug.js
@@ -6,7 +6,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason(), $sg__name = _serialize_guard($scope1_reason, 0);
 		let y = 1;
-		_html(`
    Hello ${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)} ${_escape(y)}${_el_resume($scope1_id, "#text/1")}
    ${_el_resume($scope1_id, "#button/2")}`);
+		_html_opens("__tests__/template.marko:3:3", "__tests__/template.marko:4:3"), _html(`
    Hello ${_sep($sg__name)}${_escape(name)}${_el_resume($scope1_id, "#text/0", $sg__name)} ${_escape(y)}${_el_resume($scope1_id, "#text/1")}
    ${_el_resume($scope1_id, "#button/2")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, { y }, "__tests__/template.marko", "1:2", { y: "2:8" });
 		_resume_branch($scope1_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/define-unreferenced-with-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/define-unreferenced-with-body/__snapshots__/html.bundle.debug.js
index 0e32b34d1b3..119b18f474c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/define-unreferenced-with-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/define-unreferenced-with-body/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const Unused = { content: _content("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
-		_html("
    never rendered
    ");
+		_html_opens("__tests__/template.marko:2:3"), _html("
    never rendered
    ");
 	}) };
-	_html("only this");
+	_html_opens("__tests__/template.marko:4:1"), _html("only this");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-member-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-member-intersection/__snapshots__/html.bundle.debug.js
index f93be6d4f8b..c19f10a5056 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-member-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-member-intersection/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_a__OR__input_b = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	const { a, b } = input;
-	_html(`
    ${_escape(input.a)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 1))}${_sep($sg__input_a__OR__input_b)}${_escape(a + b)}${_el_resume($scope0_id, "#text/1", $sg__input_a__OR__input_b)}
    `);
+	_html_opens("__tests__/template.marko:3:1"), _html(`
    ${_escape(input.a)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 1))}${_sep($sg__input_a__OR__input_b)}${_escape(a + b)}${_el_resume($scope0_id, "#text/1", $sg__input_a__OR__input_b)}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {
 		input_a: _serialize_if($scope0_reason, 2) && input.a,
 		b: _serialize_if($scope0_reason, 1) && b
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-input/__snapshots__/html.bundle.debug.js
index 6902955c63b..06b3728e3b6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-input/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-input/__snapshots__/html.bundle.debug.js
@@ -3,9 +3,9 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { content, ...rest } = input;
-	_html(``);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 1));
-	_html(`
    ${_el_resume($scope0_id, "#div/0")}
    ${_escape(Object.keys(input))}${_el_resume($scope0_id, "#text/2", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(``);
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 1), "__tests__/tags/child.marko:3:3");
+	_html_opens("__tests__/tags/child.marko:5:1"), _html(`
    ${_el_resume($scope0_id, "#div/0")}
    ${_escape(Object.keys(input))}${_el_resume($scope0_id, "#text/2", _serialize_guard($scope0_reason, 0))}
    `);
 	_script($scope0_id, "__tests__/tags/child.marko_0_rest");
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-unprovided-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-unprovided-input/__snapshots__/html.bundle.debug.js
index 0178b7fe77e..5e50cede182 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-unprovided-input/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-and-reference-unprovided-input/__snapshots__/html.bundle.debug.js
@@ -3,8 +3,8 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { content, ...rest } = input;
-	_html(``);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(``);
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:3:3");
 	_html(`
    ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/tags/child.marko_0_rest");
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-input-with-assignment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-input-with-assignment/__snapshots__/html.bundle.debug.js
index 18c14d5d40d..d5e1f19e5fa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-input-with-assignment/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-input-with-assignment/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const { valueChange: $valueChange, value, ...rest } = input;
-	_html("${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/tags/child.marko_0_rest");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-input/__snapshots__/html.bundle.debug.js
index 26f761babf5..a3e63db22b7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-input/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-input/__snapshots__/html.bundle.debug.js
@@ -3,8 +3,8 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { content, ...rest } = input;
-	_html(``);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(``);
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:3:3");
 	_html(`
    ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/tags/child.marko_0_rest");
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-rest-reads/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-rest-reads/__snapshots__/html.bundle.debug.js
index 818b064431d..27e60ec90e1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-rest-reads/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-rest-reads/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		3
 	];
 	const [first, ...rest] = list;
-	_html(`
    ${_escape(first)}${_el_resume($scope0_id, "#text/0")}|${_escape(rest[0])}${_el_resume($scope0_id, "#text/1")}|${_escape(rest[1])}${_el_resume($scope0_id, "#text/2")}|${_escape(rest.length)}${_el_resume($scope0_id, "#text/3")}
    ${_el_resume($scope0_id, "#button/4")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`
    ${_escape(first)}${_el_resume($scope0_id, "#text/0")}|${_escape(rest[0])}${_el_resume($scope0_id, "#text/1")}|${_escape(rest[1])}${_el_resume($scope0_id, "#text/2")}|${_escape(rest.length)}${_el_resume($scope0_id, "#text/3")}
    ${_el_resume($scope0_id, "#button/4")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/destructure-stateful-upstream-alias/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/destructure-stateful-upstream-alias/__snapshots__/html.bundle.debug.js
index f921cfe3006..afbf1f2dcb6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/destructure-stateful-upstream-alias/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/destructure-stateful-upstream-alias/__snapshots__/html.bundle.debug.js
@@ -24,10 +24,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let store = store_default({ value: ["Learn Marko", "Make a Website"] });
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_store/var");
 	const { list, clear } = store;
-	_html(`${_el_resume($scope0_id, "#button/2")}
      `);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/2")}
        `);
 	_for_of(list, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
      • ${_escape(item)}${_el_resume($scope1_id, "#text/0")}
        • `);
+		_html_opens("__tests__/template.marko:11:5"), _html(`
      • ${_escape(item)}${_el_resume($scope1_id, "#text/0")}
        • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "10:4");
 	}, 0, $scope0_id, "#ul/3", 1, 1, 1, "
      ", 1);
 	_script($scope0_id, "__tests__/template.marko_0_clear");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/details-static/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/details-static/__snapshots__/html.bundle.debug.js
index 223a8090971..11e36a437fa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/details-static/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/details-static/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let n = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}
      summary body
      dialog body`);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:3", "__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}
      summary body
      dialog body`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/doctype/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/doctype/__snapshots__/html.bundle.debug.js
index 4bb46701b29..97b7b02536e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/doctype/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/doctype/__snapshots__/html.bundle.debug.js
@@ -2,5 +2,5 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Title of the document${_flush_head()}The content of the document......`), _trailers("");
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1", "__tests__/template.marko:4:3", "__tests__/template.marko:7:1"), _html(`Title of the document${_flush_head()}The content of the document......`), _trailers("");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/html.bundle.debug.js
index f452e5bb426..b445758567c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = false;
-	_html("
      ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
      ");
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
-			_html(`${_escape($global().x)}`);
+			_html_opens("__tests__/template.marko:4:5"), _html(`${_escape($global().x)}`);
 			writeScope($scope1_id, {}, "__tests__/template.marko", "3:4");
 			return 0;
 		}
@@ -15,12 +15,12 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_if(() => {
 		if (!show) {
 			const $scope2_id = _scope_id();
-			_html(``);
+			_html_opens("__tests__/template.marko:8:5"), _html(``);
 			writeScope($scope2_id, {}, "__tests__/template.marko", "7:4");
 			return 0;
 		}
 	}, $scope0_id, "#text/1", 1, 1, 1, 0, 1);
-	_html(`${_el_resume($scope0_id, "#button/2")}
      `);
+	_html_opens("__tests__/template.marko:10:3"), _html(`${_el_resume($scope0_id, "#button/2")}
      `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { show }, "__tests__/template.marko", 0, { show: "2:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-multiple/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-multiple/__snapshots__/html.bundle.debug.js
index ee45b466c25..a3138742664 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-multiple/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-multiple/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $b__closures = new Set();
 	let a = 0;
 	let b = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_try($scope0_id, "#text/1", _content_resume("__tests__/template.marko_1_content", () => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		if (true) {
 			const $scope2_id = _scope_id();
-			_html(`
      ${_escape(a)}${_el_resume($scope2_id, "#text/0")}
      ${_escape(b)}${_el_resume($scope2_id, "#text/1")}
      `);
+			_html_opens("__tests__/template.marko:9:5", "__tests__/template.marko:10:5"), _html(`
      ${_escape(a)}${_el_resume($scope2_id, "#text/0")}
      ${_escape(b)}${_el_resume($scope2_id, "#text/1")}
      `);
 			_subscribe($b__closures, _subscribe($a__closures, writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "8:4")));
 		}
 		writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "7:2");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-with-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-with-function/__snapshots__/html.bundle.debug.js
index d8f887614b4..346e23502ce 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-with-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closure-with-function/__snapshots__/html.bundle.debug.js
@@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_if(() => {
 				if (input.b) {
 					const $scope2_id = _scope_id();
-					_html(`
      ${_escape(bar(foo))}${_el_resume($scope2_id, "#text/0", _serialize_guard($scope0_reason, 3))}
      `);
+					_html_opens("__tests__/template.marko:7:5"), _html(`
      ${_escape(bar(foo))}${_el_resume($scope2_id, "#text/0", _serialize_guard($scope0_reason, 3))}
      `);
 					$si__input_c__OR__input_a__OR__input_b && _subscribe($si__input_c && $bar2__closures, writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "6:3"));
 					return 0;
 				}
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/html.bundle.debug.js
index 45a826b59c3..e29c97afab4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      ");
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_html_opens("__tests__/tags/custom-tag.marko:1:1"), _html("
      ");
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/custom-tag.marko:1:6");
 	_html("
      ");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag.marko", 0);
 });
@@ -16,7 +16,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $c__closures = new Set();
 	const b = 2;
 	let c = 3;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	custom_tag_default({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
@@ -24,7 +24,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_subscribe($c__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "6:2"));
 		_resume_branch($scope1_id);
 	}) });
-	_html("
      ");
+	_html_opens("__tests__/template.marko:9:1"), _html("
      ");
 	if (Math.random()) {
 		const $scope2_id = _scope_id();
 		if (Math.random()) {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-content-attr/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-content-attr/__snapshots__/html.bundle.debug.js
index 39a2333c91d..7ba8967f006 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-content-attr/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-content-attr/__snapshots__/html.bundle.debug.js
@@ -12,7 +12,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_subscribe($count__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "5:1"));
 		_resume_branch($scope1_id);
 	}, $scope0_id) };
-	_html("${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.bundle.debug.js
index d6772ecfd7a..9d6b5a87c31 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let clickCount = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_clickCount");
 	writeScope($scope0_id, { clickCount }, "__tests__/template.marko", 0, { clickCount: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.bundle.debug.js
index 854c40d18fc..18628158e19 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/html.bundle.debug.js
@@ -8,8 +8,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("body content");
-	}, $scope0_id));
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:4:1");
+	_html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		tagName,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-tag-events/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-tag-events/__snapshots__/html.bundle.debug.js
index b8f1e3d3f11..559e6d9fac1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-tag-events/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-native-tag-events/__snapshots__/html.bundle.debug.js
@@ -12,7 +12,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("body content");
-	}, $scope0_id));
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
 	writeScope($scope0_id, { tagName }, "__tests__/template.marko", 0, { tagName: "1:6" });
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-null-fallback/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-null-fallback/__snapshots__/html.bundle.debug.js
index 0751908ca52..f1b40470f83 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-null-fallback/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-null-fallback/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_ = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html(`
      tag ${_sep($sg__input_)}${_escape(input[0])}${_el_resume($scope0_id, "#text/0", $sg__input_)}
      `);
+	_html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`
      tag ${_sep($sg__input_)}${_escape(input[0])}${_el_resume($scope0_id, "#text/0", $sg__input_)}
      `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag.marko", 0);
 });
 
@@ -23,8 +23,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("Fallback Body");
-	}, $scope0_id), 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	}, $scope0_id), 1, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "2:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/html.bundle.debug.js
index 3e89db77c08..f487b3976c7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html(`
      Child: ${_sep($sg__input)}${_escape(input)}${_el_resume($scope0_id, "#text/0", $sg__input)}
      `);
+	_html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`
      Child: ${_sep($sg__input)}${_escape(input)}${_el_resume($scope0_id, "#text/0", $sg__input)}
      `);
 	const $return = input;
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag.marko", 0);
 	return $return;
@@ -14,11 +14,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const $tags0_scope = _peek_scope_id();
-	let y = _dynamic_tag($scope0_id, "#text/2", tags[0], [x], 0, 1);
+	let y = _dynamic_tag($scope0_id, "#text/2", tags[0], [x], 0, 1, void 0, "__tests__/template.marko:5:1");
 	_var($scope0_id, "#scopeOffset/3", $tags0_scope, "__tests__/template.marko_0_y/var");
-	_html(`
      Parent: ${_escape(y)}${_el_resume($scope0_id, "#text/4")}
      `);
+	_html_opens("__tests__/template.marko:6:1"), _html(`
      Parent: ${_escape(y)}${_el_resume($scope0_id, "#text/4")}
      `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "3:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/html.bundle.debug.js
index 03bb8fd60ec..ab4f2de9f86 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
      ${_escape(JSON.stringify(input))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `);
+	_html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`
      ${_escape(JSON.stringify(input))}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag.marko", 0);
 });
 
@@ -12,11 +12,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
-	_dynamic_tag($scope0_id, "#text/2", tags[0], [x, "foo"], 0, 1);
-	_dynamic_tag($scope0_id, "#text/3", tags[0], [false], 0, 1, 0);
-	_dynamic_tag($scope0_id, "#text/4", tags[0], [true], 0, 1, 0);
-	_dynamic_tag($scope0_id, "#text/5", tags[0], [...["spread1", "spread2"]], 0, 1, 0);
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
+	_dynamic_tag($scope0_id, "#text/2", tags[0], [x, "foo"], 0, 1, void 0, "__tests__/template.marko:5:1");
+	_dynamic_tag($scope0_id, "#text/3", tags[0], [false], 0, 1, 0, "__tests__/template.marko:6:1");
+	_dynamic_tag($scope0_id, "#text/4", tags[0], [true], 0, 1, 0, "__tests__/template.marko:7:1");
+	_dynamic_tag($scope0_id, "#text/5", tags[0], [...["spread1", "spread2"]], 0, 1, 0, "__tests__/template.marko:8:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "3:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.bundle.debug.js
index ac1ee188562..e18b56533cd 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let className = "A";
-	_html(`paragraph
      ${_el_resume($scope0_id, "#p/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:5:1"), _html(`paragraph
      ${_el_resume($scope0_id, "#p/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { className }, "__tests__/template.marko", 0, { className: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-conditional/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-conditional/__snapshots__/html.bundle.debug.js
index bd1aa4f3cc2..913d63434e2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-conditional/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-conditional/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var inner_default = _template("__tests__/tags/inner.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/inner.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/inner.marko", 0);
 });
 
@@ -11,7 +11,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let show = false;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_if(() => {
 		if (show) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-default/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-default/__snapshots__/html.bundle.debug.js
index 838f8b8ca4b..87f09c7f395 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-default/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-content-default/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      ");
-	_dynamic_tag($scope0_id, "#text/0", input, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_html_opens("__tests__/tags/child.marko:1:1"), _html("
      ");
+	_dynamic_tag($scope0_id, "#text/0", input, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:2:3");
 	_html("
      ");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.bundle.debug.js
index d059b256f2f..69840ae968d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_id = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	const { id } = input;
-	_html(`
      Id is ${_sep($sg__input_id)}${_escape(id)}${_el_resume($scope0_id, "#text/0", $sg__input_id)}
      `);
+	_html_opens("__tests__/tags/child.marko:3:1"), _html(`
      Id is ${_sep($sg__input_id)}${_escape(id)}${_el_resume($scope0_id, "#text/0", $sg__input_id)}
      `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
 
@@ -12,8 +12,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let tagName = child_default;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
-	_dynamic_tag($scope0_id, "#text/1", tagName, { id: "dynamic" });
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
+	_dynamic_tag($scope0_id, "#text/1", tagName, { id: "dynamic" }, void 0, void 0, void 0, "__tests__/template.marko:7:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { tagName }, "__tests__/template.marko", 0, { tagName: "3:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.bundle.debug.js
index edf842079b5..a07ab0bf40f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child1_default = _template("__tests__/tags/child1.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_value = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	const { value } = input;
-	_html(`
      Child 1 has ${_sep($sg__input_value)}${_escape(value)}${_el_resume($scope0_id, "#text/0", $sg__input_value)}
      `);
+	_html_opens("__tests__/tags/child1.marko:3:1"), _html(`
      Child 1 has ${_sep($sg__input_value)}${_escape(value)}${_el_resume($scope0_id, "#text/0", $sg__input_value)}
      `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child1.marko", 0);
 });
 
@@ -12,7 +12,7 @@ var child2_default = _template("__tests__/tags/child2.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_value = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	const { value } = input;
-	_html(`
      Child 2 has ${_sep($sg__input_value)}${_escape(value)}${_el_resume($scope0_id, "#text/0", $sg__input_value)}
      `);
+	_html_opens("__tests__/tags/child2.marko:3:1"), _html(`
      Child 2 has ${_sep($sg__input_value)}${_escape(value)}${_el_resume($scope0_id, "#text/0", $sg__input_value)}
      `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child2.marko", 0);
 });
 
@@ -22,8 +22,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let tagName = child1_default;
 	let val = 3;
-	_dynamic_tag($scope0_id, "#text/0", tagName, { value: val });
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_dynamic_tag($scope0_id, "#text/0", tagName, { value: val }, void 0, void 0, void 0, "__tests__/template.marko:7:1");
+	_html_opens("__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		tagName,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-input-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-input-intersection/__snapshots__/html.bundle.debug.js
index b2c5d080878..7839c2c92a3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-input-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-input-intersection/__snapshots__/html.bundle.debug.js
@@ -13,7 +13,7 @@ var my_tag_default = _template("__tests__/tags/my-tag.marko", (input) => {
 		...htmlInput,
 		class: ["foo", inputClass],
 		content
-	});
+	}, void 0, void 0, void 0, "__tests__/tags/my-tag.marko:8:1");
 	_script($scope0_id, "__tests__/tags/my-tag.marko_0_inputContent");
 	writeScope($scope0_id, {
 		inputAs,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-multiple/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-multiple/__snapshots__/html.bundle.debug.js
index bc471aa8e08..08ff7eafdc4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-multiple/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-multiple/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var wrapper_default = _template("__tests__/tags/wrapper.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("hi");
-	}, $scope0_id), 0, _serialize_guard($scope0_reason, 0));
+	}, $scope0_id), 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/wrapper.marko:3:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {
 		inputAs: _serialize_if($scope0_reason, 2) && inputAs,
 		htmlInput: _serialize_if($scope0_reason, 1) && htmlInput
@@ -21,13 +21,13 @@ var wrapper_default = _template("__tests__/tags/wrapper.marko", (input) => {
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
      ");
 	wrapper_default({});
-	_html("
      ");
+	_html_opens("__tests__/template.marko:4:1"), _html("
      ");
 	wrapper_default({});
-	_html("
      ");
+	_html_opens("__tests__/template.marko:7:1"), _html("
      ");
 	wrapper_default({});
-	_html("
      ");
+	_html_opens("__tests__/template.marko:10:1"), _html("
      ");
 	wrapper_default({});
 	_html("
      ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.bundle.debug.js
index 19ade463c65..80f46004f1d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-name/__snapshots__/html.bundle.debug.js
@@ -3,8 +3,8 @@ var tag_a_default = _template("__tests__/tags/tag-a/index.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { class: className, other, content } = input;
-	_html(`A `);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2));
+	_html_opens("__tests__/tags/tag-a/index.marko:2:1"), _html(`A `);
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/tag-a/index.marko:4:3");
 	_html(`
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 1) && writeScope($scope0_id, {}, "__tests__/tags/tag-a/index.marko", 0);
 });
@@ -14,8 +14,8 @@ var tag_b_default = _template("__tests__/tags/tag-b/index.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	const { class: className, other, content } = input;
-	_html(`B `);
-	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2));
+	_html_opens("__tests__/tags/tag-b/index.marko:2:1"), _html(`B `);
+	_dynamic_tag($scope0_id, "#text/1", content, {}, 0, 0, _serialize_guard($scope0_reason, 2), "__tests__/tags/tag-b/index.marko:4:3");
 	_html(`
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 1) && writeScope($scope0_id, {}, "__tests__/tags/tag-b/index.marko", 0);
 });
@@ -29,31 +29,31 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_dynamic_tag($scope0_id, "#text/0", content, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, _serialize_guard($scope0_reason, 0));
+	}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/template.marko:7:1");
 	_dynamic_tag($scope0_id, "#text/1", x, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, _serialize_guard($scope0_reason, 1));
+	}, 0, 0, _serialize_guard($scope0_reason, 1), "__tests__/template.marko:8:1");
 	_dynamic_tag($scope0_id, "#text/2", show ? "div" : null, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_show__OR__input_other);
+	}, 0, 0, $sg__input_show__OR__input_other, "__tests__/template.marko:10:1");
 	_dynamic_tag($scope0_id, "#text/3", show && "div", {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_show__OR__input_other);
+	}, 0, 0, $sg__input_show__OR__input_other, "__tests__/template.marko:11:1");
 	_dynamic_tag($scope0_id, "#text/4", isLarge ? "h1" : "h2", {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_isLarge__OR__input_other);
+	}, 0, 0, $sg__input_isLarge__OR__input_other, "__tests__/template.marko:13:1");
 	_dynamic_tag($scope0_id, "#text/5", showTagA ? tag_a_default : tag_b_default, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_showTagA__OR__input_other);
+	}, 0, 0, $sg__input_showTagA__OR__input_other, "__tests__/template.marko:15:1");
 	_dynamic_tag($scope0_id, "#text/6", showTagA && tag_a_default, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_showTagA__OR__input_other);
+	}, 0, 0, $sg__input_showTagA__OR__input_other, "__tests__/template.marko:16:1");
 	_dynamic_tag($scope0_id, "#text/7", showTagA && tag_a_default, {
 		class: ["a", "b"],
 		other
@@ -61,51 +61,51 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("Body content");
-	}, $scope0_id), 0, $sg__input_showTagA__OR__input_other);
+	}, $scope0_id), 0, $sg__input_showTagA__OR__input_other, "__tests__/template.marko:17:1");
 	_dynamic_tag($scope0_id, "#text/8", tag || tag_a_default, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_tag__OR__input_other);
+	}, 0, 0, $sg__input_tag__OR__input_other, "__tests__/template.marko:21:1");
 	_dynamic_tag($scope0_id, "#text/9", tag ?? tag_a_default, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_tag__OR__input_other);
+	}, 0, 0, $sg__input_tag__OR__input_other, "__tests__/template.marko:22:1");
 	const largeHeading = isLarge && "h1";
 	_dynamic_tag($scope0_id, "#text/10", largeHeading || "h2", {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_isLarge__OR__input_other);
+	}, 0, 0, $sg__input_isLarge__OR__input_other, "__tests__/template.marko:25:1");
 	_dynamic_tag($scope0_id, "#text/11", globalThis.x = "a" + "b", {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_other);
+	}, 0, 0, $sg__input_other, "__tests__/template.marko:27:1");
 	_dynamic_tag($scope0_id, "#text/12", "h" + level, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_level__OR__input_other);
+	}, 0, 0, $sg__input_level__OR__input_other, "__tests__/template.marko:28:1");
 	_dynamic_tag($scope0_id, "#text/13", `h${level}`, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_level__OR__input_other);
+	}, 0, 0, $sg__input_level__OR__input_other, "__tests__/template.marko:29:1");
 	const tagConstA = "a";
 	_dynamic_tag($scope0_id, "#text/14", tagConstA, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_other);
+	}, 0, 0, $sg__input_other, "__tests__/template.marko:32:1");
 	const tagConstB = show ? "div" : null;
 	_dynamic_tag($scope0_id, "#text/15", tagConstB, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_show__OR__input_other);
+	}, 0, 0, $sg__input_show__OR__input_other, "__tests__/template.marko:35:1");
 	const tagConstC = tag ?? tag_a_default;
 	_dynamic_tag($scope0_id, "#text/16", tagConstC, {
 		class: ["a", "b"],
 		other
-	}, 0, 0, $sg__input_tag__OR__input_other);
-	_dynamic_tag($scope0_id, "#text/17", `h${1}`, {}, 0, 0, 0);
-	_dynamic_tag($scope0_id, "#text/18", foo || "div", {}, 0, 0, 0);
-	_dynamic_tag($scope0_id, "#text/19", foo + "div", {}, 0, 0, 0);
-	_dynamic_tag($scope0_id, "#text/20", "d" + "iv", {}, 0, 0, 0);
+	}, 0, 0, $sg__input_tag__OR__input_other, "__tests__/template.marko:38:1");
+	_dynamic_tag($scope0_id, "#text/17", `h${1}`, {}, 0, 0, 0, "__tests__/template.marko:40:1");
+	_dynamic_tag($scope0_id, "#text/18", foo || "div", {}, 0, 0, 0, "__tests__/template.marko:41:1");
+	_dynamic_tag($scope0_id, "#text/19", foo + "div", {}, 0, 0, 0, "__tests__/template.marko:42:1");
+	_dynamic_tag($scope0_id, "#text/20", "d" + "iv", {}, 0, 0, 0, "__tests__/template.marko:43:1");
 	_serialize_if($scope0_reason, 8) && writeScope($scope0_id, {
 		content: $si__input_other && content,
 		x: $si__input_other && x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native-variants/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native-variants/__snapshots__/html.bundle.debug.js
index 86ae2b81496..2e414b01498 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native-variants/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native-variants/__snapshots__/html.bundle.debug.js
@@ -3,14 +3,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let tag = "input";
-	_html("
      ");
-	_dynamic_tag($scope0_id, "#text/0", tag, {});
+	_html_opens("__tests__/template.marko:2:1"), _html("
      ");
+	_dynamic_tag($scope0_id, "#text/0", tag, {}, void 0, void 0, void 0, "__tests__/template.marko:3:3");
 	_attr_select_value($scope0_id, "#select/1", void 0, _resume(function(next) {
 		tag = next;
 	}, "__tests__/template.marko_0/valueChange", $scope0_id), () => {
-		_html(``);
+		_html_opens("__tests__/template.marko:4:3", "__tests__/template.marko:5:5"), _html(``);
 	});
-	_html(`${_el_resume($scope0_id, "#select/1")}${_el_resume($scope0_id, "#button/2")}
      `);
+	_html_opens("__tests__/template.marko:7:3"), _html(`${_el_resume($scope0_id, "#select/1")}${_el_resume($scope0_id, "#button/2")}
      `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { tag }, "__tests__/template.marko", 0, { tag: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.bundle.debug.js
index 927cb35be16..45eb53b45c7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-native/__snapshots__/html.bundle.debug.js
@@ -2,5 +2,5 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      paragraph
      ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
      paragraph
      ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
index ccc474bf0d6..b19b625ca61 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 		_scope_reason();
 		_script($scope1_id, "__tests__/tags/child.marko_1");
 		_resume_branch($scope1_id);
-	}, $scope0_id), 0, _serialize_guard($scope0_reason, 0));
+	}, $scope0_id), 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:2:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
 
@@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let outer = true;
 	let show = false;
-	_html(`
      init
      ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`
      init
      ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_if(() => {
 		if (outer) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/html.bundle.debug.js
index 97617c2cae2..53ae28881e4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var custom_tag_default = _template("__tests__/tags/custom-tag.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
      ${_escape(input)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `);
+	_html_opens("__tests__/tags/custom-tag.marko:1:1"), _html(`
      ${_escape(input)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
      `);
 	const $return = "hello from other";
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/custom-tag.marko", 0);
 	return $return;
@@ -14,8 +14,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
-	_dynamic_tag($scope0_id, "#text/2", tags[0], [x], 0, 1);
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
+	_dynamic_tag($scope0_id, "#text/2", tags[0], [x], 0, 1, void 0, "__tests__/template.marko:5:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "3:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.bundle.debug.js
index 20274681a30..f8f04c60df9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/html.bundle.debug.js
@@ -7,8 +7,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("Body Content");
-	}, $scope0_id));
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { x }, "__tests__/template.marko", 0, { x: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-spread/__snapshots__/html.bundle.debug.js
index 754fcee559d..522e11cd77a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-spread/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var wrapper_default = _template("__tests__/tags/wrapper.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		_html("hi");
-	}, $scope0_id), 0, _serialize_guard($scope0_reason, 3));
+	}, $scope0_id), 0, _serialize_guard($scope0_reason, 3), "__tests__/tags/wrapper.marko:3:1");
 	_serialize_if($scope0_reason, 3) && writeScope($scope0_id, {
 		inputAs: _serialize_if($scope0_reason, 2) && inputAs,
 		foo: _serialize_if($scope0_reason, 1) && foo,
@@ -26,9 +26,9 @@ var wrapper_default = _template("__tests__/tags/wrapper.marko", (input) => {
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
      ");
 	wrapper_default({ id: "foo" });
-	_html("
      ");
+	_html_opens("__tests__/template.marko:4:1"), _html("
      ");
 	wrapper_default({
 		...{ id: "foo" },
 		foo: "bar"
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/html.bundle.debug.js
index 5c843337182..b1113e5118e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let x = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	const $return = x;
 	_script($scope0_id, "__tests__/tags/counter.marko_0");
 	writeScope($scope0_id, {
@@ -24,9 +24,9 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $getCounter_scope = _peek_scope_id();
-	let count = _dynamic_tag($scope0_id, "#text/0", getCounter(), {});
+	let count = _dynamic_tag($scope0_id, "#text/0", getCounter(), {}, void 0, void 0, void 0, "__tests__/template.marko:5:1");
 	_var($scope0_id, "#scopeOffset/1", $getCounter_scope, "__tests__/template.marko_0_count/var", "#text/0");
-	_html(`${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-destructured/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-destructured/__snapshots__/html.bundle.debug.js
index fac7cdd59bf..9dd7a978748 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-destructured/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-destructured/__snapshots__/html.bundle.debug.js
@@ -9,7 +9,7 @@ var child_default = _template("__tests__/tags/child/index.marko", (input) => {
 			count++;
 		}, "__tests__/tags/child/index.marko_0/_return", $scope0_id)
 	};
-	_html(`child:${_escape(count)}${_el_resume($scope0_id, "#text/0")}`);
+	_html_opens("__tests__/tags/child/index.marko:8:1"), _html(`child:${_escape(count)}${_el_resume($scope0_id, "#text/0")}`);
 	writeScope($scope0_id, { count }, "__tests__/tags/child/index.marko", 0, { count: "1:6" });
 	_resume_branch($scope0_id);
 	return $return;
@@ -22,7 +22,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $childScope = _peek_scope_id();
 	let { count, inc } = child_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_$pattern/var");
-	_html(`${_el_resume($scope0_id, "#button/2")}
      ${_escape(count)}${_el_resume($scope0_id, "#text/3")}
      `);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/2")}
      ${_escape(count)}${_el_resume($scope0_id, "#text/3")}
      `);
 	_script($scope0_id, "__tests__/template.marko_0_inc");
 	writeScope($scope0_id, {
 		inc,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-in-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-in-body/__snapshots__/html.bundle.debug.js
index 3ba1a6b816e..98f72fda472 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-in-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var-in-body/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0));
-	_html(`
      ${_el_resume($scope0_id, "#div/1")}`);
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/child.marko:1:1");
+	_html_opens("__tests__/tags/child.marko:2:1"), _html(`
      ${_el_resume($scope0_id, "#div/1")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -21,7 +21,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_script($scope1_id, "__tests__/template.marko_1_setHtml");
 		_subscribe($setHtml__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "3:4"));
 		_resume_branch($scope1_id);
-	}, $scope0_id));
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
 	_var($scope0_id, "#scopeOffset/1", $Child_scope, "__tests__/template.marko_0_setHtml/var");
 	writeScope($scope0_id, {
 		setHtml,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var/__snapshots__/html.bundle.debug.js
index e9a9482c7c4..9b91767c46f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-var/__snapshots__/html.bundle.debug.js
@@ -12,13 +12,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let data1 = child_default({});
 	const $inputshowchild_scope = _peek_scope_id();
-	let data2 = _dynamic_tag($scope0_id, "#text/2", input.show && child_default, {});
+	let data2 = _dynamic_tag($scope0_id, "#text/2", input.show && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:4:1");
 	_var($scope0_id, "#scopeOffset/3", $inputshowchild_scope, "__tests__/template.marko_0_data2/var");
 	const $inputdynamic_scope = _peek_scope_id();
-	let data3 = _dynamic_tag($scope0_id, "#text/4", input.dynamic, {});
+	let data3 = _dynamic_tag($scope0_id, "#text/4", input.dynamic, {}, void 0, void 0, void 0, "__tests__/template.marko:5:1");
 	_var($scope0_id, "#scopeOffset/5", $inputdynamic_scope, "__tests__/template.marko_0_data3/var");
 	const $inputshowdiv_scope = _peek_scope_id();
-	let el1 = _dynamic_tag($scope0_id, "#text/6", input.show && "div", {});
+	let el1 = _dynamic_tag($scope0_id, "#text/6", input.show && "div", {}, void 0, void 0, void 0, "__tests__/template.marko:6:1");
 	_var($scope0_id, "#scopeOffset/7", $inputshowdiv_scope, "__tests__/template.marko_0_el1/var");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.bundle.debug.js
index a4dffb9f1f1..cefc854d288 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var counter_default = _template("__tests__/tags/counter.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/tags/counter.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/tags/counter.marko_0");
 	writeScope($scope0_id, { count }, "__tests__/tags/counter.marko", 0, { count: "1:5" });
 	_resume_branch($scope0_id);
@@ -18,8 +18,8 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		const $scope1_id = _scope_id();
 		_scope_reason();
 		counter_default({});
-	}, $scope0_id));
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	}, $scope0_id), void 0, void 0, "__tests__/template.marko:3:1");
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { tagName }, "__tests__/template.marko", 0, { tagName: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/embed-control-flow-boundary/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/embed-control-flow-boundary/__snapshots__/html.bundle.debug.js
index 97fb58f9f0b..50c503051ff 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/embed-control-flow-boundary/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/embed-control-flow-boundary/__snapshots__/html.bundle.debug.js
@@ -3,11 +3,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let hide = undefined;
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:14:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_if(() => {
 		if (!hide) {
 			const $scope1_id = _scope_id();
-			_html("
      Hello
      ");
+			_html_opens("__tests__/template.marko:21:3"), _html("
      Hello
      ");
 			writeScope($scope1_id, {}, "__tests__/template.marko", "20:2");
 			return 0;
 		}
diff --git a/packages/runtime-tags/src/__tests__/fixtures/embed-counter/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/embed-counter/__snapshots__/html.bundle.debug.js
index 907dc53ac41..dccc0f1eb70 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/embed-counter/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/embed-counter/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let clickCount = 0;
-	_html(`
      ${_el_resume($scope0_id, "#button/0")}
      `);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:3:3"), _html(`
      ${_el_resume($scope0_id, "#button/0")}
      `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { clickCount }, "__tests__/template.marko", 0, { clickCount: "2:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/embed-removal/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/embed-removal/__snapshots__/html.bundle.debug.js
index 0ffe2fbb640..da3076a5c8c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/embed-removal/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/embed-removal/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/empty-child-template/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/empty-child-template/__snapshots__/html.bundle.debug.js
index 9f23d792c5f..0c2456c110d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/empty-child-template/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/empty-child-template/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
      ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
      ");
 	child_default({});
 	_html("
      ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-const-mutation/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-const-mutation/__snapshots__/html.bundle.debug.js
index a02a4f40e5a..95793ddb322 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-const-mutation/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-const-mutation/__snapshots__/html.bundle.debug.js
@@ -8,5 +8,5 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		lastName: "Martin"
 	};
 	const fullName = user.fullName = `${user.firstName} ${user.middleName} ${user.lastName}`;
-	_html(`
      ${_escape(fullName)}
      `);
+	_html_opens("__tests__/template.marko:7:1"), _html(`
      ${_escape(fullName)}
      `);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-custom-tag-own-body-read-before-return/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-custom-tag-own-body-read-before-return/__snapshots__/html.bundle.debug.js
index 01738e466b7..25a231bd339 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-custom-tag-own-body-read-before-return/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-custom-tag-own-body-read-before-return/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $inputcontent_scope = _peek_scope_id();
-	let r = _dynamic_tag($scope0_id, "#text/0", input.content, {});
+	let r = _dynamic_tag($scope0_id, "#text/0", input.content, {}, void 0, void 0, void 0, "__tests__/tags/child.marko:1:1");
 	_var($scope0_id, "#scopeOffset/1", $inputcontent_scope, "__tests__/tags/child.marko_0_r/var");
 	const $return = r;
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
@@ -19,14 +19,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let x = child_default({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
-		_html(`${_escape(x)}${_el_resume($scope1_id, "#text/0")}`);
+		_html_opens("__tests__/template.marko:2:3"), _html(`${_escape(x)}${_el_resume($scope1_id, "#text/0")}`);
 		const $return = 1;
 		_subscribe($x__closures, writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "1:2"));
 		_resume_branch($scope1_id);
 		return $return;
 	}) });
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_x/var");
-	_html(`
      ${_escape(x)}${_el_resume($scope0_id, "#text/2")}
      `);
+	_html_opens("__tests__/template.marko:5:1"), _html(`
      ${_escape(x)}${_el_resume($scope0_id, "#text/2")}
      `);
 	writeScope($scope0_id, {
 		"ClosureScopes:x": $x__closures,
 		"#childScope/0": _existing_scope($childScope)
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-content/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-content/__snapshots__/html.bundle.debug.js
index 260df248c9b..6f6da4e867c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-content/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-content/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.tag, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.tag, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/template.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-name/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-name/__snapshots__/html.bundle.debug.js
index 70ec8139088..19230ff735d 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-name/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-name/__snapshots__/html.bundle.debug.js
@@ -3,5 +3,5 @@ const tagName = "hello world";
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", tagName, {}, 0, 0, 0);
+	_dynamic_tag($scope0_id, "#text/0", tagName, {}, 0, 0, 0, "__tests__/template.marko:2:1");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-number/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-number/__snapshots__/html.bundle.debug.js
index 260df248c9b..6f6da4e867c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-number/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-dynamic-tag-number/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.tag, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.tag, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/template.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-exclusive-checked-value-spread/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-exclusive-checked-value-spread/__snapshots__/html.bundle.debug.js
index 72c93d63ff3..21fd8b894e4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-exclusive-checked-value-spread/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-exclusive-checked-value-spread/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_input_attrs");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-for-by-duplicate/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-for-by-duplicate/__snapshots__/html.bundle.debug.js
index 530b1b0cc37..7d419ef84d9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-for-by-duplicate/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-for-by-duplicate/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let items = input.items;
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}, () => "dup", $scope0_id, "#text/0", 1, 1, 1, 0, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-for-by-object/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-for-by-object/__snapshots__/html.bundle.debug.js
index 26a80037f84..74b8077eb8a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-for-by-object/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-for-by-object/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let items = input.items;
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:3:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "2:2");
 	}, (item) => item, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-for-of-non-iterable/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-for-of-non-iterable/__snapshots__/html.bundle.debug.js
index 4082505f9aa..4212f91d436 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-for-of-non-iterable/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-for-of-non-iterable/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	_for_of(input.value, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
    • ${_escape(item)}${_el_resume($scope1_id, "#text/0", $sg__input_value)}
      • `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    • ${_escape(item)}${_el_resume($scope1_id, "#text/0", $sg__input_value)}
      • `);
 		$si__input_value && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, 0, $scope0_id, "#text/0", $sg__input_value, $sg__input_value, $sg__input_value, 0, 1);
 	$si__input_value && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-for-to-non-finite/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-for-to-non-finite/__snapshots__/html.bundle.debug.js
index 2b8c613a1ae..de796cd18fa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-for-to-non-finite/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-for-to-non-finite/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	_for_to(input.to, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`
    • ${_escape(i)}
      • `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    • ${_escape(i)}
      • `);
 		$si__input_to && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, 0, $scope0_id, "#text/0", $sg__input_to, $sg__input_to, $sg__input_to, 0, 1);
 	$si__input_to && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-for-until-non-finite/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-for-until-non-finite/__snapshots__/html.bundle.debug.js
index b76bde4aea1..dd612d65135 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-for-until-non-finite/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-for-until-non-finite/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	_for_until(input.until, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`
    • ${_escape(i)}
      • `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    • ${_escape(i)}
      • `);
 		$si__input_until && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, 0, $scope0_id, "#text/0", $sg__input_until, $sg__input_until, $sg__input_until, 0, 1);
 	$si__input_until && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-mututally-exclusive-partial-spread-native-attrs/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-mututally-exclusive-partial-spread-native-attrs/__snapshots__/html.bundle.debug.js
index 570d567a4e1..27d83753bd2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-mututally-exclusive-partial-spread-native-attrs/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-mututally-exclusive-partial-spread-native-attrs/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(` {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(` {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-object-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-object-dynamic/__snapshots__/html.bundle.debug.js
index a56bc1f98e7..ea9e1ce186e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-object-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-object-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-promise-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-promise-dynamic/__snapshots__/html.bundle.debug.js
index a56bc1f98e7..ea9e1ce186e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-promise-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-promise-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Hello
      ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-symbol-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-symbol-dynamic/__snapshots__/html.bundle.debug.js
index a56bc1f98e7..ea9e1ce186e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-symbol-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-attr-symbol-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Hello
    ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Hello
    ${_el_resume($scope0_id, "#div/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-change-handler-not-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-change-handler-not-function/__snapshots__/html.bundle.debug.js
index cffabc1535e..4a70b3ab3c6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-change-handler-not-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-change-handler-not-function/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		input_value: _serialize_if($scope0_reason, 1) && input.value,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-event-handler-not-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-event-handler-not-function/__snapshots__/html.bundle.debug.js
index adf73fce94e..3da61224302 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-event-handler-not-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-event-handler-not-function/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_input_onClick");
 	writeScope($scope0_id, { input_onClick: input.onClick }, "__tests__/template.marko", 0, { input_onClick: ["input.onClick"] });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-spread-react-attribute/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-spread-react-attribute/__snapshots__/html.bundle.debug.js
index b984e58ef9f..ccd147201b9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-spread-react-attribute/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-spread-react-attribute/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Hello
    ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Hello
    ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_input_attrs");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-native-tag-lowercase-event-handler-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-native-tag-lowercase-event-handler-dynamic/__snapshots__/html.bundle.debug.js
index d3bb08bb30b..130708b5ff1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-native-tag-lowercase-event-handler-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-native-tag-lowercase-event-handler-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`Click me${_el_resume($scope0_id, "#button/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`Click me${_el_resume($scope0_id, "#button/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-return-write/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-return-write/__snapshots__/html.bundle.debug.js
index c3ae787589d..dd77986f561 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-return-write/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-return-write/__snapshots__/html.bundle.debug.js
@@ -14,7 +14,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $childScope = _peek_scope_id();
 	let x = child_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_x/var");
-	_html(`${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { "#childScope/0": _existing_scope($childScope) }, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-script-object-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-script-object-dynamic/__snapshots__/html.bundle.debug.js
index bfe4026159c..76f85afb3cc 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-script-object-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-script-object-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_escape_script(input.value)}<\/script>${_el_resume($scope0_id, "#script/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_escape_script(input.value)}<\/script>${_el_resume($scope0_id, "#script/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-serialize-private-method-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-serialize-private-method-handler/__snapshots__/html.bundle.debug.js
index b0df7e3953e..7303c6e78bb 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-serialize-private-method-handler/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-serialize-private-method-handler/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		go = this.#hidden;
 	}();
 	let n = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:6:1", "__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	_script($scope0_id, "__tests__/template.marko_0_obj_go");
 	writeScope($scope0_id, {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.debug.txt
index 04ad27f33e9..f04553b8416 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/template.marko:2:19
       1 | 
     > 2 | 
    
-        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.txt
index 04ad27f33e9..f04553b8416 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-dom.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/template.marko:2:19
       1 | 
     > 2 | 
    
-        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.debug.txt
index 04ad27f33e9..f04553b8416 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/template.marko:2:19
       1 | 
     > 2 | 
    
-        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.txt
index 04ad27f33e9..f04553b8416 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/__snapshots__/error-compile-html.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-colgroup/template.marko:2:19
       1 | 
     > 2 | 
    
-        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                   ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.debug.txt
index ff922085e2a..020e17d4cf8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/template.marko:2:10
       1 | 
     > 2 | 
-        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.txt
index ff922085e2a..020e17d4cf8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-dom.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/template.marko:2:10
       1 | 
     > 2 | 
-        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.debug.txt
index ff922085e2a..020e17d4cf8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/template.marko:2:10
       1 | 
     > 2 | 
-        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.txt
index ff922085e2a..020e17d4cf8 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/__snapshots__/error-compile-html.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-select/template.marko:2:10
       1 | 
     > 2 | 
-        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |          ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.debug.txt
new file mode 100644
index 00000000000..dd69f4eaa0e
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.debug.txt
@@ -0,0 +1,9 @@
+
+    at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko:4:6
+      2 | 
+      3 |   
+    > 4 |     
+        |      ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+      5 |   
+      6 | 
    row
    
+      7 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.txt
new file mode 100644
index 00000000000..dd69f4eaa0e
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-dom.txt
@@ -0,0 +1,9 @@
+
+    at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko:4:6
+      2 | 
+      3 |   
+    > 4 |     
+        |      ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+      5 |   
+      6 | 
    row
    
+      7 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.debug.txt
new file mode 100644
index 00000000000..dd69f4eaa0e
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.debug.txt
@@ -0,0 +1,9 @@
+
+    at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko:4:6
+      2 | 
+      3 |   
+    > 4 |     
+        |      ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+      5 |   
+      6 | 
    row
    
+      7 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.txt
new file mode 100644
index 00000000000..dd69f4eaa0e
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/__snapshots__/error-compile-html.txt
@@ -0,0 +1,9 @@
+
+    at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko:4:6
+      2 | 
+      3 |   
+    > 4 |     
+        |      ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+      5 |   
+      6 | 
    row
    
+      7 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko
new file mode 100644
index 00000000000..8f3df437767
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/template.marko
@@ -0,0 +1,6 @@
+
+
+  
+    
+  
+
    row
    
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/test.ts b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/test.ts
new file mode 100644
index 00000000000..87d511a1f39
--- /dev/null
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table-if/test.ts
@@ -0,0 +1,5 @@
+import type { TestConfig } from "../../main.test";
+
+export const config: TestConfig = {
+  error_compiler: true,
+};
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.debug.txt
index 7e076b18212..71778d36a65 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/template.marko:2:16
       1 | 
     > 2 | 
    row
    
-        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.txt
index 7e076b18212..71778d36a65 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-dom.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/template.marko:2:16
       1 | 
     > 2 | 
    row
    
-        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.debug.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.debug.txt
index 7e076b18212..71778d36a65 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.debug.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.debug.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/template.marko:2:16
       1 | 
     > 2 | 
    row
    
-        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.txt b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.txt
index 7e076b18212..71778d36a65 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.txt
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/__snapshots__/error-compile-html.txt
@@ -2,5 +2,5 @@
     at packages/runtime-tags/src/__tests__/fixtures/error-show-tag-in-table/template.marko:2:16
       1 | 
     > 2 | 
    row
    
-        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
+        |                ^^^^ A [`` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside ``: hidden content is wrapped in an element that `` discards, which would render the content instead of hiding it. Move the `` inside the row or option, or use [``](https://markojs.com/docs/reference/core-tag#if).
       3 |
\ No newline at end of file
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-spread-change-handler-not-controllable/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-spread-change-handler-not-controllable/__snapshots__/html.bundle.debug.js
index 72c93d63ff3..21fd8b894e4 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-spread-change-handler-not-controllable/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-spread-change-handler-not-controllable/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_el_resume($scope0_id, "#input/0")}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_el_resume($scope0_id, "#input/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_input_attrs");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-style-object-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-style-object-dynamic/__snapshots__/html.bundle.debug.js
index 5d4c106952d..02569038450 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-style-object-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-style-object-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`${_escape_style(input.value)}${_el_resume($scope0_id, "#style/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1"), _html(`${_escape_style(input.value)}${_el_resume($scope0_id, "#style/0", _serialize_guard($scope0_reason, 0))}`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-tag-var-uninitialized/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-tag-var-uninitialized/__snapshots__/html.bundle.debug.js
index 96113c699ac..ef2f62a247b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-tag-var-uninitialized/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-tag-var-uninitialized/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const Tag = { content: _content("__tests__/template.marko_1_content", (input) => {
 		const $scope1_id = _scope_id();
 		const $scope1_reason = _scope_reason();
-		_dynamic_tag($scope1_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope1_reason, 0));
+		_dynamic_tag($scope1_id, "#text/0", input.content, {}, 0, 0, _serialize_guard($scope1_reason, 0), "__tests__/template.marko:2:3");
 		const $return = "A";
 		_serialize_if($scope1_reason, 0) && writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 		return $return;
@@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let name = Tag.content({ content: _content("__tests__/template.marko_2_content", () => {
 		_scope_reason();
 		const $scope2_id = _scope_id();
-		_html(`
    ${_escape(name)}
    `);
+		_html_opens("__tests__/template.marko:7:3"), _html(`
    ${_escape(name)}
    `);
 		_resume_branch($scope2_id);
 	}) });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/error-text-object-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/error-text-object-dynamic/__snapshots__/html.bundle.debug.js
index ce7fc3615bf..19fe131ee2f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/error-text-object-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/error-text-object-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
    ${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
+	_html_opens("__tests__/template.marko:1:1"), _html(`
    ${_escape(input.value)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
    `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/escape-html-strings/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/escape-html-strings/__snapshots__/html.bundle.debug.js
index 2f8a6cd5c4f..c6f90a73409 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/escape-html-strings/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/escape-html-strings/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ const value = "No!!";
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("child`\"'${value}");
+	_html_opens("__tests__/tags/child.marko:2:1", "__tests__/tags/child.marko:3:1"), _html("child`\"'${value}");
 });
 
 // template.marko
@@ -11,7 +11,7 @@ const count = 1;
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
    ${_escape(count)}\` `);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
    ${_escape(count)}\` `);
 	child_default({});
 	_html("
    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/event-handler-class-methods/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/event-handler-class-methods/__snapshots__/html.bundle.debug.js
index 492f280642b..bde070c945c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/event-handler-class-methods/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/event-handler-class-methods/__snapshots__/html.bundle.debug.js
@@ -9,7 +9,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const obj = { go: _resume(function() {}, "__tests__/template.marko_0/obj") };
 	let n = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:9:1", "__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0_obj_go");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
diff --git a/packages/runtime-tags/src/__tests__/fixtures/export-registered-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/export-registered-function/__snapshots__/html.bundle.debug.js
index 59a46e1d231..d43d7bf3eaa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/export-registered-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/export-registered-function/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let loud = shout;
 	let quiet = whisper;
 	let message = "Hello";
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}
    ${_escape(message)}${_el_resume($scope0_id, "#text/2")}
    `);
+	_html_opens("__tests__/template.marko:7:1", "__tests__/template.marko:8:1", "__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}
    ${_escape(message)}${_el_resume($scope0_id, "#text/2")}
    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		loud,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/expression-statement-tag-var-assignment/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/expression-statement-tag-var-assignment/__snapshots__/html.bundle.debug.js
index ad024a382da..ab9b2302a1f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/expression-statement-tag-var-assignment/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/expression-statement-tag-var-assignment/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let x = 1;
 	let direction = undefined;
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		x,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/flatten-text-if-tag-param-ref/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/flatten-text-if-tag-param-ref/__snapshots__/html.bundle.debug.js
index 35c92f369fe..69aa5c36d77 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/flatten-text-if-tag-param-ref/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/flatten-text-if-tag-param-ref/__snapshots__/html.bundle.debug.js
@@ -8,6 +8,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		"c"
 	], (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
    ${item ? _escape(item) : ""}
    `);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
    ${item ? _escape(item) : ""}
    `);
 	});
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-array-destructure-rest/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-array-destructure-rest/__snapshots__/html.bundle.debug.js
index efb22c446cc..02c36e46425 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-array-destructure-rest/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-array-destructure-rest/__snapshots__/html.bundle.debug.js
@@ -11,13 +11,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		5,
 		6
 	]];
-	_html("
      ");
+	_html_opens("__tests__/template.marko:2:1"), _html("
        ");
 	_for_of(rows, ([first, ...rest], i) => {
 		const $scope1_id = _scope_id();
-		_html(`
      • ${_escape(i)}: first=${_escape(first)}${_el_resume($scope1_id, "#text/1")} rest0=${_escape(rest[0])}${_el_resume($scope1_id, "#text/2")} rest1=${_escape(rest[1])}${_el_resume($scope1_id, "#text/3")} len=${_escape(rest.length)}${_el_resume($scope1_id, "#text/4")}
        • `);
+		_html_opens("__tests__/template.marko:4:5"), _html(`
      • ${_escape(i)}: first=${_escape(first)}${_el_resume($scope1_id, "#text/1")} rest0=${_escape(rest[0])}${_el_resume($scope1_id, "#text/2")} rest1=${_escape(rest[1])}${_el_resume($scope1_id, "#text/3")} len=${_escape(rest.length)}${_el_resume($scope1_id, "#text/4")}
        • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "3:4");
 	}, 0, $scope0_id, "#ul/0", 1, 1, 1, "
      ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-by-nested-branch-divergence/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-by-nested-branch-divergence/__snapshots__/html.bundle.debug.js
index b2e8485b1d0..9b616ae5e3b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-by-nested-branch-divergence/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-by-nested-branch-divergence/__snapshots__/html.bundle.debug.js
@@ -16,25 +16,25 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			on: true
 		}
 	];
-	_html("
      ");
+	_html_opens("__tests__/template.marko:4:1"), _html("
      ");
 	_for_of(list, (item) => {
 		const $scope1_id = _scope_id();
 		_if(() => {
 			if (item.on) {
 				const $scope2_id = _scope_id();
-				_html(`A${_escape(item.id)}${_el_resume($scope2_id, "#text/0")}`);
+				_html_opens("__tests__/template.marko:7:7"), _html(`A${_escape(item.id)}${_el_resume($scope2_id, "#text/0")}`);
 				writeScope($scope2_id, {}, "__tests__/template.marko", "6:6");
 				return 0;
 			} else {
 				const $scope3_id = _scope_id();
-				_html(`B${_escape(item.id)}${_el_resume($scope3_id, "#text/0")}`);
+				_html_opens("__tests__/template.marko:10:7"), _html(`B${_escape(item.id)}${_el_resume($scope3_id, "#text/0")}`);
 				writeScope($scope3_id, {}, "__tests__/template.marko", "9:6");
 				return 1;
 			}
 		}, $scope1_id, "#text/0", 1, 1, 1, 0, 1);
 		writeScope($scope1_id, { item_id: item?.id }, "__tests__/template.marko", "5:4", { item_id: ["item.id", "5:8"] });
 	}, "id", $scope0_id, "#div/0", 1, 1, 1, "
      ");
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:14:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0_list_2_list_0_list_1");
 	writeScope($scope0_id, {
 		list_2: list?.[2],
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-by-prefix-reorder-remove/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-by-prefix-reorder-remove/__snapshots__/html.bundle.debug.js
index 10529f26411..2063bbb2cc3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-by-prefix-reorder-remove/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-by-prefix-reorder-remove/__snapshots__/html.bundle.debug.js
@@ -9,13 +9,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		{ id: 4 },
 		{ id: 5 }
 	];
-	_html("
        ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
          ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`
        • ${_escape(row.id)}${_el_resume($scope1_id, "#text/0")}
          • `);
+		_html_opens("__tests__/template.marko:5:5"), _html(`
        • ${_escape(row.id)}${_el_resume($scope1_id, "#text/0")}
          • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "4:4");
 	}, "id", $scope0_id, "#ul/0", 1, 1, 1, "
        ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
+	_html_opens("__tests__/template.marko:9:1", "__tests__/template.marko:10:1", "__tests__/template.marko:11:1"), _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	_script($scope0_id, "__tests__/template.marko_0_rows_0_rows_1");
 	_script($scope0_id, "__tests__/template.marko_0_rows_0_rows_1_rows_3_rows_2");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-by-use-index/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-by-use-index/__snapshots__/html.bundle.debug.js
index 42650ea60ef..63980bf6cee 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-by-use-index/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-by-use-index/__snapshots__/html.bundle.debug.js
@@ -4,17 +4,17 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let messages = ["hello"];
 	let last = undefined;
-	_html("
        ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
        ");
 	_for_of(messages, (message, index) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:5:5"), _html("${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, { index }, "__tests__/template.marko", "4:4", { index: "4:17" });
 	}, (f) => f, $scope0_id, "#div/0", 1, 1, 1, "
        ", 1);
 	_if(() => {
 		if (last !== undefined) {
 			const $scope2_id = _scope_id();
-			_html(`
        ${_escape(last)}${_el_resume($scope2_id, "#text/0")}
        `);
+			_html_opens("__tests__/template.marko:16:3"), _html(`
        ${_escape(last)}${_el_resume($scope2_id, "#text/0")}
        `);
 			writeScope($scope2_id, {}, "__tests__/template.marko", "15:2");
 			return 0;
 		}
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-by/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-by/__snapshots__/html.bundle.debug.js
index ca7c170790e..a594cb3208b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-by/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-by/__snapshots__/html.bundle.debug.js
@@ -25,37 +25,37 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			text: "third"
 		}
 	];
-	_html("
        ");
+	_html_opens("__tests__/template.marko:13:1", "__tests__/template.marko:16:3"), _html("
        ");
 	_for_of(items, ({ text }) => {
 		const $scope1_id = _scope_id();
 		_html(`${_escape(text)}${_el_resume($scope1_id, "#text/0")}`);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "17:6");
 	}, "id", $scope0_id, "#div/0", 1, 1, 1, "
        ", 1);
-	_html("
        ");
+	_html_opens("__tests__/template.marko:20:3"), _html("
        ");
 	_for_of(items, ({ text }) => {
 		const $scope2_id = _scope_id();
 		_html(`${_escape(text)}${_el_resume($scope2_id, "#text/0")}`);
 		writeScope($scope2_id, {}, "__tests__/template.marko", "21:6");
 	}, (item) => item.id, $scope0_id, "#div/1", 1, 1, 1, "
        ", 1);
-	_html("
        ");
+	_html_opens("__tests__/template.marko:24:3"), _html("
        ");
 	_for_of(items, ({ text }) => {
 		const $scope3_id = _scope_id();
 		_html(`${_escape(text)}${_el_resume($scope3_id, "#text/0")}`);
 		writeScope($scope3_id, {}, "__tests__/template.marko", "25:6");
 	}, getStringBy(), $scope0_id, "#div/2", 1, 1, 1, "
        ", 1);
-	_html("
        ");
+	_html_opens("__tests__/template.marko:28:3"), _html("
        ");
 	_for_of(items, ({ text }) => {
 		const $scope4_id = _scope_id();
 		_html(`${_escape(text)}${_el_resume($scope4_id, "#text/0")}`);
 		writeScope($scope4_id, {}, "__tests__/template.marko", "29:6");
 	}, getFunctionBy(), $scope0_id, "#div/3", 1, 1, 1, "
        ", 1);
-	_html("
        ");
+	_html_opens("__tests__/template.marko:32:3"), _html("
        ");
 	_for_of(items, ({ text }) => {
 		const $scope5_id = _scope_id();
 		_html(`${_escape(text)}${_el_resume($scope5_id, "#text/0")}`);
 		writeScope($scope5_id, {}, "__tests__/template.marko", "33:6");
 	}, getMissingBy(), $scope0_id, "#div/4", 1, 1, 1, "
        ", 1);
-	_html(`${_el_resume($scope0_id, "#button/5")}
        `);
+	_html_opens("__tests__/template.marko:36:3"), _html(`${_el_resume($scope0_id, "#button/5")}
        `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { items }, "__tests__/template.marko", 0, { items: "14:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-destructure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-destructure/__snapshots__/html.bundle.debug.js
index ecb50a6831f..7d36d187de2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-destructure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-destructure/__snapshots__/html.bundle.debug.js
@@ -7,13 +7,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		name: "Marko",
 		description: "HTML Reimagined"
 	}];
-	_html("
        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
        ");
 	_for_of(items, ({ name, description }) => {
 		const $scope1_id = _scope_id();
-		_html(`
        ${_escape(name)}${_el_resume($scope1_id, "#text/0")}: ${_escape(description)}${_el_resume($scope1_id, "#text/1")}
        `);
+		_html_opens("__tests__/template.marko:6:5"), _html(`
        ${_escape(name)}${_el_resume($scope1_id, "#text/0")}: ${_escape(description)}${_el_resume($scope1_id, "#text/1")}
        `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "5:4");
 	}, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
        `);
+	_html_opens("__tests__/template.marko:9:3", "__tests__/template.marko:12:3"), _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}
        `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { items }, "__tests__/template.marko", 0, { items: "3:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-empty-bodies/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-empty-bodies/__snapshots__/html.bundle.debug.js
index c7a36358275..0adc63e1437 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-empty-bodies/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-empty-bodies/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let n = 1;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/html.bundle.debug.js
index 3954c32899d..77fca49e70b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let num = 0;
 	_for_to(num, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:4:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "3:2");
 	}, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-in-by/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-in-by/__snapshots__/html.bundle.debug.js
index 641789d57e2..5f77bc6d498 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-in-by/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-in-by/__snapshots__/html.bundle.debug.js
@@ -6,13 +6,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		a: 1,
 		b: 2
 	};
-	_html("
        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
        ");
 	_for_in(entries, (key, value) => {
 		const $scope1_id = _scope_id();
-		_html(`
        ${_escape(key)}${_el_resume($scope1_id, "#text/0")}:${_escape(value)}${_el_resume($scope1_id, "#text/1")}
        `);
+		_html_opens("__tests__/template.marko:5:5"), _html(`
        ${_escape(key)}${_el_resume($scope1_id, "#text/0")}:${_escape(value)}${_el_resume($scope1_id, "#text/1")}
        `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "4:4");
 	}, (key) => key, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}
        `);
+	_html_opens("__tests__/template.marko:8:3"), _html(`${_el_resume($scope0_id, "#button/1")}
        `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-item-handler-live-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-item-handler-live-read/__snapshots__/html.bundle.debug.js
index c28f02971c1..84616c710aa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-item-handler-live-read/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-item-handler-live-read/__snapshots__/html.bundle.debug.js
@@ -10,14 +10,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		label: "b"
 	}];
 	let log = "";
-	_html("
          ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
            ");
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
          • ${_el_resume($scope1_id, "#button/0")}
            • `);
+		_html_opens("__tests__/template.marko:5:5", "__tests__/template.marko:6:7"), _html(`
          • ${_el_resume($scope1_id, "#button/0")}
            • `);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, { item_label: item?.label }, "__tests__/template.marko", "4:4", { item_label: ["item.label", "4:8"] });
 	}, "id", $scope0_id, "#ul/0", 1, 1, 1, "
          ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}
          ${_escape(log)}${_el_resume($scope0_id, "#text/2")}
          `);
+	_html_opens("__tests__/template.marko:10:1", "__tests__/template.marko:13:1"), _html(`${_el_resume($scope0_id, "#button/1")}
          ${_escape(log)}${_el_resume($scope0_id, "#text/2")}
          `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { items }, "__tests__/template.marko", 0, { items: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-item-member-intersection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-item-member-intersection/__snapshots__/html.bundle.debug.js
index 98f697224b4..bfde2e5fd18 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-item-member-intersection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-item-member-intersection/__snapshots__/html.bundle.debug.js
@@ -9,13 +9,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		a: 3,
 		b: 4
 	}];
-	_html("
            ");
+	_html_opens("__tests__/template.marko:2:1"), _html("
              ");
 	_for_of(list, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
            • ${_escape(item.a + item.b)}${_el_resume($scope1_id, "#text/0")}
              • `);
+		_html_opens("__tests__/template.marko:4:5"), _html(`
            • ${_escape(item.a + item.b)}${_el_resume($scope1_id, "#text/0")}
              • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "3:4");
 	}, 0, $scope0_id, "#ul/0", 1, 1, 1, "
            ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { list }, "__tests__/template.marko", 0, { list: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-class/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-class/__snapshots__/html.bundle.debug.js
index 74b2d97c47b..32635dcdfb1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-class/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-class/__snapshots__/html.bundle.debug.js
@@ -17,14 +17,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("");
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:4:8"), _html("
            ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:6:5", "__tests__/template.marko:7:7", "__tests__/template.marko:7:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, { row_id: row?.id }, "__tests__/template.marko", "5:4", { row_id: ["row.id", "5:8"] });
 	}, "id", $scope0_id, "#tbody/0", 1, 1, 1, "", 1);
-	_html(`
            ${_el_resume($scope1_id, "#button/1")}
            ${_el_resume($scope1_id, "#button/1")}
            ${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
+	_html_opens("__tests__/template.marko:12:1", "__tests__/template.marko:13:1", "__tests__/template.marko:14:1"), _html(`${_el_resume($scope0_id, "#button/1")}${_el_resume($scope0_id, "#button/2")}${_el_resume($scope0_id, "#button/3")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		selected,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-handler-toggle/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-handler-toggle/__snapshots__/html.bundle.debug.js
index 765a7c57acb..188d1acd763 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-handler-toggle/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-handler-toggle/__snapshots__/html.bundle.debug.js
@@ -10,10 +10,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		id: 2,
 		label: "b"
 	}];
-	_html("
              ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
                ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/1")}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:5:5", "__tests__/template.marko:6:7"), _html(`${_el_resume($scope1_id, "#button/1")}${_el_resume($scope1_id, "#li/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-if-condition/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-if-condition/__snapshots__/html.bundle.debug.js
index 4fe46970024..b3e46d8424b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-if-condition/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-if-condition/__snapshots__/html.bundle.debug.js
@@ -17,19 +17,19 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("
                  ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
                    ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html("
                  • ");
+		_html_opens("__tests__/template.marko:5:5"), _html("
                  • ");
 		_if(() => {
 			if (selected === row.id) {
 				const $scope2_id = _scope_id();
-				_html("*");
+				_html_opens("__tests__/template.marko:7:9"), _html("*");
 				writeScope($scope2_id, {}, "__tests__/template.marko", "6:8");
 				return 0;
 			}
 		}, $scope1_id, "#text/0", 1, 1, 1, 0, 1);
-		_html(`${_el_resume($scope1_id, "#button/1")}
                    • `);
+		_html_opens("__tests__/template.marko:9:7"), _html(`${_el_resume($scope1_id, "#button/1")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-input/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-input/__snapshots__/html.bundle.debug.js
index c935593b415..508bc881638 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-input/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-input/__snapshots__/html.bundle.debug.js
@@ -3,10 +3,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_rows = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
 	let enabled = true;
-	_html(`${_el_resume($scope0_id, "#button/0")}
                      `);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(`${_el_resume($scope0_id, "#button/0")}
                        `);
 	_for_of(input.rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(row.label)}${_el_resume($scope1_id, "#text/1", $sg__input_rows)}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:5:5"), _html(`${_escape(row.label)}${_el_resume($scope1_id, "#text/1", $sg__input_rows)}${_el_resume($scope1_id, "#li/0")}`);
 		writeScope($scope1_id, {
 			row_id: row?.id,
 			_: _scope_with_id($scope0_id)
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-closure/__snapshots__/html.bundle.debug.js
index a3784944f12..a7365f42cdf 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-closure/__snapshots__/html.bundle.debug.js
@@ -18,10 +18,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html(`${_el_resume($scope0_id, "#button/0")}
                          `);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`${_el_resume($scope0_id, "#button/0")}
                            `);
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(row.label)}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:7:5"), _html(`${_escape(row.label)}${_el_resume($scope1_id, "#li/0")}`);
 		writeScope($scope1_id, {
 			row_id: row?.id,
 			_: _scope_with_id($scope0_id)
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-key-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-key-read/__snapshots__/html.bundle.debug.js
index c37c4b76f2e..1f686d55980 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-key-read/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-mixed-key-read/__snapshots__/html.bundle.debug.js
@@ -10,10 +10,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		id: 2,
 		label: "b"
 	}];
-	_html("
                              ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
                                ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(selected === row.id && row.label)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#button/2")}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:5:5", "__tests__/template.marko:6:7", "__tests__/template.marko:7:7"), _html(`${_escape(selected === row.id && row.label)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#button/2")}${_el_resume($scope1_id, "#li/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
@@ -23,7 +23,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			row_label: ["row.label", "4:8"]
 		});
 	}, "id", $scope0_id, "#ul/0", 1, 1, 1, "
                              ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:11:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		selected,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-multiple/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-multiple/__snapshots__/html.bundle.debug.js
index 1966d871254..d5a6137f970 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-multiple/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-multiple/__snapshots__/html.bundle.debug.js
@@ -18,10 +18,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}
                                `);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:5:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}
                                  `);
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(row.label)}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:8:5"), _html(`${_escape(row.label)}${_el_resume($scope1_id, "#li/0")}`);
 		writeScope($scope1_id, {
 			row_id: row?.id,
 			_: _scope_with_id($scope0_id)
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-parent-signal/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-parent-signal/__snapshots__/html.bundle.debug.js
index acc5559d1c3..3cdab799ad9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-parent-signal/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-parent-signal/__snapshots__/html.bundle.debug.js
@@ -18,17 +18,17 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("");
+	_html_opens("__tests__/template.marko:5:1", "__tests__/template.marko:5:8"), _html("
                                  ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:7:5", "__tests__/template.marko:8:7", "__tests__/template.marko:8:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
 			_: _scope_with_id($scope0_id)
 		}, "__tests__/template.marko", "6:4", { row_id: ["row.id", "6:8"] });
 	}, "id", $scope0_id, "#tbody/0", 1, 0, 0, 0, 1);
-	_html(`
                                  ${_el_resume($scope1_id, "#button/1")}
                                  ${_el_resume($scope1_id, "#button/1")}
                                  ${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:13:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		selected,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-prepend/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-prepend/__snapshots__/html.bundle.debug.js
index ce8150eccfa..23286b502ae 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-prepend/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-prepend/__snapshots__/html.bundle.debug.js
@@ -11,10 +11,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	}];
 	let selected = 1;
 	let nextId = 3;
-	_html(`${_el_resume($scope0_id, "#button/0")}
                                    `);
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/0")}
                                      `);
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(row.label)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#li/0")}`);
+		_html_opens("__tests__/template.marko:11:5"), _html(`${_escape(row.label)}${_el_resume($scope1_id, "#text/1")}${_el_resume($scope1_id, "#li/0")}`);
 		writeScope($scope1_id, { row_id: row?.id }, "__tests__/template.marko", "10:4", { row_id: ["row.id", "10:8"] });
 	}, "id", $scope0_id, "#ul/1", 1, 1, 1, "
                                    ", 1);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-preset/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-preset/__snapshots__/html.bundle.debug.js
index 5dc86e5c5f7..751948a8e6f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-preset/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-keyed-selector-preset/__snapshots__/html.bundle.debug.js
@@ -17,10 +17,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("");
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:4:8"), _html("
                                    ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:6:5", "__tests__/template.marko:7:7", "__tests__/template.marko:7:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-loop-closure-remove-all-items/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-loop-closure-remove-all-items/__snapshots__/html.bundle.debug.js
index 612792681d7..85d21aeeeaf 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-loop-closure-remove-all-items/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-loop-closure-remove-all-items/__snapshots__/html.bundle.debug.js
@@ -3,14 +3,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let items = ["hello"];
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
                                    ");
 	_for_of(items, () => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:5:5"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "4:4");
 	}, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
-	_html(`
                                    ${_el_resume($scope0_id, "#div/1")}
                                    `);
+	_html_opens("__tests__/template.marko:10:3"), _html(`
                                    ${_el_resume($scope0_id, "#div/1")}
                                    `);
 	writeScope($scope0_id, { items }, "__tests__/template.marko", 0, { items: "1:6" });
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-of-by-nullish-key/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-of-by-nullish-key/__snapshots__/html.bundle.debug.js
index 8e4d4d2c69c..4c5d8057a04 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-of-by-nullish-key/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-of-by-nullish-key/__snapshots__/html.bundle.debug.js
@@ -9,13 +9,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		id: null,
 		text: "second"
 	}];
-	_html("
                                      ");
+	_html_opens("__tests__/template.marko:5:1"), _html("
                                        ");
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                      • ${_escape(item.text)}${_el_resume($scope1_id, "#text/0")}
                                        • `);
+		_html_opens("__tests__/template.marko:7:5"), _html(`
                                      • ${_escape(item.text)}${_el_resume($scope1_id, "#text/0")}
                                        • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "6:4");
 	}, "id", $scope0_id, "#ul/0", 1, 1, 1, "
                                      ", 1);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:10:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { items }, "__tests__/template.marko", 0, { items: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-of-member-signal-collapse/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-of-member-signal-collapse/__snapshots__/html.bundle.debug.js
index 3d700210041..382c961df59 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-of-member-signal-collapse/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-of-member-signal-collapse/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_users = _serialize_guard($scope0_reason, 0), $si__input_users = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                          ");
 	_for_of(input.users, (user) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                        • ${_escape(user.name)}${_el_resume($scope1_id, "#text/0", $sg__input_users)} (${_sep($sg__input_users)}${_escape(user.role)}${_el_resume($scope1_id, "#text/1", $sg__input_users)})
                                          • `);
+		_html_opens("__tests__/template.marko:3:5"), _html(`
                                        • ${_escape(user.name)}${_el_resume($scope1_id, "#text/0", $sg__input_users)} (${_sep($sg__input_users)}${_escape(user.role)}${_el_resume($scope1_id, "#text/1", $sg__input_users)})
                                          • `);
 		$si__input_users && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, 0, $scope0_id, "#ul/0", $sg__input_users, $sg__input_users, $sg__input_users, "
                                        ", 1);
 	$si__input_users && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-grow-shrink/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-grow-shrink/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-grow-shrink/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-grow-shrink/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-insert-middle/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-insert-middle/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-insert-middle/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-insert-middle/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-mixed/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-mixed/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-mixed/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-mixed/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-replace/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-replace/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-replace/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-replace/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-reverse/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-reverse/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-reverse/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-reverse/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-rotate/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-rotate/__snapshots__/html.bundle.debug.js
index 58ead4d1721..1ba9606767c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-rotate/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-rotate/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/1", $sg__input_children)}${_el_resume($scope1_id, "#span/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-swap/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-swap/__snapshots__/html.bundle.debug.js
index 03d2551d8ec..855662839fa 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-reorder-swap/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-reorder-swap/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_children = _serialize_guard($scope0_reason, 0), $si__input_children = _serialize_if($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_html("
                                        ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                        ");
 	_for_of(input.children, (child) => {
 		const $scope1_id = _scope_id();
-		_html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/0", $sg__input_children)}`);
+		_html_opens("__tests__/template.marko:3:5"), _html(`${_escape(child.text)}${_el_resume($scope1_id, "#text/0", $sg__input_children)}`);
 		$si__input_children && writeScope($scope1_id, {}, "__tests__/template.marko", "2:4");
 	}, "id", $scope0_id, "#div/0", $sg__input_children, $sg__input_children, $sg__input_children, "
                                        ", 1);
 	$si__input_children && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-resume-cleanup-free-branch/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-resume-cleanup-free-branch/__snapshots__/html.bundle.debug.js
index 3c536d9ae13..20445563861 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-resume-cleanup-free-branch/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-resume-cleanup-free-branch/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var list_default = _template("__tests__/tags/list.marko", (input) => {
 	const { count } = input;
 	_for_to(count, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                      • item ${_escape(i)}
                                        • `);
+		_html_opens("__tests__/tags/list.marko:3:3"), _html(`
                                      • item ${_escape(i)}
                                        • `);
 		$si__input_count && writeScope($scope1_id, {}, "__tests__/tags/list.marko", "2:2");
 	}, 0, $scope0_id, "#text/0", $sg__input_count, $sg__input_count, $sg__input_count, 0, 1);
 	$si__input_count && writeScope($scope0_id, {}, "__tests__/tags/list.marko", 0);
@@ -17,7 +17,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let outer = true;
 	let count = 2;
-	_html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1"), _html(`${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_if(() => {
 		if (outer) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
index a249685824e..03d757d0882 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-resume-owns-branch-cleanup/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const { count } = input;
 	_for_to(count, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                        item ${_escape(i)}
                                        `);
+		_html_opens("__tests__/tags/child.marko:3:3"), _html(`
                                        item ${_escape(i)}
                                        `);
 		_script($scope1_id, "__tests__/tags/child.marko_1");
 		$si__input_count && writeScope($scope1_id, {}, "__tests__/tags/child.marko", "2:2");
 	}, 0, $scope0_id, "#text/0", $sg__input_count, $sg__input_count, $sg__input_count, 0, 1);
@@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let outer = true;
 	let count = 0;
-	_html(`
                                        init
                                        ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:4:1", "__tests__/template.marko:5:1"), _html(`
                                        init
                                        ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#button/1")}`);
 	_if(() => {
 		if (outer) {
 			const $scope1_id = _scope_id();
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-selector-by-member/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-selector-by-member/__snapshots__/html.bundle.debug.js
index 8f7420504f0..3a0e618cd85 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-selector-by-member/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-selector-by-member/__snapshots__/html.bundle.debug.js
@@ -17,10 +17,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ");
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:8:8"), _html("
                                    ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:10:5", "__tests__/template.marko:11:7", "__tests__/template.marko:11:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_user_id: row?.user?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-selector-index/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-selector-index/__snapshots__/html.bundle.debug.js
index d9ea0fceeb6..ace6e1cb1c3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-selector-index/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-selector-index/__snapshots__/html.bundle.debug.js
@@ -8,10 +8,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		"b",
 		"c"
 	];
-	_html("
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ");
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:4:8"), _html("
                                    ");
 	_for_of(rows, (label, i) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:6:5", "__tests__/template.marko:7:7", "__tests__/template.marko:7:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			"#LoopKey": i,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-selector-nested-branch-reject/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-selector-nested-branch-reject/__snapshots__/html.bundle.debug.js
index 2a6b6a4bed5..f241b42ac9c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-selector-nested-branch-reject/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-selector-nested-branch-reject/__snapshots__/html.bundle.debug.js
@@ -14,10 +14,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_if(() => {
 		if (input.show) {
 			const $scope1_id = _scope_id();
-			_html("
                                      ");
+			_html_opens("__tests__/template.marko:4:3"), _html("
                                        ");
 			forOf(rows, (row) => {
 				const $scope2_id = _scope_id();
-				_html(`${_el_resume($scope2_id, "#button/1")}${_el_resume($scope2_id, "#li/0")}`);
+				_html_opens("__tests__/template.marko:6:7", "__tests__/template.marko:7:9"), _html(`${_el_resume($scope2_id, "#button/1")}${_el_resume($scope2_id, "#li/0")}`);
 				_script($scope2_id, "__tests__/template.marko_2");
 				_subscribe($selected__closures, writeScope($scope2_id, {
 					row_id: row?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-selector-property-path-reject/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-selector-property-path-reject/__snapshots__/html.bundle.debug.js
index ea9611314f7..75fd6330189 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-selector-property-path-reject/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-selector-property-path-reject/__snapshots__/html.bundle.debug.js
@@ -17,10 +17,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			label: "c"
 		}
 	];
-	_html("
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ");
+	_html_opens("__tests__/template.marko:4:1", "__tests__/template.marko:4:8"), _html("
                                    ");
 	_for_of(rows, (row) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:6:5", "__tests__/template.marko:7:7", "__tests__/template.marko:7:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			row_id: row?.id,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-selector-to/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-selector-to/__snapshots__/html.bundle.debug.js
index 81438ea0e09..60d35962056 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-selector-to/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-selector-to/__snapshots__/html.bundle.debug.js
@@ -3,10 +3,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let selected = undefined;
-	_html("
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ${_el_resume($scope1_id, "#button/1")}
                                    ");
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:3:8"), _html("
                                    ");
 	_for_to(4, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#tr/0")}`);
+		_html_opens("__tests__/template.marko:5:5", "__tests__/template.marko:6:7", "__tests__/template.marko:6:11"), _html(`${_el_resume($scope1_id, "#tr/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {
 			"#LoopKey": i,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-serialize-key/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-serialize-key/__snapshots__/html.bundle.debug.js
index a028d59a6c0..3b6d5123d78 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-serialize-key/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-serialize-key/__snapshots__/html.bundle.debug.js
@@ -2,10 +2,10 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:2:1"), _html("
                                    ");
 	forOf(["hello"], (_, index) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:4:5"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, { "#LoopKey": index }, "__tests__/template.marko", "3:4", { "#LoopKey": "3:11" });
 	});
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.bundle.debug.js
index 8d92d7168be..0a48fa3e44f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag-siblings/__snapshots__/html.bundle.debug.js
@@ -7,15 +7,15 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		2,
 		3
 	];
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:3:1"), _html("
                                    ");
 	forOf(arrA, (val) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                    ${_escape(val)}
                                    `);
+		_html_opens("__tests__/template.marko:5:5"), _html(`
                                    ${_escape(val)}
                                    `);
 	});
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:9:1"), _html("
                                    ");
 	forOf(arrA, (val) => {
 		const $scope2_id = _scope_id();
-		_html(`
                                    ${_escape(val)}
                                    `);
+		_html_opens("__tests__/template.marko:11:5"), _html(`
                                    ${_escape(val)}
                                    `);
 	});
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:13:3"), _html("
                                    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-node-only-child-in-parent/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-node-only-child-in-parent/__snapshots__/html.bundle.debug.js
index 62d38bb74e6..e354728a011 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-node-only-child-in-parent/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-node-only-child-in-parent/__snapshots__/html.bundle.debug.js
@@ -3,10 +3,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let children = [1];
-	_html(``);
+	_html_opens("__tests__/template.marko:2:1"), _html(``);
 	_for_of(children, () => {
 		const $scope1_id = _scope_id();
-		_html("
                                    ");
+		_html_opens("__tests__/template.marko:4:5"), _html("
                                    ");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "3:4");
 	}, 0, $scope0_id, "#div/0", 1, 1, 1, "
                                    ", 1);
 	_script($scope0_id, "__tests__/template.marko_0_children");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-text-node-with-text-before/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-text-node-with-text-before/__snapshots__/html.bundle.debug.js
index 2399a3db786..0e0d570c2ea 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-text-node-with-text-before/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag-single-text-node-with-text-before/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let children = [1];
-	_html(`Before `);
+	_html_opens("__tests__/template.marko:2:1"), _html(`Before `);
 	_for_of(children, () => {
 		const $scope1_id = _scope_id();
 		_html("Child");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag-static-value-with-closure/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag-static-value-with-closure/__snapshots__/html.bundle.debug.js
index 18bc1057d58..cbacd9f8a76 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag-static-value-with-closure/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag-static-value-with-closure/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_html(`${_escape(index)}-${_escape(count)}${_el_resume($scope1_id, "#text/1")}`);
 		writeScope($scope1_id, { _: _scope_with_id($scope0_id) }, "__tests__/template.marko", "3:2");
 	}, 0, $scope0_id, "#text/0", 1, 0, 0);
-	_html(`${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "1:6" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.bundle.debug.js
index 91861f9601c..a7310204d7e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/html.bundle.debug.js
@@ -9,7 +9,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	];
 	forOf(arrA, (val, i) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                    ${_escape(i)}: ${_escape(val)}
                                    `);
+		_html_opens("__tests__/template.marko:4:3"), _html(`
                                    ${_escape(i)}: ${_escape(val)}
                                    `);
 	});
 	let arrB = [
 		1,
@@ -18,7 +18,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	];
 	_for_of(arrB, (val, i) => {
 		const $scope2_id = _scope_id();
-		_html(`
                                    ${_escape(i)}: ${_escape(val)}${_el_resume($scope2_id, "#text/1")}
                                    `);
+		_html_opens("__tests__/template.marko:10:3"), _html(`
                                    ${_escape(i)}: ${_escape(val)}${_el_resume($scope2_id, "#text/1")}
                                    `);
 		writeScope($scope2_id, {}, "__tests__/template.marko", "9:2");
 	}, 0, $scope0_id, "#text/1", 1, 1, 1, 0, 1);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-tag/__snapshots__/html.bundle.debug.js
index 60c47b4ff5d..441ba53a854 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-tag/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-tag/__snapshots__/html.bundle.debug.js
@@ -14,48 +14,48 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	};
 	forOf(arr, (val, i) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                    ${_escape(i)}: ${_escape(val)}
                                    `);
+		_html_opens("__tests__/template.marko:5:3", "__tests__/template.marko:6:3", "__tests__/template.marko:7:3"), _html(`
                                    ${_escape(i)}: ${_escape(val)}
                                    `);
 	});
 	forIn(obj, (key, val) => {
 		const $scope2_id = _scope_id();
-		_html(`
                                    ${_escape(key)}: ${_escape(val)}
                                    `);
+		_html_opens("__tests__/template.marko:11:3", "__tests__/template.marko:12:3", "__tests__/template.marko:13:3"), _html(`
                                    ${_escape(key)}: ${_escape(val)}
                                    `);
 	});
-	_html("
                                    to 3: ");
+	_html_opens("__tests__/template.marko:16:1"), _html("
                                    to 3: ");
 	forTo(3, 0, 1, (i) => {
 		const $scope3_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    until 3: ");
+	_html_opens("__tests__/template.marko:23:1"), _html("
                                    until 3: ");
 	forUntil(3, 0, 1, (i) => {
 		const $scope4_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    from 1 to 3: ");
+	_html_opens("__tests__/template.marko:30:1"), _html("
                                    from 1 to 3: ");
 	forTo(3, 1, 1, (i) => {
 		const $scope5_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    from 1 until 3: ");
+	_html_opens("__tests__/template.marko:37:1"), _html("
                                    from 1 until 3: ");
 	forUntil(3, 1, 1, (i) => {
 		const $scope6_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    from 1 to 5 step 2: ");
+	_html_opens("__tests__/template.marko:44:1"), _html("
                                    from 1 to 5 step 2: ");
 	forTo(5, 1, 2, (i) => {
 		const $scope7_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    from 1 until 5 step 2: ");
+	_html_opens("__tests__/template.marko:51:1"), _html("
                                    from 1 until 5 step 2: ");
 	forUntil(5, 1, 2, (i) => {
 		const $scope8_id = _scope_id();
 		_html(_escape(i));
 	});
-	_html("
                                    from 4 to 2 step -0.6: ");
+	_html_opens("__tests__/template.marko:58:1"), _html("
                                    from 4 to 2 step -0.6: ");
 	forTo(2, 4, -.6, (i) => {
 		const $scope9_id = _scope_id();
 		_html(`${_escape(i)} `);
 	});
-	_html("
                                    from 4 until 2 step -0.6: ");
+	_html_opens("__tests__/template.marko:65:1"), _html("
                                    from 4 until 2 step -0.6: ");
 	forUntil(2, 4, -.6, (i) => {
 		const $scope10_id = _scope_id();
 		_html(`${_escape(i)} `);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/for-to-range-resume-key/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/for-to-range-resume-key/__snapshots__/html.bundle.debug.js
index a52b3689fdb..1c6633087d7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/for-to-range-resume-key/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/for-to-range-resume-key/__snapshots__/html.bundle.debug.js
@@ -5,7 +5,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let end = 4;
 	_for_to(end, 2, 1, (n) => {
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#button/0")}`);
+		_html_opens("__tests__/template.marko:5:3"), _html(`${_el_resume($scope1_id, "#button/0")}`);
 		_script($scope1_id, "__tests__/template.marko_1");
 		writeScope($scope1_id, {}, "__tests__/template.marko", "4:2");
 	}, 0, $scope0_id, "#text/0", 1, 1, 1, 0, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/function-references-normalize/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/function-references-normalize/__snapshots__/html.bundle.debug.js
index 5f1a5c4fd3d..50309c72437 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/function-references-normalize/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/function-references-normalize/__snapshots__/html.bundle.debug.js
@@ -7,7 +7,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		foo,
 		bar: _resume(() => foo.bar, "__tests__/template.marko_0/baz", $scope0_id)
 	};
-	_html(`
                                    ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`
                                    ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_baz");
 	writeScope($scope0_id, {
 		foo,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/function-references-optional-member-normalize/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/function-references-optional-member-normalize/__snapshots__/html.bundle.debug.js
index 15b981e5d6d..83d7917384b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/function-references-optional-member-normalize/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/function-references-optional-member-normalize/__snapshots__/html.bundle.debug.js
@@ -15,7 +15,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		foo: foo?.bar,
 		baz: _resume(() => foo?.bar.baz, "__tests__/template.marko_0/c", $scope0_id)
 	};
-	_html(`
                                    ${_el_resume($scope0_id, "#div/0")}
                                    ${_el_resume($scope0_id, "#div/1")}
                                    ${_el_resume($scope0_id, "#div/2")}`);
+	_html_opens("__tests__/template.marko:3:1", "__tests__/template.marko:8:1", "__tests__/template.marko:13:1"), _html(`
                                    ${_el_resume($scope0_id, "#div/0")}
                                    ${_el_resume($scope0_id, "#div/1")}
                                    ${_el_resume($scope0_id, "#div/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0_c");
 	_script($scope0_id, "__tests__/template.marko_0_b");
 	_script($scope0_id, "__tests__/template.marko_0_a");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/function-registration/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/function-registration/__snapshots__/html.bundle.debug.js
index 8b3c71f2024..b23ee6fd085 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/function-registration/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/function-registration/__snapshots__/html.bundle.debug.js
@@ -9,7 +9,7 @@ function updateText(ev) {
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                    ${_escape(sum(1, 2))}
                                    ${_escape(add1(3))}
                                    ${_el_resume($scope0_id, "#button/2")}`);
+	_html_opens("__tests__/template.marko:11:1", "__tests__/template.marko:12:1", "__tests__/template.marko:14:1"), _html(`
                                    ${_escape(sum(1, 2))}
                                    ${_escape(add1(3))}
                                    ${_el_resume($scope0_id, "#button/2")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-default-registration/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-default-registration/__snapshots__/html.bundle.debug.js
index da9490b55e1..3e31198ddc7 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-default-registration/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-default-registration/__snapshots__/html.bundle.debug.js
@@ -8,7 +8,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const { onClick: $onClick } = {};
 	const onClick = void 0 !== $onClick ? $onClick : updateText;
-	_html(`${_el_resume($scope0_id, "#button/0")}`);
+	_html_opens("__tests__/template.marko:9:1"), _html(`${_el_resume($scope0_id, "#button/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0_onClick");
 	writeScope($scope0_id, { onClick }, "__tests__/template.marko", 0, { onClick: "6:3" });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-registration/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-registration/__snapshots__/html.bundle.debug.js
index 1aa9dfae3f0..4d328666dc1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-registration/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/function-tag-var-registration/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		return a + b;
 	};
 	const onClick = updateText;
-	_html(`
                                    ${_escape(sum(1, 2))}
                                    ${_el_resume($scope0_id, "#button/1")}`);
+	_html_opens("__tests__/template.marko:8:1", "__tests__/template.marko:11:1"), _html(`
                                    ${_escape(sum(1, 2))}
                                    ${_el_resume($scope0_id, "#button/1")}`);
 	_script($scope0_id, "__tests__/template.marko_0_onClick");
 	writeScope($scope0_id, { onClick }, "__tests__/template.marko", 0, { onClick: "10:7" });
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/getter-on-single-node-only-child/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/getter-on-single-node-only-child/__snapshots__/html.bundle.debug.js
index 0814e5d6766..f675fe593f9 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/getter-on-single-node-only-child/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/getter-on-single-node-only-child/__snapshots__/html.bundle.debug.js
@@ -4,10 +4,10 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const $ul = _el($scope0_id, "__tests__/template.marko_0_#ul");
 	let items = [0, 1];
-	_html(`${_el_resume($scope0_id, "#button/0")}
                                      `);
+	_html_opens("__tests__/template.marko:2:1", "__tests__/template.marko:6:1"), _html(`${_el_resume($scope0_id, "#button/0")}
                                        `);
 	_for_of(items, (item) => {
 		const $scope1_id = _scope_id();
-		_html(`
                                      • ${_escape(item)}${_el_resume($scope1_id, "#text/0")}
                                        • `);
+		_html_opens("__tests__/template.marko:8:5"), _html(`
                                      • ${_escape(item)}${_el_resume($scope1_id, "#text/0")}
                                        • `);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "7:4");
 	}, 0, $scope0_id, "#ul/1", 1, 1, 1, "
                                      ", 1);
 	_script($scope0_id, "__tests__/template.marko_0");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.bundle.debug.js
index 9e3b9cdb5aa..779e53cd7d6 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hello-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,6 +2,6 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_name = _serialize_guard($scope0_reason, 1), $sg__input_missing = _serialize_guard($scope0_reason, 2);
 	const $scope0_id = _scope_id();
-	_html(`Hello ${_sep($sg__input_name)}${_escape(input.name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)}! Hello ${_sep($sg__input_name)}${_unescaped(input.name)}${_el_resume($scope0_id, "#text/1", $sg__input_name)}! Hello ${_sep($sg__input_missing)}${_unescaped(input.missing)}${_el_resume($scope0_id, "#text/2", $sg__input_missing)}!`);
+	_html(`Hello ${_sep($sg__input_name)}${_escape(input.name)}${_el_resume($scope0_id, "#text/0", $sg__input_name)}! Hello ${_sep($sg__input_name)}`), _html_raw("__tests__/template.marko:1:31"), _html(_unescaped(input.name)), _html(`${_el_resume($scope0_id, "#text/1", $sg__input_name)}! Hello ${_sep($sg__input_missing)}`), _html_raw("__tests__/template.marko:1:53"), _html(_unescaped(input.missing)), _html(`${_el_resume($scope0_id, "#text/2", $sg__input_missing)}!`);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-attr-tag/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-attr-tag/__snapshots__/html.bundle.debug.js
index eb6cf71d06e..8f90a5730d3 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-attr-tag/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-attr-tag/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -12,7 +12,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 var thing_default = _template("__tests__/tags/thing.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.what, {}, 0, 0, _serialize_guard($scope0_reason, 0));
+	_dynamic_tag($scope0_id, "#text/0", input.what, {}, 0, 0, _serialize_guard($scope0_reason, 0), "__tests__/tags/thing.marko:1:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/thing.marko", 0);
 });
 
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
index 833eb2fd1f4..07603531a40 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var thing_default = _template("__tests__/tags/thing.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_content = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content);
-	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content);
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/thing.marko:1:1");
+	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/thing.marko:2:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/thing.marko", 0);
 });
 
@@ -11,7 +11,7 @@ var thing_default = _template("__tests__/tags/thing.marko", (input) => {
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -44,14 +44,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_assert_hoist(setHtml2);
 		}) });
 		_subscribe($inputshowThingnull_content__subscribers, writeScope($scope2_id, { "ClosureScopes:3": $thing_content2__subscribers }, "__tests__/template.marko", "15:4"));
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:15:1");
 	_dynamic_tag($scope0_id, "#text/2", input.show ? "section" : null, {}, _content_resume("__tests__/template.marko_4_content", () => {
 		const $scope4_id = _scope_id();
 		_scope_reason();
 		let setHtml3 = child_default({});
 		_subscribe($inputshowsectionnull_content__subscribers, writeScope($scope4_id, { setHtml3 }, "__tests__/template.marko", "26:4", { setHtml3: "27:10" }));
 		_assert_hoist(setHtml3);
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:26:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		"ClosureScopes:1": $thing_content__subscribers,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-many/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-many/__snapshots__/html.bundle.debug.js
index cda74ab53ce..959e5c49762 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-many/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-many/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                      ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -20,17 +20,17 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_assert_hoist(setHtml);
 	}, 0, $scope0_id, "#text/0", 1, 0, 0, 0, 1);
 	let to = 3;
-	_html("
                                      ");
+	_html_opens("__tests__/template.marko:9:1"), _html("
                                      ");
 	_for_to(to, 0, 1, () => {
 		const $scope2_id = _scope_id();
 		let setHtml2 = child_default({});
 		writeScope($scope2_id, { setHtml2 }, "__tests__/template.marko", "12:2", { setHtml2: "13:10" });
 		_assert_hoist(setHtml2);
 	}, 0, $scope0_id, "#text/1", 1, 0, 0, 0, 1);
-	_html("
                                      ");
+	_html_opens("__tests__/template.marko:20:1"), _html("
                                      ");
 	_for_to(3, 0, 1, (i) => {
 		const $scope3_id = _scope_id();
-		_html("
                                        ");
+		_html_opens("__tests__/template.marko:23:3"), _html("
                                          ");
 		_for_to(3, 0, 1, (j) => {
 			const $scope4_id = _scope_id();
 			let setHtml3 = child_default({});
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
index a55281f9ceb..e612e38012a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
@@ -12,7 +12,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $ref_getter = _hoist($scope0_id, "__tests__/template.marko_0_ref/hoist");
-	_html(`
                                          ${_el_resume($scope0_id, "#pre/0")}
                                          ${_el_resume($scope0_id, "#pre/1")}
                                          ${_el_resume($scope0_id, "#pre/2")}`);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(`
                                          ${_el_resume($scope0_id, "#pre/0")}
                                          ${_el_resume($scope0_id, "#pre/1")}
                                          ${_el_resume($scope0_id, "#pre/2")}`);
 	_for_to(2, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
 		const $for_content__ref_getter = _hoist($scope1_id, "__tests__/template.marko_1_ref/hoist");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
index 8747b8bae22..030fdd2e8ac 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 var source_default = _template("__tests__/tags/source.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/source.marko:1:1"), _html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => ({
 		setHtml(value) {
 			((el) => el())(_el_read_error).innerHTML = value;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope/__snapshots__/html.bundle.debug.js
index 5b24eae7ccf..1954ec39bad 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var-same-scope/__snapshots__/html.bundle.debug.js
@@ -10,7 +10,7 @@ var thing_default = _template("__tests__/tags/thing.marko", (input) => {
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var/__snapshots__/html.bundle.debug.js
index 4333b577680..f2fa9abe04c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-custom-tag-var/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
index f2ac0a7b341..0b502861189 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -12,8 +12,8 @@ var child_default = _template("__tests__/tags/child.marko", (input) => {
 var thing_default = _template("__tests__/tags/thing.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_content = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content);
-	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content);
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/thing.marko:1:1");
+	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/thing.marko:2:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/thing.marko", 0);
 });
 
@@ -29,7 +29,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
 		const $Child_scope = _peek_scope_id();
-		let setHtml = _dynamic_tag($scope1_id, "#text/0", 1 && child_default, {});
+		let setHtml = _dynamic_tag($scope1_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:5:3");
 		_var($scope1_id, "#scopeOffset/1", $Child_scope, "__tests__/template.marko_1_setHtml/var");
 		_subscribe($thing_content__subscribers, writeScope($scope1_id, { setHtml }, "__tests__/template.marko", "4:2", { setHtml: "5:18" }));
 		_assert_hoist(setHtml);
@@ -42,22 +42,22 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_scope_reason();
 			const $scope3_id = _scope_id();
 			const $Child_scope2 = _peek_scope_id();
-			let setHtml2 = _dynamic_tag($scope3_id, "#text/0", 1 && child_default, {});
+			let setHtml2 = _dynamic_tag($scope3_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:18:5");
 			_var($scope3_id, "#scopeOffset/1", $Child_scope2, "__tests__/template.marko_3_setHtml2/var");
 			_subscribe($thing_content2__subscribers, writeScope($scope3_id, { setHtml2 }, "__tests__/template.marko", "17:4", { setHtml2: "18:20" }));
 			_assert_hoist(setHtml2);
 		}) });
 		_subscribe($inputshowThingnull_content__subscribers, writeScope($scope2_id, { "ClosureScopes:3": $thing_content2__subscribers }, "__tests__/template.marko", "16:4"));
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:16:1");
 	_dynamic_tag($scope0_id, "#text/2", input.show ? "section" : null, {}, _content_resume("__tests__/template.marko_4_content", () => {
 		const $scope4_id = _scope_id();
 		_scope_reason();
 		const $Child_scope3 = _peek_scope_id();
-		let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {});
+		let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:28:3");
 		_var($scope4_id, "#scopeOffset/1", $Child_scope3, "__tests__/template.marko_4_setHtml3/var");
 		_subscribe($inputshowsectionnull_content__subscribers, writeScope($scope4_id, { setHtml3 }, "__tests__/template.marko", "27:4", { setHtml3: "28:18" }));
 		_assert_hoist(setHtml3);
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:27:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		"ClosureScopes:1": $thing_content__subscribers,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-many/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-many/__snapshots__/html.bundle.debug.js
index addca2050dd..b9cca12142e 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-many/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var-many/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                          ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -16,29 +16,29 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_for_to(5, 0, 1, () => {
 		const $scope1_id = _scope_id();
 		const $Child_scope = _peek_scope_id();
-		let setHtml = _dynamic_tag($scope1_id, "#text/0", 1 && child_default, {});
+		let setHtml = _dynamic_tag($scope1_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:4:3");
 		_var($scope1_id, "#scopeOffset/1", $Child_scope, "__tests__/template.marko_1_setHtml/var");
 		writeScope($scope1_id, { setHtml }, "__tests__/template.marko", "3:2", { setHtml: "4:18" });
 		_assert_hoist(setHtml);
 	}, 0, $scope0_id, "#text/0", 1, 0, 0);
 	let to = 3;
-	_html("
                                          ");
+	_html_opens("__tests__/template.marko:11:1"), _html("
                                          ");
 	_for_to(to, 0, 1, () => {
 		const $scope2_id = _scope_id();
 		const $Child_scope2 = _peek_scope_id();
-		let setHtml2 = _dynamic_tag($scope2_id, "#text/0", 1 && child_default, {});
+		let setHtml2 = _dynamic_tag($scope2_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:15:3");
 		_var($scope2_id, "#scopeOffset/1", $Child_scope2, "__tests__/template.marko_2_setHtml2/var");
 		writeScope($scope2_id, { setHtml2 }, "__tests__/template.marko", "14:2", { setHtml2: "15:18" });
 		_assert_hoist(setHtml2);
 	}, 0, $scope0_id, "#text/1", 1, 0, 0);
-	_html("
                                          ");
+	_html_opens("__tests__/template.marko:22:1"), _html("
                                          ");
 	_for_to(3, 0, 1, (i) => {
 		const $scope3_id = _scope_id();
-		_html("
                                            ");
+		_html_opens("__tests__/template.marko:25:3"), _html("
                                              ");
 		_for_to(3, 0, 1, (j) => {
 			const $scope4_id = _scope_id();
 			const $Child_scope3 = _peek_scope_id();
-			let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {});
+			let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:27:5");
 			_var($scope4_id, "#scopeOffset/1", $Child_scope3, "__tests__/template.marko_4_setHtml3/var");
 			writeScope($scope4_id, { setHtml3 }, "__tests__/template.marko", "26:4", { setHtml3: "27:20" });
 			_assert_hoist(setHtml3);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var/__snapshots__/html.bundle.debug.js
index 4e8e4a3614e..eccb04af054 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-dynamic-tag-var/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                              ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                              ${_el_resume($scope0_id, "#div/0")}`);
 	const $return = _resume(() => (html) => ((el) => el())(_el_read_error).innerHTML = html, "__tests__/tags/child.marko_0/_return", $scope0_id);
 	writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 	return $return;
@@ -28,7 +28,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 				if (input.show) {
 					const $scope2_id = _scope_id();
 					const $Child_scope = _peek_scope_id();
-					let setHtml = _dynamic_tag($scope2_id, "#text/0", 1 && child_default, {});
+					let setHtml = _dynamic_tag($scope2_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:5:5");
 					_var($scope2_id, "#scopeOffset/1", $Child_scope, "__tests__/template.marko_2_setHtml/var");
 					writeScope($scope2_id, { setHtml }, "__tests__/template.marko", "4:4", { setHtml: "5:20" });
 					_assert_hoist(setHtml);
@@ -44,7 +44,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		if (true) {
 			const $scope3_id = _scope_id();
 			const $Child_scope2 = _peek_scope_id();
-			let setHtml2 = _dynamic_tag($scope3_id, "#text/0", 1 && child_default, {});
+			let setHtml2 = _dynamic_tag($scope3_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:16:3");
 			_var($scope3_id, "#scopeOffset/1", $Child_scope2, "__tests__/template.marko_3_setHtml2/var");
 			writeScope($scope3_id, { setHtml2 }, "__tests__/template.marko", "15:2", { setHtml2: "16:18" });
 			_assert_hoist(setHtml2);
@@ -55,7 +55,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		if (true) {
 			const $scope4_id = _scope_id();
 			const $Child_scope3 = _peek_scope_id();
-			let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {});
+			let setHtml3 = _dynamic_tag($scope4_id, "#text/0", 1 && child_default, {}, void 0, void 0, void 0, "__tests__/template.marko:25:3");
 			_var($scope4_id, "#scopeOffset/1", $Child_scope3, "__tests__/template.marko_4_setHtml3/var");
 			writeScope($scope4_id, { setHtml3 }, "__tests__/template.marko", "24:2", { setHtml3: "25:18" });
 			_assert_hoist(setHtml3);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-in-function/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-in-function/__snapshots__/html.bundle.debug.js
index a302cd03be7..c9ca9c024f1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-in-function/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-in-function/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                              ${_escape(typeof input.fn)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
                                              `);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                              ${_escape(typeof input.fn)}${_el_resume($scope0_id, "#text/0", _serialize_guard($scope0_reason, 0))}
                                              `);
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
 
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-script-read/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-script-read/__snapshots__/html.bundle.debug.js
index 3906d13bbe1..58c7d500c69 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-script-read/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-script-read/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                              ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/template.marko:5:1"), _html(`
                                              ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
index 7bd44eb44df..a943c38d9bb 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-from-dynamic/__snapshots__/html.bundle.debug.js
@@ -2,8 +2,8 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	const $scope0_reason = _scope_reason(), $sg__input_content = _serialize_guard($scope0_reason, 0);
 	const $scope0_id = _scope_id();
-	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content);
-	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content);
+	_dynamic_tag($scope0_id, "#text/0", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/child.marko:1:1");
+	_dynamic_tag($scope0_id, "#text/1", input.content, {}, 0, 0, $sg__input_content, "__tests__/tags/child.marko:2:1");
 	_serialize_if($scope0_reason, 0) && writeScope($scope0_id, {}, "__tests__/tags/child.marko", 0);
 });
 
@@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	child_default({ content: _content("__tests__/template.marko_1_content", () => {
 		_scope_reason();
 		const $scope1_id = _scope_id();
-		_html(`${_el_resume($scope1_id, "#span/0")}`);
+		_html_opens("__tests__/template.marko:4:3"), _html(`${_el_resume($scope1_id, "#span/0")}`);
 		_subscribe($child_content__subscribers, writeScope($scope1_id, {}, "__tests__/template.marko", "3:2"));
 	}) });
 	_dynamic_tag($scope0_id, "#text/1", input.show ? child_default : null, {}, _content_resume("__tests__/template.marko_2_content", () => {
@@ -30,7 +30,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		child_default({ content: _content("__tests__/template.marko_3_content", () => {
 			_scope_reason();
 			const $scope3_id = _scope_id();
-			_html(`
                                              ${_el_resume($scope3_id, "#div/0")}`);
+			_html_opens("__tests__/template.marko:17:5"), _html(`
                                              ${_el_resume($scope3_id, "#div/0")}`);
 			_subscribe($child_content2__subscribers, writeScope($scope3_id, {}, "__tests__/template.marko", "16:4"));
 		}) });
 		_script($scope2_id, "__tests__/template.marko_2");
@@ -38,13 +38,13 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			_: _scope_with_id($scope0_id),
 			"ClosureScopes:3": $child_content2__subscribers
 		}, "__tests__/template.marko", "15:4"));
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:15:1");
 	_dynamic_tag($scope0_id, "#text/2", input.show ? "section" : null, {}, _content_resume("__tests__/template.marko_4_content", () => {
 		const $scope4_id = _scope_id();
 		_scope_reason();
-		_html(`
                                              ${_el_resume($scope4_id, "#p/0")}`);
+		_html_opens("__tests__/template.marko:35:3"), _html(`
                                              ${_el_resume($scope4_id, "#p/0")}`);
 		_subscribe($inputshowsectionnull_content__subscribers, writeScope($scope4_id, {}, "__tests__/template.marko", "34:4"));
-	}, $scope0_id), 0, $sg__input_show);
+	}, $scope0_id), 0, $sg__input_show, "__tests__/template.marko:34:1");
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		"ClosureScopes:1": $child_content__subscribers,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-many/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-many/__snapshots__/html.bundle.debug.js
index 2e38a1f3d9f..3b594536744 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-many/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-many/__snapshots__/html.bundle.debug.js
@@ -5,23 +5,23 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $el3_getter = _hoist($scope0_id, "__tests__/template.marko_0_#li/hoist");
 	_for_to(5, 0, 1, () => {
 		const $scope1_id = _scope_id();
-		_html(`
                                              ${_el_resume($scope1_id, "#div/0")}`);
+		_html_opens("__tests__/template.marko:2:3"), _html(`
                                              ${_el_resume($scope1_id, "#div/0")}`);
 		writeScope($scope1_id, {}, "__tests__/template.marko", "1:2");
 	}, 0, $scope0_id, "#text/0", 1, 0, 0, 0, 1);
 	let to = 3;
-	_html("
                                              ");
+	_html_opens("__tests__/template.marko:12:1"), _html("
                                              ");
 	_for_to(to, 0, 1, () => {
 		const $scope2_id = _scope_id();
-		_html(`
                                              ${_el_resume($scope2_id, "#div/0")}`);
+		_html_opens("__tests__/template.marko:16:3"), _html(`
                                              ${_el_resume($scope2_id, "#div/0")}`);
 		writeScope($scope2_id, {}, "__tests__/template.marko", "15:2");
 	}, 0, $scope0_id, "#text/1", 1, 0, 0, 0, 1);
-	_html("
                                              ");
+	_html_opens("__tests__/template.marko:26:1"), _html("
                                              ");
 	_for_to(3, 0, 1, (i) => {
 		const $scope3_id = _scope_id();
-		_html("
                                                ");
+		_html_opens("__tests__/template.marko:29:3"), _html("
                                                  ");
 		_for_to(3, 0, 1, (j) => {
 			const $scope4_id = _scope_id();
-			_html(`${_el_resume($scope4_id, "#li/0")}`);
+			_html_opens("__tests__/template.marko:31:5"), _html(`${_el_resume($scope4_id, "#li/0")}`);
 			writeScope($scope4_id, {}, "__tests__/template.marko", "30:4");
 		}, 0, $scope3_id, "#ul/0", 1, 0, 0, 0, 1);
 		_html("
                                                ");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
index 8315fc9bced..84b70348898 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-minimum-scope/__snapshots__/html.bundle.debug.js
@@ -3,14 +3,14 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	const $el_getter = _hoist($scope0_id, "__tests__/template.marko_0_#div/hoist");
-	_html(`
                                                ${_el_resume($scope0_id, "#pre/0")}
                                                ${_el_resume($scope0_id, "#pre/1")}
                                                ${_el_resume($scope0_id, "#pre/2")}`);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:2:1", "__tests__/template.marko:3:1"), _html(`
                                                ${_el_resume($scope0_id, "#pre/0")}
                                                ${_el_resume($scope0_id, "#pre/1")}
                                                ${_el_resume($scope0_id, "#pre/2")}`);
 	_for_to(2, 0, 1, (i) => {
 		const $scope1_id = _scope_id();
 		const $for_content__$el_getter = _hoist($scope1_id, "__tests__/template.marko_1_#div/hoist");
 		_for_to(2, 0, 1, (j) => {
 			const $scope2_id = _scope_id();
 			const $for_content2__$el_getter = _hoist($scope2_id, "__tests__/template.marko_2_#div/hoist");
-			_html(`
                                    ${_el_resume($scope2_id, "#div/0")}`);
+			_html_opens("__tests__/template.marko:9:5"), _html(`
                                    ${_el_resume($scope2_id, "#div/0")}`);
 			_script($scope2_id, "__tests__/template.marko_2");
 			writeScope($scope2_id, { _: _scope_with_id($scope1_id) }, "__tests__/template.marko", "7:4");
 		}, 0, $scope1_id, "#text/0", 1, 0, 0, 0, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
index 86d2ca142e0..20d628c670a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope-calls-only/__snapshots__/html.bundle.debug.js
@@ -13,7 +13,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	child_default({ action: _resume(function() {
 		(($el) => $el())(_el_read_error).classList.add("child1");
 	}, "__tests__/template.marko_0/action", $scope0_id) });
-	_html(`
                                    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:3:1"), _html(`
                                    ${_el_resume($scope0_id, "#div/1")}`);
 	child_default({ action: _resume(function() {
 		(($el) => $el())(_el_read_error).classList.add("child2");
 	}, "__tests__/template.marko_0/action2", $scope0_id) });
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope/__snapshots__/html.bundle.debug.js
index 9c97e6aa741..680643d000f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var-same-scope/__snapshots__/html.bundle.debug.js
@@ -12,7 +12,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const $el_getter = _hoist($scope0_id, "__tests__/template.marko_0_#div/hoist");
 	child_default({ value: $el_getter });
-	_html(`
                                    ${_el_resume($scope0_id, "#div/1")}`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`
                                    ${_el_resume($scope0_id, "#div/1")}`);
 	child_default({ value: $el_getter });
 	writeScope($scope0_id, {}, "__tests__/template.marko", 0);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var/__snapshots__/html.bundle.debug.js
index 0d6e2b65900..d9247f95f71 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-native-tag-var/__snapshots__/html.bundle.debug.js
@@ -19,7 +19,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 				if (input.show) {
 					const $scope2_id = _scope_id();
 					const $el = _el($scope2_id, "__tests__/template.marko_2_#div");
-					_html(`
                                    ${_el_resume($scope2_id, "#div/0")}`);
+					_html_opens("__tests__/template.marko:3:5"), _html(`
                                    ${_el_resume($scope2_id, "#div/0")}`);
 					child_default({ value: $el });
 					writeScope($scope2_id, {}, "__tests__/template.marko", "2:4");
 					return 0;
@@ -30,11 +30,11 @@ var template_default = _template("__tests__/template.marko", (input) => {
 		}
 	}, $scope0_id, "#text/0", 1, $sg__input_show, $sg__input_show);
 	child_default({ value: $el_getter });
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:17:1"), _html("
                                    ");
 	_if(() => {
 		if (true) {
 			const $scope3_id = _scope_id();
-			_html(`
                                    ${_el_resume($scope3_id, "#div/0")}`);
+			_html_opens("__tests__/template.marko:20:3"), _html(`
                                    ${_el_resume($scope3_id, "#div/0")}`);
 			writeScope($scope3_id, {}, "__tests__/template.marko", "19:2");
 			return 0;
 		}
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-return-ref/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-return-ref/__snapshots__/html.bundle.debug.js
index 3f3256cd6b0..ec964985879 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-return-ref/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-return-ref/__snapshots__/html.bundle.debug.js
@@ -2,7 +2,7 @@
 var child_default = _template("__tests__/tags/child.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html(`
                                    ${_el_resume($scope0_id, "#div/0")}`);
+	_html_opens("__tests__/tags/child.marko:1:1"), _html(`
                                    ${_el_resume($scope0_id, "#div/0")}`);
 	_script($scope0_id, "__tests__/tags/child.marko_0_input");
 	writeScope($scope0_id, { input }, "__tests__/tags/child.marko", 0, { input: 0 });
 });
diff --git a/packages/runtime-tags/src/__tests__/fixtures/hoist-throws-in-render/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/hoist-throws-in-render/__snapshots__/html.bundle.debug.js
index 080b032f148..7db66bbde39 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/hoist-throws-in-render/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/hoist-throws-in-render/__snapshots__/html.bundle.debug.js
@@ -11,5 +11,5 @@ var template_default = _template("__tests__/template.marko", (input) => {
 			return 0;
 		}
 	}, $scope0_id, "#text/0", 1, 0, 0);
-	_html(`
                                    ${_escape(((x) => x())(_hoist_read_error))}
                                    `);
+	_html_opens("__tests__/template.marko:5:1"), _html(`
                                    ${_escape(((x) => x())(_hoist_read_error))}
                                    `);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/html.bundle.debug.js
index b492d9ac638..aa151a8b535 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let count = 0;
-	_html(`
                                    ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#comment/2")}
                                    `);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:3:3"), _html(`
                                    ${_el_resume($scope0_id, "#button/0")}${_el_resume($scope0_id, "#comment/2")}
                                    `);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { count }, "__tests__/template.marko", 0, { count: "2:8" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-comment-empty-dynamic/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-comment-empty-dynamic/__snapshots__/html.bundle.debug.js
index 097cab5a7fb..5ae5d79a99b 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-comment-empty-dynamic/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-comment-empty-dynamic/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	let text = "";
 	let raw = "";
-	_html(`${_el_resume($scope0_id, "#comment/0")}${_el_resume($scope0_id, "#comment/1")}${_el_resume($scope0_id, "#comment/2")}${_el_resume($scope0_id, "#comment/3")}${_el_resume($scope0_id, "#button/4")}`);
+	_html_opens("__tests__/template.marko:7:1"), _html(`${_el_resume($scope0_id, "#comment/0")}${_el_resume($scope0_id, "#comment/1")}${_el_resume($scope0_id, "#comment/2")}${_el_resume($scope0_id, "#comment/3")}${_el_resume($scope0_id, "#button/4")}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, {
 		text,
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-comment-static-unsafe/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-comment-static-unsafe/__snapshots__/html.bundle.debug.js
index e0fae6144c7..ea89eecb84f 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-comment-static-unsafe/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-comment-static-unsafe/__snapshots__/html.bundle.debug.js
@@ -2,5 +2,5 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
                                    after
                                    ");
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:3:3"), _html("
                                    after
                                    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/html.bundle.debug.js
index 2fb860bc51d..8ad739dece2 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/html.bundle.debug.js
@@ -15,11 +15,11 @@ var parent_el_default = _template("__tests__/tags/parent-el.marko", (input) => {
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
                                    ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                    ");
 	const $childScope = _peek_scope_id();
 	let divName = parent_el_default({});
 	_var($scope0_id, "#scopeOffset/1", $childScope, "__tests__/template.marko_0_divName/var");
-	_html(`${_escape(divName)}${_el_resume($scope0_id, "#text/2")}
                                    `);
+	_html_opens("__tests__/template.marko:6:1"), _html(`${_escape(divName)}${_el_resume($scope0_id, "#text/2")}
                                    `);
 	const $childScope2 = _peek_scope_id();
 	let spanName = parent_el_default({});
 	_var($scope0_id, "#scopeOffset/4", $childScope2, "__tests__/template.marko_0_spanName/var");
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-entity/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-entity/__snapshots__/html.bundle.debug.js
index 53b4ee4ff4c..7b119a5e3ec 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-entity/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-entity/__snapshots__/html.bundle.debug.js
@@ -2,5 +2,5 @@
 var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
-	_html("
                                    <div>
                                    ");
+	_html_opens("__tests__/template.marko:1:1"), _html("
                                    <div>
                                    ");
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-marked-end-tag-order/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-marked-end-tag-order/__snapshots__/html.bundle.debug.js
index 3e66ab2ef99..10833c71a88 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-marked-end-tag-order/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-marked-end-tag-order/__snapshots__/html.bundle.debug.js
@@ -3,7 +3,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_reason = _scope_reason();
 	const $scope0_id = _scope_id();
 	let n = 0;
-	_html(`t${_flush_head()}${_el_resume($scope0_id, "#button/1")}`), _trailers(`${_el_resume($scope0_id, "#html/0", _serialize_guard($scope0_reason, 0))}`);
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:2:3", "__tests__/template.marko:3:5", "__tests__/template.marko:5:3", "__tests__/template.marko:7:5"), _html(`t${_flush_head()}${_el_resume($scope0_id, "#button/1")}`), _trailers(`${_el_resume($scope0_id, "#html/0", _serialize_guard($scope0_reason, 0))}`);
 	_script($scope0_id, "__tests__/template.marko_0");
 	writeScope($scope0_id, { n }, "__tests__/template.marko", 0, { n: "6:10" });
 	_resume_branch($scope0_id);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-script-injection-adjacent/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-script-injection-adjacent/__snapshots__/html.bundle.debug.js
index 5e5d52be129..7a30f7d3d42 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-script-injection-adjacent/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-script-injection-adjacent/__snapshots__/html.bundle.debug.js
@@ -5,6 +5,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	let open = "<";
 	let close = "/script>";
 	let payload = "";
-	_html(`${_escape_script(`var x = '${_to_text(open)}${_to_text(close)}${_to_text(payload)}'`)}<\/script>`);
+	_html_opens("__tests__/template.marko:4:1"), _html(`${_escape_script(`var x = '${_to_text(open)}${_to_text(close)}${_to_text(payload)}'`)}<\/script>`);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-script-injection/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-script-injection/__snapshots__/html.bundle.debug.js
index 665ad7927e9..2b343767a8a 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-script-injection/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-script-injection/__snapshots__/html.bundle.debug.js
@@ -3,6 +3,6 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	_scope_reason();
 	const $scope0_id = _scope_id();
 	let injection = "<\/SCRIPT>";
-	_html(`${_escape_script(`var x = '${_to_text(injection)}'`)}<\/script>`);
+	_html_opens("__tests__/template.marko:2:1"), _html(`${_escape_script(`var x = '${_to_text(injection)}'`)}<\/script>`);
 	_resume_branch($scope0_id);
 }, 1);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/html-script-nonce/__snapshots__/html.bundle.debug.js b/packages/runtime-tags/src/__tests__/fixtures/html-script-nonce/__snapshots__/html.bundle.debug.js
index f1f1ec64d50..f8d328fdc26 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/html-script-nonce/__snapshots__/html.bundle.debug.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/html-script-nonce/__snapshots__/html.bundle.debug.js
@@ -4,7 +4,7 @@ var template_default = _template("__tests__/template.marko", (input) => {
 	const $scope0_id = _scope_id();
 	const spreadAttrs = { nonce: "override-spread" };
 	let mounted = false;
-	_html(`
+	_html_opens("__tests__/template.marko:1:1", "__tests__/template.marko:6:1", "__tests__/template.marko:11:1"), _html(`
   A
 <\/script>
                                    ", [
+          "a:1:1",
+        ]),
+      ));
+    it("textarea holding markup characters", () =>
+      assertClean(html("
                                    ", ["a:1:1"])));
+    it("a longer tag name does not end raw text", () =>
+      assertClean(
+        html("
                                    ", ["a:1:1"]),
+        html("
                                    a</titlebar>b
                                    ", ["a:1:1"]),
+      ));
+    it("unterminated raw text runs to the end", () =>
+      assertClean(html("
                                    ";
+    if (MARKO_DEBUG) {
+      this.structurePending = undefined;
+      this.structureSegments = undefined;
     }
 
+    const scriptHTML = scripts
+      ? "" + scripts + ""
+      : "";
+    if (scriptHTML) html += scriptHTML;
+
+    // Page asset flush normally only prepends; a true rewrite is rare.
+    let flushPrefix = "";
+    let flushRewrote = false;
     if (__flush__) {
       $global.__flush__ = undefined;
-      html = __flush__($global, html);
+      const beforeFlush = html;
+      html = __flush__($global, beforeFlush);
+      if (html.length >= beforeFlush.length && html.endsWith(beforeFlush)) {
+        flushPrefix = html.slice(0, html.length - beforeFlush.length);
+      } else {
+        flushRewrote = true;
+      }
     }
 
-    if (!boundary.count) {
-      html += state.trailerHTML;
+    const trailerHTML = boundary.count ? "" : state.trailerHTML;
+    if (trailerHTML) html += trailerHTML;
+
+    if (MARKO_DEBUG) {
+      // Fed in flush order so the element stack matches the byte stream the
+      // browser parses, which is what decides how the markup is restructured.
+      if (flushRewrote) {
+        // A full rewrite discards per-tag segments; scan the final document.
+        (state.validateStructure ||= createStructureValidator())([
+          { kind: SegmentKind.Runtime, html },
+        ]);
+      } else {
+        const segments = structureSegments ? structureSegments.slice() : [];
+        if (flushPrefix) {
+          segments.unshift({ kind: SegmentKind.Runtime, html: flushPrefix });
+        }
+        if (scriptHTML)
+          segments.push({ kind: SegmentKind.Runtime, html: scriptHTML });
+        if (trailerHTML)
+          segments.push({ kind: SegmentKind.Runtime, html: trailerHTML });
+        if (segments.length) {
+          (state.validateStructure ||= createStructureValidator())(segments);
+        }
+      }
     }
 
     return html;
diff --git a/packages/runtime-tags/src/translator/core/if.ts b/packages/runtime-tags/src/translator/core/if.ts
index 2b4a565826c..0fd5f1559ed 100644
--- a/packages/runtime-tags/src/translator/core/if.ts
+++ b/packages/runtime-tags/src/translator/core/if.ts
@@ -59,6 +59,7 @@ import analyzeTagNameType, { TagNameType } from "../util/tag-name-type";
 import toFirstStatementOrBlock from "../util/to-first-statement-or-block";
 import { translateByTarget } from "../util/visitors";
 import * as walks from "../util/walks";
+import withPreviousLocation from "../util/with-previous-location";
 import * as writer from "../util/writer";
 import { kSkipEndTag } from "../visitors/tag/native-tag";
 
@@ -485,7 +486,10 @@ export function flattenTextOnlyConditional(rootTag: t.NodePath) {
   for (let i = branches.length; i-- > 1;) {
     branches[i].remove();
   }
-  const placeholder = t.markoPlaceholder(expr, true);
+  const placeholder = withPreviousLocation(
+    t.markoPlaceholder(expr, true),
+    rootTag.node,
+  );
   if (rawText) {
     (placeholder.extra ??= {})[kRawText] = true;
   }
diff --git a/packages/runtime-tags/src/translator/core/show.ts b/packages/runtime-tags/src/translator/core/show.ts
index f21856a3dba..332ac5e2ba4 100644
--- a/packages/runtime-tags/src/translator/core/show.ts
+++ b/packages/runtime-tags/src/translator/core/show.ts
@@ -3,6 +3,7 @@ import {
   assertNoArgs,
   assertNoParams,
   assertNoVar,
+  isTransparentTag,
   type Tag,
 } from "@marko/compiler/babel-utils";
 
@@ -17,6 +18,7 @@ import {
   getOnlyChildParentTagName,
   getOptimizedOnlyChildNodeBinding,
 } from "../util/is-only-child-in-parent";
+import { isOptimize, isOutputHTML } from "../util/marko-config";
 import {
   type Binding,
   BindingType,
@@ -144,6 +146,8 @@ export default {
         if (staticDisplay === true) return;
 
         if (staticDisplay === false) {
+          // Attribute the injected wrapper to this `` if it is discarded.
+          writer.recordOpenTag(tag);
           writer.writeTo(tag)`
                                    …` is rejected the same as a direct child.
+  let parent = getParentTag(tag);
+  while (parent && isTransparentTag(parent)) {
+    parent = getParentTag(parent);
+  }
+  const parentName = parent?.node.name;
   if (
     t.isStringLiteral(parentName) &&
     discardsWrapperChildren(parentName.value)
@@ -356,7 +381,7 @@ function assertLegalHiddenContext(tag: t.NodePath) {
     throw tag
       .get("name")
       .buildCodeFrameError(
-        `A [\`<${getTagName(tag)}>\` tag](https://markojs.com/docs/reference/core-tag#show) cannot be a direct child of \`<${parentName.value}>\`: hidden content is wrapped in an element that \`<${parentName.value}>\` discards, which would render the content instead of hiding it. Move the \`<${getTagName(tag)}>\` inside the row or option, or use [\`\`](https://markojs.com/docs/reference/core-tag#if).`,
+        `A [\`<${getTagName(tag)}>\` tag](https://markojs.com/docs/reference/core-tag#show) cannot be used inside \`<${parentName.value}>\`: hidden content is wrapped in an element that \`<${parentName.value}>\` discards, which would render the content instead of hiding it. Move the \`<${getTagName(tag)}>\` inside the row or option, or use [\`\`](https://markojs.com/docs/reference/core-tag#if).`,
       );
   }
 }
diff --git a/packages/runtime-tags/src/translator/util/normalize-string-expression.ts b/packages/runtime-tags/src/translator/util/normalize-string-expression.ts
index d543bc21bb0..981b07adeea 100644
--- a/packages/runtime-tags/src/translator/util/normalize-string-expression.ts
+++ b/packages/runtime-tags/src/translator/util/normalize-string-expression.ts
@@ -73,7 +73,12 @@ export default function normalizeStringExpression(
 }
 
 export function appendLiteral(arr: unknown[], str: string) {
-  arr[arr.length - 1] += str;
+  const last = arr.length - 1;
+  if (typeof arr[last] === "string") {
+    arr[last] += str;
+  } else {
+    arr.push(str);
+  }
 }
 
 export function escapeTemplateRaw(raw: string) {
diff --git a/packages/runtime-tags/src/translator/util/writer.ts b/packages/runtime-tags/src/translator/util/writer.ts
index edaac466d9d..ab0db373f14 100644
--- a/packages/runtime-tags/src/translator/util/writer.ts
+++ b/packages/runtime-tags/src/translator/util/writer.ts
@@ -7,7 +7,7 @@ import {
   type Section,
 } from "../util/sections";
 import { generateUidIdentifier } from "./generate-uid";
-import { isOutputHTML } from "./marko-config";
+import { isOptimize, isOutputHTML } from "./marko-config";
 import normalizeStringExpression, {
   appendLiteral,
 } from "./normalize-string-expression";
@@ -23,8 +23,16 @@ import { createSectionState } from "./state";
 import { getWalkString } from "./walks";
 
 type Write = string | t.Expression | (() => undefined | string | t.Expression);
-const [getWrites] = createSectionState("writes", () => [""]);
+// Segment barriers: open-tag sources stay ordered; raw forces its own write.
+const OPEN = Symbol("open");
+const RAW = Symbol("raw");
+const RUNTIME = Symbol("runtime");
+type OpenMarker = { [OPEN]: string | undefined };
+type RawMarker = { [RAW]: string | undefined; value: t.Expression };
+type RuntimeMarker = { [RUNTIME]: true };
+type WriteOrMarker = Write | OpenMarker | RawMarker | RuntimeMarker;
 
+const [getWrites] = createSectionState("writes", () => [""]);
 const [getTrailerWrites] = createSectionState<(string | t.Expression)[]>(
   "trailerWrites",
   () => [""],
@@ -44,18 +52,107 @@ export function writeTo(path: t.NodePath, trailer?: boolean) {
   };
 }
 
+export function recordOpenTag(path: t.NodePath) {
+  if (!isOutputHTML() || isOptimize()) return;
+  const loc = internLoc(path);
+  if (loc === undefined) return;
+  getWrites(getSection(path)).push({ [OPEN]: loc });
+}
+
+// Next write is runtime-injected markup (no template source).
+export function writeRuntimeHTML(path: t.NodePath) {
+  return (strs: TemplateStringsArray, ...exprs: Write[]): void => {
+    if (isOutputHTML() && !isOptimize()) {
+      getWrites(getSection(path)).push({ [RUNTIME]: true });
+    }
+    writeTo(path)(strs, ...exprs);
+  };
+}
+
+// Unescaped raw HTML as its own `_html` segment (value is not mixed into neighbors).
+export function writeRawHTML(path: t.NodePath, value: t.Expression) {
+  const section = getSection(path);
+  const writes = getWrites(section);
+  if (isOutputHTML() && !isOptimize()) {
+    writes.push({ [RAW]: internLoc(path), value });
+  } else {
+    writes.push(value, "");
+  }
+}
+
 export function consumeHTML(path: t.NodePath) {
   const section = getSection(path);
   const writes = getWrites(section);
   const trailers = getTrailerWrites(section);
-  const writeResult = normalizeStringExpression(writes.map(unwrapWrite));
   const trailerResult = normalizeStringExpression(trailers);
+  const track = isOutputHTML() && !isOptimize();
+  let htmlCalls: t.Expression[] | undefined;
+
+  if (track) {
+    htmlCalls = [];
+    let parts: Write[] = [];
+    let opens: (string | undefined)[] = [];
+    let runtime = false;
+
+    const flush = () => {
+      const result = normalizeStringExpression(parts.map(unwrapWrite));
+      parts = [];
+      if (!result) {
+        opens = [];
+        runtime = false;
+        return;
+      }
+      if (runtime || !opens.length) {
+        htmlCalls!.push(callRuntime("_html", result));
+      } else {
+        htmlCalls!.push(
+          callRuntime("_html_opens", ...opens.map(locLiteral)),
+          callRuntime("_html", result),
+        );
+      }
+      opens = [];
+      runtime = false;
+    };
+
+    for (const write of writes) {
+      if (isOpenMarker(write)) {
+        if (runtime) flush();
+        opens.push(write[OPEN]);
+      } else if (isRawMarker(write)) {
+        flush();
+        htmlCalls!.push(
+          callRuntime(
+            "_html_raw",
+            write[RAW] === undefined ? undefined : t.stringLiteral(write[RAW]),
+          ),
+          callRuntime("_html", write.value),
+        );
+      } else if (isRuntimeMarker(write)) {
+        flush();
+        runtime = true;
+      } else {
+        parts.push(write);
+      }
+    }
+    flush();
+  }
+
+  const writeResult = track
+    ? undefined
+    : normalizeStringExpression((writes as Write[]).map(unwrapWrite));
   writes.length = 0;
   writes[0] = "";
   trailers.length = 0;
   trailers[0] = "";
 
-  if (writeResult && trailerResult) {
+  if (htmlCalls?.length) {
+    const calls = trailerResult
+      ? [...htmlCalls, callRuntime("_trailers", trailerResult)]
+      : htmlCalls;
+    return t.expressionStatement(
+      calls.length === 1 ? calls[0] : t.sequenceExpression(calls),
+    );
+  } else if (writeResult && trailerResult) {
     return t.expressionStatement(
       t.sequenceExpression([
         callRuntime("_html", writeResult),
@@ -105,7 +202,11 @@ export const [getSectionMeta] = createSectionState(
     const meta = {
       walks: getWalkString(section),
       writes: normalizeStringExpression(
-        [writePrefix, ...writes.map(unwrapWrite), writePostfix],
+        [
+          writePrefix,
+          ...writes.filter((w): w is Write => !isMarker(w)).map(unwrapWrite),
+          writePostfix,
+        ],
         true,
       ),
       decls: undefined,
@@ -166,6 +267,40 @@ export function markNode(
   }
 }
 
+export function formatNodeSource(path: t.NodePath) {
+  const { loc } = path.node;
+  if (!loc) return;
+  const file =
+    (path.hub.file.opts.filenameRelative as string) ||
+    (path.hub.file.opts.filename as string);
+  return `${file}:${loc.start.line}:${loc.start.column + 1}`;
+}
+
+function internLoc(path: t.NodePath) {
+  return formatNodeSource(path);
+}
+
+// A position is referenced once, so a lookup table would never dedupe anything.
+function locLiteral(source: string | undefined) {
+  return source === undefined ? t.numericLiteral(0) : t.stringLiteral(source);
+}
+
 function unwrapWrite(write: Write) {
   return typeof write === "function" ? write() || "" : write;
 }
+
+function isOpenMarker(write: WriteOrMarker): write is OpenMarker {
+  return typeof write === "object" && write !== null && OPEN in write;
+}
+
+function isRawMarker(write: WriteOrMarker): write is RawMarker {
+  return typeof write === "object" && write !== null && RAW in write;
+}
+
+function isRuntimeMarker(write: WriteOrMarker): write is RuntimeMarker {
+  return typeof write === "object" && write !== null && RUNTIME in write;
+}
+
+function isMarker(write: WriteOrMarker) {
+  return isOpenMarker(write) || isRawMarker(write) || isRuntimeMarker(write);
+}
diff --git a/packages/runtime-tags/src/translator/visitors/placeholder.ts b/packages/runtime-tags/src/translator/visitors/placeholder.ts
index d73a3e6418d..cd990b004d7 100644
--- a/packages/runtime-tags/src/translator/visitors/placeholder.ts
+++ b/packages/runtime-tags/src/translator/visitors/placeholder.ts
@@ -6,7 +6,7 @@ import { injectTextCoercion, kRawText } from "../util/body-to-text-literal";
 import evaluate from "../util/evaluate";
 import { isCoreTagName } from "../util/is-core-tag";
 import { isNonHTMLText } from "../util/is-non-html-text";
-import { isOutputHTML } from "../util/marko-config";
+import { isOptimize, isOutputHTML } from "../util/marko-config";
 import normalizeStringExpression from "../util/normalize-string-expression";
 import {
   type Binding,
@@ -113,7 +113,16 @@ export default {
           : "_html";
 
       if (confident && canWriteHTML) {
-        write`${getHTMLRuntime()[method as HTMLMethod](computed)}`;
+        if (isHTML && !isOptimize() && method === "_unescaped") {
+          writer.writeRawHTML(
+            placeholder,
+            t.stringLiteral(
+              getHTMLRuntime()[method as HTMLMethod](computed) as string,
+            ),
+          );
+        } else {
+          write`${getHTMLRuntime()[method as HTMLMethod](computed)}`;
+        }
       } else {
         const section = getSection(placeholder);
         const siblingText = extra[kSiblingText]!;
@@ -144,11 +153,19 @@ export default {
         }
 
         if (isHTML) {
-          write`${
-            method === "_escape"
-              ? buildEscapedTextExpression(value)
-              : callRuntime(method as HTMLMethod | DOMMethod, value)
-          }`;
+          if (!isOptimize() && method === "_unescaped") {
+            // Own segment so tags inside $!{...} do not shift ordered open sources.
+            writer.writeRawHTML(
+              placeholder,
+              callRuntime(method as HTMLMethod | DOMMethod, value),
+            );
+          } else {
+            write`${
+              method === "_escape"
+                ? buildEscapedTextExpression(value)
+                : callRuntime(method as HTMLMethod | DOMMethod, value)
+            }`;
+          }
           if (nodeBinding) {
             writer.markNode(placeholder, nodeBinding, markerSerializeReason);
           }
diff --git a/packages/runtime-tags/src/translator/visitors/tag/dynamic-tag.ts b/packages/runtime-tags/src/translator/visitors/tag/dynamic-tag.ts
index 72039d0dbf0..6cdd1848a22 100644
--- a/packages/runtime-tags/src/translator/visitors/tag/dynamic-tag.ts
+++ b/packages/runtime-tags/src/translator/visitors/tag/dynamic-tag.ts
@@ -440,6 +440,10 @@ export default {
           serializeReason,
           true,
         );
+        const dynamicSourceStr = !isOptimize() && writer.formatNodeSource(tag);
+        const dynamicSource = dynamicSourceStr
+          ? t.stringLiteral(dynamicSourceStr)
+          : undefined;
         const dynamicTagExpr = hasTagArgs
           ? callRuntime(
               "_dynamic_tag",
@@ -452,6 +456,7 @@ export default {
               contentProp ? contentProp.value : t.numericLiteral(0),
               t.numericLiteral(1),
               serializeArg,
+              dynamicSource,
             )
           : callRuntime(
               "_dynamic_tag",
@@ -462,6 +467,7 @@ export default {
               args[1] || (serializeArg ? t.numericLiteral(0) : undefined),
               serializeArg ? t.numericLiteral(0) : undefined,
               serializeArg,
+              dynamicSource,
             );
 
         if (node.var) {
diff --git a/packages/runtime-tags/src/translator/visitors/tag/native-tag.ts b/packages/runtime-tags/src/translator/visitors/tag/native-tag.ts
index f45d6588915..55bacf64eb6 100644
--- a/packages/runtime-tags/src/translator/visitors/tag/native-tag.ts
+++ b/packages/runtime-tags/src/translator/visitors/tag/native-tag.ts
@@ -409,6 +409,7 @@ export default {
         }
 
         write`<${tagName}`;
+        writer.recordOpenTag(tag);
 
         if (injectNonce) {
           write`${callRuntime("_attr_nonce")}`;
@@ -750,6 +751,7 @@ export default {
         }
 
         write`<${tagName}`;
+        writer.recordOpenTag(tag);
 
         const {
           staticAttrs,

                                    ${_el_resume($scope1_id, "#button/1")}
                                    ${_el_resume($scope1_id, "#button/1")}