+
+
+ LOADING...
+
+
+
+```
+
+# Mutations
+```
+INSERT div/#text
+REMOVE #document-fragment/#comment0 after div/#text
+REMOVE #document-fragment/#text after div/#text
+REMOVE #document-fragment/#comment1 after div/#text
+```
+
# Render ASYNC
```html
@@ -43,8 +64,8 @@ INSERT #comment0, #comment1, div, #comment2, #comment3
# Mutations
```
-INSERT div/#comment1, div/#comment2, #text, div/#comment3, div/#comment4
-REMOVE #text after div/#comment4
+INSERT div/#comment0, div/#comment1, div/#comment2, #text, div/#comment3, div/#comment4, div/#comment5
+REMOVE #text after div/#comment5
INSERT div/div
REMOVE #text after div/div
UPDATE div/div[data-level] null => "3"
@@ -128,6 +149,47 @@ INSERT div/div/div/#comment0, div/div/div/#text, div/div/div/#comment1
REMOVE #text after div/div/div/#comment1
```
+# Render ASYNC
+```html
+
+
+
+
+
+
+
+
+
+
+
+ LOADING...
+
+
+
+
+
+
+
+
+
+
+
+```
+
+# Mutations
+```
+INSERT div/div/div/#text
+REMOVE #document-fragment/#comment0 after div/div/div/#text
+REMOVE #document-fragment/#text after div/div/div/#text
+REMOVE #document-fragment/#comment1 after div/div/div/#text
+```
+
# Render ASYNC
```html
@@ -174,8 +236,8 @@ REMOVE #text after div/div/div/#comment1
# Mutations
```
-INSERT div/div/div/#comment1, div/div/div/#comment2, #text, div/div/div/#comment3, div/div/div/#comment4
-REMOVE #text after div/div/div/#comment4
+INSERT div/div/div/#comment0, div/div/div/#comment1, div/div/div/#comment2, #text, div/div/div/#comment3, div/div/div/#comment4, div/div/div/#comment5
+REMOVE #text after div/div/div/#comment5
INSERT div/div/div/div
REMOVE #text after div/div/div/div
UPDATE div/div/div/div[data-level] null => "1"
diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/dom.expected/tags/recurse.js b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/dom.expected/tags/recurse.js
index ad8023855..05c15460c 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/dom.expected/tags/recurse.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/dom.expected/tags/recurse.js
@@ -1,6 +1,7 @@
export const $template = "";
export const $walks = /* over(1), replace, over(2) */"b%c";
export const $setup = () => {};
+import { resolveAfter } from "../../../utils/resolve";
import * as _ from "@marko/runtime-tags/debug/dom";
_._enable_catch();
const $placeholder_content = _._content_resume("__tests__/tags/recurse.marko_4_content", "LOADING...", /* over(1) */"b");
@@ -8,12 +9,12 @@ const $await_content__setup = $scope => {
$setup($scope["#childScope/0"]);
$await_content__input_level($scope);
};
-const $await_content__input_level = /* @__PURE__ */_._closure_get("input_level", $scope => $input_level($scope["#childScope/0"], $scope._._._.input_level - 1), $scope => $scope._._._);
+const $await_content__input_level = /* @__PURE__ */_._closure_get("input_level", $scope => $input_level($scope["#childScope/0"], $scope._._._.input_level - 1), $scope => $scope._._._, "__tests__/tags/recurse.marko_3_input_level");
const $await_content = /* @__PURE__ */_._await_content("#text/0", `${$template}`, /* over(1),
, over(1) */`b/${$walks}&b`, $await_content__setup);
const $try_content__await_promise = /* @__PURE__ */_._await_promise("#text/0");
const $try_content__setup = $scope => {
$await_content($scope);
- $try_content__await_promise($scope, new Promise(setImmediate));
+ $try_content__await_promise($scope, resolveAfter(0, 1));
};
const $if_content__input_level = /* @__PURE__ */_._if_closure("#text/0", 0, $scope => _._attr($scope["#div/0"], "data-level", $scope._.input_level));
const $if_content__try = /* @__PURE__ */_._try("#text/1", "", /* over(1), replace, over(2) */"b%c", $try_content__setup);
diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.expected/tags/recurse.js b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.expected/tags/recurse.js
index 0ffc21a85..b19826ea1 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.expected/tags/recurse.js
+++ b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/html.expected/tags/recurse.js
@@ -1,3 +1,4 @@
+import { resolveAfter } from "../../../utils/resolve";
import * as _ from "@marko/runtime-tags/debug/html";
const $content = input => {
const $scope0_reason = _._scope_reason();
@@ -10,23 +11,24 @@ const $content = input => {
_._try($scope1_id, "#text/1", _._content_resume("__tests__/tags/recurse.marko_2_content", () => {
const $scope2_id = _._scope_id();
const $scope2_reason = _._scope_reason();
- _._await($scope2_id, "#text/0", new Promise(setImmediate), () => {
+ _._await($scope2_id, "#text/0", resolveAfter(0, 1), () => {
const $scope3_id = _._scope_id();
+ _._serialize_if($scope0_reason, /* input.level */0) && _._script($scope3_id, "__tests__/tags/recurse.marko_3_input_level");
const $childScope = _._peek_scope_id();
_._set_serialize_reason(_._serialize_guard($scope0_reason, /* input.level */0));
$content({
level: input.level - 1
});
- _._serialize_if($scope0_reason, /* input.level */0) && _._subscribe($input_level__closures, _._scope($scope3_id, {
+ _._serialize_if($scope0_reason, /* input.level */0) && _._scope($scope3_id, {
_: _._scope_with_id($scope2_id),
"#childScope/0": _._serialize_if($scope0_reason, /* input.level */0) && _._existing_scope($childScope),
"ClosureSignalIndex:input_level": _._serialize_if($scope0_reason, /* input.level */0) && 0
- }, "__tests__/tags/recurse.marko", "5:7"));
+ }, "__tests__/tags/recurse.marko", "6:7");
_._resume_branch($scope3_id);
}, _._serialize_guard($scope0_reason, /* input.level */0));
_._serialize_if($scope0_reason, /* input.level */0) && _._scope($scope2_id, {
_: _._scope_with_id($scope1_id)
- }, "__tests__/tags/recurse.marko", "3:5");
+ }, "__tests__/tags/recurse.marko", "4:5");
}, $scope1_id), {
placeholder: _.attrTag({
content: _._content_resume("__tests__/tags/recurse.marko_4_content", () => {
@@ -38,7 +40,7 @@ const $content = input => {
_._html(`
diff --git a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/resume.expected.md b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/resume.expected.md
index eb71446e9..8ac69b1a0 100644
--- a/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/resume.expected.md
+++ b/packages/runtime-tags/src/__tests__/fixtures/async-deep-recursive/__snapshots__/resume.expected.md
@@ -1,5 +1,202 @@
# Render
```html
+
+
+
+
+
+
+
+
+ LOADING...
+
+
+
+
+
+
+```
+
+# Mutations
+```
+INSERT html/body/div/#text1
+```
+
+# Render FLUSH
+```html
+
+
+
+
+
+
+
+
+
+
+ LOADING...
+
+
+
+
+
+
+
+
+
+```
+
+# Mutations
+```
+INSERT t
+INSERT html/body/div/div
+INSERT html/body/div/div/#comment0
+INSERT html/body/div/div/#comment1
+INSERT html/body/div/div/#text0
+INSERT html/body/div/div/#comment2
+INSERT html/body/div/div/#comment3
+INSERT t
+INSERT t/#comment
+REMOVE t after html/body/script0
+REMOVE #text after #comment
+REMOVE #comment after html/body/div/#comment0
+REMOVE #comment after html/body/div/#comment0
+INSERT html/body/div/div
+REMOVE t after html/body/script0
+INSERT html/body/div/div/#text1
+INSERT html/body/script1
+```
+
+# Render FLUSH
+```html
+
+
+
+
+
+
+
+
+
+
+
+
+ LOADING...
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+# Mutations
+```
+INSERT t
+INSERT html/body/div/div/div
+INSERT html/body/div/div/div/#comment0
+INSERT html/body/div/div/div/#comment1
+INSERT html/body/div/div/div/#text0
+INSERT html/body/div/div/div/#comment2
+INSERT html/body/div/div/div/#comment3
+INSERT t
+INSERT t/#comment
+REMOVE t after html/body/script1
+REMOVE #text after #comment
+REMOVE #comment after html/body/div/div/#comment0
+REMOVE #comment after html/body/div/div/#comment0
+INSERT html/body/div/div/div
+REMOVE t after html/body/script1
+INSERT html/body/div/div/div/#text1
+INSERT html/body/script2
+```
+
+# Render FLUSH
+```html
+
+
+
+
+
+
+
+
LOADING...
```
# Write
```html
-
+
LOADING...
```
# Write
```html
-
+
LOADING...
+```
+
+# Write
+```html
+
LOADING...
+```
+
+# Write
+```html
+
```
# Render ASYNC
@@ -28,15 +38,9 @@
data-level="4"
>
-
-
-
- LOADING...
-
-
-
+
+ LOADING...
+