archive-gh-me/marko
1
0
Fork 0
mirror of https://github.com/marko-js/marko.git synced 2026-02-01 16:07:13 +00:00
Code Issues Projects Releases Wiki Activity

refactor: function registration (#2273)

Browse Source
This commit is contained in:
Luke LaValva 2024-08-19 10:01:00 -07:00 committed by GitHub
parent a529d9114b
commit 74e6633b3e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
151 changed files with 1385 additions and 831 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -13,8 +13,8 @@
"build": "npm run build --ws && tsc -b tsconfig.build.json",
"build:sizes": "node -r ~ts scripts/sizes",
"change": "changeset add",
"compile": "node -r ~ts scripts/inspect-compiled-output.ts",
"format": "eslint --format unix --fix .; prettier . --write --with-node-modules --log-level=warn",
"inspect:compiled": "node -r ~ts scripts/inspect-compiled-output.ts",
"lint": "eslint --format unix . && prettier . --check --with-node-modules --log-level=warn",
"prepare": "husky",
"report": "open ./coverage/lcov-report/index.html",

3
packages/compiler/src/babel-types/types/definitions.js
View File

@ -2,6 +2,7 @@ import {
arrayOfType,
assertEach,
assertNodeType,
assertOneOf,
assertValueType,
chain,
} from "@babel/types/lib/definitions/utils";
@ -87,7 +88,7 @@ const MarkoDefinitions = {
default: false,
},
target: {
validate: assertValueType("string"),
validate: assertOneOf("server", "client"),
optional: true,
},
},

6
packages/translator-interop/src/__tests__/fixtures/interop-events-tags-to-class/__snapshots__/dom.expected/template.js
View File

