diff --git a/.changeset/wise-times-remain.md b/.changeset/wise-times-remain.md new file mode 100644 index 000000000..4bba993ed --- /dev/null +++ b/.changeset/wise-times-remain.md @@ -0,0 +1,5 @@ +--- +"@marko/runtime-tags": patch +--- + +Encode resume effects as a string to reduce HTML bytes and fix browser compatibility issue with large effect lists. diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/resume.expected.md index 448574075..c30e77753 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/resume.expected.md @@ -19,8 +19,7 @@ }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_foo_$fooChange", - 1 + "__tests__/template.marko_0_foo_$fooChange 1" ]; M._.w() @@ -53,8 +52,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_foo_$fooChange", - 1 + "__tests__/template.marko_0_foo_$fooChange 1" ]; M._.w() @@ -92,8 +90,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_foo_$fooChange", - 1 + "__tests__/template.marko_0_foo_$fooChange 1" ]; M._.w() @@ -131,8 +128,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_foo_$fooChange", - 1 + "__tests__/template.marko_0_foo_$fooChange 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/ssr.expected.md index 014a49bea..6f464fda6 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-increment/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -24,8 +24,7 @@ }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_foo_$fooChange", - 1 + "__tests__/template.marko_0_foo_$fooChange 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/resume.expected.md index 193c07d4f..376b795ae 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/resume.expected.md @@ -13,8 +13,7 @@ }, _.b], _.a.valueChange = _.b.$valueChange = _._[ "__tests__/template.marko_0/valueChange" ](_.d), _.c), - "__tests__/tags/child.marko_0_input_$valueChange", - 2 + "__tests__/tags/child.marko_0_input_$valueChange 2" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/ssr.expected.md index 603c93e8b..3d52878d2 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured-reduced/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -18,8 +18,7 @@ }, _.b], _.a.valueChange = _.b.$valueChange = _._[ "__tests__/template.marko_0/valueChange" ](_.d), _.c), - "__tests__/tags/child.marko_0_input_$valueChange", - 2 + "__tests__/tags/child.marko_0_input_$valueChange 2" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/resume.expected.md index dd97a82fd..408e9d3a4 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/resume.expected.md @@ -17,8 +17,7 @@ }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_bar_$fooChange", - 1 + "__tests__/template.marko_0_bar_$fooChange 1" ]; M._.w() @@ -49,8 +48,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_bar_$fooChange", - 1 + "__tests__/template.marko_0_bar_$fooChange 1" ]; M._.w() @@ -85,8 +83,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_bar_$fooChange", - 1 + "__tests__/template.marko_0_bar_$fooChange 1" ]; M._.w() @@ -121,8 +118,7 @@ container.querySelector("button").click(); }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_bar_$fooChange", - 1 + "__tests__/template.marko_0_bar_$fooChange 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/ssr.expected.md index 70b3aea98..70443ad3b 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-destructured/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -22,8 +22,7 @@ }], _.a.$fooChange = _._[ "__tests__/template.marko_0/foo" ](_.a), _.b), - "__tests__/template.marko_0_bar_$fooChange", - 1 + "__tests__/template.marko_0_bar_$fooChange 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/resume.expected.md index cb9342b87..c8295fd8d 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/resume.expected.md @@ -14,8 +14,7 @@ { count: 0 }]), - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_count 1" ]; M._.w() @@ -43,8 +42,7 @@ container.querySelector("button").click(); { count: 0 }]), - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_count 1" ]; M._.w() @@ -76,8 +74,7 @@ container.querySelector("button").click(); { count: 0 }]), - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_count 1" ]; M._.w() @@ -109,8 +106,7 @@ container.querySelector("button").click(); { count: 0 }]), - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_count 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/ssr.expected.md index 54dd49ee7..676a16d7e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-in-wrapped-function/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -19,8 +19,7 @@ { count: 0 }]), - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_count 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/resume.expected.md index 61feeb7a0..40cf6adcc 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/resume.expected.md @@ -17,10 +17,7 @@ }], _.a.resetCount = _._[ "__tests__/template.marko_0/resetCount" ](_.a), _.b), - "__tests__/template.marko_0_resetCount", - 1, - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_resetCount 1 __tests__/template.marko_0_count 1" ]; M._.w() @@ -51,10 +48,7 @@ container.querySelector("button").click(); }], _.a.resetCount = _._[ "__tests__/template.marko_0/resetCount" ](_.a), _.b), - "__tests__/template.marko_0_resetCount", - 1, - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_resetCount 1 __tests__/template.marko_0_count 1" ]; M._.w() @@ -89,10 +83,7 @@ container.querySelector("button").click(); }], _.a.resetCount = _._[ "__tests__/template.marko_0/resetCount" ](_.a), _.b), - "__tests__/template.marko_0_resetCount", - 1, - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_resetCount 1 __tests__/template.marko_0_count 1" ]; M._.w() @@ -127,10 +118,7 @@ container.querySelector("button").click(); }], _.a.resetCount = _._[ "__tests__/template.marko_0/resetCount" ](_.a), _.b), - "__tests__/template.marko_0_resetCount", - 1, - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_resetCount 1 __tests__/template.marko_0_count 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/ssr.expected.md index 768567fa5..f9fd34efe 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-live-read/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -22,10 +22,7 @@ }], _.a.resetCount = _._[ "__tests__/template.marko_0/resetCount" ](_.a), _.b), - "__tests__/template.marko_0_resetCount", - 1, - "__tests__/template.marko_0_count", - 1 + "__tests__/template.marko_0_resetCount 1 __tests__/template.marko_0_count 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/resume.expected.md index 3d658d149..e4132b1a9 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/resume.expected.md @@ -12,8 +12,7 @@ { _: _.a }]), - "__tests__/template.marko_1", - 2 + "__tests__/template.marko_1 2" ]; M._.w() @@ -38,8 +37,7 @@ container.querySelector("button").click(); { _: _.a }]), - "__tests__/template.marko_1", - 2 + "__tests__/template.marko_1 2" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/ssr.expected.md index 12477c1bb..d308bbf1e 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-owner-closure/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html - + ``` # Render End @@ -17,8 +17,7 @@ { _: _.a }]), - "__tests__/template.marko_1", - 2 + "__tests__/template.marko_1 2" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/resume.expected.md index deb433125..b89063c24 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/resume.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/resume.expected.md @@ -16,8 +16,7 @@ M._.r = [_ => (_.b = [0, _.a = {}], _.a["TagVariableChange:count"] = _._[ "__tests__/template.marko_0/valueChange" ](_.a), _.b), - "__tests__/template.marko_0", - 1 + "__tests__/template.marko_0 1" ]; M._.w() @@ -47,8 +46,7 @@ container.querySelector("button").click(); M._.r = [_ => (_.b = [0, _.a = {}], _.a["TagVariableChange:count"] = _._[ "__tests__/template.marko_0/valueChange" ](_.a), _.b), - "__tests__/template.marko_0", - 1 + "__tests__/template.marko_0 1" ]; M._.w() diff --git a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/ssr.expected.md b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/ssr.expected.md index ea636a391..cde0964ac 100644 --- a/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/ssr.expected.md +++ b/packages/runtime-tags/src/__tests__/fixtures/assign-to-pruned-let-with-change-handler/__snapshots__/ssr.expected.md @@ -1,6 +1,6 @@ # Write ```html -