1515
1616 < meta name =description content =''>
1717
18- < base href ='https://ext-code.com/html-components/list/ '>
19- < link rel =canonical href ='https://ext-code.com/html-components/list/ '>
18+ < base href ='https://ext-code.com/html-components/list/dir-tree/ '>
19+ < link rel =canonical href ='https://ext-code.com/html-components/list/dir-tree/dir-tree.html '>
2020
2121 < meta name =viewport content ='width=device-width, initial-scale=1 '>
2222 < 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= '>
2727 < link rel =stylesheet href ='/css/github-markdown-light.css '>
2828
2929
30- < script src ='https://libs.ext-code.com/js/dom/component/v2.0/component.js?init '> </ script >
30+ < script src ='https://libs.ext-code.com/js/dom/component/v2.0/component.js?hdr '> </ script >
3131
3232 < script >
3333
3434 var df = true , did = 'html'
3535 ;
3636
3737 var base = 'https://libs.ext-code.com/html/' ;
38- var component = 'web-console ' ;
38+ var component = 'dir-tree ' ;
3939
4040 var ace ;
4141 var md ;
141141 < body >
142142
143143
144- < html-components-hdr component =grp1 >
145- < h2 class =title style ='top:10px ' > web-console </ h2 >
146- < time slot =date datetime =2026-01-04 > 04 Jan 2026</ time >
144+ < html-components-hdr v2.0 component =grp1 >
145+ < h2 class =title style ='top:20px ' > dir-tree </ h2 >
146+ < time slot =date datetime =2026-01-08 > 08 Jan 2026</ time >
147147 </ html-components-hdr >
148148
149149
@@ -155,9 +155,6 @@ <h2 class=title style='top:10px'>web-console</h2>
155155
156156 < h3 >
157157 files
158- < span style ='font-weight:normal;margin-left:20px '>
159- ( click to view )
160- </ span >
161158 </ h3 >
162159
163160 < dir-tree component > </ dir-tree >
@@ -192,11 +189,10 @@ <h3>
192189 var files = {
193190 'source' : {
194191 'latest' : null ,
195- 'v2.0' : null ,
196192 } ,
197193 'examples' : {
198- 'web-console-v2.0-test-1. html' : null ,
199- 'web-console-v2.0-test-2. html' : null ,
194+ 'dir-tree-min. html' : null ,
195+ 'dir-tree-simple. html' : null ,
200196 } ,
201197 } ;
202198
218214 dirtree . display ( files , { callback} ) ;
219215
220216
221- await show . examples ( 'web-console-v2.0-test-2 .html' ) ;
217+ await show . examples ( 'dir-tree-min .html' ) ;
222218 $ ( '#view' ) . style . display = '' ;
223219
224220
@@ -250,14 +246,15 @@ <h3>
250246
251247 var url = base + component + '/' ;
252248 if ( file == 'latest' ) {
253- url += 'web-console .html' ;
249+ url += ` ${ component } .html` ;
254250 } else {
255- url += `${ file } /web-console -${ file } .html` ;
251+ url += `${ file } /${ component } -${ file } .html` ;
256252 }
257253
258254 var { txt} = await get ( url ) ;
259255 if ( ! txt ) return ;
260256 editor . setvalue ( txt ) ;
257+ editor . filename ( file ) ;
261258
262259 } //source
263260
@@ -268,11 +265,13 @@ <h3>
268265 $ ( 'web-editor' ) . style . display = 'none' ;
269266 $ ( 'snippet-html-console' ) . style . display = '' ;
270267
271- var url = base + component + '/test /' + file ;
268+ var url = base + component + '/examples /' + file ;
272269 var { txt} = await get ( url ) ;
273270 if ( ! txt ) return ;
274- console . log ( 1 ) ;
271+
275272 snippet . editor . setvalue ( txt ) ;
273+ snippet . editor . filename ( file ) ;
274+ snippet . clear ( ) ;
276275
277276 } //example
278277
0 commit comments