save file

Author: javascript-2020

html-components/list/web-console/web-console.html

@@ -10,33 +10,43 @@
             <meta charset=utf-8>
 
             <title>
-                  html component : web-console
+                  web-console
             </title>
 
             <meta name=description content=''>
 
-            <base href='https://ext-code.com/html-components/list/web-console/'>
+            <base href='https://ext-code.com/html-components/list/web-console/web-console.html'>
             <link rel=canonical href='https://ext-code.com/html-components/list/web-console/web-console.html'>
 
             <meta name=viewport content='width=device-width, initial-scale=1'>
-            <link rel=icon href=''>
+            <link rel=icon href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEVHcExfpvhYpPxapPtZo/lZpfxYpPtZpfxjp/Rxsv1ZpPpZpPtZpPpZpfxbpPheqPxcpvxorf1jqvxoputao/lbpPhmrP1ZpPtYo/tZo/hZpPtZpPqcyf+Rw/6Xxv+KwP6EvP53tf19uf1CLkbiAAAAHHRSTlMADp1YNLp7swf+YpU/wizc0vrpAiIX84VvHKlK4cmJ4wAAAVdJREFUKM+1ktmShCAMRVU2ARFxb5tF/f+PHIK92j1vM6myKuQYkns1y/4i8mEof6dlobX4hWHc09GtzfVSDZ/0qlvNg/Wr0SO7nOmlWb2zEN55Lj+WUsFat3O+ems3+g2HViLBuLfbdKaz8X5EkMnNBl2961tMsOuSanXr7N6iHOL+klqt3Y8r8yZuwRtGCCPyxgl3di0ODdrZYGgdA5H8wLXk1rUVpBQykeqY5Q/dcXgjajyNcfRNN2Z9P3TJbhKnB96OWzSHzzesCSGyThOjodEyeOxWpJZsEHioKcGxW4zc7LEzbCNv8KtoCit3SFwX40NLq7l+8wSRu3fEGLC7r/p07mDxYXl8gZ7RWBGKKXEcJ0GJzB8XFdH2SuESK/AAN5Ocri/2A5Yga5ZJ9+nPi7hk0FgBebr2xN2S8NJ9wxIhBZtShRCi5IRREQO2FpAUc5n9e/wA3jcXGxBAlmMAAAAASUVORK5CYII='>
 
 
             <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
             <script src='https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js'></script>
             <link rel=stylesheet href='/css/github-markdown-light.css'>
 
-/*
-            <link rel=stylesheet href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css'>
-            <link rel=stylesheet href='https://cdn.jsdelivr.net/npm/wunderbaum@0/dist/wunderbaum.min.css'>
-            <script src='https://cdn.jsdelivr.net/npm/wunderbaum@0/dist/wunderbaum.umd.min.js'></script>
-*/
-
-
+            
             <script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js?hdr'></script>
 
             <script>
 
+            
+        var component   = 'web-console';
+        var date        = '2026-02-10';
+        var files       = {
+                                'source'    : {
+                                      'latest'    : null,
+                                      'v2.0'      : null,
+                                },
+                                'examples'    : {
+                                      'web-console-v2.0-test-1.html':null,
+                                      'web-console-v2.0-test-2.html':null,
+                                },
+                          };
+                          
+                          
+                          
         var df=true,did='html'
         ;
 
@@ -51,17 +61,24 @@
         async function init(){
                                                                                 console.log('init');
 
-              md    = markdownit();
+              md    = markdownit({
+                    html          : true,
+                    breaks        : false,
+                    linkify       : true,
+                    linkTarget    : '_blank',
+              });
 
-              await load();
 
               dirtree       = mod['dir-tree'];
               snippet       = mod['snippet-html-console'];
               editor        = mod['web-editor'];
               log           = mod['log-mod'];
 
 
-              await mod.auto();
+              await Promise.all([
+                    load(),
+                    mod.auto(),
+              ]);
 
 
               initdom();
@@ -200,22 +217,13 @@ <h3>
               var html                      = md.render(md_txt);
               $('#readme').innerHTML        = html;
 
+              var keys      = Object.keys(files.examples);
+              var initial   = keys[0];
 
-              var node    = $('#demo-tree');
-              
-              /*
-              var tree    = new mar10.Wunderbaum({
-                    element:node,
-                    source: files,
-                    init:e=>{e.tree.setFocus()},
-                    activate:show
-              });
-              */
               files   = dirtree.build(files);
               dirtree.display(files,{callback});
 
-              
-              await show.examples('web-console-v2.0-test-2.html');
+              await show.examples(initial);
               $('#view').style.display    = '';
 
         }//initdom
@@ -309,21 +317,6 @@ <h3>
         }//get
 
 
-        
-        
-        var files    = {
-              'source'    : {
-                    'latest'    : null,
-                    'v2.0'      : null,
-              },
-              'examples'    : {
-                    'web-console-v2.0-test-1.html':null,
-                    'web-console-v2.0-test-2.html':null,
-              },
-        };
-        
-        
-        
       </script>
 
 </html>