save file

javascript-2020 · javascript-2020 · commit 7674d7e9b1c6 · 2026-02-09T09:06:55.000Z
diff --git a/utils/x509/generate-key-pair/generate-key-pair.html b/utils/x509/generate-key-pair/generate-key-pair.html
@@ -7,7 +7,7 @@
 
       <head>
             <meta charset=utf-8>
-    
+            
             <title>
                   Generate Key Pair
             </title>
@@ -19,7 +19,7 @@
             
             <link rel=icon type='image/x-icon' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAVFBMVEVHcEwAAAAAAAAAAAAAAAABAQEBAQEBAQEBAQEBAQEBAQEAAAABAQEBAQEBAQEBAQEAAAABAQEBAQEAAAABAQEBAQEBAQEBAQEBAQEAAAABAQEAAACsl1DQAAAAG3RSTlMA+Nbo8C8MBGaeFKt9TBx0ijlZy5XAUkQi4Lb6C8LjAAABM0lEQVQoz31TibKDIAzkkBsqBbXV/f//fMHOq9IrMw6jmw2bTWSsC6PZ19Bp2ja3fMm4Bw4KHu6f0MtMkBCUsnnzDkegJu9TBeISXyt4gfVKRx5XiDKI1MPXAY6UTwgOQ1n33FPcODJjC8eWwZMjBV0HSiIYE8BtwKD8jKGja/qwkIBqB1TNLGC76pZD2hXztgPlFdYT4CqE445uJQHLm/YaKMUSepMQlx5u7EWSqSXFlbzpUbUTSBh5S0/wzykq9SCPdKS5gTz7wxEpJ3X9v82nKCBPnlMTkOJB3qP5dmppFG3Qh9TyIuwShxO5qdzMu+xnudp3baYzmTHXD+RMNqpk0WeTn89XK5vOthtH8cXqozD4Svb7z/uscrzd20p8/yHYCJQfMG1e/AHrHH4VZ+bh2h/qTRXn16T2TQAAAABJRU5ErkJggg=='>
             <meta name=viewport content='width=device-width, initial-scale=1'>
-
+            
             <script type='application/ld+json'>
                   {
                         "@context"              : "https://schema.org",
@@ -35,16 +35,16 @@
                         "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('generate-key-pair-v2.0.html');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
-            
+                                                                                
         var df=true,did='gen-https-cert'
         ;
         
@@ -54,16 +54,16 @@
         var menumod;
         var keydown;
         var debug;
-
-
+        
+        
         var menu;
         
         
         var hdr;
         
   //:
   
-            
+  
         async function init(){
         
         
@@ -83,18 +83,18 @@
               
               
               initdom(document.body);
-
-
+              
+              
                                                                                 console.log('ready');
         }//init
         
         
         
         
 (async()=>{
-  
-        mod.stack.add;
 
+        mod.stack.add;
+        
         var {ext}   = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js');
         
         var promise   = ext.load.libs(
@@ -105,19 +105,19 @@
               'js/debug/debug.js',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-
-
+        
+        
         mod.stack.complete;
-
-})();
         
-            </script init>
-
+})();
 
+            </script init>
+            
+            
             
             
             <style>
-        
+            
   html
     {height:100%}
   body
@@ -126,27 +126,27 @@
   x509-hdr
     {margin-bottom:20px}
     
-  .hdr                  
+  .hdr
     {font-family:arial;position:relative;margin-top:0;margin-bottom:20px;background:white;
       padding-bottom:10px;border-bottom:3px solid lightblue}
-  .hdr-icon             
+  .hdr-icon
     {display:inline-block;text-align:center;background:whitesmoke;border-radius:5px;
       border:1px solid lightgray;padding:5px 3px 0px;cursor:pointer;margin-right:10px;
       min-width:50px}
-  .hdr-icon-img         
+  .hdr-icon-img
     {width:25px;height:25px}
-  .hdr-icon-label       
+  .hdr-icon-label
     {margin:2px 0 0}
-  .hdr-title            
+  .hdr-title
     {position:absolute;left:0;right:0;z-index:0;margin:0 auto}
   .hdr-date
     {float:right}
-
+    
   input
     {padding:5px 10px;font-size:16px}
   input[type=button]
     {cursor:pointer}
-
+    
   #btns
     {margin-bottom:20px}
   #view
@@ -161,22 +161,22 @@
     {flex:1}
   pre
     {border:1px solid lightgray;padding:10px;font-family:monospace}
-
-
+    
+    
   .visually-hidden
     {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;
       clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}
-
-                          
+      
+      
             </style>
-        
-        
+            
+            
       </head>
-    
-    
+      
+      
       <body>
-
-
+      
+      
             <x509-hdr component=grp v2.0>
                   <h1 class=visually-hidden>
                         Generate Key Pair
@@ -186,11 +186,11 @@ <h1 class=visually-hidden>
                         15 Nov 2025
                   </time>
             </x509-hdr>
