save file

Author: javascript-2020

blog/25-08-25/monaco-editor-setup/monaco-editor-setup.html

@@ -9,7 +9,8 @@
 
             <title>monaco editor setup</title>
 
-            <base href='https://javascript-2020.github.io/blog/25-08-25/monaco-editor-setup/monaco-editor-setup.html'>
+            <base href='https://javascript-2020.github.io/blog/25-08-25/monaco-editor-setup/'>
+            
             <link rel=canonical href='https://ext-code.com/blog/25-08-25/monaco-editor-setup/monaco-editor-setup.html'>
 
             <meta name=viewport content='width=device-width, initial-scale=1'>
@@ -19,6 +20,8 @@
             <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></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));
@@ -32,125 +35,72 @@
         var datatype;
         var menumod;
         var code;
+
 
-        var mod           = {};
-        
-        
+        var snippet;
 
   //:
 
+
+        mod.stack.add   = init;
 
         async function init(){
                                                                                 //debug('init',version);
               menu    = menumod();
 
+              
+              snippet   = mod['snippet-html-console'];
+              
+              snippet.initmod({ext,$,menu,ace});
+              
+              await snippet.init();
+              
+              
+              
               await initdom(document.body);
 
 
-              init.complete();
-
         }//init
 
 
   //:
 
 
-        init.stack            = [init];
-        init.stack.ct         = 0;
-        init.stack.total      = 1;
-        init.stack.mode       = '';
-        init.stack.complete   = false;
-        Object.defineProperty(init.stack,'add',{get:()=>{
-              init.stack.total++;
-              if(init.stack.mode){
-                    console[init.stack.mode]('add',init.stack.ct,init.stack.total);
-                                                                                //console.trace();
-              }
-        }});
-        Object.defineProperty(init.stack,'complete',{get:()=>{
-              init.stack.ct++;
-              if(init.stack.mode){
-                    console[init.stack.mode]('complete',init.stack.ct,init.stack.total);
-                                                                                //console.trace();
-              }
-              if(init.stack.ct>=init.stack.total){
-                                                                                //console.log('*** complete');
-                    init.stack.ct       = 0;
-                    init.stack.total    = 0;
-                    var list    = [...init.stack];
-                    init.stack.length   = 0;
-                    list.forEach(fn=>fn());
-              }
-        }});
-        
-        //  (typeof init!='undefined' && init?.stack && init.stack.add)
-        //  (typeof init!='undefined' && init?.stack && init.stack.complete)
-
-        
-        init.complete   = function(){
-          
-              init.complete.stack.forEach(fn=>fn());
-              
-              
-        }//complete
-        
-        init.complete.stack   = [];
-        init.complete.add     = fn=>init.complete.stack.push(fn);
-
-                  
-
 (async()=>{
-  
-        init.stack.add;
 
+        mod.stack.add;
 
-        var url;
-        var headers;
-        var token       = localStorage['github-token'];
-        if(token){
-              url       = 'https://api.github.com/repos/javascript-2020/ext-code/contents/ext-loader.js';
-              headers   = {accept:'application/vnd.github.raw',authorization:`bearer ${token}`};
-        }else{
-              url       = 'https://raw.githubusercontent.com/javascript-2020/ext-code/main/ext-loader.js';
-        }
-        
-        var res   = await fetch(url,{headers});
-        var txt   = await res.text();
-
-        if(res.headers.get('content-type').includes('json')){
-                                                                                console.log('*** ext : json');
-              var json    = JSON.parse(txt);
-              var b64     = json.content;
-              txt         = atob(b64);
-        }else{
-                                                                                console.log('*** ext : text');
-        }
-        
-        ext   = eval(txt);
-              
-              
+        ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
+          
         var promise   = ext.load.libs(
-              'js/dom/$.js.api',
+              'js/dom/$.js',
               'js/core/datatype.js',
               'js/dom/menumod/menumod.js',
-              'js/dom/code/code.js.api',
+              'js/dom/keydown/keydown.js',
+              'js/dom/code/v2.0/code-v2.0.js.api',
         );
-        [$,datatype,menumod,code]   = await promise;
-
+        [$,datatype,menumod,keydown,code]   = await promise;
+  
         code.initmod({ext,$,datatype,menumod});
-
 
-        init.stack.complete;
-
+        mod.stack.complete;
+              
 })();
 
+                  
             </script init>
 
 
 
 
             <link rel=stylesheet href='/blog/css/blog.css'>
 
+            <style>
+
+  html
+    {font-family:arial}
+    
+            </style>
 
       </head>
 
@@ -171,8 +121,8 @@ <h3>
             </div>
 
 
-            <code-block src='ex/ex1.html' api>
-            </code-block>
+            <snippet-html-console component v2.0 src='ex/ex1.html'>
+            </snippet-html-console>