save file

Author: javascript-2020

libs/html/page-html/v1.0/page-html-v1.0.html

@@ -14,7 +14,7 @@
 
                   var link    = document.createElement('link');
                   link.setAttribute('rel','icon');
-                  link.setAttribute('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=');
+                  link.setAttribute('href','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAcCAMAAABBJv+bAAAAQlBMVEVHcEwyODg0ODkzNzgxNzc0ODk0ODkzODgzODgzNzgyNzgzODg0ODkzODgyNzgzODgzODgzODk0ODk0ODkyNzg0ODmObyvDAAAAFXRSTlMABvaSDbPHe15GL5u9hRxvO6rn2VJXM6DpAAAAxElEQVQoz71TyRbDIAh0Ie6J2fz/Xy3Y2pDktZ5aTiODCAMK0QxAPoFsgNk0JrMEQmEwyU5ndt4K2khQEzLhdNeQTznCWREegNEOOe18fRO8i6ooz+gRw1k9gMkyo/E9zY5yKMX+ihbLq8mjFB5N4UepYLGRmdM7OnLlpYtJXWQQkFCIpHcpfBVpCxeRV/KuodHzmfaNxuTmlpxmoEzc5bs0rnGdQQZeybWxRX6Vxf5rJJ116CxTZxX5Isf7Ive+wadP9AAuFg97y3bd7gAAAABJRU5ErkJggg==');
                   document.head.append(link);
 
                   var link    = document.createElement('link');
@@ -25,7 +25,7 @@
 
                   var link    = document.createElement('link');
                   link.setAttribute('rel','stylesheet');
-                  link.setAttribute('href','../css/component.css');
+                  link.setAttribute('href','../../../css/page.css');
                   link.setAttribute('crossorigin','anonymous');
                   document.head.append(link);
 
@@ -48,7 +48,7 @@
 
         var df=true,did='html';
 
-        var base        = 'https://libs.ext-code.com/html/';
+        var base        = 'https://code.ext-code.com/';
 
         var ace;
         var md;
@@ -92,8 +92,8 @@
         async function load(){
 
               var list          = [];
-              list.push(get(base+component+'/readme.md'));
-              list.push(get(base+component+'/api.md'));
+              list.push(get(base+path+'readme.md'));
+              list.push(get(base+path+'api.md'));
               var result        = await Promise.all(list);
 
               var {error,txt}   = result[0];
@@ -127,19 +127,17 @@
 
 
 
-            <html-components-hdr v2.0 component=grp1>
+            <code-hdr v1.0 component=grp2>
                   <h2 slot=title>
-                        web-editor-x
                   </h2>
                   <time slot=date datetime=2026-02-10>
-                        10 Feb 2026-x
                   </time>
-            </html-components-hdr>
+            </code-hdr>
 
             <script>
         {
               let $   = css=>document.querySelector(css);
-              $('[slot=title]').textContent   = component;
+              $('[slot=title]').textContent   = filename;
               $('time').setAttribute('datetime',date);
               var str                 = new Date(date).toLocaleDateString('en-GB',{day:'2-digit',month:'short',year:'numeric'});
               $('time').textContent   = str;
@@ -226,10 +224,15 @@ <h3>
               var files2    = dirtree.build(files);
               dirtree.display(files2,{callback});
 
-              
+              /*
               var keys      = Object.keys(files.examples);
               var initial   = keys[0];
-              await show.examples(initial);
+              if(initial){
+                    show.examples(initial);
+                    return;
+              }
+              */
+              show.source('latest');
 
 
         }//initdom
@@ -238,6 +241,24 @@ <h3>
   //:
 
 
+        btn.download    = function(){
+        
+              var {txt,error}   = get(base+path+filename);
+              if(error){
+                    log.red(error);
+                    return;
+              }
+              var blob          = new Blob([txt]);
+              var url           = window.URL.createObjectURL(blob);
+              
+              var a             = document.createElement('a');
+              a.download        = filename;
+              a.href            = url;
+              a.click();
+              
+        }//download
+        
+        
         btn.tabs    = function(e){
 
               var tab   = e.target;
@@ -257,7 +278,7 @@ <h3>
               tab.classList.add('active');
               $(`#view #${tab.id}`).style.display    = '';
 
-        }//tabss
+        }//tabs
 
   //:
 
@@ -277,34 +298,35 @@ <h3>
 
 
         show.source   = async function(file){
-        
-              $('#files-view-hdr').textContent                = 'source : '+file;
+                                                                                debug('show.source',file);
+              $('#files-view-hdr').textContent          = 'source : '+file;
               $('web-editor').style.display             = '';
               $('snippet-html-console').style.display   = 'none';
 
-              var url   = base+component+'/';
+              var fn    = filename.split('.').at(-1);
+              var url   = base+path;
               if(file=='latest'){
-                    url  += `${component}.html`;
+                    url  += filename;
               }else{
-                    url  += `${file}/${component}-${file}.html`;
+                    url  += `${file}/${fn}-${file}.html`;
               }
 
               var {txt}   = await get(url);
               if(!txt)return;
               editor.setvalue(txt);
               editor.filename(file);
-              editor.mode   = 'html';
+              editor.mode   = 'js';
 
         }//source
 
 
         show.examples    = async function(file){
-        
-              $('#files-view-hdr').textContent                = 'examples : '+file;
+                                                                                debug('show.examples',file);
+              $('#files-view-hdr').textContent          = 'examples : '+file;
               $('web-editor').style.display             = 'none';
               $('snippet-html-console').style.display   = '';
 
-              var url     = base+component+'/examples/'+file;
+              var url     = base+path+'/examples/'+file;
               var {txt}   = await get(url);
               if(!txt)return;
 
@@ -340,7 +362,7 @@ <h3>
               }
               if(!res.ok){
                     error         = `( ${res.status} ) ${res.statusText}`;
-                    cache[url]    = error;
+                    //cache[url]    = error;
                     //var error   = await res.text();
                     //log.red(error);
                     return {error};