update font-converter - can now generate UMD and ES modules headers

Author: HackbrettXXX

Diff for: fontconverter/fontconverter.html

@@ -23,6 +23,13 @@
           <option value='bolditalic'>bolditalic</option>
         </select>
       </div>
+      <div class='pure-control-group'>
+        <label for='moduleFormat'>Module format</label>
+        <select name='moduleFormat' id='moduleFormat'>
+          <option value='es'>ES modules</option>
+          <option value='umd'>UMD</option>
+        </select>
+      </div>
       <div class='pure-control-group'>
         <label for='file-input'>File</label>
         <input type='hidden' name='extra-data' multiple />
@@ -55,15 +62,26 @@
       var jsFile = '';
       var fontName = document.getElementById('fontName').value;
       var fontStyle = document.getElementById('fontStyle').value;
+      var moduleFormat = document.getElementById('moduleFormat').value;
       var createdFileName = fontName + '-' + fontStyle + '.ttf';
 
-      jsFile += '(function (jsPDFAPI) {\n';
+      var esHeader = 'import { jsPDF } from "jspdf"\n'
+      var umdHeader = "(function (global, factory) {\n" +
+          "    typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jspdf')) :\n" +
+          "    typeof define === 'function' && define.amd ? define(['jspdf'], factory) :\n" +
+          "    (global = global || self, factory(global.jspdf));\n" +
+          "}(this, (function (jspdf) { 'use strict';\nvar jsPDF = jspdf.jsPDF;\n"
+
+      jsFile += moduleFormat === "es" ? esHeader : umdHeader
       jsFile += 'var font = \'' + window.loadedFileContents + '\';\n';
       jsFile += 'var callAddFont = function () {\n';
       jsFile += 'this.addFileToVFS(\'' + createdFileName + '\', font);\n';
       jsFile += 'this.addFont(\'' + createdFileName + '\', \'' + fontName + '\', \'' + fontStyle + '\');\n};\n';
-      jsFile += 'jsPDFAPI.events.push([\'addFonts\', callAddFont])\n';
-      jsFile += ' })(jsPDF.API);';
+      jsFile += 'jsPDF.API.events.push([\'addFonts\', callAddFont])\n';
+
+      if (moduleFormat === "umd") {
+        jsFile += "})));"
+      }
 
       var newJsfile = new File([jsFile], fontName + '-' + fontStyle + '.js', { type: 'text/plain;charset=utf-8' });
       saveAs(newJsfile);