From 12285bed2189cffa79e49cf75172d6a8d586e6dd Mon Sep 17 00:00:00 2001
From: ktsuttlemyre <ktsuttlemyre@users.noreply.github.com>
Date: Mon, 27 May 2024 20:30:36 -0400
Subject: [PATCH] Update view.html

---
 view.html | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/view.html b/view.html
index f40b149..ed74fa7 100644
--- a/view.html
+++ b/view.html
@@ -169,14 +169,17 @@
 			forceDisplay='html'
 			displayMedium='root' // iframe or root
 			
-
+			var oldFrame=''
+			var failsafeTimeout=0
 			conn.on('data', data => {
+				clearTimeout(failsafeTimeout)
+				failsafeTimeout=setTimeout(function(){location.reload();},60000)
 				package=data;
 				data=data.data||data;
 				switch(forceDisplay||data.display) {
 					case 'dataURL':
 						if(displayMedium == 'iframe'){
-						
+							throw "need to implement"
 						}else{ // root
 							//save images
 							let images=Array.from(document.getElementsByTagName('img'))
@@ -197,29 +200,39 @@
 					break;
 					case 'html':
 						let html=data.html.replace('./kqDraft.js','')
+						if(oldFrame==html){ //if display medium changes during runtime this will have lingering artifacts
+							return
+						}
 						if(displayMedium == 'iframe'){
-
 							var dataURI = 'data:text/html,' + encodeURIComponent(html);
 							iframe.style.width=data.viewport.width+'px'
 							//iframe.style.height=data.viewport.height+'px'
 							iframe.src=dataURI
+							oldFrame=dataURI
+							//DEVNOTE: TODO dont use datauri write diretctly to the iframe
 						}else{ // root
 							let newDoc = document.open("text/html", "replace");
 							newDoc.write(html);
 							newDoc.close();
+							oldFrame=html
 						}
 					break;
 					case 'xhtml': //https://stackoverflow.com/questions/48772331/open-xml-in-new-window-with-javascript
 						let xhtml=data.xhtml.replace('./kqDraft.js','');
+						if(oldFrame==xhtml){ //if display medium changes during runtime this will have lingering artifacts
+							return
+						}
 						if(displayMedium == 'iframe'){
 							let blob = new Blob([xhtml], {type: 'text/xml'});
 							let url = URL.createObjectURL(blob);
 							iframe.style.width=data.viewport.width+'px'
 							//iframe.style.height=data.viewport.height+'px'
-							iframe.src=url;
+							iframe.src=url; 
+							//DEVNOTE: TODO dont use datauri write diretctly to the iframe
 							URL.revokeObjectURL(url); //Releases the resources
+							oldFrame=url
 						}else{ // root
-							
+							throw "need to implement"
 						}	
 					break;
 					case 'data':
@@ -237,7 +250,7 @@
                 };
                 initialize();
             })();
-		setTimeout(function(){location.reload();},60000)
+		
         </script>
     </body>
 </html>