save file

javascript-2020 · javascript-2020 · commit dcc84ac68bdd · 2025-10-31T19:34:54.000Z
diff --git a/utils/misc/hash-generator/hash-generator.html b/utils/misc/hash-generator/hash-generator.html
@@ -1,27 +1,26 @@
 
 
+<!DOCTYPE html>
+
 
 <html>
 
       <head>
+            <meta charset=utf-8>
       
-            <title>hash generator - SHA1, SHA256, MD5, RIPEMD - all the common types</title>
-            <meta name=description content='Generate secure hashes using SHA1, SHA256, MD5, RIPEMD and more. Fast, browser-based cryptographic tool for developers. adler32 argon2d argon2i argon2id bcrypt blake2b blake2s blake3 crc32 crc64 keccak md4 md5 pbkdf2 ripemd160 scrypt sha1 sha3 sha224 sha256 sha384 sha512 sm3 whirlpool xxhash3 xxhash32 xxhash64 xxhash128'>
+            <title>
+                  Hash Generator - SHA1, SHA256, MD5, RIPEMD - all the common types
+            </title>
             
-            <base href='https://ext-code.com/utils/misc/hash-file/'>
-            <base href='https://javascript-2020.github.io/utils/misc/hash-file/'>
+            <meta name=description content='Generate secure hashes using SHA1, SHA256, MD5, RIPEMD and more. Fast, browser-based cryptographic tool for developers. adler32 argon2d argon2i argon2id bcrypt blake2b blake2s blake3 crc32 crc64 keccak md4 md5 pbkdf2 ripemd160 scrypt sha1 sha3 sha224 sha256 sha384 sha512 sm3 whirlpool xxhash3 xxhash32 xxhash64 xxhash128'>
+            <meta name=keywords content='adler32 argon2d argon2i argon2id bcrypt blake2b blake2s blake3 crc32 crc64 keccak md4 md5 pbkdf2 ripemd160 scrypt sha1 sha3 sha224 sha256 sha384 sha512 sm3 whirlpool xxhash3 xxhash32 xxhash64 xxhash128'>
             
-            <link rel=canonical href='https://ext-code.com/utils/misc/hash-file/hash-file.html'>
+            <base href='https://ext-code.com/utils/misc/hash-generator/'>
+            <link rel=canonical href='https://ext-code.com/utils/misc/hash-generator/hash-generator.html'>
             
             <meta name=viewport content='width=device-width, initial-scale=1'>
-            <link rel=icon type='image/png' href='image/hash-30.png'>
-
+            <link rel=icon type='image/png' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABrVBMVEVHcExdyN/FaE9iv89kwdVgxNlcyN7pYjrpYznsYzh8cYY6ODBDX19cx93TYT/rYjlBQzxAQDliwdRdx9xhxNhexdtlwdfwYjfsYjjrYzw9MidUyN9ow9dfwtc9PTQ/TUlfw9hFaGtdyNxWprXYZD3iY0LpYjvlYzvoZDzlYzvoYzvrYjnZaEbba0XsYDbqYz7qYztqvso9OTFvvMs6OzQ8OjFtvMrMY0NmwtQ+RkA6OTI7PDZBUlBFX19fx91bwNRDWltbx91CWlpSk59QjJZIcXRZuMpiwdRcyN1Tmqdnv9Rfw9dkwdbqZDhkwNPYbUjuYjvsZDnFfWLYbUxek5zJe19dwNJhwdJfxdtEX2FToLE9SUI9RkBTm6lawNVNg4tCUlBCVlRNg4tKeH5WipVBUE9Nf4VXq7tGa25ivNBLeoBYtMY/T0xcus5huM9hw9hWrr5hxNpNi5Vgw9hcuM5swNZbyN9byuDxYjhavNBbwdVSmqdWqbpYtslLgIhToK5Ql6NSnKpaucxKen5OjZZUp7dYscJXrr9cxt1YtMVPkJtKe4JOiJBkVElUpLSJzdUZAAAAdnRSTlMA9wQbQqH5VZbGAQv38AqqFq5A2ojOYvvbeAMUI5C325X63sUIIYcvaUBhnw8Ut0pvCiMEeGDv2enITJn079ffyOruxcL82lr20FTAa9Yxwu5ecLfSgPEzrrraz8Ha27nM8tHTpefQtfdNw87cw0qCsLTzr8FM/yT34gAAAb9JREFUKM9jYEAAJl1dJgZcgEmfn5NTW5MLuyyXgQQHOzuHhBZ2aU0JdpAiLV91rNIc2mBjmfjVsMmq6GlAGJL82JzHxxkIYRjoYZX2D5JmBoHQYCzSzLJmFsLCSkrCdhZmItLosoasHeVlZWxunmnJSVFhCsZo0n6OZWVl9lk5Tq6Kiom2Icxo0kIeZeVuDjx1nZX1nTXNNiZSqNIsHmX2Dq5NjU2V9bW1DfU8pujSbPE8lVV1bU0tNe3Vla3yRqjSbHEJ1eVVjTU1Da2tHWVlzSao0ozKTpXljrKyCiKFIqxs5bGC3KiGOyt2lPGyZuYpsIp5s5WlywmgSrtkdJSJuueLuPuU+niUFcihWC7E6GxbVSbqxVosJuYlxlumjKpbyCM7p72cN1dUtETY27OqvMhaClXaMbK7rLKro72utra7qZLHCsXl4UDz5KurqvvaG2o6q6vqUB3OYBhRxuiS2tLQVltfWdnV3Guuj5oiZViV7FIseXoaWxrrbATNKwIk+VDkjZllZARMBS2jY6ytuCXFK8Q5dDBThRS3AMhWHf6KigoOPpxZQpWzokKcHac0gzonXmkGVTUNFQaCAABtemSBaXuvlwAAAABJRU5ErkJggg=='>
 
