diff --git a/.husky/pre-commit b/.husky/pre-commit
index 31aefb204..e0b6ade2c 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1 +1 @@
-npm exec -- lint-staged && npm run build && npm run build:sizes && git add .sizes.json
+npm exec -- lint-staged && npm run build && npm run build:sizes && git add .sizes.json && git add .sizes
diff --git a/.sizes.json b/.sizes.json
index c1971c38f..559ad019a 100644
--- a/.sizes.json
+++ b/.sizes.json
@@ -30,7 +30,7 @@
"name": "counter 💧",
"user": {
"min": 219,
- "brotli": 158
+ "brotli": 160
},
"runtime": {
"min": 2297,
@@ -38,14 +38,14 @@
},
"total": {
"min": 2516,
- "brotli": 1244
+ "brotli": 1246
}
},
{
"name": "comments",
"user": {
"min": 1071,
- "brotli": 598
+ "brotli": 588
},
"runtime": {
"min": 7435,
@@ -53,22 +53,22 @@
},
"total": {
"min": 8506,
- "brotli": 3662
+ "brotli": 3652
}
},
{
"name": "comments 💧",
"user": {
- "min": 939,
- "brotli": 545
+ "min": 934,
+ "brotli": 544
},
"runtime": {
"min": 7927,
"brotli": 3302
},
"total": {
- "min": 8866,
- "brotli": 3847
+ "min": 8861,
+ "brotli": 3846
}
}
]
diff --git a/.sizes/comments.csr/entry.js b/.sizes/comments.csr/entry.js
index d351c1e01..2c7cc6db2 100644
--- a/.sizes/comments.csr/entry.js
+++ b/.sizes/comments.csr/entry.js
@@ -11,103 +11,103 @@ import {
f as m,
g as d,
q as e,
- h as v,
- j as r,
+ h as r,
+ j as v,
o as $,
- k as b,
- m as f,
+ k as f,
+ m as b,
n as p,
-} from "./runtime-Cw1kg4Iu.js";
+} from "./runtime-BUIbQm-R.js";
const h = o(2, (s) => {
const {
_: { 6: n, 8: a },
} = s;
H(s[0], { comments: n.comments, path: a });
}),
- g = a(8, null, void 0, h),
- j = a(6, null, void 0, h),
- k = s(
- "0GfEvKAi",
+ k = a(8, null, void 0, h),
+ K = a(6, null, void 0, h),
+ T = s(
+ "QURHKITf",
n(
- `${K}`,
- `/${P}&`,
+ `${I}`,
+ `/${J}&`,
(s) => {
- w(s[0]);
+ N(s[0]);
},
- [j, g],
+ [K, k],
),
),
- D = o(2, (s) => {
+ _ = o(2, (s) => {
const {
_: { 2: n },
7: a,
} = s;
- X(s, `${n.path || "c"}-${a}`);
+ U(s, `${n.path || "c"}-${a}`);
}),
- E = v(4),
- G = r("mXX1vryl", (s) =>
+ j = r(4),
+ E = v("ZcKJNKFe", (s) =>
$(
s[2],
"click",
((s) => {
const { 9: n } = s;
return function () {
- b(s, V, !n);
+ f(s, F, !n);
};
})(s),
),
),
- V = t(9, (s, n) => {
- u(s[0], "hidden", !n), d(s[3], n ? "[-]" : "[+]"), e(s, G);
+ F = t(9, (s, n) => {
+ m(s[0], "hidden", !n), d(s[3], n ? "[-]" : "[+]"), e(s, E);
}),
- X = t(8, (s, n) => u(s[0], "id", n), c(g, 4)),
- _ = t(7, null, D),
- q = t(
+ U = t(8, (s, n) => m(s[0], "id", n), u(k, 4)),
+ Z = t(7, null, _),
+ g = t(
6,
(s, n) => {
- d(s[1], n.text), E(s, n.comments ? k : null);
+ d(s[1], n.text), j(s, n.comments ? T : null);
},
- m([E, c(j, 4)]),
+ l([j, u(K, 4)]),
),
- x = t(
+ q = t(
5,
(s, n) => {
- q(s, n[0]), _(s, n[1]);
+ g(s, n[0]), Z(s, n[1]);
},
- m([q, _]),
+ l([g, Z]),
),
- y = a(2, null, void 0, D),
- A = i(
+ x = a(2, null, void 0, _),
+ D = i(
0,
s(
- "HrV8uGg1",
+ "$F_EaYZk",
n(
"
",
" E l D l%",
(s) => {
- V(s, !0);
+ F(s, !0);
},
- [y],
+ [x],
void 0,
- x,
+ q,
),
),
),
- H = t(2, (s, n) => A(s, [n.comments]), l(y, 0)),
- K = "",
- P = " b",
- w = function () {},
- z = t(2, (s, n) => H(s[0], n), p(0, H));
-f(
+ H = t(2, (s, n) => D(s, [n.comments]), l([D, c(x, 0)])),
+ I = "",
+ J = " b",
+ N = function () {},
+ Q = t(2, (s, n) => H(s[0], n), p(0, H));
+b(
n(
- `${K}`,
- `/${P}&`,
+ `${I}`,
+ `/${J}&`,
(s) => {
- w(s[0]);
+ N(s[0]);
},
void 0,
void 0,
- t(1, (s, n) => z(s, n[0]), z),
+ t(1, (s, n) => Q(s, n[0]), Q),
),
- "cb6DVPga",
+ "rUbTinTf",
).mount();
diff --git a/.sizes/comments.ssr/entry.js b/.sizes/comments.ssr/entry.js
index 9a5077084..7745951fb 100644
--- a/.sizes/comments.ssr/entry.js
+++ b/.sizes/comments.ssr/entry.js
@@ -3,97 +3,97 @@ import {
c as n,
a,
b as t,
- o as l,
- v as o,
- d as i,
- e as c,
+ o,
+ v as l,
+ d as c,
+ e as i,
i as u,
f as m,
q as e,
g as d,
h as r,
- j as v,
- k as f,
- l as p,
- m as b,
-} from "./runtime-BDGaykzf.js";
-const h = m(2, (s) => {
+ j as f,
+ k as p,
+ l as v,
+ m as $,
+} from "./runtime-C35w6ZnD.js";
+const b = m(2, (s) => {
const {
_: { 6: n, 8: a },
} = s;
- H(s[0], { comments: n.comments, path: a });
+ I(s[0], { comments: n.comments, path: a });
}),
- $ = t(8, null, void 0, h),
- g = t(6, null, void 0, h),
- j = s(
- "0GfEvKAi",
+ h = t(8, null, void 0, b),
+ k = t(6, null, void 0, b),
+ K = s(
+ "QURHKITf",
n(
- `${K}`,
- `/${V}&`,
+ `${J}`,
+ `/${N}&`,
(s) => {
- w(s[0]);
+ Q(s[0]);
},
- [g, $],
+ [k, h],
),
),
- k = m(2, (s) => {
+ _ = m(2, (s) => {
const {
_: { 2: n },
7: a,
} = s;
- _(s, `${n.path || "c"}-${a}`);
+ Z(s, `${n.path || "c"}-${a}`);
}),
- E = r(4),
- G = a("mXX1vryl", (s) =>
- l(
+ j = r(4),
+ E = a("ZcKJNKFe", (s) =>
+ o(
s[2],
"click",
((s) => {
const { 9: n } = s;
return function () {
- e(s, X, !n);
+ e(s, F, !n);
};
})(s),
),
),
- X = o(9, (s, n) => {
- i(s[0], "hidden", !n), c(s[3], n ? "[-]" : "[+]"), f(s, G);
+ F = l(9, (s, n) => {
+ c(s[0], "hidden", !n), i(s[3], n ? "[-]" : "[+]"), p(s, E);
}),
- _ = o(8, (s, n) => i(s[0], "id", n), d($, 4)),
- q = o(7, null, k),
- x = o(
+ Z = l(8, (s, n) => c(s[0], "id", n), d(h, 4)),
+ g = l(7, null, _),
+ q = l(
6,
(s, n) => {
- c(s[1], n.text), E(s, n.comments ? j : null);
+ i(s[1], n.text), j(s, n.comments ? K : null);
},
- u([E, d(g, 4)]),
+ u([j, d(k, 4)]),
),
- y = o(
+ x = l(
5,
(s, n) => {
- x(s, n[0]), q(s, n[1]);
+ q(s, n[0]), g(s, n[1]);
},
- u([x, q]),
+ u([q, g]),
),
- A = t(2, null, void 0, k),
- D = p(
+ D = t(2, null, void 0, _),
+ H = v(
0,
s(
- "HrV8uGg1",
+ "$F_EaYZk",
n(
" ",
" E l D l%",
(s) => {
- X(s, !0);
+ F(s, !0);
},
- [A],
+ [D],
void 0,
- y,
+ x,
),
),
),
- H = o(2, (s, n) => D(s, [n.comments]), v(A, 0)),
- K = "",
- V = " b",
- w = function () {};
-b();
+ I = l(2, (s, n) => H(s, [n.comments]), u([H, f(D, 0)])),
+ J = "",
+ N = " b",
+ Q = function () {};
+$();
diff --git a/.sizes/counter.csr/entry.js b/.sizes/counter.csr/entry.js
index 45e7beeb7..da12fb0be 100644
--- a/.sizes/counter.csr/entry.js
+++ b/.sizes/counter.csr/entry.js
@@ -1,31 +1,31 @@
import {
- c as t,
- a as s,
+ c as s,
+ a as t,
v as a,
d as n,
q as o,
r as c,
o as i,
- b as m,
+ b as r,
} from "./runtime-C853KoX8.js";
-const r = c("eSP3qy+t", (t) =>
+const u = c("XBSGKvBc", (s) =>
i(
- t[0],
+ s[0],
"click",
- ((t) => {
- const { 2: s } = t;
+ ((s) => {
+ const { 2: t } = s;
return function () {
- m(t, u, s + 1);
+ r(s, m, t + 1);
};
- })(t),
+ })(s),
),
),
- u = a(2, (t, s) => {
- n(t[1], s), o(t, r);
+ m = a(2, (s, t) => {
+ n(s[1], t), o(s, u);
});
-t(
- s("", "D D m", (t) => {
- u(t, 0);
+s(
+ t("", "D D m", (s) => {
+ m(s, 0);
}),
- "QIqKtmwZ",
+ "tPaZsVqd",
).mount();
diff --git a/.sizes/counter.ssr/entry.js b/.sizes/counter.ssr/entry.js
index c71eacb42..c4f5b1b86 100644
--- a/.sizes/counter.ssr/entry.js
+++ b/.sizes/counter.ssr/entry.js
@@ -1,25 +1,25 @@
import {
r as s,
o as a,
- q as t,
+ q as c,
v as n,
d as o,
a as r,
- i as c,
+ i as t,
} from "./runtime-BOMPXhWq.js";
-const i = s("eSP3qy+t", (s) =>
+const i = s("XBSGKvBc", (s) =>
a(
s[0],
"click",
((s) => {
const { 2: a } = s;
return function () {
- t(s, e, a + 1);
+ c(s, m, a + 1);
};
})(s),
),
),
- e = n(2, (s, a) => {
+ m = n(2, (s, a) => {
o(s[1], a), r(s, i);
});
-c();
+t();
diff --git a/.sizes/dom.js b/.sizes/dom.js
index 1994e288d..6b9f7980c 100644
--- a/.sizes/dom.js
+++ b/.sizes/dom.js
@@ -548,9 +548,9 @@ function Ne(e, t, r) {
return (s, d) => {
if (d === I) return;
if (d === O || d === q) {
- for (let e of s[o]) {
- f?.(e, d);
- for (let t of l) t(e, d);
+ for (let t of s[o] ?? s[e + "("].values()) {
+ f?.(t, d);
+ for (let e of l) e(t, d);
}
return;
}
diff --git a/packages/babel-utils/index.d.ts b/packages/babel-utils/index.d.ts
index 734fdd810..cf6d1d52f 100644
--- a/packages/babel-utils/index.d.ts
+++ b/packages/babel-utils/index.d.ts
@@ -317,6 +317,7 @@ export function getTagDefForTagName(
export function getTemplateId(
optimize: boolean | Config,
request: string,
+ child?: string,
): string;
export function resolveTagImport(
path: t.NodePath,
diff --git a/packages/babel-utils/src/tags.js b/packages/babel-utils/src/tags.js
index 9e6b77dad..6ae75b097 100644
--- a/packages/babel-utils/src/tags.js
+++ b/packages/babel-utils/src/tags.js
@@ -296,29 +296,55 @@ export function loadFileForImport(file, request) {
}
}
-export function getTemplateId(opts, request) {
+const idCache = new WeakMap();
+export function getTemplateId(opts, request, child) {
const id = relative(ROOT, request);
const optimize = typeof opts === "object" ? opts.optimize : opts;
if (optimize) {
- const optimizedRegistryIds =
- typeof opts === "object" && opts.optimizedRegistryIds;
- if (optimizedRegistryIds) {
- let registryId = optimizedRegistryIds.get(id);
- if (!registryId) {
- optimizedRegistryIds.set(
- id,
- (registryId = encodeTemplateId(optimizedRegistryIds.size)),
- );
- }
+ const optimizeKnownTemplates =
+ typeof opts === "object" && opts.optimizeKnownTemplates;
+ const knownTemplatesSize = optimizeKnownTemplates?.length || 0;
- return registryId;
+ 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;
+ }
}
- return createHash("MD5").update(id).digest("base64").slice(0, 8);
+ const hash = createHash("MD5").update(id);
+
+ if (child) {
+ hash.update(child);
+ }
+
+ return encodeTemplateId(
+ parseInt(hash.digest("hex").slice(0, 11), 16) + knownTemplatesSize,
+ );
}
- return id;
+ return id + (child ? `_${child}` : "");
}
export function resolveTagImport(path, request) {
@@ -368,23 +394,18 @@ function createNewFileOpts(opts, filename) {
};
}
-const ENCODE_START_CHARS =
- "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_";
-const ENCODE_START_CHARS_LEN = ENCODE_START_CHARS.length;
-const ENCODE_CHARS =
- "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789$_";
+const ENCODE_CHARS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_";
const ENCODE_CHARS_LEN = ENCODE_CHARS.length;
function encodeTemplateId(index) {
- let mod = index % ENCODE_START_CHARS_LEN;
- let id = ENCODE_START_CHARS[mod];
- index = (index - mod) / ENCODE_START_CHARS_LEN;
+ let id = "";
+ let cur = index;
- while (index > 0) {
- mod = index % ENCODE_CHARS_LEN;
+ do {
+ const mod = cur % ENCODE_CHARS_LEN;
id += ENCODE_CHARS[mod];
- index = (index - mod) / ENCODE_CHARS_LEN;
- }
+ cur = (cur - mod) / ENCODE_CHARS_LEN;
+ } while (cur > 0);
return id;
}
diff --git a/packages/compiler/config.d.ts b/packages/compiler/config.d.ts
index 709edd6b1..0fb73a951 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;
- optimizedRegistryIds?: Map;
+ optimizeKnownTemplates?: string[];
cache?: Map;
hot?: boolean;
/** @deprecated */
diff --git a/packages/compiler/src/config.js b/packages/compiler/src/config.js
index bec1232f4..ee980af15 100644
--- a/packages/compiler/src/config.js
+++ b/packages/compiler/src/config.js
@@ -114,11 +114,11 @@ const config = {
optimize: undefined,
/**
- * If `optimize` is enabled you can provide a Map which the compiler will
- * use to store shorter registry/template id's in. This can only be used
- * if the same `optimizedRegistryIds` are used for both server and client compilations.
+ * 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.
*/
- optimizedRegistryIds: undefined,
+ optimizeKnownTemplates: 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 3434d138a..da8e77cd7 100644
--- a/packages/marko/docs/compiler.md
+++ b/packages/marko/docs/compiler.md
@@ -206,12 +206,12 @@ Default: [environment based](https://github.com/marko-js/marko/blob/0f212897d2d3
Enables production mode optimizations.
-#### `optimizedRegistryIds`
+#### `optimizeKnownTemplates`
-Type: `Map`
+Type: `string[]`
Default: `undefined`
-If `optimize` is enabled you can provide a Map which the compiler will use to store shorter registry/template id's in. This can only be used if the same `optimizedRegistryIds` are used for both server and client compilations.
+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.
#### `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 6373f7db2..2930a635d 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 = "cY5vQoUJ",
+const _marko_componentType = "kxPbdNSf",
_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 f037d298d..2edf0db6e 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 = "cY5vQoUJ",
+const _marko_componentType = "kxPbdNSf",
_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 4dd9f7047..3c473026c 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 = "EC7Wpjet",
+const _marko_componentType = "sUNz$TS",
_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 1fb3206f8..d5165eca4 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 = "EC7Wpjet",
+const _marko_componentType = "sUNz$TS",
_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 71f63706e..691420d16 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 = "V8pzyNwe",
+const _marko_componentType = "NFoDYqBe",
_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 3877dedf8..3e946a214 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 = "V8pzyNwe",
+const _marko_componentType = "NFoDYqBe",
_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 a0fb72a17..dd3d479c5 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 = "OLo+Dwkn",
+const _marko_componentType = "mPcXYlXc",
_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 89c9bca11..c9176be65 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 = "OLo+Dwkn",
+const _marko_componentType = "mPcXYlXc",
_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 2775746da..5c2ecc97c 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 = "GuHig6zQ",
+const _marko_componentType = "LOwmoBub",
_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 4c975e724..973e58f69 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 = "GuHig6zQ",
+const _marko_componentType = "LOwmoBub",
_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 375d5fb46..0e3b2086b 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 = "1bkLHbaD",
+const _marko_componentType = "ktPbis$k",
_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 63559e4a5..f2b322e2f 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 = "1bkLHbaD",
+const _marko_componentType = "ktPbis$k",
_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 223054f52..b1a020145 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 = "9N4Yuzi+",
+const _marko_componentType = "jRyKrJEm",
_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 a71a1e244..74b144cbd 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 = "9N4Yuzi+",
+const _marko_componentType = "jRyKrJEm",
_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 f96ccd7aa..8b1bfcf9c 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 = "hNiObgtw",
+const _marko_componentType = "dYgc$jSg",
_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 a5d083870..a7e0101dd 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 = "hNiObgtw",
+const _marko_componentType = "dYgc$jSg",
_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 725a9ca66..ded2c93a3 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 = "CtqnD7TI",
+const _marko_componentType = "SKefyeE",
_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 c805c5ecf..cc3095ce0 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 = "CtqnD7TI",
+const _marko_componentType = "SKefyeE",
_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 4c87f1f47..51fc0129e 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 = "TKoJdMQb",
+const _marko_componentType = "LmLeMzYd",
_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 6577ba27c..0e01ed684 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 = "TKoJdMQb",
+const _marko_componentType = "LmLeMzYd",
_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 42bd375c7..9926b682d 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 = "SA1M0lYk",
+const _marko_componentType = "WJodxLLd",
_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 096210e93..68267db77 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 = "SA1M0lYk",
+const _marko_componentType = "WJodxLLd",
_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 7beed891c..8cbd0139f 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 = "9WNpCPpT",
+const _marko_componentType = "hTUpofGm",
_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 28068b4ab..208446d1a 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 = "9WNpCPpT",
+const _marko_componentType = "hTUpofGm",
_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 46863bc95..e0ce026a3 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 = "8v5gGoOT",
+const _marko_componentType = "rALlVyzm",
_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 49b2e1cb9..6142fedd0 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 = "8v5gGoOT",
+const _marko_componentType = "rALlVyzm",
_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 01ce0cdac..36d9a88e1 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 = "+mnrnsox",
+const _marko_componentType = "JctBubUm",
_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 e1dabccac..c7b1e3cf9 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 = "+mnrnsox",
+const _marko_componentType = "JctBubUm",
_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 a5a4a59ba..b14835058 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 = "m2haKSSA",
+const _marko_componentType = "YjySFM$h",
_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 8c6bcfafe..432a14cdc 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 = "m2haKSSA",
+const _marko_componentType = "YjySFM$h",
_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 e8099206d..3171eb67a 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 = "Up7A+MWi",
+const _marko_componentType = "M$jre_me",
_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 6df6e773b..c3e45f9c7 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 = "Up7A+MWi",
+const _marko_componentType = "M$jre_me",
_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 4d77f5d35..866b724a2 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 = "vJZypcf5",
+const _marko_componentType = "jF_vuKKj",
_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-template-literal-escape/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/attr-template-literal-escape/snapshots/vdomProduction-expected.js
index 9cf4b6c09..da3c9f4a9 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 = "vJZypcf5",
+const _marko_componentType = "jF_vuKKj",
_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 b5f93a37c..26353e65f 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 = "8BXCo81d",
+const _marko_componentType = "NJnnEvrm",
_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 be510841e..86ce06d30 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 = "8BXCo81d",
+const _marko_componentType = "NJnnEvrm",
_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 fb1b13119..3bf2f3d5d 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 = "MoYb8VAR",
+const _marko_componentType = "_KZJAbGc",
_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 ce602ced7..c313be8d1 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 = "MoYb8VAR",
+const _marko_componentType = "_KZJAbGc",
_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 a91661ee1..d1904976e 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 = "EazLsc5m",
+const _marko_componentType = "wEhGo_W",
_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 0b383d173..101f58d7d 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 = "EazLsc5m",
+const _marko_componentType = "wEhGo_W",
_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 faf7f6653..37f77a6f8 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 = "ErZDLFTk",
+const _marko_componentType = "kWrkzUZ",
_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 28797b03d..bdb1c083a 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 = "ErZDLFTk",
+const _marko_componentType = "kWrkzUZ",
_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 c49de5dc0..892e4a118 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 = "cQ4BiZgz",
+const _marko_componentType = "ZWiI$rRf",
_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 207239ac0..e54c47a3a 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 = "cQ4BiZgz",
+const _marko_componentType = "ZWiI$rRf",
_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 b50355905..b2a48b14f 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 = "rmgp0gbX",
+const _marko_componentType = "rkyWcuZi",
_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 ed244a12a..ea73cf3b3 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 = "rmgp0gbX",
+const _marko_componentType = "rkyWcuZi",
_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 191924d68..f2691dcac 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 = "F7GLatBK",
+const _marko_componentType = "KuiZaKlb",
_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 1ccdefc11..230da811a 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 = "F7GLatBK",
+const _marko_componentType = "KuiZaKlb",
_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 973745c80..cedd43cbd 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 = "7oQXz9rS",
+const _marko_componentType = "v$mWNcnm",
_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 7d62f5ba7..9079c032c 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 = "7oQXz9rS",
+const _marko_componentType = "v$mWNcnm",
_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 e2aa3a457..a21ded3d3 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 = "O83mlmop",
+const _marko_componentType = "oWdNwOdd",
_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 193d2710f..13667f3d4 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 = "O83mlmop",
+const _marko_componentType = "oWdNwOdd",
_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 23fda81af..ba5e50cf5 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 = "aA/l93YC",
+const _marko_componentType = "MpcNgwsf",
_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 f55f65f33..358d50022 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 = "aA/l93YC",
+const _marko_componentType = "MpcNgwsf",
_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 04d9380fd..36094ef40 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 = "ZqQwXW7R",
+const _marko_componentType = "xBzKAzof",
_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 affd5d692..6775be467 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 = "ZqQwXW7R",
+const _marko_componentType = "xBzKAzof",
_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 6dcee054d..56745fee1 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 = "hPPGxVRm",
+const _marko_componentType = "YostVzSg",
_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 1fd8179da..3af6021ed 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 = "hPPGxVRm",
+const _marko_componentType = "YostVzSg",
_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 72f1c5c6d..e89e69aa2 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 = "D4iHvcrp",
+const _marko_componentType = "UYhnOcR",
_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 dc51a1cb5..7329a6dd7 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 = "D4iHvcrp",
+const _marko_componentType = "UYhnOcR",
_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 9e5b70076..70d73c4e5 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 = "c9tNjqrV",
+const _marko_componentType = "RBmkrfZf",
_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 30a6b7bbe..df98bcf5e 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 = "c9tNjqrV",
+const _marko_componentType = "RBmkrfZf",
_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 fd3e70139..09c0b32c6 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 = "WET+Vfy4",
+const _marko_componentType = "lAveFICe",
_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 6f22263d1..d3f2b4c41 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 = "WET+Vfy4",
+const _marko_componentType = "lAveFICe",
_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 56a640bf3..cc93cce0e 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 = "s2zGW8TX",
+const _marko_componentType = "rQojdplj",
_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 30f699ddc..92763662a 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 = "s2zGW8TX",
+const _marko_componentType = "rQojdplj",
_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 f79696cf0..7c01ea8b5 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 = "5fhDZgMT",
+const _marko_componentType = "ruCJLtRl",
_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 995ff9694..0b6d96f4c 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 = "5fhDZgMT",
+const _marko_componentType = "ruCJLtRl",
_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 a19d7fc25..86bf729bf 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 = "gHRccTPG",
+const _marko_componentType = "A_B_NaGg",
_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 1a9854fbb..c046f2798 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 = "gHRccTPG",
+const _marko_componentType = "A_B_NaGg",
_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 5544ca044..836ee8d12 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 = "qc7Y7xBI",
+const _marko_componentType = "wpPUPHMi",
_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 dd38d80ee..7dbeaa64d 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 = "qc7Y7xBI",
+const _marko_componentType = "wpPUPHMi",
_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 aec00337f..d4cb898d2 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 = "Pet223we",
+const _marko_componentType = "_geBbHjd",
_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 194b74ac3..69638e07b 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 = "Pet223we",
+const _marko_componentType = "_geBbHjd",
_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 ea9ca507c..a2a72c8b2 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 = "aUDwECFR",
+const _marko_componentType = "tHBGyMvf",
_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 2feaefb94..70cfbe7b3 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 = "aUDwECFR",
+const _marko_componentType = "tHBGyMvf",
_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 2135597d7..37ed98dd5 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 = "p0+/pj8a",
+const _marko_componentType = "Xew$hMFi",
_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 97706d9c6..1cd7704dd 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 = "p0+/pj8a",
+const _marko_componentType = "Xew$hMFi",
_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 851b359fa..0dfc44db4 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 = "xmfoovwT",
+const _marko_componentType = "NHNFQVjk",
_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 cd653932d..397446a81 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 = "xmfoovwT",
+const _marko_componentType = "NHNFQVjk",
_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 6f63cf29e..7e56c50da 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 = "VJrYycFN",
+const _marko_componentType = "sdGygAse",
_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 d2ae6d602..510c5383a 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 = "VJrYycFN",
+const _marko_componentType = "sdGygAse",
_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 710505a42..3f969038e 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 = "FiPq+pCl",
+const _marko_componentType = "oWpiEthb",
_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 333bc2ef6..bfb32ae7e 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 = "FiPq+pCl",
+const _marko_componentType = "oWpiEthb",
_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 c22bc723f..be2b8d172 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 = "W5oFh28/",
+const _marko_componentType = "RWaFoVLe",
_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 9dfc01f39..c684b3e1a 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 = "W5oFh28/",
+const _marko_componentType = "RWaFoVLe",
_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 2c544ebcd..114488fe1 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 = "GzjO/FF7",
+const _marko_componentType = "_fXseyvb",
_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 7d94ccd1a..3a8e4674e 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 = "GzjO/FF7",
+const _marko_componentType = "_fXseyvb",
_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 115af856f..a0dcd56c3 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 = "Q2oCYb3A",
+const _marko_componentType = "SwfhrTyd",
_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 11e672435..a284f6e5c 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 = "Q2oCYb3A",
+const _marko_componentType = "SwfhrTyd",
_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 8ea3dba20..1b1d3ce7a 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 = "QmMQupx3",
+const _marko_componentType = "DhEjG_vd",
_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 fd036b493..c26c0aa8a 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 = "QmMQupx3",
+const _marko_componentType = "DhEjG_vd",
_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-top-level/snapshots/vdomProduction-expected.js b/packages/translator-default/test/fixtures/error-at-tags-top-level/snapshots/vdomProduction-expected.js
index a11d0b7a0..0b9a9b890 100644
--- a/packages/translator-default/test/fixtures/error-at-tags-top-level/snapshots/vdomProduction-expected.js
+++ b/packages/translator-default/test/fixtures/error-at-tags-top-level/snapshots/vdomProduction-expected.js
@@ -1,5 +1,5 @@
import { t as _t } from "marko/dist/runtime/vdom/index.js";
-const _marko_componentType = "DvY2Lw0O",
+const _marko_componentType = "crOdlzP",
_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-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 99871020b..fa381c8ca 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 = "QPcOe9nt",
+const _marko_componentType = "wSGKQcsd",
_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 643d5b14d..fccca8976 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 = "QPcOe9nt",
+const _marko_componentType = "wSGKQcsd",
_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 287248004..7852f91d7 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 = "/7Yakras",
+const _marko_componentType = "WvTnmMgn",
_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 a89e35d08..1adf1f4fd 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 = "/7Yakras",
+const _marko_componentType = "WvTnmMgn",
_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 68e12985c..3e271ba8d 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 = "vPxaLPFT",
+const _marko_componentType = "RjLyZPLj",
_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 95249004d..28f528504 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 = "vPxaLPFT",
+const _marko_componentType = "RjLyZPLj",
_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 faeef852e..82f4066f2 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 = "7zxvsBE8",
+const _marko_componentType = "ZKWzBcpm",
_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 b230e616d..2376d7536 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 = "7zxvsBE8",
+const _marko_componentType = "ZKWzBcpm",
_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 0ac95bf55..e413977db 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 = "NPJMtzPP",
+const _marko_componentType = "UjIIdOMc",
_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 cc2fcbcb9..f8a76f071 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 = "NPJMtzPP",
+const _marko_componentType = "UjIIdOMc",
_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 ac8b77a24..fd2c80b41 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 = "avg1eu47",
+const _marko_componentType = "lMveozAf",
_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 b81ef5600..3a1d55502 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 = "avg1eu47",
+const _marko_componentType = "lMveozAf",
_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/hello-dynamic/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/hello-dynamic/snapshots/htmlProduction-expected.js
index a542cf00b..956abe8f1 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 = "kCnjd+Lm",
+const _marko_componentType = "EkpPQDvh",
_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 2c5a5f4d6..8897e45f1 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 = "kCnjd+Lm",
+const _marko_componentType = "EkpPQDvh",
_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 eae313f72..82cad44ed 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 = "3DMKav/3",
+const _marko_componentType = "dqZSxpql",
_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 08ad5d002..f3bef46fe 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 = "3DMKav/3",
+const _marko_componentType = "dqZSxpql",
_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 38f55cc52..23684a229 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 = "PF20NQ88",
+const _marko_componentType = "JsvAAqfd",
_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 c7b5e3f4d..0bbb99ba9 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 = "PF20NQ88",
+const _marko_componentType = "JsvAAqfd",
_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 d1e8ed31f..a74dd3972 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 = "y0rlhGQ3",
+const _marko_componentType = "HBWuhxxk",
_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 088344337..588948e95 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 = "y0rlhGQ3",
+const _marko_componentType = "HBWuhxxk",
_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 169654ceb..5b03fd995 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 = "9FdWS4tF",
+const _marko_componentType = "SspwDkDm",
_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 d28e99f6c..600876e45 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 = "9FdWS4tF",
+const _marko_componentType = "SspwDkDm",
_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 556c9ab51..ebfe44bd7 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 = "xrPYS1qL",
+const _marko_componentType = "OkpTjMkk",
_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 884c6e57d..04405863d 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 = "xrPYS1qL",
+const _marko_componentType = "OkpTjMkk",
_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 5784923c6..1135354ce 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 = "aVPzDB9L",
+const _marko_componentType = "URzQEXvf",
_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 b5367f68c..8627b3dc7 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 = "aVPzDB9L",
+const _marko_componentType = "URzQEXvf",
_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 dfe853742..1abf3eab5 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 = "R6eF4gGA",
+const _marko_componentType = "yYFbYFKd",
_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 de6b00cf5..e2dc011ca 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 = "R6eF4gGA",
+const _marko_componentType = "yYFbYFKd",
_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 9898127cb..c135be0a7 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 = "pLQ9rpQM",
+const _marko_componentType = "$$jmXzyi",
_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 45b03654f..f0c981e20 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 = "pLQ9rpQM",
+const _marko_componentType = "$$jmXzyi",
_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 e68790152..d9f4d72c9 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 = "+Vkh85NW",
+const _marko_componentType = "XmJQWdRm",
_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 5f21fb028..4e88fdd5c 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 = "+Vkh85NW",
+const _marko_componentType = "XmJQWdRm",
_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 653530d7d..9676331ba 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 = "qUg9ApxN",
+const _marko_componentType = "ANctejLi",
_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 a7eb54339..3e0b8b8ec 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 = "qUg9ApxN",
+const _marko_componentType = "ANctejLi",
_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 5a04c55f2..3cf6fccb4 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 = "r46whWwu",
+const _marko_componentType = "UWBVmEaj",
_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 8cd0353be..1afd924af 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 = "r46whWwu",
+const _marko_componentType = "UWBVmEaj",
_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 8b50ca9ba..d5a8c2afa 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 = "az9GXCCR",
+const _marko_componentType = "txzFRmBf",
_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 d98ea55a3..187c37554 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 = "az9GXCCR",
+const _marko_componentType = "txzFRmBf",
_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 777724437..89e2146df 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 = "jxXJawbJ",
+const _marko_componentType = "wDexuEsh",
_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 fdf22803e..9435f0b64 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 = "jxXJawbJ",
+const _marko_componentType = "wDexuEsh",
_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 925f97701..c9f499fbd 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 = "AWlOZ9B/",
+const _marko_componentType = "XZVjmXd",
_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 9a4692295..fa3100dcf 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 = "AWlOZ9B/",
+const _marko_componentType = "XZVjmXd",
_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 7d4add1dd..b389d5ba1 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 = "iJY8a2Ko",
+const _marko_componentType = "QcHqTDah",
_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 a07efc480..0d6a508ee 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 = "iJY8a2Ko",
+const _marko_componentType = "QcHqTDah",
_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 766705364..467b1d4d3 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 = "dqltXdhn",
+const _marko_componentType = "ssIUhVeg",
_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 4d4b4f2f7..c0360e721 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 = "dqltXdhn",
+const _marko_componentType = "ssIUhVeg",
_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 e5183db31..6645a81ad 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 = "OLFRWJ/R",
+const _marko_componentType = "RXRiNgXc",
_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 0a98364df..c8f1747e8 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 = "OLFRWJ/R",
+const _marko_componentType = "RXRiNgXc",
_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 06155b16e..2ca275cbb 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 = "g3aimRge",
+const _marko_componentType = "bUT_ctOg",
_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 f59190fce..4010c4a5f 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 = "g3aimRge",
+const _marko_componentType = "bUT_ctOg",
_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 776957684..58ea5f108 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 = "WqUsRyBC",
+const _marko_componentType = "UprVgmJe",
_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 94bf0c4be..d41bed4d0 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 = "WqUsRyBC",
+const _marko_componentType = "UprVgmJe",
_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 be11844dc..9f2fa15cc 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 = "wUxkdMJU",
+const _marko_componentType = "dFcmvNXj",
_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 5bd4ce6cd..39daae514 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 = "wUxkdMJU",
+const _marko_componentType = "dFcmvNXj",
_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 3f4b230d9..45d460ce0 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 = "YUZPhHIa",
+const _marko_componentType = "RrOqqG_e",
_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 01b37dc17..f20d8a346 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 = "YUZPhHIa",
+const _marko_componentType = "RrOqqG_e",
_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 493f63d86..d7c79947e 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 = "NRekT+g6",
+const _marko_componentType = "VuvBWhNc",
_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 8c8f10f68..ffb2b7cb2 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 = "NRekT+g6",
+const _marko_componentType = "VuvBWhNc",
_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-with-component/snapshots/htmlProduction-expected.js b/packages/translator-default/test/fixtures/split-component-with-component/snapshots/htmlProduction-expected.js
index 7f9fa7a8a..0402679c1 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 = "Wgq3cfjm",
+const _marko_componentType = "UCeRSDHe",
_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 cd5b400fe..8efcb19fc 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 = "Wgq3cfjm",
+const _marko_componentType = "UCeRSDHe",
_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 58fca8d38..3e02ae8d3 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 = "tgVjO8nX",
+const _marko_componentType = "FDyCGzsj",
_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 99750ad8f..aaf856bef 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 = "tgVjO8nX",
+const _marko_componentType = "FDyCGzsj",
_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 0329434d5..dd113bfcf 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 = "zKxreLgp",
+const _marko_componentType = "gePURnBk",
_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 bc77c7c10..ac279bd37 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 = "zKxreLgp",
+const _marko_componentType = "gePURnBk",
_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 685f26155..f863c27ae 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 = "iTWeM9Hv",
+const _marko_componentType = "wYLVapch",
_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 1564cc9db..72337f885 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 = "iTWeM9Hv",
+const _marko_componentType = "wYLVapch",
_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 66b6bc158..f93c915f9 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 = "ZsW3uNOB",
+const _marko_componentType = "EVqifTof",
_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 5c66b550a..afd84a825 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 = "ZsW3uNOB",
+const _marko_componentType = "EVqifTof",
_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 5801cf8e5..5741c6904 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 = "LOy6P2CY",
+const _marko_componentType = "hBySBBqc",
_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 be3100984..155fa5e2b 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 = "LOy6P2CY",
+const _marko_componentType = "hBySBBqc",
_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 0623a9a51..57ea92b2f 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 = "s8GmyX5C",
+const _marko_componentType = "GEeKKkmj",
_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 7a8379a4e..ea592fe53 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 = "s8GmyX5C",
+const _marko_componentType = "GEeKKkmj",
_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 489e7da18..da01371d3 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 = "d4MwwGDt",
+const _marko_componentType = "KzLAymhg",
_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 0c91ed5a7..19069f0f9 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 = "d4MwwGDt",
+const _marko_componentType = "KzLAymhg",
_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 14377ac17..2492d3b8d 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 = "or1T1BHP",
+const _marko_componentType = "agEGWbti",
_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 43c7193ec..054919881 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 = "or1T1BHP",
+const _marko_componentType = "agEGWbti",
_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 3d19894d8..26c19b7c3 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 = "L6x2qKS4",
+const _marko_componentType = "JGEoYgyc",
_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 d408c09e2..ba8dc3375 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 = "L6x2qKS4",
+const _marko_componentType = "JGEoYgyc",
_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 25653964a..43c3b249c 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 = "vnqwugCu",
+const _marko_componentType = "KtvGzXPj",
_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 226d062bb..cf47b21ce 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 = "vnqwugCu",
+const _marko_componentType = "KtvGzXPj",
_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 960741c46..1eaef285c 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 = "H1mF9+h2",
+const _marko_componentType = "XDMeUVGb",
_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 63d563dd6..f6f82028f 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 = "H1mF9+h2",
+const _marko_componentType = "XDMeUVGb",
_marko_template = _t(_marko_componentType);
export default _marko_template;
import _typeArg from "./components/type-arg.marko";
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 48d225a8b..1630e2c06 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 = "R2kcOR51",
+const _marko_componentType = "FY_LxXJd",
_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 072abd8bf..95ff6ba1a 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 = "R2kcOR51",
+const _marko_componentType = "FY_LxXJd",
_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 c99ddc4c6..8c3f19b52 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 = "TRrwGTtp",
+const _marko_componentType = "IaJpMLZd",
_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 985ad8239..c6530329f 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 = "TRrwGTtp",
+const _marko_componentType = "IaJpMLZd",
_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/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 432542084..6e7e84f35 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,16 +1,16 @@
-// size: 301 (min) 184 (brotli)
+// size: 302 (min) 185 (brotli)
import {
register as n,
on as o,
queueSource as t,
- value as c,
+ value as a,
attr as e,
data as i,
queueEffect as r,
- init as a,
+ init as c,
} from "@marko/runtime-tags/dom";
-const m = n("c", (n) =>
+const m = n("a1", (n) =>
o(
n[1],
"click",
@@ -22,7 +22,7 @@ const m = n("c", (n) =>
})(n),
),
),
- s = c(3, (n, o) => {
+ s = a(3, (n, o) => {
e(n[0], "disabled", o), i(n[2], o ? "enable" : "disable"), r(n, m);
});
-a();
+c();
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 9eafaf189..3f9604a9b 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,33 +1,33 @@
-// size: 381 (min) 219 (brotli)
+// size: 383 (min) 220 (brotli)
import {
register as o,
on as t,
- value as c,
- data as n,
+ value as n,
+ data as c,
queueEffect as r,
queueSource as m,
intersections as i,
inChild as s,
- init as u,
+ init as a,
} from "@marko/runtime-tags/dom";
-const a = c(5, (o, t) => n(o[1], t)),
- d = o("d", (o) => {
- const { 4: c } = o;
- t(o[0], "click", c);
+const u = n(5, (o, t) => c(o[1], t)),
+ e = o("a0", (o) => {
+ const { 4: n } = o;
+ t(o[0], "click", n);
}),
- e = c(4, (o, t) => r(o, d)),
- f = o("c", (o) => {
+ f = n(4, (o, t) => r(o, e)),
+ k = o("b0", (o) => {
const { 1: t } = o;
return function () {
- m(o, k, t + 1);
+ m(o, b, t + 1);
};
}),
- k = c(
+ b = n(
1,
(o, t) => {
- a(o[0], t), e(o[0], f(o));
+ u(o[0], t), f(o[0], k(o));
},
- i([s(0, a), s(0, e)]),
+ i([s(0, u), s(0, f)]),
);
-u();
+a();
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 989b38716..0a5fbd11e 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,33 +1,33 @@
-// size: 381 (min) 222 (brotli)
+// size: 383 (min) 217 (brotli)
import {
register as o,
on as t,
- value as c,
- queueEffect as n,
+ value as n,
+ queueEffect as c,
data as r,
queueSource as m,
intersections as i,
inChild as s,
- init as u,
+ init as a,
} from "@marko/runtime-tags/dom";
-const a = o("d", (o) => {
- const { 5: c } = o;
- t(o[0], "click", c);
+const u = o("a0", (o) => {
+ const { 5: n } = o;
+ t(o[0], "click", n);
}),
- d = c(5, (o, t) => n(o, a)),
- e = c(4, (o, t) => r(o[1], t)),
- f = o("c", (o) => {
+ e = n(5, (o, t) => c(o, u)),
+ f = n(4, (o, t) => r(o[1], t)),
+ k = o("b0", (o) => {
const { 1: t } = o;
return function () {
- m(o, k, t + 1);
+ m(o, b, t + 1);
};
}),
- k = c(
+ b = n(
1,
(o, t) => {
- e(o[0], t), d(o[0], f(o));
+ f(o[0], t), e(o[0], k(o));
},
- i([s(0, e), s(0, d)]),
+ i([s(0, f), s(0, e)]),
);
-u();
+a();
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 45269c11d..1f13d176c 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,39 +1,39 @@
-// size: 444 (min) 244 (brotli)
+// size: 446 (min) 245 (brotli)
import {
register as t,
on as o,
- value as c,
- queueEffect as n,
+ value as n,
+ queueEffect as c,
data as r,
queueSource as m,
intersections as e,
inChild as i,
init as s,
} from "@marko/runtime-tags/dom";
-const u = c(7, (t, o) => {
+const a = n(7, (t, o) => {
r(t[1], o),
((t, o) => {
r(t[2], o);
})(t, o);
}),
- a = c(6, (t, o) => u(t, o.text)),
- d = t("d", (t) => {
- const { 5: c } = t;
- o(t[0], "click", c);
+ u = n(6, (t, o) => a(t, o.text)),
+ f = t("a0", (t) => {
+ const { 5: n } = t;
+ o(t[0], "click", n);
}),
- f = c(5, (t, o) => n(t, d)),
- k = t("c", (t) => {
+ k = n(5, (t, o) => c(t, f)),
+ x = t("b0", (t) => {
const { 1: o } = t;
return function () {
- m(t, x, o + 1);
+ m(t, b, o + 1);
};
}),
- x = c(
+ b = n(
1,
(t, o) => {
- a(t[0], { text: o }), f(t[0], k(t));
+ u(t[0], { text: o }), k(t[0], x(t));
},
- e([i(0, a), i(0, f)]),
+ e([i(0, u), i(0, k)]),
);
s();
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 4a30f5c5a..626cd2244 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,38 +1,38 @@
-// size: 409 (min) 229 (brotli)
+// size: 411 (min) 233 (brotli)
import {
register as o,
on as t,
- value as c,
- data as n,
+ value as n,
+ data as c,
queueEffect as r,
queueSource as m,
intersections as i,
inChild as s,
- init as u,
+ init as a,
} from "@marko/runtime-tags/dom";
-const a = c(6, (o, t) => {
- n(o[1], t),
+const u = n(6, (o, t) => {
+ c(o[1], t),
((o, t) => {
- n(o[2], t);
+ c(o[2], t);
})(o, t);
}),
- d = o("d", (o) => {
- const { 5: c } = o;
- t(o[0], "click", c);
+ e = o("a0", (o) => {
+ const { 5: n } = o;
+ t(o[0], "click", n);
}),
- e = c(5, (o, t) => r(o, d)),
- f = o("c", (o) => {
+ f = n(5, (o, t) => r(o, e)),
+ k = o("b0", (o) => {
const { 1: t } = o;
return function () {
- m(o, k, t + 1);
+ m(o, b, t + 1);
};
}),
- k = c(
+ b = n(
1,
(o, t) => {
- a(o[0], t), e(o[0], f(o));
+ u(o[0], t), f(o[0], k(o));
},
- i([s(0, a), s(0, e)]),
+ i([s(0, u), s(0, f)]),
);
-u();
+a();
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 9eafaf189..3f9604a9b 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,33 +1,33 @@
-// size: 381 (min) 219 (brotli)
+// size: 383 (min) 220 (brotli)
import {
register as o,
on as t,
- value as c,
- data as n,
+ value as n,
+ data as c,
queueEffect as r,
queueSource as m,
intersections as i,
inChild as s,
- init as u,
+ init as a,
} from "@marko/runtime-tags/dom";
-const a = c(5, (o, t) => n(o[1], t)),
- d = o("d", (o) => {
- const { 4: c } = o;
- t(o[0], "click", c);
+const u = n(5, (o, t) => c(o[1], t)),
+ e = o("a0", (o) => {
+ const { 4: n } = o;
+ t(o[0], "click", n);
}),
- e = c(4, (o, t) => r(o, d)),
- f = o("c", (o) => {
+ f = n(4, (o, t) => r(o, e)),
+ k = o("b0", (o) => {
const { 1: t } = o;
return function () {
- m(o, k, t + 1);
+ m(o, b, t + 1);
};
}),
- k = c(
+ b = n(
1,
(o, t) => {
- a(o[0], t), e(o[0], f(o));
+ u(o[0], t), f(o[0], k(o));
},
- i([s(0, a), s(0, e)]),
+ i([s(0, u), s(0, f)]),
);
-u();
+a();
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 b87406e5a..84c8f51ac 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,40 +1,40 @@
-// size: 515 (min) 275 (brotli)
+// size: 519 (min) 274 (brotli)
import {
register as o,
on as t,
- value as c,
- queueEffect as n,
+ value as n,
+ queueEffect as c,
queueSource as r,
registerSubscriber as i,
dynamicClosure as m,
data as s,
- registerRenderer as d,
- createRenderer as e,
- intersections as f,
- inChild as u,
- dynamicSubscribers as a,
- init as k,
+ registerRenderer as a,
+ createRenderer as b,
+ intersections as u,
+ inChild as d,
+ dynamicSubscribers as e,
+ init as f,
} from "@marko/runtime-tags/dom";
-const g = o("f", (o) => {
- const { 4: c } = o;
- t(o[0], "click", c);
+const k = o("a0", (o) => {
+ const { 4: n } = o;
+ t(o[0], "click", n);
}),
- l = c(4, (o, t) => n(o, g)),
- p = o("c", (o) => {
+ g = n(4, (o, t) => c(o, k)),
+ l = o("b0", (o) => {
const { 1: t } = o;
return function () {
- r(o, v, t + 1);
+ r(o, p, t + 1);
};
});
-d(
- "e",
- e(" ", " ", void 0, [
+a(
+ "b2",
+ b(" ", " ", void 0, [
i(
- "d",
+ "b1",
m(1, (o, t) => s(o[0], t)),
),
]),
);
-const v = c(1, (o, t) => l(o[0], p(o)), f([u(0, l), a(1)]));
-k();
+const p = n(1, (o, t) => g(o[0], l(o)), u([d(0, g), e(1)]));
+f();
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 0d8a749da..c13a8d38a 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,4 +1,4 @@
-// size: 252 (min) 160 (brotli)
+// size: 253 (min) 160 (brotli)
import {
register as o,
@@ -9,19 +9,19 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("d", (o) =>
+const a = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 2: t } = o;
return function () {
- n(o, u, t + 1);
+ n(o, s, t + 1);
};
})(o),
),
),
- u = r(2, (o, t) => {
- c(o[1], t), m(o, s);
+ s = r(2, (o, t) => {
+ c(o[1], t), m(o, a);
});
i();
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 5f285e455..81b4c3e7f 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,4 +1,4 @@
-// size: 546 (min) 285 (brotli)
+// size: 549 (min) 294 (brotli)
import {
registerRenderer as n,
@@ -8,16 +8,16 @@ import {
value as i,
queueEffect as r,
inConditionalScope as u,
- closure as e,
+ closure as a,
data as m,
queueSource as s,
- conditional as f,
+ conditional as e,
init as l,
} from "@marko/runtime-tags/dom";
-const d = e(4, (n, o) => m(n[0], o)),
- k = n("d", o("The count is ", "b%", void 0, [d])),
- a = f(2),
- b = t("e", (n) =>
+const f = a(4, (n, o) => m(n[0], o)),
+ k = n("a2", o("The count is ", "b%", void 0, [f])),
+ d = e(2),
+ b = t("a3", (n) =>
c(
n[0],
"click",
@@ -29,8 +29,8 @@ const d = e(4, (n, o) => m(n[0], o)),
})(n),
),
),
- g = i(4, (n, o) => r(n, b), u(d, 2)),
- h = t("f", (n) =>
+ g = i(4, (n, o) => r(n, b), u(f, 2)),
+ h = t("a4", (n) =>
c(
n[1],
"click",
@@ -45,8 +45,8 @@ const d = e(4, (n, o) => m(n[0], o)),
p = i(
3,
(n, o) => {
- r(n, h), a(n, o ? k : null);
+ r(n, h), d(n, o ? k : null);
},
- a,
+ d,
);
l();
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 64761ee24..a48d57bb0 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,4 +1,4 @@
-// size: 544 (min) 289 (brotli)
+// size: 547 (min) 292 (brotli)
import {
registerRenderer as n,
@@ -6,38 +6,38 @@ import {
register as t,
on as c,
value as r,
- queueEffect as i,
- inConditionalScope as s,
- closure as u,
- data as m,
- queueSource as a,
- conditional as e,
- init as f,
+ queueEffect as a,
+ inConditionalScope as i,
+ closure as s,
+ data as u,
+ queueSource as m,
+ conditional as l,
+ init as e,
} from "@marko/runtime-tags/dom";
-const l = u(4, (n, o) => m(n[0], o)),
- d = n("d", o(" ", "D ", void 0, [l])),
- k = e(2),
- p = t("e", (n) =>
+const f = s(4, (n, o) => u(n[0], o)),
+ k = n("a2", o(" ", "D ", void 0, [f])),
+ p = l(2),
+ d = t("a3", (n) =>
c(
n[0],
"click",
((n) => {
const { 4: o } = n;
return function () {
- a(n, g, o + 1);
+ m(n, g, o + 1);
};
})(n),
),
),
- g = r(4, (n, o) => i(n, p), s(l, 2)),
- v = t("f", (n) =>
+ g = r(4, (n, o) => a(n, d), i(f, 2)),
+ v = t("a4", (n) =>
c(
n[1],
"click",
((n) => {
const { 3: o } = n;
return function () {
- a(n, D, !o);
+ m(n, D, !o);
};
})(n),
),
@@ -45,8 +45,8 @@ const l = u(4, (n, o) => m(n[0], o)),
D = r(
3,
(n, o) => {
- i(n, v), k(n, o ? d : null);
+ a(n, v), p(n, o ? k : null);
},
- k,
+ p,
);
-f();
+e();
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 6ebbc0b2e..75cba2dbf 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: 446 (min) 225 (brotli)
+// size: 448 (min) 227 (brotli)
import {
register as n,
@@ -12,39 +12,39 @@ import {
} from "@marko/runtime-tags/dom";
const u = m(2, (n) => {
const { 4: t, 5: c } = n;
- e(n, t * c);
+ a(n, t * c);
}),
- e = o(6, (n, t) => r(n[3], t)),
- f = n("d", (n) =>
+ a = o(6, (n, t) => r(n[3], t)),
+ e = n("a2", (n) =>
t(
n[0],
"click",
((n) => {
const { 5: t } = n;
return function () {
- c(n, k, t + 1);
+ c(n, f, t + 1);
};
})(n),
),
),
- k = o(
+ f = o(
5,
(n, t) => {
- r(n[1], t), i(n, f);
+ r(n[1], t), i(n, e);
},
u,
),
- a = n("e", (n) =>
+ k = n("a3", (n) =>
t(
n[2],
"click",
((n) => {
const { 4: t } = n;
return function () {
- c(n, d, t + 1);
+ c(n, l, t + 1);
};
})(n),
),
),
- d = o(4, (n, t) => i(n, a), u);
+ l = o(4, (n, t) => i(n, k), u);
s();
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 3fea8085e..c13a8d38a 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,27 +1,27 @@
-// size: 252 (min) 160 (brotli)
+// size: 253 (min) 160 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
- data as r,
+ queueSource as n,
+ value as r,
+ data as c,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("c", (o) =>
+const a = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 2: t } = o;
return function () {
- c(o, u, t + 1);
+ n(o, s, t + 1);
};
})(o),
),
),
- u = n(2, (o, t) => {
- r(o[1], t), m(o, s);
+ s = r(2, (o, t) => {
+ c(o[1], t), m(o, a);
});
i();
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 b35325f09..91970da8b 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,8 +1,8 @@
-// size: 124 (min) 96 (brotli)
+// size: 125 (min) 109 (brotli)
import {
register as o,
createRenderer as m,
dynamicTagAttrs as r,
} from "@marko/runtime-tags/dom";
-r(0, o("b", m("Hello World", "")));
+r(0, o("a0", m("Hello World", "")));
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 75f8d0c0d..92c4de83f 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,4 +1,4 @@
-// size: 111 (min) 80 (brotli)
+// size: 112 (min) 83 (brotli)
import { register as m, init as o } from "@marko/runtime-tags/dom";
-m("c", (m) => (document.body.className = "no-deps")), o();
+m("a1", (m) => (document.body.className = "no-deps")), o();
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 d78eabd47..03b605e5d 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,31 +1,31 @@
-// size: 403 (min) 242 (brotli)
+// size: 405 (min) 239 (brotli)
import {
registerRenderer as l,
createRenderer as n,
value as o,
inConditionalScope as t,
- register as c,
- on as i,
- closure as m,
- data as u,
- queueSource as r,
- conditional as d,
- init as a,
+ register as i,
+ on as m,
+ closure as u,
+ data as a,
+ queueSource as c,
+ conditional as r,
+ init as d,
} from "@marko/runtime-tags/dom";
-const e = m(2, (l, n) => u(l[0], n.text)),
- f = l("c", n(" ", " ", void 0, [e])),
- k = d(1),
+const e = u(2, (l, n) => a(l[0], n.text)),
+ f = l("a1", n(" ", " ", void 0, [e])),
+ k = r(1),
s = o(3, (l, n) => k(l, n ? f : null), k),
g = o(2, null, t(e, 1));
-c("d", (l) =>
- i(
+i("a2", (l) =>
+ m(
l[0],
"click",
((l) =>
function () {
- r(l, g, null), r(l, s, !1);
+ c(l, g, null), c(l, s, !1);
})(l),
),
),
- a();
+ d();
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 3fea8085e..c13a8d38a 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,27 +1,27 @@
-// size: 252 (min) 160 (brotli)
+// size: 253 (min) 160 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
- data as r,
+ queueSource as n,
+ value as r,
+ data as c,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("c", (o) =>
+const a = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 2: t } = o;
return function () {
- c(o, u, t + 1);
+ n(o, s, t + 1);
};
})(o),
),
),
- u = n(2, (o, t) => {
- r(o[1], t), m(o, s);
+ s = r(2, (o, t) => {
+ c(o[1], t), m(o, a);
});
i();
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 9eb5c30ca..35cf99cc8 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,4 +1,4 @@
-// size: 331 (min) 202 (brotli)
+// size: 332 (min) 206 (brotli)
import {
register as n,
@@ -8,9 +8,9 @@ import {
data as c,
intersection as m,
queueEffect as i,
- init as s,
+ init as a,
} from "@marko/runtime-tags/dom";
-const u = n("d", (n) =>
+const s = n("a2", (n) =>
o(
n[0],
"click",
@@ -19,7 +19,7 @@ const u = n("d", (n) =>
return function () {
t(
n,
- a,
+ u,
o.map(
((n) => {
const { 3: o } = n;
@@ -31,11 +31,11 @@ const u = n("d", (n) =>
})(n),
),
),
- a = r(
+ u = r(
2,
(n, o) => c(n[1], o.join("")),
m(2, (n) => {
- i(n, u);
+ i(n, s);
}),
);
-s();
+a();
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 3c19324dd..9ad3211de 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,21 +1,21 @@
-// size: 200 (min) 131 (brotli)
+// size: 201 (min) 134 (brotli)
import {
register as o,
- on as c,
- queueSource as m,
- value as t,
+ on as m,
+ queueSource as t,
+ value as c,
data as i,
init as n,
} from "@marko/runtime-tags/dom";
-const r = t(2, (o, c) => i(o[1], c));
-o("c", (o) =>
- c(
+const r = c(2, (o, m) => i(o[1], m));
+o("a1", (o) =>
+ m(
o[0],
"click",
((o) =>
function () {
- m(o, r, 1);
+ t(o, r, 1);
})(o),
),
),
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 e14c724bb..affc2b5ea 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,19 +1,19 @@
-// size: 250 (min) 177 (brotli)
+// size: 252 (min) 165 (brotli)
import {
registerSubscriber as o,
dynamicClosure as m,
data as r,
- registerRenderer as d,
+ registerRenderer as b,
createRenderer as i,
value as t,
dynamicSubscribers as a,
} from "@marko/runtime-tags/dom";
-d(
- "d",
+b(
+ "b1",
i("Hello
", "Db%", void 0, [
o(
- "c",
+ "b0",
m(3, (o, m) => r(o[0], m)),
),
]),
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 6a2188d12..990c97bf4 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,4 +1,4 @@
-// size: 442 (min) 255 (brotli)
+// size: 445 (min) 252 (brotli)
import {
register as t,
@@ -7,14 +7,14 @@ import {
dynamicClosure as c,
data as r,
queueEffect as u,
- registerRenderer as i,
- createRenderer as m,
- value as s,
- dynamicSubscribers as d,
- queueSource as e,
- init as f,
+ registerRenderer as b,
+ createRenderer as i,
+ value as m,
+ dynamicSubscribers as s,
+ queueSource as l,
+ init as a,
} from "@marko/runtime-tags/dom";
-const l = t("d", (t) =>
+const d = t("b1", (t) =>
o(
t[0],
"click",
@@ -23,21 +23,21 @@ const l = t("d", (t) =>
_: { 1: o },
} = t;
return function () {
- e(t._, a, o + 1);
+ l(t._, e, o + 1);
};
})(t),
),
);
-i(
- "f",
- m("", " D ", void 0, [
+b(
+ "b3",
+ i("", " D ", void 0, [
n(
- "e",
+ "b2",
c(1, (t, o) => {
- r(t[1], o), u(t, l);
+ r(t[1], o), u(t, d);
}),
),
]),
);
-const a = s(1, null, d(1));
-f();
+const e = m(1, null, s(1));
+a();
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 43ed3b0dd..ff062fffd 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,4 +1,4 @@
-// size: 468 (min) 267 (brotli)
+// size: 471 (min) 273 (brotli)
import {
register as t,
@@ -7,15 +7,15 @@ import {
dynamicClosure as c,
data as r,
queueEffect as u,
- registerRenderer as i,
- createRenderer as m,
- dynamicTagAttrs as s,
- value as d,
- dynamicSubscribers as e,
- queueSource as l,
- init as a,
+ registerRenderer as b,
+ createRenderer as i,
+ dynamicTagAttrs as m,
+ value as s,
+ dynamicSubscribers as l,
+ queueSource as a,
+ init as d,
} from "@marko/runtime-tags/dom";
-const b = t("c", (t) =>
+const e = t("b1", (t) =>
o(
t[0],
"click",
@@ -24,24 +24,24 @@ const b = t("c", (t) =>
_: { 1: o },
} = t;
return function () {
- l(t._, f, o + 1);
+ a(t._, f, o + 1);
};
})(t),
),
);
-s(
+m(
0,
- i(
- "e",
- m("", " D ", void 0, [
+ b(
+ "b3",
+ i("", " D ", void 0, [
n(
- "d",
+ "b2",
c(1, (t, o) => {
- r(t[1], o), u(t, b);
+ r(t[1], o), u(t, e);
}),
),
]),
),
);
-const f = d(1, null, e(1));
-a();
+const f = s(1, null, l(1));
+d();
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 055373240..789b164cb 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: 384 (min) 225 (brotli)
+// size: 385 (min) 226 (brotli)
import {
register as t,
@@ -18,7 +18,7 @@ const r = e(2, (t) => {
} = t;
i(t[0], "data-selected", n === o), i(t[0], "data-multiple", o % n == 0);
});
-t("c", (t) =>
+t("a1", (t) =>
n(
t[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 ffa08ffd4..19b0695d5 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,27 +1,27 @@
-// size: 584 (min) 325 (brotli)
+// size: 587 (min) 326 (brotli)
import {
registerRenderer as t,
createRenderer as o,
register as n,
- on as c,
+ on as a,
value as i,
- intersections as s,
- inConditionalScope as e,
+ intersections as c,
+ inConditionalScope as s,
closure as m,
data as r,
queueSource as u,
- queueEffect as a,
- conditional as d,
- init as b,
+ queueEffect as e,
+ conditional as b,
+ init as d,
} from "@marko/runtime-tags/dom";
const k = m(1, (t, o) => r(t[0], o)),
p = t(
- "c",
+ "a1",
o("The button was clicked times.", "Db%", void 0, [k]),
),
- f = n("d", (t) =>
- c(
+ f = n("a2", (t) =>
+ a(
t[0],
"click",
((t) => {
@@ -35,9 +35,9 @@ const k = m(1, (t, o) => r(t[0], o)),
),
),
l = m(1, (t, o) => {
- r(t[1], o), a(t, f);
+ r(t[1], o), e(t, f);
}),
- v = t("e", o("", " D ", void 0, [l])),
- D = d(0),
- _ = i(1, (t, o) => D(t, o < 3 ? v : p), s([D, e(l, 0), e(k, 0)]));
-b();
+ v = t("a3", o("", " D ", void 0, [l])),
+ D = b(0),
+ _ = i(1, (t, o) => D(t, o < 3 ? v : p), c([D, s(l, 0), s(k, 0)]));
+d();
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 7bda488fd..6c6a0821b 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,4 +1,4 @@
-// size: 561 (min) 307 (brotli)
+// size: 564 (min) 305 (brotli)
import {
register as o,
@@ -9,22 +9,22 @@ import {
queueEffect as r,
data as s,
intersection as u,
- loopOf as d,
- init as e,
+ loopOf as a,
+ init as l,
} from "@marko/runtime-tags/dom";
-const l = t(2, (o, n) => s(o[0], n)),
- m = o(
- "d",
+const m = t(2, (o, n) => s(o[0], n)),
+ d = o(
+ "a2",
n(
" ",
" ",
void 0,
void 0,
void 0,
- t(1, (o, n) => l(o, n[0])),
+ t(1, (o, n) => m(o, n[0])),
),
),
- f = o("e", (o) =>
+ e = o("a3", (o) =>
c(
o[1],
"click",
@@ -37,11 +37,11 @@ const l = t(2, (o, n) => s(o[0], n)),
})(o),
),
),
- k = u(2, (o) => {
- r(o, f);
+ f = u(2, (o) => {
+ r(o, e);
}),
- v = d(0, m),
- a = o("f", (o) =>
+ k = a(0, d),
+ v = o("a4", (o) =>
c(
o[2],
"click",
@@ -56,9 +56,9 @@ const l = t(2, (o, n) => s(o[0], n)),
g = t(
4,
(o, n) => {
- r(o, a), v(o, [n]);
+ r(o, v), k(o, [n]);
},
- k,
+ f,
),
- p = t(3, null, k);
-e();
+ p = t(3, null, f);
+l();
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 8fb15166d..22a18a946 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,4 +1,4 @@
-// size: 567 (min) 313 (brotli)
+// size: 570 (min) 291 (brotli)
import {
register as n,
@@ -9,14 +9,14 @@ import {
queueEffect as r,
attr as e,
data as u,
- loopOf as d,
- init as f,
+ loopOf as a,
+ init as d,
} from "@marko/runtime-tags/dom";
const m = t(2, (n, o) => u(n[0], o)),
- s = d(
+ s = a(
0,
n(
- "e",
+ "a3",
o(
" ",
"D ",
@@ -27,20 +27,20 @@ const m = t(2, (n, o) => u(n[0], o)),
),
),
),
- l = n("f", (n) =>
+ f = n("a4", (n) =>
i(
n[2],
"click",
((n) => {
const { 4: o } = n;
return function () {
- c(n, v, [].concat(o).reverse());
+ c(n, l, [].concat(o).reverse());
};
})(n),
),
),
- v = t(4, (n, o) => {
- r(n, l),
+ l = t(4, (n, o) => {
+ r(n, f),
s(n, [
o,
function (n) {
@@ -48,7 +48,7 @@ const m = t(2, (n, o) => u(n[0], o)),
},
]);
}),
- a = n("g", (n) =>
+ v = n("a5", (n) =>
i(
n[1],
"click",
@@ -61,6 +61,6 @@ const m = t(2, (n, o) => u(n[0], o)),
),
),
k = t(3, (n, o) => {
- e(n[0], "hidden", !o), r(n, a);
+ e(n[0], "hidden", !o), r(n, v);
});
-f();
+d();
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 e6bbe61da..d571a9a07 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,30 +1,30 @@
-// size: 313 (min) 192 (brotli)
+// size: 315 (min) 199 (brotli)
import {
register as o,
createRenderer as n,
on as t,
- queueSource as c,
- value as r,
+ queueSource as r,
+ value as c,
queueEffect as l,
conditional as m,
- init as i,
+ init as a,
} from "@marko/runtime-tags/dom";
-const u = o("c", n("Hello!", "")),
- e = m(0),
- s = o("d", (o) =>
+const i = o("a1", n("Hello!", "")),
+ u = m(0),
+ e = o("a2", (o) =>
t(
o[1],
"click",
((o) => {
const { 2: n } = o;
return function () {
- c(o, a, !n);
+ r(o, s, !n);
};
})(o),
),
),
- a = r(2, (o, n) => {
- l(o, s), e(o, n ? u : null);
+ s = c(2, (o, n) => {
+ l(o, e), u(o, n ? i : null);
});
-i();
+a();
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 3fea8085e..c13a8d38a 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,27 +1,27 @@
-// size: 252 (min) 160 (brotli)
+// size: 253 (min) 160 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
- data as r,
+ queueSource as n,
+ value as r,
+ data as c,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("c", (o) =>
+const a = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 2: t } = o;
return function () {
- c(o, u, t + 1);
+ n(o, s, t + 1);
};
})(o),
),
),
- u = n(2, (o, t) => {
- r(o[1], t), m(o, s);
+ s = r(2, (o, t) => {
+ c(o[1], t), m(o, a);
});
i();
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 f792da1c0..a02cc227b 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,31 +1,31 @@
-// size: 463 (min) 278 (brotli)
+// size: 465 (min) 291 (brotli)
import {
registerRenderer as n,
createRenderer as o,
value as t,
- inConditionalScope as c,
+ inConditionalScope as a,
register as r,
- on as i,
- closure as l,
- data as m,
- queueSource as s,
- queueEffect as u,
- conditional as a,
- init as d,
+ on as c,
+ closure as i,
+ data as l,
+ queueSource as m,
+ queueEffect as s,
+ conditional as u,
+ init as e,
} from "@marko/runtime-tags/dom";
-const e = l(3, (n, o) => m(n[0], o)),
- p = n("c", o(" ", "D ", void 0, [e])),
- f = a(1),
- k = t(3, null, c(e, 1)),
- b = r("d", (n) =>
- i(
+const p = i(3, (n, o) => l(n[0], o)),
+ d = n("a1", o(" ", "D ", void 0, [p])),
+ f = u(1),
+ k = t(3, null, a(p, 1)),
+ b = r("a2", (n) =>
+ c(
n[0],
"click",
((n) => {
const { 2: o } = n;
return function () {
- s(n, k, "bye"), s(n, g, !o);
+ m(n, k, "bye"), m(n, g, !o);
};
})(n),
),
@@ -33,8 +33,8 @@ const e = l(3, (n, o) => m(n[0], o)),
g = t(
2,
(n, o) => {
- u(n, b), f(n, o ? p : null);
+ s(n, b), f(n, o ? d : null);
},
f,
);
-d();
+e();
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 a68fc7bf6..b1dcfd706 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,4 +1,4 @@
-// size: 328 (min) 196 (brotli)
+// size: 329 (min) 201 (brotli)
import {
register as n,
@@ -10,7 +10,7 @@ import {
queueEffect as m,
init as u,
} from "@marko/runtime-tags/dom";
-const i = n("c", (n) =>
+const i = n("a1", (n) =>
o(
n[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 4d7b16e3c..e66ec7def 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,55 +1,55 @@
-// size: 647 (min) 348 (brotli)
+// size: 651 (min) 366 (brotli)
import {
register as o,
attrsEvents as r,
value as n,
- attrs as d,
- queueEffect as e,
- conditional as t,
- queueSource as c,
- registerSubscriber as i,
- dynamicClosure as m,
- data as f,
- registerRenderer as s,
- createRenderer as u,
- bindRenderer as a,
- intersections as k,
- inChild as y,
- dynamicSubscribers as B,
- init as g,
+ attrs as t,
+ queueEffect as d,
+ conditional as e,
+ queueSource as i,
+ registerSubscriber as m,
+ dynamicClosure as c,
+ data as a,
+ registerRenderer as b,
+ createRenderer as s,
+ bindRenderer as u,
+ intersections as f,
+ inChild as k,
+ dynamicSubscribers as y,
+ init as B,
} from "@marko/runtime-tags/dom";
-const l = t(1),
- p = o("f", (o) => r(o, 0)),
- v = n(4, (o, r) => l(o, r), l),
- C = n(
+const g = e(1),
+ l = o("a0", (o) => r(o, 0)),
+ p = n(4, (o, r) => g(o, r), g),
+ v = n(
3,
(o, r) => {
((o, r) => {
- d(o, 0, r), e(o, p);
+ t(o, 0, r), d(o, l);
})(o, r),
- v(o, r.renderBody);
+ p(o, r.renderBody);
},
- v,
+ p,
),
- b = o("c", (o) => {
+ C = o("b0", (o) => {
const { 1: r } = o;
return function () {
- c(o, j, r + 1);
+ i(o, j, r + 1);
};
}),
- h = s(
- "e",
- u(" ", " ", void 0, [
- i(
- "d",
- m(1, (o, r) => f(o[0], r)),
+ h = b(
+ "b2",
+ s(" ", " ", void 0, [
+ m(
+ "b1",
+ c(1, (o, r) => a(o[0], r)),
),
]),
),
j = n(
1,
- (o, r) => C(o[0], { onClick: b(o), renderBody: a(o, h) }),
- k([y(0, C), B(1)]),
+ (o, r) => v(o[0], { onClick: C(o), renderBody: u(o, h) }),
+ f([k(0, v), y(1)]),
);
-g();
+B();
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 038763f0c..282237bc2 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,4 +1,4 @@
-// size: 345 (min) 213 (brotli)
+// size: 346 (min) 213 (brotli)
import {
value as n,
@@ -16,22 +16,22 @@ const l = o(2, (n) => {
t(n[0], o);
}),
a = n(3, null, l),
- d = c("d", (n) =>
+ e = c("b1", (n) =>
r(
n[1],
"click",
((n) => {
const { 2: o } = n;
return function () {
- s(n, e, o + 1);
+ s(n, f, o + 1);
};
})(n),
),
),
- e = n(
+ f = n(
2,
(n, o) => {
- m(n, d), a(n[0], o);
+ m(n, e), a(n[0], o);
},
i(0, a),
);
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 9b9002959..5c6dd3af1 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: 339 (min) 191 (brotli)
+// size: 340 (min) 193 (brotli)
import {
register as c,
@@ -9,19 +9,19 @@ import {
intersection as m,
init as r,
} from "@marko/runtime-tags/dom";
-const f = m(2, (c) => {
+const a = m(2, (c) => {
const { 5: o, 6: n } = c;
i(c[4], o + n);
}),
- k = t(6, (c, o) => i(c[3], o), f),
- s = t(5, (c, o) => i(c[1], o), f);
-c("d", (c) => {
+ f = t(6, (c, o) => i(c[3], o), a),
+ k = t(5, (c, o) => i(c[1], o), a);
+c("a2", (c) => {
o(
c[0],
"click",
((c) =>
function () {
- n(c, s, 10);
+ n(c, k, 10);
})(c),
),
o(
@@ -29,7 +29,7 @@ c("d", (c) => {
"click",
((c) =>
function () {
- n(c, k, 5);
+ n(c, f, 5);
})(c),
);
}),
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 7d68128cf..023cd3239 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,4 +1,4 @@
-// size: 191 (min) 137 (brotli)
+// size: 192 (min) 138 (brotli)
import {
register as o,
@@ -8,7 +8,7 @@ import {
} from "@marko/runtime-tags/dom";
const r = m(2, (o, i) => d(o[0], i));
o(
- "b",
+ "a0",
i(
", ",
"%",
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 ea05f36e3..1370aff34 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,4 +1,4 @@
-// size: 345 (min) 195 (brotli)
+// size: 347 (min) 194 (brotli)
import {
register as o,
@@ -8,7 +8,7 @@ import {
} from "@marko/runtime-tags/dom";
const m = d(2, (o, i) => v(o[0], i));
o(
- "b",
+ "a0",
i(
"
",
"D ",
@@ -21,7 +21,7 @@ o(
const p = d(4, (o, i) => v(o[1], i)),
t = d(3, (o, i) => v(o[0], i));
o(
- "c",
+ "a1",
i(
":
",
"D%c%",
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 50bc2bb3b..1d5f626bd 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,4 +1,4 @@
-// size: 111 (min) 80 (brotli)
+// size: 112 (min) 89 (brotli)
import { register as o, createRenderer as t } from "@marko/runtime-tags/dom";
-o("c", t("This is the body content", ""));
+o("b0", t("This is the body content", ""));
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 004341c71..9b2523e8c 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,4 +1,4 @@
-// size: 114 (min) 91 (brotli)
+// size: 115 (min) 104 (brotli)
import {
registerBoundSignal as m,
@@ -6,6 +6,6 @@ import {
data as r,
} from "@marko/runtime-tags/dom";
m(
- "c",
+ "b0",
o(2, (m, o) => r(m[1], o)),
);
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 004341c71..9b2523e8c 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,4 +1,4 @@
-// size: 114 (min) 91 (brotli)
+// size: 115 (min) 104 (brotli)
import {
registerBoundSignal as m,
@@ -6,6 +6,6 @@ import {
data as r,
} from "@marko/runtime-tags/dom";
m(
- "c",
+ "b0",
o(2, (m, o) => r(m[1], o)),
);
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 519315f26..0890de1dc 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,4 +1,4 @@
-// size: 335 (min) 198 (brotli)
+// size: 337 (min) 199 (brotli)
import {
register as o,
@@ -8,30 +8,30 @@ import {
data as c,
queueEffect as m,
tagVarSignal as i,
- registerBoundSignal as e,
+ registerBoundSignal as a,
init as s,
} from "@marko/runtime-tags/dom";
-const u = o("e", (o) =>
+const u = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 2: t } = o;
return function () {
- n(o, a, t + 1);
+ n(o, e, t + 1);
};
})(o),
),
),
- a = r(
+ e = r(
2,
(o, t) => {
c(o[1], t), m(o, u), i(o, t);
},
i,
);
-e(
- "d",
+a(
+ "b0",
r(2, (o, t) => c(o[1], t)),
),
s();
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 d9d2ab697..d4746cbfa 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,28 +1,28 @@
-// size: 315 (min) 197 (brotli)
+// size: 316 (min) 197 (brotli)
import {
register as o,
on as r,
queueSource as t,
value as n,
- data as c,
- queueEffect as i,
+ data as i,
+ queueEffect as c,
init as m,
} from "@marko/runtime-tags/dom";
-const f = n(4, (o, r) => c(o[0], JSON.stringify(r))),
- s = o("c", (o) =>
+const a = n(4, (o, r) => i(o[0], JSON.stringify(r))),
+ f = o("a1", (o) =>
r(
o[1],
"click",
((o) => {
const { 3: r } = o;
return function () {
- t(o, a, r + 1);
+ t(o, s, r + 1);
};
})(o),
),
),
- a = n(3, (o, r) => {
- c(o[2], r), i(o, s), f(o, { foo: 1, bar: r + 1 });
+ s = n(3, (o, r) => {
+ i(o[2], r), c(o, f), a(o, { foo: 1, bar: r + 1 });
});
m();
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 479103bec..9ded15737 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,4 +1,4 @@
-// size: 481 (min) 290 (brotli)
+// size: 483 (min) 285 (brotli)
import {
register as o,
@@ -6,40 +6,40 @@ import {
createRenderer as n,
dynamicTagAttrs as i,
queueSource as c,
- value as d,
- data as m,
- queueEffect as r,
- init as u,
+ value as m,
+ data as r,
+ queueEffect as a,
+ init as d,
} from "@marko/runtime-tags/dom";
-const e = o("c", (o) =>
+const u = o("a1", (o) =>
t(
o[2],
"click",
((o) => {
const { 7: t } = o;
return function () {
- c(o, l, t + 1);
+ c(o, e, t + 1);
};
})(o),
),
),
- l = d(7, (o, t) => {
- m(o[1], t), m(o[3], t), r(o, e);
+ e = m(7, (o, t) => {
+ r(o[1], t), r(o[3], t), a(o, u);
}),
- v = d(6, (o, t) => m(o[0], t)),
- a = d(5, (o, t) => v(o, t.name));
+ l = m(6, (o, t) => r(o[0], t)),
+ v = m(5, (o, t) => l(o, t.name));
o(
- "d",
+ "a2",
n(
"Hello
",
"Db%c%l D ",
(o) => {
- l(o, 1);
+ e(o, 1);
},
void 0,
void 0,
- d(4, (o, t) => a(o, t[0])),
+ m(4, (o, t) => v(o, t[0])),
),
),
i(0),
- u();
+ 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 bdc886deb..70841acea 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,4 +1,4 @@
-// size: 198 (min) 136 (brotli)
+// size: 199 (min) 148 (brotli)
import {
register as o,
@@ -8,5 +8,5 @@ import {
init as i,
} from "@marko/runtime-tags/dom";
import s from "./test-log";
-const e = m(3, (o, t) => r(o[0], t));
-o("e", (o) => t(o, e, JSON.stringify(s))), i();
+const a = m(3, (o, t) => r(o[0], t));
+o("a3", (o) => t(o, a, JSON.stringify(s))), i();
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 27869ca67..b9ad00a6e 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,36 +1,36 @@
-// size: 360 (min) 225 (brotli)
+// size: 362 (min) 222 (brotli)
import {
register as n,
createRenderer as o,
- on as t,
- data as c,
+ on as a,
+ data as t,
queueSource as r,
- value as a,
+ value as c,
queueEffect as l,
conditional as m,
init as s,
} from "@marko/runtime-tags/dom";
const i = n(
- "c",
+ "a1",
o(" ", "D ", (n) => {
- c(n[0], n.$global.x);
+ t(n[0], n.$global.x);
}),
),
u = m(0),
- p = n("d", (n) =>
- t(
+ p = n("a2", (n) =>
+ a(
n[1],
"click",
((n) => {
const { 2: o } = n;
return function () {
- r(n, d, !o);
+ r(n, e, !o);
};
})(n),
),
),
- d = a(2, (n, o) => {
+ e = c(2, (n, o) => {
l(n, p), u(n, o ? i : null);
});
s();
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 799a6d6d2..0cb2ae5d8 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,4 +1,4 @@
-// size: 464 (min) 247 (brotli)
+// size: 468 (min) 247 (brotli)
import {
registerSubscriber as c,
@@ -6,15 +6,15 @@ import {
data as n,
registerRenderer as t,
createRenderer as m,
- value as i,
- dynamicSubscribers as r,
- register as f,
+ value as b,
+ dynamicSubscribers as i,
+ register as r,
on as l,
queueSource as s,
init as u,
} from "@marko/runtime-tags/dom";
c(
- "d",
+ "b1",
o(
4,
(c, o) => n(c[2], o),
@@ -22,11 +22,11 @@ c(
),
);
const a = c(
- "e",
+ "b2",
o(4, (c, o) => n(c[2], o)),
);
t(
- "f",
+ "b3",
m(
" ",
"%c%c%",
@@ -36,15 +36,15 @@ t(
[o(3, (c, o) => n(c[1], o)), a],
),
);
-const d = i(4, null, r(4));
-r(3);
-f("g", (c) =>
+const f = b(4, null, i(4));
+i(3);
+r("b4", (c) =>
l(
c[0],
"click",
((c) =>
function () {
- s(c, d, 4);
+ s(c, f, 4);
})(c),
),
),
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 fbbfe9ae0..85caf2cc6 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,29 +1,29 @@
-// size: 266 (min) 171 (brotli)
+// size: 267 (min) 171 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as r,
+ queueSource as r,
+ value as c,
data as m,
queueEffect as n,
init as s,
} from "@marko/runtime-tags/dom";
-const i = o("c", (o) => {
- const { 2: r } = o;
+const a = o("a1", (o) => {
+ const { 2: c } = o;
t(
o[0],
"click",
- r <= 1 &&
+ c <= 1 &&
((o) => {
const { 2: t } = o;
return () => {
- c(o, a, t + 1);
+ r(o, i, t + 1);
};
})(o),
);
}),
- a = r(2, (o, t) => {
- m(o[1], t), n(o, i);
+ i = c(2, (o, t) => {
+ m(o[1], t), n(o, a);
});
s();
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 eb32cbbe1..6ba1b7c94 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,4 +1,4 @@
-// size: 439 (min) 273 (brotli)
+// size: 441 (min) 261 (brotli)
import {
register as n,
@@ -6,23 +6,23 @@ import {
dynamicTagAttrs as t,
on as c,
queueSource as s,
- value as r,
- queueEffect as a,
+ value as a,
+ queueEffect as r,
conditional as i,
intersection as m,
- init as d,
+ init as l,
} from "@marko/runtime-tags/dom";
-const l = n("c", o("body content", "")),
- u = t(0, l),
+const u = n("a1", o("body content", "")),
+ d = t(0, u),
e = i(
0,
null,
m(2, (n) => {
const { 3: o } = n;
- u(n, () => ({ class: o }));
+ d(n, () => ({ class: o }));
}),
),
- p = n("d", (n) =>
+ p = n("a2", (n) =>
c(
n[1],
"click",
@@ -34,11 +34,11 @@ const l = n("c", o("body content", "")),
})(n),
),
),
- f = r(
+ f = a(
2,
(n, o) => {
- a(n, p), e(n, o || l);
+ r(n, p), e(n, o || u);
},
e,
);
-d();
+l();
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 e7cdf251b..08a0e0b33 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,27 +1,27 @@
-// size: 269 (min) 179 (brotli)
+// size: 270 (min) 180 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
- classAttr as r,
+ queueSource as n,
+ value as r,
+ classAttr as c,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("c", (o) =>
+const a = o("a1", (o) =>
t(
o[1],
"click",
((o) => {
const { 2: t } = o;
return function () {
- c(o, u, "A" === t ? "B" : "A");
+ n(o, s, "A" === t ? "B" : "A");
};
})(o),
),
),
- u = n(2, (o, t) => {
- r(o[0], t), m(o, s);
+ s = r(2, (o, t) => {
+ c(o[0], t), m(o, a);
});
i();
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 a0fad4828..38f4b060b 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,50 +1,50 @@
-// size: 545 (min) 332 (brotli)
+// size: 546 (min) 321 (brotli)
import {
createTemplate as i,
- createRenderer as d,
- value as o,
+ createRenderer as o,
+ value as d,
data as n,
- dynamicTagAttrs as c,
- register as t,
+ dynamicTagAttrs as t,
+ register as c,
on as r,
queueSource as m,
queueEffect as v,
- conditional as s,
- init as a,
+ conditional as a,
+ init as s,
} from "@marko/runtime-tags/dom";
-const u = o(3, (i, d) => n(i[0], d)),
- f = o(2, (i, d) => u(i, d.id));
-var e = i(
- d(
+const u = d(3, (i, o) => n(i[0], o)),
+ f = d(2, (i, o) => u(i, o.id));
+var b = i(
+ o(
"Id is
",
"Db%l",
function () {},
void 0,
void 0,
- o(1, (i, d) => f(i, d[0])),
+ d(1, (i, o) => f(i, o[0])),
),
- "d",
+ "a",
);
-const k = c(1),
- l = s(1, (i) => k(i, () => ({ id: "dynamic" })), k),
- b = t("c", (i) =>
+const e = t(1),
+ k = a(1, (i) => e(i, () => ({ id: "dynamic" })), e),
+ l = c("b1", (i) =>
r(
i[0],
"click",
((i) => {
- const { 2: d } = i;
+ const { 2: o } = i;
return function () {
- m(i, g, d === e ? "div" : e);
+ m(i, g, o === b ? "div" : b);
};
})(i),
),
),
- g = o(
+ g = d(
2,
- (i, d) => {
- v(i, b), l(i, d);
+ (i, o) => {
+ v(i, l), k(i, o);
},
- l,
+ k,
);
-a();
+s();
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 bf9aaddbc..696452254 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,15 +1,15 @@
-// size: 752 (min) 369 (brotli)
+// size: 753 (min) 345 (brotli)
import {
createTemplate as i,
createRenderer as o,
value as n,
data as v,
- dynamicTagAttrs as d,
- register as t,
- on as c,
- queueSource as l,
- queueEffect as a,
+ dynamicTagAttrs as t,
+ register as c,
+ on as d,
+ queueSource as a,
+ queueEffect as l,
conditional as u,
intersection as r,
init as s,
@@ -25,7 +25,7 @@ var f = i(
void 0,
n(1, (i, o) => m(i, o[0])),
),
- "d",
+ "a",
);
const h = n(3, (i, o) => v(i[0], o)),
b = n(2, (i, o) => h(i, o.value));
@@ -38,9 +38,9 @@ var k = i(
void 0,
n(1, (i, o) => b(i, o[0])),
),
- "e",
+ "b",
);
-const C = d(0),
+const C = t(0),
D = u(
0,
null,
@@ -49,14 +49,14 @@ const C = d(0),
C(i, () => ({ value: o }));
}),
),
- g = t("c", (i) =>
- c(
+ g = c("c1", (i) =>
+ d(
i[1],
"click",
((i) => {
const { 2: o } = i;
return function () {
- l(i, p, o === f ? k : f);
+ a(i, p, o === f ? k : f);
};
})(i),
),
@@ -64,7 +64,7 @@ const C = d(0),
p = n(
2,
(i, o) => {
- a(i, g), D(i, o);
+ l(i, g), D(i, o);
},
D,
);
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 f3defccf1..4ac53f681 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,27 +1,27 @@
-// size: 380 (min) 239 (brotli)
+// size: 382 (min) 234 (brotli)
import {
register as n,
createRenderer as o,
dynamicTagAttrs as t,
- on as c,
- queueSource as r,
+ on as r,
+ queueSource as c,
value as i,
queueEffect as m,
- conditional as d,
+ conditional as a,
init as u,
} from "@marko/runtime-tags/dom";
-const e = n("c", o("Body Content", "")),
- l = t(0, e),
- s = d(0, (n) => l(n, () => ({})), l),
- a = n("d", (n) =>
- c(
+const d = n("a1", o("Body Content", "")),
+ e = t(0, d),
+ l = a(0, (n) => e(n, () => ({})), e),
+ s = n("a2", (n) =>
+ r(
n[1],
"click",
((n) => {
const { 2: o } = n;
return function () {
- r(n, f, o ? null : "div");
+ c(n, f, o ? null : "div");
};
})(n),
),
@@ -29,8 +29,8 @@ const e = n("c", o("Body Content", "")),
f = i(
2,
(n, o) => {
- m(n, a), s(n, o || e);
+ m(n, s), l(n, o || d);
},
- s,
+ l,
);
u();
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 99dee102b..b8dc9fe64 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,4 +1,4 @@
-// size: 569 (min) 306 (brotli)
+// size: 572 (min) 302 (brotli)
import {
register as n,
@@ -9,36 +9,36 @@ import {
queueEffect as r,
createRenderer as u,
dynamicTagAttrs as s,
- conditional as m,
- init as a,
+ conditional as a,
+ init as m,
} from "@marko/runtime-tags/dom";
-const e = n("g", (n) =>
+const b = n("a1", (n) =>
t(
n[0],
"click",
((n) => {
const { 2: t } = n;
return function () {
- o(n, f, t + 1);
+ o(n, d, t + 1);
};
})(n),
),
),
- f = c(2, (n, t) => {
- i(n[1], t), r(n, e);
+ d = c(2, (n, t) => {
+ i(n[1], t), r(n, b);
}),
- d = (n) => {
- f(n, 0);
+ e = (n) => {
+ d(n, 0);
},
- k = n(
- "e",
+ f = n(
+ "b1",
u("", "/ D l&", (n) => {
- d(n[0]);
+ e(n[0]);
}),
),
- l = s(0, k),
- p = m(0, (n) => l(n, () => ({})), l),
- b = n("f", (n) =>
+ k = s(0, f),
+ l = a(0, (n) => k(n, () => ({})), k),
+ p = n("b2", (n) =>
t(
n[1],
"click",
@@ -53,8 +53,8 @@ const e = n("g", (n) =>
g = c(
2,
(n, t) => {
- r(n, b), p(n, t || k);
+ r(n, p), l(n, t || f);
},
- p,
+ l,
);
-a();
+m();
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 9d5b153b0..05d7a6a1d 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,4 +1,4 @@
-// size: 293 (min) 169 (brotli)
+// size: 294 (min) 170 (brotli)
import {
register as t,
@@ -8,7 +8,7 @@ import {
queueEffect as c,
init as m,
} from "@marko/runtime-tags/dom";
-const r = t("d", (t) => {
+const r = t("a2", (t) => {
const { 1: e } = t;
(document.getElementById("button").textContent = e),
n(
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 9b51c995e..707f59f81 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,7 +1,7 @@
-// size: 137 (min) 96 (brotli)
+// size: 138 (min) 96 (brotli)
import { register as t, init as e } from "@marko/runtime-tags/dom";
-t("c", (t) => {
+t("a1", (t) => {
const { 0: e } = t;
document.getElementById("ref").textContent = e;
}),
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 742a96fb6..08c37e23d 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: 613 (min) 312 (brotli)
+// size: 615 (min) 307 (brotli)
import {
register as i,
@@ -7,19 +7,19 @@ import {
value as n,
queueSource as o,
queueEffect as r,
- loopOf as e,
- data as d,
- init as a,
+ loopOf as a,
+ data as e,
+ init as d,
} from "@marko/runtime-tags/dom";
-const s = n(5, (i, c) => d(i[1], c)),
- m = n(4, (i, c) => d(i[0], c)),
+const s = n(5, (i, c) => e(i[1], c)),
+ m = n(4, (i, c) => e(i[0], c)),
v = n(3, (i, c) => {
m(i, c.name), s(i, c.description);
}),
- u = e(
+ u = a(
0,
i(
- "d",
+ "a2",
c(
":
",
"D%c%",
@@ -30,7 +30,7 @@ const s = n(5, (i, c) => d(i[1], c)),
),
),
),
- p = i("e", (i) => {
+ p = i("a3", (i) => {
t(
i[1],
"click",
@@ -58,4 +58,4 @@ const s = n(5, (i, c) => d(i[1], c)),
f = n(3, (i, c) => {
r(i, p), u(i, [c]);
});
-a();
+d();
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 412ff4653..a22b5e060 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,23 +1,23 @@
-// size: 508 (min) 300 (brotli)
+// size: 510 (min) 307 (brotli)
import {
register as o,
on as t,
registerRenderer as n,
- createRenderer as c,
- value as i,
- intersections as r,
+ createRenderer as i,
+ value as r,
+ intersections as c,
inLoopScope as m,
queueSource as u,
- closure as d,
- queueEffect as s,
- loopTo as a,
+ closure as a,
+ queueEffect as d,
+ loopTo as s,
data as b,
init as e,
} from "@marko/runtime-tags/dom";
-const f = i(3, (o, t) => b(o[1], t)),
- k = i(2, (o, t) => f(o, t[0])),
- v = o("c", (o) =>
+const f = r(3, (o, t) => b(o[1], t)),
+ k = r(2, (o, t) => f(o, t[0])),
+ v = o("a1", (o) =>
t(
o[0],
"click",
@@ -31,7 +31,7 @@ const f = i(3, (o, t) => b(o[1], t)),
})(o),
),
),
- _ = d(1, (o, t) => s(o, v)),
- g = a(0, n("d", c("", " D ", void 0, [_], void 0, k))),
- l = i(1, (o, t) => g(o, [t, 0, 1]), r([g, m(_, 0)]));
+ _ = a(1, (o, t) => d(o, v)),
+ g = s(0, n("a2", i("", " D ", void 0, [_], void 0, k))),
+ l = r(1, (o, t) => g(o, [t, 0, 1]), c([g, m(_, 0)]));
e();
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 8132610f8..f13c9607c 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,4 +1,4 @@
-// size: 246 (min) 163 (brotli)
+// size: 247 (min) 165 (brotli)
import {
register as o,
@@ -9,7 +9,7 @@ import {
const v = d(4, (o, i) => m(o[0], i)),
r = d(3, (o, i) => m(o[1], i));
o(
- "b",
+ "a0",
i(
":
",
"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 3395a4997..02c15d2f9 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,27 +1,27 @@
-// size: 283 (min) 185 (brotli)
+// size: 284 (min) 184 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
- data as r,
+ queueSource as n,
+ value as r,
+ data as c,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = o("c", (o) =>
+const a = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 3: t } = o;
return function () {
- c(o, u, t + 1);
+ n(o, s, t + 1);
};
})(o),
),
),
- u = n(3, (o, t) => {
- r(o[1], t), r(o[2], `${t} + ${t} = ${t + t}`), m(o, s);
+ s = r(3, (o, t) => {
+ c(o[1], t), c(o[2], `${t} + ${t} = ${t + t}`), m(o, a);
});
i();
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 bd0c02f2e..2a76f1686 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,22 +1,22 @@
-// size: 285 (min) 170 (brotli)
+// size: 288 (min) 180 (brotli)
import {
register as m,
queueSource as t,
- value as e,
- tagVarSignal as a,
+ value as a,
+ tagVarSignal as e,
registerBoundSignal as o,
data as r,
init as n,
} from "@marko/runtime-tags/dom";
-const d = e(1, (m, t) => a(m, t), a);
-m("f", (m) => t(m, d, m[0].parentElement.tagName)),
+const b = a(1, (m, t) => e(m, t), e);
+m("a1", (m) => t(m, b, m[0].parentElement.tagName)),
o(
- "d",
- e(5, (m, t) => r(m[3], t)),
+ "b0",
+ a(5, (m, t) => r(m[3], t)),
),
o(
- "e",
- e(4, (m, t) => r(m[1], t)),
+ "b1",
+ a(4, (m, t) => r(m[1], t)),
),
n();
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 0eee8be1c..aa3808963 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,30 +1,30 @@
-// size: 309 (min) 191 (brotli)
+// size: 311 (min) 198 (brotli)
import {
register as n,
createRenderer as o,
on as t,
- queueSource as c,
- value as r,
+ queueSource as r,
+ value as c,
queueEffect as i,
conditional as m,
- init as u,
+ init as a,
} from "@marko/runtime-tags/dom";
-const l = n("c", o("hi", "")),
- s = m(1),
- a = n("d", (n) =>
+const u = n("a1", o("hi", "")),
+ l = m(1),
+ s = n("a2", (n) =>
t(
n[0],
"click",
((n) => {
const { 2: o } = n;
return function () {
- c(n, d, !o);
+ r(n, e, !o);
};
})(n),
),
),
- d = r(2, (n, o) => {
- i(n, a), s(n, o ? l : null);
+ e = c(2, (n, o) => {
+ i(n, s), l(n, o ? u : null);
});
-u();
+a();
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 88ce43c35..e3fcaa121 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,8 +1,8 @@
-// size: 164 (min) 93 (brotli)
+// size: 169 (min) 95 (brotli)
-import { register as o, createRenderer as m } from "@marko/runtime-tags/dom";
-o("b", m("C", "")),
- o("c", m("B", "")),
- o("d", m("A", "")),
- o("e", m("World", "")),
- o("f", m("Hello", ""));
+import { register as a, createRenderer as o } from "@marko/runtime-tags/dom";
+a("a0", o("C", "")),
+ a("a1", o("B", "")),
+ a("a2", o("A", "")),
+ a("a3", o("World", "")),
+ a("a4", o("Hello", ""));
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 c52ef7295..d45cd4093 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,26 +1,26 @@
-// size: 269 (min) 178 (brotli)
+// size: 270 (min) 179 (brotli)
import {
register as o,
on as r,
initValue as t,
- queueSource as c,
- value as m,
+ queueSource as m,
+ value as c,
data as n,
- queueEffect as i,
- init as s,
+ queueEffect as a,
+ init as i,
} from "@marko/runtime-tags/dom";
-const a = o("c", (o) =>
+const s = o("a1", (o) =>
r(
o[0],
"click",
((o) => {
const { 6: r } = o;
- return () => (c(o, e, r + 1), r);
+ return () => (m(o, e, r + 1), r);
})(o),
),
),
- e = m(6, (o, r) => {
- n(o[2], r), i(o, a);
+ e = c(6, (o, r) => {
+ n(o[2], r), a(o, s);
});
-t(6, e), s();
+t(6, e), i();
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 a6550bffb..b8d0beead 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,19 +1,19 @@
-// size: 234 (min) 155 (brotli)
+// size: 235 (min) 156 (brotli)
import {
register as o,
queueSource as m,
value as t,
data as r,
- queueEffect as c,
+ queueEffect as a,
init as n,
} from "@marko/runtime-tags/dom";
const s = t(3, (o, m) => r(o[1], m)),
- a = o("c", (o) => {
+ c = o("a1", (o) => {
const { 2: t } = o;
m(o, s, t), m(o, i, 2);
}),
i = t(2, (o, m) => {
- r(o[0], m), c(o, a);
+ r(o[0], m), a(o, c);
});
n();
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 d4d2ca2f9..a255a1a74 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,24 +1,24 @@
-// size: 433 (min) 244 (brotli)
+// size: 434 (min) 244 (brotli)
import {
register as o,
on as t,
- value as c,
- data as r,
+ value as r,
+ data as c,
queueEffect as m,
intersections as n,
queueSource as s,
- intersection as i,
- init as a,
+ intersection as a,
+ init as i,
} from "@marko/runtime-tags/dom";
-const e = i(2, (o) => {
- const { 6: t, 7: c } = o;
- k(o, t + c);
+const e = a(2, (o) => {
+ const { 6: t, 7: r } = o;
+ k(o, t + r);
}),
- k = c(8, (o, t) => r(o[4], t)),
- u = c(7, (o, t) => r(o[3], t), e),
- d = c(6, (o, t) => r(o[2], t), e),
- f = o("c", (o) =>
+ k = r(8, (o, t) => c(o[4], t)),
+ u = r(7, (o, t) => c(o[3], t), e),
+ d = r(6, (o, t) => c(o[2], t), e),
+ f = o("a1", (o) =>
t(
o[0],
"click",
@@ -28,11 +28,11 @@ const e = i(2, (o) => {
})(o),
),
),
- g = c(
+ g = r(
5,
(o, t) => {
- r(o[1], t), m(o, f), d(o, t + 1), u(o, t + 2);
+ c(o[1], t), m(o, f), d(o, t + 1), u(o, t + 2);
},
n([d, u]),
);
-a();
+i();
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 73343f12c..32043880b 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,28 +1,28 @@
-// size: 314 (min) 199 (brotli)
+// size: 315 (min) 201 (brotli)
import {
register as o,
on as r,
queueSource as t,
- value as c,
- data as m,
+ value as m,
+ data as c,
intersection as n,
- queueEffect as i,
- init as s,
+ queueEffect as a,
+ init as i,
} from "@marko/runtime-tags/dom";
-const a = o("c", (o) =>
+const s = o("a1", (o) =>
r(
o[0],
"click",
((o) => {
- const { 3: r, 4: c } = o;
- return () => t(o, u, t(o, k, r + c));
+ const { 3: r, 4: m } = o;
+ return () => t(o, u, t(o, k, r + m));
})(o),
),
),
e = n(2, (o) => {
- i(o, a);
+ a(o, s);
}),
- k = c(4, (o, r) => m(o[2], r), e),
- u = c(3, (o, r) => m(o[1], r), e);
-s();
+ k = m(4, (o, r) => c(o[2], r), e),
+ u = m(3, (o, r) => c(o[1], r), e);
+i();
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 54e916c3a..c5b5a1b46 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,4 +1,4 @@
-// size: 168 (min) 117 (brotli)
+// size: 169 (min) 117 (brotli)
import {
register as m,
@@ -7,5 +7,5 @@ import {
data as n,
init as r,
} from "@marko/runtime-tags/dom";
-const i = t(1, (m, o) => n(m[0], o));
-m("c", (m) => o(m, i, "Client Only")), r();
+const a = t(1, (m, o) => n(m[0], o));
+m("a1", (m) => o(m, a, "Client Only")), r();
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 7b89fe550..af55952f6 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,30 +1,30 @@
-// size: 465 (min) 230 (brotli)
+// size: 468 (min) 231 (brotli)
import {
register as t,
queueSource as n,
value as o,
- data as c,
- lifecycle as r,
+ data as r,
+ lifecycle as c,
on as u,
queueEffect as i,
init as s,
} from "@marko/runtime-tags/dom";
-const e = t("b", (t) => {
+const a = t("a0", (t) => {
const { 3: n } = t;
return function () {
this.cur = n;
};
}),
- m = t("c", (t) => {
+ e = t("a1", (t) => {
const { 3: o } = t;
return function () {
- n(t, f, this.cur), (this.cur = o);
+ n(t, m, this.cur), (this.cur = o);
};
}),
- f = o(4, (t, n) => c(t[1], n)),
- a = t("e", (t) => {
- r(t, 4, { onMount: e(t), onUpdate: m(t) }),
+ m = o(4, (t, n) => r(t[1], n)),
+ f = t("a3", (t) => {
+ c(t, 4, { onMount: a(t), onUpdate: e(t) }),
u(
t[2],
"click",
@@ -37,6 +37,6 @@ const e = t("b", (t) => {
);
}),
h = o(3, (t, n) => {
- c(t[0], n), i(t, a);
+ r(t[0], n), i(t, f);
});
s();
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 0088e9c3d..75f52ace8 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: 453 (min) 237 (brotli)
+// size: 456 (min) 240 (brotli)
import {
register as t,
@@ -10,31 +10,31 @@ import {
init as u,
} from "@marko/runtime-tags/dom";
const i = t(
- "b",
+ "a0",
(t) =>
function () {
this.onUpdate();
},
),
- s = t("c", (t) => {
+ a = t("a1", (t) => {
const { 1: n } = t;
return function () {
(document.getElementById("ref").textContent = `x=${n}, was=${this.cur}`),
(this.cur = n);
};
}),
- m = t("e", (t) => {
- n(t, 3, { onMount: i(t), onUpdate: s(t) }),
+ s = t("a3", (t) => {
+ n(t, 3, { onMount: i(t), onUpdate: a(t) }),
o(
t[0],
"click",
((t) => {
const { 1: n } = t;
return function () {
- e(t, a, n + 1);
+ e(t, m, n + 1);
};
})(t),
);
}),
- a = c(1, (t, n) => r(t, m));
+ m = c(1, (t, n) => r(t, s));
u();
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 f414d2e1c..6d7020e04 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,38 +1,38 @@
-// size: 488 (min) 216 (brotli)
+// size: 491 (min) 216 (brotli)
import {
register as t,
lifecycle as n,
on as e,
queueSource as o,
- value as c,
- queueEffect as r,
+ value as r,
+ queueEffect as c,
init as u,
} from "@marko/runtime-tags/dom";
-const m = t("b", (t) => {
+const m = t("a0", (t) => {
const { 1: n } = t;
return function () {
document.getElementById("ref").textContent = "Mount " + n;
};
}),
- d = t("c", (t) => {
+ a = t("a1", (t) => {
const { 1: n } = t;
return function () {
document.getElementById("ref").textContent = "Update " + n;
};
}),
- f = t("e", (t) => {
- n(t, 3, { onMount: m(t), onUpdate: d(t) }),
+ d = t("a3", (t) => {
+ n(t, 3, { onMount: m(t), onUpdate: a(t) }),
e(
t[0],
"click",
((t) => {
const { 1: n } = t;
return function () {
- o(t, i, n + 1);
+ o(t, f, n + 1);
};
})(t),
);
}),
- i = c(1, (t, n) => r(t, f));
+ f = r(1, (t, n) => c(t, d));
u();
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 d74b27197..7ba772edf 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,4 +1,4 @@
-// size: 198 (min) 137 (brotli)
+// size: 199 (min) 148 (brotli)
import {
register as o,
@@ -8,5 +8,5 @@ import {
init as i,
} from "@marko/runtime-tags/dom";
import s from "./test-log";
-const f = m(2, (o, t) => r(o[0], t));
-o("c", (o) => t(o, f, JSON.stringify(s))), i();
+const a = m(2, (o, t) => r(o[0], t));
+o("a1", (o) => t(o, a, JSON.stringify(s))), i();
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 d3581aa3b..3dff9296d 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: 192 (min) 129 (brotli)
+// size: 193 (min) 130 (brotli)
import {
register as o,
@@ -8,7 +8,7 @@ import {
} from "@marko/runtime-tags/dom";
const d = i(2, (o, t) => m(o[0], t.text));
o(
- "c",
+ "a1",
t(
" ",
" ",
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 d3581aa3b..3dff9296d 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: 192 (min) 129 (brotli)
+// size: 193 (min) 130 (brotli)
import {
register as o,
@@ -8,7 +8,7 @@ import {
} from "@marko/runtime-tags/dom";
const d = i(2, (o, t) => m(o[0], t.text));
o(
- "c",
+ "a1",
t(
" ",
" ",
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 67ece40e4..a67bb9cb4 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,4 +1,4 @@
-// size: 102 (min) 81 (brotli)
+// size: 103 (min) 82 (brotli)
import { register as t, init as o } from "@marko/runtime-tags/dom";
-t("c", (t) => (t[0].textContent = "hello")), o();
+t("a1", (t) => (t[0].textContent = "hello")), o();
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 9a3f0a1e8..4bdba19fb 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,30 +1,30 @@
-// size: 332 (min) 196 (brotli)
+// size: 333 (min) 199 (brotli)
import {
register as o,
on as t,
- queueSource as c,
- value as n,
+ queueSource as n,
+ value as c,
data as r,
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
-const s = n(6, (o, t) => r(o[3], t)),
- u = n(5, (o, t) => r(o[2], t)),
- a = o("c", (o) =>
+const s = c(6, (o, t) => r(o[3], t)),
+ a = c(5, (o, t) => r(o[2], t)),
+ u = o("a1", (o) =>
t(
o[0],
"click",
((o) => {
const { 4: t } = o;
return function () {
- const n = c(o, u, (c(o, e, t + 1), t));
- c(o, s, n);
+ const c = n(o, a, (n(o, e, t + 1), t));
+ n(o, s, c);
};
})(o),
),
),
- e = n(4, (o, t) => {
- r(o[1], t), m(o, a);
+ e = c(4, (o, t) => {
+ r(o[1], t), m(o, u);
});
i();
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 bdf975cbe..4de1d24df 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,4 +1,4 @@
-// size: 413 (min) 189 (brotli)
+// size: 414 (min) 190 (brotli)
import {
register as n,
@@ -9,7 +9,7 @@ import {
queueEffect as i,
init as u,
} from "@marko/runtime-tags/dom";
-const m = n("d", (n) => {
+const m = n("a2", (n) => {
c(
n[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 d3581aa3b..3dff9296d 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: 192 (min) 129 (brotli)
+// size: 193 (min) 130 (brotli)
import {
register as o,
@@ -8,7 +8,7 @@ import {
} from "@marko/runtime-tags/dom";
const d = i(2, (o, t) => m(o[0], t.text));
o(
- "c",
+ "a1",
t(
" ",
" ",
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 9a1c87a50..fa07a60cd 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,34 +1,34 @@
-// size: 332 (min) 191 (brotli)
+// size: 333 (min) 192 (brotli)
import {
register as o,
on as t,
queueSource as n,
value as r,
- queueEffect as c,
- data as m,
- init as a,
+ queueEffect as a,
+ data as c,
+ init as m,
} from "@marko/runtime-tags/dom";
const i = r(5, (o, t) => {
- m(o[1], t),
+ c(o[1], t),
((o, t) => {
- m(o[2], t);
+ c(o[2], t);
})(o, t);
}),
s = r(4, (o, t) => i(o, t.a)),
- u = o("d", (o) =>
+ u = o("a2", (o) =>
t(
o[0],
"click",
((o) => {
const { 3: t } = o;
return function () {
- n(o, d, t + 1);
+ n(o, e, t + 1);
};
})(o),
),
),
- d = r(3, (o, t) => {
- c(o, u), s(o, { a: t });
+ e = r(3, (o, t) => {
+ a(o, u), s(o, { a: t });
});
-a();
+m();
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 bf45c4a0a..af1cfc3fb 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,4 +1,4 @@
-// size: 483 (min) 288 (brotli)
+// size: 484 (min) 290 (brotli)
import {
register as r,
@@ -15,7 +15,7 @@ const l = o(9, (r, a) => t(r[5], JSON.stringify(a))),
m = o(7, (r, a) => t(r[2], a)),
b = o(6, (r, a) => t(r[1], a)),
f = (r, a) => {};
-r("d", (r) =>
+r("a2", (r) =>
a(
r[0],
"click",
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 c71d26e86..62e8a1a6f 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,15 +1,15 @@
-// size: 271 (min) 181 (brotli)
+// size: 272 (min) 180 (brotli)
import {
registerRenderer as o,
- createRenderer as m,
- value as a,
+ createRenderer as a,
+ value as m,
intersections as n,
inConditionalScope as r,
closure as s,
data as t,
conditional as i,
} from "@marko/runtime-tags/dom";
-const p = s(3, (o, m) => t(o[0], m)),
- d = (o("b", m(" ", "D ", void 0, [p])), i(0));
+const p = s(3, (o, a) => t(o[0], a)),
+ d = (o("a0", a(" ", "D ", void 0, [p])), i(0));
n([d, r(p, 0)]);
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 25d63a9ff..cbd71e3ea 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,23 +1,23 @@
-// size: 875 (min) 402 (brotli)
+// size: 881 (min) 402 (brotli)
import {
register as n,
on as t,
registerSubscriber as o,
dynamicClosure as u,
- data as i,
- queueEffect as c,
+ data as c,
+ queueEffect as i,
registerRenderer as l,
createRenderer as r,
- value as _,
- dynamicSubscribers as d,
- inConditionalScope as e,
+ value as a,
+ dynamicSubscribers as _,
+ inConditionalScope as d,
queueSource as b,
- closure as f,
+ closure as e,
conditional as m,
init as s,
} from "@marko/runtime-tags/dom";
-const k = n("e", (n) =>
+const f = n("a3", (n) =>
t(
n[0],
"click",
@@ -28,28 +28,28 @@ const k = n("e", (n) =>
},
} = n;
return function () {
- b(n._._, p, t + 1);
+ b(n._._, j, t + 1);
};
})(n),
),
),
- v = l(
- "g",
+ k = l(
+ "a5",
r("", " D ", void 0, [
o(
- "f",
+ "a4",
u(
4,
(n, t) => {
- i(n[1], t), c(n, k);
+ c(n[1], t), i(n, f);
},
(n) => n._._,
),
),
]),
),
- a = m(1),
- g = n("h", (n) =>
+ v = m(1),
+ D = n("a6", (n) =>
t(
n[0],
"click",
@@ -63,19 +63,19 @@ const k = n("e", (n) =>
})(n),
),
),
- D = f(
+ g = e(
3,
(n, t) => {
- c(n, g), a(n, t ? v : null);
+ i(n, D), v(n, t ? k : null);
},
void 0,
- a,
+ v,
),
- h = l("i", r("", " b%D", void 0, [D])),
- j = m(1),
- p = _(4, null, d(4)),
- q = _(3, null, e(D, 1)),
- w = n("j", (n) =>
+ p = l("a7", r("", " b%D", void 0, [g])),
+ h = m(1),
+ j = a(4, null, _(4)),
+ q = a(3, null, d(g, 1)),
+ w = n("a8", (n) =>
t(
n[0],
"click",
@@ -87,11 +87,11 @@ const k = n("e", (n) =>
})(n),
),
),
- x = _(
+ x = a(
2,
(n, t) => {
- c(n, w), j(n, t ? h : null);
+ i(n, w), h(n, t ? p : null);
},
- j,
+ h,
);
s();
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 cc6f852fb..53a1e3cd6 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,51 +1,51 @@
-// size: 665 (min) 315 (brotli)
+// size: 670 (min) 316 (brotli)
import {
- registerSubscriber as n,
- dynamicClosure as l,
- data as o,
- registerRenderer as d,
+ registerSubscriber as a,
+ dynamicClosure as n,
+ data as l,
+ registerRenderer as o,
createRenderer as i,
- value as a,
+ value as d,
intersections as s,
inConditionalScope as u,
dynamicSubscribers as m,
closure as p,
conditional as v,
} from "@marko/runtime-tags/dom";
-const r = d(
- "c",
+const r = o(
+ "a1",
i(" ", "D ", void 0, [
- n(
- "b",
- l(
+ a(
+ "a0",
+ n(
5,
- (n, l) => o(n[0], l),
- (n) => n._._,
+ (a, n) => l(a[0], n),
+ (a) => a._._,
),
),
]),
),
- t = d(
- "e",
+ t = o(
+ "a3",
i(" ", "D ", void 0, [
- n(
- "d",
- l(
+ a(
+ "a2",
+ n(
4,
- (n, l) => o(n[0], l),
- (n) => n._._,
+ (a, n) => l(a[0], n),
+ (a) => a._._,
),
),
]),
),
D = v(1),
_ = v(0),
- b = p(5, (n, l) => D(n, l ? r : null), void 0, D),
- c = p(4, (n, l) => _(n, l ? t : null), void 0, _),
- e = d("f", i("", "D%b%D", void 0, [c, b])),
+ b = p(5, (a, n) => D(a, n ? r : null), void 0, D),
+ c = p(4, (a, n) => _(a, n ? t : null), void 0, _),
+ e = o("a4", i("", "D%b%D", void 0, [c, b])),
f = v(0),
- g = a(5, null, s([u(b, 0), m(5)])),
- k = a(4, null, s([u(c, 0), m(4)])),
- h = a(3, (n, l) => f(n, l ? e : null), f);
+ g = d(5, null, s([u(b, 0), m(5)])),
+ k = d(4, null, s([u(c, 0), m(4)])),
+ h = d(3, (a, n) => f(a, n ? e : null), f);
s([h, k, g]);
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 a3329084c..3fbec22af 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,12 +1,12 @@
-// size: 129 (min) 99 (brotli)
+// size: 131 (min) 101 (brotli)
import {
register as m,
- attrsEvents as o,
- init as r,
+ attrsEvents as a,
+ init as o,
} from "@marko/runtime-tags/dom";
-m("b", (m) => {
- o(m, 1), o(m, 2);
+m("a0", (m) => {
+ a(m, 1), a(m, 2);
}),
- m("c", (m) => o(m, 0)),
- r();
+ m("a1", (m) => a(m, 0)),
+ o();
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 52eee0b75..11994362b 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,21 +1,21 @@
-// size: 273 (min) 181 (brotli)
+// size: 274 (min) 181 (brotli)
import {
register as o,
- queueSource as r,
- getAbortSignal as t,
- value as a,
+ queueSource as a,
+ getAbortSignal as r,
+ value as t,
data as m,
init as e,
} from "@marko/runtime-tags/dom";
-const n = a(5, (o, r) => m(o[1], r)),
- s = a(4, (o, r) => m(o[0], r));
-o("d", (o) => {
- const { 3: a } = o;
- r(o, s, a.value + 1),
- (t(o, 0).onabort = (
+const n = t(5, (o, a) => m(o[1], a)),
+ s = t(4, (o, a) => m(o[0], a));
+o("a2", (o) => {
+ const { 3: t } = o;
+ a(o, s, t.value + 1),
+ (r(o, 0).onabort = (
(o) => () =>
- r(o, n, previousValue)
+ a(o, n, previousValue)
)(o));
}),
e();
diff --git a/packages/translator-tags/src/__tests__/utils/bundle.ts b/packages/translator-tags/src/__tests__/utils/bundle.ts
index b349a8dc0..fbd0b7553 100644
--- a/packages/translator-tags/src/__tests__/utils/bundle.ts
+++ b/packages/translator-tags/src/__tests__/utils/bundle.ts
@@ -1,9 +1,11 @@
import fs from "fs/promises";
+import path from "path";
import zlib from "zlib";
import * as compiler from "@marko/compiler";
import pluginTerser from "@rollup/plugin-terser";
import { format } from "prettier";
import { type OutputChunk, rollup } from "rollup";
+import glob from "tiny-glob";
interface Sizes {
min: number;
@@ -14,7 +16,10 @@ export async function bundle(
entryTemplate: string,
compilerConfig: compiler.Config,
) {
- const optimizedRegistryIds = new Map();
+ const optimizeKnownTemplates: string[] = await glob(
+ path.join(path.dirname(entryTemplate), "**/*.marko"),
+ { absolute: true },
+ );
const hydratePrefix = "\0hydrate:";
const entryCode = await fs.readFile(entryTemplate, "utf-8");
const bundle = await rollup({
@@ -73,7 +78,7 @@ export async function bundle(
await compiler.compile(code, id, {
...compilerConfig,
optimize: true,
- optimizedRegistryIds,
+ optimizeKnownTemplates,
output: isHydrate ? "hydrate" : "dom",
})
).code;
diff --git a/packages/translator-tags/src/util/signals.ts b/packages/translator-tags/src/util/signals.ts
index 7b2f2353d..c914fcf54 100644
--- a/packages/translator-tags/src/util/signals.ts
+++ b/packages/translator-tags/src/util/signals.ts
@@ -633,7 +633,8 @@ export function getResumeRegisterId(
}
return getTemplateId(
markoOpts,
- `${filename}_${section.id}${name}${type ? "/" + type : ""}`,
+ filename as string,
+ `${section.id}${name}${type ? "/" + type : ""}`,
);
}
diff --git a/packages/translator-tags/src/visitors/function.ts b/packages/translator-tags/src/visitors/function.ts
index 31582d5f9..ad5401d2a 100644
--- a/packages/translator-tags/src/visitors/function.ts
+++ b/packages/translator-tags/src/visitors/function.ts
@@ -53,7 +53,8 @@ export default {
extra.registerId = getTemplateId(
markoOpts,
- `${filename}_${section.id}/${name + id}`,
+ filename as string,
+ `${section.id}/${name + id}`,
);
},
};
diff --git a/packages/translator-tags/src/visitors/program/dom.ts b/packages/translator-tags/src/visitors/program/dom.ts
index 8fdac8e9f..91d34a2cb 100644
--- a/packages/translator-tags/src/visitors/program/dom.ts
+++ b/packages/translator-tags/src/visitors/program/dom.ts
@@ -1,4 +1,3 @@
-import { getTemplateId } from "@marko/babel-utils";
import { types as t } from "@marko/compiler";
import { bindingHasDownstreamExpressions } from "../../util/binding-has-downstream-expressions";
import { callRuntime } from "../../util/runtime";
@@ -116,10 +115,6 @@ export default {
);
}
- const {
- markoOpts,
- opts: { filename },
- } = program.hub.file;
program.node.body.push(
t.exportDefaultDeclaration(
callRuntime(
@@ -133,7 +128,7 @@ export default {
undefined,
programParamsSignal?.identifier,
),
- t.stringLiteral(getTemplateId(markoOpts, `${filename}`)),
+ t.stringLiteral(program.hub.file.metadata.marko.id),
),
),
);
diff --git a/packages/translator-tags/src/visitors/program/html.ts b/packages/translator-tags/src/visitors/program/html.ts
index 3f894cbc2..3fe4f1d63 100644
--- a/packages/translator-tags/src/visitors/program/html.ts
+++ b/packages/translator-tags/src/visitors/program/html.ts
@@ -1,4 +1,3 @@
-import { getTemplateId } from "@marko/babel-utils";
import { types as t } from "@marko/compiler";
import { returnId } from "../../core/return";
import isStatic from "../../util/is-static";
@@ -37,10 +36,6 @@ export default {
}
const rendererId = program.scope.generateUidIdentifier("renderer");
- const {
- markoOpts,
- opts: { filename },
- } = program.hub.file;
program.pushContainer("body", [
t.variableDeclaration("const", [
t.variableDeclarator(
@@ -59,7 +54,7 @@ export default {
callRuntime(
"createTemplate",
rendererId,
- t.stringLiteral(getTemplateId(markoOpts, `${filename}`)),
+ t.stringLiteral(program.hub.file.metadata.marko.id),
),
),
]);
diff --git a/packages/translator-tags/src/visitors/tag/dynamic-tag.ts b/packages/translator-tags/src/visitors/tag/dynamic-tag.ts
index 75a3f32d1..37264a3ff 100644
--- a/packages/translator-tags/src/visitors/tag/dynamic-tag.ts
+++ b/packages/translator-tags/src/visitors/tag/dynamic-tag.ts
@@ -1,6 +1,5 @@
import {
assertAttributesOrArgs,
- getTemplateId,
importDefault,
importNamed,
loadFileForTag,
@@ -126,12 +125,7 @@ export default {
t.expressionStatement(
t.callExpression(serialized5to6, [
t.identifier((tagExpression as t.Identifier).name),
- t.stringLiteral(
- getTemplateId(
- markoOpts,
- loadFileForTag(tag)!.metadata.marko.id,
- ),
- ),
+ t.stringLiteral(loadFileForTag(tag)!.metadata.marko.id),
]),
),
);
@@ -141,12 +135,7 @@ export default {
t.expressionStatement(
callRuntime(
"register",
- t.stringLiteral(
- getTemplateId(
- markoOpts,
- loadFileForTag(tag)!.metadata.marko.id,
- ),
- ),
+ t.stringLiteral(loadFileForTag(tag)!.metadata.marko.id),
t.identifier((tagExpression as t.Identifier).name),
),
),