save file

javascript-2020 · javascript-2020 · commit 398c5d045d3d · 2026-02-09T09:05:33.000Z
diff --git a/utils/x509/generate-certificate-chain/generate-certificate-chain.html b/utils/x509/generate-certificate-chain/generate-certificate-chain.html
@@ -7,7 +7,7 @@
 
       <head>
             <meta charset=utf-8>
-
+            
             <title>
                   Generate Certificate Chain
             </title>
@@ -19,7 +19,7 @@
             
             <link rel=icon type='image/x-icon' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABO1BMVEVHcEwAAABoQBqkcBqSXBGfaBGIUw52Sh6pchRxRBeveR2qbg+5p5FuQQ2baRFySB19SQyaaRjJtJFaMwt8Sg5mOxGZaBhxRh2TZhK4hiqucwrDkzy5hSyBWCqCVSX////8/f3s8PPf08X+/v/DomfLu53Nqmrdz7b79ujz9Pbn5+fx6NmhoaHHuKbNvaXu7u7Q0dH48uLd3d3069ysknLhzq+YmJjt0qHcyrD+y1r+vVDY2NjHxcPi4+Oxl3W+q5DFsJO1lmWmiWXAonG4nHHNzc3V1dWxsbH/2GT4r0u/v7/Wxa779uvr28Du5tmtj2W/nGLy47D733T7+O/8+/j48M6srKzo1LC3t7f43YTWx7PKpWLVuITe0bv51Wjo0K3syJ3ruXP4ymbhxpLzv2f37tjIrHqeflrQwKXcKNlbAAAAH3RSTlMAAaOYaW1hjXV+jV3+bh+YV6L+GGMipJUPm0Xe4+Lf7dZ8OwAAAWZJREFUKM+901lXgkAYgGErNcXSzKW9ocZSkATBrRB3zT0XJNdsr///CxplUczbei84nHnOB8MBDIb/aQO1ZvnQsjXP6fU6nfMzDLPYNT72ha5W+8Q0tu0n876VWqeYXeP8uDHx65uMLQv2D0fXK41OjuR5WyZf8zXq4XBAV/3NNGdjpvDd4gSeFQiw3KN8eWO6EGo1BbLK8DhahQQrymzSOMsRVJIVaJpMMlKfJugSS0x1XGXJ+z4Vi1ExSpLQgYnKbE6nQtkgJEmSF5hSVSoV+WKyyBA6BmB2YwBJWt1a1CjzTuTmIaisQRys8J7MuBoAYrgXgCCxxE14oUSAbrvTGfRUdiPONRfTsP1ULpcH3YRZno7kEC+mxfgt6vVDYZfjXDeNx+9Q7+GhW3ln1tSXPE3A2Za5l0qlEsdruwp7HGdNAFHKI3HT54YINEbzmctfpRbssW6jDhybS1ld679mtb/+c34AUBhYzLcT6lgAAAAASUVORK5CYII='>
             <meta name=viewport content='width=device-width, initial-scale=1'>
-
+            
             <script type='application/ld+json'>
                   {
                         "@context"              : "https://schema.org",
@@ -35,79 +35,79 @@
                         "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('create-certificate-chain.html');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
         var df=true,did='html'
         ;
-
+        
         var ext;
         var $;
         var datatype;
         var menumod;
         var keydown;
-
+        
         var hdr;
         
         
   //:
   
   
         async function init(){
-
-
+        
+        
               await load();
-
-
+              
+              
               menu                      = menumod();
-          
+              
               mod.base.add({ext,$,datatype,keydown,menu,menumod});
               
-
+              
               hdr                       = mod['x509-hdr'];
-
-
+              
+              
               hdr.initmod({ext,$,menu});
-
+              
               await Promise.all([
                     hdr.init(),
               ]);
-
-
-          
+              
+              
+              
               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',
               'js/dom/menumod/menumod.js',
               'js/dom/keydown/keydown.js',
         );
         [$,datatype,menumod,keydown]   = await promise;
-  
+        
         mod.stack.complete;
-              
+        
 })();
 
 
         async function load(){
-          
+        
               var txt         = localStorage['node-forge'];
               if(!txt){
                     var url   = 'https://cdn.jsdelivr.net/npm/node-forge/+esm';
@@ -122,58 +122,58 @@
               pki             = nodeforge.default.pki;
               
         }//load
-
-
-            
+        
+        
+        
             </script>
             
             
             <style>
-        
+            
   html
     {height:100%;font-family:arial}
     body
                           {height:calc(100% - 42px);margin:20px;display:flex;flex-direction:column}
-
+                          
   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}
     #chain
                           {}
     pre
                           {flex:1;border:1px solid lightgray;padding:10px}
-
-
+                          
+                          
   .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>
                   <h1 class=visually-hidden>
                         create certificate chain
@@ -183,9 +183,9 @@ <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==' />
@@ -219,8 +219,8 @@ <h1 class=visually-hidden>
         
         <pre id=view>
         </pre>
-
-
+        
+        
       </body>
       
       
@@ -235,24 +235,24 @@ <h1 class=visually-hidden>
         
         var btn   = {};
         
-
+        
   //:
   
   
         function initdom(rootnode){
-
-
+        
+        
               hdr.initdom();
-
+              
               var btns                          = $('#btns');
               
               $(btns,'#clear').onclick          = btn.clear;
               $(btns,'#add').onclick            = btn.add;
               $(btns,'#save').onclick           = btn.save;
-
-
+              
+              
               chain                             = $('#chain');
-
+              
               
               view                              = $('#view')
               view.replaceChildren();
@@ -262,20 +262,20 @@ <h1 class=visually-hidden>
               
         }//initdom
         
-
+        
   //:
   
   
         btn.clear   = function(){
-          
+        
               list                = [];
               view.textContent    = list.join('\n');
               
         }//clear
         
         
         btn.add   = async function(){
-          
+        
               var txt             = await load.file();
               list.push(txt);
               
@@ -285,7 +285,7 @@ <h1 class=visually-hidden>
         
         
         btn.save    = function(){
-          
+        
               var cert      = list.join('\n');
               var blob      = new Blob([cert]);
               var url       = window.URL.createObjectURL(blob);
@@ -299,7 +299,7 @@ <h1 class=visually-hidden>
         
         
         load.file   = function(){
-          
+        
               var resolve,promise=new Promise(res=>resolve=res);
               
               var input         = document.createElement('input');
@@ -311,7 +311,7 @@ <h1 class=visually-hidden>
               
               
               async function onchange(){
-                
+              
                     var txt   = await input.files[0].text();
                     resolve(txt);
                     
@@ -324,15 +324,15 @@ <h1 class=visually-hidden>
         }//display
         
         
-
-
+        
+        
         
         
         
         
       </script>
-
-    
+      
+      
 </html>
 
 
