diff --git a/.changeset/hip-dryers-hunt.md b/.changeset/hip-dryers-hunt.md
new file mode 100644
index 0000000000..35756b67dc
--- /dev/null
+++ b/.changeset/hip-dryers-hunt.md
@@ -0,0 +1,9 @@
+---
+"@marko/translator-default": minor
+"@marko/translator-tags": minor
+"@marko/babel-utils": minor
+"@marko/compiler": minor
+"marko": minor
+---
+
+Replace `optimizeKnownTemplates` with a better an simpler `optimizeRegistryId` api.
diff --git a/.sizes.json b/.sizes.json
index 721c56783a..c1475cbc4d 100644
--- a/.sizes.json
+++ b/.sizes.json
@@ -14,61 +14,61 @@
{
"name": "counter",
"user": {
- "min": 222,
- "brotli": 159
+ "min": 208,
+ "brotli": 146
},
"runtime": {
"min": 3737,
"brotli": 1580
},
"total": {
- "min": 3959,
- "brotli": 1739
+ "min": 3945,
+ "brotli": 1726
}
},
{
"name": "counter 💧",
"user": {
- "min": 137,
- "brotli": 114
+ "min": 130,
+ "brotli": 125
},
"runtime": {
"min": 3137,
"brotli": 1416
},
"total": {
- "min": 3274,
- "brotli": 1530
+ "min": 3267,
+ "brotli": 1541
}
},
{
"name": "comments",
"user": {
- "min": 1028,
- "brotli": 518
+ "min": 1000,
+ "brotli": 491
},
"runtime": {
"min": 7744,
"brotli": 3141
},
"total": {
- "min": 8772,
- "brotli": 3659
+ "min": 8744,
+ "brotli": 3632
}
},
{
"name": "comments 💧",
"user": {
- "min": 872,
- "brotli": 470
+ "min": 851,
+ "brotli": 449
},
"runtime": {
"min": 8751,
"brotli": 3547
},
"total": {
- "min": 9623,
- "brotli": 4017
+ "min": 9602,
+ "brotli": 3996
}
}
]
diff --git a/.sizes/comments.csr/entry.js b/.sizes/comments.csr/entry.js
index 2c0e723bd2..37d62bfaab 100644
--- a/.sizes/comments.csr/entry.js
+++ b/.sizes/comments.csr/entry.js
@@ -1,4 +1,4 @@
-// size: 1028 (min) 518 (brotli)
+// size: 1000 (min) 491 (brotli)
const _expr_comment_id$ifBody = intersection(
2,
(_scope) => {
@@ -12,7 +12,7 @@ const _expr_comment_id$ifBody = intersection(
_id$ifBody = closure(8, 0, void 0, () => _expr_comment_id$ifBody),
_comment$ifBody = closure(6, 0, void 0, () => _expr_comment_id$ifBody),
_ifBody = register(
- "QURHKITf",
+ "c",
createRenderer(
"
",
"/ b&",
@@ -34,7 +34,7 @@ const _expr_comment_id$ifBody = intersection(
() => _id$forBody,
),
_if$forBody = conditional(4),
- _open$forBody_effect = effect("ZcKJNKFe", (_scope) =>
+ _open$forBody_effect = effect("d", (_scope) =>
on(
_scope[2],
"click",
@@ -76,7 +76,7 @@ const _expr_comment_id$ifBody = intersection(
_for = loopOf(
0,
register(
- "$F_EaYZk",
+ "e",
createRenderer(
" ",
" E l D l%",
@@ -107,7 +107,7 @@ function _setup_(_scope) {
_scope[0];
}
createTemplate(
- "rUbTinTf",
+ "a",
"",
"/ b&",
_setup_,
diff --git a/.sizes/comments.ssr/entry.js b/.sizes/comments.ssr/entry.js
index eae7d1a9df..a505bfefba 100644
--- a/.sizes/comments.ssr/entry.js
+++ b/.sizes/comments.ssr/entry.js
@@ -1,4 +1,4 @@
-// size: 872 (min) 470 (brotli)
+// size: 851 (min) 449 (brotli)
const _expr_comment_id$ifBody = intersection(
2,
(_scope) => {
@@ -12,7 +12,7 @@ const _expr_comment_id$ifBody = intersection(
_id$ifBody = closure(8, 0, void 0, () => _expr_comment_id$ifBody),
_comment$ifBody = closure(6, 0, void 0, () => _expr_comment_id$ifBody),
_ifBody = register(
- "QURHKITf",
+ "c",
createRenderer(
"",
"/ b&",
@@ -34,7 +34,7 @@ const _expr_comment_id$ifBody = intersection(
() => _id$forBody,
),
_if$forBody = conditional(4),
- _open$forBody_effect = effect("ZcKJNKFe", (_scope) =>
+ _open$forBody_effect = effect("d", (_scope) =>
on(
_scope[2],
"click",
@@ -76,7 +76,7 @@ const _expr_comment_id$ifBody = intersection(
_for = loopOf(
0,
register(
- "$F_EaYZk",
+ "e",
createRenderer(
" ",
" E l D l%",
diff --git a/.sizes/counter.csr/entry.js b/.sizes/counter.csr/entry.js
index 989e72eacf..d0d4b9c89b 100644
--- a/.sizes/counter.csr/entry.js
+++ b/.sizes/counter.csr/entry.js
@@ -1,5 +1,5 @@
-// size: 222 (min) 159 (brotli)
-const _clickCount_effect = effect("XBSGKvBc", (_scope) =>
+// size: 208 (min) 146 (brotli)
+const _clickCount_effect = effect("b", (_scope) =>
on(
_scope[0],
"click",
@@ -17,9 +17,4 @@ const _clickCount_effect = effect("XBSGKvBc", (_scope) =>
function _setup_(_scope) {
_clickCount(_scope, 0);
}
-createTemplate(
- "tPaZsVqd",
- "",
- "D D m",
- _setup_,
-).mount();
+createTemplate("a", "", "D D m", _setup_).mount();
diff --git a/.sizes/counter.ssr/entry.js b/.sizes/counter.ssr/entry.js
index 6350afd914..4cb6099428 100644
--- a/.sizes/counter.ssr/entry.js
+++ b/.sizes/counter.ssr/entry.js
@@ -1,5 +1,5 @@
-// size: 137 (min) 114 (brotli)
-const _clickCount_effect = effect("XBSGKvBc", (_scope) =>
+// size: 130 (min) 125 (brotli)
+const _clickCount_effect = effect("b", (_scope) =>
on(
_scope[0],
"click",
diff --git a/packages/babel-utils/src/tags.js b/packages/babel-utils/src/tags.js
index 36d09541c8..1a62b1fdbe 100644
--- a/packages/babel-utils/src/tags.js
+++ b/packages/babel-utils/src/tags.js
@@ -317,51 +317,28 @@ function resolveMarkoFile(file, filename) {
}
const idCache = new WeakMap();
+const templateIdHashOpts = { outputLength: 5 };
export function getTemplateId(opts, request, child) {
const id = relative(ROOT, request);
const optimize = typeof opts === "object" ? opts.optimize : opts;
if (optimize) {
- const optimizeKnownTemplates =
- typeof opts === "object" && opts.optimizeKnownTemplates;
- const knownTemplatesSize = optimizeKnownTemplates?.length || 0;
-
- if (knownTemplatesSize) {
- let lookup = idCache.get(optimizeKnownTemplates);
- if (!lookup) {
- lookup = new Map();
- idCache.set(optimizeKnownTemplates, lookup);
- for (let i = 0; i < knownTemplatesSize; i++) {
- lookup.set(optimizeKnownTemplates[i], {
- id: encodeTemplateId(i),
- children: new Map(),
- });
- }
- }
- let registered = lookup.get(request);
- if (registered) {
- if (child) {
- let childId = registered.children.get(child);
- if (childId === undefined) {
- childId = registered.children.size;
- registered.children.set(child, childId);
- }
- return registered.id + childId;
- }
-
- return registered.id;
- }
- }
+ const optimizeRegistryId =
+ typeof opts === "object" && opts.optimizeRegistryId;
- const hash = createHash("MD5").update(id);
+ if (optimizeRegistryId) {
+ const result = optimizeRegistryId(
+ child ? request + "_" + child : request,
+ );
+ return typeof result === "number" ? encodeTemplateId(result) : result;
+ }
+ const hash = createHash("shake256", templateIdHashOpts).update(id);
if (child) {
hash.update(child);
}
- return encodeTemplateId(
- parseInt(hash.digest("hex").slice(0, 11), 16) + knownTemplatesSize,
- );
+ return encodeTemplateId(parseInt(hash.digest("hex"), 16));
}
return id + (child ? `_${child}` : "");
@@ -414,18 +391,21 @@ function createNewFileOpts(opts, filename) {
};
}
-const ENCODE_CHARS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_";
-const ENCODE_CHARS_LEN = ENCODE_CHARS.length;
-
function encodeTemplateId(index) {
- let id = "";
+ const encodeChars =
+ "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789";
+ const encodeLen = encodeChars.length;
+ const encodeStartLen = encodeLen - 11; // Avoids chars that cannot start a property name and _ (reserved).
let cur = index;
-
- do {
- const mod = cur % ENCODE_CHARS_LEN;
- id += ENCODE_CHARS[mod];
- cur = (cur - mod) / ENCODE_CHARS_LEN;
- } while (cur > 0);
+ let mod = cur % encodeStartLen;
+ let id = encodeChars[mod];
+ cur = (cur - mod) / encodeStartLen;
+
+ while (cur > 0) {
+ mod = cur % encodeLen;
+ id += encodeChars[mod];
+ cur = (cur - mod) / encodeLen;
+ }
return id;
}
diff --git a/packages/compiler/config.d.ts b/packages/compiler/config.d.ts
index 76c4e68211..01436a08e0 100644
--- a/packages/compiler/config.d.ts
+++ b/packages/compiler/config.d.ts
@@ -24,7 +24,7 @@ declare const Config: {
hydrateIncludeImports?: RegExp | ((request: string) => boolean);
hydrateInit?: boolean;
optimize?: boolean;
- optimizeKnownTemplates?: string[];
+ optimizeRegistryId?: (request: string) => string | number;
cache?: Map;
hot?: boolean;
/** @deprecated */
diff --git a/packages/compiler/src/config.js b/packages/compiler/src/config.js
index af5f5a1ee9..26689fd26d 100644
--- a/packages/compiler/src/config.js
+++ b/packages/compiler/src/config.js
@@ -114,11 +114,10 @@ const config = {
optimize: undefined,
/**
- * If `optimize` is enabled you can provide an array of template paths which the compiler will
- * use to generate shorter registry/template ids using incrementing ids. This can only be used
- * if the same `optimizeKnownTemplates` are used for both server and client compilations.
+ * If `optimize` is enabled this function will be called to resolve the "template id" used for Marko's
+ * hydration registry.
*/
- optimizeKnownTemplates: undefined,
+ optimizeRegistryId: undefined,
/**
* This option should be set if `hydrate` output is specified.
diff --git a/packages/marko/docs/compiler.md b/packages/marko/docs/compiler.md
index da8e77cd76..c276ac0fbf 100644
--- a/packages/marko/docs/compiler.md
+++ b/packages/marko/docs/compiler.md
@@ -206,12 +206,17 @@ Default: [environment based](https://github.com/marko-js/marko/blob/0f212897d2d3
Enables production mode optimizations.
-#### `optimizeKnownTemplates`
+#### `optimizeRegistryId`
-Type: `string[]`
+Type: `(request: string) => string | number`
Default: `undefined`
-If `optimize` is enabled you can provide an array of template paths which the compiler will use to generate shorter registry/template ids using incrementing ids. This can only be used if the same `optimizeKnownTemplates` are used for both server and client compilations.
+If `optimize` is enabled this function will be called with each "template id" / "registry id" that Marko uses for hydration.
+The function must return a number (which will be encoded) or a string which is used verbatim.
+
+It is _required_ that when a template is compiled for the server it is given the same id when it is compiled for the browser.
+
+Without this function Marko will use a generic hash of the raw `request` id.
#### `resolveVirtualDependency`
diff --git a/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/htmlProduction-expected.js
index 2930a635d8..2d0a426a10 100644
--- a/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "kxPbdNSf",
+const _marko_componentType = "EfEqrWk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdomProduction-expected.js
index 2edf0db6e8..422dc9dd85 100644
--- a/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tag-inside-if-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "kxPbdNSf",
+const _marko_componentType = "EfEqrWk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/htmlProduction-expected.js
index 3c473026cb..5e4053a576 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "sUNz$TS",
+const _marko_componentType = "Dpsy1jc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdomProduction-expected.js
index d5165eca4d..a340ce02d9 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-and-static/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "sUNz$TS",
+const _marko_componentType = "Dpsy1jc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/htmlProduction-expected.js
index 691420d169..ae20f33ba0 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "NFoDYqBe",
+const _marko_componentType = "nMR2LCn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdomProduction-expected.js
index 3e946a214f..a805286c82 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-tag-parent/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "NFoDYqBe",
+const _marko_componentType = "nMR2LCn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/htmlProduction-expected.js
index dd3d479c5c..8f50f831dc 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "mPcXYlXc",
+const _marko_componentType = "Qmm9QYd",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/vdomProduction-expected.js
index c9176be65d..94be7e51b8 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic-with-params/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "mPcXYlXc",
+const _marko_componentType = "Qmm9QYd",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/htmlProduction-expected.js
index 16e731df41..a36a8066b8 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "LOwmoBub",
+const _marko_componentType = "cEWK9zh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/vdomProduction-expected.js
index 3f818e9ecd..49882e2844 100644
--- a/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-dynamic/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "LOwmoBub",
+const _marko_componentType = "cEWK9zh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/htmlProduction-expected.js
index da59e6662f..bdd629574b 100644
--- a/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ktPbis$k",
+const _marko_componentType = "DjhFd_l",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/vdomProduction-expected.js
index bb8deb0786..1037e716e7 100644
--- a/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-repeated-longhand/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ktPbis$k",
+const _marko_componentType = "DjhFd_l",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { r as _marko_repeated_attr_tag, a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/htmlProduction-expected.js
index b1a020145d..6d2e80f6fa 100644
--- a/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "jRyKrJEm",
+const _marko_componentType = "bLRbqor",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/vdomProduction-expected.js
index 74b144cbd2..3b5faf852f 100644
--- a/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags-with-key/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "jRyKrJEm",
+const _marko_componentType = "bLRbqor",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/at-tags/snapshots/htmlProduction-expected.js
index 8b1bfcf9c0..62641b4f56 100644
--- a/packages/translator-default/test/fixtures/at-tags/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "dYgc$jSg",
+const _marko_componentType = "zJmDstd",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/at-tags/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/at-tags/snapshots/vdomProduction-expected.js
index a7e0101dd9..8a77fa0967 100644
--- a/packages/translator-default/test/fixtures/at-tags/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/at-tags/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "dYgc$jSg",
+const _marko_componentType = "zJmDstd",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/attr-boolean/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-boolean/snapshots/htmlProduction-expected.js
index ded2c93a3e..2c7d103817 100644
--- a/packages/translator-default/test/fixtures/attr-boolean/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-boolean/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "SKefyeE",
+const _marko_componentType = "wNX4eYb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/attr-boolean/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-boolean/snapshots/vdomProduction-expected.js
index cc3095ce03..3d625be432 100644
--- a/packages/translator-default/test/fixtures/attr-boolean/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-boolean/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "SKefyeE",
+const _marko_componentType = "wNX4eYb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/attr-class/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-class/snapshots/htmlProduction-expected.js
index 51fc0129ee..e1a153c842 100644
--- a/packages/translator-default/test/fixtures/attr-class/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-class/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "LmLeMzYd",
+const _marko_componentType = "DLD1hjc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-class/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-class/snapshots/vdomProduction-expected.js
index 0e01ed684b..6d3f7a8a2e 100644
--- a/packages/translator-default/test/fixtures/attr-class/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-class/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "LmLeMzYd",
+const _marko_componentType = "DLD1hjc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-escape/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-escape/snapshots/htmlProduction-expected.js
index 2ec62538c4..52d0883102 100644
--- a/packages/translator-default/test/fixtures/attr-escape/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-escape/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "WJodxLLd",
+const _marko_componentType = "T6Z3TFf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-escape/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-escape/snapshots/vdomProduction-expected.js
index 68267db77a..9145cb3c9d 100644
--- a/packages/translator-default/test/fixtures/attr-escape/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-escape/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "WJodxLLd",
+const _marko_componentType = "T6Z3TFf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-falsey/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-falsey/snapshots/htmlProduction-expected.js
index 8cbd0139fd..9c96e74fc3 100644
--- a/packages/translator-default/test/fixtures/attr-falsey/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-falsey/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "hTUpofGm",
+const _marko_componentType = "ZNbuIPk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/attr-falsey/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-falsey/snapshots/vdomProduction-expected.js
index 208446d1a5..241309f4fc 100644
--- a/packages/translator-default/test/fixtures/attr-falsey/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-falsey/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "hTUpofGm",
+const _marko_componentType = "ZNbuIPk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/htmlProduction-expected.js
index e0ce026a32..bf55b5635d 100644
--- a/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "rALlVyzm",
+const _marko_componentType = "fhiSbac",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag.marko";
diff --git a/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/vdomProduction-expected.js
index 6142fedd09..945eaee89d 100644
--- a/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-method-shorthand/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "rALlVyzm",
+const _marko_componentType = "fhiSbac",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag.marko";
diff --git a/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/htmlProduction-expected.js
index 36d9a88e17..1626a46508 100644
--- a/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "JctBubUm",
+const _marko_componentType = "QZXpaIp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _test from "./components/test.marko";
diff --git a/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/vdomProduction-expected.js
index c7b1e3cf98..ec63a968e1 100644
--- a/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-method-with-return/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "JctBubUm",
+const _marko_componentType = "QZXpaIp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _test from "./components/test.marko";
diff --git a/packages/translator-default/test/fixtures/attr-scoped/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-scoped/snapshots/htmlProduction-expected.js
index b148350588..265128587f 100644
--- a/packages/translator-default/test/fixtures/attr-scoped/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-scoped/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "YjySFM$h",
+const _marko_componentType = "nzPJvBg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/attr-scoped/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-scoped/snapshots/vdomProduction-expected.js
index 432a14cdc3..69c73d36ca 100644
--- a/packages/translator-default/test/fixtures/attr-scoped/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-scoped/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "YjySFM$h",
+const _marko_componentType = "nzPJvBg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/attr-style/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-style/snapshots/htmlProduction-expected.js
index 3171eb67ad..633e68ab08 100644
--- a/packages/translator-default/test/fixtures/attr-style/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-style/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "M$jre_me",
+const _marko_componentType = "FKUfNnc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_style_merge from "marko/dist/runtime/helpers/style-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-style/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-style/snapshots/vdomProduction-expected.js
index c3e45f9c79..ddca086771 100644
--- a/packages/translator-default/test/fixtures/attr-style/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-style/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "M$jre_me",
+const _marko_componentType = "FKUfNnc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_style_merge from "marko/dist/runtime/helpers/style-value.js";
diff --git a/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/htmlProduction-expected.js
index 4046e9e4b4..165f1604cf 100644
--- a/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "jF_vuKKj",
+const _marko_componentType = "P9qVOkc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { d as _marko_escape_double_quotes } from "marko/dist/runtime/html/helpers/escape-quotes.js";
diff --git a/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/vdomProduction-expected.js
index da3c9f4a90..1ed7a4d7e2 100644
--- a/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "jF_vuKKj",
+const _marko_componentType = "P9qVOkc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/await-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/await-tag/snapshots/htmlProduction-expected.js
index 26353e65ff..4724ef3e32 100644
--- a/packages/translator-default/test/fixtures/await-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/await-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "NJnnEvrm",
+const _marko_componentType = "DIgsNqs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/await-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/await-tag/snapshots/vdomProduction-expected.js
index 86ce06d308..7f40213dc7 100644
--- a/packages/translator-default/test/fixtures/await-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/await-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "NJnnEvrm",
+const _marko_componentType = "DIgsNqs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/htmlProduction-expected.js
index 3bf2f3d5dc..43adf92348 100644
--- a/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "_KZJAbGc",
+const _marko_componentType = "YzSXGFo",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag/index.marko";
diff --git a/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/vdomProduction-expected.js
index c313be8d12..0b60318135 100644
--- a/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/camel-case-attr-name-override/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "_KZJAbGc",
+const _marko_componentType = "YzSXGFo",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag/index.marko";
diff --git a/packages/translator-default/test/fixtures/cdata/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/cdata/snapshots/htmlProduction-expected.js
index d1904976eb..5f86a01f4a 100644
--- a/packages/translator-default/test/fixtures/cdata/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/cdata/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "wEhGo_W",
+const _marko_componentType = "RKME7Hg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/cdata/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/cdata/snapshots/vdomProduction-expected.js
index 101f58d7d7..9b73609489 100644
--- a/packages/translator-default/test/fixtures/cdata/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/cdata/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "wEhGo_W",
+const _marko_componentType = "RKME7Hg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/class-external-component-index/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/class-external-component-index/snapshots/htmlProduction-expected.js
index 37f77a6f8f..cca34bc0c0 100644
--- a/packages/translator-default/test/fixtures/class-external-component-index/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-external-component-index/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "kWrkzUZ",
+const _marko_componentType = "j$vaKDk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_component from "./component.js";
diff --git a/packages/translator-default/test/fixtures/class-external-component-index/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/class-external-component-index/snapshots/vdomProduction-expected.js
index bdb1c083a4..43a98f4e03 100644
--- a/packages/translator-default/test/fixtures/class-external-component-index/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-external-component-index/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "kWrkzUZ",
+const _marko_componentType = "j$vaKDk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/class-external-component/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/class-external-component/snapshots/htmlProduction-expected.js
index 892e4a1183..0b8b1cb66c 100644
--- a/packages/translator-default/test/fixtures/class-external-component/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-external-component/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ZWiI$rRf",
+const _marko_componentType = "Ma9xJbo",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_component from "./template.component.js";
diff --git a/packages/translator-default/test/fixtures/class-external-component/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/class-external-component/snapshots/vdomProduction-expected.js
index e54c47a3a3..1ce8040c2e 100644
--- a/packages/translator-default/test/fixtures/class-external-component/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-external-component/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ZWiI$rRf",
+const _marko_componentType = "Ma9xJbo",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/htmlProduction-expected.js
index b2a48b14f8..e479ae43f8 100644
--- a/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "rkyWcuZi",
+const _marko_componentType = "o1iDBYb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/vdomProduction-expected.js
index ea73cf3b3e..89d81f36bf 100644
--- a/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-inline-class-props-without-on-create/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "rkyWcuZi",
+const _marko_componentType = "o1iDBYb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/class-inline/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/class-inline/snapshots/htmlProduction-expected.js
index f2691dcacf..cd05014ffd 100644
--- a/packages/translator-default/test/fixtures/class-inline/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-inline/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "KuiZaKlb",
+const _marko_componentType = "am8lz4",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/class-inline/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/class-inline/snapshots/vdomProduction-expected.js
index 230da811a1..e82fbb9720 100644
--- a/packages/translator-default/test/fixtures/class-inline/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/class-inline/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "KuiZaKlb",
+const _marko_componentType = "am8lz4",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/comments/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/comments/snapshots/htmlProduction-expected.js
index cedd43cbda..33251737e0 100644
--- a/packages/translator-default/test/fixtures/comments/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/comments/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "v$mWNcnm",
+const _marko_componentType = "iK$tcad",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/comments/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/comments/snapshots/vdomProduction-expected.js
index 1803d48b81..8a8a3bcac1 100644
--- a/packages/translator-default/test/fixtures/comments/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/comments/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "v$mWNcnm",
+const _marko_componentType = "iK$tcad",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-element-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-element-tag/snapshots/htmlProduction-expected.js
index a21ded3d37..a6d16ae8d4 100644
--- a/packages/translator-default/test/fixtures/custom-element-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-element-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "oWdNwOdd",
+const _marko_componentType = "bbd0LVs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-element-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-element-tag/snapshots/vdomProduction-expected.js
index 13667f3d45..63c8d7d4eb 100644
--- a/packages/translator-default/test/fixtures/custom-element-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-element-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "oWdNwOdd",
+const _marko_componentType = "bbd0LVs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/htmlProduction-expected.js
index ba5e50cf57..67e9d97aa5 100644
--- a/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "MpcNgwsf",
+const _marko_componentType = "EizHdLn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/vdomProduction-expected.js
index 358d500220..874b6f1096 100644
--- a/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-child-analyze/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "MpcNgwsf",
+const _marko_componentType = "EizHdLn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-data/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-data/snapshots/htmlProduction-expected.js
index 36094ef400..7ddbed8510 100644
--- a/packages/translator-default/test/fixtures/custom-tag-data/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-data/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "xBzKAzof",
+const _marko_componentType = "t3MHNDh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTagData from "./custom-tag-data-tag.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-data/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-data/snapshots/vdomProduction-expected.js
index 6775be4677..00af7fb597 100644
--- a/packages/translator-default/test/fixtures/custom-tag-data/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-data/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "xBzKAzof",
+const _marko_componentType = "t3MHNDh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTagData from "./custom-tag-data-tag.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/htmlProduction-expected.js
index 56745fee15..7495068030 100644
--- a/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "YostVzSg",
+const _marko_componentType = "DyeCwef",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _new from "./new.marko";
diff --git a/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/vdomProduction-expected.js
index 3af6021edc..5078fadb8b 100644
--- a/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-migration/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "YostVzSg",
+const _marko_componentType = "DyeCwef",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _new from "./new.marko";
diff --git a/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/htmlProduction-expected.js
index e89e69aa29..c2fd9d1b5b 100644
--- a/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "UYhnOcR",
+const _marko_componentType = "HCYYkOl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/vdomProduction-expected.js
index 7329a6dd7b..c06d6be486 100644
--- a/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-parameters/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "UYhnOcR",
+const _marko_componentType = "HCYYkOl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag.marko";
diff --git a/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/htmlProduction-expected.js
index 70d73c4e50..6a311b97d6 100644
--- a/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "RBmkrfZf",
+const _marko_componentType = "if70UHg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _testBodyFunction from "./tags/test-body-function/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/vdomProduction-expected.js
index df98bcf5e9..ba1127a89d 100644
--- a/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-render-body/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "RBmkrfZf",
+const _marko_componentType = "if70UHg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _testBodyFunction from "./tags/test-body-function/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/htmlProduction-expected.js
index 09c0b32c6c..ce330c635b 100644
--- a/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "lAveFICe",
+const _marko_componentType = "EsN0PAm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_component from "./template.component.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/vdomProduction-expected.js
index d3f2b4c41f..0255d09a86 100644
--- a/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-separate-assets/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "lAveFICe",
+const _marko_componentType = "EsN0PAm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-template/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-template/snapshots/htmlProduction-expected.js
index cc93cce0e4..f8512b3941 100644
--- a/packages/translator-default/test/fixtures/custom-tag-template/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-template/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "rQojdplj",
+const _marko_componentType = "kxAeRzn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _hello from "./hello.marko";
diff --git a/packages/translator-default/test/fixtures/custom-tag-template/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-template/snapshots/vdomProduction-expected.js
index 92763662a1..f0cad57f70 100644
--- a/packages/translator-default/test/fixtures/custom-tag-template/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-template/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "rQojdplj",
+const _marko_componentType = "kxAeRzn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _hello from "./hello.marko";
diff --git a/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/htmlProduction-expected.js
index 7c01ea8b5a..7a3f37e373 100644
--- a/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ruCJLtRl",
+const _marko_componentType = "kjtXr7h",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/vdomProduction-expected.js
index 0b6d96f4cc..eadb9e081c 100644
--- a/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag-transform/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ruCJLtRl",
+const _marko_componentType = "kjtXr7h",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag/snapshots/htmlProduction-expected.js
index 86bf729bf6..2e1fc0495e 100644
--- a/packages/translator-default/test/fixtures/custom-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "A_B_NaGg",
+const _marko_componentType = "JvugOxh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _testHello from "./tags/test-hello/renderer.js";
diff --git a/packages/translator-default/test/fixtures/custom-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/custom-tag/snapshots/vdomProduction-expected.js
index c046f27984..c175f36982 100644
--- a/packages/translator-default/test/fixtures/custom-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/custom-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "A_B_NaGg",
+const _marko_componentType = "JvugOxh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _testHello from "./tags/test-hello/renderer.js";
diff --git a/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/htmlProduction-expected.js
index 836ee8d129..20776974a9 100644
--- a/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "wpPUPHMi",
+const _marko_componentType = "R8BAzDf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/vdomProduction-expected.js
index 7dbeaa64d8..6c22931aba 100644
--- a/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-marko-implicit-component/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "wpPUPHMi",
+const _marko_componentType = "R8BAzDf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/data-migration/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/data-migration/snapshots/htmlProduction-expected.js
index d4cb898d25..7a2f1b4f21 100644
--- a/packages/translator-default/test/fixtures/data-migration/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-migration/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "_geBbHjd",
+const _marko_componentType = "$$fmSyk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/data-migration/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/data-migration/snapshots/vdomProduction-expected.js
index 69638e07b1..015bc0fc1e 100644
--- a/packages/translator-default/test/fixtures/data-migration/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-migration/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "_geBbHjd",
+const _marko_componentType = "$$fmSyk",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _test from "./test.marko";
diff --git a/packages/translator-default/test/fixtures/data-reassigned/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/data-reassigned/snapshots/htmlProduction-expected.js
index a2a72c8b2a..7131c1c651 100644
--- a/packages/translator-default/test/fixtures/data-reassigned/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-reassigned/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "tHBGyMvf",
+const _marko_componentType = "iKzWqSl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/data-reassigned/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/data-reassigned/snapshots/vdomProduction-expected.js
index 70cfbe7b38..1f125f7c4e 100644
--- a/packages/translator-default/test/fixtures/data-reassigned/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/data-reassigned/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "tHBGyMvf",
+const _marko_componentType = "iKzWqSl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/declaration/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/declaration/snapshots/htmlProduction-expected.js
index 37ed98dd5f..73d976ea53 100644
--- a/packages/translator-default/test/fixtures/declaration/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/declaration/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "Xew$hMFi",
+const _marko_componentType = "WC1vM4b",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/declaration/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/declaration/snapshots/vdomProduction-expected.js
index 1cd7704dd4..d6b77e2b92 100644
--- a/packages/translator-default/test/fixtures/declaration/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/declaration/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "Xew$hMFi",
+const _marko_componentType = "WC1vM4b",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/declared-class-member/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/declared-class-member/snapshots/htmlProduction-expected.js
index 0dfc44db47..e229d9a879 100644
--- a/packages/translator-default/test/fixtures/declared-class-member/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/declared-class-member/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "NHNFQVjk",
+const _marko_componentType = "rOVEb9s",
_marko_template = _t(_marko_componentType);
export default _marko_template;
class MyClass {
diff --git a/packages/translator-default/test/fixtures/declared-class-member/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/declared-class-member/snapshots/vdomProduction-expected.js
index 397446a81d..f32c65d5ed 100644
--- a/packages/translator-default/test/fixtures/declared-class-member/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/declared-class-member/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "NHNFQVjk",
+const _marko_componentType = "rOVEb9s",
_marko_template = _t(_marko_componentType);
export default _marko_template;
class MyClass {
diff --git a/packages/translator-default/test/fixtures/doctype/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/doctype/snapshots/htmlProduction-expected.js
index 7e56c50da2..4f514fb4ee 100644
--- a/packages/translator-default/test/fixtures/doctype/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/doctype/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "sdGygAse",
+const _marko_componentType = "iYxA21i",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _initComponents from "marko/dist/core-tags/components/init-components-tag.js";
diff --git a/packages/translator-default/test/fixtures/doctype/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/doctype/snapshots/vdomProduction-expected.js
index 510c5383ae..bf6746ccd3 100644
--- a/packages/translator-default/test/fixtures/doctype/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/doctype/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "sdGygAse",
+const _marko_componentType = "iYxA21i",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/htmlProduction-expected.js
index 966c3ac47b..850e1c6d17 100644
--- a/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "oWpiEthb",
+const _marko_componentType = "cDsmfYh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import tagA from "./components/tag-a/index.marko";
diff --git a/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/vdomProduction-expected.js
index fc861689a6..84197efdbb 100644
--- a/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/dynamic-tag-name/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "oWpiEthb",
+const _marko_componentType = "cDsmfYh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import tagA from "./components/tag-a/index.marko";
diff --git a/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/htmlProduction-expected.js
index be2b8d1726..c22c6af8ea 100644
--- a/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "RWaFoVLe",
+const _marko_componentType = "pqIuTh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/vdomProduction-expected.js
index c684b3e1a1..e0c5d69d60 100644
--- a/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/dynamic-tag-string-literal/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "RWaFoVLe",
+const _marko_componentType = "pqIuTh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/htmlProduction-expected.js
index 114488fe18..d849739497 100644
--- a/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "_fXseyvb",
+const _marko_componentType = "UwrEzMl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/vdomProduction-expected.js
index 3a8e4674e6..c4c38e2129 100644
--- a/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/else-tag-with-whitespace-and-comments/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "_fXseyvb",
+const _marko_componentType = "UwrEzMl",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/entities/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/entities/snapshots/htmlProduction-expected.js
index a0dcd56c3a..6b757c02c6 100644
--- a/packages/translator-default/test/fixtures/entities/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/entities/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "SwfhrTyd",
+const _marko_componentType = "uRpaR7j",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/entities/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/entities/snapshots/vdomProduction-expected.js
index a284f6e5c7..48505b3785 100644
--- a/packages/translator-default/test/fixtures/entities/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/entities/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "SwfhrTyd",
+const _marko_componentType = "uRpaR7j",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/htmlProduction-expected.js
index 1b1d3ce7aa..e64378629f 100644
--- a/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "DhEjG_vd",
+const _marko_componentType = "VGbpaSn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/vdomProduction-expected.js
index c26c0aa8a6..df07a17255 100644
--- a/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-at-tags-repeated-not-allowed/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "DhEjG_vd",
+const _marko_componentType = "VGbpaSn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { a as _marko_repeatable_attr_tag, i as _marko_render_input } from "marko/dist/runtime/helpers/attr-tag.js";
diff --git a/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/htmlProduction-expected.js
index fa381c8cae..7d6fc67019 100644
--- a/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "wSGKQcsd",
+const _marko_componentType = "gOhCwnb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/vdomProduction-expected.js
index fccca8976b..06a285fe47 100644
--- a/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-body-only-if-no-condition/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "wSGKQcsd",
+const _marko_componentType = "gOhCwnb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/error-class-with-name/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/error-class-with-name/snapshots/htmlProduction-expected.js
index 7852f91d72..6e9dad6a75 100644
--- a/packages/translator-default/test/fixtures/error-class-with-name/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-class-with-name/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "WvTnmMgn",
+const _marko_componentType = "B39mxyc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/error-class-with-name/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/error-class-with-name/snapshots/vdomProduction-expected.js
index 1adf1f4fdb..e115d24fc2 100644
--- a/packages/translator-default/test/fixtures/error-class-with-name/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-class-with-name/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "WvTnmMgn",
+const _marko_componentType = "B39mxyc",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/htmlProduction-expected.js
index 3e271ba8d4..6e53baae4f 100644
--- a/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "RjLyZPLj",
+const _marko_componentType = "zKjeVvg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_dynamic_tag from "marko/dist/runtime/helpers/dynamic-tag.js";
diff --git a/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/vdomProduction-expected.js
index 28f5285041..dd5487d963 100644
--- a/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-repeated-closing-dynamic-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "RjLyZPLj",
+const _marko_componentType = "zKjeVvg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_dynamic_tag from "marko/dist/runtime/helpers/dynamic-tag.js";
diff --git a/packages/translator-default/test/fixtures/event-handlers/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/event-handlers/snapshots/htmlProduction-expected.js
index 82f4066f27..7556a7d229 100644
--- a/packages/translator-default/test/fixtures/event-handlers/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/event-handlers/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ZKWzBcpm",
+const _marko_componentType = "GtuO9oh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_props from "marko/dist/runtime/html/helpers/data-marko.js";
diff --git a/packages/translator-default/test/fixtures/event-handlers/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/event-handlers/snapshots/vdomProduction-expected.js
index 2376d7536b..f414940a2e 100644
--- a/packages/translator-default/test/fixtures/event-handlers/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/event-handlers/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ZKWzBcpm",
+const _marko_componentType = "GtuO9oh",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _customTag from "./components/custom-tag.marko";
diff --git a/packages/translator-default/test/fixtures/exports/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/exports/snapshots/htmlProduction-expected.js
index e413977db3..e623541061 100644
--- a/packages/translator-default/test/fixtures/exports/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/exports/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "UjIIdOMc",
+const _marko_componentType = "MqzX6ni",
_marko_template = _t(_marko_componentType);
export default _marko_template;
export const x = 1;
diff --git a/packages/translator-default/test/fixtures/exports/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/exports/snapshots/vdomProduction-expected.js
index f8a76f0710..3ccab1b7ff 100644
--- a/packages/translator-default/test/fixtures/exports/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/exports/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "UjIIdOMc",
+const _marko_componentType = "MqzX6ni",
_marko_template = _t(_marko_componentType);
export default _marko_template;
export const x = 1;
diff --git a/packages/translator-default/test/fixtures/for-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/for-tag/snapshots/htmlProduction-expected.js
index 9d12295082..ff72815b97 100644
--- a/packages/translator-default/test/fixtures/for-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/for-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "lMveozAf",
+const _marko_componentType = "B4bgfsf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/for-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/for-tag/snapshots/vdomProduction-expected.js
index 649d3801a7..b3566a4dfb 100644
--- a/packages/translator-default/test/fixtures/for-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/for-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "lMveozAf",
+const _marko_componentType = "B4bgfsf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _of_fallback from "marko/dist/runtime/helpers/of-fallback.js";
diff --git a/packages/translator-default/test/fixtures/hello-dynamic/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/hello-dynamic/snapshots/htmlProduction-expected.js
index 956abe8f18..1e3eff4344 100644
--- a/packages/translator-default/test/fixtures/hello-dynamic/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/hello-dynamic/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "EkpPQDvh",
+const _marko_componentType = "nChpz5b",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/hello-dynamic/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/hello-dynamic/snapshots/vdomProduction-expected.js
index 8897e45f18..9f38c503b4 100644
--- a/packages/translator-default/test/fixtures/hello-dynamic/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/hello-dynamic/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "EkpPQDvh",
+const _marko_componentType = "nChpz5b",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/html-comment/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/html-comment/snapshots/htmlProduction-expected.js
index 82cad44ed3..fae0a1486f 100644
--- a/packages/translator-default/test/fixtures/html-comment/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/html-comment/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "dqZSxpql",
+const _marko_componentType = "u3IsEzs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/html-comment/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/html-comment/snapshots/vdomProduction-expected.js
index fbb886fd70..b39a7500f4 100644
--- a/packages/translator-default/test/fixtures/html-comment/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/html-comment/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "dqZSxpql",
+const _marko_componentType = "u3IsEzs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/html-entity/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/html-entity/snapshots/htmlProduction-expected.js
index 23684a229e..a41d776036 100644
--- a/packages/translator-default/test/fixtures/html-entity/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/html-entity/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "JsvAAqfd",
+const _marko_componentType = "ZXJEoQm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/html-entity/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/html-entity/snapshots/vdomProduction-expected.js
index 0bbb99ba94..166e48d115 100644
--- a/packages/translator-default/test/fixtures/html-entity/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/html-entity/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "JsvAAqfd",
+const _marko_componentType = "ZXJEoQm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/if-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/if-tag/snapshots/htmlProduction-expected.js
index a74dd3972c..9a712d3b48 100644
--- a/packages/translator-default/test/fixtures/if-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/if-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "HBWuhxxk",
+const _marko_componentType = "FXgXHmr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/if-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/if-tag/snapshots/vdomProduction-expected.js
index 588948e954..aadf9fabf4 100644
--- a/packages/translator-default/test/fixtures/if-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/if-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "HBWuhxxk",
+const _marko_componentType = "FXgXHmr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/htmlProduction-expected.js
index 5b03fd9951..3add3e1328 100644
--- a/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "SspwDkDm",
+const _marko_componentType = "MNh7ipb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import bar, { f as foo } from "./bar";
diff --git a/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/vdomProduction-expected.js
index 600876e453..98d667b21f 100644
--- a/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-hydrate-include/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "SspwDkDm",
+const _marko_componentType = "MNh7ipb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import bar, { f as foo } from "./bar";
diff --git a/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/htmlProduction-expected.js
index ebfe44bd71..614dd4506b 100644
--- a/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "OkpTjMkk",
+const _marko_componentType = "dyUIloq",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { asset as test } from "./test1/asset";
diff --git a/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/vdomProduction-expected.js
index 04405863d3..fdcaddc499 100644
--- a/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-tag-conflict/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "OkpTjMkk",
+const _marko_componentType = "dyUIloq",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { asset as test } from "./test1/asset";
diff --git a/packages/translator-default/test/fixtures/import-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/import-tag/snapshots/htmlProduction-expected.js
index 1135354cef..5d4cff317e 100644
--- a/packages/translator-default/test/fixtures/import-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "URzQEXvf",
+const _marko_componentType = "MkaIpto",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import bar, { f as foo } from "./bar";
diff --git a/packages/translator-default/test/fixtures/import-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/import-tag/snapshots/vdomProduction-expected.js
index 8627b3dc75..81a7d3ac0d 100644
--- a/packages/translator-default/test/fixtures/import-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/import-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "URzQEXvf",
+const _marko_componentType = "MkaIpto",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import bar, { f as foo } from "./bar";
diff --git a/packages/translator-default/test/fixtures/macro-non-root/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/macro-non-root/snapshots/htmlProduction-expected.js
index 1abf3eab52..016271ce3d 100644
--- a/packages/translator-default/test/fixtures/macro-non-root/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/macro-non-root/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "yYFbYFKd",
+const _marko_componentType = "CJ0DX_k",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/macro-non-root/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/macro-non-root/snapshots/vdomProduction-expected.js
index e2dc011ca6..913bf8303c 100644
--- a/packages/translator-default/test/fixtures/macro-non-root/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/macro-non-root/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "yYFbYFKd",
+const _marko_componentType = "CJ0DX_k",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/macros/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/macros/snapshots/htmlProduction-expected.js
index 5b0707dd83..4968ae2a7e 100644
--- a/packages/translator-default/test/fixtures/macros/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/macros/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "$$jmXzyi",
+const _marko_componentType = "bSmuAZq",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/macros/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/macros/snapshots/vdomProduction-expected.js
index b7dc364f84..9ee2f6566c 100644
--- a/packages/translator-default/test/fixtures/macros/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/macros/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "$$jmXzyi",
+const _marko_componentType = "bSmuAZq",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_dynamic_tag from "marko/dist/runtime/helpers/dynamic-tag.js";
diff --git a/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/htmlProduction-expected.js
index d9f4d72c96..a25651bf71 100644
--- a/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "XmJQWdRm",
+const _marko_componentType = "f6PODAp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_merge_attrs from "marko/dist/runtime/html/helpers/merge-attrs.js";
diff --git a/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/vdomProduction-expected.js
index 4e88fdd5c7..59a52dd0a0 100644
--- a/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/native-tag-spread-attrs/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "XmJQWdRm",
+const _marko_componentType = "f6PODAp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_merge_attrs from "marko/dist/runtime/vdom/helpers/merge-attrs.js";
diff --git a/packages/translator-default/test/fixtures/no-update-directives/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/no-update-directives/snapshots/htmlProduction-expected.js
index 9676331ba2..1cc88bd122 100644
--- a/packages/translator-default/test/fixtures/no-update-directives/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-directives/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ANctejLi",
+const _marko_componentType = "scjkbQe",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _hello from "./components/hello/index.marko";
diff --git a/packages/translator-default/test/fixtures/no-update-directives/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/no-update-directives/snapshots/vdomProduction-expected.js
index 3e0b8b8ecf..6e5e5ec591 100644
--- a/packages/translator-default/test/fixtures/no-update-directives/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-directives/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ANctejLi",
+const _marko_componentType = "scjkbQe",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _hello from "./components/hello/index.marko";
diff --git a/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/htmlProduction-expected.js
index 3cf6fccb4e..44c6286225 100644
--- a/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "UWBVmEaj",
+const _marko_componentType = "xQjSY2m",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_props from "marko/dist/runtime/html/helpers/data-marko.js";
diff --git a/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/vdomProduction-expected.js
index 1afd924af4..2e64dc734c 100644
--- a/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-modifier-multiple/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "UWBVmEaj",
+const _marko_componentType = "xQjSY2m",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/no-update-modifier/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/no-update-modifier/snapshots/htmlProduction-expected.js
index d5a8c2afa5..3c67bc9430 100644
--- a/packages/translator-default/test/fixtures/no-update-modifier/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-modifier/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "txzFRmBf",
+const _marko_componentType = "P3o3Iv",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_props from "marko/dist/runtime/html/helpers/data-marko.js";
diff --git a/packages/translator-default/test/fixtures/no-update-modifier/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/no-update-modifier/snapshots/vdomProduction-expected.js
index 187c37554c..e53dcb4415 100644
--- a/packages/translator-default/test/fixtures/no-update-modifier/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/no-update-modifier/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "txzFRmBf",
+const _marko_componentType = "P3o3Iv",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/placeholders/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/placeholders/snapshots/htmlProduction-expected.js
index 89e2146df9..51d2ef6547 100644
--- a/packages/translator-default/test/fixtures/placeholders/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/placeholders/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "wDexuEsh",
+const _marko_componentType = "FlFTZps",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/placeholders/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/placeholders/snapshots/vdomProduction-expected.js
index 9435f0b64c..089e41bf83 100644
--- a/packages/translator-default/test/fixtures/placeholders/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/placeholders/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "wDexuEsh",
+const _marko_componentType = "FlFTZps",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/htmlProduction-expected.js
index c9f499fbd3..8642fea663 100644
--- a/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "XZVjmXd",
+const _marko_componentType = "zdKti2l",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/vdomProduction-expected.js
index fa3100dcf4..59b053cd02 100644
--- a/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/prevent-override-component-def/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "XZVjmXd",
+const _marko_componentType = "zdKti2l",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/root-migration/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/root-migration/snapshots/htmlProduction-expected.js
index b389d5ba19..542221ed9e 100644
--- a/packages/translator-default/test/fixtures/root-migration/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/root-migration/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "QcHqTDah",
+const _marko_componentType = "pkzmx7j",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/root-migration/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/root-migration/snapshots/vdomProduction-expected.js
index 0d6a508eeb..2aac3731da 100644
--- a/packages/translator-default/test/fixtures/root-migration/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/root-migration/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "QcHqTDah",
+const _marko_componentType = "pkzmx7j",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/root-transform/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/root-transform/snapshots/htmlProduction-expected.js
index 467b1d4d33..a84523f931 100644
--- a/packages/translator-default/test/fixtures/root-transform/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/root-transform/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "ssIUhVeg",
+const _marko_componentType = "X1I7xrt",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/root-transform/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/root-transform/snapshots/vdomProduction-expected.js
index c0360e7217..38fe27115f 100644
--- a/packages/translator-default/test/fixtures/root-transform/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/root-transform/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "ssIUhVeg",
+const _marko_componentType = "X1I7xrt",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/sanity-check/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/sanity-check/snapshots/htmlProduction-expected.js
index 6645a81ade..eddd695363 100644
--- a/packages/translator-default/test/fixtures/sanity-check/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/sanity-check/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "RXRiNgXc",
+const _marko_componentType = "dyODUjm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import a from "b";
diff --git a/packages/translator-default/test/fixtures/sanity-check/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/sanity-check/snapshots/vdomProduction-expected.js
index 3f2684650d..432aab3244 100644
--- a/packages/translator-default/test/fixtures/sanity-check/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/sanity-check/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "RXRiNgXc",
+const _marko_componentType = "dyODUjm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import a from "b";
diff --git a/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/htmlProduction-expected.js
index 2ca275cbb4..91a5dffb91 100644
--- a/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "bUT_ctOg",
+const _marko_componentType = "GMlPyEf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/vdomProduction-expected.js
index 4010c4a5f5..f1eaf9cdb8 100644
--- a/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/scriptlet-line-block/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "bUT_ctOg",
+const _marko_componentType = "GMlPyEf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/shorthand-classname/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/shorthand-classname/snapshots/htmlProduction-expected.js
index 58ea5f108d..a654483174 100644
--- a/packages/translator-default/test/fixtures/shorthand-classname/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/shorthand-classname/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "UprVgmJe",
+const _marko_componentType = "Fzf6EJs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/shorthand-classname/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/shorthand-classname/snapshots/vdomProduction-expected.js
index d41bed4d0e..651e849f8b 100644
--- a/packages/translator-default/test/fixtures/shorthand-classname/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/shorthand-classname/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "UprVgmJe",
+const _marko_componentType = "Fzf6EJs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/shorthand-id/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/shorthand-id/snapshots/htmlProduction-expected.js
index 75b11b06db..778b696464 100644
--- a/packages/translator-default/test/fixtures/shorthand-id/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/shorthand-id/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "dFcmvNXj",
+const _marko_componentType = "mbyIZci",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/shorthand-id/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/shorthand-id/snapshots/vdomProduction-expected.js
index 39daae5143..9fa3cce41b 100644
--- a/packages/translator-default/test/fixtures/shorthand-id/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/shorthand-id/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "dFcmvNXj",
+const _marko_componentType = "mbyIZci",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/htmlProduction-expected.js
index 45d460ce03..d956ecfe96 100644
--- a/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "RrOqqG_e",
+const _marko_componentType = "g3NXnCn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_props from "marko/dist/runtime/html/helpers/data-marko.js";
diff --git a/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/vdomProduction-expected.js
index f20d8a3469..c9d69665c2 100644
--- a/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/simple-attrs-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "RrOqqG_e",
+const _marko_componentType = "g3NXnCn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/simple/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/simple/snapshots/htmlProduction-expected.js
index e0a6917303..19afc5dab1 100644
--- a/packages/translator-default/test/fixtures/simple/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/simple/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "VuvBWhNc",
+const _marko_componentType = "BJGcVss",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/simple/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/simple/snapshots/vdomProduction-expected.js
index 7982424d94..31be845816 100644
--- a/packages/translator-default/test/fixtures/simple/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/simple/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "VuvBWhNc",
+const _marko_componentType = "BJGcVss",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _of_fallback from "marko/dist/runtime/helpers/of-fallback.js";
diff --git a/packages/translator-default/test/fixtures/split-component-with-component/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/split-component-with-component/snapshots/htmlProduction-expected.js
index 0402679c1c..b5d81e01c0 100644
--- a/packages/translator-default/test/fixtures/split-component-with-component/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/split-component-with-component/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "UCeRSDHe",
+const _marko_componentType = "cdDaNLf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_component from "./template.component.js";
diff --git a/packages/translator-default/test/fixtures/split-component-with-component/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/split-component-with-component/snapshots/vdomProduction-expected.js
index 8efcb19fc2..f363178146 100644
--- a/packages/translator-default/test/fixtures/split-component-with-component/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/split-component-with-component/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "UCeRSDHe",
+const _marko_componentType = "cdDaNLf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/split-component/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/split-component/snapshots/htmlProduction-expected.js
index 3e02ae8d33..b92ced19fc 100644
--- a/packages/translator-default/test/fixtures/split-component/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/split-component/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "FDyCGzsj",
+const _marko_componentType = "sCQ1cM",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/split-component/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/split-component/snapshots/vdomProduction-expected.js
index aaf856befa..1d3e7f9428 100644
--- a/packages/translator-default/test/fixtures/split-component/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/split-component/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "FDyCGzsj",
+const _marko_componentType = "sCQ1cM",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/static-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/static-tag/snapshots/htmlProduction-expected.js
index dd113bfcfb..2bbf77e98d 100644
--- a/packages/translator-default/test/fixtures/static-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/static-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "gePURnBk",
+const _marko_componentType = "c8RteFr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
var foo = 123;
diff --git a/packages/translator-default/test/fixtures/static-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/static-tag/snapshots/vdomProduction-expected.js
index ac279bd37f..4963116413 100644
--- a/packages/translator-default/test/fixtures/static-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/static-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "gePURnBk",
+const _marko_componentType = "c8RteFr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
var foo = 123;
diff --git a/packages/translator-default/test/fixtures/style-block-empty/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/style-block-empty/snapshots/htmlProduction-expected.js
index f863c27aec..c97952ab5a 100644
--- a/packages/translator-default/test/fixtures/style-block-empty/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/style-block-empty/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "wYLVapch",
+const _marko_componentType = "E2ku0As",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/style-block-empty/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/style-block-empty/snapshots/vdomProduction-expected.js
index 72337f885f..b0c22786c3 100644
--- a/packages/translator-default/test/fixtures/style-block-empty/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/style-block-empty/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "wYLVapch",
+const _marko_componentType = "E2ku0As",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/htmlProduction-expected.js
index f93c915f95..f4a022ee0a 100644
--- a/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "EVqifTof",
+const _marko_componentType = "lxS$2qf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/vdomProduction-expected.js
index afd84a8252..03a37210d5 100644
--- a/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/style-block-with-styles/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "EVqifTof",
+const _marko_componentType = "lxS$2qf",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/svg-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/svg-tag/snapshots/htmlProduction-expected.js
index 5741c69048..e101d7aaec 100644
--- a/packages/translator-default/test/fixtures/svg-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/svg-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "hBySBBqc",
+const _marko_componentType = "pWXq_Gm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/svg-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/svg-tag/snapshots/vdomProduction-expected.js
index 155fa5e2bc..134ac35113 100644
--- a/packages/translator-default/test/fixtures/svg-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/svg-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "hBySBBqc",
+const _marko_componentType = "pWXq_Gm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/htmlProduction-expected.js
index 57ea92b2f2..5e49927c26 100644
--- a/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "GEeKKkmj",
+const _marko_componentType = "bKNBQYn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/vdomProduction-expected.js
index ea592fe53e..f3c2d6b9df 100644
--- a/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/tag-block-scoping/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "GEeKKkmj",
+const _marko_componentType = "bKNBQYn",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/htmlProduction-expected.js
index da01371d36..98d838f103 100644
--- a/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "KzLAymhg",
+const _marko_componentType = "oC1Btkg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_attr from "marko/dist/runtime/html/helpers/attr.js";
diff --git a/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/vdomProduction-expected.js
index 19069f0f92..5ea693cfe3 100644
--- a/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/tag-with-default-attr/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "KzLAymhg",
+const _marko_componentType = "oC1Btkg",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/textarea-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/textarea-tag/snapshots/htmlProduction-expected.js
index 2492d3b8de..e77811dda8 100644
--- a/packages/translator-default/test/fixtures/textarea-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/textarea-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "agEGWbti",
+const _marko_componentType = "P74d2hs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/textarea-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/textarea-tag/snapshots/vdomProduction-expected.js
index 0549198813..c54fd1926b 100644
--- a/packages/translator-default/test/fixtures/textarea-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/textarea-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "agEGWbti",
+const _marko_componentType = "P74d2hs",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/top-level-text/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/top-level-text/snapshots/htmlProduction-expected.js
index 26c19b7c36..2a2292c040 100644
--- a/packages/translator-default/test/fixtures/top-level-text/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/top-level-text/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "JGEoYgyc",
+const _marko_componentType = "pRgbtcb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/top-level-text/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/top-level-text/snapshots/vdomProduction-expected.js
index ba8dc3375f..2368a496b1 100644
--- a/packages/translator-default/test/fixtures/top-level-text/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/top-level-text/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "JGEoYgyc",
+const _marko_componentType = "pRgbtcb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/typescript-basic/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/typescript-basic/snapshots/htmlProduction-expected.js
index 43c3b249ce..3d2d126e58 100644
--- a/packages/translator-default/test/fixtures/typescript-basic/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/typescript-basic/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "KtvGzXPj",
+const _marko_componentType = "OrYLAyr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/typescript-basic/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/typescript-basic/snapshots/vdomProduction-expected.js
index cf47b21ce4..41f1802743 100644
--- a/packages/translator-default/test/fixtures/typescript-basic/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/typescript-basic/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "KtvGzXPj",
+const _marko_componentType = "OrYLAyr",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_class_merge from "marko/dist/runtime/helpers/class-value.js";
diff --git a/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/htmlProduction-expected.js
index 1eaef285ca..a11128381c 100644
--- a/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "XDMeUVGb",
+const _marko_componentType = "SvVq0ks",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _typeArg from "./components/type-arg.marko";
diff --git a/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/vdomProduction-expected.js
index f6f82028f9..2353026946 100644
--- a/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/typescript-generic-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "XDMeUVGb",
+const _marko_componentType = "SvVq0ks",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _typeArg from "./components/type-arg.marko";
diff --git a/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/htmlProduction-expected.js
index 628f7434f8..e4eb08ef8f 100644
--- a/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "IOFxoILb",
+const _marko_componentType = "UhVBsSm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/vdomProduction-expected.js
index 613bb9f241..e4e50d0645 100644
--- a/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/warn-macro-duplicate/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "IOFxoILb",
+const _marko_componentType = "UhVBsSm",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-default/test/fixtures/while-tag/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/while-tag/snapshots/htmlProduction-expected.js
index 1630e2c06a..5a34839da2 100644
--- a/packages/translator-default/test/fixtures/while-tag/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/while-tag/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "FY_LxXJd",
+const _marko_componentType = "kq72KK",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/while-tag/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/while-tag/snapshots/vdomProduction-expected.js
index 95ff6ba1ad..44a72c222f 100644
--- a/packages/translator-default/test/fixtures/while-tag/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/while-tag/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "FY_LxXJd",
+const _marko_componentType = "kq72KK",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_renderer from "marko/dist/runtime/components/renderer.js";
diff --git a/packages/translator-default/test/fixtures/white-space-test/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/white-space-test/snapshots/htmlProduction-expected.js
index 8c3f19b521..1aa6416859 100644
--- a/packages/translator-default/test/fixtures/white-space-test/snapshots/htmlProduction-expected.js
+++ b/packages/translator-default/test/fixtures/white-space-test/snapshots/htmlProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/html/index.js";
-const _marko_componentType = "IaJpMLZd",
+const _marko_componentType = "SaK5Cpp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import { x as _marko_escapeXml } from "marko/dist/runtime/html/helpers/escape-xml.js";
diff --git a/packages/translator-default/test/fixtures/white-space-test/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/white-space-test/snapshots/vdomProduction-expected.js
index c6530329fc..faab69f801 100644
--- a/packages/translator-default/test/fixtures/white-space-test/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/white-space-test/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "IaJpMLZd",
+const _marko_componentType = "SaK5Cpp",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _marko_constElement from "marko/dist/runtime/vdom/helpers/const-element.js";
diff --git a/packages/translator-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js
index 5d431ab9da..805ebfa7c0 100644
--- a/packages/translator-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js
@@ -1,8 +1,8 @@
-// size: 190 (min) 126 (brotli)
+// size: 189 (min) 129 (brotli)
const _lastClickCount = _$.state(4, (_scope, lastClickCount) =>
_$.data(_scope[2], lastClickCount),
),
- _clickCount_effect = _$.effect("a0", (_scope) =>
+ _clickCount_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/dom.expected/template.hydrate.js
index ea3396488f..402410ecfe 100644
--- a/packages/translator-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/at-tag-inside-if-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 133 (min) 82 (brotli)
+// size: 131 (min) 84 (brotli)
_$.dynamicTagAttrs(0),
- _$.register("b0", _$.createRendererWithOwner("Goodbye", "")),
- _$.register("b1", _$.createRendererWithOwner("Hello", ""));
+ _$.register("c", _$.createRendererWithOwner("Goodbye", "")),
+ _$.register("d", _$.createRendererWithOwner("Hello", ""));
diff --git a/packages/translator-tags/src/__tests__/fixtures/at-tags/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/at-tags/__snapshots__/dom.expected/template.hydrate.js
index d2d8cdfa94..a1dc2409a9 100644
--- a/packages/translator-tags/src/__tests__/fixtures/at-tags/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/at-tags/__snapshots__/dom.expected/template.hydrate.js
@@ -1,3 +1,2 @@
-// size: 75 (min) 70 (brotli)
-_$.dynamicTagAttrs(0),
- _$.register("b0", _$.createRendererWithOwner("Foo!", ""));
+// size: 74 (min) 70 (brotli)
+_$.dynamicTagAttrs(0), _$.register("c", _$.createRendererWithOwner("Foo!", ""));
diff --git a/packages/translator-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/dom.expected/template.hydrate.js
index 3ce0f417f4..8b669ca87c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 190 (min) 135 (brotli)
-const _disabled_effect = _$.effect("a0", (_scope) =>
+// size: 189 (min) 135 (brotli)
+const _disabled_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/dom.expected/template.hydrate.js
index c774cfa0bc..63cf6769c6 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 301 (min) 178 (brotli)
+// size: 299 (min) 179 (brotli)
const _text_ = _$.value(5, (_scope, text) => _$.data(_scope[1], text)),
- _onClick__effect = _$.effect("a0", (_scope) => {
+ _onClick__effect = _$.effect("d", (_scope) => {
const { 4: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(4, (_scope, onClick) => _onClick__effect(_scope)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/dom.expected/template.hydrate.js
index 42c7645c37..56a73dc28e 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 301 (min) 183 (brotli)
-const _onClick__effect = _$.effect("a0", (_scope) => {
+// size: 299 (min) 181 (brotli)
+const _onClick__effect = _$.effect("d", (_scope) => {
const { 5: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(5, (_scope, onClick) => _onClick__effect(_scope)),
_text_ = _$.value(4, (_scope, text) => _$.data(_scope[1], text)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/dom.expected/template.hydrate.js
index 9ce93af41c..619d9c908b 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 495 (min) 228 (brotli)
+// size: 492 (min) 231 (brotli)
const _text_ = _$.value(7, (_scope, text) => {
_$.data(_scope[1], text),
((_scope, textAlias) => {
@@ -8,18 +8,18 @@ const _text_ = _$.value(7, (_scope, text) => {
_pattern__ = _$.value(6, (_scope, _pattern_) =>
_text_(_scope, _pattern_.text),
),
- _onClick__effect = _$.effect("a0", (_scope) => {
+ _onClick__effect = _$.effect("e", (_scope) => {
const { 5: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(5, (_scope, onClick) => _onClick__effect(_scope)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 2: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
};
}),
- _onClick2 = _$.register("b1", (_scope) => {
+ _onClick2 = _$.register("d", (_scope) => {
const { 2: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/dom.expected/template.hydrate.js
index 26be9cc8d7..981a747bcc 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/dom.expected/template.hydrate.js
@@ -1,16 +1,16 @@
-// size: 334 (min) 189 (brotli)
+// size: 332 (min) 188 (brotli)
const _text_ = _$.value(6, (_scope, text) => {
_$.data(_scope[1], text),
((_scope, textAlias) => {
_$.data(_scope[2], textAlias);
})(_scope, text);
}),
- _onClick__effect = _$.effect("a0", (_scope) => {
+ _onClick__effect = _$.effect("d", (_scope) => {
const { 5: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(5, (_scope, onClick) => _onClick__effect(_scope)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/dom.expected/template.hydrate.js
index c774cfa0bc..63cf6769c6 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 301 (min) 178 (brotli)
+// size: 299 (min) 179 (brotli)
const _text_ = _$.value(5, (_scope, text) => _$.data(_scope[1], text)),
- _onClick__effect = _$.effect("a0", (_scope) => {
+ _onClick__effect = _$.effect("d", (_scope) => {
const { 4: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(4, (_scope, onClick) => _onClick__effect(_scope)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/dom.expected/template.hydrate.js
index 341bc818bd..1a98fc5924 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/dom.expected/template.hydrate.js
@@ -1,24 +1,24 @@
-// size: 430 (min) 241 (brotli)
+// size: 426 (min) 247 (brotli)
_$.dynamicTagAttrs(1);
-const _onClick__effect = _$.effect("a0", (_scope) => {
+const _onClick__effect = _$.effect("f", (_scope) => {
const { 4: onClick } = _scope;
_$.on(_scope[0], "click", onClick);
}),
_onClick_ = _$.value(4, (_scope, onClick) => _onClick__effect(_scope)),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
};
}),
_clickCount$myButtonBody = _$.registerSubscriber(
- "b1",
+ "d",
_$.dynamicClosure(1, (_scope, clickCount) =>
_$.data(_scope[0], clickCount),
),
);
_$.register(
- "b2",
+ "e",
_$.createRendererWithOwner(" ", " ", void 0, () => [
_clickCount$myButtonBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-component/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-component/__snapshots__/dom.expected/template.hydrate.js
index 504ff27457..d675f472f5 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-component/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-component/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 146 (min) 127 (brotli)
-const _clickCount_effect = _$.effect("a0", (_scope) =>
+// size: 145 (min) 108 (brotli)
+const _clickCount_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/dom.expected/template.hydrate.js
index 6eaae00aec..30144cb2d9 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/dom.expected/template.hydrate.js
@@ -1,13 +1,13 @@
-// size: 441 (min) 228 (brotli)
+// size: 438 (min) 225 (brotli)
const _count$ifBody = _$.closure(4, (_scope, count) =>
_$.data(_scope[0], count),
),
_ifBody = _$.register(
- "a0",
+ "b",
_$.createRenderer("The count is ", "b%", void 0, () => [_count$ifBody]),
),
_if = _$.conditional(2, 0),
- _count_effect = _$.effect("a1", (_scope) =>
+ _count_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -24,7 +24,7 @@ const _count$ifBody = _$.closure(4, (_scope, count) =>
(_scope, count) => _count_effect(_scope),
() => _$.inConditionalScope(_count$ifBody, 2),
),
- _show_effect = _$.effect("a2", (_scope) =>
+ _show_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/dom.expected/template.hydrate.js
index 927f93ef9e..02da704bc9 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/dom.expected/template.hydrate.js
@@ -1,13 +1,13 @@
-// size: 439 (min) 224 (brotli)
+// size: 436 (min) 222 (brotli)
const _count$ifBody = _$.closure(4, (_scope, count) =>
_$.data(_scope[0], count),
),
_ifBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(" ", "D ", void 0, () => [_count$ifBody]),
),
_if = _$.conditional(2, 0),
- _count_effect = _$.effect("a1", (_scope) =>
+ _count_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -24,7 +24,7 @@ const _count$ifBody = _$.closure(4, (_scope, count) =>
(_scope, count) => _count_effect(_scope),
() => _$.inConditionalScope(_count$ifBody, 2),
),
- _show_effect = _$.effect("a2", (_scope) =>
+ _show_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.hydrate.js
index 9b4dc7ec25..d6cca3fed0 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 211 (min) 142 (brotli)
-const _increment = _$.register("a0", (_scope) => {
+// size: 209 (min) 143 (brotli)
+const _increment = _$.register("b", (_scope) => {
const { 2: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
};
}),
- _increment2_effect = _$.effect("a1", (_scope) => {
+ _increment2_effect = _$.effect("c", (_scope) => {
const { 3: increment } = _scope;
_$.on(_scope[0], "click", increment);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/dom.expected/template.hydrate.js
index f80f7a2078..9ba3364ba7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 371 (min) 190 (brotli)
+// size: 369 (min) 189 (brotli)
const _expr_count_multiplier = _$.intersection(2, (_scope) => {
const { 4: count, 5: multiplier } = _scope;
_multipliedCount(_scope, count * multiplier);
@@ -6,7 +6,7 @@ const _expr_count_multiplier = _$.intersection(2, (_scope) => {
_multipliedCount = _$.value(6, (_scope, multipliedCount) =>
_$.data(_scope[3], multipliedCount),
),
- _multiplier_effect = _$.effect("a0", (_scope) =>
+ _multiplier_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -25,7 +25,7 @@ const _expr_count_multiplier = _$.intersection(2, (_scope) => {
},
() => _expr_count_multiplier,
),
- _count_effect = _$.effect("a1", (_scope) =>
+ _count_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[2],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-counter/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-counter/__snapshots__/dom.expected/template.hydrate.js
index 504ff27457..cd71c54f44 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-counter/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-counter/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 146 (min) 127 (brotli)
-const _clickCount_effect = _$.effect("a0", (_scope) =>
+// size: 145 (min) 109 (brotli)
+const _clickCount_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/dom.expected/template.hydrate.js
index 99bb944c66..22e0b2d2e9 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-dynamic-native-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 92 (min) 74 (brotli)
+// size: 91 (min) 79 (brotli)
const _tagNameBody = _$.register(
- "a0",
+ "b",
_$.createRendererWithOwner("Hello World", ""),
);
_$.dynamicTagAttrs(0, _tagNameBody);
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/dom.expected/template.hydrate.js
index e2d146bbfc..73d1e7efa7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/dom.expected/template.hydrate.js
@@ -1,2 +1,2 @@
-// size: 58 (min) 47 (brotli)
-_$.effect("a0", (_scope) => (document.body.className = "no-deps")), init();
+// size: 57 (min) 61 (brotli)
+_$.effect("b", (_scope) => (document.body.className = "no-deps")), init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.hydrate.js
index 51c58d213c..121c620b60 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 299 (min) 191 (brotli)
+// size: 297 (min) 183 (brotli)
const _message$ifBody = _$.closure(2, (_scope, message) =>
_$.data(_scope[0], message.text),
),
_ifBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(" ", " ", void 0, () => [_message$ifBody]),
),
_if = _$.conditional(1, 0),
@@ -13,7 +13,7 @@ const _message$ifBody = _$.closure(2, (_scope, message) =>
() => _if,
),
_message = _$.state(2, 0, () => _$.inConditionalScope(_message$ifBody, 1));
-_$.effect("a1", (_scope) =>
+_$.effect("c", (_scope) =>
_$.on(_scope[0], "click", function () {
_message(_scope, null), _show(_scope, !1);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/dom.expected/template.hydrate.js
index e72945d9e8..bee8f52a75 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 146 (min) 127 (brotli)
-const _count_effect = _$.effect("a0", (_scope) =>
+// size: 145 (min) 109 (brotli)
+const _count_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/dom.expected/template.hydrate.js
index 64e96ef675..33c208e7bd 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 230 (min) 156 (brotli)
-const _expr_a_b_effect = _$.effect("a0", (_scope) =>
+// size: 229 (min) 155 (brotli)
+const _expr_a_b_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.hydrate.js
index 0dfd55209d..de336eb4f7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 107 (min) 89 (brotli)
+// size: 106 (min) 87 (brotli)
const _data = _$.state(2, (_scope, data) => _$.data(_scope[1], data));
-_$.effect("a0", (_scope) =>
+_$.effect("b", (_scope) =>
_$.on(_scope[0], "click", function () {
_data(_scope, 1);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/dom.expected/template.hydrate.js
index b39d1f0c46..e939b91450 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-inert-collapsible-tree/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 1093 (min) 508 (brotli)
+// size: 1090 (min) 508 (brotli)
const _expr_comment_id$ifBody = _$.intersection(
2,
(_scope) => {
@@ -15,7 +15,7 @@ const _expr_comment_id$ifBody = _$.intersection(
_scope[0];
},
_ifBody = _$.register(
- "a0",
+ "c",
_$.createRenderer("", "/ b&", _setup$ifBody, () => [
_id$ifBody,
_comment$ifBody,
@@ -33,7 +33,7 @@ const _expr_comment_id$ifBody = _$.intersection(
() => _id$forBody,
),
_if$forBody = _$.conditional(4, 0),
- _open$forBody_effect = _$.effect("a1", (_scope) =>
+ _open$forBody_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -80,7 +80,7 @@ const _expr_comment_id$ifBody = _$.intersection(
_open$forBody(_scope, !0);
},
_forBody = _$.register(
- "a2",
+ "e",
_$.createRenderer(
" ",
" E l D l%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-layout/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-layout/__snapshots__/dom.expected/template.hydrate.js
index ad1fdafcad..a45b5d642f 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-layout/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-layout/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 188 (min) 129 (brotli)
+// size: 186 (min) 135 (brotli)
_$.dynamicTagAttrs(0);
const _name$layoutBody = _$.registerSubscriber(
- "b0",
+ "c",
_$.dynamicClosure(3, (_scope, name) => _$.data(_scope[0], name)),
);
_$.register(
- "b1",
+ "d",
_$.createRendererWithOwner("Hello
", "Db%", void 0, () => [
_name$layoutBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/dom.expected/template.hydrate.js
index a26e51a37b..44d5c53aa2 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-for/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 751 (min) 367 (brotli)
+// size: 748 (min) 367 (brotli)
const _name_ = _$.value(3, (_scope, name) => _$.data(_scope[0], name)),
_expr_outer_inner$forBody = _$.intersection(
2,
@@ -22,7 +22,7 @@ const _name_ = _$.value(3, (_scope, name) => _$.data(_scope[0], name)),
_scope[0];
},
_forBody2 = _$.register(
- "b0",
+ "c",
_$.createRenderer(
"
",
"/D l&",
@@ -45,7 +45,7 @@ const _name_ = _$.value(3, (_scope, name) => _$.data(_scope[0], name)),
() => _outer$forBody2,
),
_forBody = _$.register(
- "b1",
+ "d",
_$.createRenderer(
"",
"D%D",
@@ -55,7 +55,7 @@ const _name_ = _$.value(3, (_scope, name) => _$.data(_scope[0], name)),
),
),
_for = _$.loopOf(1, _forBody),
- _items_effect = _$.effect("b2", (_scope) =>
+ _items_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/dom.expected/template.hydrate.js
index ae038f6e7e..cc3b7d2e1a 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-params/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 877 (min) 389 (brotli)
+// size: 872 (min) 390 (brotli)
const _renderBody_input = _$.dynamicTagAttrs(0),
_expr_Text_value = _$.intersection(
2,
@@ -17,14 +17,14 @@ const _renderBody_input = _$.dynamicTagAttrs(0),
),
_inner$childBody = _$.value(3, (_scope, inner) => _$.data(_scope[1], inner)),
_outer$childBody = _$.registerSubscriber(
- "b0",
+ "c",
_$.dynamicClosure(2, (_scope, outer) => _$.data(_scope[0], outer)),
),
_params_3$childBody = _$.value(2, (_scope, _params_3) =>
_inner$childBody(_scope, _params_3[0]),
),
_childBody2 = _$.register(
- "b1",
+ "d",
_$.createRendererWithOwner(
".
",
"D%c%",
@@ -34,7 +34,7 @@ const _renderBody_input = _$.dynamicTagAttrs(0),
),
),
_y$childBody = _$.registerSubscriber(
- "b2",
+ "e",
_$.dynamicClosure(
3,
(_scope, y) => _value_(_scope[0], y),
@@ -52,7 +52,7 @@ const _renderBody_input = _$.dynamicTagAttrs(0),
_scope[0], _renderBody_(_scope[0], _childBody2(_scope));
};
_$.register(
- "b3",
+ "f",
_$.createRendererWithOwner(
"",
"/D%l&",
@@ -61,7 +61,7 @@ _$.register(
() => _params_2$childBody,
),
);
-const _x_effect = _$.effect("b4", (_scope) =>
+const _x_effect = _$.effect("g", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/dom.expected/template.hydrate.js
index b047a3c13d..242032ae24 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 348 (min) 216 (brotli)
+// size: 345 (min) 215 (brotli)
_$.dynamicTagAttrs(0);
-const _count$childBody_effect = _$.effect("b0", (_scope) =>
+const _count$childBody_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -15,13 +15,13 @@ const _count$childBody_effect = _$.effect("b0", (_scope) =>
),
),
_count$childBody = _$.registerSubscriber(
- "b1",
+ "d",
_$.dynamicClosure(1, (_scope, count) => {
_$.data(_scope[1], count), _count$childBody_effect(_scope);
}),
);
_$.register(
- "b2",
+ "e",
_$.createRendererWithOwner("", " D ", void 0, () => [
_count$childBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
index 1820cbc717..2d88f2280c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 373 (min) 222 (brotli)
+// size: 370 (min) 221 (brotli)
_$.dynamicTagAttrs(0);
-const _count$falseChildBody_effect = _$.effect("b0", (_scope) =>
+const _count$falseChildBody_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -15,13 +15,13 @@ const _count$falseChildBody_effect = _$.effect("b0", (_scope) =>
),
),
_count$falseChildBody = _$.registerSubscriber(
- "b1",
+ "c",
_$.dynamicClosure(1, (_scope, count) => {
_$.data(_scope[1], count), _count$falseChildBody_effect(_scope);
}),
),
_falseChildBody = _$.register(
- "b2",
+ "d",
_$.createRendererWithOwner("", " D ", void 0, () => [
_count$falseChildBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/dom.expected/template.hydrate.js
index fb7a3ad8e4..17ce6ecbbb 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 297 (min) 193 (brotli)
+// size: 296 (min) 193 (brotli)
const _expr_selected_num$forBody = _$.intersection(2, (_scope) => {
const {
_: { 1: selected },
@@ -7,7 +7,7 @@ const _expr_selected_num$forBody = _$.intersection(2, (_scope) => {
_$.attr(_scope[0], "data-selected", selected === num),
_$.attr(_scope[0], "data-multiple", num % selected == 0);
});
-_$.effect("a0", (_scope) =>
+_$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/dom.expected/template.hydrate.js
index 1ecb12df73..d1e2b92677 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 518 (min) 272 (brotli)
+// size: 515 (min) 270 (brotli)
const _clickCount$elseBody = _$.closure(1, (_scope, clickCount) =>
_$.data(_scope[0], clickCount),
),
_elseBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(
"The button was clicked times.",
"Db%",
@@ -11,7 +11,7 @@ const _clickCount$elseBody = _$.closure(1, (_scope, clickCount) =>
() => [_clickCount$elseBody],
),
),
- _clickCount$ifBody_effect = _$.effect("a1", (_scope) =>
+ _clickCount$ifBody_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -29,7 +29,7 @@ const _clickCount$elseBody = _$.closure(1, (_scope, clickCount) =>
_$.data(_scope[1], clickCount), _clickCount$ifBody_effect(_scope);
}),
_ifBody = _$.register(
- "a2",
+ "d",
_$.createRenderer("", " D ", void 0, () => [
_clickCount$ifBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/dom.expected/template.hydrate.js
index f5bdd3a7fc..eebf80e7c1 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/dom.expected/template.hydrate.js
@@ -1,13 +1,13 @@
-// size: 485 (min) 250 (brotli)
+// size: 482 (min) 249 (brotli)
const _item$forBody = _$.value(2, (_scope, item) => _$.data(_scope[0], item)),
_params_2$forBody = _$.value(1, (_scope, _params_2) =>
_item$forBody(_scope, _params_2[0]),
),
_forBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(" ", " ", void 0, void 0, () => _params_2$forBody),
),
- _expr_id_items_effect = _$.effect("a1", (_scope) =>
+ _expr_id_items_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[1],
"click",
@@ -24,7 +24,7 @@ const _item$forBody = _$.value(2, (_scope, item) => _$.data(_scope[0], item)),
_expr_id_items_effect(_scope);
}),
_for = _$.loopOf(0, _forBody),
- _items_effect = _$.effect("a2", (_scope) =>
+ _items_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[2],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.hydrate.js
index 908df68a1a..c58e710b98 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.hydrate.js
@@ -1,10 +1,10 @@
-// size: 488 (min) 250 (brotli)
+// size: 485 (min) 247 (brotli)
const _x$forBody = _$.value(2, (_scope, x) => _$.data(_scope[0], x)),
_params_2$forBody = _$.value(1, (_scope, _params_2) =>
_x$forBody(_scope, _params_2[0]),
),
_forBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(
" ",
"D ",
@@ -14,7 +14,7 @@ const _x$forBody = _$.value(2, (_scope, x) => _$.data(_scope[0], x)),
),
),
_for = _$.loopOf(0, _forBody),
- _list_effect = _$.effect("a1", (_scope) =>
+ _list_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -35,7 +35,7 @@ const _x$forBody = _$.value(2, (_scope, x) => _$.data(_scope[0], x)),
},
]);
}),
- _open_effect = _$.effect("a2", (_scope) =>
+ _open_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/dom.expected/template.hydrate.js
index 8c0245b3b6..2ad87fa5dc 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/dom.expected/template.hydrate.js
@@ -1,7 +1,7 @@
-// size: 214 (min) 146 (brotli)
-const _ifBody = _$.register("a0", _$.createRenderer("Hello!", "")),
+// size: 212 (min) 144 (brotli)
+const _ifBody = _$.register("b", _$.createRenderer("Hello!", "")),
_if = _$.conditional(0, 0),
- _show_effect = _$.effect("a1", (_scope) =>
+ _show_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/dom.expected/template.hydrate.js
index 504ff27457..cd71c54f44 100644
--- a/packages/translator-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 146 (min) 127 (brotli)
-const _clickCount_effect = _$.effect("a0", (_scope) =>
+// size: 145 (min) 109 (brotli)
+const _clickCount_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/dom.expected/template.hydrate.js
index 5740bbea69..87cc4ac337 100644
--- a/packages/translator-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/dom.expected/template.hydrate.js
@@ -1,14 +1,14 @@
-// size: 346 (min) 217 (brotli)
+// size: 344 (min) 213 (brotli)
const _message$ifBody = _$.closure(3, (_scope, message) =>
_$.data(_scope[0], message),
),
_ifBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(" ", "D ", void 0, () => [_message$ifBody]),
),
_if = _$.conditional(1, 0),
_message = _$.state(3, 0, () => _$.inConditionalScope(_message$ifBody, 1)),
- _show_effect = _$.effect("a1", (_scope) =>
+ _show_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/batched-updates/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/batched-updates/__snapshots__/dom.expected/template.hydrate.js
index 0bc86d3a40..dfe9f63336 100644
--- a/packages/translator-tags/src/__tests__/fixtures/batched-updates/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/batched-updates/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 227 (min) 146 (brotli)
-const _expr_a_b_effect = _$.effect("a0", (_scope) =>
+// size: 226 (min) 145 (brotli)
+const _expr_a_b_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/dom.expected/template.hydrate.js
index 4350d0a985..eb4498cd55 100644
--- a/packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 583 (min) 311 (brotli)
+// size: 579 (min) 329 (brotli)
const _renderBody_input = _$.dynamicTagAttrs(1),
_dynamicTagName = _$.conditional(
1,
(_scope) => _renderBody_input(_scope, () => ({})),
() => _renderBody_input,
),
- _attrs__effect = _$.effect("a0", (_scope) => {
+ _attrs__effect = _$.effect("f", (_scope) => {
_$.attrsEvents(_scope, 0);
}),
_renderBody_ = _$.value(
@@ -23,20 +23,20 @@ const _renderBody_input = _$.dynamicTagAttrs(1),
},
() => _renderBody_,
),
- _onClick = _$.register("b0", (_scope) => {
+ _onClick = _$.register("c", (_scope) => {
const { 1: clickCount } = _scope;
return function () {
_clickCount(_scope, clickCount + 1);
};
}),
_clickCount$FancyButtonBody = _$.registerSubscriber(
- "b1",
+ "d",
_$.dynamicClosure(1, (_scope, clickCount) =>
_$.data(_scope[0], clickCount),
),
),
_FancyButtonBody = _$.register(
- "b2",
+ "e",
_$.createRendererWithOwner(" ", " ", void 0, () => [
_clickCount$FancyButtonBody,
]),
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
index 8cff647367..9aa8df671e 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 834 (min) 421 (brotli)
-const _expr_name_write_effect = _$.effect("a0", (_scope) => {
+// size: 830 (min) 415 (brotli)
+const _expr_name_write_effect = _$.effect("f", (_scope) => {
const { 5: name, 6: write } = _scope;
write(`mounted ${name}`),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -23,7 +23,7 @@ const _expr_name_write_effect = _$.effect("a0", (_scope) => {
() => _expr_name_write,
);
_$.register(
- "b0",
+ "c",
(_scope) =>
function (msg) {
_scope[1].innerHTML += "\n" + msg;
@@ -49,7 +49,7 @@ const _write$forBody = _$.closure(
_scope[0];
},
_forBody = _$.register(
- "b1",
+ "d",
_$.createRenderer(
"
",
"/D lD lD l&",
@@ -59,7 +59,7 @@ const _write$forBody = _$.closure(
),
),
_for = _$.loopOf(2, _forBody),
- _items_effect = _$.effect("b2", (_scope) =>
+ _items_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
index cf2bbc66b5..4427e94c61 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 1617 (min) 571 (brotli)
+// size: 1608 (min) 568 (brotli)
const _template_ = " a
a a
",
- _expr_name_write_effect = _$.effect("a0", (_scope) => {
+ _expr_name_write_effect = _$.effect("k", (_scope) => {
const { 5: name, 6: write } = _scope;
write(`${name} mounted`),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -24,7 +24,7 @@ const _template_ = " a
a a
",
() => _expr_name_write,
);
_$.register(
- "b0",
+ "c",
(_scope) =>
function (msg) {
_scope[3].innerHTML += "\n" + msg;
@@ -40,7 +40,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Inner");
},
_ifBody3 = _$.register(
- "b1",
+ "d",
_$.createRenderer(`${_template_}`, "/D%lD%lD%l&", _setup$ifBody3, () => [
_write$ifBody3,
]),
@@ -53,7 +53,7 @@ const _write$ifBody3 = _$.dynamicClosure(
() => _$.inChild(0, _write_),
),
_showInner$ifBody = _$.registerSubscriber(
- "b2",
+ "e",
_$.dynamicClosure(
7,
(_scope, showInner) => _if$ifBody(_scope, showInner ? _ifBody3 : null),
@@ -65,7 +65,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Middle");
},
_ifBody2 = _$.register(
- "b3",
+ "f",
_$.createRenderer(
`${_template_}
`,
"D/D%lD%lD%l&%",
@@ -90,7 +90,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Outer");
},
_ifBody = _$.register(
- "b4",
+ "g",
_$.createRenderer(
`${_template_}
`,
"D/D%lD%lD%l&%",
@@ -99,7 +99,7 @@ const _write$ifBody3 = _$.dynamicClosure(
),
),
_if = _$.conditional(4, 0),
- _showInner_effect = _$.effect("b5", (_scope) =>
+ _showInner_effect = _$.effect("h", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -116,7 +116,7 @@ const _write$ifBody3 = _$.dynamicClosure(
(_scope, showInner) => _showInner_effect(_scope),
() => _$.dynamicSubscribers(7),
),
- _showMiddle_effect = _$.effect("b6", (_scope) =>
+ _showMiddle_effect = _$.effect("i", (_scope) =>
_$.on(
_scope[1],
"click",
@@ -133,7 +133,7 @@ const _write$ifBody3 = _$.dynamicClosure(
(_scope, showMiddle) => _showMiddle_effect(_scope),
() => _$.inConditionalScope(_showMiddle$ifBody, 4),
),
- _showOuter_effect = _$.effect("b7", (_scope) =>
+ _showOuter_effect = _$.effect("j", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
index 95399c89a7..d98ecfaf4c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 402 (min) 240 (brotli)
-const _setup$ifBody_effect = _$.effect("a0", (_scope) => {
+// size: 399 (min) 238 (brotli)
+const _setup$ifBody_effect = _$.effect("b", (_scope) => {
(_scope._[1].innerHTML += "\nmounted"),
(_$.getAbortSignal(_scope, 0).onabort = () => {
_scope._[1].innerHTML += "\ndestroyed";
@@ -9,11 +9,11 @@ const _setup$ifBody_effect = _$.effect("a0", (_scope) => {
_$.resetAbortSignal(_scope, 0), _setup$ifBody_effect(_scope);
},
_ifBody = _$.register(
- "a1",
+ "c",
_$.createRenderer("a
bc
", "", _setup$ifBody),
),
_if = _$.conditional(2, 0),
- _show_effect = _$.effect("a2", (_scope) =>
+ _show_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
index bb63b866ac..d1afc52c9a 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-n-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 531 (min) 293 (brotli)
-const _input__effect = _$.effect("a0", (_scope) => {
+// size: 527 (min) 291 (brotli)
+const _input__effect = _$.effect("f", (_scope) => {
const { 1: input } = _scope;
input.write("mounted"),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -13,7 +13,7 @@ const _input__effect = _$.effect("a0", (_scope) => {
_$.resetAbortSignal(_scope, 0), _input__effect(_scope);
}),
_write = _$.register(
- "b0",
+ "c",
(_scope) =>
function (state) {
_scope._[1].innerHTML = state;
@@ -23,7 +23,7 @@ const _input__effect = _$.effect("a0", (_scope) => {
_scope[0], _input_(_scope[0], { write: _write(_scope) });
},
_ifBody = _$.register(
- "b1",
+ "d",
_$.createRenderer(
"a
bc
",
"/d&",
@@ -31,7 +31,7 @@ const _input__effect = _$.effect("a0", (_scope) => {
),
),
_if = _$.conditional(2, 0),
- _show_effect = _$.effect("b2", (_scope) =>
+ _show_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/dom.expected/template.hydrate.js
index d24a7ed236..5a9a8c78ba 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-deep/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 1265 (min) 528 (brotli)
-const _expr_name_write_effect = _$.effect("a0", (_scope) => {
+// size: 1260 (min) 532 (brotli)
+const _expr_name_write_effect = _$.effect("g", (_scope) => {
_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
const { 3: name, 4: write } = _scope;
return () => {
@@ -17,7 +17,7 @@ const _expr_name_write_effect = _$.effect("a0", (_scope) => {
() => _expr_name_write,
);
_$.register(
- "b0",
+ "b",
(_scope) =>
function (msg) {
_scope[1].innerHTML += "\n" + msg;
@@ -60,7 +60,7 @@ const _expr_outerItem_middleItem$forBody = _$.intersection(
_scope[0];
},
_forBody2 = _$.register(
- "b1",
+ "d",
_$.createRenderer(
"",
"D/D l&",
@@ -100,7 +100,7 @@ const _expr_outerItem_middleItem$forBody = _$.intersection(
_scope[0];
},
_forBody = _$.register(
- "b2",
+ "e",
_$.createRenderer(
"",
"D/D l&%",
@@ -110,7 +110,7 @@ const _expr_outerItem_middleItem$forBody = _$.intersection(
),
),
_for = _$.loopOf(2, _forBody),
- _items_effect = _$.effect("b3", (_scope) =>
+ _items_effect = _$.effect("f", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
index a6d9274629..cc6c957281 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-for-shallow/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 774 (min) 395 (brotli)
-const _expr_name_write_effect = _$.effect("a0", (_scope) => {
+// size: 770 (min) 399 (brotli)
+const _expr_name_write_effect = _$.effect("f", (_scope) => {
const { 3: name, 4: write } = _scope;
write(`mounted ${name}`),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -19,7 +19,7 @@ const _expr_name_write_effect = _$.effect("a0", (_scope) => {
() => _expr_name_write,
);
_$.register(
- "b0",
+ "c",
(_scope) =>
function (msg) {
_scope[1].innerHTML += "\n" + msg;
@@ -45,7 +45,7 @@ const _write$forBody = _$.closure(
_scope[0];
},
_forBody = _$.register(
- "b1",
+ "d",
_$.createRenderer(
"
",
"/D l&",
@@ -55,7 +55,7 @@ const _write$forBody = _$.closure(
),
),
_for = _$.loopOf(2, _forBody),
- _items_effect = _$.effect("b2", (_scope) =>
+ _items_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
index 8a2e08468b..3b342690ca 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-deep/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 1528 (min) 542 (brotli)
-const _expr_name_write_effect = _$.effect("a0", (_scope) => {
+// size: 1519 (min) 547 (brotli)
+const _expr_name_write_effect = _$.effect("k", (_scope) => {
const { 3: name, 4: write } = _scope;
write(`${name} mounted`),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -19,7 +19,7 @@ const _expr_name_write_effect = _$.effect("a0", (_scope) => {
() => _expr_name_write,
);
_$.register(
- "b0",
+ "c",
(_scope) =>
function (msg) {
_scope[3].innerHTML += "\n" + msg;
@@ -35,7 +35,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Inner");
},
_ifBody3 = _$.register(
- "b1",
+ "d",
_$.createRenderer("
", "/D l&", _setup$ifBody3, () => [
_write$ifBody3,
]),
@@ -48,7 +48,7 @@ const _write$ifBody3 = _$.dynamicClosure(
() => _$.inChild(0, _write_),
),
_showInner$ifBody = _$.registerSubscriber(
- "b2",
+ "e",
_$.dynamicClosure(
7,
(_scope, showInner) => _if$ifBody(_scope, showInner ? _ifBody3 : null),
@@ -60,7 +60,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Middle");
},
_ifBody2 = _$.register(
- "b3",
+ "f",
_$.createRenderer(
"",
"D/D l&%",
@@ -85,7 +85,7 @@ const _write$ifBody3 = _$.dynamicClosure(
_scope[0], _name_(_scope[0], "Outer");
},
_ifBody = _$.register(
- "b4",
+ "g",
_$.createRenderer(
"",
"D/D l&%",
@@ -94,7 +94,7 @@ const _write$ifBody3 = _$.dynamicClosure(
),
),
_if = _$.conditional(4, 0),
- _showInner_effect = _$.effect("b5", (_scope) =>
+ _showInner_effect = _$.effect("h", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -111,7 +111,7 @@ const _write$ifBody3 = _$.dynamicClosure(
(_scope, showInner) => _showInner_effect(_scope),
() => _$.dynamicSubscribers(7),
),
- _showMiddle_effect = _$.effect("b6", (_scope) =>
+ _showMiddle_effect = _$.effect("i", (_scope) =>
_$.on(
_scope[1],
"click",
@@ -128,7 +128,7 @@ const _write$ifBody3 = _$.dynamicClosure(
(_scope, showMiddle) => _showMiddle_effect(_scope),
() => _$.inConditionalScope(_showMiddle$ifBody, 4),
),
- _showOuter_effect = _$.effect("b7", (_scope) =>
+ _showOuter_effect = _$.effect("j", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
index bad938cabc..c64c3c84ea 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-same-scope/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 384 (min) 224 (brotli)
-const _setup$ifBody_effect = _$.effect("a0", (_scope) => {
+// size: 381 (min) 223 (brotli)
+const _setup$ifBody_effect = _$.effect("b", (_scope) => {
(_scope._[1].innerHTML += "\nmounted"),
(_$.getAbortSignal(_scope, 0).onabort = () => {
_scope._[1].innerHTML += "\ndestroyed";
@@ -9,11 +9,11 @@ const _setup$ifBody_effect = _$.effect("a0", (_scope) => {
_$.resetAbortSignal(_scope, 0), _setup$ifBody_effect(_scope);
},
_ifBody = _$.register(
- "a1",
+ "c",
_$.createRenderer("child
", "", _setup$ifBody),
),
_if = _$.conditional(2, 0),
- _show_effect = _$.effect("a2", (_scope) =>
+ _show_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
index 14d90be790..0f1290ca4d 100644
--- a/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/cleanup-single-child-if-shallow/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 513 (min) 285 (brotli)
-const _input__effect = _$.effect("a0", (_scope) => {
+// size: 509 (min) 277 (brotli)
+const _input__effect = _$.effect("f", (_scope) => {
const { 1: input } = _scope;
input.write("mounted"),
(_$.getAbortSignal(_scope, 0).onabort = ((_scope) => {
@@ -13,7 +13,7 @@ const _input__effect = _$.effect("a0", (_scope) => {
_$.resetAbortSignal(_scope, 0), _input__effect(_scope);
}),
_write = _$.register(
- "b0",
+ "c",
(_scope) =>
function (state) {
_scope._[1].innerHTML = state;
@@ -23,11 +23,11 @@ const _input__effect = _$.effect("a0", (_scope) => {
_scope[0], _input_(_scope[0], { write: _write(_scope) });
},
_ifBody = _$.register(
- "b1",
+ "d",
_$.createRenderer("child
", "/b&", _setup$ifBody),
),
_if = _$.conditional(2, 0),
- _show_effect = _$.effect("b2", (_scope) =>
+ _show_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/dom.expected/template.hydrate.js
index 59f4eb8ccf..1dcf790d41 100644
--- a/packages/translator-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/dom.expected/template.hydrate.js
@@ -1,10 +1,10 @@
-// size: 244 (min) 161 (brotli)
+// size: 243 (min) 167 (brotli)
const _expr_value_dummy = _$.intersection(2, (_scope) => {
const { 3: value, 4: dummy } = _scope;
_$.data(_scope[0], value);
}),
_value_ = _$.value(3, 0, () => _expr_value_dummy),
- _count_effect = _$.effect("b0", (_scope) =>
+ _count_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.hydrate.js
index d5c64d7aec..e0a2dd9bda 100644
--- a/packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 300 (min) 185 (brotli)
+// size: 297 (min) 183 (brotli)
const _expr_input_count = _$.intersection(2, (_scope) => {
const { 3: input, 4: count } = _scope;
_$.data(_scope[1], input.format(count));
}),
- _count_effect = _$.effect("a0", (_scope) =>
+ _count_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -20,8 +20,8 @@ const _expr_input_count = _$.intersection(2, (_scope) => {
(_scope, count) => _count_effect(_scope),
() => _expr_input_count,
);
-_$.register("b1", function (n) {
+_$.register("d", function (n) {
return "$" + n.toFixed(2);
}),
- _$.register("b0", (n) => "$" + n.toFixed(2)),
+ _$.register("c", (n) => "$" + n.toFixed(2)),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/dom.expected/template.hydrate.js
index 0a481aa8b6..162275324c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-spread/__snapshots__/dom.expected/template.hydrate.js
@@ -1,10 +1,10 @@
-// size: 267 (min) 173 (brotli)
-const _input__effect = _$.effect("a0", (_scope) => _$.attrsEvents(_scope, 0)),
+// size: 265 (min) 187 (brotli)
+const _input__effect = _$.effect("d", (_scope) => _$.attrsEvents(_scope, 0)),
_input_ = _$.value(2, (_scope, input) => {
_$.attrs(_scope, 0, { type: "checkbox", ...input }), _input__effect(_scope);
}),
_checkedChange = _$.register(
- "b0",
+ "c",
(_scope) =>
function (_new_checked) {
_checked(_scope, _new_checked);
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/dom.expected/template.hydrate.js
index bd710b9338..f25a7506a1 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-value/__snapshots__/dom.expected/template.hydrate.js
@@ -1,20 +1,20 @@
-// size: 491 (min) 154 (brotli)
+// size: 487 (min) 153 (brotli)
const _checkedValueChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (_new_checkedValue) {
_checkedValue(_scope, _new_checkedValue);
},
),
_checkedValueChange2 = _$.register(
- "a1",
+ "c",
(_scope) =>
function (_new_checkedValue2) {
_checkedValue(_scope, _new_checkedValue2);
},
),
_checkedValueChange3 = _$.register(
- "a1",
+ "c",
(_scope) =>
function (_new_checkedValue3) {
_checkedValue(_scope, _new_checkedValue3);
@@ -44,7 +44,7 @@ const _checkedValueChange = _$.register(
),
_$.data(_scope[3], checkedValue);
});
-_$.effect("a2", (_scope) => {
+_$.effect("d", (_scope) => {
_$.controllable_input_checkedValue_effect(_scope, 0),
_$.controllable_input_checkedValue_effect(_scope, 1),
_$.controllable_input_checkedValue_effect(_scope, 2);
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/dom.expected/template.hydrate.js
index 8326488af7..a2b4fe3ac8 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values-spread/__snapshots__/dom.expected/template.hydrate.js
@@ -1,24 +1,24 @@
-// size: 534 (min) 214 (brotli)
-const _input__effect = _$.effect("a0", (_scope) => _$.attrsEvents(_scope, 0)),
+// size: 530 (min) 221 (brotli)
+const _input__effect = _$.effect("e", (_scope) => _$.attrsEvents(_scope, 0)),
_input_ = _$.value(2, (_scope, input) => {
_$.attrs(_scope, 0, { type: "checkbox", ...input }), _input__effect(_scope);
}),
_checkedValueChange = _$.register(
- "b0",
+ "c",
(_scope) =>
function (_new_checkedValue) {
_checkedValue(_scope, _new_checkedValue);
},
),
_checkedValueChange2 = _$.register(
- "b1",
+ "d",
(_scope) =>
function (_new_checkedValue2) {
_checkedValue(_scope, _new_checkedValue2);
},
),
_checkedValueChange3 = _$.register(
- "b1",
+ "d",
(_scope) =>
function (_new_checkedValue3) {
_checkedValue(_scope, _new_checkedValue3);
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/dom.expected/template.hydrate.js
index bd710b9338..f25a7506a1 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-checked-values/__snapshots__/dom.expected/template.hydrate.js
@@ -1,20 +1,20 @@
-// size: 491 (min) 154 (brotli)
+// size: 487 (min) 153 (brotli)
const _checkedValueChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (_new_checkedValue) {
_checkedValue(_scope, _new_checkedValue);
},
),
_checkedValueChange2 = _$.register(
- "a1",
+ "c",
(_scope) =>
function (_new_checkedValue2) {
_checkedValue(_scope, _new_checkedValue2);
},
),
_checkedValueChange3 = _$.register(
- "a1",
+ "c",
(_scope) =>
function (_new_checkedValue3) {
_checkedValue(_scope, _new_checkedValue3);
@@ -44,7 +44,7 @@ const _checkedValueChange = _$.register(
),
_$.data(_scope[3], checkedValue);
});
-_$.effect("a2", (_scope) => {
+_$.effect("d", (_scope) => {
_$.controllable_input_checkedValue_effect(_scope, 0),
_$.controllable_input_checkedValue_effect(_scope, 1),
_$.controllable_input_checkedValue_effect(_scope, 2);
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/dom.expected/template.hydrate.js
index 47c361be93..d32220b3bc 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-checked/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 203 (min) 138 (brotli)
+// size: 201 (min) 123 (brotli)
const _checkedChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (_new_checked) {
_checked(_scope, _new_checked);
@@ -10,5 +10,5 @@ const _checkedChange = _$.register(
_$.controllable_input_checked(_scope, 0, checked, _checkedChange(_scope)),
_$.data(_scope[1], String(checked));
});
-_$.effect("a1", (_scope) => _$.controllable_input_checked_effect(_scope, 0)),
+_$.effect("c", (_scope) => _$.controllable_input_checked_effect(_scope, 0)),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/dom.expected/template.hydrate.js
index f59127aff1..60925cebeb 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-input-value/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 191 (min) 134 (brotli)
+// size: 189 (min) 125 (brotli)
const _valueChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (_new_value) {
_value(_scope, _new_value);
@@ -10,5 +10,5 @@ const _valueChange = _$.register(
_$.controllable_input_value(_scope, 0, value, _valueChange(_scope)),
_$.data(_scope[1], value);
});
-_$.effect("a1", (_scope) => _$.controllable_input_value_effect(_scope, 0)),
+_$.effect("c", (_scope) => _$.controllable_input_value_effect(_scope, 0)),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/dom.expected/template.hydrate.js
index 00934f96e4..e92d8118b4 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-select-dynamic-spread/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 314 (min) 165 (brotli)
-const _setup$tagSelectBody_effect = _$.effect("a0", (_scope) => {
+// size: 312 (min) 156 (brotli)
+const _setup$tagSelectBody_effect = _$.effect("b", (_scope) => {
_$.attrsEvents(_scope, 0),
_$.attrsEvents(_scope, 1),
_$.attrsEvents(_scope, 2);
@@ -11,7 +11,7 @@ const _setup$tagSelectBody_effect = _$.effect("a0", (_scope) => {
_setup$tagSelectBody_effect(_scope);
},
_tagSelectBody = _$.register(
- "a1",
+ "c",
_$.createRendererWithOwner(
"",
" b b ",
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-select/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-select/__snapshots__/dom.expected/template.hydrate.js
index f9f69dbb7d..17bf66fd8c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-select/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-select/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 193 (min) 125 (brotli)
+// size: 191 (min) 120 (brotli)
const _valueChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (v) {
_value(_scope, v);
@@ -10,5 +10,5 @@ const _valueChange = _$.register(
_$.controllable_select_value(_scope, 0, value, _valueChange(_scope)),
_$.data(_scope[1], value);
});
-_$.effect("a1", (_scope) => _$.controllable_select_value_effect(_scope, 0)),
+_$.effect("c", (_scope) => _$.controllable_select_value_effect(_scope, 0)),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/dom.expected/template.hydrate.js
index bf6bc19e17..5255c4fefb 100644
--- a/packages/translator-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/controllable-textarea-value/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 197 (min) 119 (brotli)
+// size: 195 (min) 118 (brotli)
const _valueChange = _$.register(
- "a0",
+ "b",
(_scope) =>
function (_new_value) {
_value(_scope, _new_value);
@@ -10,5 +10,5 @@ const _valueChange = _$.register(
_$.controllable_textarea_value(_scope, 0, value, _valueChange(_scope)),
_$.data(_scope[1], value);
});
-_$.effect("a1", (_scope) => _$.controllable_textarea_value_effect(_scope, 0)),
+_$.effect("c", (_scope) => _$.controllable_textarea_value_effect(_scope, 0)),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.hydrate.js
index b028101adc..caa6e8a7a9 100644
--- a/packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 264 (min) 148 (brotli)
+// size: 263 (min) 162 (brotli)
const _expr_a_b = _$.intersection(2, (_scope) => {
const { 5: a, 6: b } = _scope;
_$.data(_scope[4], a + b);
@@ -13,7 +13,7 @@ const _expr_a_b = _$.intersection(2, (_scope) => {
(_scope, a) => _$.data(_scope[1], a),
() => _expr_a_b,
);
-_$.effect("a0", (_scope) => {
+_$.effect("b", (_scope) => {
_$.on(_scope[0], "click", function () {
_a(_scope, 10);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/dom.expected/template.hydrate.js
index 075244516a..7f8ae21f05 100644
--- a/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-from/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 144 (min) 123 (brotli)
+// size: 143 (min) 108 (brotli)
const _n$forBody = _$.value(2, (_scope, n) => _$.data(_scope[0], n)),
_params_2$forBody = _$.value(1, (_scope, _params_2) =>
_n$forBody(_scope, _params_2[0]),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer(", ", "%", void 0, void 0, () => _params_2$forBody),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/dom.expected/template.hydrate.js
index f9aa3c9392..b96559e972 100644
--- a/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/create-and-clear-rows-loop-in/__snapshots__/dom.expected/template.hydrate.js
@@ -1,10 +1,10 @@
-// size: 354 (min) 156 (brotli)
+// size: 352 (min) 165 (brotli)
const _key$forBody2 = _$.value(2, (_scope, key) => _$.data(_scope[0], key)),
_params_3$forBody = _$.value(1, (_scope, _params_3) =>
_key$forBody2(_scope, _params_3[0]),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer("
", "D ", void 0, void 0, () => _params_3$forBody),
);
const _text$forBody = _$.value(4, (_scope, text) => _$.data(_scope[1], text)),
@@ -13,7 +13,7 @@ const _text$forBody = _$.value(4, (_scope, text) => _$.data(_scope[1], text)),
_key$forBody(_scope, _params_2[0]), _text$forBody(_scope, _params_2[1]);
});
_$.register(
- "a1",
+ "c",
_$.createRenderer(
":
",
"D%c%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/dom.expected/template.hydrate.js
index a97b31fb10..7aacc7347d 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-args/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 601 (min) 301 (brotli)
+// size: 599 (min) 290 (brotli)
const _inputRenderBody_input = _$.dynamicTagAttrs(3, void 0, 1),
_expr_Text_x_y = _$.intersection(
3,
@@ -8,7 +8,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(3, void 0, 1),
},
() => _inputRenderBody_input,
),
- _expr_x_y_effect = _$.effect("a0", (_scope) =>
+ _expr_x_y_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -44,7 +44,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(3, void 0, 1),
_count2$customTagBody(_scope, _params_2[1]);
});
_$.register(
- "b0",
+ "c",
_$.createRendererWithOwner(
"Counts: ,
",
"Db%c%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/dom.expected/template.hydrate.js
index ea5ebb76b6..ea32d826de 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-attributes/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 523 (min) 296 (brotli)
+// size: 521 (min) 310 (brotli)
const _inputRenderBody_input = _$.dynamicTagAttrs(2),
_expr_Text_input_x = _$.intersection(
3,
@@ -8,7 +8,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(2),
},
() => _inputRenderBody_input,
),
- _x_effect = _$.effect("a0", (_scope) =>
+ _x_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -39,7 +39,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(2),
_pattern_$customTagBody(_scope, _params_2[0]),
);
_$.register(
- "b0",
+ "c",
_$.createRendererWithOwner(
"Count ():
",
"Db%c%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/dom.expected/template.hydrate.js
index 5979483cb2..6798963039 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-parameters-from-single-arg/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 403 (min) 248 (brotli)
+// size: 401 (min) 248 (brotli)
const _inputRenderBody_input = _$.dynamicTagAttrs(2),
_expr_Text_x = _$.intersection(
2,
@@ -8,7 +8,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(2),
},
() => _inputRenderBody_input,
),
- _x_effect = _$.effect("a0", (_scope) =>
+ _x_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -34,7 +34,7 @@ const _inputRenderBody_input = _$.dynamicTagAttrs(2),
_count$customTagBody(_scope, _params_2[0]),
);
_$.register(
- "b0",
+ "c",
_$.createRendererWithOwner(
"Count:
",
"Db%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/dom.expected/template.hydrate.js
index a6279fe43f..b93be30890 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-render-body/__snapshots__/dom.expected/template.hydrate.js
@@ -1,3 +1,3 @@
-// size: 95 (min) 73 (brotli)
+// size: 94 (min) 72 (brotli)
_$.dynamicTagAttrs(1),
- _$.register("b0", _$.createRendererWithOwner("This is the body content", ""));
+ _$.register("c", _$.createRendererWithOwner("This is the body content", ""));
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
index a400580aed..24c1fe9595 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
@@ -1,12 +1,12 @@
-// size: 351 (min) 182 (brotli)
+// size: 347 (min) 183 (brotli)
_$.register(
- "a0",
+ "c",
(_scope) =>
function (_new_x) {
_x(_scope, _new_x);
},
);
-const _x_effect = _$.effect("a1", (_scope) =>
+const _x_effect = _$.effect("f", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -25,8 +25,8 @@ const _x_effect = _$.effect("a1", (_scope) =>
},
() => _$.tagVarSignal,
);
-_$.registerBoundSignal("b0", (_scope, count) => {}),
- _$.effect("b1", (_scope) =>
+_$.registerBoundSignal("d", (_scope, count) => {}),
+ _$.effect("e", (_scope) =>
_$.on(_scope[1], "click", function () {
_$.tagVarSignalChange(_scope[0], 0);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/dom.expected/template.hydrate.js
index e26fa27cc3..4d2f906e81 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-expression/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 63 (min) 67 (brotli)
+// size: 62 (min) 66 (brotli)
_$.registerBoundSignal(
- "b0",
+ "c",
_$.value(2, (_scope, data) => _$.data(_scope[1], data)),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/dom.expected/template.hydrate.js
index e26fa27cc3..4d2f906e81 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var-multiple/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 63 (min) 67 (brotli)
+// size: 62 (min) 66 (brotli)
_$.registerBoundSignal(
- "b0",
+ "c",
_$.value(2, (_scope, data) => _$.data(_scope[1], data)),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/dom.expected/template.hydrate.js
index 11a3e23a18..3c7c769df0 100644
--- a/packages/translator-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 250 (min) 155 (brotli)
-const _x_effect = _$.effect("a0", (_scope) =>
+// size: 248 (min) 153 (brotli)
+const _x_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -19,7 +19,7 @@ const _x_effect = _$.effect("a0", (_scope) =>
() => _$.tagVarSignal,
);
_$.registerBoundSignal(
- "b0",
+ "c",
_$.value(2, (_scope, data) => _$.data(_scope[1], data)),
),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/dom.expected/template.hydrate.js
index c1698607b8..0a0c891400 100644
--- a/packages/translator-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/define-tag-for-attribute-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 480 (min) 275 (brotli)
+// size: 478 (min) 275 (brotli)
const _inputThingRenderBody_input = _$.dynamicTagAttrs(1),
_dynamicTagName = _$.conditional(
1,
@@ -14,7 +14,7 @@ const _inputThingRenderBody_input = _$.dynamicTagAttrs(1),
() => _dynamicTagName,
),
_defineBody = _$.register(
- "b0",
+ "c",
_$.createRendererWithOwner("The thing", ""),
),
_myThing = _$.value(
@@ -22,7 +22,7 @@ const _inputThingRenderBody_input = _$.dynamicTagAttrs(1),
(_scope, myThing) => _input_(_scope[0], { thing: myThing }),
() => _$.inChild(0, _input_),
),
- _selected_effect = _$.effect("b1", (_scope) =>
+ _selected_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/dom.expected/template.hydrate.js
index f3d5be1b9e..0d3833a287 100644
--- a/packages/translator-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/dom.expected/template.hydrate.js
@@ -1,8 +1,8 @@
-// size: 220 (min) 154 (brotli)
+// size: 219 (min) 152 (brotli)
const _myObj = _$.value(4, (_scope, myObj) =>
_$.data(_scope[0], JSON.stringify(myObj)),
),
- _x_effect = _$.effect("a0", (_scope) =>
+ _x_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/dom.expected/template.hydrate.js
index c52243cb02..fe90687a43 100644
--- a/packages/translator-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 417 (min) 250 (brotli)
-const _y$defineBody_effect = _$.effect("a0", (_scope) =>
+// size: 415 (min) 248 (brotli)
+const _y$defineBody_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -25,7 +25,7 @@ const _y$defineBody_effect = _$.effect("a0", (_scope) =>
_y$defineBody(_scope, 1);
};
_$.register(
- "a1",
+ "c",
_$.createRendererWithOwner(
"Hello
",
"Db%c%l D ",
diff --git a/packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.hydrate.js
index d510b88b11..a04d067f98 100644
--- a/packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 196 (min) 119 (brotli)
-_$.register("a1", function () {
+// size: 193 (min) 115 (brotli)
+_$.register("c", function () {
log.static += "rendered";
}),
_$.register(
- "a0",
+ "b",
(_scope) =>
function () {
log.const += "rendered";
@@ -12,4 +12,4 @@ _$.register("a1", function () {
const _logOutput = _$.state(3, (_scope, logOutput) =>
_$.data(_scope[0], logOutput),
);
-_$.effect("a2", (_scope) => _logOutput(_scope, JSON.stringify(log))), init();
+_$.effect("d", (_scope) => _logOutput(_scope, JSON.stringify(log))), init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/dom.expected/template.hydrate.js
index 4395affd4f..0f958758bd 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/dom.expected/template.hydrate.js
@@ -1,21 +1,21 @@
-// size: 399 (min) 215 (brotli)
+// size: 396 (min) 216 (brotli)
const _setup$ifBody2 = (_scope) => {
_$.data(_scope[0], _scope.$global.x);
},
_ifBody2 = _$.register(
- "a0",
+ "b",
_$.createRenderer(" ", "D ", _setup$ifBody2),
),
_setup$ifBody = (_scope) => {
_$.data(_scope[0], _scope.$global.x);
},
_ifBody = _$.register(
- "a1",
+ "c",
_$.createRenderer(" ", "D ", _setup$ifBody),
),
_if2 = _$.conditional(1, 0),
_if = _$.conditional(0, 0),
- _show_effect = _$.effect("a2", (_scope) =>
+ _show_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[2],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.hydrate.js
index cd15a74416..161f10401c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.hydrate.js
@@ -1,7 +1,7 @@
-// size: 445 (min) 212 (brotli)
+// size: 441 (min) 217 (brotli)
_$.dynamicTagAttrs(0);
_$.registerSubscriber(
- "b0",
+ "c",
_$.dynamicClosure(
4,
(_scope, c) => _$.data(_scope[2], c),
@@ -9,7 +9,7 @@ _$.registerSubscriber(
),
);
const _c$customTagBody = _$.registerSubscriber(
- "b1",
+ "d",
_$.dynamicClosure(4, (_scope, c) => _$.data(_scope[2], c)),
),
_b$customTagBody = _$.dynamicClosure(3, (_scope, b) => _$.data(_scope[1], b)),
@@ -17,7 +17,7 @@ const _c$customTagBody = _$.registerSubscriber(
_$.data(_scope[0], 1);
};
_$.register(
- "b2",
+ "e",
_$.createRendererWithOwner(
" ",
"%c%c%",
@@ -26,7 +26,7 @@ _$.register(
),
);
const _c = _$.state(4, 0, () => _$.dynamicSubscribers(4));
-_$.effect("b3", (_scope) =>
+_$.effect("f", (_scope) =>
_$.on(_scope[0], "click", function () {
_c(_scope, 4);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/dom.expected/template.hydrate.js
index 8189976c61..39845bde95 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 160 (min) 122 (brotli)
-const _clickCount_effect = _$.effect("a0", (_scope) => {
+// size: 159 (min) 121 (brotli)
+const _clickCount_effect = _$.effect("b", (_scope) => {
const { 2: clickCount } = _scope;
_$.on(
_scope[0],
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
index 7ec45a7007..65ca1d3ec3 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 361 (min) 228 (brotli)
+// size: 359 (min) 221 (brotli)
const _tagNameBody = _$.register(
- "a0",
+ "b",
_$.createRendererWithOwner("body content", ""),
),
_tagName_input = _$.dynamicTagAttrs(0, _tagNameBody),
@@ -13,7 +13,7 @@ const _tagNameBody = _$.register(
() => _tagName_input,
),
_dynamicTagName = _$.conditional(0, 0, () => _expr_Text_className),
- _tagName_effect = _$.effect("a1", (_scope) =>
+ _tagName_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/dom.expected/template.hydrate.js
index bd1ef9752a..1d46984aea 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args-tag-var/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 307 (min) 189 (brotli)
+// size: 305 (min) 182 (brotli)
const _tags0_input = _$.dynamicTagAttrs(2),
_expr_Text_x = _$.intersection(
2,
@@ -9,10 +9,10 @@ const _tags0_input = _$.dynamicTagAttrs(2),
() => _tags0_input,
);
_$.registerBoundSignal(
- "b0",
+ "b",
_$.value(5, (_scope, y) => _$.data(_scope[3], y)),
);
-const _x_effect = _$.effect("b1", (_scope) =>
+const _x_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/dom.expected/template.hydrate.js
index 0fc281859c..a0fdfa8d72 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-args/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 255 (min) 174 (brotli)
+// size: 254 (min) 176 (brotli)
const _tags0_input = _$.dynamicTagAttrs(2, void 0, 1),
_expr_Text_x = _$.intersection(
2,
@@ -8,7 +8,7 @@ const _tags0_input = _$.dynamicTagAttrs(2, void 0, 1),
},
() => _tags0_input,
),
- _x_effect = _$.effect("b0", (_scope) =>
+ _x_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/dom.expected/template.hydrate.js
index fc34f076d9..7631b174db 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 163 (min) 125 (brotli)
-const _className_effect = _$.effect("a0", (_scope) =>
+// size: 162 (min) 143 (brotli)
+const _className_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/dom.expected/template.hydrate.js
index 37cf0a4f62..f46a8dab25 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/dom.expected/template.hydrate.js
@@ -1,10 +1,10 @@
-// size: 430 (min) 258 (brotli)
+// size: 429 (min) 280 (brotli)
const _setup_ = () => {},
_id_ = _$.value(3, (_scope, id) => _$.data(_scope[0], id)),
_input_ = _$.value(2, (_scope, input) => _id_(_scope, input.id)),
_params__ = _$.value(1, (_scope, _params_) => _input_(_scope, _params_[0]));
var child = _$.createTemplate(
- "a",
+ "c",
"Id is
",
"Db%l",
_setup_,
@@ -17,7 +17,7 @@ const _tagName_input = _$.dynamicTagAttrs(1),
(_scope) => _tagName_input(_scope, () => ({ id: "dynamic" })),
() => _tagName_input,
),
- _tagName_effect = _$.effect("b0", (_scope) =>
+ _tagName_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/dom.expected/template.hydrate.js
index 84b72d0ec5..606c09aca6 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 675 (min) 293 (brotli)
+// size: 674 (min) 290 (brotli)
const _setup_$1 = () => {},
_value_$1 = _$.value(3, (_scope, value) => _$.data(_scope[0], value)),
_input_$1 = _$.value(2, (_scope, input) => _value_$1(_scope, input.value)),
@@ -6,7 +6,7 @@ const _setup_$1 = () => {},
_input_$1(_scope, _params_[0]),
);
var child1 = _$.createTemplate(
- "a",
+ "c",
"Child 1 has
",
"Db%l",
_setup_$1,
@@ -18,7 +18,7 @@ const _setup_ = () => {},
_input_ = _$.value(2, (_scope, input) => _value_(_scope, input.value)),
_params__ = _$.value(1, (_scope, _params_) => _input_(_scope, _params_[0]));
var child2 = _$.createTemplate(
- "b",
+ "d",
"Child 2 has
",
"Db%l",
_setup_,
@@ -35,7 +35,7 @@ const _tagName_input = _$.dynamicTagAttrs(0),
() => _tagName_input,
),
_dynamicTagName = _$.conditional(0, 0, () => _expr_Text_val),
- _tagName_effect = _$.effect("c0", (_scope) =>
+ _tagName_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/dom.expected/template.hydrate.js
index 3a5e07f4b9..ab0045f0b1 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-single-arg/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 238 (min) 161 (brotli)
+// size: 237 (min) 160 (brotli)
const _tags0_input = _$.dynamicTagAttrs(2),
_expr_Text_x = _$.intersection(
2,
@@ -8,7 +8,7 @@ const _tags0_input = _$.dynamicTagAttrs(2),
},
() => _tags0_input,
),
- _x_effect = _$.effect("b0", (_scope) =>
+ _x_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/dom.expected/template.hydrate.js
index 9aa7fc3f39..42ac46ccb0 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/dom.expected/template.hydrate.js
@@ -1,15 +1,12 @@
-// size: 298 (min) 210 (brotli)
-const _xBody = _$.register(
- "a0",
- _$.createRendererWithOwner("Body Content", ""),
- ),
+// size: 296 (min) 203 (brotli)
+const _xBody = _$.register("b", _$.createRendererWithOwner("Body Content", "")),
_x_input = _$.dynamicTagAttrs(0, _xBody),
_dynamicTagName = _$.conditional(
0,
(_scope) => _x_input(_scope, () => ({})),
() => _x_input,
),
- _x_effect = _$.effect("a1", (_scope) =>
+ _x_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
index cc7b8e1c2f..a90fee5bd3 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-var-assignment/__snapshots__/dom.expected/template.hydrate.js
@@ -1,12 +1,12 @@
-// size: 532 (min) 295 (brotli)
+// size: 527 (min) 271 (brotli)
const _valueChange = _$.register(
- "a0",
+ "f",
(_scope) =>
function (_new_x) {
_x(_scope, _new_x);
},
),
- _x_effect = _$.effect("a1", (_scope) =>
+ _x_effect = _$.effect("g", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -29,17 +29,17 @@ function _setup_(_scope) {
_x(_scope, 1), _$.setTagVarChange(_scope, _valueChange(_scope));
}
var Counter = _$.createTemplate(
- "a",
+ "e",
"",
" D l",
_setup_,
);
-_$.register("b0", function () {
+_$.register("b", function () {
return Counter;
}),
_$.dynamicTagAttrs(0),
- _$.registerBoundSignal("b1", (_scope, count) => {}),
- _$.effect("b2", (_scope) =>
+ _$.registerBoundSignal("c", (_scope, count) => {}),
+ _$.effect("d", (_scope) =>
_$.on(_scope[1], "click", function () {
_$.tagVarSignalChange(_scope["0!"], 0);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/dom.expected/template.hydrate.js
index 9363b15bb9..fada4aaff8 100644
--- a/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 502 (min) 268 (brotli)
-const _count_effect = _$.effect("a0", (_scope) =>
+// size: 499 (min) 289 (brotli)
+const _count_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -20,7 +20,7 @@ const _setup$tagNameBody = (_scope) => {
})(_scope[0]);
},
_tagNameBody = _$.register(
- "b0",
+ "c",
_$.createRendererWithOwner(
"",
"/ D l&",
@@ -33,7 +33,7 @@ const _setup$tagNameBody = (_scope) => {
(_scope) => _tagName_input(_scope, () => ({})),
() => _tagName_input,
),
- _tagName_effect = _$.effect("b1", (_scope) =>
+ _tagName_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/effect-counter/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/effect-counter/__snapshots__/dom.expected/template.hydrate.js
index 506f9ec7cd..fcf9e79a74 100644
--- a/packages/translator-tags/src/__tests__/fixtures/effect-counter/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/effect-counter/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 192 (min) 120 (brotli)
-const _clickCount_effect = _$.effect("a0", (_scope) => {
+// size: 191 (min) 118 (brotli)
+const _clickCount_effect = _$.effect("b", (_scope) => {
const { 1: clickCount } = _scope;
(document.getElementById("button").textContent = clickCount),
_$.on(
diff --git a/packages/translator-tags/src/__tests__/fixtures/effect-serialize-promise/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/effect-serialize-promise/__snapshots__/dom.expected/template.hydrate.js
index e72c1adfda..320a76fdfc 100644
--- a/packages/translator-tags/src/__tests__/fixtures/effect-serialize-promise/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/effect-serialize-promise/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 120 (min) 83 (brotli)
-_$.effect("a0", (_scope) => {
+// size: 119 (min) 93 (brotli)
+_$.effect("b", (_scope) => {
((_scope) => {
const { 0: promise } = _scope;
return async () => {
diff --git a/packages/translator-tags/src/__tests__/fixtures/effect-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/effect-tag/__snapshots__/dom.expected/template.hydrate.js
index 89ed36a8e1..cf35049b5c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/effect-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/effect-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 84 (min) 66 (brotli)
-_$.effect("a0", (_scope) => {
+// size: 83 (min) 63 (brotli)
+_$.effect("b", (_scope) => {
const { 0: x } = _scope;
document.getElementById("ref").textContent = x;
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/for-destructure/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/for-destructure/__snapshots__/dom.expected/template.hydrate.js
index 8431d3b43c..c247e60125 100644
--- a/packages/translator-tags/src/__tests__/fixtures/for-destructure/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/for-destructure/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 544 (min) 268 (brotli)
+// size: 542 (min) 263 (brotli)
const _description$forBody = _$.value(5, (_scope, description) =>
_$.data(_scope[1], description),
),
@@ -11,7 +11,7 @@ const _description$forBody = _$.value(5, (_scope, description) =>
_pattern_$forBody(_scope, _params_2[0]),
),
_forBody = _$.register(
- "a0",
+ "b",
_$.createRenderer(
":
",
"D%c%",
@@ -21,7 +21,7 @@ const _description$forBody = _$.value(5, (_scope, description) =>
),
),
_for = _$.loopOf(0, _forBody),
- _items_effect = _$.effect("a1", (_scope) => {
+ _items_effect = _$.effect("c", (_scope) => {
_$.on(
_scope[1],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/dom.expected/template.hydrate.js
index 78eb58d4d6..828c1158fa 100644
--- a/packages/translator-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/dom.expected/template.hydrate.js
@@ -1,9 +1,9 @@
-// size: 392 (min) 229 (brotli)
+// size: 390 (min) 233 (brotli)
const _i$forBody = _$.value(3, (_scope, i) => _$.data(_scope[1], i)),
_params_2$forBody = _$.value(2, (_scope, _params_2) =>
_i$forBody(_scope, _params_2[0]),
),
- _num$forBody_effect = _$.effect("a0", (_scope) =>
+ _num$forBody_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -19,7 +19,7 @@ const _i$forBody = _$.value(3, (_scope, i) => _$.data(_scope[1], i)),
),
_num$forBody = _$.closure(1, (_scope, num) => _num$forBody_effect(_scope)),
_forBody = _$.register(
- "a1",
+ "c",
_$.createRenderer(
"",
" D ",
diff --git a/packages/translator-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/dom.expected/template.hydrate.js
index d6c46d2e40..38651c7210 100644
--- a/packages/translator-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/for-tag-with-state/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 210 (min) 142 (brotli)
+// size: 209 (min) 145 (brotli)
const _i$forBody2 = _$.value(4, (_scope, i) => _$.data(_scope[0], i)),
_val$forBody2 = _$.value(3, (_scope, val) => _$.data(_scope[1], val)),
_params_3$forBody = _$.value(2, (_scope, _params_3) => {
_val$forBody2(_scope, _params_3[0]), _i$forBody2(_scope, _params_3[1]);
});
_$.register(
- "a0",
+ "b",
_$.createRenderer(
":
",
"D%c%",
diff --git a/packages/translator-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/dom.expected/template.hydrate.js
index 483f4c2fd0..a5081864d6 100644
--- a/packages/translator-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 182 (min) 130 (brotli)
-const _count_effect = _$.effect("a0", (_scope) =>
+// size: 181 (min) 128 (brotli)
+const _count_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/dom.expected/template.hydrate.js
index 40768c1801..6334f4ba17 100644
--- a/packages/translator-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/dom.expected/template.hydrate.js
@@ -1,16 +1,16 @@
-// size: 251 (min) 125 (brotli)
+// size: 248 (min) 125 (brotli)
const _tagName = _$.state(
1,
(_scope, tagName) => _$.tagVarSignal(_scope, tagName),
() => _$.tagVarSignal,
);
-_$.effect("a0", (_scope) => _tagName(_scope, _scope[0].parentElement.tagName)),
+_$.effect("e", (_scope) => _tagName(_scope, _scope[0].parentElement.tagName)),
_$.registerBoundSignal(
- "b0",
+ "c",
_$.value(5, (_scope, spanName) => _$.data(_scope[3], spanName)),
),
_$.registerBoundSignal(
- "b1",
+ "d",
_$.value(4, (_scope, divName) => _$.data(_scope[1], divName)),
),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/if-default-false/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/if-default-false/__snapshots__/dom.expected/template.hydrate.js
index 9c4f90de23..952a091eea 100644
--- a/packages/translator-tags/src/__tests__/fixtures/if-default-false/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/if-default-false/__snapshots__/dom.expected/template.hydrate.js
@@ -1,7 +1,7 @@
-// size: 210 (min) 155 (brotli)
-const _ifBody = _$.register("a0", _$.createRenderer("hi", "")),
+// size: 208 (min) 150 (brotli)
+const _ifBody = _$.register("b", _$.createRenderer("hi", "")),
_if = _$.conditional(1, 0),
- _show_effect = _$.effect("a1", (_scope) =>
+ _show_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.hydrate.js
new file mode 100644
index 0000000000..7cba3f0815
--- /dev/null
+++ b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.hydrate.js
@@ -0,0 +1,19 @@
+// size: 209 (min) 145 (brotli)
+const _ifBody = _$.register("b", _$.createRenderer("Hi", "")),
+ _if = _$.conditional(1, 0),
+ _x_effect = _$.effect("c", (_scope) =>
+ _$.on(
+ _scope[0],
+ "click",
+ ((_scope) => {
+ const { 2: x } = _scope;
+ return function () {
+ _x(_scope, x + 1);
+ };
+ })(_scope),
+ ),
+ ),
+ _x = _$.state(2, (_scope, x) => {
+ _x_effect(_scope), _if(_scope, x ? null : _ifBody);
+ });
+init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.js b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.js
new file mode 100644
index 0000000000..4600d873e0
--- /dev/null
+++ b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/dom.expected/template.js
@@ -0,0 +1,22 @@
+export const _template_ = "";
+export const _walks_ = /* get, over(1), replace, over(1) */" b%bD";
+import * as _$ from "@marko/runtime-tags/debug/dom";
+const _ifBody = _$.register("packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko_1_renderer", /* @__PURE__ */_$.createRenderer("Hi", ""));
+const _if = /* @__PURE__ */_$.conditional("#text/1", 0);
+const _onClick = _scope => {
+ const {
+ x
+ } = _scope;
+ return function () {
+ _x(_scope, x + 1);
+ };
+};
+const _x_effect = _$.effect("packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko_0_x", _scope => _$.on(_scope["#button/0"], "click", _onClick(_scope)));
+const _x = /* @__PURE__ */_$.state("x", (_scope, x) => {
+ _x_effect(_scope);
+ _if(_scope, !x ? _ifBody : null);
+});
+export function _setup_(_scope) {
+ _x(_scope, 1);
+}
+export default /* @__PURE__ */_$.createTemplate("packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko", _template_, _walks_, _setup_);
\ No newline at end of file
diff --git a/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/html.expected/template.js b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/html.expected/template.js
new file mode 100644
index 0000000000..409b8ce25a
--- /dev/null
+++ b/packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/__snapshots__/html.expected/template.js
@@ -0,0 +1,22 @@
+import * as _$ from "@marko/runtime-tags/debug/html";
+const _renderer = /* @__PURE__ */_$.createRenderer((input, _tagVar) => {
+ const _scope0_id = _$.nextScopeId();
+ const x = 1;
+ _$.write(`${_$.markResumeNode(_scope0_id, "#button/0")}`);
+ let _ifScopeId, _ifRenderer;
+ if (!x) {
+ const _scope1_id = _$.nextScopeId();
+ _$.write("Hi");
+ _$.writeScope(_scope1_id, {});
+ _$.register(_ifRenderer = /* @__PURE__ */_$.createRenderer(() => {}), "packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko_1_renderer");
+ _ifScopeId = _scope1_id;
+ }
+ _$.write(`${_$.markResumeControlSingleNodeEnd(_scope0_id, "#text/1", _ifScopeId)}`);
+ _$.writeEffect(_scope0_id, "packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko_0_x");
+ _$.writeScope(_scope0_id, {
+ "x": x,
+ "#text/1(": _ifRenderer,
+ "#text/1!": _$.getScopeById(_ifScopeId)
+ });
+});
+export default /* @__PURE__ */_$.createTemplate("packages/translator-tags/src/__tests__/fixtures/if-tag-toggle-false/template.marko", _renderer);
\ No newline at end of file
diff --git a/packages/translator-tags/src/__tests__/fixtures/if-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/if-tag/__snapshots__/dom.expected/template.hydrate.js
index 4670f33665..0caa60880c 100644
--- a/packages/translator-tags/src/__tests__/fixtures/if-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/if-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 218 (min) 71 (brotli)
-_$.register("a0", _$.createRenderer("C", "")),
- _$.register("a1", _$.createRenderer("B", "")),
- _$.register("a2", _$.createRenderer("A", "")),
- _$.register("a3", _$.createRenderer("World", "")),
- _$.register("a4", _$.createRenderer("Hello", ""));
+// size: 213 (min) 74 (brotli)
+_$.register("b", _$.createRenderer("C", "")),
+ _$.register("c", _$.createRenderer("B", "")),
+ _$.register("d", _$.createRenderer("A", "")),
+ _$.register("e", _$.createRenderer("World", "")),
+ _$.register("f", _$.createRenderer("Hello", ""));
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/dom.expected/template.hydrate.js
index deda7b8662..e33757cc5a 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 723 (min) 290 (brotli)
-const _expr__otherState_change_otherState_effect = _$.effect("a0", (_scope) =>
+// size: 720 (min) 294 (brotli)
+const _expr__otherState_change_otherState_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[3],
"click",
@@ -14,7 +14,7 @@ const _expr__otherState_change_otherState_effect = _$.effect("a0", (_scope) =>
_expr__otherState_change_otherState = _$.intersection(2, (_scope) => {
_expr__otherState_change_otherState_effect(_scope);
}),
- _expr__state_change_state_effect = _$.effect("a1", (_scope) =>
+ _expr__state_change_state_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -64,7 +64,7 @@ const _expr__otherState_change_otherState_effect = _$.effect("a0", (_scope) =>
]),
),
_valueChange = _$.register(
- "b0",
+ "c",
(_scope) =>
function (_new_source) {
_source(_scope, _new_source);
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/dom.expected/template.hydrate.js
index 0dc46e2224..0f46278d33 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/dom.expected/template.hydrate.js
@@ -1,12 +1,12 @@
-// size: 288 (min) 176 (brotli)
+// size: 286 (min) 168 (brotli)
_$.register(
- "a0",
+ "b",
(_scope) =>
function (newValue) {
_x(_scope, newValue + 1);
},
);
-const _expr_handler_y_effect = _$.effect("a1", (_scope) =>
+const _expr_handler_y_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-static/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-static/__snapshots__/dom.expected/template.hydrate.js
index 4a41917f4e..c98acc6bd3 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-static/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-static/__snapshots__/dom.expected/template.hydrate.js
@@ -1,12 +1,12 @@
-// size: 281 (min) 171 (brotli)
+// size: 279 (min) 171 (brotli)
_$.register(
- "a0",
+ "b",
(_scope) =>
function (newValue) {
_x(_scope, newValue + 1);
},
);
-const _expr__y_change_y_effect = _$.effect("a1", (_scope) =>
+const _expr__y_change_y_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-derived/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-derived/__snapshots__/dom.expected/template.hydrate.js
index 672a0ba544..00352168b3 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-derived/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-derived/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 141 (min) 129 (brotli)
-const _b_effect = _$.effect("a0", (_scope) =>
+// size: 140 (min) 126 (brotli)
+const _b_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/dom.expected/template.hydrate.js
index fb91d35ef5..64959f749d 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-set-in-effect/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 142 (min) 103 (brotli)
+// size: 141 (min) 103 (brotli)
const _y = _$.state(3, (_scope, y) => _$.data(_scope[1], y)),
- _x_effect = _$.effect("a0", (_scope) => {
+ _x_effect = _$.effect("b", (_scope) => {
const { 2: x } = _scope;
_y(_scope, x), _x(_scope, 2);
}),
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag-with-intersection/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag-with-intersection/__snapshots__/dom.expected/template.hydrate.js
index 55ccb38ccc..ea5fd4e5d7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag-with-intersection/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag-with-intersection/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 368 (min) 200 (brotli)
+// size: 367 (min) 197 (brotli)
const _expr_y_z = _$.intersection(2, (_scope) => {
const { 6: y, 7: z } = _scope;
_a(_scope, y + z);
@@ -14,7 +14,7 @@ const _expr_y_z = _$.intersection(2, (_scope) => {
(_scope, y) => _$.data(_scope[2], y),
() => _expr_y_z,
),
- _x_effect = _$.effect("a0", (_scope) =>
+ _x_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-tag/__snapshots__/dom.expected/template.hydrate.js
index 1edb956560..7f9338f77b 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 224 (min) 144 (brotli)
-const _expr_x_y_effect = _$.effect("a0", (_scope) =>
+// size: 223 (min) 143 (brotli)
+const _expr_x_y_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/dom.expected/template.hydrate.js
index caed739859..307ad68b51 100644
--- a/packages/translator-tags/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/let-undefined-until-dom/__snapshots__/dom.expected/template.hydrate.js
@@ -1,3 +1,3 @@
-// size: 86 (min) 77 (brotli)
+// size: 85 (min) 78 (brotli)
const _x = _$.state(1, (_scope, x) => _$.data(_scope[0], x));
-_$.effect("a0", (_scope) => _x(_scope, "Client Only")), init();
+_$.effect("b", (_scope) => _x(_scope, "Client Only")), init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/dom.expected/template.hydrate.js
index 6d5651292d..0b1ce1aaca 100644
--- a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-assignment/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 345 (min) 174 (brotli)
+// size: 344 (min) 173 (brotli)
const _prev = _$.state(4, (_scope, prev) => _$.data(_scope[1], prev)),
_onMount = (_scope) => {
const { 3: x } = _scope;
@@ -12,7 +12,7 @@ const _prev = _$.state(4, (_scope, prev) => _$.data(_scope[1], prev)),
_prev(_scope, this.cur), (this.cur = x);
};
},
- _x_effect = _$.effect("a0", (_scope) => {
+ _x_effect = _$.effect("b", (_scope) => {
_$.lifecycle(_scope, 4, {
onMount: _onMount(_scope),
onUpdate: _onUpdate(_scope),
diff --git a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/dom.expected/template.hydrate.js
index 19c422a2e7..e5c4150238 100644
--- a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag-this/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 319 (min) 179 (brotli)
+// size: 318 (min) 178 (brotli)
const _onUpdate = (_scope) => {
const { 1: x } = _scope;
return function () {
@@ -6,7 +6,7 @@ const _onUpdate = (_scope) => {
(this.cur = x);
};
},
- _x_effect = _$.effect("a0", (_scope) => {
+ _x_effect = _$.effect("b", (_scope) => {
_$.lifecycle(_scope, 3, {
onMount: function () {
this.onUpdate();
diff --git a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag/__snapshots__/dom.expected/template.hydrate.js
index 42bf80d50c..3011420308 100644
--- a/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/lifecycle-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 364 (min) 166 (brotli)
+// size: 363 (min) 166 (brotli)
const _onMount = (_scope) => {
const { 1: x } = _scope;
return function () {
@@ -11,7 +11,7 @@ const _onMount = (_scope) => {
document.getElementById("ref").textContent = "Update " + x;
};
},
- _x_effect = _$.effect("a0", (_scope) => {
+ _x_effect = _$.effect("b", (_scope) => {
_$.lifecycle(_scope, 3, {
onMount: _onMount(_scope),
onUpdate: _onUpdate(_scope),
diff --git a/packages/translator-tags/src/__tests__/fixtures/log-tag/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/log-tag/__snapshots__/dom.expected/template.hydrate.js
index 19d0dcd166..2ed84bc45d 100644
--- a/packages/translator-tags/src/__tests__/fixtures/log-tag/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/log-tag/__snapshots__/dom.expected/template.hydrate.js
@@ -1,3 +1,3 @@
-// size: 90 (min) 84 (brotli)
+// size: 89 (min) 82 (brotli)
const _output = _$.state(2, (_scope, output) => _$.data(_scope[0], output));
-_$.effect("a0", (_scope) => _output(_scope, JSON.stringify(testLog))), init();
+_$.effect("b", (_scope) => _output(_scope, JSON.stringify(testLog))), init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/move-and-clear-children/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/move-and-clear-children/__snapshots__/dom.expected/template.hydrate.js
index d481565fee..7fb917c0c2 100644
--- a/packages/translator-tags/src/__tests__/fixtures/move-and-clear-children/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/move-and-clear-children/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 145 (min) 103 (brotli)
+// size: 144 (min) 101 (brotli)
const _child$forBody = _$.value(2, (_scope, child) =>
_$.data(_scope[0], child.text),
),
@@ -6,6 +6,6 @@ const _child$forBody = _$.value(2, (_scope, child) =>
_child$forBody(_scope, _params_2[0]),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer(" ", " ", void 0, void 0, () => _params_2$forBody),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/dom.expected/template.hydrate.js
index d481565fee..7fb917c0c2 100644
--- a/packages/translator-tags/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/move-and-clear-top-level/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 145 (min) 103 (brotli)
+// size: 144 (min) 101 (brotli)
const _child$forBody = _$.value(2, (_scope, child) =>
_$.data(_scope[0], child.text),
),
@@ -6,6 +6,6 @@ const _child$forBody = _$.value(2, (_scope, child) =>
_child$forBody(_scope, _params_2[0]),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer(" ", " ", void 0, void 0, () => _params_2$forBody),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/dom.expected/template.hydrate.js
index f7bb76f915..ad3731603a 100644
--- a/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect-child/__snapshots__/dom.expected/template.hydrate.js
@@ -1,7 +1,7 @@
-// size: 81 (min) 77 (brotli)
-_$.effect("a0", (_scope) => {
+// size: 79 (min) 74 (brotli)
+_$.effect("d", (_scope) => {
const { 2: el } = _scope;
el().textContent = "hello";
}),
- _$.nodeRef("b0", 0),
+ _$.nodeRef("c", 0),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/dom.expected/template.hydrate.js
index 1ac73b1644..378559e7f7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/native-tag-ref-effect/__snapshots__/dom.expected/template.hydrate.js
@@ -1,2 +1,2 @@
-// size: 49 (min) 53 (brotli)
-_$.effect("a0", (_scope) => (_scope[0].textContent = "hello")), init();
+// size: 48 (min) 52 (brotli)
+_$.effect("b", (_scope) => (_scope[0].textContent = "hello")), init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/dom.expected/template.hydrate.js
index 587120e909..ecbf05d7f7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/nested-assignment-expression/__snapshots__/dom.expected/template.hydrate.js
@@ -1,11 +1,11 @@
-// size: 244 (min) 141 (brotli)
+// size: 243 (min) 139 (brotli)
const _lastCount2 = _$.state(6, (_scope, lastCount2) =>
_$.data(_scope[3], lastCount2),
),
_lastCount = _$.state(5, (_scope, lastCount) =>
_$.data(_scope[2], lastCount),
),
- _clickCount_effect = _$.effect("a0", (_scope) =>
+ _clickCount_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/dom.expected/template.hydrate.js
index f25e229304..4dcc335a78 100644
--- a/packages/translator-tags/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/reassignment-expression-counter/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 319 (min) 138 (brotli)
-const _count_effect = _$.effect("a0", (_scope) => {
+// size: 318 (min) 137 (brotli)
+const _count_effect = _$.effect("b", (_scope) => {
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/dom.expected/template.hydrate.js
index d481565fee..7fb917c0c2 100644
--- a/packages/translator-tags/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/remove-and-add-rows/__snapshots__/dom.expected/template.hydrate.js
@@ -1,4 +1,4 @@
-// size: 145 (min) 103 (brotli)
+// size: 144 (min) 101 (brotli)
const _child$forBody = _$.value(2, (_scope, child) =>
_$.data(_scope[0], child.text),
),
@@ -6,6 +6,6 @@ const _child$forBody = _$.value(2, (_scope, child) =>
_child$forBody(_scope, _params_2[0]),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer(" ", " ", void 0, void 0, () => _params_2$forBody),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/same-source-non-alias/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/same-source-non-alias/__snapshots__/dom.expected/template.hydrate.js
index 3f6d597bde..14acaa0a2f 100644
--- a/packages/translator-tags/src/__tests__/fixtures/same-source-non-alias/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/same-source-non-alias/__snapshots__/dom.expected/template.hydrate.js
@@ -1,8 +1,8 @@
-// size: 287 (min) 168 (brotli)
+// size: 285 (min) 169 (brotli)
function createWrapper(a) {
return { a: a };
}
-_$.register("a0", createWrapper);
+_$.register("b", createWrapper);
const _a = _$.value(5, (_scope, a) => {
_$.data(_scope[1], a),
((_scope, b) => {
@@ -10,7 +10,7 @@ const _a = _$.value(5, (_scope, a) => {
})(_scope, a);
}),
_pattern_ = _$.value(4, (_scope, _pattern_) => _a(_scope, _pattern_.a)),
- _count_effect = _$.effect("a1", (_scope) =>
+ _count_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/shadow-same-scope/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/shadow-same-scope/__snapshots__/dom.expected/template.hydrate.js
index 00fa9dbf73..3fcbd939b8 100644
--- a/packages/translator-tags/src/__tests__/fixtures/shadow-same-scope/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/shadow-same-scope/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 558 (min) 169 (brotli)
-const _count4_effect = _$.effect("a0", (_scope) =>
+// size: 554 (min) 167 (brotli)
+const _count4_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[6],
"click",
@@ -14,7 +14,7 @@ const _count4_effect = _$.effect("a0", (_scope) =>
_count4 = _$.state(11, (_scope, _count3) => {
_$.data(_scope[7], _count3), _count4_effect(_scope);
}),
- _count3_effect = _$.effect("a1", (_scope) =>
+ _count3_effect = _$.effect("c", (_scope) =>
_$.on(
_scope[4],
"click",
@@ -29,7 +29,7 @@ const _count4_effect = _$.effect("a0", (_scope) =>
_count3 = _$.state(10, (_scope, _count2) => {
_$.data(_scope[5], _count2), _count3_effect(_scope);
}),
- _count2_effect = _$.effect("a2", (_scope) =>
+ _count2_effect = _$.effect("d", (_scope) =>
_$.on(
_scope[2],
"click",
@@ -44,7 +44,7 @@ const _count4_effect = _$.effect("a0", (_scope) =>
_count2 = _$.state(9, (_scope, _count) => {
_$.data(_scope[3], _count), _count2_effect(_scope);
}),
- _count_effect = _$.effect("a3", (_scope) =>
+ _count_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/tag-var-destructure/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/tag-var-destructure/__snapshots__/dom.expected/template.hydrate.js
index e497e45000..414eba570b 100644
--- a/packages/translator-tags/src/__tests__/fixtures/tag-var-destructure/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/tag-var-destructure/__snapshots__/dom.expected/template.hydrate.js
@@ -1,12 +1,12 @@
-// size: 463 (min) 222 (brotli)
+// size: 461 (min) 224 (brotli)
function noop(_) {}
-_$.register("a0", noop);
+_$.register("b", noop);
const _e = _$.state(10, (_scope, e) => _$.data(_scope[5], JSON.stringify(e))),
_d = _$.state(9, (_scope, d) => _$.data(_scope[4], d)),
_c = _$.state(8, (_scope, c) => _$.data(_scope[3], JSON.stringify(c))),
_b = _$.state(7, (_scope, b) => _$.data(_scope[2], b)),
_a = _$.state(6, (_scope, a) => _$.data(_scope[1], a));
-_$.effect("a1", (_scope) =>
+_$.effect("c", (_scope) =>
_$.on(_scope[0], "click", function () {
let local, _a2, _b2, _c2, _d2, _e2;
({
diff --git a/packages/translator-tags/src/__tests__/fixtures/toggle-first-child/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/toggle-first-child/__snapshots__/dom.expected/template.hydrate.js
index 9d26c15947..345bf7363e 100644
--- a/packages/translator-tags/src/__tests__/fixtures/toggle-first-child/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/toggle-first-child/__snapshots__/dom.expected/template.hydrate.js
@@ -1,8 +1,8 @@
-// size: 119 (min) 109 (brotli)
+// size: 118 (min) 92 (brotli)
const _value$ifBody = _$.closure(3, (_scope, value) =>
_$.data(_scope[0], value),
);
_$.register(
- "a0",
+ "b",
_$.createRenderer(" ", "D ", void 0, () => [_value$ifBody]),
);
diff --git a/packages/translator-tags/src/__tests__/fixtures/toggle-nested-2/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/toggle-nested-2/__snapshots__/dom.expected/template.hydrate.js
index 5ddd22997d..576a1e1bac 100644
--- a/packages/translator-tags/src/__tests__/fixtures/toggle-nested-2/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/toggle-nested-2/__snapshots__/dom.expected/template.hydrate.js
@@ -1,5 +1,5 @@
-// size: 824 (min) 341 (brotli)
-const _count$ifBody_effect = _$.effect("a0", (_scope) =>
+// size: 818 (min) 332 (brotli)
+const _count$ifBody_effect = _$.effect("b", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -16,7 +16,7 @@ const _count$ifBody_effect = _$.effect("a0", (_scope) =>
),
),
_count$ifBody = _$.registerSubscriber(
- "a1",
+ "c",
_$.dynamicClosure(
4,
(_scope, count) => {
@@ -26,13 +26,13 @@ const _count$ifBody_effect = _$.effect("a0", (_scope) =>
),
),
_ifBody2 = _$.register(
- "a2",
+ "d",
_$.createRenderer("", " D ", void 0, () => [
_count$ifBody,
]),
),
_if$ifBody = _$.conditional(1, 0),
- _inner$ifBody_effect = _$.effect("a3", (_scope) =>
+ _inner$ifBody_effect = _$.effect("e", (_scope) =>
_$.on(
_scope[0],
"click",
@@ -55,7 +55,7 @@ const _count$ifBody_effect = _$.effect("a0", (_scope) =>
() => _if$ifBody,
),
_ifBody = _$.register(
- "a4",
+ "f",
_$.createRenderer(
"",
" b%D",
@@ -66,7 +66,7 @@ const _count$ifBody_effect = _$.effect("a0", (_scope) =>
_if = _$.conditional(1, 0),
_count = _$.state(4, 0, () => _$.dynamicSubscribers(4)),
_inner = _$.state(3, 0, () => _$.inConditionalScope(_inner$ifBody, 1)),
- _outer_effect = _$.effect("a5", (_scope) =>
+ _outer_effect = _$.effect("g", (_scope) =>
_$.on(
_scope[0],
"click",
diff --git a/packages/translator-tags/src/__tests__/fixtures/toggle-nested/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/toggle-nested/__snapshots__/dom.expected/template.hydrate.js
index 53db2e4a42..5ff54f38b2 100644
--- a/packages/translator-tags/src/__tests__/fixtures/toggle-nested/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/toggle-nested/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 551 (min) 198 (brotli)
+// size: 546 (min) 223 (brotli)
const _value2$ifBody = _$.registerSubscriber(
- "a0",
+ "b",
_$.dynamicClosure(
5,
(_scope, value2) => _$.data(_scope[0], value2),
@@ -8,11 +8,11 @@ const _value2$ifBody = _$.registerSubscriber(
),
),
_ifBody3 = _$.register(
- "a1",
+ "c",
_$.createRenderer(" ", "D ", void 0, () => [_value2$ifBody]),
),
_value1$ifBody = _$.registerSubscriber(
- "a2",
+ "d",
_$.dynamicClosure(
4,
(_scope, value1) => _$.data(_scope[0], value1),
@@ -20,7 +20,7 @@ const _value2$ifBody = _$.registerSubscriber(
),
),
_ifBody2 = _$.register(
- "a3",
+ "e",
_$.createRenderer(" ", "D ", void 0, () => [_value1$ifBody]),
),
_if$ifBody2 = _$.conditional(1, 0),
@@ -38,7 +38,7 @@ const _value2$ifBody = _$.registerSubscriber(
() => _if$ifBody,
);
_$.register(
- "a4",
+ "f",
_$.createRenderer("", "D%b%D", void 0, () => [
_value2$ifBody2,
_value1$ifBody2,
diff --git a/packages/translator-tags/src/__tests__/fixtures/update-dynamic-attrs/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/update-dynamic-attrs/__snapshots__/dom.expected/template.hydrate.js
index 1235941ccb..e4086781e7 100644
--- a/packages/translator-tags/src/__tests__/fixtures/update-dynamic-attrs/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/update-dynamic-attrs/__snapshots__/dom.expected/template.hydrate.js
@@ -1,6 +1,6 @@
-// size: 103 (min) 71 (brotli)
-_$.effect("a0", (_scope) => _$.attrsEvents(_scope, 1)),
- _$.effect("a1", (_scope) => {
+// size: 101 (min) 66 (brotli)
+_$.effect("b", (_scope) => _$.attrsEvents(_scope, 1)),
+ _$.effect("c", (_scope) => {
_$.attrsEvents(_scope, 0), _$.attrsEvents(_scope, 2);
}),
init();
diff --git a/packages/translator-tags/src/__tests__/fixtures/user-effect-abort-signal/__snapshots__/dom.expected/template.hydrate.js b/packages/translator-tags/src/__tests__/fixtures/user-effect-abort-signal/__snapshots__/dom.expected/template.hydrate.js
index 911416fa47..9ab67cc86e 100644
--- a/packages/translator-tags/src/__tests__/fixtures/user-effect-abort-signal/__snapshots__/dom.expected/template.hydrate.js
+++ b/packages/translator-tags/src/__tests__/fixtures/user-effect-abort-signal/__snapshots__/dom.expected/template.hydrate.js
@@ -1,7 +1,7 @@
-// size: 185 (min) 131 (brotli)
+// size: 184 (min) 145 (brotli)
const _b = _$.state(5, (_scope, b) => _$.data(_scope[1], b)),
_a = _$.state(4, (_scope, a) => _$.data(_scope[0], a));
-_$.effect("a0", (_scope) => {
+_$.effect("b", (_scope) => {
const { 3: input } = _scope;
{
const previousValue = _a(_scope, input.value + 1);
diff --git a/packages/translator-tags/src/__tests__/utils/bundle.ts b/packages/translator-tags/src/__tests__/utils/bundle.ts
index 01834aa0bd..cca533fee0 100644
--- a/packages/translator-tags/src/__tests__/utils/bundle.ts
+++ b/packages/translator-tags/src/__tests__/utils/bundle.ts
@@ -1,11 +1,9 @@
import * as compiler from "@marko/compiler";
import pluginTerser from "@rollup/plugin-terser";
import fs from "fs/promises";
-import path from "path";
import { format } from "prettier";
import { type OutputChunk, rollup } from "rollup";
import { minify } from "terser";
-import glob from "tiny-glob";
import zlib from "zlib";
interface Sizes {
@@ -19,11 +17,8 @@ export async function bundle(
compilerConfig: compiler.Config,
) {
const cache = new Map();
- const optimizeKnownTemplates: string[] = await glob(
- path.join(path.dirname(entryTemplate), "**/*.marko"),
- { absolute: true },
- );
const hydratePrefix = "\0hydrate:";
+ const registryIds = new Map();
const entryCode = await fs.readFile(entryTemplate, "utf-8");
const bundle = await rollup({
input: hydratePrefix + entryTemplate,
@@ -82,7 +77,13 @@ export async function bundle(
...compilerConfig,
cache,
optimize: true,
- optimizeKnownTemplates,
+ optimizeRegistryId(id) {
+ let registryId = registryIds.get(id);
+ if (registryId === undefined) {
+ registryIds.set(id, (registryId = registryIds.size));
+ }
+ return registryId;
+ },
output: isHydrate ? "hydrate" : "dom",
})
).code;
diff --git a/scripts/sizes.ts b/scripts/sizes.ts
index 666cc5735f..337a080707 100644
--- a/scripts/sizes.ts
+++ b/scripts/sizes.ts
@@ -226,6 +226,7 @@ function addSizes(all: Sizes[]) {
async function bundleExample(examplePath: string, hydrate: boolean) {
const isRuntime = examplePath === runtimePath;
const virtualEntry = "./entry.js";
+ const registryIds = new Map();
const bundle = await rollup({
input: isRuntime ? runtimePath : virtualEntry,
plugins: [
@@ -248,6 +249,13 @@ async function bundleExample(examplePath: string, hydrate: boolean) {
configFile: false,
},
writeVersionComment: false,
+ optimizeRegistryId(id) {
+ let registryId = registryIds.get(id);
+ if (registryId === undefined) {
+ registryIds.set(id, (registryId = registryIds.size));
+ }
+ return registryId;
+ },
})
).code;
}