@ -1,10 +1,10 @@
import _classCounter from "./components/class-counter.marko";
import "marko/src/runtime/helpers/tags-compat/dom-debug.mjs";
import { register as _register, data as _data, queueSource as _queueSource, dynamicTagAttrs as _dynamicTagAttrs, conditional as _conditional, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
_register("packages/translator-interop/src/__tests__/fixtures/interop-events-tags-to-class/components/class-counter.marko", _classCounter);
const _onCount = _register("packages/translator-interop/src/__tests__/fixtures/interop-events-tags-to-class/template.marko_0/onCount", _scope => function (newCount) {
_queueSource(_scope, _count, newCount);
});
import _classCounter from "./components/class-counter.marko";
import "marko/src/runtime/helpers/tags-compat/dom-debug.mjs";
_register("packages/translator-interop/src/__tests__/fixtures/interop-events-tags-to-class/components/class-counter.marko", _classCounter);
const _classCounter_input = _dynamicTagAttrs("#text/0");
const _dynamicTagName = /* @__PURE__ */_conditional("#text/0", _scope => _classCounter_input(_scope, () => ({
onCount: _onCount(_scope)

2
packages/translator-interop/src/__tests__/fixtures/interop-events-tags-to-class/__snapshots__/html.expected/template.js
View File

@ -1,6 +1,6 @@
import { register as _register, dynamicTagInput as _dynamicTagInput, markResumeControlEnd as _markResumeControlEnd, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _classCounter from "./components/class-counter.marko";
import { s as _s } from "marko/src/runtime/helpers/tags-compat/html-debug.mjs";
import { register as _register, dynamicTagInput as _dynamicTagInput, markResumeControlEnd as _markResumeControlEnd, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const count = 0;

2
packages/translator-tags/src/__tests__/fixtures/assignment-before-tag-var/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,7 +10,7 @@ import {
init as i,
} from "@marko/runtime-tags/dom";
const a = r(4, (o, t) => c(o[2], t)),
s = o("a1", (o) =>
s = o("a0", (o) =>
t(
o[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/attr-boolean-dynamic/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,7 +10,7 @@ import {
queueEffect as r,
init as c,
} from "@marko/runtime-tags/dom";
const m = n("a1", (n) =>
const m = n("a0", (n) =>
o(
n[1],
"click",

4
packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { inChild as _inChild, register as _register, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, inChild as _inChild, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_myButton__text_(_scope["#childScope/0"], clickCount);
_myButton__onClick_(_scope["#childScope/0"], _onClick(_scope));

2
packages/translator-tags/src/__tests__/fixtures/basic-component-attrs/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _myButton from "./components/my-button.marko";
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;

4
packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { inChild as _inChild, register as _register, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, inChild as _inChild, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_myButton__text_(_scope["#childScope/0"], clickCount);
_myButton__onClick_(_scope["#childScope/0"], _onClick(_scope));

2
packages/translator-tags/src/__tests__/fixtures/basic-component-input-alias/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _myButton from "./components/my-button.marko";
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;

4
packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { _setup_ as _myButton, _pattern__ as _myButton__pattern__, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { inChild as _inChild, register as _register, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, inChild as _inChild, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _pattern__ as _myButton__pattern__, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_myButton__pattern__(_scope["#childScope/0"], {
text: clickCount

2
packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias-within-pattern/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _myButton from "./components/my-button.marko";
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;

4
packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { inChild as _inChild, register as _register, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, inChild as _inChild, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_myButton__text_(_scope["#childScope/0"], clickCount);
_myButton__onClick_(_scope["#childScope/0"], _onClick(_scope));

2
packages/translator-tags/src/__tests__/fixtures/basic-component-input-same-source-alias/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _myButton from "./components/my-button.marko";
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;

4
packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { inChild as _inChild, register as _register, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, inChild as _inChild, queueSource as _queueSource, intersections as _intersections, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-input/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _text_ as _myButton__text_, _onClick_ as _myButton__onClick_, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_myButton__text_(_scope["#childScope/0"], clickCount);
_myButton__onClick_(_scope["#childScope/0"], _onClick(_scope));

2
packages/translator-tags/src/__tests__/fixtures/basic-component-input/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _myButton from "./components/my-button.marko";
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;

4
packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { data as _data, register as _register, inChild as _inChild, bindRenderer as _bindRenderer, queueSource as _queueSource, createRenderer as _createRenderer, dynamicClosure as _dynamicClosure, registerSubscriber as _registerSubscriber, registerRenderer as _registerRenderer, dynamicSubscribers as _dynamicSubscribers, intersections as _intersections, value as _value, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { _setup_ as _myButton, _onClick_ as _myButton__onClick_, _renderBody_ as _myButton_renderBody, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
import { register as _register, data as _data, inChild as _inChild, bindRenderer as _bindRenderer, queueSource as _queueSource, createRenderer as _createRenderer, dynamicClosure as _dynamicClosure, registerSubscriber as _registerSubscriber, registerRenderer as _registerRenderer, dynamicSubscribers as _dynamicSubscribers, intersections as _intersections, value as _value, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/basi
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _myButton, _onClick_ as _myButton__onClick_, _renderBody_ as _myButton_renderBody, _template_ as _myButton_template, _walks_ as _myButton_walks } from "./components/my-button.marko";
const _clickCount$myButtonBody = _registerSubscriber("packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/template.marko_1_clickCount/subscriber", /* @__PURE__ */_dynamicClosure("clickCount", (_scope, clickCount) => _data(_scope["#text/0"], clickCount)));
const _myButtonBody = _registerRenderer("packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/template.marko_1_renderer", /* @__PURE__ */_createRenderer(" ", /* get */" ", void 0, [_clickCount$myButtonBody]));
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => _myButton__onClick_(_scope["#childScope/0"], _onClick(_scope)), _intersections([_inChild("#childScope/0", _myButton__onClick_), _dynamicSubscribers("clickCount")]));

2
packages/translator-tags/src/__tests__/fixtures/basic-component-renderBody/__snapshots__/html.expected/template.js
View File

@ -1,4 +1,4 @@
import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, ensureScopeWithId as _ensureScopeWithId, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, register as _register, createRenderer as _createRenderer, peekNextScope as _peekNextScope, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, ensureScopeWithId as _ensureScopeWithId, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, peekNextScope as _peekNextScope, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _myButton from "./components/my-button.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();

2
packages/translator-tags/src/__tests__/fixtures/basic-component/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[0],
"click",

6
packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter-multiple-nodes/__snapshots__/dom.expected/template.hydrate.js
View File

@ -15,9 +15,9 @@ import {
init as l,
} from "@marko/runtime-tags/dom";
const f = a(4, (n, o) => m(n[0], o)),
k = n("a2", o("The count is <!>", "b%", void 0, [f])),
k = n("a0", o("The count is <!>", "b%", void 0, [f])),
d = e(2),
b = t("a3", (n) =>
b = t("a1", (n) =>
c(
n[0],
"click",
@ -30,7 +30,7 @@ const f = a(4, (n, o) => m(n[0], o)),
),
),
g = i(4, (n, o) => r(n, b), u(f, 2)),
h = t("a4", (n) =>
h = t("a2", (n) =>
c(
n[1],
"click",

6
packages/translator-tags/src/__tests__/fixtures/basic-conditional-counter/__snapshots__/dom.expected/template.hydrate.js
View File

@ -15,9 +15,9 @@ import {
init as e,
} from "@marko/runtime-tags/dom";
const f = s(4, (n, o) => u(n[0], o)),
k = n("a2", o("<span> </span>", "D ", void 0, [f])),
k = n("a0", o("<span> </span>", "D ", void 0, [f])),
p = l(2),
d = t("a3", (n) =>
d = t("a1", (n) =>
c(
n[0],
"click",
@ -30,7 +30,7 @@ const f = s(4, (n, o) => u(n[0], o)),
),
),
g = r(4, (n, o) => a(n, d), i(f, 2)),
v = t("a4", (n) =>
v = t("a2", (n) =>
c(
n[1],
"click",

36
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/csr-sanitized.expected.md Normal file
View File

@ -0,0 +1,36 @@
# Render {}
```html
<button>
0
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
1
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
2
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
3
</button>
```

56
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/csr.expected.md Normal file
View File

@ -0,0 +1,56 @@
# Render {}
```html
<button>
0
</button>
```
# Mutations
```
inserted button0
```
# Render
container.querySelector("button").click()
```html
<button>
1
</button>
```
# Mutations
```
button0/#text0: "0" => "1"
```
# Render
container.querySelector("button").click()
```html
<button>
2
</button>
```
# Mutations
```
button0/#text0: "1" => "2"
```
# Render
container.querySelector("button").click()
```html
<button>
3
</button>
```
# Mutations
```
button0/#text0: "2" => "3"
```

26
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.hydrate.js Normal file
View File

@ -0,0 +1,26 @@
// size: 303 (min) 184 (brotli)
import {
register as o,
queueSource as t,
on as n,
value as c,
data as r,
queueEffect as m,
init as a,
} from "@marko/runtime-tags/dom";
const i = o("a0", (o) => {
const { 2: n } = o;
return function () {
t(o, e, n + 1);
};
}),
s = o("a1", (o) => {
const { 3: t } = o;
n(o[0], "click", t);
}),
u = c(3, (o, t) => m(o, s)),
e = c(2, (o, t) => {
r(o[1], t), u(o, i(o));
});
a();

27
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/dom.expected/template.js Normal file
View File

@ -0,0 +1,27 @@
import { register as _register, on as _on, data as _data, queueSource as _queueSource, queueEffect as _queueEffect, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _ = _register("packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_", _scope => {
const {
clickCount
} = _scope;
return function () {
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
const _increment_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment", _scope => {
const {
increment
} = _scope;
_on(_scope["#button/0"], "click", increment);
});
const _increment = /* @__PURE__ */_value("increment", (_scope, increment) => _queueEffect(_scope, _increment_effect));
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => {
_data(_scope["#text/1"], clickCount);
_increment(_scope, _(_scope));
});
const _setup = _scope => {
_clickCount(_scope, 0);
};
export const _template_ = "<button> </button>";
export const _walks_ = /* get, next(1), get, out(1) */" D l";
export const _setup_ = _setup;
export default /* @__PURE__ */_createTemplate( /* @__PURE__ */_createRenderer(_template_, _walks_, _setup_), "packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko");

15
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/html.expected/template.js Normal file
View File

@ -0,0 +1,15 @@
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const clickCount = 0;
const increment = _register(function () {
clickCount++;
}, "packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_", _scope0_id);
_write(`<button>${_escapeXML(clickCount)}${_markResumeNode(_scope0_id, "#text/1")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);
_writeEffect(_scope0_id, "packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment");
_writeScope(_scope0_id, {
"increment": increment,
"clickCount": clickCount
});
});
export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko");

36
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/resume-sanitized.expected.md Normal file
View File

@ -0,0 +1,36 @@
# Render {}
```html
<button>
0
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
1
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
2
</button>
```
# Render
container.querySelector("button").click()
```html
<button>
3
</button>
```

96
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/resume.expected.md Normal file
View File

@ -0,0 +1,96 @@
# Render {}
```html
<html>
<head />
<body>
<button>
0
<!--M_*0 #text/1-->
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
```
# Render
container.querySelector("button").click()
```html
<html>
<head />
<body>
<button>
1
<!--M_*0 #text/1-->
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
#document/html0/body1/button0/#text0: "0" => "1"
```
# Render
container.querySelector("button").click()
```html
<html>
<head />
<body>
<button>
2
<!--M_*0 #text/1-->
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
#document/html0/body1/button0/#text0: "1" => "2"
```
# Render
container.querySelector("button").click()
```html
<html>
<head />
<body>
<button>
3
<!--M_*0 #text/1-->
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
#document/html0/body1/button0/#text0: "2" => "3"
```

6
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/ssr-sanitized.expected.md Normal file
View File

@ -0,0 +1,6 @@
# Render "End"
```html
<button>
0
</button>
```

33
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/__snapshots__/ssr.expected.md Normal file
View File

@ -0,0 +1,33 @@
# Write
<button>0<!--M_*0 #text/1--></button><!--M_*0 #button/0--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()</script>
# Render "End"
```html
<html>
<head />
<body>
<button>
0
<!--M_*0 #text/1-->
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={clickCount:0}},_.a.increment=_._["packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko_0_increment"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
inserted #document/html0
inserted #document/html0/head0
inserted #document/html0/body1
inserted #document/html0/body1/button0
inserted #document/html0/body1/button0/#text0
inserted #document/html0/body1/button0/#comment1
inserted #document/html0/body1/#comment1
inserted #document/html0/body1/script2
inserted #document/html0/body1/script2/#text0
```

3
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/template.marko Normal file
View File

@ -0,0 +1,3 @@
<let/clickCount = 0/>
<const/increment() { clickCount++ } />
<button onClick=increment>${clickCount}</button>

5
packages/translator-tags/src/__tests__/fixtures/basic-counter-const-event-handler/test.ts Normal file
View File

@ -0,0 +1,5 @@
export const steps = [{}, click, click, click];
function click(container: Element) {
container.querySelector("button")!.click();
}

4
packages/translator-tags/src/__tests__/fixtures/basic-counter-multiplier/__snapshots__/dom.expected/template.hydrate.js
View File

@ -15,7 +15,7 @@ const u = m(2, (n) => {
a(n, t * c);
}),
a = o(6, (n, t) => r(n[3], t)),
e = n("a2", (n) =>
e = n("a0", (n) =>
t(
n[0],
"click",
@ -34,7 +34,7 @@ const u = m(2, (n) => {
},
u,
),
k = n("a3", (n) =>
k = n("a1", (n) =>
t(
n[2],
"click",

2
packages/translator-tags/src/__tests__/fixtures/basic-counter/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/basic-effect-no-deps/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 112 (min) 83 (brotli)
import { register as m, init as o } from "@marko/runtime-tags/dom";
m("a1", (m) => (document.body.className = "no-deps")), o();
m("a0", (m) => (document.body.className = "no-deps")), o();

25
packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 405 (min) 239 (brotli)
// size: 399 (min) 238 (brotli)
import {
registerRenderer as l,
@ -7,25 +7,20 @@ import {
inConditionalScope as t,
register as i,
on as m,
closure as u,
data as a,
queueSource as c,
queueSource as u,
closure as a,
data as c,
conditional as r,
init as d,
} from "@marko/runtime-tags/dom";
const e = u(2, (l, n) => a(l[0], n.text)),
f = l("a1", n(" ", " ", void 0, [e])),
const e = a(2, (l, n) => c(l[0], n.text)),
f = l("a0", 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));
i("a2", (l) =>
m(
l[0],
"click",
((l) =>
function () {
c(l, g, null), c(l, s, !1);
})(l),
),
i("a1", (l) =>
m(l[0], "click", function () {
u(l, g, null), u(l, s, !1);
}),
),
d();

5
packages/translator-tags/src/__tests__/fixtures/basic-execution-order/__snapshots__/dom.expected/template.js
View File

@ -4,11 +4,10 @@ const _ifBody = _registerRenderer("packages/translator-tags/src/__tests__/fixtur
const _if = /* @__PURE__ */_conditional("#text/1");
const _show = /* @__PURE__ */_value("show", (_scope, show) => _if(_scope, show ? _ifBody : null), _if);
const _message = /* @__PURE__ */_value("message", null, _inConditionalScope(_message$ifBody, "#text/1"));
const _onClick = _scope => function () {
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-execution-order/template.marko_0", _scope => _on(_scope["#button/0"], "click", function () {
_queueSource(_scope, _message, null);
_queueSource(_scope, _show, false);
};
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-execution-order/template.marko_0", _scope => _on(_scope["#button/0"], "click", _onClick(_scope)));
}));
const _setup = _scope => {
_queueEffect(_scope, _setup_effect);
_message(_scope, {

2
packages/translator-tags/src/__tests__/fixtures/basic-fn-with-block/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/basic-handler-multi-ref-nested/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,7 +10,7 @@ import {
queueEffect as i,
init as a,
} from "@marko/runtime-tags/dom";
const s = n("a2", (n) =>
const s = n("a0", (n) =>
o(
n[0],
"click",

15
packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 201 (min) 134 (brotli)
// size: 195 (min) 132 (brotli)
import {
register as o,
@ -9,14 +9,9 @@ import {
init as n,
} from "@marko/runtime-tags/dom";
const r = c(2, (o, m) => i(o[1], m));
o("a1", (o) =>
m(
o[0],
"click",
((o) =>
function () {
t(o, r, 1);
})(o),
),
o("a0", (o) =>
m(o[0], "click", function () {
t(o, r, 1);
}),
),
n();

5
packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/__snapshots__/dom.expected/template.js
View File

@ -1,9 +1,8 @@
import { on as _on, data as _data2, queueSource as _queueSource, value as _value, register as _register, queueEffect as _queueEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _data = /* @__PURE__ */_value("data", (_scope, data) => _data2(_scope["#text/1"], data));
const _onClick = _scope => function () {
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/template.marko_0", _scope => _on(_scope["#button/0"], "click", function () {
_queueSource(_scope, _data, 1);
};
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-handler-refless/template.marko_0", _scope => _on(_scope["#button/0"], "click", _onClick(_scope)));
}));
const _setup = _scope => {
_queueEffect(_scope, _setup_effect);
_data(_scope, 0);

8
packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-custom-tag/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 445 (min) 252 (brotli)
// size: 445 (min) 251 (brotli)
import {
register as t,
@ -14,7 +14,7 @@ import {
queueSource as l,
init as a,
} from "@marko/runtime-tags/dom";
const d = t("b1", (t) =>
const d = t("b0", (t) =>
o(
t[0],
"click",
@ -29,10 +29,10 @@ const d = t("b1", (t) =>
),
);
b(
"b3",
"b2",
i("<button> </button>", " D ", void 0, [
n(
"b2",
"b1",
c(1, (t, o) => {
r(t[1], o), u(t, d);
}),

8
packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 471 (min) 273 (brotli)
// size: 471 (min) 269 (brotli)
import {
register as t,
@ -15,7 +15,7 @@ import {
queueSource as a,
init as d,
} from "@marko/runtime-tags/dom";
const e = t("b1", (t) =>
const e = t("b0", (t) =>
o(
t[0],
"click",
@ -32,10 +32,10 @@ const e = t("b1", (t) =>
m(
0,
b(
"b3",
"b2",
i("<button> </button>", " D ", void 0, [
n(
"b2",
"b1",
c(1, (t, o) => {
r(t[1], o), u(t, e);
}),

2
packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-for/__snapshots__/dom.expected/template.hydrate.js
View File

@ -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("a1", (t) =>
t("a0", (t) =>
n(
t[0],
"click",

6
packages/translator-tags/src/__tests__/fixtures/basic-nested-scope-if/__snapshots__/dom.expected/template.hydrate.js
View File

@ -17,10 +17,10 @@ import {
} from "@marko/runtime-tags/dom";
const k = m(1, (t, o) => r(t[0], o)),
p = t(
"a1",
"a0",
o("<span>The button was clicked <!> times.</span>", "Db%", void 0, [k]),
),
f = n("a2", (t) =>
f = n("a1", (t) =>
a(
t[0],
"click",
@ -37,7 +37,7 @@ const k = m(1, (t, o) => r(t[0], o)),
l = m(1, (t, o) => {
r(t[1], o), e(t, f);
}),
v = t("a3", o("<button> </button>", " D ", void 0, [l])),
v = t("a2", o("<button> </button>", " 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();

6
packages/translator-tags/src/__tests__/fixtures/basic-push-pop-list/__snapshots__/dom.expected/template.hydrate.js
View File

@ -14,7 +14,7 @@ import {
} from "@marko/runtime-tags/dom";
const m = t(2, (o, n) => s(o[0], n)),
d = o(
"a2",
"a0",
n(
" ",
" ",
@ -24,7 +24,7 @@ const m = t(2, (o, n) => s(o[0], n)),
t(1, (o, n) => m(o, n[0])),
),
),
e = o("a3", (o) =>
e = o("a1", (o) =>
c(
o[1],
"click",
@ -41,7 +41,7 @@ const m = t(2, (o, n) => s(o[0], n)),
r(o, e);
}),
k = a(0, d),
v = o("a4", (o) =>
v = o("a2", (o) =>
c(
o[2],
"click",

8
packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 570 (min) 291 (brotli)
// size: 570 (min) 290 (brotli)
import {
register as n,
@ -16,7 +16,7 @@ const m = t(2, (n, o) => u(n[0], o)),
s = a(
0,
n(
"a3",
"a0",
o(
"<li> </li>",
"D ",
@ -27,7 +27,7 @@ const m = t(2, (n, o) => u(n[0], o)),
),
),
),
f = n("a4", (n) =>
f = n("a1", (n) =>
i(
n[2],
"click",
@ -48,7 +48,7 @@ const m = t(2, (n, o) => u(n[0], o)),
},
]);
}),
v = n("a5", (n) =>
v = n("a2", (n) =>
i(
n[1],
"click",

7
packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/__snapshots__/dom.expected/template.js
View File

@ -12,12 +12,11 @@ const _onClick = _scope => {
};
};
const _list_effect = _register("packages/translator-tags/src/__tests__/fixtures/basic-shared-node-ref/template.marko_0_list", _scope => _on(_scope["#button/2"], "click", _onClick(_scope)));
const _by = _scope => function (x) {
return x;
};
const _list = /* @__PURE__ */_value("list", (_scope, list) => {
_queueEffect(_scope, _list_effect);
_for(_scope, [list, _by(_scope)]);
_for(_scope, [list, function (x) {
return x;
}]);
});
const _onClick2 = _scope => {
const {

4
packages/translator-tags/src/__tests__/fixtures/basic-toggle-show/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,9 +10,9 @@ import {
conditional as m,
init as a,
} from "@marko/runtime-tags/dom";
const i = o("a1", n("Hello!", "")),
const i = o("a0", n("Hello!", "")),
u = m(0),
e = o("a2", (o) =>
e = o("a1", (o) =>
t(
o[1],
"click",

2
packages/translator-tags/src/__tests__/fixtures/basic-unused-ref/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[0],
"click",

4
packages/translator-tags/src/__tests__/fixtures/batched-updates-cleanup/__snapshots__/dom.expected/template.hydrate.js
View File

@ -15,10 +15,10 @@ import {
init as e,
} from "@marko/runtime-tags/dom";
const p = i(3, (n, o) => l(n[0], o)),
d = n("a1", o("<span> </span>", "D ", void 0, [p])),
d = n("a0", o("<span> </span>", "D ", void 0, [p])),
f = u(1),
k = t(3, null, a(p, 1)),
b = r("a2", (n) =>
b = r("a1", (n) =>
c(
n[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/batched-updates/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,7 +10,7 @@ import {
queueEffect as m,
init as u,
} from "@marko/runtime-tags/dom";
const i = n("a1", (n) =>
const i = n("a0", (n) =>
o(
n[0],
"click",

4
packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/dom.expected/template.js
View File

@ -1,5 +1,4 @@
import { data as _data, register as _register, bindRenderer as _bindRenderer, inChild as _inChild, queueSource as _queueSource, createRenderer as _createRenderer, dynamicClosure as _dynamicClosure, registerSubscriber as _registerSubscriber, registerRenderer as _registerRenderer, dynamicSubscribers as _dynamicSubscribers, intersections as _intersections, value as _value, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { _setup_ as _FancyButton, _input_ as _FancyButton_input, _template_ as _FancyButton_template, _walks_ as _FancyButton_walks } from "./components/FancyButton.marko";
import { register as _register, data as _data, bindRenderer as _bindRenderer, inChild as _inChild, queueSource as _queueSource, createRenderer as _createRenderer, dynamicClosure as _dynamicClosure, registerSubscriber as _registerSubscriber, registerRenderer as _registerRenderer, dynamicSubscribers as _dynamicSubscribers, intersections as _intersections, value as _value, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/body-content/template.marko_0/onClick", _scope => {
const {
clickCount
@ -8,6 +7,7 @@ const _onClick = _register("packages/translator-tags/src/__tests__/fixtures/body
_queueSource(_scope, _clickCount, clickCount + 1);
};
});
import { _setup_ as _FancyButton, _input_ as _FancyButton_input, _template_ as _FancyButton_template, _walks_ as _FancyButton_walks } from "./components/FancyButton.marko";
const _clickCount$FancyButtonBody = _registerSubscriber("packages/translator-tags/src/__tests__/fixtures/body-content/template.marko_1_clickCount/subscriber", /* @__PURE__ */_dynamicClosure("clickCount", (_scope, clickCount) => _data(_scope["#text/0"], clickCount)));
const _FancyButtonBody = _registerRenderer("packages/translator-tags/src/__tests__/fixtures/body-content/template.marko_1_renderer", /* @__PURE__ */_createRenderer(" ", /* get */" ", void 0, [_clickCount$FancyButtonBody]));
const _clickCount = /* @__PURE__ */_value("clickCount", (_scope, clickCount) => _FancyButton_input(_scope["#childScope/0"], {

2
packages/translator-tags/src/__tests__/fixtures/body-content/__snapshots__/html.expected/template.js
View File

@ -1,4 +1,4 @@
import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, ensureScopeWithId as _ensureScopeWithId, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, register as _register, createRenderer as _createRenderer, peekNextScope as _peekNextScope, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, ensureScopeWithId as _ensureScopeWithId, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, peekNextScope as _peekNextScope, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _FancyButton from "./components/FancyButton.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();

2
packages/translator-tags/src/__tests__/fixtures/component-attrs-intersection/__snapshots__/dom.expected/template.hydrate.js
View File

@ -16,7 +16,7 @@ const l = o(2, (n) => {
t(n[0], o);
}),
a = n(3, null, l),
e = c("b1", (n) =>
e = c("b0", (n) =>
r(
n[1],
"click",

8
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/csr-sanitized.expected.md
View File

@ -3,14 +3,20 @@
<button>
$0.00
</button>
<button>
$0.00
</button>
```
# Render
container.querySelector("button").click()
container.querySelectorAll("button").forEach(button => button.click())
```html
<button>
$1.00
</button>
<button>
$1.00
</button>
```

11
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/csr.expected.md
View File

@ -3,24 +3,31 @@
<button>
$0.00
</button>
<button>
$0.00
</button>
```
# Mutations
```
inserted button0
inserted button0, button1
```
# Render
container.querySelector("button").click()
container.querySelectorAll("button").forEach(button => button.click())
```html
<button>
$1.00
</button>
<button>
$1.00
</button>
```
# Mutations
```
button0/#text0: "$0.00" => "$1.00"
button1/#text0: "$0.00" => "$1.00"
```

34
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.hydrate.js Normal file
View File

@ -0,0 +1,34 @@
// size: 388 (min) 225 (brotli)
import {
register as t,
on as o,
queueSource as n,
value as r,
queueEffect as c,
intersection as i,
data as m,
init as e,
} from "@marko/runtime-tags/dom";
const u = i(2, (t) => {
const { 3: o, 4: n } = t;
m(t[1], o.format(n));
}),
a = t("a0", (t) =>
o(
t[0],
"click",
((t) => {
const { 4: o } = t;
return function () {
n(t, f, o + 1);
};
})(t),
),
),
f = r(4, (t, o) => c(t, a), u);
t("b1", function (t) {
return "$" + t.toFixed(2);
}),
t("b0", (t) => "$" + t.toFixed(2)),
e();

18
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/dom.expected/template.js
View File

@ -1,15 +1,23 @@
const formatNumber = n => {
_register("packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2", formatNumber2);
const formatNumber = _register("packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous", n => {
return "$" + n.toFixed(2);
};
});
function formatNumber2(n) {
return "$" + n.toFixed(2);
}
import { register as _register, inChild as _inChild, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { _setup_ as _counter, _input_ as _counter_input, _template_ as _counter_template, _walks_ as _counter_walks } from "./components/counter.marko";
import { inChild as _inChild, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _setup = _scope => {
_counter(_scope["#childScope/0"]);
_counter(_scope["#childScope/1"]);
_counter_input(_scope["#childScope/0"], {
format: formatNumber
});
_counter_input(_scope["#childScope/1"], {
format: formatNumber2
});
};
export const _template_ = `${_counter_template}`;
export const _walks_ = /* beginChild, _counter_walks, endChild */`/${_counter_walks}&`;
export const _template_ = `${_counter_template}${_counter_template}`;
export const _walks_ = /* beginChild, _counter_walks, endChild, beginChild, _counter_walks, endChild */`/${_counter_walks}&/${_counter_walks}&`;
export const _setup_ = _setup;
export default /* @__PURE__ */_createTemplate( /* @__PURE__ */_createRenderer(_template_, _walks_, _setup_), "packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko");

17
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/html.expected/template.js
View File

@ -1,16 +1,25 @@
const formatNumber = n => {
const formatNumber = _register(n => {
return "$" + n.toFixed(2);
};
}, "packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous");
function formatNumber2(n) {
return "$" + n.toFixed(2);
}
import { register as _register, peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _counter from "./components/counter.marko";
import { peekNextScope as _peekNextScope, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
_register(formatNumber2, "packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2");
const _childScope = _peekNextScope();
_counter._({
format: formatNumber
});
const _childScope2 = _peekNextScope();
_counter._({
format: formatNumber2
});
_writeScope(_scope0_id, {
"#childScope/0": _childScope
"#childScope/0": _childScope,
"#childScope/1": _childScope2
});
});
export default /* @__PURE__ */_createTemplate(_renderer, "packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko");

22
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/resume-sanitized.expected.md Normal file
View File

@ -0,0 +1,22 @@
# Render {}
```html
<button>
$0.00
</button>
<button>
$0.00
</button>
```
# Render
container.querySelectorAll("button").forEach(button => button.click())
```html
<button>
$1.00
</button>
<button>
$1.00
</button>
```

57
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/resume.expected.md Normal file
View File

@ -0,0 +1,57 @@
# Render {}
```html
<html>
<head />
<body>
<button>
$0.00
<!--M_*1 #text/1-->
</button>
<!--M_*1 #button/0-->
<button>
$0.00
<!--M_*2 #text/1-->
</button>
<!--M_*2 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.c={0:{"#childScope/0":_.a={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous"]},count:0},"#childScope/1":_.b={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2"]},count:0}},1:_.a,2:_.b})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count",2,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
```
# Render
container.querySelectorAll("button").forEach(button => button.click())
```html
<html>
<head />
<body>
<button>
$1.00
<!--M_*1 #text/1-->
</button>
<!--M_*1 #button/0-->
<button>
$1.00
<!--M_*2 #text/1-->
</button>
<!--M_*2 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.c={0:{"#childScope/0":_.a={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous"]},count:0},"#childScope/1":_.b={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2"]},count:0}},1:_.a,2:_.b})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count",2,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()
</script>
</body>
</html>
```
# Mutations
```
#document/html0/body1/button0/#text0: "$0.00" => "$1.00"
#document/html0/body1/button2/#text0: "$0.00" => "$1.00"
```

3
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/ssr-sanitized.expected.md
View File

@ -3,4 +3,7 @@
<button>
$0.00
</button>
<button>
$0.00
</button>
```

17
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/__snapshots__/ssr.expected.md
View File

@ -1,5 +1,5 @@
# Write
<button>$0.00<!--M_*1 #text/1--></button><!--M_*1 #button/0--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.b={0:{"#childScope/0":_.a={input:{},count:0}},1:_.a})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()</script>
<button>$0.00<!--M_*1 #text/1--></button><!--M_*1 #button/0--><button>$0.00<!--M_*2 #text/1--></button><!--M_*2 #button/0--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.c={0:{"#childScope/0":_.a={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous"]},count:0},"#childScope/1":_.b={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2"]},count:0}},1:_.a,2:_.b})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count",2,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()</script>
# Render "End"
@ -12,8 +12,13 @@
<!--M_*1 #text/1-->
</button>
<!--M_*1 #button/0-->
<button>
$0.00
<!--M_*2 #text/1-->
</button>
<!--M_*2 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:{"#childScope/0":_.a={input:{},count:0}},1:_.a})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.c={0:{"#childScope/0":_.a={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/anonymous"]},count:0},"#childScope/1":_.b={input:{format:_._["packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko_0/formatNumber2"]},count:0}},1:_.a,2:_.b})];M._.e=[1,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count",2,"packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/components/counter.marko_0_count"];M._.d=1;M._.w()
</script>
</body>
</html>
@ -28,6 +33,10 @@ inserted #document/html0/body1/button0
inserted #document/html0/body1/button0/#text0
inserted #document/html0/body1/button0/#comment1
inserted #document/html0/body1/#comment1
inserted #document/html0/body1/script2
inserted #document/html0/body1/script2/#text0
inserted #document/html0/body1/button2
inserted #document/html0/body1/button2/#text0
inserted #document/html0/body1/button2/#comment1
inserted #document/html0/body1/#comment3
inserted #document/html0/body1/script4
inserted #document/html0/body1/script4/#text0
```

7
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/template.marko
View File

@ -1,4 +1,9 @@
static const formatNumber = (n: number) => {
return "$" + n.toFixed(2);
}
<counter format=formatNumber/>
static function formatNumber2(n: number) {
return "$" + n.toFixed(2);
}
<counter format=formatNumber/>
<counter format=formatNumber2/>

4
packages/translator-tags/src/__tests__/fixtures/component-attrs-static-code/test.ts
View File

@ -1,7 +1,5 @@
export const steps = [{}, click];
function click(container: Element) {
container.querySelector("button")!.click();
container.querySelectorAll("button")!.forEach((button) => button.click());
}
export const skip_resume = true;

26
packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 340 (min) 193 (brotli)
// size: 328 (min) 189 (brotli)
import {
register as c,
@ -15,22 +15,12 @@ const a = m(2, (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, k, 10);
})(c),
),
o(
c[2],
"click",
((c) =>
function () {
n(c, f, 5);
})(c),
);
c("a0", (c) => {
o(c[0], "click", function () {
n(c, k, 10);
}),
o(c[2], "click", function () {
n(c, f, 5);
});
}),
r();

14
packages/translator-tags/src/__tests__/fixtures/counter-intersection/__snapshots__/dom.expected/template.js
View File

@ -8,15 +8,13 @@ const _expr_a_b = /* @__PURE__ */_intersection(2, _scope => {
});
const _b = /* @__PURE__ */_value("b", (_scope, b) => _data(_scope["#text/3"], b), _expr_a_b);
const _a = /* @__PURE__ */_value("a", (_scope, a) => _data(_scope["#text/1"], a), _expr_a_b);
const _onClick = _scope => function () {
_queueSource(_scope, _a, 10);
};
const _onClick2 = _scope => function () {
_queueSource(_scope, _b, 5);
};
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/counter-intersection/template.marko_0", _scope => {
_on(_scope["#button/0"], "click", _onClick(_scope));
_on(_scope["#button/2"], "click", _onClick2(_scope));
_on(_scope["#button/0"], "click", function () {
_queueSource(_scope, _a, 10);
});
_on(_scope["#button/2"], "click", function () {
_queueSource(_scope, _b, 5);
});
});
const _setup = _scope => {
_queueEffect(_scope, _setup_effect);

2
packages/translator-tags/src/__tests__/fixtures/custom-tag-var/__snapshots__/dom.expected/template.hydrate.js
View File

@ -11,7 +11,7 @@ import {
registerBoundSignal as a,
init as s,
} from "@marko/runtime-tags/dom";
const u = o("a1", (o) =>
const u = o("a0", (o) =>
t(
o[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/define-tag-object/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,7 +10,7 @@ import {
init as m,
} from "@marko/runtime-tags/dom";
const a = n(4, (o, r) => i(o[0], JSON.stringify(r))),
f = o("a1", (o) =>
f = o("a0", (o) =>
r(
o[1],
"click",

4
packages/translator-tags/src/__tests__/fixtures/define-tag-render/__snapshots__/dom.expected/template.hydrate.js
View File

@ -11,7 +11,7 @@ import {
queueEffect as a,
init as d,
} from "@marko/runtime-tags/dom";
const u = o("a1", (o) =>
const u = o("a0", (o) =>
t(
o[2],
"click",
@ -29,7 +29,7 @@ const u = o("a1", (o) =>
l = m(6, (o, t) => r(o[0], t)),
v = m(5, (o, t) => l(o, t.name));
o(
"a2",
"a1",
n(
"<div>Hello <!> <!></div><button> </button>",
"Db%c%l D ",

28
packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,12 +1,22 @@
// size: 199 (min) 148 (brotli)
// size: 287 (min) 174 (brotli)
import {
register as o,
queueSource as t,
value as m,
data as r,
init as i,
register as t,
queueSource as o,
value as r,
data as n,
init as e,
} from "@marko/runtime-tags/dom";
import s from "./test-log";
const a = m(3, (o, t) => r(o[0], t));
o("a3", (o) => t(o, a, JSON.stringify(s))), i();
import i from "./test-log";
t("a1", function () {
i.static += "rendered";
}),
t(
"a0",
(t) =>
function () {
i.const += "rendered";
},
);
const m = r(3, (t, o) => n(t[0], o));
t("a2", (t) => o(t, m, JSON.stringify(i))), e();

9
packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/dom.expected/template.js
View File

@ -1,15 +1,16 @@
_register("packages/translator-tags/src/__tests__/fixtures/do-tag/template.marko_0/fromStatic", fromStatic);
import log from "./test-log";
function fromStatic() {
log.static += "rendered";
}
import { data as _data, queueSource as _queueSource, value as _value, register as _register, queueEffect as _queueEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, data as _data, queueSource as _queueSource, value as _value, queueEffect as _queueEffect, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _ = _register("packages/translator-tags/src/__tests__/fixtures/do-tag/template.marko_0/_", _scope => function () {
log.const += "rendered";
});
const _logOutput = /* @__PURE__ */_value("logOutput", (_scope, logOutput) => _data(_scope["#text/0"], logOutput));
const _str = /* @__PURE__ */_value("str", (_scope, str) => log.let += str);
const _fromConst = /* @__PURE__ */_value("fromConst", (_scope, fromConst) => fromConst(_scope));
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/do-tag/template.marko_0", _scope => _queueSource(_scope, _logOutput, JSON.stringify(log)));
const _ = _scope => function () {
log.const += "rendered";
};
const _setup = _scope => {
log.block += "rendered";
fromStatic(_scope);

7
packages/translator-tags/src/__tests__/fixtures/do-tag/__snapshots__/html.expected/template.js
View File

@ -2,13 +2,14 @@ import log from "./test-log";
function fromStatic() {
log.static += "rendered";
}
import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
_register(fromStatic, "packages/translator-tags/src/__tests__/fixtures/do-tag/template.marko_0/fromStatic");
log.block += "rendered";
const fromConst = function () {
const fromConst = _register(function () {
log.const += "rendered";
};
}, "packages/translator-tags/src/__tests__/fixtures/do-tag/template.marko_0/_", _scope0_id);
fromConst();
const str = "rendered";
log.let += str;

4
packages/translator-tags/src/__tests__/fixtures/dollar-global-client/__snapshots__/dom.expected/template.hydrate.js
View File

@ -12,13 +12,13 @@ import {
init as s,
} from "@marko/runtime-tags/dom";
const i = n(
"a1",
"a0",
o("<span> </span>", "D ", (n) => {
t(n[0], n.$global.x);
}),
),
u = m(0),
p = n("a2", (n) =>
p = n("a1", (n) =>
a(
n[1],
"click",

23
packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 468 (min) 247 (brotli)
// size: 462 (min) 244 (brotli)
import {
registerSubscriber as c,
@ -14,7 +14,7 @@ import {
init as u,
} from "@marko/runtime-tags/dom";
c(
"b1",
"b0",
o(
4,
(c, o) => n(c[2], o),
@ -22,11 +22,11 @@ c(
),
);
const a = c(
"b2",
"b1",
o(4, (c, o) => n(c[2], o)),
);
t(
"b3",
"b2",
m(
"<!> <!> <!>",
"%c%c%",
@ -37,15 +37,10 @@ t(
),
);
const f = b(4, null, i(4));
i(3);
r("b4", (c) =>
l(
c[0],
"click",
((c) =>
function () {
s(c, f, 4);
})(c),
i(3),
r("b3", (c) =>
l(c[0], "click", function () {
s(c, f, 4);
}),
),
),
u();

5
packages/translator-tags/src/__tests__/fixtures/dynamic-closures/__snapshots__/dom.expected/template.js
View File

@ -21,10 +21,9 @@ const _customTagBody = _registerRenderer("packages/translator-tags/src/__tests__
const _if = /* @__PURE__ */_conditional("#text/2");
const _c = /* @__PURE__ */_value("c", null, _dynamicSubscribers("c"));
const _b = /* @__PURE__ */_value("b", null, _dynamicSubscribers("b"));
const _onClick = _scope => function () {
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/dynamic-closures/template.marko_0", _scope => _on(_scope["#button/0"], "click", function () {
_queueSource(_scope, _c, 4);
};
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/dynamic-closures/template.marko_0", _scope => _on(_scope["#button/0"], "click", _onClick(_scope)));
}));
const _setup = _scope => {
_customTag(_scope["#childScope/1"]);
_queueEffect(_scope, _setup_effect);

2
packages/translator-tags/src/__tests__/fixtures/dynamic-event-handlers/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as n,
init as s,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) => {
const a = o("a0", (o) => {
const { 2: c } = o;
t(
o[0],

4
packages/translator-tags/src/__tests__/fixtures/dynamic-native-dynamic-tag/__snapshots__/dom.expected/template.hydrate.js
View File

@ -12,7 +12,7 @@ import {
intersection as m,
init as l,
} from "@marko/runtime-tags/dom";
const u = n("a1", o("body content", "")),
const u = n("a0", o("body content", "")),
d = t(0, u),
e = i(
0,
@ -22,7 +22,7 @@ const u = n("a1", o("body content", "")),
d(n, () => ({ class: o }));
}),
),
p = n("a2", (n) =>
p = n("a1", (n) =>
c(
n[1],
"click",

2
packages/translator-tags/src/__tests__/fixtures/dynamic-tag-attr-signal/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[1],
"click",

2
packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-native/__snapshots__/dom.expected/template.hydrate.js
View File

@ -28,7 +28,7 @@ var b = i(
);
const e = t(1),
k = a(1, (i) => e(i, () => ({ id: "dynamic" })), e),
l = c("b1", (i) =>
l = c("b0", (i) =>
r(
i[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/dynamic-tag-custom-tags/__snapshots__/dom.expected/template.hydrate.js
View File

@ -49,7 +49,7 @@ const C = t(0),
C(i, () => ({ value: o }));
}),
),
g = c("c1", (i) =>
g = c("c0", (i) =>
d(
i[1],
"click",

4
packages/translator-tags/src/__tests__/fixtures/dynamic-tag-sometimes-null/__snapshots__/dom.expected/template.hydrate.js
View File

@ -11,10 +11,10 @@ import {
conditional as a,
init as u,
} from "@marko/runtime-tags/dom";
const d = n("a1", o("Body Content", "")),
const d = n("a0", o("Body Content", "")),
e = t(0, d),
l = a(0, (n) => e(n, () => ({})), e),
s = n("a2", (n) =>
s = n("a1", (n) =>
r(
n[1],
"click",

6
packages/translator-tags/src/__tests__/fixtures/dynamic-tag-with-updating-body/__snapshots__/dom.expected/template.hydrate.js
View File

@ -12,7 +12,7 @@ import {
conditional as a,
init as m,
} from "@marko/runtime-tags/dom";
const b = n("a1", (n) =>
const b = n("a0", (n) =>
t(
n[0],
"click",
@ -31,14 +31,14 @@ const b = n("a1", (n) =>
d(n, 0);
},
f = n(
"b1",
"b0",
u("<button id=count> </button>", "/ D l&", (n) => {
e(n[0]);
}),
),
k = s(0, f),
l = a(0, (n) => k(n, () => ({})), k),
p = n("b2", (n) =>
p = n("b1", (n) =>
t(
n[1],
"click",

2
packages/translator-tags/src/__tests__/fixtures/effect-counter/__snapshots__/dom.expected/template.hydrate.js
View File

@ -8,7 +8,7 @@ import {
queueEffect as c,
init as m,
} from "@marko/runtime-tags/dom";
const r = t("a2", (t) => {
const r = t("a0", (t) => {
const { 1: e } = t;
(document.getElementById("button").textContent = e),
n(

2
packages/translator-tags/src/__tests__/fixtures/effect-serialize-promise/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,7 +1,7 @@
// size: 174 (min) 110 (brotli)
import { register as t, init as e } from "@marko/runtime-tags/dom";
t("a2", (t) => {
t("a0", (t) => {
((t) => {
const { 0: e } = t;
return async () => {

2
packages/translator-tags/src/__tests__/fixtures/effect-tag/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,7 +1,7 @@
// size: 138 (min) 96 (brotli)
import { register as t, init as e } from "@marko/runtime-tags/dom";
t("a1", (t) => {
t("a0", (t) => {
const { 0: e } = t;
document.getElementById("ref").textContent = e;
}),

6
packages/translator-tags/src/__tests__/fixtures/for-destructure/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 615 (min) 307 (brotli)
// size: 615 (min) 306 (brotli)
import {
register as i,
@ -19,7 +19,7 @@ const s = n(5, (i, c) => e(i[1], c)),
u = a(
0,
i(
"a2",
"a0",
c(
"<div><!>: <!></div>",
"D%c%",
@ -30,7 +30,7 @@ const s = n(5, (i, c) => e(i[1], c)),
),
),
),
p = i("a3", (i) => {
p = i("a1", (i) => {
t(
i[1],
"click",

4
packages/translator-tags/src/__tests__/fixtures/for-event-handler/__snapshots__/dom.expected/template.hydrate.js
View File

@ -17,7 +17,7 @@ import {
} from "@marko/runtime-tags/dom";
const f = r(3, (o, t) => b(o[1], t)),
k = r(2, (o, t) => f(o, t[0])),
v = o("a1", (o) =>
v = o("a0", (o) =>
t(
o[0],
"click",
@ -32,6 +32,6 @@ const f = r(3, (o, t) => b(o[1], t)),
),
),
_ = a(1, (o, t) => d(o, v)),
g = s(0, n("a2", i("<button> </button>", " D ", void 0, [_], void 0, k))),
g = s(0, n("a1", i("<button> </button>", " D ", void 0, [_], void 0, k))),
l = r(1, (o, t) => g(o, [t, 0, 1]), c([g, m(_, 0)]));
e();

2
packages/translator-tags/src/__tests__/fixtures/html-comment-counter/__snapshots__/dom.expected/template.hydrate.js
View File

@ -9,7 +9,7 @@ import {
queueEffect as m,
init as i,
} from "@marko/runtime-tags/dom";
const a = o("a1", (o) =>
const a = o("a0", (o) =>
t(
o[0],
"click",

4
packages/translator-tags/src/__tests__/fixtures/html-comment-var/__snapshots__/dom.expected/template.hydrate.js
View File

@ -1,4 +1,4 @@
// size: 288 (min) 180 (brotli)
// size: 288 (min) 189 (brotli)
import {
register as m,
@ -10,7 +10,7 @@ import {
init as n,
} from "@marko/runtime-tags/dom";
const b = a(1, (m, t) => e(m, t), e);
m("a1", (m) => t(m, b, m[0].parentElement.tagName)),
m("a0", (m) => t(m, b, m[0].parentElement.tagName)),
o(
"b0",
a(5, (m, t) => r(m[3], t)),

4
packages/translator-tags/src/__tests__/fixtures/if-default-false/__snapshots__/dom.expected/template.hydrate.js
View File

@ -10,9 +10,9 @@ import {
conditional as m,
init as a,
} from "@marko/runtime-tags/dom";
const u = n("a1", o("hi", "")),
const u = n("a0", o("hi", "")),
l = m(1),
s = n("a2", (n) =>
s = n("a1", (n) =>
t(
n[0],
"click",

2
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/dom.expected/template.js
View File

@ -1,8 +1,8 @@
import { _setup_ as _child, _input_ as _child_input, _template_ as _child_template, _walks_ as _child_walks } from "./components/child.marko";
import { register as _register, inChild as _inChild, data as _data, queueSource as _queueSource, value as _value, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _valueChange = _register("packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/template.marko_0/valueChange", _scope => function (_new_source) {
_queueSource(_scope, _source, _new_source);
});
import { _setup_ as _child, _input_ as _child_input, _template_ as _child_template, _walks_ as _child_walks } from "./components/child.marko";
const _source = /* @__PURE__ */_value("source", (_scope, source) => {
_data(_scope["#text/1"], source);
_child_input(_scope["#childScope/0"], {

2
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-child/__snapshots__/html.expected/template.js
View File

@ -1,5 +1,5 @@
import _child from "./components/child.marko";
import { register as _register, peekNextScope as _peekNextScope, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import _child from "./components/child.marko";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const source = 1;

8
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/dom.expected/template.js
View File

@ -1,4 +1,7 @@
import { on as _on, data as _data, queueSource as _queueSource, queueControllableSource as _queueControllableSource, register as _register, queueEffect as _queueEffect, intersection as _intersection, value as _value, changeHandler as _changeHandler, initValue as _initValue, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, on as _on, data as _data, queueSource as _queueSource, queueControllableSource as _queueControllableSource, queueEffect as _queueEffect, intersection as _intersection, value as _value, changeHandler as _changeHandler, initValue as _initValue, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _ = _register("packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0/_", _scope => function (newValue) {
_queueSource(_scope, _x, newValue + 1);
});
const _onClick = _scope => {
const {
_y_change,
@ -24,9 +27,6 @@ const _x = /* @__PURE__ */_value("x", (_scope, x) => {
_data(_scope["#text/1"], x);
(_scope["_y_change"] ? _y : _y_init)(_scope, x);
}, _y);
const _ = _scope => function (newValue) {
_queueSource(_scope, _x, newValue + 1);
};
const _setup = _scope => {
_x(_scope, 1);
_handler(_scope, _(_scope));

6
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/html.expected/template.js
View File

@ -1,10 +1,10 @@
import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const x = 1;
const handler = function (newValue) {
const handler = _register(function (newValue) {
x = newValue + 1;
};
}, "packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0/_", _scope0_id);
const y = x;
const _y_change = handler;
_write(`<button>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/1")}|<!>${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/2")}</button>${_markResumeNode(_scope0_id, "#button/0")}`);

4
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/__snapshots__/ssr.expected.md
View File

@ -1,5 +1,5 @@
# Write
<button>1<!--M_*0 #text/1-->|<!>1<!--M_*0 #text/2--></button><!--M_*0 #button/0--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.a={0:{y:1}})];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0__y_change_y"];M._.d=1;M._.w()</script>
<button>1<!--M_*0 #text/1-->|<!>1<!--M_*0 #text/2--></button><!--M_*0 #button/0--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.b={0:_.a={y:1}},_.a._y_change=_._["packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0__y_change_y"];M._.d=1;M._.w()</script>
# Render "End"
@ -17,7 +17,7 @@
</button>
<!--M_*0 #button/0-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.a={0:{y:1}})];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0__y_change_y"];M._.d=1;M._.w()
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={y:1}},_.a._y_change=_._["packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-id/template.marko_0__y_change_y"];M._.d=1;M._.w()
</script>
</body>
</html>

13
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/__snapshots__/dom.expected/template.js
View File

@ -1,4 +1,7 @@
import { on as _on, data as _data, queueSource as _queueSource, queueControllableSource as _queueControllableSource, register as _register, queueEffect as _queueEffect, intersection as _intersection, value as _value, changeHandler as _changeHandler, initValue as _initValue, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
import { register as _register, on as _on, data as _data, queueSource as _queueSource, queueControllableSource as _queueControllableSource, queueEffect as _queueEffect, intersection as _intersection, value as _value, changeHandler as _changeHandler, initValue as _initValue, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/dom";
const _ = _register("packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0/_", _scope => function (newValue) {
_queueSource(_scope, _x, newValue + 1);
});
const _onClick = _scope => {
const {
_y_change,
@ -24,13 +27,9 @@ const _x = /* @__PURE__ */_value("x", (_scope, x) => {
_data(_scope["#text/1"], x);
(_scope["_y_change"] ? _y : _y_init)(_scope, x);
}, _y);
const _onClick2 = _scope => function () {
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0", _scope => _on(_scope["#button/3"], "click", function () {
_queueSource(_scope, _yChange, null);
};
const _setup_effect = _register("packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0", _scope => _on(_scope["#button/3"], "click", _onClick2(_scope)));
const _ = _scope => function (newValue) {
_queueSource(_scope, _x, newValue + 1);
};
}));
const _setup = _scope => {
_queueEffect(_scope, _setup_effect);
_x(_scope, 1);

6
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/__snapshots__/html.expected/template.js
View File

@ -1,10 +1,10 @@
import { escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
import { register as _register, escapeXML as _escapeXML, markResumeNode as _markResumeNode, write as _write, writeEffect as _writeEffect, writeScope as _writeScope, nextScopeId as _nextScopeId, createRenderer as _createRenderer, createTemplate as _createTemplate } from "@marko/runtime-tags/debug/html";
const _renderer = /* @__PURE__ */_createRenderer((input, _tagVar) => {
const _scope0_id = _nextScopeId();
const x = 1;
const yChange = function (newValue) {
const yChange = _register(function (newValue) {
x = newValue + 1;
};
}, "packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0/_", _scope0_id);
const y = x;
const _y_change = yChange;
_write(`<button id=inc>${_escapeXML(x)}${_markResumeNode(_scope0_id, "#text/1")}|<!>${_escapeXML(y)}${_markResumeNode(_scope0_id, "#text/2")}</button>${_markResumeNode(_scope0_id, "#button/0")}<button id=toggle>toggle</button>${_markResumeNode(_scope0_id, "#button/3")}`);

4
packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/__snapshots__/ssr.expected.md
View File

@ -1,5 +1,5 @@
# Write
<button id=inc>1<!--M_*0 #text/1-->|<!>1<!--M_*0 #text/2--></button><!--M_*0 #button/0--><button id=toggle>toggle</button><!--M_*0 #button/3--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.a={0:{y:1}})];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0",0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0__y_change_y"];M._.d=1;M._.w()</script>
<button id=inc>1<!--M_*0 #text/1-->|<!>1<!--M_*0 #text/2--></button><!--M_*0 #button/0--><button id=toggle>toggle</button><!--M_*0 #button/3--><script>WALKER_RUNTIME("M")("_");M._.s=[_=>(_.b={0:_.a={y:1}},_.a._y_change=_._["packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0",0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0__y_change_y"];M._.d=1;M._.w()</script>
# Render "End"
@ -25,7 +25,7 @@
</button>
<!--M_*0 #button/3-->
<script>
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.a={0:{y:1}})];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0",0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0__y_change_y"];M._.d=1;M._.w()
WALKER_RUNTIME("M")("_");M._.s=[_=&gt;(_.b={0:_.a={y:1}},_.a._y_change=_._["packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0/_"](_.a),_.b)];M._.e=[0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0",0,"packages/translator-tags/src/__tests__/fixtures/let-tag-controllable-runtime-error/template.marko_0__y_change_y"];M._.d=1;M._.w()
</script>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More