From 8c8b38c1df8bdaf925e7545939e567610273b4e4 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Wed, 10 Jul 2024 10:15:41 -0400
Subject: [PATCH] chore: expose HMR option, add disclaimer to compiler options
 UI

---
 .../src/lib/Output/CompilerOptions.svelte     | 19 +++++++++++++++++++
 sites/svelte-5-preview/src/lib/Repl.svelte    |  1 +
 2 files changed, 20 insertions(+)

diff --git a/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte b/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
index 49598099bf..a9a50d5cde 100644
--- a/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
+++ b/sites/svelte-5-preview/src/lib/Output/CompilerOptions.svelte
@@ -33,9 +33,19 @@
 		<Checkbox bind:checked={$compile_options.dev} />
 		<span class="boolean">{$compile_options.dev}</span>,
 	</label>
+
+	<label class="option">
+		<span class="key">hmr:</span>
+		<Checkbox bind:checked={$compile_options.hmr} />
+		<span class="boolean">{$compile_options.hmr}</span>,
+	</label>
 	});
 </div>
 
+<div class="note">
+	<p>note: these options affect the JS output tab, but not the bundle that executes in the Result tab.</p>
+</div>
+
 <style>
 	.options {
 		padding: 0 10px;
@@ -132,4 +142,13 @@
 		border: 1px solid var(--sk-theme-2);
 		transition: box-shadow 0.2s ease-out;
 	}
+
+	.note {
+		padding: 10px;
+	}
+
+	.note p {
+		font-size: 1.4rem;
+		text-wrap: balance;
+	}
 </style>
diff --git a/sites/svelte-5-preview/src/lib/Repl.svelte b/sites/svelte-5-preview/src/lib/Repl.svelte
index c554153096..f43f5f899b 100644
--- a/sites/svelte-5-preview/src/lib/Repl.svelte
+++ b/sites/svelte-5-preview/src/lib/Repl.svelte
@@ -78,6 +78,7 @@
 	const DEFAULT_COMPILE_OPTIONS = {
 		generate: 'client',
 		dev: false,
+		hmr: false,
 		css: 'external'
 	};