├── .gitignore
├── .npmignore
├── preview.png
├── .gitattributes
├── package.json
├── license
├── .eslintrc.json
├── test.js
├── readme.md
├── index.js
└── index.html


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | index.html
2 | example.js
3 | 


--------------------------------------------------------------------------------
/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dy/bitmap-sdf/HEAD/preview.png


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | test.js linguist-documentation
2 | index.html linguist-generated
3 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bitmap-sdf",
 3 |   "version": "1.0.4",
 4 |   "description": "Calculate SDF for image/bw-data/array",
 5 |   "main": "index.js",
 6 |   "devDependencies": {
 7 |     "bubleify": "^0.7.0",
 8 |     "enable-mobile": "^1.0.7"
 9 |   },
10 |   "scripts": {
11 |     "test": "budo test",
12 |     "build": "browserify test.js -g bubleify | indexhtmlify | metadataify | github-cornerify > index.html"
13 |   },
14 |   "repository": {
15 |     "type": "git",
16 |     "url": "git+https://github.com/dfcreative/bitmap-sdf.git"
17 |   },
18 |   "keywords": [
19 |     "sdf",
20 |     "signed-distance",
21 |     "image-sdf",
22 |     "bitmap",
23 |     "bwdist",
24 |     "tiny-sdf"
25 |   ],
26 |   "author": "Dima Yv <dfcreative@gmail.com>",
27 |   "license": "MIT",
28 |   "bugs": {
29 |     "url": "https://github.com/dfcreative/bitmap-sdf/issues"
30 |   },
31 |   "homepage": "https://github.com/dfcreative/bitmap-sdf#readme"
32 | }
33 | 


--------------------------------------------------------------------------------
/license:
--------------------------------------------------------------------------------
1 | Copyright 2020 Dmitry Ivanov
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 | 


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "node": true,
 5 |         "commonjs": true,
 6 |         "es6": true
 7 |     },
 8 |     "extends": "eslint:recommended",
 9 |     "rules": {
10 |         "strict": 2,
11 |         "indent": 0,
12 |         "linebreak-style": 0,
13 |         "quotes": 0,
14 |         "semi": 0,
15 |         "no-cond-assign": 1,
16 |         "no-constant-condition": 1,
17 |         "no-duplicate-case": 1,
18 |         "no-empty": 1,
19 |         "no-ex-assign": 1,
20 |         "no-extra-boolean-cast": 1,
21 |         "no-extra-semi": 1,
22 |         "no-fallthrough": 1,
23 |         "no-func-assign": 1,
24 |         "no-global-assign": 1,
25 |         "no-implicit-globals": 2,
26 |         "no-inner-declarations": ["error", "functions"],
27 |         "no-irregular-whitespace": 2,
28 |         "no-loop-func": 1,
29 |         "no-magic-numbers": ["warn", { "ignore": [1, 0, -1], "ignoreArrayIndexes": true}],
30 |         "no-multi-str": 1,
31 |         "no-mixed-spaces-and-tabs": 1,
32 |         "no-proto": 1,
33 |         "no-sequences": 1,
34 |         "no-throw-literal": 1,
35 |         "no-unmodified-loop-condition": 1,
36 |         "no-useless-call": 1,
37 |         "no-void": 1,
38 |         "no-with": 2,
39 |         "wrap-iife": 1,
40 |         "no-redeclare": 1,
41 |         "no-unused-vars": ["error", { "vars": "all", "args": "none" }],
42 |         "no-sparse-arrays": 1
43 |     }
44 | }
45 | 


--------------------------------------------------------------------------------
/test.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | require('enable-mobile')
  4 | document.body.style.fontFamily = 'sans-serif'
  5 | document.body.style.padding = '2rem'
  6 | 
  7 | var calcSDF = require('./')
  8 | 
  9 | var canvas = document.body.appendChild(document.createElement('canvas'))
 10 | canvas.style.margin = '1rem 1rem 1rem 0'
 11 | 
 12 | canvas.width = 165
 13 | canvas.height = 150
 14 | 
 15 | var ctx = canvas.getContext('2d')
 16 | ctx.fillStyle = 'black'
 17 | ctx.fillRect(0,0,canvas.width, canvas.height)
 18 | ctx.fillStyle = 'white'
 19 | ctx.font = 'bold 100px sans-serif'
 20 | ctx.fillText('X', 50, 100)
 21 | 
 22 | 
 23 | var out = document.body.appendChild(document.createElement('canvas'))
 24 | out.style.margin = '1rem 1rem 1rem 0'
 25 | 
 26 | out.width = 165
 27 | out.height = 150
 28 | var outCtx = out.getContext('2d')
 29 | 
 30 | outCtx.drawImage(canvas, 0, 0);
 31 | 
 32 | 
 33 | var cutoff = 0, radius = 10
 34 | 
 35 | update()
 36 | 
 37 | function update () {
 38 | 	var idata = ctx.getImageData(0,0,canvas.width, canvas.height).data
 39 | 	var data = Array(canvas.width*canvas.height)
 40 | 	for (var i = 0; i < data.length; i++) {
 41 | 		data[i] = idata[i*4]/255
 42 | 	}
 43 | 
 44 | 	console.time('sdf')
 45 | 	var arr = calcSDF(data, {
 46 | 		cutoff: cutoff,
 47 | 		radius: radius,
 48 | 		width: canvas.width,
 49 | 		height:  canvas.height
 50 | 	})
 51 | 	console.timeEnd('sdf')
 52 | 
 53 | 	let imgArr
 54 | 	if (global.Uint8ClampedArray) {
 55 | 		imgArr = new Uint8ClampedArray(165*150*4)
 56 | 	} else {
 57 | 		imgArr = Array(165*150*4)
 58 | 	}
 59 | 	for (let i = 0; i < 165; i++) {
 60 | 		for (let j = 0; j < 150; j++) {
 61 | 			imgArr[j*165*4 + i*4 + 0] = arr[j*165+i]*255
 62 | 			imgArr[j*165*4 + i*4 + 1] = arr[j*165+i]*255
 63 | 			imgArr[j*165*4 + i*4 + 2] = arr[j*165+i]*255
 64 | 			imgArr[j*165*4 + i*4 + 3] = 255
 65 | 		}
 66 | 	}
 67 | 
 68 | 	// IE way
 69 | 	var c = document.createElement('canvas');
 70 | 	var data = c.getContext('2d').createImageData(165, 150);
 71 | 
 72 | 	if (data.data.set) {
 73 | 		data.data.set(imgArr);
 74 | 	}
 75 | 	else {
 76 | 		for (var i = 0; i < imgArr.length; i++) {
 77 | 			data.data[i] = imgArr[i]
 78 | 		}
 79 | 	}
 80 | 
 81 | 	// var data = new ImageData(imgArr, 165, 150)
 82 | 	outCtx.putImageData(data, 0, 0)
 83 | }
 84 | 
 85 | 
 86 | var cutoffTitle = document.body.appendChild(document.createElement('label'))
 87 | cutoffTitle.innerHTML = 'Cutoff'
 88 | cutoffTitle.style.display = 'block'
 89 | 
 90 | var cutoffEl = document.body.appendChild(document.createElement('input'))
 91 | cutoffEl.type = 'range'
 92 | cutoffEl.min = 0
 93 | cutoffEl.max = 1
 94 | cutoffEl.step = 0.001
 95 | cutoffEl.value = cutoff
 96 | cutoffEl.oninput = e => {
 97 | 	cutoff = parseFloat(cutoffEl.value)
 98 | 	update()
 99 | }
