save file

Author: javascript-2020

blog/25-08-31/simple-browser-rollup-example/ex/webcontainer-rollup.html

@@ -47,6 +47,8 @@ <h3>rollup example</h3>
         
               <div style='display:flex;flex-direction:column;gap:10px'>
               
+                    <h4>index.html</h4>
+                    
                     <input value=download type=button onclick='download()'>
                     <br>
                     <a href='/test.html'>test</a>
@@ -76,6 +78,14 @@ <h3>rollup example</h3>
 
         files['test.html']    = `
         
+              <div style='display:flex;flex-direction:column;gap:10px'>
+              
+                    <h4>test.html</h4>
+                    
+                    <a href='/'>home</a>
+                    <div id=output style='white-space:pre;font-family:monospace'></div>
+              </div>
+              
               <script type=module>
               
                     import {espree} from '/espree.m.js';
@@ -119,15 +129,18 @@ <h3>rollup example</h3>
                     
               </scr`+`ipt>
               
+        `;
+        
+        files['test2.html']    = `
+        
               <div style='display:flex;flex-direction:column;gap:10px'>
+              
+                    <h4>test2.html</h4>
+                    
                     <a href='/'>home</a>
                     <div id=output style='white-space:pre;font-family:monospace'></div>
               </div>
               
-        `;
-        
-        files['test2.html']    = `
-        
               <script src='espree.js'></scr`+`ipt>
               <script>
                                                                                 console.log(espree);
@@ -170,11 +183,6 @@ <h3>rollup example</h3>
                     
               </scr`+`ipt>
               
-              <div style='display:flex;flex-direction:column;gap:10px'>
-                    <a href='/'>home</a>
-                    <div id=output style='white-space:pre;font-family:monospace'></div>
-              </div>
-              
         `;