Merge pull request #120 from codeitcodes/dev

Dev

Author: benhatsor

full.css

@@ -448,6 +448,12 @@ body.notransition .live-view.file-open {
   content: unset;
 }
 
+.live-view.centered-contents {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .live-view img {
   width: 100%;
   max-height: 100%;
@@ -1732,16 +1738,16 @@ body.mobile.expanded .splash-wrapper::before {
   pointer-events: auto;
 }
 
-.splash-wrapper .loading-subtitle a {
-  color: var(--rosemary-lightness-deluxe);
+a.link[href] {
+  color: var(--rosemary-lightness-deluxe) !important;
   text-decoration: none;
 }
 
-.splash-wrapper a:active {
+a.link[href]:active {
   text-decoration: underline;
 }
 
-body:not(.mobile) .splash-wrapper a:hover {
+body:not(.mobile) a.link[href]:hover {
   text-decoration: underline;
 }
 

full.html

@@ -226,7 +226,7 @@
 
   <div class="splash-wrapper">
     <div class="cube-loader"></div>
-    <div class="loading-subtitle">Connection problems? <a href="https://twitter.com/codeitcodes" target="_blank">Let us know!</a></div>
+    <div class="loading-subtitle">Connection problems? <a href="https://twitter.com/codeitcodes" target="_blank" class="link">Let us know!</a></div>
   </div>
 
 

links.js

@@ -10,7 +10,7 @@ function createLink(linkData) {
 
   // save link
   let base = 'https://cde.run';
-  if (isDev) base = 'https://dev.cde.run';
+  if (window.location.origin === 'dev.codeit.codes') base = 'https://dev.cde.run';
 
   let link = '';
 

live-view/live-view.js

@@ -835,6 +835,36 @@ async function renderLiveViewHTML(file) {
     logVersion();
 
   }
+  
+  
+  // if iOS version is lower than minimum
+  
+  const isSafariWithMac = navigator.userAgent.toLowerCase().indexOf('safari') != -1;
+  
+  if (isSafariWithMac) {
+    
+    const safariVersion = Number(navigator.userAgent.split('Version/')[1].split(' Safari')[0]);
+    
+    if (safariVersion < 15.4) {
+    
+      // show message and return
+      
+      liveView.innerHTML = `
+      <div class="prompt">
+        <svg style="margin-bottom: 7px;margin-top: -42px;" class="file-svg" viewBox="0 0 752 752" version="1.1" height="146" width="146" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="a"><path d="m139.21 139.21h473.58v473.58h-473.58z"></path></clipPath></defs><g clip-path="url(#a)"><path d="m356.27 572.35v-38.492c0-10.898 8.7578-19.73 19.73-19.73 10.898 0 19.734 8.7578 19.734 19.73v38.492c93.223-9.2539 167.36-83.395 176.62-176.62h-38.492c-10.898 0-19.73-8.7578-19.73-19.734 0-10.898 8.7578-19.73 19.73-19.73h38.492c-9.2539-93.227-83.395-167.36-176.62-176.62v38.496c0 10.895-8.7578 19.73-19.734 19.73-10.898 0-19.73-8.7578-19.73-19.73v-38.496c-93.227 9.2578-167.36 83.395-176.62 176.62h38.496c10.895 0 19.73 8.7578 19.73 19.73 0 10.898-8.7578 19.734-19.73 19.734h-38.496c9.2578 93.223 83.395 167.36 176.62 176.62zm19.73 40.441c-130.77 0-236.79-106.02-236.79-236.79 0-130.77 106.02-236.79 236.79-236.79 130.78 0 236.79 106.02 236.79 236.79 0 130.78-106.02 236.79-236.79 236.79zm88.371-333.09c10.426-3.1719 16.32 2.6562 13.133 13.133l-37.344 122.7c-3.1758 10.426-14.148 21.434-24.625 24.625l-122.7 37.344c-10.426 3.1719-16.32-2.6562-13.133-13.133l37.344-122.7c3.1719-10.426 14.148-21.438 24.625-24.625zm-111.21 75.098c0.69141-0.20703 1.0391-0.23047 1.2148-0.23828 0.19531-0.36328 0.21875-0.71094 0.42578-1.4023l-21.543 70.793 70.789-21.547c-0.69141 0.21094-1.0391 0.23438-1.2148 0.23828-0.19141 0.36328-0.21484 0.71094-0.42578 1.4023l21.547-70.789z" fill="hsl(223deg 75% 38%)"></path></g></svg>
+        <div class="title">Upgrade iOS to run this file</div>
+        <a class="desc link" href="https://support.apple.com/en-us/HT204416" target="_blank">Here's how</a>
+      </div>
+      `;
+      
+      liveView.classList.add('centered-contents');
+      liveView.classList.add('loaded');
+      
+      return;
+      
+    }
+    
+  }
 
 
   // if service worker isn't installed yet

service-worker.js

@@ -83,8 +83,8 @@ self.addEventListener('activate', (evt) => {
   );  
 
   // send reload request to client
-  /*workerChannel.postMessage({
+  workerChannel.postMessage({
     type: 'reload'
-  });*/
+  });
 
 });

worker/client-channel.js

@@ -4,7 +4,7 @@
 
 
 // update worker name when updating worker
-const WORKER_NAME = 'codeit-worker-v489';
+const WORKER_NAME = 'codeit-worker-v490';
 
 
 // internal paths