From 24504be4d7b9952d5a1161b7b54b5bcb59b68771 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Goran=20Alkovi=C4=87?=
 <77000136+goranalkovic-infinum@users.noreply.github.com>
Date: Wed, 3 Jul 2024 15:01:31 +0200
Subject: [PATCH 1/2] add a message if service workers are not supported in the
 Playground

---
 website/src/pages/playground.js | 38 ++++++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/website/src/pages/playground.js b/website/src/pages/playground.js
index f68786975..c2b96d09b 100644
--- a/website/src/pages/playground.js
+++ b/website/src/pages/playground.js
@@ -7,6 +7,8 @@ export default function Playground() {
 	const context = useDocusaurusContext();
 	const { siteConfig = {} } = context;
 
+	const supportsServiceWorkers = 'serviceWorker' in navigator;
+
 	// Temporary URL - will be replaced with the real one once the repo is pushed. Needs to be a direct link to the zip file.
 	const themeZipUrl =
 		'https://raw.githubusercontent.com/goranalkovic-infinum/fe-libs-theme-playground-test/main/es-wp-playground.zip';
@@ -19,11 +21,37 @@ export default function Playground() {
 			metaImage={useBaseUrl(`img/${siteConfig.customFields.image}`)}
 			wrapperClassName='es-single-full-screen-child es-has-t-border'
 		>
-			<iframe
-				className='es-full-size border-t border-t-grey-200'
-				sandbox='allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation allow-top-navigation-by-user-activation'
-				src={`https://playground.wordpress.net?php=8.3&wp=6.5&networking=yes&mode=browser-full-screen&import-site=${themeZipUrl}`}
-			/>
+			{!supportsServiceWorkers && (
+				<div className='es-full-size flex flex-col items-center justify-center gap-3 esd-full-fixed'>
+					<h2 className='text-infinum'>Something's not right</h2>
+					<span className='text-16 text-center'>
+						Your browser does not support{' '}
+						<a
+							className='text-infinum'
+							href='https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API'
+							target='_blank'
+							rel='noopener noreferrer'
+						>
+							Service workers
+						</a>
+						,
+						<br />
+						which are required to run the Playground.
+					</span>
+					<span className='text-12 text-grey-400 text-center'>
+						This may be due to browser settings
+						<br />
+						or using a private/incognito mode
+					</span>
+				</div>
+			)}
+			{supportsServiceWorkers && (
+				<iframe
+					className='es-full-size border-t border-t-grey-200'
+					sandbox='allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation allow-top-navigation-by-user-activation'
+					src={`https://playground.wordpress.net?php=8.3&wp=6.5&networking=yes&mode=browser-full-screen&import-site=${themeZipUrl}`}
+				/>
+			)}
 		</Layout>
 	);
 }

From c50051c85bb258c456f72935bb0d76fe5d25e761 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Goran=20Alkovi=C4=87?=
 <77000136+goranalkovic-infinum@users.noreply.github.com>
Date: Wed, 3 Jul 2024 15:08:58 +0200
Subject: [PATCH 2/2] update theme url

---
 website/src/pages/playground.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/website/src/pages/playground.js b/website/src/pages/playground.js
index c2b96d09b..e051d0743 100644
--- a/website/src/pages/playground.js
+++ b/website/src/pages/playground.js
@@ -9,9 +9,8 @@ export default function Playground() {
 
 	const supportsServiceWorkers = 'serviceWorker' in navigator;
 
-	// Temporary URL - will be replaced with the real one once the repo is pushed. Needs to be a direct link to the zip file.
 	const themeZipUrl =
-		'https://raw.githubusercontent.com/goranalkovic-infinum/fe-libs-theme-playground-test/main/es-wp-playground.zip';
+		'https://raw.githubusercontent.com/infinum/eightshift-docs/main/playground-files/es-wp-playground.zip';
 
 	return (
 		<Layout