Cleanup - move to mjs

README.md

@@ -8,6 +8,6 @@ Encodes every byte as an emoji in utf8, so 32 bits! 25% efficent.
 
 ## Demo
 
-    node base-lol.js < targets/max.jpg > max.base-lol
-    node base-lol.js --decode < max.base-lol > max-decoded.jpg
+    node base-lol.mjs < targets/max.jpg > max.base-lol
+    node base-lol.mjs --decode < max.base-lol > max-decoded.jpg
     diff targets/max.jpg max-decoded.jpg

base-lol-node.js → base-lol-node.mjs

@@ -1,7 +1,9 @@
-const stream = require('stream');
-const util = require('util');
+import stream from 'stream';
+import util from 'util';
+import fs from 'fs';
+import { encode, decode } from './base-lol';
+
 const pipeline = util.promisify(stream.pipeline);
-const fs = require('fs');
 
 const binaryToEmoji = new stream.Transform({
     transform(chunk, encoding, callback) {
@@ -45,7 +47,7 @@ const emojiToBinary = new stream.Transform({
     }
 });
 
-if(require.main === module) {
+const main = () => {
     const stream = process.argv.some(f => f === '--decode')
         ? emojiToBinary
         : binaryToEmoji;
@@ -59,4 +61,6 @@ if(require.main === module) {
             console.error(e.stack);
             process.exit(1);
         })
-}
+};
+
+main();

base-lol.js → base-lol.mjs

@@ -2,7 +2,6 @@
  * - Always encoded as UTF-8 - as efficient as UTF-16 for non-BMP,
  *   and a good standard
  */
-'use strict';
 
 // use the most recognisable emojis for ascii/utf8 text
 const asciiTextStart = "😀".codePointAt(0);

base-lol.test.js → base-lol.test.mjs

@@ -1,8 +1,5 @@
-'use strict';
-
-const { encodeUInt8Array, decodeString } = require('./base-lol');
-
-const assert = require('assert');
+import { encodeUInt8Array, decodeString } from './base-lol';
+import assert from 'assert';
 
 roundTrip(encodeUInt8Array, decodeString, [245]);
 

demo-page.js

@@ -1,5 +1,6 @@
 'use strict';
 
+import { encode } from './base-lol.mjs';
 
 // wait for document to be completed
 document.addEventListener('DOMContentLoaded', main);
@@ -8,8 +9,6 @@ function main() {
     if(!assertBrowserSupport()) return;
 
     addDragListeners();
-
-    startWorker();
 }
 
 function assertBrowserSupport() {
@@ -50,14 +49,14 @@ function addDragListeners() {
             e.preventDefault();
             el.classList.remove('dragover');
 
-            const files = event.dataTransfer.files;
+            const files = [...event.dataTransfer.files];
             const handler = action === 'encode'
                 ? encodeFiles
                 : decodeFiles;
 
             console.log(files);
 
-            [...files].forEach(handler);
+            handler(files);
         })
     }
 
@@ -70,60 +69,31 @@ function addDragListeners() {
     })
 }
 
-function startWorker() {
-    window.lolWorker = new Worker('base-lol-worker.js', {
-        type:'module',
-    });
-    window.lolJobs = [];
-
-    window.onmessage = ({taskId, result}) => {
-        window.lolJobs[taskId](result);
-        window.lolJobs[taskId] = undefined;
-    };
-}
-
-function microtask(fn) {
-    return Promise.resolve().then(fn);
-}
-
-function runJob(job) {
-    const jobId = window.lolJobs.length;
 
-    microtask(() => {
-        window.lolWorker.postMessage(Object.assign({}, job, {
-            jobId,
-        }));
-    });
-
-    return new Promise((resolve, reject) => {
-        window.lolJobs[jobId] = ({ error, result }) => {
-            if(error) {
-                console.error('Error in worker', error);
-                reject(new Error(error.message));
-            } else {
-                resolve(result);
+async function encodeFiles(files) {
+    for(const file of files) {
+        const reader = new FileReader();
+        reader.addEventListener("loadend", () => {
+            let encoded = '';
+            for(let i = 0; i < reader.result.length; i++) {
+               encoded += encode(reader.result[i]);
             }
-        }
-    });
-}
-
-
-function decodeFiles(files) {
-}
+            const filename = file.name.replace(/(\.[^\.])?$/,
+                '.base-lol');
 
-function encodeFiles(files) {
-    runJob({
-        type: 'decode',
-    })
+            download(filename, encoded);
+        });
+        reader.readAsArrayBuffer(file);
+    }
 }
 
-function fileAdded() {
+function decodeFiles(files) {
 
 }
 
-function download(filename, text) {
+function download(filename, data) {
     const element = document.createElement('a');
-    element.setAttribute('href', 'data:application/octet-stream;');
+    element.setAttribute('href', 'data:text/plain;charset=utf-8;' + data);
     element.setAttribute('download', filename);
 
     element.style.display = 'none';

package.json

@@ -3,6 +3,7 @@
   "version": "",
   "description": "Encodes/decodes binary data as a sequence of emojis.",
   "scripts": {
+    "demo": "node --experimental-modules base-lol-node.mjs < targets/max-tiny.jpg > demo.base-lol; head -c 20 demo.base-lol",
     "test": "node base-lol.test.js"
   },
   "devDependencies": {