From 1081193a83323454cd8f0a6483f8009af425f9a5 Mon Sep 17 00:00:00 2001
From: Jovi De Croock <decroockjovi@gmail.com>
Date: Mon, 23 Feb 2026 19:44:04 +0100
Subject: [PATCH 1/2] Adjust streamed id from preact-island to $s

---
 src/lib/chunked.js                  |  4 +---
 src/lib/client.js                   |  6 +++---
 test/compat/render-chunked.test.jsx | 12 ++++++------
 test/compat/stream-node.test.jsx    |  2 +-
 test/compat/stream.test.jsx         |  2 +-
 5 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/lib/chunked.js b/src/lib/chunked.js
index 48aca958..b5ec6c69 100644
--- a/src/lib/chunked.js
+++ b/src/lib/chunked.js
@@ -113,7 +113,5 @@ function handleError(error, vnode, renderChild) {
 
 	const fallback = renderChild(vnode.props.fallback);
 
-	return found
-		? ''
-		: `<!--preact-island:${id}-->${fallback}<!--/preact-island:${id}-->`;
+	return found ? '' : `<!--$s:${id}-->${fallback}<!--/$s:${id}-->`;
 }
diff --git a/src/lib/client.js b/src/lib/client.js
index 37c0b28f..e7fe401d 100644
--- a/src/lib/client.js
+++ b/src/lib/client.js
@@ -15,8 +15,8 @@
 // 			while (c.nextNode()) {
 // 				let n = c.referenceNode;
 
-// 				if (n.data == 'preact-island:' + i) s = n;
-// 				else if (n.data == '/preact-island:' + i) e = n;
+// 				if (n.data == '$s:' + i) s = n;
+// 				else if (n.data == '/$s:' + i) e = n;
 // 				if (s && e) break;
 // 			}
 // 			if (s && e && s.parentNode !== document) {
@@ -46,7 +46,7 @@
 // }
 
 // To modify the INIT_SCRIPT, uncomment the above code, modify it, and paste it into https://try.terser.org/.