-
-
-
-
-<!--    
+            
+            
+            
+            
+<!--
         <div class=hdr>
             <a class=hdr-icon href='https://javascript-2020.github.io/'>
                 <img class=hdr-icon-img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAqFBMVEVHcEwjmpckopg9f3YxpJM6r5kjq58Nmp0Nn6QRoKExrpshnpgtoJUdoZwYnZ02spwYpaEmrZ8djpINn6Qtrp4inpcjqZ8SoqM3s5w0sp01spwrr58vr50oqpwdnpo0sZwtrJwUpKMMoaUtq50op5ssqpopppseqaM1sJwgpJ0NoaUSoaI3kYobqaMSpKQrr58PoaMVpaIOoKMLpKcXpaEkqp8Rm58YrKUL0CR4AAAAOHRSTlMACBkBCyinK59CQhUOLyKjqbUGpZgSYn6rp5WsekcmgkyWmCkmNB7AYTiuVgKuuo91i2PLn2lJ7kISMf4AAAElSURBVCjPrdPXloIwEAbgBDFKCRo6SO8lYEHd93+zxV7Zm2WuSL6Tk/MPEwBGLFH8SzFCeFiDXNeJ+7GtGds1D+ghDzzPzXX6xlJbq75s5KVLiJsSB76xIhd22Mz0pkyRnqzW2htD/SeUjL0EQKY60nqRvTLXGl64PR/SfDVxVvETZ123w8vN9Ur5YKUF4R9cd/WxqiePgCs3IMF1QXcVt6vK59tSqyjN4hwQbhS8mUuvWTLbwYtTQGhEjLHVPprv+4ztQ8AeRVn50uipBcXg/IPgfPaFF+z1axyeMEkcJwwdYHHZINQ02gALS49lJcQMci/COGzdue8apRQwNz4tYvM207JSRVEUhvtW6KeBIFVVbds07xPncZfCfWSK+UtNJ/9+VL/nTBuX7xjDZwAAAABJRU5ErkJggg==' />
@@ -241,8 +241,8 @@ <h1 class=visually-hidden>
               </div>
               
         </div>
-
-    
+        
+        
       </body>
       
       
@@ -251,8 +251,8 @@ <h1 class=visually-hidden>
                                                                                 console.log('generate-key-pair.html');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
-
-
+                                                                                
+                                                                                
         var $   = (root,sel)=>(!sel && (sel=root,root=document),root.querySelector(sel));
         $.mousetext   = function(e,text){
         
@@ -268,8 +268,8 @@ <h1 class=visually-hidden>
               setTimeout(rem,time);
               
         }//mousetext
-
-
+        
+        
         var keys;
         var pem       = {};
         
@@ -280,15 +280,15 @@ <h1 class=visually-hidden>
         btn.public    = {};
         var fn        = {};
         var pretty    = {};
-
+        
         
   //:
   
   
-
+  
         function initdom(rootnode){
         
-              var root                                  = document.body;  
+              var root                                  = document.body;
               
               hdr.initdom(root);
               
@@ -304,12 +304,12 @@ <h1 class=visually-hidden>
               $(pub_root,'[value=save]').onclick        = btn.public.save;
               
         }//initdom
-
-
+        
+        
   //:
   
-
-        btn.generate    = async function(){        
+  
+        btn.generate    = async function(){
         
               var params                  = {name:'RSA-OAEP',modulusLength:1024,publicExponent:new Uint8Array([1,0,1]),hash:'SHA-256'};
               keys                        = await window.crypto.subtle.generateKey(params,true,['encrypt','decrypt']);
@@ -319,22 +319,22 @@ <h1 class=visually-hidden>
               
               pem.public                  = await fn.export.public(keys.publicKey);
               $('#public').textContent    = pem.public;
-
-
+              
+              
               
         }//generate
-
-
+        
+        
         btn.private.copy    = async function(e){
-          
+        
               var err;
               try{
-                
+              
                     await navigator.clipboard.writeText(pem.private);
                     
               }
               catch(err2){
-                
+              
                     err   = err2;
                     
               }
@@ -347,22 +347,22 @@ <h1 class=visually-hidden>
         
         
         btn.private.save    = function(){
-          
+        
               save('private.key.pem',pem.private);
-          
+              
         }//save
         
         
         btn.public.copy   = async function(){
-
-              var err;  
-              try{  
-                
+        
+              var err;
+              try{
+              
                     await navigator.clipboard.writeText(pem.public);
                     
               }
               catch(err2){
-                
+              
                     err   = err;
                     
               }
@@ -375,7 +375,7 @@ <h1 class=visually-hidden>
         
         
         btn.public.save   = function(){
-          
+        
               save('public.key.pem',pem.public);
               
         }//save
@@ -396,10 +396,10 @@ <h1 class=visually-hidden>
         }//export
         fn.export.public         = public=>fn.export('public',public);
         fn.export.private        = private=>fn.export('private',private);
-
+        
         var cert_hdr   = (type='public')=>`-----BEGIN ${type.toUpperCase()} KEY-----`;
         var cert_ftr   = (type='public')=>`-----END ${type.toUpperCase()} KEY-----`;
-
+        
         function buf_b64(buf){
         
               var bytes           = new Uint8Array(buf);
@@ -408,7 +408,7 @@ <h1 class=visually-hidden>
               return b64;
               
         }//buf_b64
-
+        
         pretty.out=function(pem){
         
               var {hdr,b64,ftr}   = extract(pem);
@@ -426,8 +426,8 @@ <h1 class=visually-hidden>
               return txt;
               
         }//pretty.out
-
-
+        
+        
         function extract(pem){
         
               var i1              = pem.indexOf('KEY')+8;
@@ -438,13 +438,13 @@ <h1 class=visually-hidden>
               return {hdr,b64,ftr};
               
         }//extract
-
-
+        
+        
   //:
   
   
         function save(filename,txt){
-          
+        
               var blob      = new Blob([txt]);
               var url       = window.URL.createObjectURL(blob);
               
@@ -454,12 +454,12 @@ <h1 class=visually-hidden>
               a.click();
               
         }//save
-
-
-
+        
+        
+        
       </script>
-
-
+      
+      
 </html>
 
 
