From 03d59b159acf5e4d43e9ffa26947780de1d28e5b Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Mon, 15 Aug 2016 11:51:11 -0400
Subject: [PATCH] add accessibility linting beep to webpack loader and remove
 base64 string

---
 client/modules/IDE/components/Editor.js |   4 ++--
 client/sounds/audioAlert.mp3            | Bin 0 -> 3928 bytes
 webpack.config.dev.js                   |   2 +-
 webpack.config.prod.js                  |   2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)
 create mode 100644 client/sounds/audioAlert.mp3

diff --git a/client/modules/IDE/components/Editor.js b/client/modules/IDE/components/Editor.js
index 4e4d6e5d..d4b6c72e 100644
--- a/client/modules/IDE/components/Editor.js
+++ b/client/modules/IDE/components/Editor.js
@@ -18,14 +18,14 @@ import { CSSLint } from 'csslint';
 window.CSSLint = CSSLint;
 import { HTMLHint } from 'htmlhint';
 window.HTMLHint = HTMLHint;
+const beepUrl = require('../../../sounds/audioAlert.mp3');
 
 import { debounce } from 'throttle-debounce';
 
 class Editor extends React.Component {
 
   componentDidMount() {
-    // TODO: replace with wav file and loader
-    this.beep = new Audio('data:audio/wav;base64,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qJrx4KOQjahZxWbcZgztj2c49nKmkId44S71j0c8eV9yDK6uPRzx5X18eDvjvQ6yKo9ZSS6l//8elePK/Lf//IInrOF/FvDoADYAGBMGb7FtErm5MXMlmPAJQVgWta7Zx2go+8xJ0UiCb8LHHdftWyLJE0QIAIsI+UbXu67dZMjmgDGCGl1H+vpF4NSDckSIkk7Vd+sxEhBQMRU8j/12UIRhzSaUdQ+rQU5kGeFxm+hb1oh6pWWmv3uvmReDl0UnvtapVaIzo1jZbf/pD6ElLqSX+rUmOQNpJFa/r+sa4e/pBlAABoAAAAA3CUgShLdGIxsY7AUABPRrgCABdDuQ5GC7DqPQCgbbJUAoRSUj+NIEig0YfyWUho1VBBBA//uQZB4ABZx5zfMakeAAAAmwAAAAF5F3P0w9GtAAACfAAAAAwLhMDmAYWMgVEG1U0FIGCBgXBXAtfMH10000EEEEEECUBYln03TTTdNBDZopopYvrTTdNa325mImNg3TTPV9q3pmY0xoO6bv3r00y+IDGid/9aaaZTGMuj9mpu9Mpio1dXrr5HERTZSmqU36A3CumzN/9Robv/Xx4v9ijkSRSNLQhAWumap82WRSBUqXStV/YcS+XVLnSS+WLDroqArFkMEsAS+eWmrUzrO0oEmE40RlMZ5+ODIkAyKAGUwZ3mVKmcamcJnMW26MRPgUw6j+LkhyHGVGYjSUUKNpuJUQoOIAyDvEyG8S5yfK6dhZc0Tx1KI/gviKL6qvvFs1+bWtaz58uUNnryq6kt5RzOCkPWlVqVX2a/EEBUdU1KrXLf40GoiiFXK///qpoiDXrOgqDR38JB0bw7SoL+ZB9o1RCkQjQ2CBYZKd/+VJxZRRZlqSkKiws0WFxUyCwsKiMy7hUVFhIaCrNQsKkTIsLivwKKigsj8XYlwt/WKi2N4d//uQRCSAAjURNIHpMZBGYiaQPSYyAAABLAAAAAAAACWAAAAApUF/Mg+0aohSIRobBAsMlO//Kk4soosy1JSFRYWaLC4qZBYWFRGZdwqKiwkNBVmoWFSJkWFxX4FFRQWR+LsS4W/rFRb/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VEFHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU291bmRib3kuZGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMjAwNGh0dHA6Ly93d3cuc291bmRib3kuZGUAAAAAAAAAACU='); // eslint-disable-line
+    this.beep = new Audio(beepUrl);
     this._cm = CodeMirror(this.refs.container, { // eslint-disable-line
       theme: 'p5-widget',
       value: this.props.file.content,
diff --git a/client/sounds/audioAlert.mp3 b/client/sounds/audioAlert.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..3e80538123d95b918ebaf8edfcf5ba04dafbb334
GIT binary patch
literal 3928
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

literal 0
HcmV?d00001

diff --git a/webpack.config.dev.js b/webpack.config.dev.js
index 6a0a9fe8..0073341a 100644
--- a/webpack.config.dev.js
+++ b/webpack.config.dev.js
@@ -36,7 +36,7 @@ module.exports = {
         loaders: ['style', 'css', 'sass']
       },
       {
-        test: /\.svg$/,
+        test: /\.(svg|mp3)$/,
         loader: 'file'
       }
     ],
diff --git a/webpack.config.prod.js b/webpack.config.prod.js
index 58f477f5..c90f0a5a 100644
--- a/webpack.config.prod.js
+++ b/webpack.config.prod.js
@@ -37,7 +37,7 @@ module.exports = {
         loader: 'babel'
       },
       {
-        test: /\.svg$/,
+        test: /\.(svg|mp3)$/,
         loader: 'file'
       }
     ]