From 3ebb6b7ab1abbea6137940cd803886e3df618860 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Wed, 27 Mar 2024 13:22:43 +0530
Subject: [PATCH] use local html file for preview in normal mode

---
 src/components/ContentWrap.jsx |  6 +++---
 src/indexpm.html               | 12 ++++++++++++
 2 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 src/indexpm.html

diff --git a/src/components/ContentWrap.jsx b/src/components/ContentWrap.jsx
index 77c2d95..813f755 100644
--- a/src/components/ContentWrap.jsx
+++ b/src/components/ContentWrap.jsx
@@ -181,7 +181,7 @@ export default class ContentWrap extends Component {
 					})
 				]).then(writeInsideIframe);
 				// Setting to blank string cause frame to reload
-				// this.frame.src = '';
+				this.frame.src = this.frame.src;
 			}
 		} else {
 			// we need to store user script in external JS file to prevent inline-script
@@ -908,11 +908,11 @@ export default class ContentWrap extends Component {
 				</SplitPane>
 				<div class="demo-side" id="js-demo-side" style="">
 					<iframe
-						src={`${PREVIEW_FRAME_HOST}/preview.html`}
+						src={`./indexpm.html`}
 						ref={el => (this.frame = el)}
 						frameborder="0"
 						id="demo-frame"
-						sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"
+						sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-scripts allow-top-navigation-by-user-activation"
 						allow="accelerometer; camera; encrypted-media; display-capture; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write; web-share"
 						allowpaymentrequest="true"
 						allowfullscreen="true"
diff --git a/src/indexpm.html b/src/indexpm.html
new file mode 100644
index 0000000..ab70c92
--- /dev/null
+++ b/src/indexpm.html
@@ -0,0 +1,12 @@
+<script>
+	function callback(e) {
+		console.log('post message recvd', e.data);
+		window.document.open();
+
+		const { contents } = e.data;
+		window.document.write(e.data.contents);
+		window.document.close();
+		window.addEventListener('message', callback);
+	}
+	window.addEventListener('message', callback);
+</script>