Add ES6 download button

peggyjs · Apr 4, 2024 · 313691b · 313691b
1 parent 7cac9a3
commit 313691b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/docs/css/content.css b/docs/css/content.css
@@ -139,7 +139,7 @@
 #content #settings label { padding-right: 1em; }
 #content #parser-var { width: 15em; }
 #content #options { padding-top: 1em; }
-#content #parser-download {
+#content .download-button {
   float: right;
   width: 10em;
   margin-top: 2em;
@@ -151,8 +151,11 @@
   text-align: center; text-decoration: none;
   color: #e0ffe0; background-color: #499149;
 }
-#content #parser-download:hover { background-color: #006000; }
-#content #parser-download.disabled { color: #e0e0e0; background-color: gray; }
+#content .download-button:not(:first-of-type) {
+  margin-right: .5rem;
+}
+#content .download-button:hover { background-color: #006000; }
+#content .download-button.disabled { color: #e0e0e0; background-color: gray; }
 
 
 #output {

diff --git a/docs/js/online.js b/docs/js/online.js
@@ -94,6 +94,7 @@ $(document).ready(function() {
     $("#parser-var").attr("disabled", "disabled");
     $("#option-cache").attr("disabled", "disabled");
     $("#parser-download").attr("disabled", "disabled");
+    $("#parser-download-es6").attr("disabled", "disabled");
 
     try {
       var timeBefore = (new Date).getTime();
@@ -134,6 +135,7 @@ $(document).ready(function() {
       $("#parser-var").removeAttr("disabled");
       $("#option-cache").removeAttr("disabled");
       $("#parser-download").removeAttr("disabled");
+      $("#parser-download-es6").removeAttr("disabled");
 
       var result = true;
     } catch (e) {
@@ -230,6 +232,14 @@ $(document).ready(function() {
 
     });
 
+  $( "#parser-download-es6" )
+    .click(function(){
+
+      var blob = new Blob( ["export default " + parserSource + ";\n"], {type: "application/javascript"} );
+      window.saveAs( blob, "parser.js" );
+
+    });
+
   doLayout();
   $(window).resize(doLayout);
 

diff --git a/docs/online.html b/docs/online.html
@@ -121,10 +121,11 @@ <h2 class="suggestion">
         </tr>
         <tr>
           <td class="content-height">
-            <input type="submit" id="parser-download" value="Download parser" disabled>
+              <input type="submit" id="parser-download-es6" class="download-button" value="Download ES6 parser" disabled>
+              <input type="submit" id="parser-download" class="download-button" value="Download CJS parser" disabled>
             <div id="settings">
-              <label for="parser-var">Parser variable:</label>
-              <input type="text" id="parser-var" value="module.exports" disabled>
+              <label for="parser-var">Parser variable <span style="font-size: .7rem">For CommonJS</span>:</label>
+              <input type="text" id="parser-var" value="module.exports" placeholder="module.exports" disabled>
               <div id="options">
                 <input type="checkbox" id="option-cache" disabled>
                 <label for="option-cache">Use results cache</label>