save file

Author: javascript-2020

utils/misc/nodejs-terminal/html/webcontainer-ports/webcontainer-ports.html

@@ -27,6 +27,9 @@
     {}
   .url
     {}
+  .open
+    {content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEVHcEwEkPUSjeQHkPIGkfQDkvcRkusGkfQKke8HkfMOku4OkOsKkPAGkfMMke4PkewFkfUxjdICkfe1wqN+AAAAEnRSTlMA+EGU3PwhyYyjNFF7v2Up6gba3IR2AAAAu0lEQVQoz5WT4RKDIAiAQbEsrTbe/2EHZZ21obfvj3bfaYAAAEOkwF8EigMI88gG4yxnTSt+gMgNIlBLE5SoUNGIEM+tfsGxTk6ZGLNzZbtzaHSaA6xMezKCw7tO3nvisMiSfmh/xbNs8Lb1MsC8mloteUvTplU2dYZNqmxpTJD3P+TQ0IGQrcvrV3joIGWTetI6sZGYf9mhFf7W+iQX6Us/uOnSDhVn5HUzVZzN1GnFTiN3xqAzRO0R/AAtmCx7LZDXLgAAAABJRU5ErkJggg==);
+    }
   .copy
     {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==);
       }
@@ -49,6 +52,7 @@
                               </div>
                               <div class=spc>
                               </div>
+                              <img class='open icon'>
                               <img class='copy icon'>
                         </div>
 
@@ -137,13 +141,30 @@
 
               $(nitem,'.port').textContent    = port;
               $(nitem,'.url').textContent     = url;
+              $(nitem,'.open').onclick        = open;
               $(nitem,'.copy').onclick        = async e=>{
 
                                                       await navigator.clipboard.writeText(url);
 
                                                 }//copy
               list.append(nitem);
 
+              
+              async function open(e){
+              
+                    var node    = document.createElement('webcontainer-iframe');
+                    node.setAttribute('component','page');
+                    var mod2      = mod.create({mod,name:'webcontainer-iframe'});
+                    var result    = await mod.build({root:node,mod:mod2});
+                    var wciframe    = mod2['webcontainer-iframe'];
+                    wciframe.initmod({vm});
+                    await mod2.auto();
+                    wciframe.viewport.pos({x:200,y:200,w:1100,h:500});
+                    wciframe.set(url);
+                    return wciframe;
+                    
+              }//open
+              
         }//add