|
47 | 47 | <script src="https://cdn.jsdelivr.net/npm/terser/dist/bundle.min.js"></script> |
48 | 48 |
|
49 | 49 |
|
50 | | - <script src='https://libs.ext-code.com/js/dom/component/v2.0/component.js'></script> |
| 50 | + <script src='https://libs.ext-code.com/js/dom/component/v2.0/component.js?hdr'></script> |
51 | 51 |
|
52 | | - <script init> |
53 | | - console.clear(); |
54 | | - console.log('js-console-v2.0.html'); |
55 | | - console.log(); |
56 | | - console.json=v=>console.log(JSON.stringify(v,null,4)); |
57 | | - var version='v2.0'; |
| 52 | + <script> |
| 53 | + console.log('js-console-v3.0.html'); |
| 54 | + var version='v3.0'; |
58 | 55 | var df=true,did='js-console'; |
59 | 56 |
|
60 | 57 | var ace; |
61 | 58 | var obfuscator; |
62 | 59 | var espree; |
63 | 60 |
|
64 | | - var ext; |
65 | | - var $; |
66 | | - var datatype; |
67 | | - var menumod; |
68 | | - var keydown; |
69 | | - var debug; |
70 | | - var ls; |
71 | | - |
72 | 61 | var menu; |
73 | 62 |
|
74 | 63 | var hdr; |
75 | | - var mainmenu; |
76 | 64 | var filemod; |
77 | 65 | var autosave; |
78 | 66 | var publish; |
79 | 67 | var editor; |
80 | 68 | var output; |
81 | | - var log; |
82 | 69 |
|
83 | 70 |
|
84 | 71 | //: |
85 | 72 |
|
86 | 73 |
|
87 | 74 | async function init(){ |
88 | 75 | debug('init',version); |
89 | | - //keydown = keydown(); |
90 | | - menu = menumod(); |
91 | | - |
92 | | - |
93 | | - mod.base.add({ext,$,datatype,keydown,menu,menumod,ace,ls}); |
94 | | - |
95 | | - |
96 | 76 | hdr = mod['editors-hdr']; |
97 | | - mainmenu = mod['main-menu']; |
98 | 77 | filemod = mod['file-mod']; |
99 | 78 | autosave = mod['auto-save']; |
100 | 79 | publish = mod['publish-ui']; |
101 | 80 | editor = mod['web-editor']; |
102 | | - output = mod['output-console'] |
103 | | - log = mod['log-mod']; |
| 81 | + output = mod['output-html']; |
104 | 82 |
|
| 83 | + mod.base.add({filemod,complete,source,focus}); |
105 | 84 |
|
106 | | - menu.initmod({keydown}); |
| 85 | + autosave.initmod({save:btn.save}); |
| 86 | + editor.initmod({on,mode:'javascript'}); |
107 | 87 |
|
108 | | - hdr.initmod({ext,$,menu}); |
109 | | - mainmenu.initmod({ext,$,menu,editor,filemod}); |
110 | | - filemod.initmod({ext,$,menu,menumod,complete,source,focus,log}); |
111 | | - autosave.initmod({$,menu,keydown,log,save:btn.save}); |
112 | | - publish.initmod({ext,$,ui,menu,source,complete,log}); |
113 | | - editor.initmod({ext,$,menu,ace,on}); |
114 | | - output.initmod({ext,$}); |
115 | | - log.initmod({ext,$}); |
116 | | - |
117 | | - |
118 | | - await Promise.all([ |
119 | | - mainmenu.init(), |
120 | | - hdr.init(), |
121 | | - filemod.init(), |
122 | | - autosave.init(), |
123 | | - publish.init(), |
124 | | - editor.init(), |
125 | | - output.init(), |
126 | | - log.init(), |
127 | | - ]); |
| 88 | + await mod.auto(); |
128 | 89 |
|
| 90 | + hdr['page-source'].url('v3.0/js-console-v3.0.html'); |
129 | 91 |
|
130 | | - //: |
131 | | - |
132 | | - |
133 | | - icon.def = $('[rel*=icon]').href; |
| 92 | + icon.def = $('[rel*=icon]').href; |
134 | 93 |
|
135 | 94 | window.onfocus = ()=>editor && editor.focus(); |
136 | 95 | keydown.add(kd); |
|
146 | 105 | }//init |
147 | 106 |
|
148 | 107 |
|
149 | | - //: |
150 | | - |
151 | | - |
152 | | -(async()=>{ |
153 | | - |
154 | | - mod.stack.add; |
155 | | - |
156 | | - ({ext} = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js')); |
157 | | - |
158 | | - var lsmod; |
159 | | - |
160 | | - var promise = ext.load.libs( |
161 | | - 'js/dom/$.js', |
162 | | - 'js/core/datatype.js', |
163 | | - 'js/dom/menumod/menumod.js', |
164 | | - 'js/dom/keydown/keydown.js', |
165 | | - 'js/debug/debug.js', |
166 | | - 'js/core/ls-mod/ls-mod.js', |
167 | | - ); |
168 | | - [$,datatype,menumod,keydown,debug,lsmod] = await promise; |
169 | | - |
170 | | - ls = lsmod(); |
171 | | - |
172 | | - mod.stack.complete; |
173 | | - |
174 | | -})(); |
175 | | - |
176 | | - |
177 | | - </script init> |
| 108 | + </script> |
178 | 109 |
|
179 | 110 |
|
180 | 111 | <link rel=stylesheet href='/utils/css/utils.css' crossorigin=anonymous> |
|
256 | 187 |
|
257 | 188 | <body> |
258 | 189 |
|
259 | | - <editors-hdr component=grp> |
260 | | - <img class=title src='images/js-console.png' style='top:5px;height:35px'> |
261 | | - <time slot=date datetime=2025-10-30>30 Oct 2025</time> |
| 190 | + <editors-hdr v2.0 component=grp> |
| 191 | + <img slot=title src='images/js-console.png' style='top:-10px;height:75px'> |
| 192 | + <h4 slot=version>v3.0</h4> |
| 193 | + <time slot=date datetime=2026-01-24>24 Jan 2026</time> |
262 | 194 | </editors-hdr> |
263 | 195 |
|
264 | 196 |
|
|
346 | 278 | keydown.initdom(); |
347 | 279 | menu.add.style(); |
348 | 280 |
|
| 281 | + var btn = document.createElement('input'); |
| 282 | + btn.type = 'button'; |
| 283 | + btn.value = 'isolate'; |
| 284 | + $(hdr.__host.shadowRoot,'#btns').append(btn); |
| 285 | + btn.onclick = btn.isolate; |
| 286 | + |
349 | 287 |
|
350 | 288 | $(root,'#save').onclick = btn.save; |
351 | 289 |
|
|
377 | 315 |
|
378 | 316 | slider.node = $.slider('web-editor','#page-slider','output-console',slider,ui); |
379 | 317 |
|
380 | | - |
| 318 | + /* |
381 | 319 | await Promise.all([ |
382 | 320 | hdr.initdom(), |
383 | 321 | mainmenu.initdom(root), |
|
388 | 326 | output.initdom(root), |
389 | 327 | log.initdom(), |
390 | 328 | ]); |
| 329 | + */ |
391 | 330 |
|
392 | 331 |
|
393 | 332 |
|
|
454 | 393 | //: |
455 | 394 |
|
456 | 395 |
|
| 396 | + btn.isolate = function(){ |
| 397 | + |
| 398 | + var url = window.location.toString(); |
| 399 | + |
| 400 | + if(url.indexOf('?')!=-1){ |
| 401 | + return; |
| 402 | + } |
| 403 | + |
| 404 | + url += '?isolate'; |
| 405 | + window.location = url; |
| 406 | + |
| 407 | + }//isolate |
| 408 | + |
| 409 | + |
457 | 410 | btn.save = function(e){ |
458 | 411 |
|
459 | 412 | filemod.save(); |
|
0 commit comments