iagodahlem · iagodahlem · Sep 27, 2017 · Sep 27, 2017 · Sep 27, 2017 · Sep 27, 2017
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,14 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# http://editorconfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true
diff --git a/.gitignore b/.gitignore
@@ -1 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
 /node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,20 @@
+language: node_js
+node_js:
+  - 8
+
+cache:
+  yarn: true
+  directories:
+    - node_modules
+
+script:
+  - yarn test
+  - yarn build
+
+deploy:
+  provider: pages
+  skip_cleanup: true
+  github_token: $GITHUB_TOKEN
+  local_dir: build
+  on:
+    branch: master
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 # drumpad
 
+[![Build Status](https://travis-ci.org/iagodahlem/drumpad.svg?branch=master)](https://travis-ci.org/iagodahlem/drumpad)
+
 Playing with JavaScript and Web Audio API.
 
 ## License

diff --git a/index.html b/index.html
diff --git a/package.json b/package.json
@@ -2,13 +2,30 @@
   "name": "drumpad",
   "repository": "https://github.com/iagodahlem/drumpad.git",
   "author": "Iago Dahlem Lorensini <iagodahlemlorensini@gmail.com>",
+  "homepage": "https://iagodahlem.github.io/drumpad",
   "license": "MIT",
   "scripts": {
-    "start": "live-server --port=8080 --host=localhost --open=./index.html",
-    "build": "htmlmin --nojsmin -o index.html index.html"
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "axios": "^0.16.2",
+    "keycode": "^2.1.9",
+    "prop-types": "^15.5.10",
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1",
+    "react-redux": "^5.0.6",
+    "react-scripts": "1.0.12",
+    "redux": "^3.7.2",
+    "redux-thunk": "^2.2.0"
   },
   "devDependencies": {
-    "htmlmin": "0.0.7",
-    "live-server": "1.1.0"
+    "enzyme": "^2.9.1",
+    "nock": "^9.0.21",
+    "react-test-renderer": "^15.6.2",
+    "redux-logger": "^3.0.6",
+    "redux-mock-store": "^1.3.0"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <!--
+      manifest.json provides metadata used when your web app is added to the
+      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>Drumpad</title>
+  </head>
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "Drumpad",
+  "name": "Drumpad",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/samples/clap-808.wav b/public/samples/clap-808.wav
diff --git a/sounds/clap.wav → public/samples/clap-analog.wav b/sounds/clap.wav → public/samples/clap-analog.wav
diff --git a/public/samples/clap-crushed.wav b/public/samples/clap-crushed.wav
diff --git a/public/samples/clap-fat.wav b/public/samples/clap-fat.wav
diff --git a/public/samples/clap-slapper.wav b/public/samples/clap-slapper.wav
diff --git a/public/samples/clap-tape.wav b/public/samples/clap-tape.wav
diff --git a/public/samples/cowbell-808.wav b/public/samples/cowbell-808.wav
diff --git a/public/samples/crash-808.wav b/public/samples/crash-808.wav
diff --git a/public/samples/crash-acoustic.wav b/public/samples/crash-acoustic.wav
diff --git a/public/samples/crash-noise.wav b/public/samples/crash-noise.wav
diff --git a/public/samples/crash-tape.wav b/public/samples/crash-tape.wav
diff --git a/public/samples/hihat-808.wav b/public/samples/hihat-808.wav
diff --git a/public/samples/hihat-acoustic01.wav b/public/samples/hihat-acoustic01.wav
diff --git a/sounds/hihat.wav → public/samples/hihat-acoustic02.wav b/sounds/hihat.wav → public/samples/hihat-acoustic02.wav
diff --git a/public/samples/hihat-analog.wav b/public/samples/hihat-analog.wav
diff --git a/public/samples/hihat-digital.wav b/public/samples/hihat-digital.wav
diff --git a/public/samples/hihat-dist01.wav b/public/samples/hihat-dist01.wav
diff --git a/public/samples/hihat-dist02.wav b/public/samples/hihat-dist02.wav
diff --git a/public/samples/hihat-electro.wav b/public/samples/hihat-electro.wav
diff --git a/public/samples/hihat-plain.wav b/public/samples/hihat-plain.wav
diff --git a/public/samples/hihat-reso.wav b/public/samples/hihat-reso.wav
diff --git a/public/samples/hihat-ring.wav b/public/samples/hihat-ring.wav
diff --git a/sounds/boom.wav → public/samples/kick-808.wav b/sounds/boom.wav → public/samples/kick-808.wav
diff --git a/public/samples/kick-acoustic01.wav b/public/samples/kick-acoustic01.wav
diff --git a/public/samples/kick-acoustic02.wav b/public/samples/kick-acoustic02.wav
diff --git a/public/samples/kick-big.wav b/public/samples/kick-big.wav
diff --git a/public/samples/kick-classic.wav b/public/samples/kick-classic.wav
diff --git a/public/samples/kick-cultivator.wav b/public/samples/kick-cultivator.wav
diff --git a/public/samples/kick-deep.wav b/public/samples/kick-deep.wav
diff --git a/public/samples/kick-dry.wav b/public/samples/kick-dry.wav
diff --git a/public/samples/kick-electro01.wav b/public/samples/kick-electro01.wav
diff --git a/public/samples/kick-electro02.wav b/public/samples/kick-electro02.wav
diff --git a/public/samples/kick-floppy.wav b/public/samples/kick-floppy.wav
diff --git a/public/samples/kick-gritty.wav b/public/samples/kick-gritty.wav
diff --git a/public/samples/kick-heavy.wav b/public/samples/kick-heavy.wav
diff --git a/public/samples/kick-newwave.wav b/public/samples/kick-newwave.wav
diff --git a/public/samples/kick-oldschool.wav b/public/samples/kick-oldschool.wav
diff --git a/public/samples/kick-plain.wav b/public/samples/kick-plain.wav
diff --git a/public/samples/kick-slapback.wav b/public/samples/kick-slapback.wav
diff --git a/public/samples/kick-softy.wav b/public/samples/kick-softy.wav
diff --git a/public/samples/kick-stomp.wav b/public/samples/kick-stomp.wav
diff --git a/public/samples/kick-tape.wav b/public/samples/kick-tape.wav
diff --git a/public/samples/kick-thump.wav b/public/samples/kick-thump.wav
diff --git a/public/samples/kick-tight.wav b/public/samples/kick-tight.wav
diff --git a/public/samples/kick-tron.wav b/public/samples/kick-tron.wav
diff --git a/sounds/kick.wav → public/samples/kick-vinyl01.wav b/sounds/kick.wav → public/samples/kick-vinyl01.wav
diff --git a/public/samples/kick-vinyl02.wav b/public/samples/kick-vinyl02.wav
diff --git a/public/samples/kick-zapper.wav b/public/samples/kick-zapper.wav
diff --git a/public/samples/openhat-808.wav b/public/samples/openhat-808.wav
diff --git a/sounds/openhat.wav → public/samples/openhat-acoustic01.wav b/sounds/openhat.wav → public/samples/openhat-acoustic01.wav
diff --git a/public/samples/openhat-analog.wav b/public/samples/openhat-analog.wav
diff --git a/public/samples/openhat-slick.wav b/public/samples/openhat-slick.wav
diff --git a/public/samples/openhat-tight.wav b/public/samples/openhat-tight.wav
diff --git a/sounds/tink.wav → public/samples/perc-808.wav b/sounds/tink.wav → public/samples/perc-808.wav
diff --git a/public/samples/perc-chirpy.wav b/public/samples/perc-chirpy.wav
diff --git a/public/samples/perc-hollow.wav b/public/samples/perc-hollow.wav
diff --git a/public/samples/perc-laser.wav b/public/samples/perc-laser.wav
diff --git a/public/samples/perc-metal.wav b/public/samples/perc-metal.wav
diff --git a/public/samples/perc-nasty.wav b/public/samples/perc-nasty.wav
diff --git a/public/samples/perc-short.wav b/public/samples/perc-short.wav
diff --git a/public/samples/perc-tambo.wav b/public/samples/perc-tambo.wav
diff --git a/public/samples/perc-tribal.wav b/public/samples/perc-tribal.wav
diff --git a/public/samples/perc-weirdo.wav b/public/samples/perc-weirdo.wav
diff --git a/public/samples/ride-acoustic01.wav b/public/samples/ride-acoustic01.wav
diff --git a/sounds/ride.wav → public/samples/ride-acoustic02.wav b/sounds/ride.wav → public/samples/ride-acoustic02.wav
diff --git a/public/samples/shaker-analog.wav b/public/samples/shaker-analog.wav
diff --git a/public/samples/shaker-shuffle.wav b/public/samples/shaker-shuffle.wav
diff --git a/public/samples/shaker-suckup.wav b/public/samples/shaker-suckup.wav
diff --git a/sounds/snare.wav → public/samples/snare-808.wav b/sounds/snare.wav → public/samples/snare-808.wav
diff --git a/public/samples/snare-acoustic01.wav b/public/samples/snare-acoustic01.wav
diff --git a/public/samples/snare-acoustic02.wav b/public/samples/snare-acoustic02.wav
diff --git a/public/samples/snare-analog.wav b/public/samples/snare-analog.wav
diff --git a/public/samples/snare-big.wav b/public/samples/snare-big.wav
diff --git a/public/samples/snare-block.wav b/public/samples/snare-block.wav
diff --git a/public/samples/snare-brute.wav b/public/samples/snare-brute.wav
diff --git a/public/samples/snare-dist01.wav b/public/samples/snare-dist01.wav
diff --git a/public/samples/snare-dist02.wav b/public/samples/snare-dist02.wav
diff --git a/public/samples/snare-dist03.wav b/public/samples/snare-dist03.wav
diff --git a/public/samples/snare-electro.wav b/public/samples/snare-electro.wav
diff --git a/public/samples/snare-lofi01.wav b/public/samples/snare-lofi01.wav
diff --git a/public/samples/snare-lofi02.wav b/public/samples/snare-lofi02.wav
diff --git a/public/samples/snare-modular.wav b/public/samples/snare-modular.wav
diff --git a/public/samples/snare-noise.wav b/public/samples/snare-noise.wav
diff --git a/public/samples/snare-pinch.wav b/public/samples/snare-pinch.wav
diff --git a/public/samples/snare-punch.wav b/public/samples/snare-punch.wav
diff --git a/public/samples/snare-smasher.wav b/public/samples/snare-smasher.wav
diff --git a/public/samples/snare-sumo.wav b/public/samples/snare-sumo.wav
diff --git a/public/samples/snare-tape.wav b/public/samples/snare-tape.wav
diff --git a/public/samples/snare-vinyl01.wav b/public/samples/snare-vinyl01.wav
diff --git a/public/samples/snare-vinyl02.wav b/public/samples/snare-vinyl02.wav
diff --git a/public/samples/tom-808.wav b/public/samples/tom-808.wav
diff --git a/sounds/tom.wav → public/samples/tom-acoustic01.wav b/sounds/tom.wav → public/samples/tom-acoustic01.wav
diff --git a/public/samples/tom-acoustic02.wav b/public/samples/tom-acoustic02.wav
diff --git a/public/samples/tom-analog.wav b/public/samples/tom-analog.wav
diff --git a/public/samples/tom-chiptune.wav b/public/samples/tom-chiptune.wav
diff --git a/public/samples/tom-fm.wav b/public/samples/tom-fm.wav
diff --git a/public/samples/tom-lofi.wav b/public/samples/tom-lofi.wav
diff --git a/public/samples/tom-rototom.wav b/public/samples/tom-rototom.wav
diff --git a/public/samples/tom-short.wav b/public/samples/tom-short.wav
diff --git a/src/actions/sampleKitActions.js b/src/actions/sampleKitActions.js
@@ -0,0 +1,71 @@
+import audioBufferService from '../services/audioBufferService'
+import * as fromAudioContext from '../reducers/audioContextReducer'
+import * as fromSamples from '../reducers/samplesReducer'
+import * as types from '../constants/actionTypes'
+
+const fetchSampleKit = () => (dispatch, getState) => {
+  const fetchSampleKitRequest = () => ({
+    type: types.FETCH_SAMPLE_KIT_REQUEST,
+  })
+
+  const fetchSampleKitSuccess = (payload) => ({
+    type: types.FETCH_SAMPLE_KIT_SUCCESS,
+    payload,
+  })
+
+  const fetchSampleKitFailure = (error) => ({
+    type: types.FETCH_SAMPLE_KIT_FAILURE,
+    message: error.message || 'Something went wrong.',
+  })
+
+  const context = fromAudioContext.getAudioContext(getState())
+  const defaultSampleKit = fromSamples.getAll(getState())
+
+  dispatch(fetchSampleKitRequest())
+
+  const sampleKit = defaultSampleKit
+    .map(sample => {
+      return audioBufferService
+        .load(context, sample.url)
+        .then(buffer => ({
+          ...sample,
+          buffer,
+          start: audioBufferService.findStartGapDuration(buffer),
+        }))
+    })
+
+  return Promise.all(sampleKit)
+    .then(payload => dispatch(fetchSampleKitSuccess(payload)))
+    .catch(error => dispatch(fetchSampleKitFailure(error)))
+}
+
+const playSample = (id) => (dispatch, getState) => {
+  const playSampleStart = (id) => ({
+    type: types.PLAY_SAMPLE_START,
+    id,
+  })
+
+  const playSampleStop = (id) => ({
+    type: types.PLAY_SAMPLE_STOP,
+    id,
+  })
+
+  const context = fromAudioContext.getAudioContext(getState())
+  const sample = fromSamples.getSample(getState(), id)
+
+  dispatch(playSampleStart(id))
+
+  return audioBufferService.play(context, sample, () => {
+    dispatch(playSampleStop(id))
+  })
+}
+
+export default {
+  fetchSampleKit,
+  playSample,
+}
+
+export {
+  fetchSampleKit,
+  playSample,
+}