From 9046415653497a81c675948a786cb3cec113b9a7 Mon Sep 17 00:00:00 2001
From: tombl <git@tombl.dev>
Date: Mon, 18 Dec 2023 21:26:37 +0800
Subject: [PATCH 1/3] add test

---
 .../svelte/tests/hydration/samples/noscript/_before.html | 2 ++
 .../svelte/tests/hydration/samples/noscript/main.svelte  | 9 +++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 packages/svelte/tests/hydration/samples/noscript/_before.html
 create mode 100644 packages/svelte/tests/hydration/samples/noscript/main.svelte

diff --git a/packages/svelte/tests/hydration/samples/noscript/_before.html b/packages/svelte/tests/hydration/samples/noscript/_before.html
new file mode 100644
index 000000000000..34ac9d9bc393
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/noscript/_before.html
@@ -0,0 +1,2 @@
+<!--ssr:0--><noscript>JavaScript is required for this site.</noscript>
+<h1>Hello!</h1><p>Count: 0</p><!--ssr:0-->
diff --git a/packages/svelte/tests/hydration/samples/noscript/main.svelte b/packages/svelte/tests/hydration/samples/noscript/main.svelte
new file mode 100644
index 000000000000..ed6f644820af
--- /dev/null
+++ b/packages/svelte/tests/hydration/samples/noscript/main.svelte
@@ -0,0 +1,9 @@
+<script>
+  import { onMount } from "svelte";
+  let count = 0;
+  onMount(() => count++);
+</script>
+
+<noscript>JavaScript is required for this site.</noscript>
+
+<h1>Hello!</h1><p>Count: {count}</p>

From 90fa3651c7092dbccfce5f057d1f231982851476 Mon Sep 17 00:00:00 2001
From: tombl <git@tombl.dev>
Date: Mon, 18 Dec 2023 20:51:15 +0800
Subject: [PATCH 2/3] fix: support hydrating around `<noscript>`

---
 .../phases/3-transform/client/visitors/template.js    | 11 +++++++----
 .../phases/3-transform/server/transform-server.js     |  6 ++----
 .../svelte/src/compiler/phases/3-transform/utils.js   |  8 +-------
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js
index 6ad1026cc744..6f1e6d4dad41 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js
@@ -1014,8 +1014,7 @@ function create_block(parent, name, nodes, context) {
 		context.path,
 		namespace,
 		context.state.preserve_whitespace,
-		context.state.options.preserveComments,
-		false
+		context.state.options.preserveComments
 	);
 
 	if (hoisted.length === 0 && trimmed.length === 0) {
@@ -1821,6 +1820,11 @@ export const template_visitors = {
 		);
 	},
 	RegularElement(node, context) {
+		if (node.name === 'noscript') {
+			context.state.template.push('<!>');
+			return;
+		}
+
 		const metadata = context.state.metadata;
 		const child_metadata = {
 			...context.state.metadata,
@@ -2012,8 +2016,7 @@ export const template_visitors = {
 			context.path,
 			child_metadata.namespace,
 			state.preserve_whitespace,
-			state.options.preserveComments,
-			false
+			state.options.preserveComments
 		);
 
 		for (const node of hoisted) {
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
index 79c62e396d47..ee053045edc7 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
@@ -252,8 +252,7 @@ function create_block(parent, nodes, context, anchor) {
 		context.path,
 		namespace,
 		context.state.preserve_whitespace,
-		context.state.options.preserveComments,
-		true
+		context.state.options.preserveComments
 	);
 
 	if (hoisted.length === 0 && trimmed.length === 0 && !anchor) {
@@ -1189,8 +1188,7 @@ const template_visitors = {
 			inner_context.path,
 			metadata.namespace,
 			state.preserve_whitespace,
-			state.options.preserveComments,
-			true
+			state.options.preserveComments
 		);
 
 		for (const node of hoisted) {
diff --git a/packages/svelte/src/compiler/phases/3-transform/utils.js b/packages/svelte/src/compiler/phases/3-transform/utils.js
index 9c7a559394bd..b7592f6f8167 100644
--- a/packages/svelte/src/compiler/phases/3-transform/utils.js
+++ b/packages/svelte/src/compiler/phases/3-transform/utils.js
@@ -83,7 +83,6 @@ export function is_hoistable_function(node) {
  * @param {import('#compiler').Namespace} namespace
  * @param {boolean} preserve_whitespace
  * @param {boolean} preserve_comments
- * @param {boolean} preserve_noscript
  */
 export function clean_nodes(
 	parent,
@@ -91,8 +90,7 @@ export function clean_nodes(
 	path,
 	namespace = 'html',
 	preserve_whitespace,
-	preserve_comments,
-	preserve_noscript
+	preserve_comments
 ) {
 	/** @type {import('#compiler').SvelteNode[]} */
 	const hoisted = [];
@@ -105,10 +103,6 @@ export function clean_nodes(
 			continue;
 		}
 
-		if (node.type === 'RegularElement' && node.name === 'noscript' && !preserve_noscript) {
-			continue;
-		}
-
 		if (
 			node.type === 'ConstTag' ||
 			node.type === 'DebugTag' ||

From c5e937324788725a267f2cedb29fa532f9913113 Mon Sep 17 00:00:00 2001
From: tombl <git@tombl.dev>
Date: Wed, 27 Dec 2023 19:18:43 +0800
Subject: [PATCH 3/3] changeset

---
 .changeset/smart-zebras-pay.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/smart-zebras-pay.md

diff --git a/.changeset/smart-zebras-pay.md b/.changeset/smart-zebras-pay.md
new file mode 100644
index 000000000000..77f1c723b1e5
--- /dev/null
+++ b/.changeset/smart-zebras-pay.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: support hydrating around `<noscript>`