save file

javascript-2020 · javascript-2020 · commit 53dcbdb6d365 · 2026-02-09T09:37:37.000Z
diff --git a/blog/25-08-27/webcontainer-server/webcontainer-server.html b/blog/25-08-27/webcontainer-server/webcontainer-server.html
@@ -13,19 +13,19 @@
 
       <head>
             <meta charset=utf-8>
-      
+            
             <title>
                   WebContainer Server
             </title>
-
+            
             <meta name=description content='Learn how to set up a Node.js server inside a WebContainer—right in the browser. This hands-on guide includes editable, runnable demo code so you can experiment with server-side logic instantly, without installing anything locally.'>
-
+            
             <base href='https://ext-code.com/blog/25-08-27/webcontainer-server/'>
             <link rel=canonical href='https://ext-code.com/blog/25-08-27/webcontainer-server/webcontainer-server.html'>
             
             <link rel=icon type='image/png' href='/blog/image/blog-30.png'>
             <meta name=viewport content='width=device-width, initial-scale=1'>
-
+            
             <script type='application/ld+json'>
                   {
                         "@context"            : "https://schema.org",
@@ -40,12 +40,12 @@
                   }
             </script>
             
-
+            
             <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 src='https://libs.ext-code.com/js/dom/component/v3.0/component.js'></script>
+            
             
             <script init>
                                                                                 console.clear();
@@ -54,7 +54,7 @@
                                                                                 console.json=v=>console.log(JSON.stringify(v,null,4));
         var df=true,version='v1.0'
         ;
-
+        
         var ace;
         
         var ext;
@@ -68,18 +68,18 @@
         var log;
         
         
-
+        
   //:
-
-              
+  
+  
         async function init(){
                                                                                 debug('init',version);
               menu    = menumod();
-
+              
               mod.base.add({ext,$,datatype,keydown,menu,menumod,ace});
               
-
-              hdr     = mod['blog-hdr'];              
+              
+              hdr     = mod['blog-hdr'];
               ex      = mod.ex;
               log     = mod['log-mod'];
               
@@ -93,24 +93,24 @@
                     ex.init(),
                     log.init(),
               ]);
-
-
+              
+              
               
               initdom(document.body);
-
-
+              
+              
         }//init
-
-
+        
+        
   //:
   
   
 (async()=>{
-  
+
         mod.stack.add;
         
         ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
-          
+        
         var promise   = ext.load.libs(
               'js/dom/$.js',
               'js/core/datatype.js',
@@ -119,14 +119,14 @@
               'js/debug/debug.js',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-  
+        
         mod.stack.complete;
-
+        
 })();
 
 
             </script init>
-
+            
             
             <link rel=stylesheet href='/blog/css/blog.css'>
             
@@ -144,47 +144,47 @@
   [component]
     {display:none}
     
-  .description 
+  .description
     {max-width:1000px;text-align:justify;border-left:4px solid #4a90e2;padding:1rem 2rem;
       background-color:#f9f9f9;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#333}
   .description>p
     {margin:0}
   .description > p+p
     {margin:10px 0}
-
+    
   code
     {font-family:monospace;background:whitesmoke}
   code.inline
     {display:inline;padding:5px 10px}
-
+    
   a
     {color:#4a90e2;text-decoration:none;font-weight:500}
-  a:hover 
+  a:hover
     {text-decoration:underline}
   .link-domain
     {font-size:0.85rem;color:#777;margin-left:0.25rem}
-  .link-domain::before 
+  .link-domain::before
     {content:'['}
   .link-domain::after
     {content:']'}
   .link-txt
     {}
-
+    
   input
     {font-size:16px;padding:5px 7px;box-sizing:border-box;}
   input[type=button]
     {cursor:pointer}
-
-
+    
+    
             </style>
             
-
+            
             
       </head>
       
       
       <body>
-
+      
             <blog-hdr component=grp1>
                   <h1 class=title>
                         WebContainer Server
@@ -193,37 +193,37 @@ <h1 class=title>
                         29 Oct 2025
                   </time>
             </blog-hdr>
-
-
+            
+            
             <div class=description>
-
+            
                   <p>
                         Learn how to set up a Node.js server inside a WebContainer—right in the browser.
                         This hands-on guide includes editable, runnable demo code so you can experiment with server-side logic instantly, without installing anything locally.
                   </p>
                   
             </div>
-      
+            
             <snippet-html-console id=ex src='ex/ex.html' component></snippet-html-console>
-
+            
             
             <log-mod component></log-mod>
-
-      
+            
+            
       </body>
       
       
       <script>
-
-
+      
+      
         var root;
         
-
+        
   //:
   
   
         function initdom(rootnode){
-
+        
               root    = rootnode;
               
               hdr.initdom(root);
@@ -232,10 +232,10 @@ <h1 class=title>
               
               
               
-        }//initdom      
-
-  
-
+        }//initdom
+        
+        
+        
       </script>
       
 </html>
