added npm support

Author: casperlamboo

package.json

@@ -1,9 +1,61 @@
 {
-  "main": "HTMLCanvasElement.js",
+  "name": "canvas-webworker",
+  "description": "Pure JavaScript Canvas implimentation that can be used in WebWorkers",
+  "version": "0.0.1",
+  "main": "lib/index.js",
+  "files": [
+    "lib"
+  ],
   "directories": {
-    "lib": "src"
+    "lib": "src",
+    "example": "example"
+  },
+  "format": "esm",
+  "dependencies": {
+    "clipper-js": "0.0.2",
+    "get-pixels": "^3.3.0"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.6.5",
+    "babel-core": "^6.7.2",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-stage-0": "^6.5.0",
+    "jspm": "^0.16.31"
+  },
+  "scripts": {
+    "prepublish": "npm run build",
+    "build": "node_modules/babel-cli/bin/babel.js src --out-dir lib",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Casper Lamboo",
+  "license": "MIT",
+  "homepage": "https://github.com/casperlamboo/canvas-webworker#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/casperlamboo/canvas-webworker.git"
+  },
+  "bugs": {
+    "url": "https://github.com/casperlamboo/canvas-webworker/issues"
+  },
+  "keywords": [
+    "canvas",
+    "webworkers",
+    "canvasrenderingcontext2d",
+    "drawing",
+    "2d",
+    "context"
+  ],
+  "babel": {
+    "presets": [
+      "es2015",
+      "stage-0"
+    ]
   },
   "jspm": {
+    "main": "index.js",
+    "directories": {
+      "lib": "src"
+    },
     "dependencies": {
       "clipper-js": "github:Doodle3D/clipper-js@^0.0.2",
       "get-pixels": "npm:get-pixels@^3.3.0"

src/ImageData.js

@@ -1,32 +1,10 @@
-let context;
-
-if (document !== undefined) {
-  const canvas = document.createElement('canvas');
-  context = canvas.getContext('2d');
-}
-
 export default class ImageData {
   constructor(width, height, data = Uint8ClampedArray(width * height * 4)) {
     this._data = data;
     this._width = width;
     this._height = height;
   }
 
-  toReal() {
-    if (context !== undefined) {
-      const imageData = context.createImageData(this.width, this.height);
-      const data = this.data;
-
-      for (let i = 0; i < data.length; i ++) {
-        imageData.data[i] = data[i];
-      }
-
-      return imageData;
-    }
-
-    return null;
-  }
-
   get data() { return this._data; }
   get width() { return this._width; }
   get height() { return this._height; }

src/index.js

@@ -1,3 +1,5 @@
-import HTMLcanvasElement from './HTMLCanvasElement.js';
+import HTMLCanvasElement from './HTMLCanvasElement.js';
+import image from './Image.js';
 
-export default HTMLcanvasElement;
+export const Canvas = HTMLCanvasElement;
+export const Image = image;