fix: invalid walks string with static placeholder with surrounding text node

Author: DylanPiercey

.changeset/shaggy-books-cheer.md

@@ -0,0 +1,5 @@
+---
+"@marko/runtime-tags": patch
+---
+
+Fix incorrect walks string generated when static placeholder text used with adjacent text node.

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/.name-cache.json

@@ -0,0 +1,10 @@
+{
+  "vars": {
+    "props": {
+      "$_$": "t",
+      "$init": "o",
+      "$$count_effect": "m",
+      "$$count": "a"
+    }
+  }
+}

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/csr-sanitized.expected.md

@@ -0,0 +1,31 @@
+# Render
+```html
+= 0
+<button>
+  Inc
+</button>
+```
+
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 1
+<button>
+  Inc
+</button>
+```
+
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 2
+<button>
+  Inc
+</button>
+```

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/csr.expected.md

@@ -0,0 +1,44 @@
+# Render
+```html
+= 0
+<button>
+  Inc
+</button>
+```
+
+# Mutations
+```
+INSERT #text0, #text1, button
+```
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 1
+<button>
+  Inc
+</button>
+```
+
+# Mutations
+```
+UPDATE #text1 "0" => "1"
+```
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 2
+<button>
+  Inc
+</button>
+```
+
+# Mutations
+```
+UPDATE #text1 "1" => "2"
+```

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/dom.expected/template.hydrate.js

@@ -0,0 +1,10 @@
+// size: 120 (min) 102 (brotli)
+const $count_effect = _$.effect("a0", ($scope, { 2: count }) =>
+    _$.on($scope[1], "click", function () {
+      $count($scope, count + 1);
+    }),
+  ),
+  $count = _$.state(2, ($scope, count) => {
+    (_$.data($scope[0], count), $count_effect($scope));
+  });
+init();

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/dom.expected/template.js

@@ -0,0 +1,16 @@
+export const $template = "= <!><button>Inc</button>";
+export const $walks = /* over(1), replace, over(1), get, over(1) */"b%b b";
+import * as _$ from "@marko/runtime-tags/debug/dom";
+const $count_effect = _$.effect("__tests__/template.marko_0_count", ($scope, {
+  count
+}) => _$.on($scope["#button/1"], "click", function () {
+  $count($scope, count + 1), count;
+}));
+const $count = /* @__PURE__ */_$.state("count/2", ($scope, count) => {
+  _$.data($scope["#text/0"], count);
+  $count_effect($scope);
+});
+export function $setup($scope) {
+  $count($scope, 0);
+}
+export default /* @__PURE__ */_$.createTemplate("__tests__/template.marko", $template, $walks, $setup);

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/html.expected/template.js

@@ -0,0 +1,13 @@
+import * as _$ from "@marko/runtime-tags/debug/html";
+export default _$.createTemplate("__tests__/template.marko", input => {
+  const $scope0_id = _$.nextScopeId();
+  let count = 0;
+  _$.write(`= <!>${_$.escapeXML(count)}${_$.markResumeNode($scope0_id, "#text/0")}<button>Inc</button>${_$.markResumeNode($scope0_id, "#button/1")}`);
+  _$.writeEffect($scope0_id, "__tests__/template.marko_0_count");
+  _$.writeScope($scope0_id, {
+    count
+  }, "__tests__/template.marko", 0, {
+    count: "1:5"
+  });
+  _$.resumeClosestBranch($scope0_id);
+});

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/resume-sanitized.expected.md

@@ -0,0 +1,31 @@
+# Render
+```html
+= 0
+<button>
+  Inc
+</button>
+```
+
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 1
+<button>
+  Inc
+</button>
+```
+
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+= 2
+<button>
+  Inc
+</button>
+```

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/resume.expected.md

@@ -0,0 +1,76 @@
+# Render
+```html
+<html>
+  <head />
+  <body>
+    = 
+    <!---->
+    0
+    <!--M_*1 #text/0-->
+    <button>
+      Inc
+    </button>
+    <!--M_*1 #button/1-->
+    <script>
+      WALKER_RUNTIME("M")("_");M._.r=[_=&gt;(_.a=[0,{count:0}]),"__tests__/template.marko_0_count",1];M._.w()
+    </script>
+  </body>
+</html>
+```
+
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+<html>
+  <head />
+  <body>
+    = 
+    <!---->
+    1
+    <!--M_*1 #text/0-->
+    <button>
+      Inc
+    </button>
+    <!--M_*1 #button/1-->
+    <script>
+      WALKER_RUNTIME("M")("_");M._.r=[_=&gt;(_.a=[0,{count:0}]),"__tests__/template.marko_0_count",1];M._.w()
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+UPDATE html/body/#text1 "0" => "1"
+```
+
+# Render
+```js
+container.querySelector("button").click();
+```
+```html
+<html>
+  <head />
+  <body>
+    = 
+    <!---->
+    2
+    <!--M_*1 #text/0-->
+    <button>
+      Inc
+    </button>
+    <!--M_*1 #button/1-->
+    <script>
+      WALKER_RUNTIME("M")("_");M._.r=[_=&gt;(_.a=[0,{count:0}]),"__tests__/template.marko_0_count",1];M._.w()
+    </script>
+  </body>
+</html>
+```
+
+# Mutations
+```
+UPDATE html/body/#text1 "1" => "2"
+```

packages/runtime-tags/src/__tests__/fixtures/static-text-followed-by-placeholder/__snapshots__/ssr-sanitized.expected.md

@@ -0,0 +1,7 @@
+# Render End
+```html
+= 0
+<button>
+  Inc
+</button>
+```