100 | 
101 | 
102 | var radTitle = document.body.appendChild(document.createElement('label'))
103 | radTitle.innerHTML = 'Radius'
104 | radTitle.style.display = 'block'
105 | 
106 | var radEl = document.body.appendChild(document.createElement('input'))
107 | radEl.type = 'range'
108 | radEl.min = 0
109 | radEl.max = 100
110 | radEl.step = 0.2
111 | radEl.value = radius
112 | radEl.oninput = e => {
113 | 	radius = parseFloat(radEl.value)
114 | 	update()
115 | }
116 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # bitmap-sdf [![unstable](https://img.shields.io/badge/stability-unstable-green.svg)](http://github.com/badges/stability-badges)
 2 | 
 3 | Calculate signed distance field for an image / bw-data. Fork of [tiny-sdf](https://github.com/mapbox/tiny-sdf) with reduced API.
 4 | 
 5 | ![bitmap-sdf](preview.png)
 6 | 
 7 | [Demo](https://dy.github.io/bitmap-sdf/)
 8 | 
 9 | ## Usage
10 | 
11 | [![npm install bitmap-sdf](https://nodei.co/npm/bitmap-sdf.png?mini=true)](https://npmjs.org/package/bitmap-sdf/)
12 | 
13 | ```js
14 | const calcSdf = require('bitmap-sdf')
15 | 
16 | //draw image
17 | const canvas = document.body.appendChild(document.createElement('canvas'))
18 | const w = canvas.width = 200, h = canvas.height = 200
19 | const ctx = canvas.getContext('2d')
20 | ctx.fillStyle = 'white'
21 | ctx.font = 'bold 30px sans-serif'
22 | ctx.fillText('X', 20, 20)
23 | 
24 | //calculate distances
25 | const distArr = calcSdf(canvas)
26 | 
27 | //show distances
28 | const imgArr = new Uint8ClampedArray(w*h*4)
29 | for (let i = 0; i < w; i++) {
30 | 	for (let j = 0; j < h; j++) {
31 | 		imgArr[j*w*4 + i*4 + 0] = distArr[j*w+i]*255
32 | 		imgArr[j*w*4 + i*4 + 1] = distArr[j*w+i]*255
33 | 		imgArr[j*w*4 + i*4 + 2] = distArr[j*w+i]*255
34 | 		imgArr[j*w*4 + i*4 + 3] = 255
35 | 	}
36 | }
37 | const data = new ImageData(imgArr, w, h)
38 | ctx.putImageData(data, 0, 0)
39 | ```
40 | 
41 | ### dist = calcSdf(source, options?)
42 | 
43 | Calculate distance field for the input `source` data, based on `options`. Returns 1-channel array with distance values from `0..1` range.
44 | 
45 | #### Source:
46 | 
47 | Type | Meaning
48 | ---|---
49 | _Canvas_, _Context2D_ | Calculates sdf for the full canvas image data based on `options.channel`, by default `0`, ie. red channel.
50 | _ImageData_ | Calculates sdf for the image data based on `options.channel`
51 | _Uint8ClampedArray_, _Uint8Array_ | Handles raw pixel data, requires `options.width` and `options.height`. Stride is detected from `width` and `height`.
52 | _Float32Array_, _Array_ | Handles raw numbers from `0..1` range, requires `options.width` and `options.height`. Stride is detected from `width` and `height`.
53 | 
54 | #### Options:
55 | 
56 | Property | Default | Meaning
57 | ---|---|---
58 | `cutoff` | `0.25` | Cutoff parameter, balance between SDF inside `1` and outside `0` of glyph
59 | `radius` | `10` | Max length of SDF, ie. the size of SDF around the `cutoff`
60 | `width` | `canvas.width` | Width of input data, if array
61 | `height` | `canvas.height` | Height of input data, if array
62 | `channel` | `0` | Channel number, `0` is red, `1` is green, `2` is blue, `3` is alpha.
63 | `stride` | `null` | Explicitly indicate number of channels per pixel. Not needed if `height` and `width` are provided.
64 | 
65 | ## See also
66 | 
67 | * [font-atlas-sdf](https://github.com/hughsk/font-atlas-sdf) − generate sdf atlas for a font.
68 | * [tiny-sdf](https://github.com/mapbox/tiny-sdf) − fast glyph signed distance field generation.
69 | * [optical-properties](https://github.com/dfcreative/optical-properties) − glyph optical center and bounding box calculation
70 | 
71 | ## Alternatives
72 | 
73 | * [disttransform.wat](https://github.com/LingDong-/wasm-fun/blob/master/wat/disttransform.wat)
74 | 
75 | ## License
76 | 
77 | (c) 2017 Dima Yv. MIT License
78 | 
79 | Development supported by plot.ly.
80 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | module.exports = calcSDF
  4 | 
  5 | var INF = 1e20
  6 | 
  7 | function calcSDF(src, options) {
  8 |     if (!options) options = {}
  9 | 
 10 |     var cutoff = options.cutoff == null ? 0.25 : options.cutoff
 11 |     var radius = options.radius == null ? 8 : options.radius
 12 |     var channel = options.channel || 0
 13 |     var w, h, size, data, intData, stride, ctx, canvas, imgData, i, l
 14 | 
 15 |     // handle image container
 16 |     if (ArrayBuffer.isView(src) || Array.isArray(src)) {
 17 |         if (!options.width || !options.height) throw Error('For raw data width and height should be provided by options')
 18 |         w = options.width, h = options.height
 19 |         data = src
 20 | 
 21 |         if (!options.stride) stride = Math.floor(src.length / w / h)
 22 |         else stride = options.stride
 23 |     }
 24 |     else {
 25 |         if (window.HTMLCanvasElement && src instanceof window.HTMLCanvasElement) {
 26 |             canvas = src
 27 |             ctx = canvas.getContext('2d')
 28 |             w = canvas.width, h = canvas.height
 29 |             imgData = ctx.getImageData(0, 0, w, h)
 30 |             data = imgData.data
 31 |             stride = 4
 32 |         }
 33 |         else if (window.CanvasRenderingContext2D && src instanceof window.CanvasRenderingContext2D) {
 34 |             canvas = src.canvas
 35 |             ctx = src
 36 |             w = canvas.width, h = canvas.height
 37 |             imgData = ctx.getImageData(0, 0, w, h)
 38 |             data = imgData.data
 39 |             stride = 4
 40 |         }
 41 |         else if (window.ImageData && src instanceof window.ImageData) {
 42 |             imgData = src
 43 |             w = src.width, h = src.height
 44 |             data = imgData.data
 45 |             stride = 4
 46 |         }
 47 |     }
 48 | 
 49 |     size = Math.max(w, h)
 50 | 
 51 |     //convert int data to floats
 52 |     if ((window.Uint8ClampedArray && data instanceof window.Uint8ClampedArray) || (window.Uint8Array && data instanceof window.Uint8Array)) {
 53 |         intData = data
 54 |         data = Array(w*h)
 55 | 
 56 |         for (i = 0, l = Math.floor(intData.length / stride); i < l; i++) {
 57 |             data[i] = intData[i*stride + channel] / 255
 58 |         }
 59 |     }
 60 |     else {
 61 |         if (stride !== 1) throw Error('Raw data can have only 1 value per pixel')
 62 |     }
 63 | 
 64 |     // temporary arrays for the distance transform
 65 |     var gridOuter = Array(w * h)
 66 |     var gridInner = Array(w * h)
 67 |     var f = Array(size)
 68 |     var d = Array(size)
 69 |     var z = Array(size + 1)
 70 |     var v = Array(size)
 71 | 
 72 |     for (i = 0, l = w * h; i < l; i++) {
 73 |         var a = data[i]
 74 |         gridOuter[i] = a === 1 ? 0 : a === 0 ? INF : Math.pow(Math.max(0, 0.5 - a), 2)
 75 |         gridInner[i] = a === 1 ? INF : a === 0 ? 0 : Math.pow(Math.max(0, a - 0.5), 2)
 76 |     }
 77 | 
 78 |     edt(gridOuter, w, h, f, d, v, z)
 79 |     edt(gridInner, w, h, f, d, v, z)
 80 | 
 81 |     var dist = window.Float32Array ? new Float32Array(w * h) : new Array(w * h)
 82 | 
 83 |     for (i = 0, l = w*h; i < l; i++) {
 84 |         dist[i] = Math.min(Math.max(1 - ( (gridOuter[i] - gridInner[i]) / radius + cutoff), 0), 1)
 85 |     }
 86 | 
 87 |     return dist
 88 | }
 89 | 
 90 | // 2D Euclidean distance transform by Felzenszwalb & Huttenlocher https://cs.brown.edu/~pff/dt/
 91 | function edt(data, width, height, f, d, v, z) {
 92 |     for (var x = 0; x < width; x++) {
 93 |         for (var y = 0; y < height; y++) {
 94 |             f[y] = data[y * width + x]
 95 |         }
 96 |         edt1d(f, d, v, z, height)
 97 |         for (y = 0; y < height; y++) {
 98 |             data[y * width + x] = d[y]
 99 |         }
100 |     }
101 |     for (y = 0; y < height; y++) {
102 |         for (x = 0; x < width; x++) {
103 |             f[x] = data[y * width + x]
104 |         }
105 |         edt1d(f, d, v, z, width)
106 |         for (x = 0; x < width; x++) {
107 |             data[y * width + x] = Math.sqrt(d[x])
108 |         }
109 |     }
110 | }
111 | 
112 | // 1D squared distance transform
113 | function edt1d(f, d, v, z, n) {
114 |     v[0] = 0;
115 |     z[0] = -INF
116 |     z[1] = +INF
117 | 
118 |     for (var q = 1, k = 0; q < n; q++) {
119 |         var s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k])
120 |         while (s <= z[k]) {
121 |             k--
122 |             s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k])
123 |         }
124 |         k++
125 |         v[k] = q
126 |         z[k] = s
127 |         z[k + 1] = +INF
128 |     }
129 | 
130 |     for (q = 0, k = 0; q < n; q++) {
131 |         while (z[k + 1] < q) k++
132 |         d[q] = (q - v[k]) * (q - v[k]) + f[v[k]]
133 |     }
134 | }
135 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html>
   3 | <head>
   4 | <title>calc-sdf</title>
   5 | <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
   6 | <meta charset=utf-8><meta name="application-name" content="calc-sdf">
   7 | <meta name="subject" content="Calculate SDF for image&sol;bw-data&sol;array">
   8 | <meta name="abstract" content="Calculate SDF for image&sol;bw-data&sol;array">
   9 | <meta name="twitter:title" content="calc-sdf">
  10 | <meta name="description" content="Calculate SDF for image&sol;bw-data&sol;array">
  11 | <meta name="twitter:description" content="Calculate SDF for image&sol;bw-data&sol;array">
  12 | <meta name="author" content="Dima Yv &lt;dfcreative&commat;gmail&period;com&gt;">
  13 | <meta name="twitter:creator" content="Dima Yv &lt;dfcreative&commat;gmail&period;com&gt;">
  14 | <meta name="twitter:card" content="summary">
  15 | <meta itemprop="title" content="calc-sdf">
  16 | <meta itemprop="description" content="Calculate SDF for image&sol;bw-data&sol;array">
  17 | <meta property="og:title" content="calc-sdf">
  18 | <meta property="og:description" content="Calculate SDF for image&sol;bw-data&sol;array">
  19 | <meta property="article:author" content="Dima Yv &lt;dfcreative&commat;gmail&period;com&gt;">
  20 | <style type="text/css">.github-corner{display:block;position:absolute;top:0;left:auto;right:0;z-index:10000}.github-corner svg{display:block}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-25deg)}80%{transform:rotate(10deg)}100%{transform:rotate(0)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style></head>
  21 | <body><a href="https://github.com/dfcreative/calc-sdf" class="github-corner" aria-label="View source on Github"><svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 250 250" fill="#fff">
  22 |   <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#333"/>
  23 |   <path class="octo-arm" d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16" style="-webkit-transform-origin: 130px 106px; transform-origin: 130px 106px"/>
  24 |   <path class="octo-body" d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"/>
  25 | </svg>
  26 | </a></body>
  27 | <script>
  28 | (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
  29 | (function (global){
  30 | 'use strict';
  31 | 
  32 | // compare and isBuffer taken from https://github.com/feross/buffer/blob/680e9e5e488f22aac27599a57dc844a6315928dd/index.js
  33 | // original notice:
  34 | 
  35 | /*!
  36 |  * The buffer module from node.js, for the browser.
  37 |  *
  38 |  * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
  39 |  * @license  MIT
  40 |  */
  41 | function compare(a, b) {
  42 |   if (a === b) {
  43 |     return 0;
  44 |   }
  45 | 
  46 |   var x = a.length;
  47 |   var y = b.length;
  48 | 
  49 |   for (var i = 0, len = Math.min(x, y); i < len; ++i) {
  50 |     if (a[i] !== b[i]) {
  51 |       x = a[i];
  52 |       y = b[i];
  53 |       break;
  54 |     }
  55 |   }
  56 | 
  57 |   if (x < y) {
  58 |     return -1;
  59 |   }
  60 |   if (y < x) {
  61 |     return 1;
  62 |   }
  63 |   return 0;
  64 | }
  65 | function isBuffer(b) {
  66 |   if (global.Buffer && typeof global.Buffer.isBuffer === 'function') {
  67 |     return global.Buffer.isBuffer(b);
  68 |   }
  69 |   return !!(b != null && b._isBuffer);
  70 | }
  71 | 
  72 | // based on node assert, original notice:
  73 | 
  74 | // http://wiki.commonjs.org/wiki/Unit_Testing/1.0
  75 | //
  76 | // THIS IS NOT TESTED NOR LIKELY TO WORK OUTSIDE V8!
  77 | //
  78 | // Originally from narwhal.js (http://narwhaljs.org)
  79 | // Copyright (c) 2009 Thomas Robinson <280north.com>
  80 | //
  81 | // Permission is hereby granted, free of charge, to any person obtaining a copy
  82 | // of this software and associated documentation files (the 'Software'), to
  83 | // deal in the Software without restriction, including without limitation the
  84 | // rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
  85 | // sell copies of the Software, and to permit persons to whom the Software is
  86 | // furnished to do so, subject to the following conditions:
  87 | //
  88 | // The above copyright notice and this permission notice shall be included in
  89 | // all copies or substantial portions of the Software.
  90 | //
  91 | // THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  92 | // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  93 | // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  94 | // AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
  95 | // ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
  96 | // WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  97 | 
  98 | var util = require('util/');
  99 | var hasOwn = Object.prototype.hasOwnProperty;
 100 | var pSlice = Array.prototype.slice;
 101 | var functionsHaveNames = (function () {
 102 |   return function foo() {}.name === 'foo';
 103 | }());
 104 | function pToString (obj) {
 105 |   return Object.prototype.toString.call(obj);
 106 | }
 107 | function isView(arrbuf) {
 108 |   if (isBuffer(arrbuf)) {
 109 |     return false;
 110 |   }
 111 |   if (typeof global.ArrayBuffer !== 'function') {
 112 |     return false;
 113 |   }
 114 |   if (typeof ArrayBuffer.isView === 'function') {
 115 |     return ArrayBuffer.isView(arrbuf);
 116 |   }
 117 |   if (!arrbuf) {
 118 |     return false;
 119 |   }
 120 |   if (arrbuf instanceof DataView) {
 121 |     return true;
 122 |   }
 123 |   if (arrbuf.buffer && arrbuf.buffer instanceof ArrayBuffer) {
 124 |     return true;
 125 |   }
 126 |   return false;
 127 | }
 128 | // 1. The assert module provides functions that throw
 129 | // AssertionError's when particular conditions are not met. The
 130 | // assert module must conform to the following interface.
 131 | 
 132 | var assert = module.exports = ok;
 133 | 
 134 | // 2. The AssertionError is defined in assert.
 135 | // new assert.AssertionError({ message: message,
 136 | //                             actual: actual,
 137 | //                             expected: expected })
 138 | 
 139 | var regex = /\s*function\s+([^\(\s]*)\s*/;
 140 | // based on https://github.com/ljharb/function.prototype.name/blob/adeeeec8bfcc6068b187d7d9fb3d5bb1d3a30899/implementation.js
 141 | function getName(func) {
 142 |   if (!util.isFunction(func)) {
 143 |     return;
 144 |   }
 145 |   if (functionsHaveNames) {
 146 |     return func.name;
 147 |   }
 148 |   var str = func.toString();
 149 |   var match = str.match(regex);
 150 |   return match && match[1];
 151 | }
 152 | assert.AssertionError = function AssertionError(options) {
 153 |   this.name = 'AssertionError';
 154 |   this.actual = options.actual;
 155 |   this.expected = options.expected;
 156 |   this.operator = options.operator;
 157 |   if (options.message) {
 158 |     this.message = options.message;
 159 |     this.generatedMessage = false;
 160 |   } else {
 161 |     this.message = getMessage(this);
 162 |     this.generatedMessage = true;
 163 |   }
 164 |   var stackStartFunction = options.stackStartFunction || fail;
 165 |   if (Error.captureStackTrace) {
 166 |     Error.captureStackTrace(this, stackStartFunction);
 167 |   } else {
 168 |     // non v8 browsers so we can have a stacktrace
 169 |     var err = new Error();
 170 |     if (err.stack) {
 171 |       var out = err.stack;
 172 | 
 173 |       // try to strip useless frames
 174 |       var fn_name = getName(stackStartFunction);
 175 |       var idx = out.indexOf('\n' + fn_name);
 176 |       if (idx >= 0) {
 177 |         // once we have located the function frame
 178 |         // we need to strip out everything before it (and its line)
 179 |         var next_line = out.indexOf('\n', idx + 1);
 180 |         out = out.substring(next_line + 1);
 181 |       }
 182 | 
 183 |       this.stack = out;
 184 |     }
 185 |   }
 186 | };
 187 | 
 188 | // assert.AssertionError instanceof Error
 189 | util.inherits(assert.AssertionError, Error);
 190 | 
 191 | function truncate(s, n) {
 192 |   if (typeof s === 'string') {
 193 |     return s.length < n ? s : s.slice(0, n);
 194 |   } else {
 195 |     return s;
 196 |   }
 197 | }
 198 | function inspect(something) {
 199 |   if (functionsHaveNames || !util.isFunction(something)) {
 200 |     return util.inspect(something);
 201 |   }
 202 |   var rawname = getName(something);
 203 |   var name = rawname ? ': ' + rawname : '';
 204 |   return '[Function' +  name + ']';
 205 | }
 206 | function getMessage(self) {
 207 |   return truncate(inspect(self.actual), 128) + ' ' +
 208 |          self.operator + ' ' +
 209 |          truncate(inspect(self.expected), 128);
 210 | }
 211 | 
 212 | // At present only the three keys mentioned above are used and
 213 | // understood by the spec. Implementations or sub modules can pass
 214 | // other keys to the AssertionError's constructor - they will be
 215 | // ignored.
 216 | 
 217 | // 3. All of the following functions must throw an AssertionError
 218 | // when a corresponding condition is not met, with a message that
 219 | // may be undefined if not provided.  All assertion methods provide
 220 | // both the actual and expected values to the assertion error for
 221 | // display purposes.
 222 | 
 223 | function fail(actual, expected, message, operator, stackStartFunction) {
 224 |   throw new assert.AssertionError({
 225 |     message: message,
 226 |     actual: actual,
 227 |     expected: expected,
 228 |     operator: operator,
 229 |     stackStartFunction: stackStartFunction
 230 |   });
 231 | }
 232 | 
 233 | // EXTENSION! allows for well behaved errors defined elsewhere.
 234 | assert.fail = fail;
 235 | 
 236 | // 4. Pure assertion tests whether a value is truthy, as determined
 237 | // by !!guard.
 238 | // assert.ok(guard, message_opt);
 239 | // This statement is equivalent to assert.equal(true, !!guard,
 240 | // message_opt);. To test strictly for the value true, use
 241 | // assert.strictEqual(true, guard, message_opt);.
 242 | 
 243 | function ok(value, message) {
 244 |   if (!value) { fail(value, true, message, '==', assert.ok); }
 245 | }
 246 | assert.ok = ok;
 247 | 
 248 | // 5. The equality assertion tests shallow, coercive equality with
 249 | // ==.
 250 | // assert.equal(actual, expected, message_opt);
 251 | 
 252 | assert.equal = function equal(actual, expected, message) {
 253 |   if (actual != expected) { fail(actual, expected, message, '==', assert.equal); }
 254 | };
 255 | 
 256 | // 6. The non-equality assertion tests for whether two objects are not equal
 257 | // with != assert.notEqual(actual, expected, message_opt);
 258 | 
 259 | assert.notEqual = function notEqual(actual, expected, message) {
 260 |   if (actual == expected) {
 261 |     fail(actual, expected, message, '!=', assert.notEqual);
 262 |   }
 263 | };
 264 | 
 265 | // 7. The equivalence assertion tests a deep equality relation.
 266 | // assert.deepEqual(actual, expected, message_opt);
 267 | 
 268 | assert.deepEqual = function deepEqual(actual, expected, message) {
 269 |   if (!_deepEqual(actual, expected, false)) {
 270 |     fail(actual, expected, message, 'deepEqual', assert.deepEqual);
 271 |   }
 272 | };
 273 | 
 274 | assert.deepStrictEqual = function deepStrictEqual(actual, expected, message) {
 275 |   if (!_deepEqual(actual, expected, true)) {
 276 |     fail(actual, expected, message, 'deepStrictEqual', assert.deepStrictEqual);
 277 |   }
 278 | };
 279 | 
 280 | function _deepEqual(actual, expected, strict, memos) {
 281 |   // 7.1. All identical values are equivalent, as determined by ===.
 282 |   if (actual === expected) {
 283 |     return true;
 284 |   } else if (isBuffer(actual) && isBuffer(expected)) {
 285 |     return compare(actual, expected) === 0;
 286 | 
 287 |   // 7.2. If the expected value is a Date object, the actual value is
 288 |   // equivalent if it is also a Date object that refers to the same time.
 289 |   } else if (util.isDate(actual) && util.isDate(expected)) {
 290 |     return actual.getTime() === expected.getTime();
 291 | 
 292 |   // 7.3 If the expected value is a RegExp object, the actual value is
 293 |   // equivalent if it is also a RegExp object with the same source and
 294 |   // properties (`global`, `multiline`, `lastIndex`, `ignoreCase`).
 295 |   } else if (util.isRegExp(actual) && util.isRegExp(expected)) {
 296 |     return actual.source === expected.source &&
 297 |            actual.global === expected.global &&
 298 |            actual.multiline === expected.multiline &&
 299 |            actual.lastIndex === expected.lastIndex &&
 300 |            actual.ignoreCase === expected.ignoreCase;
 301 | 
 302 |   // 7.4. Other pairs that do not both pass typeof value == 'object',
 303 |   // equivalence is determined by ==.
 304 |   } else if ((actual === null || typeof actual !== 'object') &&
 305 |              (expected === null || typeof expected !== 'object')) {
 306 |     return strict ? actual === expected : actual == expected;
 307 | 
 308 |   // If both values are instances of typed arrays, wrap their underlying
 309 |   // ArrayBuffers in a Buffer each to increase performance
 310 |   // This optimization requires the arrays to have the same type as checked by
 311 |   // Object.prototype.toString (aka pToString). Never perform binary
 312 |   // comparisons for Float*Arrays, though, since e.g. +0 === -0 but their
 313 |   // bit patterns are not identical.
 314 |   } else if (isView(actual) && isView(expected) &&
 315 |              pToString(actual) === pToString(expected) &&
 316 |              !(actual instanceof Float32Array ||
 317 |                actual instanceof Float64Array)) {
 318 |     return compare(new Uint8Array(actual.buffer),
 319 |                    new Uint8Array(expected.buffer)) === 0;
 320 | 
 321 |   // 7.5 For all other Object pairs, including Array objects, equivalence is
 322 |   // determined by having the same number of owned properties (as verified
 323 |   // with Object.prototype.hasOwnProperty.call), the same set of keys
 324 |   // (although not necessarily the same order), equivalent values for every
 325 |   // corresponding key, and an identical 'prototype' property. Note: this
 326 |   // accounts for both named and indexed properties on Arrays.
 327 |   } else if (isBuffer(actual) !== isBuffer(expected)) {
 328 |     return false;
 329 |   } else {
 330 |     memos = memos || {actual: [], expected: []};
 331 | 
 332 |     var actualIndex = memos.actual.indexOf(actual);
 333 |     if (actualIndex !== -1) {
 334 |       if (actualIndex === memos.expected.indexOf(expected)) {
 335 |         return true;
 336 |       }
 337 |     }
 338 | 
 339 |     memos.actual.push(actual);
 340 |     memos.expected.push(expected);
 341 | 
 342 |     return objEquiv(actual, expected, strict, memos);
 343 |   }
 344 | }
 345 | 
 346 | function isArguments(object) {
 347 |   return Object.prototype.toString.call(object) == '[object Arguments]';
 348 | }
 349 | 
 350 | function objEquiv(a, b, strict, actualVisitedObjects) {
 351 |   if (a === null || a === undefined || b === null || b === undefined)
 352 |     { return false; }
 353 |   // if one is a primitive, the other must be same
 354 |   if (util.isPrimitive(a) || util.isPrimitive(b))
 355 |     { return a === b; }
 356 |   if (strict && Object.getPrototypeOf(a) !== Object.getPrototypeOf(b))
 357 |     { return false; }
 358 |   var aIsArgs = isArguments(a);
 359 |   var bIsArgs = isArguments(b);
 360 |   if ((aIsArgs && !bIsArgs) || (!aIsArgs && bIsArgs))
 361 |     { return false; }
 362 |   if (aIsArgs) {
 363 |     a = pSlice.call(a);
 364 |     b = pSlice.call(b);
 365 |     return _deepEqual(a, b, strict);
 366 |   }
 367 |   var ka = objectKeys(a);
 368 |   var kb = objectKeys(b);
 369 |   var key, i;
 370 |   // having the same number of owned properties (keys incorporates
 371 |   // hasOwnProperty)
 372 |   if (ka.length !== kb.length)
 373 |     { return false; }
 374 |   //the same set of keys (although not necessarily the same order),
 375 |   ka.sort();
 376 |   kb.sort();
 377 |   //~~~cheap key test
 378 |   for (i = ka.length - 1; i >= 0; i--) {
 379 |     if (ka[i] !== kb[i])
 380 |       { return false; }
 381 |   }
 382 |   //equivalent values for every corresponding key, and
 383 |   //~~~possibly expensive deep test
 384 |   for (i = ka.length - 1; i >= 0; i--) {
 385 |     key = ka[i];
 386 |     if (!_deepEqual(a[key], b[key], strict, actualVisitedObjects))
 387 |       { return false; }
 388 |   }
 389 |   return true;
 390 | }
 391 | 
 392 | // 8. The non-equivalence assertion tests for any deep inequality.
 393 | // assert.notDeepEqual(actual, expected, message_opt);
 394 | 
 395 | assert.notDeepEqual = function notDeepEqual(actual, expected, message) {
 396 |   if (_deepEqual(actual, expected, false)) {
 397 |     fail(actual, expected, message, 'notDeepEqual', assert.notDeepEqual);
 398 |   }
 399 | };
 400 | 
 401 | assert.notDeepStrictEqual = notDeepStrictEqual;
 402 | function notDeepStrictEqual(actual, expected, message) {
 403 |   if (_deepEqual(actual, expected, true)) {
 404 |     fail(actual, expected, message, 'notDeepStrictEqual', notDeepStrictEqual);
 405 |   }
 406 | }
 407 | 
 408 | 
 409 | // 9. The strict equality assertion tests strict equality, as determined by ===.
 410 | // assert.strictEqual(actual, expected, message_opt);
 411 | 
 412 | assert.strictEqual = function strictEqual(actual, expected, message) {
 413 |   if (actual !== expected) {
 414 |     fail(actual, expected, message, '===', assert.strictEqual);
 415 |   }
 416 | };
 417 | 
 418 | // 10. The strict non-equality assertion tests for strict inequality, as
 419 | // determined by !==.  assert.notStrictEqual(actual, expected, message_opt);
 420 | 
 421 | assert.notStrictEqual = function notStrictEqual(actual, expected, message) {
 422 |   if (actual === expected) {
 423 |     fail(actual, expected, message, '!==', assert.notStrictEqual);
 424 |   }
 425 | };
 426 | 
 427 | function expectedException(actual, expected) {
 428 |   if (!actual || !expected) {
 429 |     return false;
 430 |   }
 431 | 
 432 |   if (Object.prototype.toString.call(expected) == '[object RegExp]') {
 433 |     return expected.test(actual);
 434 |   }
 435 | 
 436 |   try {
 437 |     if (actual instanceof expected) {
 438 |       return true;
 439 |     }
 440 |   } catch (e) {
 441 |     // Ignore.  The instanceof check doesn't work for arrow functions.
 442 |   }
 443 | 
 444 |   if (Error.isPrototypeOf(expected)) {
 445 |     return false;
 446 |   }
 447 | 
 448 |   return expected.call({}, actual) === true;
 449 | }
 450 | 
 451 | function _tryBlock(block) {
 452 |   var error;
 453 |   try {
 454 |     block();
 455 |   } catch (e) {
 456 |     error = e;
 457 |   }
 458 |   return error;
 459 | }
 460 | 
 461 | function _throws(shouldThrow, block, expected, message) {
 462 |   var actual;
 463 | 
 464 |   if (typeof block !== 'function') {
 465 |     throw new TypeError('"block" argument must be a function');
 466 |   }
 467 | 
 468 |   if (typeof expected === 'string') {
 469 |     message = expected;
 470 |     expected = null;
 471 |   }
 472 | 
 473 |   actual = _tryBlock(block);
 474 | 
 475 |   message = (expected && expected.name ? ' (' + expected.name + ').' : '.') +
 476 |             (message ? ' ' + message : '.');
 477 | 
 478 |   if (shouldThrow && !actual) {
 479 |     fail(actual, expected, 'Missing expected exception' + message);
 480 |   }
 481 | 
 482 |   var userProvidedMessage = typeof message === 'string';
 483 |   var isUnwantedException = !shouldThrow && util.isError(actual);
 484 |   var isUnexpectedException = !shouldThrow && actual && !expected;
 485 | 
 486 |   if ((isUnwantedException &&
 487 |       userProvidedMessage &&
 488 |       expectedException(actual, expected)) ||
 489 |       isUnexpectedException) {
 490 |     fail(actual, expected, 'Got unwanted exception' + message);
 491 |   }
 492 | 
 493 |   if ((shouldThrow && actual && expected &&
 494 |       !expectedException(actual, expected)) || (!shouldThrow && actual)) {
 495 |     throw actual;
 496 |   }
 497 | }
 498 | 
 499 | // 11. Expected to throw an error:
 500 | // assert.throws(block, Error_opt, message_opt);
 501 | 
 502 | assert.throws = function(block, /*optional*/error, /*optional*/message) {
 503 |   _throws(true, block, error, message);
 504 | };
 505 | 
 506 | // EXTENSION! This is annoying to write outside this module.
 507 | assert.doesNotThrow = function(block, /*optional*/error, /*optional*/message) {
 508 |   _throws(false, block, error, message);
 509 | };
 510 | 
 511 | assert.ifError = function(err) { if (err) { throw err; } };
 512 | 
 513 | var objectKeys = Object.keys || function (obj) {
 514 |   var keys = [];
 515 |   for (var key in obj) {
 516 |     if (hasOwn.call(obj, key)) { keys.push(key); }
 517 |   }
 518 |   return keys;
 519 | };
 520 | 
 521 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 522 | },{"util/":5}],2:[function(require,module,exports){
 523 | // shim for using process in browser
 524 | var process = module.exports = {};
 525 | 
 526 | // cached from whatever global is present so that test runners that stub it
 527 | // don't break things.  But we need to wrap it in a try catch in case it is
 528 | // wrapped in strict mode code which doesn't define any globals.  It's inside a
 529 | // function because try/catches deoptimize in certain engines.
 530 | 
 531 | var cachedSetTimeout;
 532 | var cachedClearTimeout;
 533 | 
 534 | function defaultSetTimout() {
 535 |     throw new Error('setTimeout has not been defined');
 536 | }
 537 | function defaultClearTimeout () {
 538 |     throw new Error('clearTimeout has not been defined');
 539 | }
 540 | (function () {
 541 |     try {
 542 |         if (typeof setTimeout === 'function') {
 543 |             cachedSetTimeout = setTimeout;
 544 |         } else {
 545 |             cachedSetTimeout = defaultSetTimout;
 546 |         }
 547 |     } catch (e) {
 548 |         cachedSetTimeout = defaultSetTimout;
 549 |     }
 550 |     try {
 551 |         if (typeof clearTimeout === 'function') {
 552 |             cachedClearTimeout = clearTimeout;
 553 |         } else {
 554 |             cachedClearTimeout = defaultClearTimeout;
 555 |         }
 556 |     } catch (e) {
 557 |         cachedClearTimeout = defaultClearTimeout;
 558 |     }
 559 | } ())
 560 | function runTimeout(fun) {
 561 |     if (cachedSetTimeout === setTimeout) {
 562 |         //normal enviroments in sane situations
 563 |         return setTimeout(fun, 0);
 564 |     }
 565 |     // if setTimeout wasn't available but was latter defined
 566 |     if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
 567 |         cachedSetTimeout = setTimeout;
 568 |         return setTimeout(fun, 0);
 569 |     }
 570 |     try {
 571 |         // when when somebody has screwed with setTimeout but no I.E. maddness
 572 |         return cachedSetTimeout(fun, 0);
 573 |     } catch(e){
 574 |         try {
 575 |             // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
 576 |             return cachedSetTimeout.call(null, fun, 0);
 577 |         } catch(e){
 578 |             // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
 579 |             return cachedSetTimeout.call(this, fun, 0);
 580 |         }
 581 |     }
 582 | 
 583 | 
 584 | }
 585 | function runClearTimeout(marker) {
 586 |     if (cachedClearTimeout === clearTimeout) {
 587 |         //normal enviroments in sane situations
 588 |         return clearTimeout(marker);
 589 |     }
 590 |     // if clearTimeout wasn't available but was latter defined
 591 |     if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
 592 |         cachedClearTimeout = clearTimeout;
 593 |         return clearTimeout(marker);
 594 |     }
 595 |     try {
 596 |         // when when somebody has screwed with setTimeout but no I.E. maddness
 597 |         return cachedClearTimeout(marker);
 598 |     } catch (e){
 599 |         try {
 600 |             // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
 601 |             return cachedClearTimeout.call(null, marker);
 602 |         } catch (e){
 603 |             // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
 604 |             // Some versions of I.E. have different rules for clearTimeout vs setTimeout
 605 |             return cachedClearTimeout.call(this, marker);
 606 |         }
 607 |     }
 608 | 
 609 | 
 610 | 
 611 | }
 612 | var queue = [];
 613 | var draining = false;
 614 | var currentQueue;
 615 | var queueIndex = -1;
 616 | 
 617 | function cleanUpNextTick() {
 618 |     if (!draining || !currentQueue) {
 619 |         return;
 620 |     }
 621 |     draining = false;
 622 |     if (currentQueue.length) {
 623 |         queue = currentQueue.concat(queue);
 624 |     } else {
 625 |         queueIndex = -1;
 626 |     }
 627 |     if (queue.length) {
 628 |         drainQueue();
 629 |     }
 630 | }
 631 | 
 632 | function drainQueue() {
 633 |     if (draining) {
 634 |         return;
 635 |     }
 636 |     var timeout = runTimeout(cleanUpNextTick);
 637 |     draining = true;
 638 | 
 639 |     var len = queue.length;
 640 |     while(len) {
 641 |         currentQueue = queue;
 642 |         queue = [];
 643 |         while (++queueIndex < len) {
 644 |             if (currentQueue) {
 645 |                 currentQueue[queueIndex].run();
 646 |             }
 647 |         }
 648 |         queueIndex = -1;
 649 |         len = queue.length;
 650 |     }
 651 |     currentQueue = null;
 652 |     draining = false;
 653 |     runClearTimeout(timeout);
 654 | }
 655 | 
 656 | process.nextTick = function (fun) {
 657 |     var arguments$1 = arguments;
 658 | 
 659 |     var args = new Array(arguments.length - 1);
 660 |     if (arguments.length > 1) {
 661 |         for (var i = 1; i < arguments.length; i++) {
 662 |             args[i - 1] = arguments$1[i];
 663 |         }
 664 |     }
 665 |     queue.push(new Item(fun, args));
 666 |     if (queue.length === 1 && !draining) {
 667 |         runTimeout(drainQueue);
 668 |     }
 669 | };
 670 | 
 671 | // v8 likes predictible objects
 672 | function Item(fun, array) {
 673 |     this.fun = fun;
 674 |     this.array = array;
 675 | }
 676 | Item.prototype.run = function () {
 677 |     this.fun.apply(null, this.array);
 678 | };
 679 | process.title = 'browser';
 680 | process.browser = true;
 681 | process.env = {};
 682 | process.argv = [];
 683 | process.version = ''; // empty string to avoid regexp issues
 684 | process.versions = {};
 685 | 
 686 | function noop() {}
 687 | 
 688 | process.on = noop;
 689 | process.addListener = noop;
 690 | process.once = noop;
 691 | process.off = noop;
 692 | process.removeListener = noop;
 693 | process.removeAllListeners = noop;
 694 | process.emit = noop;
 695 | process.prependListener = noop;
 696 | process.prependOnceListener = noop;
 697 | 
 698 | process.listeners = function (name) { return [] }
 699 | 
 700 | process.binding = function (name) {
 701 |     throw new Error('process.binding is not supported');
 702 | };
 703 | 
 704 | process.cwd = function () { return '/' };
 705 | process.chdir = function (dir) {
 706 |     throw new Error('process.chdir is not supported');
 707 | };
 708 | process.umask = function() { return 0; };
 709 | 
 710 | },{}],3:[function(require,module,exports){
 711 | if (typeof Object.create === 'function') {
 712 |   // implementation from standard node.js 'util' module
 713 |   module.exports = function inherits(ctor, superCtor) {
 714 |     ctor.super_ = superCtor
 715 |     ctor.prototype = Object.create(superCtor.prototype, {
 716 |       constructor: {
 717 |         value: ctor,
 718 |         enumerable: false,
 719 |         writable: true,
 720 |         configurable: true
 721 |       }
 722 |     });
 723 |   };
 724 | } else {
 725 |   // old school shim for old browsers
 726 |   module.exports = function inherits(ctor, superCtor) {
 727 |     ctor.super_ = superCtor
 728 |     var TempCtor = function () {}
 729 |     TempCtor.prototype = superCtor.prototype
 730 |     ctor.prototype = new TempCtor()
 731 |     ctor.prototype.constructor = ctor
 732 |   }
 733 | }
 734 | 
 735 | },{}],4:[function(require,module,exports){
 736 | module.exports = function isBuffer(arg) {
 737 |   return arg && typeof arg === 'object'
 738 |     && typeof arg.copy === 'function'
 739 |     && typeof arg.fill === 'function'
 740 |     && typeof arg.readUInt8 === 'function';
 741 | }
 742 | },{}],5:[function(require,module,exports){
 743 | (function (process,global){
 744 | // Copyright Joyent, Inc. and other Node contributors.
 745 | //
 746 | // Permission is hereby granted, free of charge, to any person obtaining a
 747 | // copy of this software and associated documentation files (the
 748 | // "Software"), to deal in the Software without restriction, including
 749 | // without limitation the rights to use, copy, modify, merge, publish,
 750 | // distribute, sublicense, and/or sell copies of the Software, and to permit
 751 | // persons to whom the Software is furnished to do so, subject to the
 752 | // following conditions:
 753 | //
 754 | // The above copyright notice and this permission notice shall be included
 755 | // in all copies or substantial portions of the Software.
 756 | //
 757 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
 758 | // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 759 | // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
 760 | // NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
 761 | // DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
 762 | // OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
 763 | // USE OR OTHER DEALINGS IN THE SOFTWARE.
 764 | 
 765 | var formatRegExp = /%[sdj%]/g;
 766 | exports.format = function(f) {
 767 |   var arguments$1 = arguments;
 768 | 
 769 |   if (!isString(f)) {
 770 |     var objects = [];
 771 |     for (var i = 0; i < arguments.length; i++) {
 772 |       objects.push(inspect(arguments$1[i]));
 773 |     }
 774 |     return objects.join(' ');
 775 |   }
 776 | 
 777 |   var i = 1;
 778 |   var args = arguments;
 779 |   var len = args.length;
 780 |   var str = String(f).replace(formatRegExp, function(x) {
 781 |     if (x === '%%') { return '%'; }
 782 |     if (i >= len) { return x; }
 783 |     switch (x) {
 784 |       case '%s': return String(args[i++]);
 785 |       case '%d': return Number(args[i++]);
 786 |       case '%j':
 787 |         try {
 788 |           return JSON.stringify(args[i++]);
 789 |         } catch (_) {
 790 |           return '[Circular]';
 791 |         }
 792 |       default:
 793 |         return x;
 794 |     }
 795 |   });
 796 |   for (var x = args[i]; i < len; x = args[++i]) {
 797 |     if (isNull(x) || !isObject(x)) {
 798 |       str += ' ' + x;
 799 |     } else {
 800 |       str += ' ' + inspect(x);
 801 |     }
 802 |   }
 803 |   return str;
 804 | };
 805 | 
 806 | 
 807 | // Mark that a method should not be used.
 808 | // Returns a modified function which warns once by default.
 809 | // If --no-deprecation is set, then it is a no-op.
 810 | exports.deprecate = function(fn, msg) {
 811 |   // Allow for deprecating things in the process of starting up.
 812 |   if (isUndefined(global.process)) {
 813 |     return function() {
 814 |       return exports.deprecate(fn, msg).apply(this, arguments);
 815 |     };
 816 |   }
 817 | 
 818 |   if (process.noDeprecation === true) {
 819 |     return fn;
 820 |   }
 821 | 
 822 |   var warned = false;
 823 |   function deprecated() {
 824 |     if (!warned) {
 825 |       if (process.throwDeprecation) {
 826 |         throw new Error(msg);
 827 |       } else if (process.traceDeprecation) {
 828 |         console.trace(msg);
 829 |       } else {
 830 |         console.error(msg);
 831 |       }
 832 |       warned = true;
 833 |     }
 834 |     return fn.apply(this, arguments);
 835 |   }
 836 | 
 837 |   return deprecated;
 838 | };
 839 | 
 840 | 
 841 | var debugs = {};
 842 | var debugEnviron;
 843 | exports.debuglog = function(set) {
 844 |   if (isUndefined(debugEnviron))
 845 |     { debugEnviron = process.env.NODE_DEBUG || ''; }
 846 |   set = set.toUpperCase();
 847 |   if (!debugs[set]) {
 848 |     if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {
 849 |       var pid = process.pid;
 850 |       debugs[set] = function() {
 851 |         var msg = exports.format.apply(exports, arguments);
 852 |         console.error('%s %d: %s', set, pid, msg);
 853 |       };
 854 |     } else {
 855 |       debugs[set] = function() {};
 856 |     }
 857 |   }
 858 |   return debugs[set];
 859 | };
 860 | 
 861 | 
 862 | /**
 863 |  * Echos the value of a value. Trys to print the value out
 864 |  * in the best way possible given the different types.
 865 |  *
 866 |  * @param {Object} obj The object to print out.
 867 |  * @param {Object} opts Optional options object that alters the output.
 868 |  */
 869 | /* legacy: obj, showHidden, depth, colors*/
 870 | function inspect(obj, opts) {
 871 |   // default options
 872 |   var ctx = {
 873 |     seen: [],
 874 |     stylize: stylizeNoColor
 875 |   };
 876 |   // legacy...
 877 |   if (arguments.length >= 3) { ctx.depth = arguments[2]; }
 878 |   if (arguments.length >= 4) { ctx.colors = arguments[3]; }
 879 |   if (isBoolean(opts)) {
 880 |     // legacy...
 881 |     ctx.showHidden = opts;
 882 |   } else if (opts) {
 883 |     // got an "options" object
 884 |     exports._extend(ctx, opts);
 885 |   }
 886 |   // set default options
 887 |   if (isUndefined(ctx.showHidden)) { ctx.showHidden = false; }
 888 |   if (isUndefined(ctx.depth)) { ctx.depth = 2; }
 889 |   if (isUndefined(ctx.colors)) { ctx.colors = false; }
 890 |   if (isUndefined(ctx.customInspect)) { ctx.customInspect = true; }
 891 |   if (ctx.colors) { ctx.stylize = stylizeWithColor; }
 892 |   return formatValue(ctx, obj, ctx.depth);
 893 | }
 894 | exports.inspect = inspect;
 895 | 
 896 | 
 897 | // http://en.wikipedia.org/wiki/ANSI_escape_code#graphics
 898 | inspect.colors = {
 899 |   'bold' : [1, 22],
 900 |   'italic' : [3, 23],
 901 |   'underline' : [4, 24],
 902 |   'inverse' : [7, 27],
 903 |   'white' : [37, 39],
 904 |   'grey' : [90, 39],
 905 |   'black' : [30, 39],
 906 |   'blue' : [34, 39],
 907 |   'cyan' : [36, 39],
 908 |   'green' : [32, 39],
 909 |   'magenta' : [35, 39],
 910 |   'red' : [31, 39],
 911 |   'yellow' : [33, 39]
 912 | };
 913 | 
 914 | // Don't use 'blue' not visible on cmd.exe
 915 | inspect.styles = {
 916 |   'special': 'cyan',
 917 |   'number': 'yellow',
 918 |   'boolean': 'yellow',
 919 |   'undefined': 'grey',
 920 |   'null': 'bold',
 921 |   'string': 'green',
 922 |   'date': 'magenta',
 923 |   // "name": intentionally not styling
 924 |   'regexp': 'red'
 925 | };
 926 | 
 927 | 
 928 | function stylizeWithColor(str, styleType) {
 929 |   var style = inspect.styles[styleType];
 930 | 
 931 |   if (style) {
 932 |     return '\u001b[' + inspect.colors[style][0] + 'm' + str +
 933 |            '\u001b[' + inspect.colors[style][1] + 'm';
 934 |   } else {
 935 |     return str;
 936 |   }
 937 | }
 938 | 
 939 | 
 940 | function stylizeNoColor(str, styleType) {
 941 |   return str;
 942 | }
 943 | 
 944 | 
 945 | function arrayToHash(array) {
 946 |   var hash = {};
 947 | 
 948 |   array.forEach(function(val, idx) {
 949 |     hash[val] = true;
 950 |   });
 951 | 
 952 |   return hash;
 953 | }
 954 | 
 955 | 
 956 | function formatValue(ctx, value, recurseTimes) {
 957 |   // Provide a hook for user-specified inspect functions.
 958 |   // Check that value is an object with an inspect function on it
 959 |   if (ctx.customInspect &&
 960 |       value &&
 961 |       isFunction(value.inspect) &&
 962 |       // Filter out the util module, it's inspect function is special
 963 |       value.inspect !== exports.inspect &&
 964 |       // Also filter out any prototype objects using the circular check.
 965 |       !(value.constructor && value.constructor.prototype === value)) {
 966 |     var ret = value.inspect(recurseTimes, ctx);
 967 |     if (!isString(ret)) {
 968 |       ret = formatValue(ctx, ret, recurseTimes);
 969 |     }
 970 |     return ret;
 971 |   }
 972 | 
 973 |   // Primitive types cannot have properties
 974 |   var primitive = formatPrimitive(ctx, value);
 975 |   if (primitive) {
 976 |     return primitive;
 977 |   }
 978 | 
 979 |   // Look up the keys of the object.
 980 |   var keys = Object.keys(value);
 981 |   var visibleKeys = arrayToHash(keys);
 982 | 
 983 |   if (ctx.showHidden) {
 984 |     keys = Object.getOwnPropertyNames(value);
 985 |   }
 986 | 
 987 |   // IE doesn't make error fields non-enumerable
 988 |   // http://msdn.microsoft.com/en-us/library/ie/dww52sbt(v=vs.94).aspx
 989 |   if (isError(value)
 990 |       && (keys.indexOf('message') >= 0 || keys.indexOf('description') >= 0)) {
 991 |     return formatError(value);
 992 |   }
 993 | 
 994 |   // Some type of object without properties can be shortcutted.
 995 |   if (keys.length === 0) {
 996 |     if (isFunction(value)) {
 997 |       var name = value.name ? ': ' + value.name : '';
 998 |       return ctx.stylize('[Function' + name + ']', 'special');
 999 |     }
1000 |     if (isRegExp(value)) {
1001 |       return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
1002 |     }
1003 |     if (isDate(value)) {
1004 |       return ctx.stylize(Date.prototype.toString.call(value), 'date');
1005 |     }
1006 |     if (isError(value)) {
1007 |       return formatError(value);
1008 |     }
1009 |   }
1010 | 
1011 |   var base = '', array = false, braces = ['{', '}'];
1012 | 
1013 |   // Make Array say that they are Array
1014 |   if (isArray(value)) {
1015 |     array = true;
1016 |     braces = ['[', ']'];
1017 |   }
1018 | 
1019 |   // Make functions say that they are functions
1020 |   if (isFunction(value)) {
1021 |     var n = value.name ? ': ' + value.name : '';
1022 |     base = ' [Function' + n + ']';
1023 |   }
1024 | 
1025 |   // Make RegExps say that they are RegExps
1026 |   if (isRegExp(value)) {
1027 |     base = ' ' + RegExp.prototype.toString.call(value);
1028 |   }
1029 | 
1030 |   // Make dates with properties first say the date
1031 |   if (isDate(value)) {
1032 |     base = ' ' + Date.prototype.toUTCString.call(value);
1033 |   }
1034 | 
1035 |   // Make error with message first say the error
1036 |   if (isError(value)) {
1037 |     base = ' ' + formatError(value);
1038 |   }
1039 | 
1040 |   if (keys.length === 0 && (!array || value.length == 0)) {
1041 |     return braces[0] + base + braces[1];
1042 |   }
1043 | 
1044 |   if (recurseTimes < 0) {
1045 |     if (isRegExp(value)) {
1046 |       return ctx.stylize(RegExp.prototype.toString.call(value), 'regexp');
1047 |     } else {
1048 |       return ctx.stylize('[Object]', 'special');
1049 |     }
1050 |   }
1051 | 
1052 |   ctx.seen.push(value);
1053 | 
1054 |   var output;
1055 |   if (array) {
1056 |     output = formatArray(ctx, value, recurseTimes, visibleKeys, keys);
1057 |   } else {
1058 |     output = keys.map(function(key) {
1059 |       return formatProperty(ctx, value, recurseTimes, visibleKeys, key, array);
1060 |     });
1061 |   }
1062 | 
1063 |   ctx.seen.pop();
1064 | 
1065 |   return reduceToSingleString(output, base, braces);
1066 | }
1067 | 
1068 | 
1069 | function formatPrimitive(ctx, value) {
1070 |   if (isUndefined(value))
1071 |     { return ctx.stylize('undefined', 'undefined'); }
1072 |   if (isString(value)) {
1073 |     var simple = '\'' + JSON.stringify(value).replace(/^"|"$/g, '')
1074 |                                              .replace(/'/g, "\\'")
1075 |                                              .replace(/\\"/g, '"') + '\'';
1076 |     return ctx.stylize(simple, 'string');
1077 |   }
1078 |   if (isNumber(value))
1079 |     { return ctx.stylize('' + value, 'number'); }
1080 |   if (isBoolean(value))
1081 |     { return ctx.stylize('' + value, 'boolean'); }
1082 |   // For some reason typeof null is "object", so special case here.
1083 |   if (isNull(value))
1084 |     { return ctx.stylize('null', 'null'); }
1085 | }
1086 | 
1087 | 
1088 | function formatError(value) {
1089 |   return '[' + Error.prototype.toString.call(value) + ']';
1090 | }
1091 | 
1092 | 
1093 | function formatArray(ctx, value, recurseTimes, visibleKeys, keys) {
1094 |   var output = [];
1095 |   for (var i = 0, l = value.length; i < l; ++i) {
1096 |     if (hasOwnProperty(value, String(i))) {
1097 |       output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
1098 |           String(i), true));
1099 |     } else {
1100 |       output.push('');
1101 |     }
1102 |   }
1103 |   keys.forEach(function(key) {
1104 |     if (!key.match(/^\d+$/)) {
1105 |       output.push(formatProperty(ctx, value, recurseTimes, visibleKeys,
1106 |           key, true));
1107 |     }
1108 |   });
1109 |   return output;
1110 | }
1111 | 
1112 | 
1113 | function formatProperty(ctx, value, recurseTimes, visibleKeys, key, array) {
1114 |   var name, str, desc;
1115 |   desc = Object.getOwnPropertyDescriptor(value, key) || { value: value[key] };
1116 |   if (desc.get) {
1117 |     if (desc.set) {
1118 |       str = ctx.stylize('[Getter/Setter]', 'special');
1119 |     } else {
1120 |       str = ctx.stylize('[Getter]', 'special');
1121 |     }
1122 |   } else {
1123 |     if (desc.set) {
1124 |       str = ctx.stylize('[Setter]', 'special');
1125 |     }
1126 |   }
1127 |   if (!hasOwnProperty(visibleKeys, key)) {
1128 |     name = '[' + key + ']';
1129 |   }
1130 |   if (!str) {
1131 |     if (ctx.seen.indexOf(desc.value) < 0) {
1132 |       if (isNull(recurseTimes)) {
1133 |         str = formatValue(ctx, desc.value, null);
1134 |       } else {
1135 |         str = formatValue(ctx, desc.value, recurseTimes - 1);
1136 |       }
1137 |       if (str.indexOf('\n') > -1) {
1138 |         if (array) {
1139 |           str = str.split('\n').map(function(line) {
1140 |             return '  ' + line;
1141 |           }).join('\n').substr(2);
1142 |         } else {
1143 |           str = '\n' + str.split('\n').map(function(line) {
1144 |             return '   ' + line;
1145 |           }).join('\n');
1146 |         }
1147 |       }
1148 |     } else {
1149 |       str = ctx.stylize('[Circular]', 'special');
1150 |     }
1151 |   }
1152 |   if (isUndefined(name)) {
1153 |     if (array && key.match(/^\d+$/)) {
1154 |       return str;
1155 |     }
1156 |     name = JSON.stringify('' + key);
1157 |     if (name.match(/^"([a-zA-Z_][a-zA-Z_0-9]*)"$/)) {
1158 |       name = name.substr(1, name.length - 2);
1159 |       name = ctx.stylize(name, 'name');
1160 |     } else {
1161 |       name = name.replace(/'/g, "\\'")
1162 |                  .replace(/\\"/g, '"')
1163 |                  .replace(/(^"|"$)/g, "'");
1164 |       name = ctx.stylize(name, 'string');
1165 |     }
1166 |   }
1167 | 
1168 |   return name + ': ' + str;
1169 | }
1170 | 
1171 | 
1172 | function reduceToSingleString(output, base, braces) {
1173 |   var numLinesEst = 0;
1174 |   var length = output.reduce(function(prev, cur) {
1175 |     numLinesEst++;
1176 |     if (cur.indexOf('\n') >= 0) { numLinesEst++; }
1177 |     return prev + cur.replace(/\u001b\[\d\d?m/g, '').length + 1;
1178 |   }, 0);
1179 | 
1180 |   if (length > 60) {
1181 |     return braces[0] +
1182 |            (base === '' ? '' : base + '\n ') +
1183 |            ' ' +
1184 |            output.join(',\n  ') +
1185 |            ' ' +
1186 |            braces[1];
1187 |   }
1188 | 
1189 |   return braces[0] + base + ' ' + output.join(', ') + ' ' + braces[1];
1190 | }
1191 | 
1192 | 
1193 | // NOTE: These type checking functions intentionally don't use `instanceof`
1194 | // because it is fragile and can be easily faked with `Object.create()`.
1195 | function isArray(ar) {
1196 |   return Array.isArray(ar);
1197 | }
1198 | exports.isArray = isArray;
1199 | 
1200 | function isBoolean(arg) {
1201 |   return typeof arg === 'boolean';
1202 | }
1203 | exports.isBoolean = isBoolean;
1204 | 
1205 | function isNull(arg) {
1206 |   return arg === null;
1207 | }
1208 | exports.isNull = isNull;
1209 | 
1210 | function isNullOrUndefined(arg) {
1211 |   return arg == null;
1212 | }
1213 | exports.isNullOrUndefined = isNullOrUndefined;
1214 | 
1215 | function isNumber(arg) {
1216 |   return typeof arg === 'number';
1217 | }
1218 | exports.isNumber = isNumber;
1219 | 
1220 | function isString(arg) {
1221 |   return typeof arg === 'string';
1222 | }
1223 | exports.isString = isString;
1224 | 
1225 | function isSymbol(arg) {
1226 |   return typeof arg === 'symbol';
1227 | }
1228 | exports.isSymbol = isSymbol;
1229 | 
1230 | function isUndefined(arg) {
1231 |   return arg === void 0;
1232 | }
1233 | exports.isUndefined = isUndefined;
1234 | 
1235 | function isRegExp(re) {
1236 |   return isObject(re) && objectToString(re) === '[object RegExp]';
1237 | }
1238 | exports.isRegExp = isRegExp;
1239 | 
1240 | function isObject(arg) {
1241 |   return typeof arg === 'object' && arg !== null;
1242 | }
1243 | exports.isObject = isObject;
1244 | 
1245 | function isDate(d) {
1246 |   return isObject(d) && objectToString(d) === '[object Date]';
1247 | }
1248 | exports.isDate = isDate;
1249 | 
1250 | function isError(e) {
1251 |   return isObject(e) &&
1252 |       (objectToString(e) === '[object Error]' || e instanceof Error);
1253 | }
1254 | exports.isError = isError;
1255 | 
1256 | function isFunction(arg) {
1257 |   return typeof arg === 'function';
1258 | }
1259 | exports.isFunction = isFunction;
1260 | 
1261 | function isPrimitive(arg) {
1262 |   return arg === null ||
1263 |          typeof arg === 'boolean' ||
1264 |          typeof arg === 'number' ||
1265 |          typeof arg === 'string' ||
1266 |          typeof arg === 'symbol' ||  // ES6 symbol
1267 |          typeof arg === 'undefined';
1268 | }
1269 | exports.isPrimitive = isPrimitive;
1270 | 
1271 | exports.isBuffer = require('./support/isBuffer');
1272 | 
1273 | function objectToString(o) {
1274 |   return Object.prototype.toString.call(o);
1275 | }
1276 | 
1277 | 
1278 | function pad(n) {
1279 |   return n < 10 ? '0' + n.toString(10) : n.toString(10);
1280 | }
1281 | 
1282 | 
1283 | var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',
1284 |               'Oct', 'Nov', 'Dec'];
1285 | 
1286 | // 26 Feb 16:19:34
1287 | function timestamp() {
1288 |   var d = new Date();
1289 |   var time = [pad(d.getHours()),
1290 |               pad(d.getMinutes()),
1291 |               pad(d.getSeconds())].join(':');
1292 |   return [d.getDate(), months[d.getMonth()], time].join(' ');
1293 | }
1294 | 
1295 | 
1296 | // log is just a thin wrapper to console.log that prepends a timestamp
1297 | exports.log = function() {
1298 |   console.log('%s - %s', timestamp(), exports.format.apply(exports, arguments));
1299 | };
1300 | 
1301 | 
1302 | /**
1303 |  * Inherit the prototype methods from one constructor into another.
1304 |  *
1305 |  * The Function.prototype.inherits from lang.js rewritten as a standalone
1306 |  * function (not on Function.prototype). NOTE: If this file is to be loaded
1307 |  * during bootstrapping this function needs to be rewritten using some native
1308 |  * functions as prototype setup using normal JavaScript does not work as
1309 |  * expected during bootstrapping (see mirror.js in r114903).
1310 |  *
1311 |  * @param {function} ctor Constructor function which needs to inherit the
1312 |  *     prototype.
1313 |  * @param {function} superCtor Constructor function to inherit prototype from.
1314 |  */
1315 | exports.inherits = require('inherits');
1316 | 
1317 | exports._extend = function(origin, add) {
1318 |   // Don't do anything if add isn't an object
1319 |   if (!add || !isObject(add)) { return origin; }
1320 | 
1321 |   var keys = Object.keys(add);
1322 |   var i = keys.length;
1323 |   while (i--) {
1324 |     origin[keys[i]] = add[keys[i]];
1325 |   }
1326 |   return origin;
1327 | };
1328 | 
1329 | function hasOwnProperty(obj, prop) {
1330 |   return Object.prototype.hasOwnProperty.call(obj, prop);
1331 | }
1332 | 
1333 | }).call(this,require('_process'),typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
1334 | },{"./support/isBuffer":4,"_process":2,"inherits":3}],6:[function(require,module,exports){
1335 | (function (global){
1336 | 'use strict'
1337 | 
1338 | var clamp = require('clamp')
1339 | var assert = require('assert')
1340 | 
1341 | module.exports = calcSDF
1342 | 
1343 | var INF = 1e20;
1344 | 
1345 | function calcSDF(src, options) {
1346 |     if (!options) { options = {} }
1347 | 
1348 |     var cutoff = options.cutoff == null ? 0.25 : options.cutoff
1349 |     var radius = options.radius == null ? 8 : options.radius
1350 |     var channel = options.channel || 0
1351 |     var w, h, size, data, intData, stride, ctx, canvas, imgData, i, l
1352 | 
1353 |     // handle image container
1354 |     if (ArrayBuffer.isView(src) || Array.isArray(src)) {
1355 |         assert(options.width && options.height, 'For raw data width and height should be provided by options')
1356 |         w = options.width, h = options.height
1357 |         data = src
1358 | 
1359 |         if (!options.stride) { stride = Math.floor(src.length / w / h) }
1360 |         else { stride = options.stride }
1361 |     }
1362 |     else {
1363 |         if (src instanceof global.HTMLCanvasElement) {
1364 |             canvas = src
1365 |             ctx = canvas.getContext('2d')
1366 |             w = canvas.width, h = canvas.height
1367 |             imgData = ctx.getImageData(0, 0, w, h)
1368 |             data = imgData.data
1369 |             stride = 4
1370 |         }
1371 |         else if (src instanceof global.CanvasRenderingContext2D) {
1372 |             canvas = src.canvas
1373 |             ctx = src
1374 |             w = canvas.width, h = canvas.height
1375 |             imgData = ctx.getImageData(0, 0, w, h)
1376 |             data = imgData.data
1377 |             stride = 4
1378 |         }
1379 |         else if (src instanceof global.ImageData) {
1380 |             imgData = src
1381 |             w = src.width, h = src.height
1382 |             data = imgData.data
1383 |             stride = 4
1384 |         }
1385 |     }
1386 | 
1387 |     size = Math.max(w, h)
1388 | 
1389 |     //convert int data to floats
1390 |     if (data instanceof Uint8ClampedArray || data instanceof Uint8Array) {
1391 |         intData = data
1392 |         data = Array(w*h)
1393 | 
1394 |         for (i = 0, l = intData.length; i < l; i++) {
1395 |             data[i] = intData[i*stride + channel] / 255
1396 |         }
1397 |     }
1398 |     else {
1399 |         assert.equal(stride, 1, 'Raw data can have only 1 value per pixel')
1400 |     }
1401 | 
1402 |     // temporary arrays for the distance transform
1403 |     var gridOuter = Array(w * h)
1404 |     var gridInner = Array(w * h)
1405 |     var f = Array(size)
1406 |     var d = Array(size)
1407 |     var z = Array(size + 1)
1408 |     var v = Array(size)
1409 | 
1410 |     for (i = 0, l = w * h; i < l; i++) {
1411 |         var a = data[i]
1412 |         gridOuter[i] = a === 1 ? 0 : a === 0 ? INF : Math.pow(Math.max(0, 0.5 - a), 2)
1413 |         gridInner[i] = a === 1 ? INF : a === 0 ? 0 : Math.pow(Math.max(0, a - 0.5), 2)
1414 |     }
1415 | 
1416 |     edt(gridOuter, w, h, f, d, v, z)
1417 |     edt(gridInner, w, h, f, d, v, z)
1418 | 
1419 |     var dist = new Float32Array(w * h)
1420 | 
1421 |     for (i = 0, l = w*h; i < l; i++) {
1422 |         dist[i] = clamp(1 - ( (gridOuter[i] - gridInner[i]) / radius + cutoff), 0, 1)
1423 |     }
1424 | 
1425 |     return dist
1426 | }
1427 | 
1428 | // 2D Euclidean distance transform by Felzenszwalb & Huttenlocher https://cs.brown.edu/~pff/dt/
1429 | function edt(data, width, height, f, d, v, z) {
1430 |     for (var x = 0; x < width; x++) {
1431 |         for (var y = 0; y < height; y++) {
1432 |             f[y] = data[y * width + x]
1433 |         }
1434 |         edt1d(f, d, v, z, height)
1435 |         for (y = 0; y < height; y++) {
1436 |             data[y * width + x] = d[y]
1437 |         }
1438 |     }
1439 |     for (y = 0; y < height; y++) {
1440 |         for (x = 0; x < width; x++) {
1441 |             f[x] = data[y * width + x]
1442 |         }
1443 |         edt1d(f, d, v, z, width)
1444 |         for (x = 0; x < width; x++) {
1445 |             data[y * width + x] = Math.sqrt(d[x])
1446 |         }
1447 |     }
1448 | }
1449 | 
1450 | // 1D squared distance transform
1451 | function edt1d(f, d, v, z, n) {
1452 |     v[0] = 0;
1453 |     z[0] = -INF
1454 |     z[1] = +INF
1455 | 
1456 |     for (var q = 1, k = 0; q < n; q++) {
1457 |         var s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k])
1458 |         while (s <= z[k]) {
1459 |             k--
1460 |             s = ((f[q] + q * q) - (f[v[k]] + v[k] * v[k])) / (2 * q - 2 * v[k])
1461 |         }
1462 |         k++
1463 |         v[k] = q
1464 |         z[k] = s
1465 |         z[k + 1] = +INF
1466 |     }
1467 | 
1468 |     for (q = 0, k = 0; q < n; q++) {
1469 |         while (z[k + 1] < q) { k++ }
1470 |         d[q] = (q - v[k]) * (q - v[k]) + f[v[k]]
1471 |     }
1472 | }
1473 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
1474 | },{"assert":1,"clamp":7}],7:[function(require,module,exports){
1475 | module.exports = clamp
1476 | 
1477 | function clamp(value, min, max) {
1478 |   return min < max
1479 |     ? (value < min ? min : value > max ? max : value)
1480 |     : (value < max ? max : value > min ? min : value)
1481 | }
1482 | 
1483 | },{}],8:[function(require,module,exports){
1484 | if (!Array.prototype.fill) {
1485 |   Array.prototype.fill = function(value) {
1486 | 
1487 |     // Steps 1-2.
1488 |     if (this == null) {
1489 |       throw new TypeError('this is null or not defined');
1490 |     }
1491 | 
1492 |     var O = Object(this);
1493 | 
1494 |     // Steps 3-5.
1495 |     var len = O.length >>> 0;
1496 | 
1497 |     // Steps 6-7.
1498 |     var start = arguments[1];
1499 |     var relativeStart = start >> 0;
1500 | 
1501 |     // Step 8.
1502 |     var k = relativeStart < 0 ?
1503 |       Math.max(len + relativeStart, 0) :
1504 |       Math.min(relativeStart, len);
1505 | 
1506 |     // Steps 9-10.
1507 |     var end = arguments[2];
1508 |     var relativeEnd = end === undefined ?
1509 |       len : end >> 0;
1510 | 
1511 |     // Step 11.
1512 |     var final = relativeEnd < 0 ?
1513 |       Math.max(len + relativeEnd, 0) :
1514 |       Math.min(relativeEnd, len);
1515 | 
1516 |     // Step 12.
1517 |     while (k < final) {
1518 |       O[k] = value;
1519 |       k++;
1520 |     }
1521 | 
1522 |     // Step 13.
1523 |     return O;
1524 |   };
1525 | }
1526 | },{}],9:[function(require,module,exports){
1527 | require('./arr-fill');
1528 | require('typedarray-methods');
1529 | require('get-float-time-domain-data');
1530 | var css = require('insert-styles');
1531 | 
1532 | 
1533 | css("/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n *    IE on Windows Phone and in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n  display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n  background-color: transparent; /* 1 */\n  -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n  border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: sans-serif; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n *    controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Scripting\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n  display: none;\n}\n\n/* Hidden\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n  display: none;\n}\n");
1534 | 
1535 | css("\n\thtml {\n\t\ttouch-action: manipulation;\n\t}\n")
1536 | 
1537 | addMeta({
1538 | 	name: 'viewport',
1539 | 	content: 'width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=0'
1540 | });
1541 | addMeta({
1542 | 	'http-equiv': 'x-ua-compatible',
1543 | 	content: 'ie=edge'
1544 | });
1545 | addMeta({
1546 | 	charset: 'utf-8'
1547 | });
1548 | 
1549 | 
1550 | function addMeta (obj) {
1551 | 	var meta = document.createElement('meta');
1552 | 	var qs = 'meta';
1553 | 	for (var name in obj) {
1554 | 		qs += "[" + name + "]"
1555 | 		meta.setAttribute(name, obj[name]);
1556 | 	}
1557 | 	if (!document.querySelector(qs)) {
1558 | 		document.head.insertBefore(meta, document.head.firstChild);
1559 | 	}
1560 | }
1561 | },{"./arr-fill":8,"get-float-time-domain-data":10,"insert-styles":11,"typedarray-methods":12}],10:[function(require,module,exports){
1562 | (function (global){
1563 | "use strict";
1564 | 
1565 | if (global.AnalyserNode && !global.AnalyserNode.prototype.getFloatTimeDomainData) {
1566 |   var uint8 = new Uint8Array(2048);
1567 |   global.AnalyserNode.prototype.getFloatTimeDomainData = function(array) {
1568 |     this.getByteTimeDomainData(uint8);
1569 |     for (var i = 0, imax = array.length; i < imax; i++) {
1570 |       array[i] = (uint8[i] - 128) * 0.0078125;
1571 |     }
1572 |   };
1573 | }
1574 | 
1575 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
1576 | },{}],11:[function(require,module,exports){
1577 | (function (global){
1578 | 'use strict'
1579 | 
1580 | var cache = {}
1581 | 
1582 | function noop () {}
1583 | 
1584 | module.exports = !global.document ? noop : insertStyles
1585 | 
1586 | function insertStyles (styles, options) {
1587 |   var id = options && options.id || styles
1588 | 
1589 |   var element = cache[id] = (cache[id] || createStyle(id))
1590 | 
1591 |   if ('textContent' in element) {
1592 |     element.textContent = styles
1593 |   } else {
1594 |     element.styleSheet.cssText = styles
1595 |   }
1596 | }
1597 | 
1598 | function createStyle (id) {
1599 |   var element = document.getElementById(id)
1600 | 
1601 |   if (element) { return element }
1602 | 
1603 |   element = document.createElement('style')
1604 |   element.setAttribute('type', 'text/css')
1605 | 
1606 |   document.head.appendChild(element)
1607 | 
1608 |   return element
1609 | }
1610 | 
1611 | }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
1612 | },{}],12:[function(require,module,exports){
1613 | 
1614 | /**
1615 |  * @module typedarray-polyfill
1616 |  */
1617 | 
1618 | var methods = ['values', 'sort', 'some', 'slice', 'reverse', 'reduceRight', 'reduce', 'map', 'keys', 'lastIndexOf', 'join', 'indexOf', 'includes', 'forEach', 'find', 'findIndex', 'copyWithin', 'filter', 'entries', 'every', 'fill'];
1619 | 
1620 | if (typeof Int8Array !== 'undefined') {
1621 |     for (var i = methods.length; i--;) {
1622 |         var method = methods[i];
1623 |         if (!Int8Array.prototype[method]) { Int8Array.prototype[method] = Array.prototype[method]; }
1624 |     }
1625 | }
1626 | if (typeof Uint8Array !== 'undefined') {
1627 |     for (var i = methods.length; i--;) {
1628 |         var method = methods[i];
1629 |         if (!Uint8Array.prototype[method]) { Uint8Array.prototype[method] = Array.prototype[method]; }
1630 |     }
1631 | }
1632 | if (typeof Uint8ClampedArray !== 'undefined') {
1633 |     for (var i = methods.length; i--;) {
1634 |         var method = methods[i];
1635 |         if (!Uint8ClampedArray.prototype[method]) { Uint8ClampedArray.prototype[method] = Array.prototype[method]; }
1636 |     }
1637 | }
1638 | if (typeof Int16Array !== 'undefined') {
1639 |     for (var i = methods.length; i--;) {
1640 |         var method = methods[i];
1641 |         if (!Int16Array.prototype[method]) { Int16Array.prototype[method] = Array.prototype[method]; }
1642 |     }
1643 | }
1644 | if (typeof Uint16Array !== 'undefined') {
1645 |     for (var i = methods.length; i--;) {
1646 |         var method = methods[i];
1647 |         if (!Uint16Array.prototype[method]) { Uint16Array.prototype[method] = Array.prototype[method]; }
1648 |     }
1649 | }
1650 | if (typeof Int32Array !== 'undefined') {
1651 |     for (var i = methods.length; i--;) {
1652 |         var method = methods[i];
1653 |         if (!Int32Array.prototype[method]) { Int32Array.prototype[method] = Array.prototype[method]; }
1654 |     }
1655 | }
1656 | if (typeof Uint32Array !== 'undefined') {
1657 |     for (var i = methods.length; i--;) {
1658 |         var method = methods[i];
1659 |         if (!Uint32Array.prototype[method]) { Uint32Array.prototype[method] = Array.prototype[method]; }
1660 |     }
1661 | }
1662 | if (typeof Float32Array !== 'undefined') {
1663 |     for (var i = methods.length; i--;) {
1664 |         var method = methods[i];
1665 |         if (!Float32Array.prototype[method]) { Float32Array.prototype[method] = Array.prototype[method]; }
1666 |     }
1667 | }
1668 | if (typeof Float64Array !== 'undefined') {
1669 |     for (var i = methods.length; i--;) {
1670 |         var method = methods[i];
1671 |         if (!Float64Array.prototype[method]) { Float64Array.prototype[method] = Array.prototype[method]; }
1672 |     }
1673 | }
1674 | if (typeof TypedArray !== 'undefined') {
1675 |     for (var i = methods.length; i--;) {
1676 |         var method = methods[i];
1677 |         if (!TypedArray.prototype[method]) { TypedArray.prototype[method] = Array.prototype[method]; }
1678 |     }
1679 | }
1680 | },{}],13:[function(require,module,exports){
1681 | 'use strict'
1682 | 
1683 | require('enable-mobile')
1684 | document.body.style.fontFamily = 'sans-serif'
1685 | document.body.style.padding = '2rem'
1686 | 
1687 | var calcSDF = require('./')
1688 | 
1689 | var canvas = document.body.appendChild(document.createElement('canvas'))
1690 | canvas.style.margin = '1rem 1rem 1rem 0'
1691 | 
1692 | canvas.width = 165
1693 | canvas.height = 150
1694 | 
1695 | var ctx = canvas.getContext('2d')
1696 | ctx.fillStyle = 'black'
1697 | ctx.fillRect(0,0,canvas.width, canvas.height)
1698 | ctx.fillStyle = 'white'
1699 | ctx.font = 'bold 100px sans-serif'
1700 | ctx.fillText('X', 50, 100)
1701 | 
1702 | 
1703 | var out = document.body.appendChild(document.createElement('canvas'))
1704 | out.style.margin = '1rem 1rem 1rem 0'
1705 | 
1706 | out.width = 165
1707 | out.height = 150
1708 | var outCtx = out.getContext('2d')
1709 | 
1710 | outCtx.drawImage(canvas, 0, 0);
1711 | 
1712 | 
1713 | var cutoff = 0, radius = 10
1714 | 
1715 | update()
1716 | 
1717 | function update () {
1718 | 	var idata = ctx.getImageData(0,0,canvas.width, canvas.height).data
1719 | 	var data = Array(canvas.width*canvas.height)
1720 | 	for (var i = 0; i < data.length; i++) {
1721 | 		data[i] = idata[i*4]/255
1722 | 	}
1723 | 
1724 | 	console.time('sdf')
1725 | 	var arr = calcSDF(data, {
1726 | 		cutoff: cutoff,
1727 | 		radius: radius,
1728 | 		width: canvas.width,
1729 | 		height:  canvas.height
1730 | 	})
1731 | 	console.timeEnd('sdf')
1732 | 
1733 | 	var imgArr = new Uint8ClampedArray(165*150*4)
1734 | 	for (var i$1 = 0; i$1 < 165; i$1++) {
1735 | 		for (var j = 0; j < 150; j++) {
1736 | 			imgArr[j*165*4 + i$1*4 + 0] = arr[j*165+i$1]*255
1737 | 			imgArr[j*165*4 + i$1*4 + 1] = arr[j*165+i$1]*255
1738 | 			imgArr[j*165*4 + i$1*4 + 2] = arr[j*165+i$1]*255
1739 | 			imgArr[j*165*4 + i$1*4 + 3] = 255
1740 | 		}
1741 | 	}
1742 | 
1743 | 	var data = new ImageData(imgArr, 165, 150)
1744 | 	outCtx.putImageData(data, 0, 0)
1745 | }
1746 | 
1747 | 
1748 | var cutoffTitle = document.body.appendChild(document.createElement('label'))
1749 | cutoffTitle.innerHTML = 'Cutoff'
1750 | cutoffTitle.style.display = 'block'
1751 | 
1752 | var cutoffEl = document.body.appendChild(document.createElement('input'))
1753 | cutoffEl.type = 'range'
1754 | cutoffEl.min = 0
1755 | cutoffEl.max = 1
1756 | cutoffEl.step = 0.001
1757 | cutoffEl.value = cutoff
1758 | cutoffEl.oninput = function (e) {
1759 | 	cutoff = parseFloat(cutoffEl.value)
1760 | 	update()
1761 | }
1762 | 
1763 | 
1764 | var radTitle = document.body.appendChild(document.createElement('label'))
1765 | radTitle.innerHTML = 'Radius'
1766 | radTitle.style.display = 'block'
1767 | 
1768 | var radEl = document.body.appendChild(document.createElement('input'))
1769 | radEl.type = 'range'
1770 | radEl.min = 0
1771 | radEl.max = 100
1772 | radEl.step = 0.2
1773 | radEl.value = radius
1774 | radEl.oninput = function (e) {
1775 | 	radius = parseFloat(radEl.value)
1776 | 	update()
1777 | }
1778 | },{"./":6,"enable-mobile":9}]},{},[13]);
1779 | </script>
1780 | </html>
1781 | 


--------------------------------------------------------------------------------