Create functions to export replay frame/gif

package.json

@@ -1,8 +1,13 @@
 {
   "name": "recplayer",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "description": "ES6 port of recplay",
+  "type": "module",
   "main": "src/controller.js",
+  "exports": {
+    ".": "./src/controller.js",
+    "./render": "./src/render.js"
+  },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -11,5 +16,21 @@
   "dependencies": {
     "elma-pcx": "^1.0.1",
     "elmajs": "^1.2.2"
+  },
+  "peerDependencies": {
+    "canvas": "^3.2.3",
+    "gif-encoder-2": "^1.0.5",
+    "omggif": "^1.0.10"
+  },
+  "peerDependenciesMeta": {
+    "canvas": {
+      "optional": true
+    },
+    "gif-encoder-2": {
+      "optional": true
+    },
+    "omggif": {
+      "optional": true
+    }
   }
 }

src/controller.js

@@ -1,8 +1,8 @@
-import levReader from "./levReader";
-import recReader from "./recReader";
-import {getString, getArray} from "./get";
-import { LGRWrapper, UrlImage } from "./lgr";
-import player from "./player";
+import levReader from "./levReader.js";
+import recReader from "./recReader.js";
+import {getString, getArray} from "./get.js";
+import { LGRWrapper, UrlImage } from "./lgr.js";
+import player from "./player.js";
 
 /**
  * @param {Object} arguments

src/levReader.js

@@ -1,4 +1,4 @@
-import binReader from "./binReader";
+import binReader from "./binReader.js";
 
 export default function levReader(data) {
   var br = binReader(data);
@@ -67,7 +67,7 @@ export default function levReader(data) {
 
   var obj, pic; // initialised in the object literal :\
 
-  return (window.lrd = {
+  return {
     rightType: function() {
       return ["POT14", "POT06"].indexOf(levVersion()) >= 0;
     },
@@ -205,5 +205,5 @@ export default function levReader(data) {
         };
       });
     }
-  });
+  };
 }

src/levRender.js

@@ -1,5 +1,5 @@
-import quadTree from "./util/quadTree";
-import geom from "./util/geom";
+import quadTree from "./util/quadTree.js";
+import geom from "./util/geom.js";
 
 function hypot(a, b) {
   return Math.sqrt(a * a + b * b);
@@ -416,7 +416,7 @@ export default function levRender(reader, lgr) {
     }
 
     canv.strokeStyle = "#ff0000";
-    if (window.dbg) {
+    if (typeof window !== "undefined" && window.dbg) {
       canv.strokeRect(0, 0, w * scale, h * scale);
       if (window.dbg > 1) {
         canv.save();

src/lgr.js

@@ -1,4 +1,5 @@
-import { LGR, PictureType, Transparency } from "elmajs";
+import elmajs from "elmajs";
+const { LGR, PictureType, Transparency } = elmajs;
 import { PCX } from "elma-pcx";
 
 const legacy_imgs = [

src/objRender.js

@@ -1,4 +1,4 @@
-import geom from "./util/geom";
+import geom from "./util/geom.js";
 
 export default function objRender(levReader, recReader) {
   var appleCount = 0;

src/player.js

@@ -1,7 +1,7 @@
-import levRender from "./levRender";
-import recRender from "./recRender";
-import objRender from "./objRender";
-import bikeRender from "./bikeRender";
+import levRender from "./levRender.js";
+import recRender from "./recRender.js";
+import objRender from "./objRender.js";
+import bikeRender from "./bikeRender.js";
 
 var isMozilla =
   typeof navigator != "undefined" &&

src/recReader.js

@@ -1,4 +1,4 @@
-import binReader from "./binReader";
+import binReader from "./binReader.js";
 
 var ticker = (function() {
   var n = 0;

src/recRender.js

@@ -1,4 +1,4 @@
-import bikeRender from "./bikeRender";
+import bikeRender from "./bikeRender.js";
 
 function target(canv, x, y, s) {
   canv.beginPath();