save file

Author: javascript-2020

utils/x509/certificate-info/certificate-info.html

@@ -50,48 +50,49 @@
 
 
 
+            <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
+
             <script init>
                                                                                 console.clear();
-                                                                                console.log('certificate-info');
+                                                                                console.log('certificate-info-v2.0.html');
+                                                                                console.log();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
-                                                                                
-        var version       = 'v1.0';
-            
-        var df            = true;
-        var debug_id      = 'certificate-info';
+        var df=true,did='cert-info';
 
         var ext;
         var $;
         var datatype;
         var menumod;
         var keydown;
 
-
         var menu;
 
-        
-        var mod           = {};
-        
-        
         var log;
         var hdr;
 
+
+  //:
+  
+  
+        mod.stack.add   = init;
 
         async function init(){
 
 
               menu                      = mod.menumod();
-              log                       = mod.log();
-              hdr                       = mod['x509-hdr']();
+              
+              hdr                       = mod['x509-hdr'];
+              log                       = mod.log;
 
 
               menu.initmod({});
-              log.initmod({ext,$});
+              
               hdr.initmod({menu});
+              log.initmod({ext,$});
 
 
-              await log.init();
               await hdr.init()
+              await log.init();
 
 
 
@@ -109,82 +110,26 @@
         }//init
 
 
-        init.stack            = [];
-        init.stack.ct         = 0;
-        init.stack.total      = 1;
-        init.stack.mode       = '';
-        init.stack.complete   = false;
-        Object.defineProperty(init.stack,'add',{get:()=>{
-              init.stack.total++;
-              console.log('add',init.stack.ct,init.stack.total);
-              init.stack.mode && console[init.stack.mode]('add',init.stack.ct,init.stack.total);
-        }});
-        Object.defineProperty(init.stack,'complete',{get:()=>{
-              init.stack.ct++;
-              console.log('complete',init.stack.ct,init.stack.total);
-              init.stack.mode && console[init.stack.mode]('complete',init.stack.ct,init.stack.total);
-              init.stack.ct>=init.stack.total && init();
-        }});
-        
-        //  (typeof init!='undefined' && init?.stack && init.stack.add)
-        //  (typeof init!='undefined' && init?.stack && init.stack.complete)
-
-        
-        init.complete   = function(){
-          
-              init.complete.stack.forEach(fn=>fn());
-              
-        }//complete
-        
-        init.complete.stack   = [];
-        init.complete.add     = fn=>init.complete.stack.push(fn);
-                  
-
 (async()=>{
-  
-        init.stack.add;
-        
 
-        var url;
-        var headers;
-        var token       = localStorage['github-token'];
-        if(token){
-              url       = 'https://api.github.com/repos/javascript-2020/ext-code/contents/ext-loader.js';
-              headers   = {accept:'application/vnd.github.raw',authorization:`bearer ${token}`};
-        }else{
-              url       = 'https://raw.githubusercontent.com/javascript-2020/ext-code/main/ext-loader.js';
-        }
+        mod.stack.add;
 
-        var res   = await fetch(url,{headers});
-        var txt   = await res.text();
-
-        if(res.headers.get('content-type').includes('json')){
-                                                                                console.log('*** ext : json');
-              var json    = JSON.parse(txt);
-              var b64     = json.content;
-              txt         = atob(b64);
-        }else{
-                                                                                console.log('*** ext : text');
-        }
-        
-        ext   = eval(txt);
-              
-              
+        ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
+          
         var promise   = ext.load.libs(
-              'js/dom/$.js.api',
+              'js/dom/$.js',
               'js/core/datatype.js',
               'js/dom/menumod/menumod.js',
               'js/dom/keydown/keydown.js',
               'js/debug/debug.js.api',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-
-
-        init.stack.complete;
-
+  
+        mod.stack.complete;
+              
 })();
-        
-            
+                  
+
             </script init>
 
             <style>
@@ -492,11 +437,10 @@
                   <div id=center>
 
 
-                        <x509-hdr-grp api>
-                              <script src='https://html-loader-1024713184986.us-central1.run.app/'></script>
+                        <x509-hdr component=grp v2.0>
                               <img class=title src='images/certificate-info.png' style='top:5px;height:55px'>
                               <span slot=date>28 Sep 2025</span>
-                        </x509-hdr-grp>
+                        </x509-hdr>
 
                         <h3>
                               View and Decode X.509 Certificates Instantly
@@ -850,9 +794,7 @@ <h3>
 
             </div center-hldr>            
 
-            <log api>
-                  <script src='https://html-loader-1024713184986.us-central1.run.app/'></script>
-            </log>
+            <log component v2.0></log>
 
 
                         <div id=ftr>
@@ -934,11 +876,15 @@ <h3>
         var create    = {};
 
 
-        
+  //:
+  
+  
         function initdom(rootnode){
 
+              
+              var root                              = rootnode;
 
-
+              hdr.initdom(root);
 
 
               var btns                              = $('#btns');
@@ -1034,7 +980,6 @@ <h3>
 
 
               log.initdom(rootnode);
-              hdr.initdom(rootnode);
 
 
 
@@ -1823,10 +1768,6 @@ <h3>
 
 
 
-  //:
-  console.log('done');
-        init.stack.complete
-
 
       </script>