-const INIT_SCRIPT = `class e extends HTMLElement{connectedCallback(){var e=this;if(!e.isConnected)return;let t=this.getAttribute("data-target");if(t){for(var r,a,i=document.createNodeIterator(document,128);i.nextNode();){let e=i.referenceNode;if(e.data=="preact-island:"+t?r=e:e.data=="/preact-island:"+t&&(a=e),r&&a)break}r&&a&&r.parentNode!==document&&requestAnimationFrame((()=>{for(var t=a.previousSibling;t!=r&&t&&t!=r;)a.parentNode.removeChild(t),t=a.previousSibling;for(i=r;e.firstChild;)r=e.firstChild,e.removeChild(r),i.after(r),i=r;e.parentNode.removeChild(e)}))}}}customElements.define("preact-island",e);`;
+const INIT_SCRIPT = `class e extends HTMLElement{connectedCallback(){var e=this;if(!e.isConnected)return;let t=this.getAttribute("data-target");if(t){for(var r,a,i=document.createNodeIterator(document,128);i.nextNode();){let e=i.referenceNode;if(e.data=="$s:"+t?r=e:e.data=="/$s:"+t&&(a=e),r&&a)break}r&&a&&r.parentNode!==document&&requestAnimationFrame((()=>{for(var t=a.previousSibling;t!=r&&t&&t!=r;)a.parentNode.removeChild(t),t=a.previousSibling;for(i=r;e.firstChild;)r=e.firstChild,e.removeChild(r),i.after(r),i=r;e.parentNode.removeChild(e)}))}}}customElements.define("preact-island",e);`;
 
 export function createInitScript() {
 	return `<script>(function(){${INIT_SCRIPT}}())</script>`;
diff --git a/test/compat/render-chunked.test.jsx b/test/compat/render-chunked.test.jsx
index 22982433..f0699fca 100644
--- a/test/compat/render-chunked.test.jsx
+++ b/test/compat/render-chunked.test.jsx
@@ -34,7 +34,7 @@ describe('renderToChunks', () => {
 		await promise;
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:5-->loading...<!--/preact-island:5--></div>',
+			'<div><!--$s:5-->loading...<!--/$s:5--></div>',
 			'<div hidden>',
 			createInitScript(),
 			createSubtree('5', '<p>it works</p>'),
@@ -62,7 +62,7 @@ describe('renderToChunks', () => {
 		suspended.resolve();
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:10-->loading...<!--/preact-island:10--></div>',
+			'<div><!--$s:10-->loading...<!--/$s:10--></div>',
 			'<div hidden>',
 			createInitScript(1),
 			'</div>'
@@ -109,7 +109,7 @@ describe('renderToChunks', () => {
 		}
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:16-->loading...<!--/preact-island:16--></div>',
+			'<div><!--$s:16-->loading...<!--/$s:16--></div>',
 			'<div hidden>',
 			createInitScript(1),
 			createSubtree('16', '<p>it works</p>'),
@@ -142,7 +142,7 @@ describe('renderToChunks', () => {
 		await promise;
 
 		expect(result).to.deep.equal([
-			'<div><p>id: P0-0</p><!--preact-island:24-->loading...<!--/preact-island:24--></div>',
+			'<div><p>id: P0-0</p><!--$s:24-->loading...<!--/$s:24--></div>',
 			'<div hidden>',
 			createInitScript(1),
 			createSubtree('24', '<p>id: P0-1</p>'),
@@ -182,7 +182,7 @@ describe('renderToChunks', () => {
 		await promise;
 
 		expect(result).toEqual([
-			'<div><p>id: P0-0</p><!--preact-island:33-->loading...<!--/preact-island:33--><!--preact-island:36-->loading...<!--/preact-island:36--></div>',
+			'<div><p>id: P0-0</p><!--$s:33-->loading...<!--/$s:33--><!--$s:36-->loading...<!--/$s:36--></div>',
 			'<div hidden>',
 			createInitScript(1),
 			createSubtree('33', '<p>id: P0-1</p>'),
@@ -305,7 +305,7 @@ describe('renderToChunks', () => {
 		await promise;
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:70-->loading part 1...<!--/preact-island:70--></div>',
+			'<div><!--$s:70-->loading part 1...<!--/$s:70--></div>',
 			'<div hidden>',
 			createInitScript(1),
 			createSubtree('70', '<p>it works</p><p>it works</p>'),
diff --git a/test/compat/stream-node.test.jsx b/test/compat/stream-node.test.jsx
index b22cb839..b479bd26 100644
--- a/test/compat/stream-node.test.jsx
+++ b/test/compat/stream-node.test.jsx
@@ -66,7 +66,7 @@ describe('renderToPipeableStream', () => {
 		const result = await sink.promise;
 
 		expect(result).to.deep.equal([
-			'<div><!--preact-island:5-->loading...<!--/preact-island:5--></div>',
+			'<div><!--$s:5-->loading...<!--/$s:5--></div>',
 			'<div hidden>',
 			createInitScript(),
 			createSubtree('5', '<p>it works</p>'),
diff --git a/test/compat/stream.test.jsx b/test/compat/stream.test.jsx
index 202c26aa..b198d2de 100644
--- a/test/compat/stream.test.jsx
+++ b/test/compat/stream.test.jsx
@@ -82,7 +82,7 @@ describe('renderToReadableStream', () => {
 		const result = await sink.promise;
 
 		expect(result).toEqual([
-			'<div><!--preact-island:5-->loading...<!--/preact-island:5--></div>',
+			'<div><!--$s:5-->loading...<!--/$s:5--></div>',
 			'<div hidden>',
 			createInitScript(),
 			createSubtree('5', '<p>it works</p>'),

From dbc692fd60a9187174491a085d60e635560cb8c6 Mon Sep 17 00:00:00 2001
From: Jovi De Croock <decroockjovi@gmail.com>
Date: Mon, 23 Feb 2026 19:46:08 +0100
Subject: [PATCH 2/2] Add changeset

---
 .changeset/chilly-adults-travel.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/chilly-adults-travel.md

diff --git a/.changeset/chilly-adults-travel.md b/.changeset/chilly-adults-travel.md
new file mode 100644
index 00000000..dd913771
--- /dev/null
+++ b/.changeset/chilly-adults-travel.md
@@ -0,0 +1,5 @@
+---
+'preact-render-to-string': minor
+---
+
+Adjust the comment-marker for streaming to be the same as renderToStringAsync where we use \$s