|
1 | 1 |
|
2 | 2 |
|
| 3 | +<!DOCTYPE html> |
| 4 | + |
3 | 5 |
|
4 | 6 | <html> |
5 | 7 |
|
6 | 8 | <head> |
| 9 | + <meta charset=utf-8> |
7 | 10 |
|
8 | | - |
9 | | - <title>html-editor</title> |
| 11 | + <title> |
| 12 | + Fetch |
| 13 | + </title> |
| 14 | + |
| 15 | + <meta name=description content='A lightweight utility for fetching resources from the internet, similar to wget. Easily download files, inspect responses, and test endpoints directly from your browser or app.'> |
10 | 16 |
|
11 | 17 | <base href='https://ext-code.com/utils/misc/fetch/'> |
12 | | - <base href='https://javascript-2020.github.io/utils/misc/fetch/'> |
| 18 | + <link rel=canonical href='https://ext-code.com/utils/misc/fetch/fetch.html'> |
| 19 | + |
| 20 | + <link rel=icon type='image/png' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAVFBMVEVHcEwBAQEBAQEAAAACAgIBAQEBAQEBAQEBAQEBAQECAgIBAQEBAQEAAAABAQEBAQEBAQEBAQEAAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQFU2+9pAAAAHHRSTlMAHCTfBMPio3dGCRGVi9tK1VD+5Vxrr7NXLuk8uqRECAAAAOlJREFUKM+9ktlywyAMRc0iRNgMBry0//+fBZKYdIrTt9wHRnDQ6AoxTR+SnvNOL2kA4Z2TWvERnYU5NMkCYJ3/QK4BVQ3SJlGEX4xk3Lav7/s9NXGMG2ZyFvUe7QrnfrqhRe/DWbQQTrqjGhEjmgUNRo2sKgTdko9xo0dLl6DGWIH8HyfXLWtrdW/XpbJSJ/uJEP2udG0AMu7PnghjT8z3eE9TNmK6VZGKaQsTRvvwxMNaRuUcyxVLwRhzfg0vz0Rola5Yt5CMpvpSeyBKGaPX/8VYIay5xkvRNaawLEDfFId3tFgn0+f0A0H+CN0Zwf8NAAAAAElFTkSuQmCC'> |
| 21 | + <meta name=viewport content='width=device-width, initial-scale=1'> |
| 22 | + |
| 23 | + <script type='application/ld+json'> |
| 24 | + { |
| 25 | + "@context" : "https://schema.org", |
| 26 | + "@type" : "SoftwareApplication", |
| 27 | + "name" : "Fetch", |
| 28 | + "url" : "https://ext-code.com/utils/misc/fetch/fetch.html", |
| 29 | + "author" : {"@type":"Person","name":"Matthew Richards"}, |
| 30 | + "description" : "A lightweight utility for fetching resources from the internet, similar to wget. Easily download files, inspect responses, and test endpoints directly from your browser or app.", |
| 31 | + "applicationCategory" : "DeveloperApplication", |
| 32 | + "operatingSystem" : "All", |
| 33 | + "browserRequirements" : "Requires JavaScript-enabled browser", |
| 34 | + "softwareVersion" : "1.0.0", |
| 35 | + "offers" : {"@type":"Offer","price":"0","priceCurrency":"GBP"} |
| 36 | + } |
| 37 | + </script> |
13 | 38 |
|
14 | | - <link rel=icon type='image/png' href='images/html-editor-favicon.png'> |
15 | | - <link rel=stylesheet href='/utils/css/utils.css' crossorigin=anonymous> |
16 | | - |
17 | 39 |
|
18 | 40 | <script src='https://libs.ext-code.com/js/dom/component/component.js'></script> |
19 | 41 |
|
|
22 | 44 | console.log('fetch-v2.0.html'); |
23 | 45 | console.log(); |
24 | 46 | console.json=v=>console.log(JSON.stringify(v,null,4)); |
25 | | - var df=true,did='fetch.html'; |
26 | | - |
| 47 | + var df=true,version='v2.0' |
| 48 | + ; |
27 | 49 |
|
28 | 50 | var ext; |
29 | 51 | var $; |
|
34 | 56 |
|
35 | 57 | var menu; |
36 | 58 |
|
| 59 | + var hdr; |
37 | 60 | var filemod; |
38 | 61 | var log; |
39 | 62 |
|
|
45 | 68 | async function init(){ |
46 | 69 |
|
47 | 70 | //keydown = keydown(); |
48 | | - menu = mod.menumod(); |
| 71 | + menu = menumod(); |
49 | 72 |
|
50 | 73 | hdr = mod['hdr-network']; |
51 | 74 | //mod.menu.main = mod.menu.main(); |
52 | | - filemod = mod.filemod; |
| 75 | + filemod = mod['file-mod']; |
53 | 76 | //publish = publish(); |
54 | 77 | //editor = editor(); |
55 | 78 | //output = output(); |
56 | | - log = mod.log; |
| 79 | + log = mod['log-mod']; |
57 | 80 |
|
58 | 81 | hdr.initmod({ext,$,menu}); |
59 | 82 | filemod.initmod({ext,$,menumod,menu,source,complete,log}); |
60 | 83 | log.initmod({ext,$}); |
61 | 84 |
|
62 | | - await hdr.init(); |
63 | | - await filemod.init(); |
64 | | - await log.init(); |
| 85 | + await Promise.all([ |
| 86 | + hdr.init(), |
| 87 | + filemod.init(), |
| 88 | + log.init(), |
| 89 | + ]); |
65 | 90 |
|
66 | 91 | //: |
67 | 92 |
|
|
70 | 95 | //menumod.on.close = focus; |
71 | 96 |
|
72 | 97 |
|
73 | | - await initdom(document.body); |
| 98 | + initdom(document.body); |
74 | 99 |
|
75 | 100 |
|
76 | 101 | }//init |
|
98 | 123 |
|
99 | 124 | </script init> |
100 | 125 |
|
| 126 | + |
| 127 | + |
| 128 | + <link rel=stylesheet href='/utils/css/utils.css' crossorigin=anonymous> |
101 | 129 |
|
102 | 130 | <style> |
103 | 131 | :root |
|
164 | 192 |
|
165 | 193 |
|
166 | 194 |
|
167 | | - <hdr-network component=grp v2.0> |
| 195 | + <hdr-network component=grp> |
168 | 196 | <img class=title src='image/fetch-title-50.png' style='top:5px;height:40px'> |
169 | | - <span slot=date>03 Aug 2025</span> |
| 197 | + <time slot=date datetime=2025-10-31>31 Oct 2025</time> |
170 | 198 | </hdr-network> |
171 | 199 |
|
172 | 200 |
|
173 | | - |
174 | 201 | <div id=url-root> |
175 | 202 |
|
176 | 203 | <div id=url-label> |
|
190 | 217 |
|
191 | 218 | <div> |
192 | 219 |
|
193 | | - <filemod component v2.0></filemod> |
| 220 | + <file-mod component></file-mod> |
194 | 221 |
|
195 | 222 | </div> |
196 | 223 |
|
|
240 | 267 | </div> |
241 | 268 |
|
242 | 269 |
|
243 | | - <log component v2.0></log> |
| 270 | + <log-mod component></log-mod> |
244 | 271 |
|
245 | 272 |
|
246 | 273 | </body> |
|
271 | 298 | root = rootnode; |
272 | 299 |
|
273 | 300 |
|
274 | | - hdr.initdom(root); |
| 301 | + hdr.initdom(); |
275 | 302 |
|
276 | 303 |
|
277 | 304 | $(root,'.copy').onclick = btn.copy; |
|
0 commit comments