save file

Author: javascript-2020

npm/babel-traverse-browser/scripts/babel-traverse-browser.html

@@ -21,7 +21,7 @@
 
       </style>
 
-      <h3>eslint-visitor-keys-browser</h3>
+      <h3 id=title></h3>
 
       <div id=hdr>
             <div>
@@ -34,29 +34,36 @@ <h3>eslint-visitor-keys-browser</h3>
       <div id=terminal></div>
 
 
+      
+      
+      
       <script>
 
-        var package           = 'eslint-visitor-keys';
-        var export_name       = 'keys';
+        var npm_package       = '@babel/traverse';
+        var my_package        = 'babel-traverse';
+        var export_name       = 'traverse';
 
                                                                                 console.clear();
-                                                                                console.log(package+'-browser');
+                                                                                console.log(my_package+'-browser');
                                                                                 console.log();
 
-                                                                                
-                                                                                
+        var h3            = document.getElementById('title');
+        h3.textContent    = my_package;
+        
+        
+        
         var files   = {};
 
 
         var filename          = {
-              esm   : `${package}.m.js`,
-              cjs   : `${package}.js`,
+              esm   : `${my_package}.m.js`,
+              cjs   : `${my_package}.js`,
         }
 
 
         files['entry.esm.js']   = `
         
-              import * as ${export_name} from '${package}';
+              import * as ${export_name} from '${npm_package}';
               export {${export_name}};
               
         `;
@@ -88,7 +95,7 @@ <h3>eslint-visitor-keys-browser</h3>
 
         files['entry.cjs.js']   = `
         
-              import * as ${export_name} from '${package}';
+              import * as ${export_name} from '${npm_package}';
               
               export default ${export_name};  // iife / umd
               
@@ -165,10 +172,10 @@ <h3>eslint-visitor-keys-browser</h3>
                                                                                 console.log('mounting file system ...');
               await webcontainer.mount(files);
 
-              
-              await install();
-              //await package_json();
-              await install_rollup();
+              await Promise.all([
+                    install(),
+                    install_rollup(),
+              ]);
 
               await Promise.all(['esm','cjs'].map(async type=>{
 
@@ -179,7 +186,7 @@ <h3>eslint-visitor-keys-browser</h3>
                     var url     = window.URL.createObjectURL(blob);
 
 
-                    var path    = `/npm/${package}-browser/`;
+                    var path    = `/npm/${my_package}-browser/`;
                     fs.dir.create(path);
 
                     await fs.file.save(path+filename[type],blob);
@@ -194,9 +201,9 @@ <h3>eslint-visitor-keys-browser</h3>
 
         async function install(){
                                                                           console.log('npm install',package,'...');
-              var packages    = [package];
-              packages.unshift('install');
-              var process   = await webcontainer.spawn('npm',packages);
+              var args    = [package];
+              args.unshift('install');
+              var process   = await webcontainer.spawn('npm',args);
               var stream    = new WritableStream({write(data){term.write(data)}});
               process.output.pipeTo(stream)
               var code      = await process.exit;
@@ -210,17 +217,17 @@ <h3>eslint-visitor-keys-browser</h3>
 
         async function install_rollup(){
 
-              var packages    = [
+              var args    = [
                     'rollup',
                     '@rollup/plugin-commonjs',
                     '@rollup/plugin-node-resolve',
                     '@rollup/plugin-json',
                     'rollup-plugin-polyfill-node'
               ];
-                                                                          console.log('npm install',packages.join(' '),'...');
-              packages.unshift('install');
+                                                                          console.log('npm install',args.join(' '),'...');
+              args.unshift('install');
 
-              var process   = await webcontainer.spawn('npm',packages);
+              var process   = await webcontainer.spawn('npm',args);
               var stream    = new WritableStream({write(data){term.write(data)}});
               process.output.pipeTo(stream)
               var code      = await process.exit;