From 32e5e39e9b3e366d96c954601a77f5cf9adc4947 Mon Sep 17 00:00:00 2001
From: Shammel Lee <holler@shammellee.com>
Date: Tue, 27 Feb 2024 19:56:27 -0500
Subject: [PATCH 1/4] fix: typo navigation -> navigating (#593)

---
 .../03-sveltekit/08-stores/02-navigating-store/README.md      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
index fe0f24019..163496f24 100644
--- a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
@@ -2,7 +2,7 @@
 title: navigating
 ---
 
-The `navigating` store represents the current navigation. When a navigation starts — because of a link click, or a back/forward navigation, or a programmatic `goto` — the value of `navigation` will become an object with the following properties:
+The `navigating` store represents the current navigation. When a navigation starts — because of a link click, or a back/forward navigation, or a programmatic `goto` — the value of `navigating` will become an object with the following properties:
 
 - `from` and `to` — objects with `params`, `route` and `url` properties
 - `type` — the type of navigation, e.g. `link`, `popstate` or `goto`
@@ -32,4 +32,4 @@ It can be used to show a loading indicator for long-running navigations. In this
 </nav>
 
 <slot />
-```
\ No newline at end of file
+```

From 01f871846d70a74500f51e4e38720369e6554489 Mon Sep 17 00:00:00 2001
From: Emmy Lim <emmyrlim@gmail.com>
Date: Sun, 3 Mar 2024 00:09:27 +0800
Subject: [PATCH 2/4] fix: add missing semicolon (#594)

---
 content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md b/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
index 23013d3a8..4195b5c69 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
@@ -41,7 +41,7 @@ So far so good — you should see gently undulating colours in the shape of the
 ```js
 /// file: App.svelte
 onMount(() => {
-	const canvas = document.querySelector('canvas')
+	const canvas = document.querySelector('canvas');
 	const context = canvas.getContext('2d');
 
 	+++let frame =+++ requestAnimationFrame(function loop(t) {

From 9b19caf5eb29fc6342fdd0ac48612b8f9ec5f895 Mon Sep 17 00:00:00 2001
From: Tee Ming <chewteeming01@gmail.com>
Date: Sun, 3 Mar 2024 01:53:09 +0800
Subject: [PATCH 3/4] fix: prevent ios from loading webcontainers (#584)

---
 src/routes/tutorial/[slug]/Loading.svelte | 32 +++++++++++++++++++++--
 src/routes/tutorial/[slug]/adapter.js     | 13 +++++++++
 2 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/routes/tutorial/[slug]/Loading.svelte b/src/routes/tutorial/[slug]/Loading.svelte
index fb813058d..576835016 100644
--- a/src/routes/tutorial/[slug]/Loading.svelte
+++ b/src/routes/tutorial/[slug]/Loading.svelte
@@ -1,7 +1,8 @@
 <script>
-	import { afterNavigate } from '$app/navigation';
 	import { page } from '$app/stores';
 	import { Icon } from '@sveltejs/site-kit/components';
+	import { load_webcontainer, reset } from './adapter';
+	import { files } from './state';
 
 	/** @type {boolean} */
 	export let initial;
@@ -62,6 +63,23 @@
 						<code>chrome://settings/cookies</code> and add <code>learn.svelte.dev</code> to 'Sites that
 						can always use cookies'.
 					</p>
+					<!-- TODO: remove this when webcontainers are properly supported on iOS
+				see https://github.com/stackblitz/webcontainer-core/issues/1120 -->
+				{:else if /iphone/i.test(navigator.userAgent)}
+					<p>
+						We couldn't start the app. It seems that you're using iOS, which does not support
+						WebContainers.
+					</p>
+					<p>
+						If this is not the case, you can try loading it by <button
+							type="button"
+							on:click={async () => {
+								error = null;
+								load_webcontainer();
+								await reset($files);
+							}}>clicking here</button
+						>.
+					</p>
 				{:else}
 					<p>
 						We couldn't start the app. Please ensure third party cookies are enabled for this site.
@@ -70,7 +88,7 @@
 
 				{#if is_svelte}
 					<a href="https://svelte.dev/tutorial/{$page.data.exercise.slug}">
-						Go to the legacy svelte tutorial instead <Icon name="arrow-right" />
+						Or go to the legacy svelte tutorial instead <Icon name="arrow-right" />
 					</a>
 				{/if}
 			</div>
@@ -148,6 +166,16 @@
 		margin: 0 0 1em 0;
 	}
 
+	button {
+		color: var(--sk-theme-1);
+		padding: 0 0 1px;
+		position: relative;
+	}
+
+	button:hover {
+		text-decoration: underline;
+	}
+
 	small {
 		font-size: var(--sk-text-xs);
 		color: var(--sk-text-3);
diff --git a/src/routes/tutorial/[slug]/adapter.js b/src/routes/tutorial/[slug]/adapter.js
index cca55d3ad..891a3eddb 100644
--- a/src/routes/tutorial/[slug]/adapter.js
+++ b/src/routes/tutorial/[slug]/adapter.js
@@ -21,9 +21,22 @@ export const warnings = writable({});
 /** @type {Promise<import('$lib/types').Adapter>} */
 let ready = new Promise(() => {});
 
+let initial_load = true;
+
 if (browser) {
+	load_webcontainer();
+	initial_load = false;
+}
+
+export function load_webcontainer() {
 	ready = new Promise(async (fulfil, reject) => {
 		try {
+			// TODO: remove this when webcontainers are properly supported on iOS
+			// see https://github.com/stackblitz/webcontainer-core/issues/1120
+			if (initial_load && /iphone/i.test(navigator.userAgent)) {
+				throw new Error('iOS does not support WebContainers');
+			}
+
 			const module = await import('$lib/client/adapters/webcontainer/index.js');
 			const adapter = await module.create(base, error, progress, logs, warnings);
 

From 075778a46b143e9b38cde2daef68e51d516bc4d4 Mon Sep 17 00:00:00 2001
From: Rich Harris <hello@rich-harris.dev>
Date: Tue, 23 Apr 2024 15:52:32 -0400
Subject: [PATCH 4/4] use `npm` instead of deprecated `turbo` (#607)

---
 src/lib/client/adapters/webcontainer/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/client/adapters/webcontainer/index.js b/src/lib/client/adapters/webcontainer/index.js
index 274ef154d..9528f5ed4 100644
--- a/src/lib/client/adapters/webcontainer/index.js
+++ b/src/lib/client/adapters/webcontainer/index.js
@@ -131,7 +131,7 @@ export async function create(base, error, progress, logs, warnings) {
 			await run_dev();
 
 			async function run_dev() {
-				const process = await vm.spawn('turbo', ['run', 'dev']);
+				const process = await vm.spawn('npm', ['run', 'dev']);
 
 				// TODO differentiate between stdout and stderr (sets `vite_error` to `true`)
 				// https://github.com/stackblitz/webcontainer-core/issues/971