Don't halt Playground boot when OPFS is not available

packages/playground/website/bin/version-switching-server.ts

@@ -0,0 +1,19 @@
+import { startVersionSwitchingServer } from '../playwright/version-switching-server';
+
+const [, , oldVersionDir, newVersionDir, port] = process.argv;
+
+if (!oldVersionDir || !newVersionDir || !port) {
+	console.error(
+		'Usage: node version-switching-server.js <oldVersionDir> <newVersionDir> <port>'
+	);
+	process.exit(1);
+}
+
+const server = await startVersionSwitchingServer({
+	oldVersionDirectory: oldVersionDir,
+	newVersionDirectory: newVersionDir,
+	port: parseInt(port, 10),
+});
+
+server.switchToNewVersion();
+console.log('Version switching server started');

packages/playground/website/playwright/version-switching-server.ts

@@ -73,24 +73,3 @@ export async function startVersionSwitchingServer({
 		},
 	};
 }
-
-// @ts-ignore
-if (import.meta.url === import.meta.resolve(process.argv[1])) {
-	const [, , oldVersionDir, newVersionDir, port] = process.argv;
-
-	if (!oldVersionDir || !newVersionDir || !port) {
-		console.error(
-			'Usage: node version-switching-server.js <oldVersionDir> <newVersionDir> <port>'
-		);
-		process.exit(1);
-	}
-
-	const server = await startVersionSwitchingServer({
-		oldVersionDirectory: oldVersionDir,
-		newVersionDirectory: newVersionDir,
-		port: parseInt(port, 10),
-	});
-
-	server.switchToNewVersion();
-	console.log('Version switching server started');
-}

packages/playground/website/src/components/ensure-playground-site/ensure-playground-site-is-selected.tsx

@@ -44,7 +44,12 @@ export function EnsurePlaygroundSiteIsSelected({
 	);
 
 	useEffect(() => {
-		opfsSiteStorage?.list().then(
+		if (!opfsSiteStorage) {
+			logger.error('Error loading sites: OPFS not available');
+			dispatch(siteListingLoaded([]));
+			return;
+		}
+		opfsSiteStorage.list().then(
 			(sites) => dispatch(siteListingLoaded(sites)),
 			(error) => {
 				logger.error('Error loading sites:', error);