-            <script src='https://cdn.jsdelivr.net/npm/hash-wasm@4'></script>
-
-
-            <meta name=keywords content='adler32 argon2d argon2i argon2id bcrypt blake2b blake2s blake3 crc32 crc64 keccak md4 md5 pbkdf2 ripemd160 scrypt sha1 sha3 sha224 sha256 sha384 sha512 sm3 whirlpool xxhash3 xxhash32 xxhash64 xxhash128'>
-            
             <script type='application/ld+json'>
                   {
                         "@context"              : "https://schema.org",
@@ -42,17 +41,21 @@
                                                         "SHA-512",
                                                         "MD5",
                                                         "RIPEMD-160"
-                                                  ]
+                                                  ],
                   }
             </script>
 
 
+            <script src='https://cdn.jsdelivr.net/npm/hash-wasm@4'></script>
+
+
             <script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
 
             <script init>
                                                                                 console.clear();
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
-        var df=true,did='hash-text.html';
+        var df=true,version='v2.0'
+        ;
         
         var ext;
         var $;
@@ -61,7 +64,7 @@
         var keydown;
         var debug;
 
-        //var hdr;        
+        var hdr;        
         var filemod;   
         var filename;
         var editor;
@@ -79,15 +82,16 @@
         async function init(){
 
 
-              menu                      = mod.menumod();
+              menu                      = menumod();
               
-              //mod.hdr.base64            = mod.hdr.base64();
-              filemod                   = mod.filemod;
+              hdr                       = mod['misc-hdr'];
+              filemod                   = mod['file-mod'];
               filename                  = mod['filename-ui'];
               
-              editor                    = mod.editor;
+              editor                    = mod['web-editor'];
               
-              log                       = mod.log;
+              log                       = mod['log-mod'];
+
               
               //mod.hdr.base64.initmod({ext,$,menu,menumod:menu});
               
@@ -97,24 +101,27 @@
               editor.initmod({ext,$,menu});
               
               log.initmod({ext,$});
-              
-              //mod.hdr.base64.init();
-              await filemod.init();
-              await filename.init();
-              await editor.init();
-              await log.init();
+
+              await Promise.all([              
+                    //mod.hdr.base64.init(),
+                    filemod.init(),
+                    filename.init(),
+                    editor.init(),
+                    log.init(),
+              ]);
 
   //:
           
               menu.on.close          = null;
 
               
-              await initdom(document.body);
+              initdom(document.body);
 
 
               
         }//init
 
+
 (async()=>{
 
         mod.stack.add;
@@ -131,7 +138,7 @@
         [$,datatype,menumod,keydown,debug]   = await promise;
   
         var hash    = await import('https://cdn.jsdelivr.net/npm/hash-wasm/+esm');
-        console.log(hash);
+                                                                                //console.log(hash);
         
         mod.stack.complete;
               
@@ -299,7 +306,7 @@
   #text-hdr [type=checkbox]
     {width:25px;height:25px;margin-right:10px}
     
-  editor-root
+  web-editor
     {flex:1}
   
   #btns
@@ -347,8 +354,10 @@
       
       <body>
 
-            <h3>Hash Generator Tool</h3>
-
+            <misc-hdr component=grp style='position:relative'>
+                  <img class=title src='images/hash-generator.png' style='top:-10px;height:50px' alt=hash-generator>
+                  <time slot=date datetime=2025-10-31>31 Oct 2025</time>
+            </misc-hdr>
 
             
             <div id=hdr>
@@ -373,7 +382,7 @@ <h3>Hash Generator Tool</h3>
                         </span>
                   </div>
                   
-                  <editor component v2.0></editor>
+                  <web-editor component></web-editor>
                   
             </div>
 
@@ -389,11 +398,11 @@ <h3>Hash Generator Tool</h3>
                         </span>
                   </div>
                   
-                  <filemod component v2.0></filemod>
+                  <file-mod component></file-mod>
       
                   <div id=blob>
                   
-                        <filename-ui component v2.0></filename-ui>
+                        <filename-ui component></filename-ui>
       
                         <section>                  
                               <label>
@@ -472,7 +481,7 @@ <h3>Hash Generator Tool</h3>
             </section>
 
             
-            <log component v2.0></log>
+            <log-mod component></log-mod>
 
             
       </body>
@@ -507,7 +516,7 @@ <h3>Hash Generator Tool</h3>
               
               root                                    = rootnode;
 
-              chk                             = $.chkbox.group(root,'#file-hdr .chk-root','#text-hdr .chk-root');
+              chk                                     = $.chkbox.group(root,'#file-hdr .chk-root','#text-hdr .chk-root');
               filemod.initdom(root);
               filename.initdom(root);
 
