save file

javascript-2020 · javascript-2020 · commit 421e5ce77137 · 2026-02-09T09:09:38.000Z
diff --git a/utils/x509/verify-certificate/verify-certificate.html b/utils/x509/verify-certificate/verify-certificate.html
@@ -7,7 +7,7 @@
 
       <head>
             <meta charset=utf-8>
-    
+            
             <title>
                   Verify Certificate
             </title>
@@ -19,7 +19,7 @@
             
             <link rel=icon href='images/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAASFBMVEVHcEwihb8ghsMkhb0hhcEog7gghsMjhL4hhcEghsQhhsIihcEghsMlhLwhhb8hhsIghsM1ga0jhb8hhsIihcEhhsIhhsIghsTjBA94AAAAF3RSTlMATPIXeAbnKIr6n1zZDjvF0QIwuGqyvwIDyU4AAAENSURBVCjPrZPZrsMgDESx2ZewU///n17SVFVF6H2qX1A4ymTGdhj7YXH+FR1c1pSq5MeOSheaIlItOLnBerLQWrCk9F0ZBiXPpeQ+0YBV31gaL1t8kDUrpnBJRtd1oBULEpeDjPB+eFfNGC/7J4mY6yct7rQLnoPN/BnClU/uESvr+HhQP7UQ/WptXvRXZr+x1g4mjTo7drTVGnNkRWFSzy8XYcktODqF5tkXblC5eGsrIGXTu8k0k2/mmQhpFlLaTfQADwJRzGO3EyI/ggAQIWVT7muUp7D1YOeh6g37635Oy6rbPJkcp63ZaUNDA6zqUYX53kykU9xtWuRRnYmKlts9Lkz0f/8BKdlv6w+Edg1IkaSBUwAAAABJRU5ErkJggg=='>
             <meta name=viewport content='width=device-width, initial-scale=1'>
-
+            
             <script type='application/ld+json'>
                   {
                         "@context"              : "https://schema.org",
@@ -35,18 +35,18 @@
                         "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('verify-certificate.html');
                                                                                 console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
         var nodeforge;
-
-            
+        
+        
         var df=true,did='html'
         ;
         
@@ -56,22 +56,22 @@
         var menumod;
         var keydown;
         var debug;
-
-
+        
+        
         var menu;
         
         
         var hdr;
         
   //:
   
-            
+  
         async function init(){
-
-
-              await load();
         
         
+              await load();
+              
+              
               menu    = menumod();
               
               mod.base.add({ext,$,datatype,keydown,menu,menumod});
@@ -88,16 +88,16 @@
               
               
               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(
@@ -108,32 +108,32 @@
               'js/debug/debug.js',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-
-
+        
+        
         mod.stack.complete;
-
+        
 })();
 
 
         async function load(){
-          
+        
               await Promise.all([load.ext(),load.nodeforge()]);
               
         }//load
-
-
+        
+        
         load.ext    = async function(){
-          
+        
               var res   = await fetch('https://raw.githubusercontent.com/javascript-2020/ext-code/main/ext-loader.js')
               var txt   = await res.text();
               ext       = eval(txt);
               [$,datatype]    = await ext.load.libs('js/dom/$.js','js/core/datatype.js');
               
         }//ext
-
-
+        
+        
         load.nodeforge    = async function(){
-          
+        
               var txt         = localStorage['node-forge'];
               if(!txt){
                     var url   = 'https://cdn.jsdelivr.net/npm/node-forge/+esm';
@@ -149,13 +149,13 @@
               //console.log(nodeforge);
               
         }//nodeforge
-
-            
+        
+        
             </script>
             
             
             <style>
-        
+            
   html
     {height:100%}
   body
@@ -165,47 +165,47 @@
   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}
-                        
+    
   #result
     {display:none;padding:5px 10px}
   .ok
     {color:green;border:1px solid green}
   .error
     {color:red;border:1px solid red}
-
-
+    
+    
   .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>
                         Verify Certificate
@@ -215,8 +215,8 @@ <h1 class=visually-hidden>
                         15 Nov 2025
                   </time>
             </x509-hdr>
-
-
+            
+            
 <!--
         <div class=hdr>
             <a class=hdr-icon href='https://javascript-2020.github.io/'>
@@ -240,7 +240,7 @@ <h1 class=visually-hidden>
         </div hdr>
 -->
 
-        
+
         <div id=btns>
               <input value=clear type=button>
               <input value=root type=button>
@@ -260,21 +260,21 @@ <h1 class=visually-hidden>
         var $;
         var datatype;
         
-
+        
         
         var root;
         var chain   = [];
         
         
         var btn   = {};
         
-
+        
   //
-
+  
   
         function initdom(){
-          
-              
+        
+        
               var btns                                = $('#btns');
               
               hdr.initdom();
@@ -283,46 +283,46 @@ <h1 class=visually-hidden>
               $(btns,'[value=root]').onclick          = btn.root;
               $(btns,'[value="add cert"]').onclick    = btn.add;
               $(btns,'[value=verify]').onclick        = btn.verify;
-
-
+              
+              
               $('#view').replaceChildren();
-
+              
               
         }//initdom
-
-
+        
+        
   //:
   
   
         btn.clear   = function(){
-          
+        
               root    = null;
               chain   = [];
               $('#view').replaceChildren();
               $('#result').style.display    = '';
               
         }//clear
         
-
+        
         btn.root    = async function(){
-          
+        
               root    = await load.cert('pem');
               display();
               
         }//root
         
-
+        
         btn.add   = async function(){
-          
+        
               var cert    = await load.cert('import');
               chain.push(cert);
               display();
               
         }//add
-
+        
         
         btn.verify    = function(){
-          
+        
               if(!root){
                     alert('root not set');
                     return;
@@ -337,7 +337,7 @@ <h1 class=visually-hidden>
         
         
         function display(){
-          
+        
               $('#view').replaceChildren();
               var str   = '';
               if(!root){
@@ -346,7 +346,7 @@ <h1 class=visually-hidden>
               str  += root;
               
               chain.forEach(cert=>{
-                
+              
                     cert    = nodeforge.pki.certificateToPem(cert);
                     str    += cert;
                     
@@ -358,13 +358,13 @@ <h1 class=visually-hidden>
   
   
         async function verify(){
-      
+        
               var store   = nodeforge.pki.createCaStore([root]);
               
               $('#result').style.display    = 'inline';
-
+              
               try{
-                
+              
                     var result    = nodeforge.pki.verifyCertificateChain(store,chain);
                     console.json(result);
                     
@@ -373,18 +373,18 @@ <h1 class=visually-hidden>
                     
               }
               catch(err){
-                    
+              
                     console.log(err);
                     $('#result').textContent    = 'verification failed';
                     $('#result').className      = 'error';
                     
               }
               
-        }//verify      
-      
-
-
-
+        }//verify
+        
+        
+        
+        
         load.cert   = function(mode){
         
               var resolve,promise=new Promise(res=>resolve=res);
@@ -408,11 +408,11 @@ <h1 class=visually-hidden>
               }//onchange
               
         }//cert
-
-
-
+        
+        
+        
         
       </script>
-
+      
 </html>
 
