├── .gitignore
├── LICENSE
├── README.md
├── barcode-reader.js
├── barcode-worker.js
├── demo
    └── index.html
├── index.html
├── package.json
├── polymer.json
├── test
    └── index.html
└── yarn.lock


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


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


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | [![npm version](https://badge.fury.io/js/%40justinribeiro%2Fbarcode-reader.svg)](https://badge.fury.io/js/%40justinribeiro%2Fbarcode-reader)
 2 | 
 3 | # \<barcode-reader\>
 4 | 
 5 | > A web component that reads barcodes via the Shape Detection API via a Web Worker.
 6 | 
 7 | ![screenshot of barcode-reader](https://user-images.githubusercontent.com/643503/57164618-8765b100-6da9-11e9-9a22-6e6f7fda9c97.png)
 8 | 
 9 | ## Features
10 | 
11 | * Uses Shape Detection API available in Chrome M74 (see https://www.chromestatus.com/feature/4757990523535360).
12 | * Module scripts on DedicatedWorker. You can try the feature with '--enable-experimental-web-platform-features' flag (see https://crbug.com/680046)
13 | * Uses [Comlink](https://github.com/GoogleChromeLabs/comlink) for the proxy of the worker
14 | * Built as a web component via [LitElement](https://lit-element.polymer-project.org/)
15 | 
16 | ## Experimental
17 | 
18 | Please note, this is **not** production ready. It's not polyfilled, it relies on an experimental platform feature for the Web Worker, and generally I've just been toying with it in various Chrome builds for quite some time.
19 | 
20 | Use at your own peril! 🐉🔥
21 | 
22 | ## A more complete example
23 | 
24 | If you're looking for a more complete PWA example of using barcodes on the web, I highly recommend [Paul Kinlans' QR Snapper](https://github.com/PaulKinlan/qrcode) as well as his blog.
25 | 
26 | ## Install
27 | 
28 | This web component is built with Polymer 3 and ES modules in mind and is
29 | available on NPM:
30 | 
31 | Install barcode-reader:
32 | 
33 | ```sh
34 | npm i @justinribeiro/barcode-reader
35 | # or
36 | yarn add @justinribeiro/barcode-reader
37 | ```
38 | 
39 | After install, import into your project:
40 | 
41 | ```js
42 | import 'barcode-reader';
43 | ```
44 | 
45 | Finally, use as required:
46 | 
47 | ```html
48 | <barcode-reader></barcode-reader>
49 | <script>
50 |   customElements.whenDefined('barcode-reader').then(() => {
51 |     const barcodeReader = document.querySelector('barcode-reader');
52 | 
53 |     // start the camera stream
54 |     // always looks for
55 |     // facingMode: {
56 |     //   exact: 'environment',
57 |     // }
58 |     barcodeReader.start();
59 | 
60 |     // component returns a custom event with results
61 |     document.addEventListener('barcodes-found', (event) => {
62 |       console.log(event.detail.barcodes);
63 | 
64 |       // if you want to stop streaming, ala, I'm hiding you now
65 |       barcodeReader.stop();
66 |     }, false);
67 |   });
68 | </script>
69 | ```
70 | 


--------------------------------------------------------------------------------
/barcode-reader.js:
--------------------------------------------------------------------------------
  1 | import {LitElement, html, css} from 'lit-element';
  2 | import * as Comlink from 'comlink';
  3 | 
  4 | /**
  5 |  * `barcode-reader`
  6 |  *
  7 |  *
  8 |  * @polymer
  9 |  * @extends HTMLElement
 10 |  * @demo demo/index.html
 11 |  */
 12 | class BarcodeReader extends LitElement {
 13 |   static get properties() {
 14 |     return {
 15 | 
 16 |     };
 17 |   }
 18 | 
 19 |   static get styles() {
 20 |     return css`
 21 |       :host {
 22 |         display: block;
 23 |         position: relative;
 24 |       }
 25 | 
 26 |       canvas {
 27 |         display:none;
 28 |       }
 29 | 
 30 |       video {
 31 |         width: 100%;
 32 |         height: 100%;
 33 |       }
 34 | 
 35 |       #overlay {
 36 |         position: absolute;
 37 |         top: 0;
 38 |         left: 0;
 39 |         bottom: 0;
 40 |         right: 0;
 41 |         background-color: transparent;
 42 |         border-style: solid;
 43 |         border-color: rgba(0, 0, 0, 0.5);
 44 |         pointer-events: none;
 45 |         z-index: 20;
 46 |         border-width: 2em;
 47 |       }
 48 | 
 49 |       #scanline {
 50 |         position: absolute;
 51 |         top: 0;
 52 |         left: 0;
 53 |         width: 100%;
 54 |         height: 100%;
 55 |         visibility: visible;
 56 |         background: linear-gradient(to bottom, transparent 51%, red 51%, transparent 52%)
 57 |       }
 58 |     `;
 59 |   }
 60 | 
 61 |   render() {
 62 |     return html`
 63 |       <div id="overlay">
 64 |         <div id="scanline"></div>
 65 |       </div>
 66 |       <canvas width="640" height="480"></canvas>
 67 |       <video width="640" height="480" muted autoplay playsinline />
 68 |     `;
 69 |   }
 70 | 
 71 |   constructor() {
 72 |     super();
 73 | 
 74 |     this.__context = null;
 75 |     this.__video = null;
 76 | 
 77 |     // Module scripts are not supported on DedicatedWorker yet. You can try the
 78 |     // feature with '--enable-experimental-web-platform-features' flag (see
 79 |     // https://crbug.com/680046)
 80 |     //
 81 |     // This path is also specific to the demo/index.html; have to fix
 82 |     this.__barcodeProxy = Comlink.proxy(new Worker('../barcode-worker.js', { type: "module" }));
 83 |   }
 84 | 
 85 |   firstUpdated() {
 86 |     this.__context = this.shadowRoot.querySelector('canvas').getContext('2d');
 87 |     this.__video = this.shadowRoot.querySelector('video');
 88 |     this.__videoInputSelector = this.shadowRoot.querySelector('#videoInput');
 89 |   }
 90 | 
 91 |   _onFrame() {
 92 |     if(this.__video.videoWidth > 0) {
 93 |       this._drawFrame(this.__video);
 94 |     }
 95 |     this.__animationFrameId = requestAnimationFrame(this._onFrame.bind(this));
 96 |   };
 97 | 
 98 |   _drawFrame(frameData) {
 99 |     this.__context.drawImage(frameData, 0, 0, 640, 480, 0, 0, 640, 480);
100 |     this._processFrame();
101 |   }
102 | 
103 |   async _processFrame() {
104 |     if(!this.__jobProcessingFrame) {
105 |       this.__jobProcessingFrame = true;
106 | 
107 |       const imageData = this.__context.getImageData(0, 0, 640, 480);
108 |       const data = await this.__barcodeProxy.detect(imageData);
109 |       if (data) {
110 |         this.dispatchEvent(new CustomEvent('barcodes-found', {
111 |           bubbles: true,
112 |           composed: true,
113 |           detail: {
114 |             barcodes: data
115 |           }
116 |         }));
117 |       }
118 |       this.__jobProcessingFrame = false;
119 |     }
120 |   }
121 | 
122 |   async start() {
123 |     // bigger video = more memory = more OOM on constrained devices
124 |     const constraints = {
125 |       'audio': false,
126 |       'video': {
127 |         width: { min: 640, ideal: 640, max: 1280 },
128 |         height: { min: 480, ideal: 480, max: 720 },
129 |         facingMode: {
130 |           exact: 'environment',
131 |         }
132 |       }
133 |     };
134 | 
135 |     const stream = await navigator.mediaDevices.getUserMedia(constraints);
136 | 
137 |     this.__video.addEventListener('loadeddata', (e) => {
138 |       this.__animationFrameId = requestAnimationFrame(this._onFrame.bind(this));
139 |     });
140 | 
141 |     this.__video.srcObject = stream;
142 |     this.__stream = stream;
143 |   }
144 | 
145 |   stop() {
146 |     this.__stream.getTracks()[0].stop();
147 |   }
148 | }
149 | 
150 | window.customElements.define('barcode-reader', BarcodeReader);
151 | 


--------------------------------------------------------------------------------
/barcode-worker.js:
--------------------------------------------------------------------------------
 1 | import * as Comlink from 'comlink';
 2 | 
 3 | let detect = async (imageData) => {
 4 |   try {
 5 |     const barcodeDetector = new BarcodeDetector();
 6 |     let barcodes = await barcodeDetector.detect(imageData);
 7 |     if (barcodes.length > 0) {
 8 |       return barcodes;
 9 |     }
10 |   } catch(err) {
11 |     console.error('BarcodeDetector error! Possibly you need the polyfill.');
12 |   }
13 | };
14 | 
15 | Comlink.expose({detect}, self);


--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
 6 | 
 7 |     <title>barcode-reader demo</title>
 8 | 
 9 |     <script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
10 | 
11 |     <script type="module">
12 |       import '@polymer/iron-demo-helpers/demo-pages-shared-styles';
13 |       import '@polymer/iron-demo-helpers/demo-snippet';
14 |     </script>
15 | 
16 |     <script type="module" src="../barcode-reader.js"></script>
17 | 
18 |     <custom-style>
19 |       <style is="custom-style" include="demo-pages-shared-styles">
20 |       </style>
21 |     </custom-style>
22 |   </head>
23 |   <body>
24 |     <div class="vertical-section-container centered">
25 |       <h3>Basic barcode-reader demo</h3>
26 |       <demo-snippet>
27 |         <template>
28 |           <barcode-reader></barcode-reader>
29 |           <script>
30 |             customElements.whenDefined('barcode-reader').then(() => {
31 |               const barcodeReader = document.querySelector('barcode-reader');
32 | 
33 |               // start the camera stream
34 |               // always looks for
35 |               // facingMode: {
36 |               //   exact: 'environment',
37 |               // }
38 |               barcodeReader.start();
39 | 
40 |               // component returns a custom event with results
41 |               document.addEventListener('barcodes-found', (event) => {
42 |                 console.log(event.detail.barcodes);
43 | 
44 |                 // if you want to stop streaming, ala, I'm hiding you now
45 |                 // barcodeReader.stop();
46 |               }, false);
47 |             });
48 |           </script>
49 |         </template>
50 |       </demo-snippet>
51 |     </div>
52 |   </body>
53 | </html>
54 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="refresh" content="0;url=demo/" />
 6 |     <title>stl-art-viewer</title>
 7 |   </head>
 8 |   <body>
 9 |     <!--
10 |         Visit demo/index.html to see live examples of your element running.
11 |         This page will automatically redirect you there when run in the browser
12 |         with `polymer serve`.
13 |       -->
14 |   </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@justinribeiro/barcode-reader",
 3 |   "description": "A web component that uses the Shape Detection API and module scripts in DedicatedWorker to detect barcodes.",
 4 |   "author": "Justin Ribeiro <justin@justinribeiro.com>",
 5 |   "repository": {
 6 |     "type": "git",
 7 |     "url": "git@github.com:justinribeiro/barcode-reader.git"
 8 |   },
 9 |   "license": "MIT",
10 |   "version": "0.1.0",
11 |   "main": "barcode-reader.js",
12 |   "module": "barcode-reader.js",
13 |   "dependencies": {
14 |     "comlink": "^3.2.0",
15 |     "lit-element": "^2.1.0"
16 |   },
17 |   "devDependencies": {
18 |     "@polymer/iron-demo-helpers": "^3.0.0-pre.19",
19 |     "@webcomponents/webcomponentsjs": "^2.0.0",
20 |     "wct-browser-legacy": "^1.0.0"
21 |   },
22 |   "keywords": [
23 |     "polymer",
24 |     "web components",
25 |     "lit-html",
26 |     "lit-element",
27 |     "barcode",
28 |     "shape detection api"
29 |   ]
30 | }
31 | 


--------------------------------------------------------------------------------
/polymer.json:
--------------------------------------------------------------------------------
1 | {
2 |   "npm": true,
3 |   "lint": {
4 |     "rules": [
5 |       "polymer-3"
6 |     ]
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/test/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
 6 | 
 7 |     <script src="../node_modules/wct-browser-legacy/browser.js"></script>
 8 |   </head>
 9 |   <body>
10 |     <script>
11 |       // Load and run all tests (.html, .js):
12 |       WCT.loadSuites([
13 |         'barcode-reader_test.html'
14 |       ]);
15 |     </script>
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
  1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  2 | # yarn lockfile v1
  3 | 
  4 | 
  5 | "@polymer/font-roboto@^3.0.0-pre.19":
  6 |   version "3.0.0-pre.19"
  7 |   resolved "https://registry.yarnpkg.com/@polymer/font-roboto/-/font-roboto-3.0.0-pre.19.tgz#d67384a000eebb2632c00c268182a8528aca4a7c"
  8 | 
  9 | "@polymer/iron-demo-helpers@^3.0.0-pre.19":
 10 |   version "3.0.0-pre.19"
 11 |   resolved "https://registry.yarnpkg.com/@polymer/iron-demo-helpers/-/iron-demo-helpers-3.0.0-pre.19.tgz#15f1d5b94884e97dc5cbb15ee129367fca20fadb"
 12 |   dependencies:
 13 |     "@polymer/font-roboto" "^3.0.0-pre.19"
 14 |     "@polymer/iron-flex-layout" "^3.0.0-pre.19"
 15 |     "@polymer/iron-location" "^3.0.0-pre.19"
 16 |     "@polymer/marked-element" "^3.0.0-pre.19"
 17 |     "@polymer/polymer" "^3.0.0"
 18 |     "@polymer/prism-element" "^3.0.0-pre.19"
 19 | 
 20 | "@polymer/iron-flex-layout@^3.0.0-pre.19":
 21 |   version "3.0.0-pre.19"
 22 |   resolved "https://registry.yarnpkg.com/@polymer/iron-flex-layout/-/iron-flex-layout-3.0.0-pre.19.tgz#35f633ab4d4e14e44650722729128e4f5968c1e9"
 23 |   dependencies:
 24 |     "@polymer/polymer" "^3.0.0"
 25 | 
 26 | "@polymer/iron-location@^3.0.0-pre.19":
 27 |   version "3.0.0-pre.19"
 28 |   resolved "https://registry.yarnpkg.com/@polymer/iron-location/-/iron-location-3.0.0-pre.19.tgz#092716cf677491eb0c53031eb4014f6af566694d"
 29 |   dependencies:
 30 |     "@polymer/polymer" "^3.0.0"
 31 | 
 32 | "@polymer/marked-element@^3.0.0-pre.19":
 33 |   version "3.0.0-pre.19"
 34 |   resolved "https://registry.yarnpkg.com/@polymer/marked-element/-/marked-element-3.0.0-pre.19.tgz#e4288e1590309cb08654098ea386927c09690429"
 35 |   dependencies:
 36 |     "@polymer/polymer" "^3.0.0"
 37 |     marked "~0.3.9"
 38 | 
 39 | "@polymer/polymer@^3.0.0":
 40 |   version "3.0.2"
 41 |   resolved "https://registry.yarnpkg.com/@polymer/polymer/-/polymer-3.0.2.tgz#626e6f9fae9716b0962ce0211e21df242153eab2"
 42 |   dependencies:
 43 |     "@webcomponents/shadycss" "^1.2.0"
 44 | 
 45 | "@polymer/prism-element@^3.0.0-pre.19":
 46 |   version "3.0.0-pre.19"
 47 |   resolved "https://registry.yarnpkg.com/@polymer/prism-element/-/prism-element-3.0.0-pre.19.tgz#067a10fa026b2bbf70c62df863026d8a3ec70966"
 48 |   dependencies:
 49 |     "@polymer/polymer" "^3.0.0"
 50 |     prismjs "^1.11.0"
 51 | 
 52 | "@polymer/sinonjs@^1.14.1":
 53 |   version "1.17.1"
 54 |   resolved "https://registry.yarnpkg.com/@polymer/sinonjs/-/sinonjs-1.17.1.tgz#e47d3785b7d0e8c29feb97f7e924b0fc597e2e9b"
 55 | 
 56 | "@polymer/test-fixture@^3.0.0-pre.1":
 57 |   version "3.0.0-pre.19"
 58 |   resolved "https://registry.yarnpkg.com/@polymer/test-fixture/-/test-fixture-3.0.0-pre.19.tgz#415e16f75da4a242171c5954b6f4443fdca0c4c2"
 59 | 
 60 | "@webcomponents/shadycss@^1.2.0":
 61 |   version "1.3.1"
 62 |   resolved "https://registry.yarnpkg.com/@webcomponents/shadycss/-/shadycss-1.3.1.tgz#9320a7a86c8abfec97d41a41e82691a0dfc3a13a"
 63 | 
 64 | "@webcomponents/webcomponentsjs@^2.0.0":
 65 |   version "2.0.2"
 66 |   resolved "https://registry.yarnpkg.com/@webcomponents/webcomponentsjs/-/webcomponentsjs-2.0.2.tgz#35272bcedfab0cba6778707e76f0191d12deb9f6"
 67 | 
 68 | accessibility-developer-tools@^2.12.0:
 69 |   version "2.12.0"
 70 |   resolved "https://registry.yarnpkg.com/accessibility-developer-tools/-/accessibility-developer-tools-2.12.0.tgz#3da0cce9d6ec6373964b84f35db7cfc3df7ab514"
 71 | 
 72 | ansi-regex@^2.0.0:
 73 |   version "2.1.1"
 74 |   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
 75 | 
 76 | ansi-styles@^2.2.1:
 77 |   version "2.2.1"
 78 |   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
 79 | 
 80 | assertion-error@^1.0.1:
 81 |   version "1.1.0"
 82 |   resolved "https://registry.yarnpkg.com/assertion-error/-/assertion-error-1.1.0.tgz#e60b6b0e8f301bd97e5375215bda406c85118c0b"
 83 | 
 84 | async@^1.5.2:
 85 |   version "1.5.2"
 86 |   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
 87 | 
 88 | balanced-match@^1.0.0:
 89 |   version "1.0.0"
 90 |   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
 91 | 
 92 | brace-expansion@^1.1.7:
 93 |   version "1.1.11"
 94 |   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
 95 |   dependencies:
 96 |     balanced-match "^1.0.0"
 97 |     concat-map "0.0.1"
 98 | 
 99 | browser-stdout@1.3.0:
100 |   version "1.3.0"
101 |   resolved "https://registry.yarnpkg.com/browser-stdout/-/browser-stdout-1.3.0.tgz#f351d32969d32fa5d7a5567154263d928ae3bd1f"
102 | 
103 | chai@^3.5.0:
104 |   version "3.5.0"
105 |   resolved "https://registry.yarnpkg.com/chai/-/chai-3.5.0.tgz#4d02637b067fe958bdbfdd3a40ec56fef7373247"
106 |   dependencies:
107 |     assertion-error "^1.0.1"
108 |     deep-eql "^0.1.3"
109 |     type-detect "^1.0.0"
110 | 
111 | chalk@^1.1.1:
112 |   version "1.1.3"
113 |   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
114 |   dependencies:
115 |     ansi-styles "^2.2.1"
116 |     escape-string-regexp "^1.0.2"
117 |     has-ansi "^2.0.0"
118 |     strip-ansi "^3.0.0"
119 |     supports-color "^2.0.0"
120 | 
121 | clipboard@^2.0.0:
122 |   version "2.0.1"
123 |   resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.1.tgz#a12481e1c13d8a50f5f036b0560fe5d16d74e46a"
124 |   dependencies:
125 |     good-listener "^1.2.2"
126 |     select "^1.1.2"
127 |     tiny-emitter "^2.0.0"
128 | 
129 | comlink@^3.2.0:
130 |   version "3.2.0"
131 |   resolved "https://registry.yarnpkg.com/comlink/-/comlink-3.2.0.tgz#21d2b6266611c706d03af8e8b4806a2e8efad3a5"
132 |   integrity sha512-sxkeOmy35tVBsEThqQcUs6KRlLuFSx//oAAm5QGuoRVmqUZtstfntOy/Ao6Lrzz52+an00JRI/FXWofG3ZeH1g==
133 | 
134 | commander@2.9.0:
135 |   version "2.9.0"
136 |   resolved "https://registry.yarnpkg.com/commander/-/commander-2.9.0.tgz#9c99094176e12240cb22d6c5146098400fe0f7d4"
137 |   dependencies:
138 |     graceful-readlink ">= 1.0.0"
139 | 
140 | concat-map@0.0.1:
141 |   version "0.0.1"
142 |   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
143 | 
144 | debug@2.6.8:
145 |   version "2.6.8"
146 |   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.8.tgz#e731531ca2ede27d188222427da17821d68ff4fc"
147 |   dependencies:
148 |     ms "2.0.0"
149 | 
150 | deep-eql@^0.1.3:
151 |   version "0.1.3"
152 |   resolved "https://registry.yarnpkg.com/deep-eql/-/deep-eql-0.1.3.tgz#ef558acab8de25206cd713906d74e56930eb69f2"
153 |   dependencies:
154 |     type-detect "0.1.1"
155 | 
156 | delegate@^3.1.2:
157 |   version "3.2.0"
158 |   resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
159 | 
160 | diff@3.2.0:
161 |   version "3.2.0"
162 |   resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9"
163 | 
164 | escape-string-regexp@1.0.5, escape-string-regexp@^1.0.2:
165 |   version "1.0.5"
166 |   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
167 | 
168 | formatio@1.1.1:
169 |   version "1.1.1"
170 |   resolved "https://registry.yarnpkg.com/formatio/-/formatio-1.1.1.tgz#5ed3ccd636551097383465d996199100e86161e9"
171 |   dependencies:
172 |     samsam "~1.1"
173 | 
174 | fs.realpath@^1.0.0:
175 |   version "1.0.0"
176 |   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
177 | 
178 | glob@7.1.1:
179 |   version "7.1.1"
180 |   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
181 |   dependencies:
182 |     fs.realpath "^1.0.0"
183 |     inflight "^1.0.4"
184 |     inherits "2"
185 |     minimatch "^3.0.2"
186 |     once "^1.3.0"
187 |     path-is-absolute "^1.0.0"
188 | 
189 | good-listener@^1.2.2:
190 |   version "1.2.2"
191 |   resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
192 |   dependencies:
193 |     delegate "^3.1.2"
194 | 
195 | "graceful-readlink@>= 1.0.0":
196 |   version "1.0.1"
197 |   resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
198 | 
199 | growl@1.9.2:
200 |   version "1.9.2"
201 |   resolved "https://registry.yarnpkg.com/growl/-/growl-1.9.2.tgz#0ea7743715db8d8de2c5ede1775e1b45ac85c02f"
202 | 
203 | has-ansi@^2.0.0:
204 |   version "2.0.0"
205 |   resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
206 |   dependencies:
207 |     ansi-regex "^2.0.0"
208 | 
209 | has-flag@^1.0.0:
210 |   version "1.0.0"
211 |   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
212 | 
213 | he@1.1.1:
214 |   version "1.1.1"
215 |   resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
216 | 
217 | inflight@^1.0.4:
218 |   version "1.0.6"
219 |   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
220 |   dependencies:
221 |     once "^1.3.0"
222 |     wrappy "1"
223 | 
224 | inherits@2, inherits@2.0.3:
225 |   version "2.0.3"
226 |   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
227 | 
228 | intersection-observer@^0.5.0:
229 |   version "0.5.0"
230 |   resolved "https://registry.yarnpkg.com/intersection-observer/-/intersection-observer-0.5.0.tgz#9fe8bee3953c755b1485c38efd9633d535775ea6"
231 | 
232 | json3@3.3.2:
233 |   version "3.3.2"
234 |   resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.2.tgz#3c0434743df93e2f5c42aee7b19bcb483575f4e1"
235 | 
236 | lit-element@^2.1.0:
237 |   version "2.1.0"
238 |   resolved "https://registry.yarnpkg.com/lit-element/-/lit-element-2.1.0.tgz#85bc3f1da0227f4b13de8a1be978229b9fa327e9"
239 |   integrity sha512-0z/KHm1xZweivfOVRr8AKR06+D3k02u15m9s4jkuRdnGe5wfmEwePzrQQBsSZNILdnfJvfo3TJOeGhBCVZaPbw==
240 |   dependencies:
241 |     lit-html "^1.0.0"
242 | 
243 | lit-html@^1.0.0:
244 |   version "1.0.0"
245 |   resolved "https://registry.yarnpkg.com/lit-html/-/lit-html-1.0.0.tgz#3dc3781a8ca68a9b5c2ff2a61e263662b9b2267b"
246 |   integrity sha512-oeWlpLmBW3gFl7979Wol2LKITpmKTUFNn7PnFbh6YNynF61W74l6x5WhwItAwPRSATpexaX1egNnRzlN4GOtfQ==
247 | 
248 | lodash._baseassign@^3.0.0:
249 |   version "3.2.0"
250 |   resolved "https://registry.yarnpkg.com/lodash._baseassign/-/lodash._baseassign-3.2.0.tgz#8c38a099500f215ad09e59f1722fd0c52bfe0a4e"
251 |   dependencies:
252 |     lodash._basecopy "^3.0.0"
253 |     lodash.keys "^3.0.0"
254 | 
255 | lodash._basecopy@^3.0.0:
256 |   version "3.0.1"
257 |   resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36"
258 | 
259 | lodash._basecreate@^3.0.0:
260 |   version "3.0.3"
261 |   resolved "https://registry.yarnpkg.com/lodash._basecreate/-/lodash._basecreate-3.0.3.tgz#1bc661614daa7fc311b7d03bf16806a0213cf821"
262 | 
263 | lodash._getnative@^3.0.0:
264 |   version "3.9.1"
265 |   resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
266 | 
267 | lodash._isiterateecall@^3.0.0:
268 |   version "3.0.9"
269 |   resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c"
270 | 
271 | lodash.create@3.1.1:
272 |   version "3.1.1"
273 |   resolved "https://registry.yarnpkg.com/lodash.create/-/lodash.create-3.1.1.tgz#d7f2849f0dbda7e04682bb8cd72ab022461debe7"
274 |   dependencies:
275 |     lodash._baseassign "^3.0.0"
276 |     lodash._basecreate "^3.0.0"
277 |     lodash._isiterateecall "^3.0.0"
278 | 
279 | lodash.isarguments@^3.0.0:
280 |   version "3.1.0"
281 |   resolved "https://registry.yarnpkg.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
282 | 
283 | lodash.isarray@^3.0.0:
284 |   version "3.0.4"
285 |   resolved "https://registry.yarnpkg.com/lodash.isarray/-/lodash.isarray-3.0.4.tgz#79e4eb88c36a8122af86f844aa9bcd851b5fbb55"
286 | 
287 | lodash.keys@^3.0.0:
288 |   version "3.1.2"
289 |   resolved "https://registry.yarnpkg.com/lodash.keys/-/lodash.keys-3.1.2.tgz#4dbc0472b156be50a0b286855d1bd0b0c656098a"
290 |   dependencies:
291 |     lodash._getnative "^3.0.0"
292 |     lodash.isarguments "^3.0.0"
293 |     lodash.isarray "^3.0.0"
294 | 
295 | lodash@^3.0.0, lodash@^3.10.1:
296 |   version "3.10.1"
297 |   resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
298 | 
299 | lolex@1.3.2:
300 |   version "1.3.2"
301 |   resolved "https://registry.yarnpkg.com/lolex/-/lolex-1.3.2.tgz#7c3da62ffcb30f0f5a80a2566ca24e45d8a01f31"
302 | 
303 | marked@~0.3.9:
304 |   version "0.3.19"
305 |   resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.19.tgz#5d47f709c4c9fc3c216b6d46127280f40b39d790"
306 | 
307 | minimatch@^3.0.2:
308 |   version "3.0.4"
309 |   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
310 |   dependencies:
311 |     brace-expansion "^1.1.7"
312 | 
313 | minimist@0.0.8:
314 |   version "0.0.8"
315 |   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
316 | 
317 | mkdirp@0.5.1:
318 |   version "0.5.1"
319 |   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
320 |   dependencies:
321 |     minimist "0.0.8"
322 | 
323 | mocha@^3.4.2:
324 |   version "3.5.3"
325 |   resolved "https://registry.yarnpkg.com/mocha/-/mocha-3.5.3.tgz#1e0480fe36d2da5858d1eb6acc38418b26eaa20d"
326 |   dependencies:
327 |     browser-stdout "1.3.0"
328 |     commander "2.9.0"
329 |     debug "2.6.8"
330 |     diff "3.2.0"
331 |     escape-string-regexp "1.0.5"
332 |     glob "7.1.1"
333 |     growl "1.9.2"
334 |     he "1.1.1"
335 |     json3 "3.3.2"
336 |     lodash.create "3.1.1"
337 |     mkdirp "0.5.1"
338 |     supports-color "3.1.2"
339 | 
340 | ms@2.0.0:
341 |   version "2.0.0"
342 |   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
343 | 
344 | once@^1.3.0:
345 |   version "1.4.0"
346 |   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
347 |   dependencies:
348 |     wrappy "1"
349 | 
350 | path-is-absolute@^1.0.0:
351 |   version "1.0.1"
352 |   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
353 | 
354 | prismjs@^1.11.0:
355 |   version "1.15.0"
356 |   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.15.0.tgz#8801d332e472091ba8def94976c8877ad60398d9"
357 |   optionalDependencies:
358 |     clipboard "^2.0.0"
359 | 
360 | samsam@1.1.2:
361 |   version "1.1.2"
362 |   resolved "https://registry.yarnpkg.com/samsam/-/samsam-1.1.2.tgz#bec11fdc83a9fda063401210e40176c3024d1567"
363 | 
364 | samsam@~1.1:
365 |   version "1.1.3"
366 |   resolved "https://registry.yarnpkg.com/samsam/-/samsam-1.1.3.tgz#9f5087419b4d091f232571e7fa52e90b0f552621"
367 | 
368 | select@^1.1.2:
369 |   version "1.1.2"
370 |   resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
371 | 
372 | sinon-chai@^2.10.0:
373 |   version "2.14.0"
374 |   resolved "https://registry.yarnpkg.com/sinon-chai/-/sinon-chai-2.14.0.tgz#da7dd4cc83cd6a260b67cca0f7a9fdae26a1205d"
375 | 
376 | sinon@^1.17.1:
377 |   version "1.17.7"
378 |   resolved "https://registry.yarnpkg.com/sinon/-/sinon-1.17.7.tgz#4542a4f49ba0c45c05eb2e9dd9d203e2b8efe0bf"
379 |   dependencies:
380 |     formatio "1.1.1"
381 |     lolex "1.3.2"
382 |     samsam "1.1.2"
383 |     util ">=0.10.3 <1"
384 | 
385 | stacky@^1.3.1:
386 |   version "1.3.1"
387 |   resolved "https://registry.yarnpkg.com/stacky/-/stacky-1.3.1.tgz#3f117e5187b9a73d23f876d69f05c85b11804a12"
388 |   dependencies:
389 |     chalk "^1.1.1"
390 |     lodash "^3.0.0"
391 | 
392 | strip-ansi@^3.0.0:
393 |   version "3.0.1"
394 |   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
395 |   dependencies:
396 |     ansi-regex "^2.0.0"
397 | 
398 | supports-color@3.1.2:
399 |   version "3.1.2"
400 |   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.1.2.tgz#72a262894d9d408b956ca05ff37b2ed8a6e2a2d5"
401 |   dependencies:
402 |     has-flag "^1.0.0"
403 | 
404 | supports-color@^2.0.0:
405 |   version "2.0.0"
406 |   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
407 | 
408 | three@^0.103.0:
409 |   version "0.103.0"
410 |   resolved "https://registry.yarnpkg.com/three/-/three-0.103.0.tgz#63b3dbccc861caad93269618061a73dadebae71b"
411 |   integrity sha512-4WKRHTMt96sp+lX+Hx/eHtN9CWFyejDqr1ikgxZUJIkKEHVglSE7FY8n81NC6yWXqVSjUIQQppaxsoUe26Zi9g==
412 | 
413 | tiny-emitter@^2.0.0:
414 |   version "2.0.2"
415 |   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.0.2.tgz#82d27468aca5ade8e5fd1e6d22b57dd43ebdfb7c"
416 | 
417 | type-detect@0.1.1:
418 |   version "0.1.1"
419 |   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-0.1.1.tgz#0ba5ec2a885640e470ea4e8505971900dac58822"
420 | 
421 | type-detect@^1.0.0:
422 |   version "1.0.0"
423 |   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-1.0.0.tgz#762217cc06db258ec48908a1298e8b95121e8ea2"
424 | 
425 | "util@>=0.10.3 <1":
426 |   version "0.11.0"
427 |   resolved "https://registry.yarnpkg.com/util/-/util-0.11.0.tgz#c5f391beb244103d799b21077a926fef8769e1fb"
428 |   dependencies:
429 |     inherits "2.0.3"
430 | 
431 | wct-browser-legacy@^1.0.0:
432 |   version "1.0.1"
433 |   resolved "https://registry.yarnpkg.com/wct-browser-legacy/-/wct-browser-legacy-1.0.1.tgz#1ed448feb9c592fd54c3d9da69ee9d62bec32a39"
434 |   dependencies:
435 |     "@polymer/polymer" "^3.0.0"
436 |     "@polymer/sinonjs" "^1.14.1"
437 |     "@polymer/test-fixture" "^3.0.0-pre.1"
438 |     "@webcomponents/webcomponentsjs" "^2.0.0"
439 |     accessibility-developer-tools "^2.12.0"
440 |     async "^1.5.2"
441 |     chai "^3.5.0"
442 |     lodash "^3.10.1"
443 |     mocha "^3.4.2"
444 |     sinon "^1.17.1"
445 |     sinon-chai "^2.10.0"
446 |     stacky "^1.3.1"
447 | 
448 | wrappy@1:
449 |   version "1.0.2"
450 |   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
451 | 


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