save file

Author: javascript-2020

utils/editors/srcdoc/srcdoc.html

@@ -38,26 +38,26 @@
                         "offers"                : {"@type":"Offer","price":"0","priceCurrency":"GBP"}
                   }
             </script>
-
 
-            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
-
+            
+            <script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js'></script>
+            
             <script init>
                                                                                 console.clear();
                                                                                 console.log('srcdoc.html');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v));
         var df=true,version='v2.0'
         ;
-            
+        
         var ext;
         var $;
         var datatype;
         var menumod;
         var keydown;
         var debug;
         var github;
-
+        
         var menu;
 
 
@@ -67,19 +67,19 @@
 
               mod.base.add({ext,$,datatype,keydown,menu,menumod});
 
-
+              
               await initdom(document.body);
-
-
+              
+              
         }//init
-
-
+        
+        
 (async()=>{
 
         mod.stack.add;
 
         ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
-          
+        
         var promise   = ext.load.libs(
               'js/dom/$.js',
               'js/core/datatype.js',
@@ -89,9 +89,9 @@
               'js/io/github/github.js',
         );
         [$,datatype,menumod,keydown,debug,github]   = await promise;
-  
+        
         mod.stack.complete;
-              
+        
 })();
 
             </script init>
@@ -101,15 +101,15 @@
             <link rel=stylesheet href='/utils/css/utils.css'>
 -->
             <style>
-        
+            
   html
     {height:100%}
   body
     {height:calc(100% - 16px);display:flex;flex-direction:column;font-family:arial}
-  
+    
   .icon
     {border:1px solid gray;border-radius:3px;box-sizing:border-box;width:30px;height:30px;cursor:pointer}
-
+    
   .copy
     {padding:2px;
       content:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABSlBMVEVHcEwnz/4C8P4g1P4L6P43wf5Mr/4a2v4Y3P4/uv5PrP4+vf5Auv4ozv5KsP4vyv45wP5Jsf5Auf49vP5Mrv4zxf44wf5Lr/46wP4h1P5Lr/46vv5Jsv4R5P5Hs/5Etv44wf5Hs/41w/4uyv47vv49vP5Ftf5GtP4c2f4rzP4tyv4m0f5Etv5Nrv4xxv4xxv4xx/4W3/5KsP5Mr/4/u/4uyv5Isv4K6f4l0f4qzv4W3/4V3/5Nrv5Mrv5Mrv5Mr/4W3v4e2P5BuP5Hsv4N5v4K6f4O5v42w/5Dt/4E7/4uyf4C8P4nz/4M5/4K6v4oz/4P5f4k0v4b2v5Gs/4E7v4I6/5Nrf4e1/4H7P4E7v5Auv5Dtv4sy/5Isv5GtP4wx/49vP4zxf47vv44wP42w/5LsP5Jsf4i1P4n0P4N5v4k0v4a2v4S4v4X3v6OfcqkAAAAVnRSTlMACo7CjQWN/VczjgIJMfIXJzHtjj5iVekR71Hvtz7CjelXjre2wiJj2PCFIWbR7+fEnXaodz3544/USfOC22Tm7CXOnqfUZ+/3VTV9bsTzqGDahpb2tyRB6bIAAAIDSURBVDjLrZVpV9pAFIYntdFiQkZsLCQECtJSlqAsFRBU3Kuta1sncYGuJEDt///aISkkkyHo6enzLTlP5s5758wNAC526pd3d1++/fzx/evNze1tp210wxURUMTWBz2v2EWtLc7jBTPmoJfNrqy8i0ajixgB00VISJIeW9JMKbcWDAYDNiFMQN1EqAAJcUfSBif0fsQWQjLxpjGnXUJa5CoIbTiP8KJ0OqfNMLQIZhGad/Ke3t///vWwGKv1+yPxfW55+TnmJWZW5ggxcqX3m6WSVTpSdPcxHCLExmf97AI8e1j8cK1f8X9Fq/Sotrf0k2v9KRiJ08L8mwhf2CQx8oK/yJyPw3Q67ULaV4Tr7tRCwFfkllLF4ushccwGPyUMzwzhMQz/X1Kz+QVMmh2LcjgsTxDZ3OpqIpFYfDu+KGwoxE5JvTtpF9NX9BEB792jn0gD4eNEsVAQHyXOO7fQFmNNLZOnPV5BqEyI+Yxm1qkluS0BCWRp8FEze6mTJQtVVd8MUfcEhBSGFOGMOWmaoc0AmRoXP5cmiHEReEXANOopzCsLRYlXjWolGXE2jK/r/ujEWAdOFIxWGrjO8ljXazG6MeynthEn2gAP9P7B4XCE2thzdG2v2jbK5LfHZ3hINbclSco6o/kIh1Einq4e1qxp5m2PkqZ/CPvbXvFot+xe7w/EpaiUrJ24NAAAAABJRU5ErkJggg==);
@@ -121,15 +121,15 @@
     {display:flex;gap:5px;align-items:center}
   #url
     {flex:1;padding:5px 10px;font-size:16px}
-  
+    
   iframe
     {flex:1;border:none}
 
   input
     {font-size:16px;padding:5px 10px}
   input[type=button]
     {cursor:pointer}
-        
+    
             </style>
 
       </head>
@@ -146,23 +146,23 @@
             </div>
 
             <iframe></iframe>
-
+            
       </body>
-
+      
 
       <script>
-
-        
+      
+      
         var input;
         var iframe;
-
+        
 
         var btn           = {};
         var onmsg         = {};
-
-
+        
+        
     //:
-
+    
 
         function initdom(){
                                                                                 debug('initdom');
@@ -173,34 +173,34 @@
               $(root,'.copy').onclick             = btn.copy;
               $(root,'.paste').onclick            = btn.paste;
 
-              $(root,'[value=go]').onclick        = btn.go;      
+              $(root,'[value=go]').onclick        = btn.go;
 
 
               iframe                              = $(root,'iframe');
-
-
+              
+              
 
 
         }//initdom
 
 
         btn.copy    = async function(){
-          
+        
               var txt   = input.value;
               await navigator.clipboard.writeText(txt);
         }//copy
 
 
         btn.paste   = async function(){
-          
+        
               var txt       = await navigator.clipboard.readText();
               input.value   = txt;
 
         }//paste
 
 
         btn.go    = async function(){
-          
+        
               var url       = input.value;
               var result    = github.parse(url);
               if(result.error){
@@ -220,13 +220,13 @@
               var err;
 
               try{
-                
+              
                     var res   = await fetch(url);
 
               }//try
 
               catch(err2){
-                
+              
                     err   = err2;
 
               }//catch
@@ -235,9 +235,9 @@
                     alert(err.toString());
                     return;
               }
-
-      
-              var html;        
+              
+              
+              var html;
               if(github.parse.is.api(url)){
                     var json    = await res.json();
                     var b64     = json.content;
@@ -249,18 +249,18 @@
               iframe.srcdoc    = html;
 
         }//go
-                  
-
+        
+        
   //:
 
 
         window.onmessage    = function(e){
-          
+        
               var str     = e.data;
               var json    = JSON.parse(str);
 
               switch(json.type){
-                
+              
                 case 'load'   : onmsg.load(json);       break;
 
               }//switch
@@ -269,14 +269,14 @@
 
 
         onmsg.load    = function(json){
-          
+        
               input.value   = json.url;
 
         }//load
 
 
-  
-                  
+        
+        
       </script>
 
 </html>