chore: safari support

Author: tomoam

src/lib/client/adapters/webcontainer/index.js

@@ -16,6 +16,11 @@ const converter = new AnsiToHtml({
 /** @type {import('@webcontainer/api').WebContainer} Web container singleton */
 let vm;
 
+function webcontainer_is_supported() {
+	// @ts-ignore
+	return 'function' === typeof Atomics.waitAsync;
+}
+
 /**
  * @param {import('svelte/store').Writable<string | null>} base
  * @param {import('svelte/store').Writable<Error | null>} error
@@ -25,8 +30,8 @@ let vm;
  * @returns {Promise<import('$lib/types').Adapter>}
  */
 export async function create(base, error, progress, logs, warnings) {
-	if (/safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent)) {
-		throw new Error('WebContainers are not supported by Safari');
+	if (/safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent) && !webcontainer_is_supported()) {
+		throw new Error('WebContainers are not supported by Safari 16.3 or earlier');
 	}
 
 	progress.set({ value: 0, text: 'loading files' });

src/routes/tutorial/[slug]/Loading.svelte

@@ -10,11 +10,16 @@
 
 	/** @type {string} */
 	export let status;
+
+	function webcontainer_is_supported() {
+		// @ts-ignore
+		return 'function' === typeof Atomics.waitAsync;
+	}
 </script>
 
 <div class="loading" class:error>
 	{#if error}
-		{#if /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent)}
+		{#if /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent) && !webcontainer_is_supported()}
 			<p>This app requires modern web platform features. Please use a browser other than Safari.</p>
 		{:else}
 			<small>{error.message}</small>