changes for the new ES6 module

- it can create a set of .iset .fset .fset3 files

Author: kalwalt

tools/NFT_Marker_Creator/index.html

@@ -10,7 +10,7 @@ <h2 class="title has-text-centered" id="title" href="#confidenceLevel">NFT Marke
     <div class="section">
       <input class="input is-hidden" type="file" id="imageLoader" name="imageLoader"/>
       <button class="button is-primary is-outlined is-fullwidth" id="uploadBt" onclick="document.getElementById('imageLoader').click();">Upload Image</button>
-      <button class="button is-fullwidth" id="generateBt" onclick="generate()" disabled>Generate</button>
+      <button class="button is-fullwidth" id="generateBt" onclick="window.generate()" disabled>Generate</button>
     </div>
     <div class="tile is-ancestor"  id="wrapper">
         <canvas class="tile" id="imageCanvas" style="width: auto; height: 120rem"></canvas>
@@ -50,13 +50,9 @@ <h2 class="title has-text-centered" id="title" href="#confidenceLevel">NFT Marke
         <p id="modalTxt">Inform the number of channels(nc):<br>(black and white images have NC=1, colored images have NC=3)</p>
         <input id="modalInput" type="number"  value="3">
         <button id="cancelBt" class="button" onclick="closeModal()">Cancel</button>
-        <button id="confirmBt" class="button" onclick="setValueFromModal()">Confirm</button>
+        <button id="confirmBt" class="button" onclick="window.setValueFromModal()">Confirm</button>
     </div>
 </div>
 
 <script src="exif.js"></script>
-<script type='text/javascript'>
-      var artoolkit_wasm_url = './wasm/NftMarkerCreator_wasm.wasm';
-</script>
-<script async type="text/javascript" src="./wasm/NftMarkerCreator_wasm.js"></script>
-<script src="index.js"></script>
+<script  type="module" src="index.js"></script>

tools/NFT_Marker_Creator/index.js

@@ -1,3 +1,7 @@
+import NftMC from './wasm/NftMarkerCreator_ES6_wasm.js'
+
+const nftMC = await NftMC();
+
 var imageLoader = document.getElementById('imageLoader');
 imageLoader.addEventListener('change', handleImage, false);
 var canvas = document.getElementById('imageCanvas');
@@ -62,35 +66,29 @@ function generate() {
 
         let paramStr = cmdArr.join(' ');
         console.log(paramStr)
-        let StrBuffer = Module._malloc(paramStr.length + 1);
-        Module.writeStringToMemory(paramStr, StrBuffer);
-        
-        let heapSpace = Module._malloc(globalObj.arr.length * globalObj.arr.BYTES_PER_ELEMENT); // 1
-        Module.HEAPU8.set(globalObj.arr, heapSpace); // 2
 
-        Module._createImageSet(heapSpace, globalObj.dpi, globalObj.w, globalObj.h, globalObj.nc, StrBuffer);
-
-        Module._free(heapSpace);
-        Module._free(StrBuffer);
+        nftMC.createNftDataSet(globalObj.arr, globalObj.dpi, globalObj.w, globalObj.h, globalObj.nc, paramStr);
 
         downloadIset();
     }, 500);
 }
 
+window.generate = generate;
+
 function downloadIset() {
     let mime = "application/octet-stream";
 
-    let filenameIset = "asa.iset";
-    let filenameFset = "asa.fset";
-    let filenameFset3 = "asa.fset3";
+    let filenameIset = "tempFilename.iset";
+    let filenameFset = "tempFilename.fset";
+    let filenameFset3 = "tempFilename.fset3";
 
     let ext = ".iset";
     let ext2 = ".fset";
     let ext3 = ".fset3";
 
-    let content = Module.FS.readFile(filenameIset);
-    let contentFset = Module.FS.readFile(filenameFset);
-    let contentFset3 = Module.FS.readFile(filenameFset3);
+    let content = nftMC.FS.readFile(filenameIset, {flags: 'r+'});
+    let contentFset = nftMC.FS.readFile(filenameFset, {flags: 'r+'});
+    let contentFset3 = nftMC.FS.readFile(filenameFset3, {flags: 'r+'});
 
     var a = document.createElement('a');
     a.download = name + ext;
@@ -152,6 +150,7 @@ function setValueFromModal() {
     globalObj.nc = parseInt(input);
     closeModal();
 }
+window.setValueFromModal = setValueFromModal;
 
 function detectColorSpace(arr) {
     let target = parseInt(arr.length / 4);