Setup Rollup, remove old deps and load them as plain scripts

slaylines · Dec 16, 2018 · f9457c5 · f9457c5
1 parent e3874ac
commit f9457c5
Show file tree

Hide file tree

Showing 17 changed files with 1,471 additions and 265 deletions.
diff --git a/.babelrc b/.babelrc
@@ -1,6 +1,6 @@
 {
   "presets": [
-    "@babel/preset-env",
+    ["@babel/env", { "modules": false }],
     "@babel/preset-react"
   ]
 }
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,8 @@
 .cache
 node_modules
 yarn-error.log
+stats.html
 
-dist/webpack/bundle.js
-dist/parcel/*
+dist/webpack/bundle*
+dist/parcel/*
+dist/rollup/bundle*
diff --git a/app/src/components/WaveformSc/index.js b/app/src/components/WaveformSc/index.js
@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import Waveform from 'waveform.js';
 import { normalizeSamples } from '../../services/track';
 
 const WAVE_COLOR = '#61B25A';

diff --git a/app/src/index.html b/app/src/index.html
@@ -7,6 +7,8 @@
 
   <body>
     <div id="app"></div>
+    <script src="https://connect.soundcloud.com/sdk/sdk-3.3.1.js"></script>
+    <script src="./waveform.js"></script>
     <script src="./index.js"></script>
   </body>
-</html>
+</html>
diff --git a/app/src/index.js b/app/src/index.js
@@ -1,15 +1,11 @@
-/* eslint-disable */
-import SC from 'soundcloud';
-/* eslint-enable */
-
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 
 import configureStore from './stores/configureStore';
 import App from './components/App';
 
-require('../styles/index.scss');
+import '../styles/index.scss';
 
 const store = configureStore();
 

diff --git a/app/src/stores/configureStore.js b/app/src/stores/configureStore.js
@@ -1,9 +1,8 @@
-import mixpanel from './mixpanel';
 import { createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
 import rootReducer from '../reducers/index';
 
-const createStoreWithMiddleware = applyMiddleware(thunk, mixpanel)(createStore);
+const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
 
 export default function configureStore(initialState) {
   const store = createStoreWithMiddleware(

diff --git a/app/src/stores/mixpanel.js b/app/src/stores/mixpanel.js