abstract this ugly datasets code!!

1 files changed, 382 insertions, 32 deletions

diff --git a/public/bundle.js b/public/bundle.js
index 28c34c6..f440f4d 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -4513,33 +4513,47 @@ var _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/prea
 
 var _reactRouterDom = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/es/index.js");
 
-var _samplernn = __webpack_require__(/*! ./samplernn.datasets */ "./app/client/modules/samplernn/samplernn.datasets.js");
+var _samplernn = __webpack_require__(/*! ./samplernn.new */ "./app/client/modules/samplernn/samplernn.new.js");
 
 var _samplernn2 = _interopRequireDefault(_samplernn);
 
-var _samplernn3 = __webpack_require__(/*! ./samplernn.results */ "./app/client/modules/samplernn/samplernn.results.js");
+var _samplernn3 = __webpack_require__(/*! ./samplernn.show */ "./app/client/modules/samplernn/samplernn.show.js");
 
 var _samplernn4 = _interopRequireDefault(_samplernn3);
 
-var _samplernn5 = __webpack_require__(/*! ./samplernn.inspect */ "./app/client/modules/samplernn/samplernn.inspect.js");
+var _samplernn5 = __webpack_require__(/*! ./samplernn.datasets */ "./app/client/modules/samplernn/samplernn.datasets.js");
 
 var _samplernn6 = _interopRequireDefault(_samplernn5);
 
-var _samplernn7 = __webpack_require__(/*! ./samplernn.loss */ "./app/client/modules/samplernn/samplernn.loss.js");
+var _samplernn7 = __webpack_require__(/*! ./samplernn.import */ "./app/client/modules/samplernn/samplernn.import.js");
 
 var _samplernn8 = _interopRequireDefault(_samplernn7);
 
+var _samplernn9 = __webpack_require__(/*! ./samplernn.results */ "./app/client/modules/samplernn/samplernn.results.js");
+
+var _samplernn10 = _interopRequireDefault(_samplernn9);
+
+var _samplernn11 = __webpack_require__(/*! ./samplernn.inspect */ "./app/client/modules/samplernn/samplernn.inspect.js");
+
+var _samplernn12 = _interopRequireDefault(_samplernn11);
+
+var _samplernn13 = __webpack_require__(/*! ./samplernn.loss */ "./app/client/modules/samplernn/samplernn.loss.js");
+
+var _samplernn14 = _interopRequireDefault(_samplernn13);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function router() {
   return (0, _preact.h)(
     'div',
     null,
-    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/graph/', component: _samplernn8.default }),
-    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/inspect/', component: _samplernn6.default }),
-    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/datasets/', component: _samplernn2.default }),
-    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/datasets/:id/', component: _samplernn2.default }),
-    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/results/', component: _samplernn4.default })
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/new/', component: _samplernn2.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/graph/', component: _samplernn14.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/inspect/', component: _samplernn12.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/import/', component: _samplernn8.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/datasets/', component: _samplernn6.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/datasets/:id/', component: _samplernn4.default }),
+    (0, _preact.h)(_reactRouterDom.Route, { exact: true, path: '/samplernn/results/', component: _samplernn10.default })
   );
 }
 
@@ -4902,24 +4916,35 @@ var SampleRNNDatasets = function (_Component) {
   function SampleRNNDatasets(props) {
     _classCallCheck(this, SampleRNNDatasets);
 
-    var _this = _possibleConstructorReturn(this, (SampleRNNDatasets.__proto__ || Object.getPrototypeOf(SampleRNNDatasets)).call(this));
+    var _this = _possibleConstructorReturn(this, (SampleRNNDatasets.__proto__ || Object.getPrototypeOf(SampleRNNDatasets)).call(this, props));
 
+    console.log('ba');
     _this.fileOptions = _this.fileOptions.bind(_this);
     _this.pickFile = _this.pickFile.bind(_this);
-    var id = props.match.params.id || localStorage.getItem('samplernn.last_id');
-    console.log('load dataset:', id);
-    if (id === 'new') return _possibleConstructorReturn(_this);
-    if (id) {
-      localStorage.setItem('samplernn.last_id', id);
-      if (!props.samplernn.folder || props.samplernn.folder.id !== id) {
-        console.log('load directories');
-        props.actions.load_directories(id);
-      }
-    }
     return _this;
   }
 
   _createClass(SampleRNNDatasets, [{
+    key: 'componentWillMount',
+    value: function componentWillMount() {
+      var id = this.props.id || this.props.match.params.id || localStorage.getItem('samplernn.last_id');
+      console.log(id);
+      console.log('load dataset:', id);
+      var _props = this.props,
+          match = _props.match,
+          samplernn = _props.samplernn,
+          actions = _props.actions;
+
+      if (id === 'new') return;
+      if (id) {
+        localStorage.setItem('samplernn.last_id', id);
+        if (!samplernn.folder || samplernn.folder.id !== id) {
+          console.log('load directories');
+          actions.load_directories(id);
+        }
+      }
+    }
+  }, {
     key: 'pickFile',
     value: function pickFile(file) {
       console.log('pick', file);
@@ -4967,25 +4992,31 @@ var SampleRNNDatasets = function (_Component) {
   }, {
     key: 'render',
     value: function render() {
-      var _props = this.props,
-          samplernn = _props.samplernn,
-          match = _props.match,
-          history = _props.history;
+      var _props2 = this.props,
+          samplernn = _props2.samplernn,
+          match = _props2.match,
+          history = _props2.history;
 
-      var folder = samplernn.folder;
-      if (match.params.id === 'new') {
-        return (0, _preact.h)(_dataset4.default, { module: samplernnModule, history: history });
-      }
+      var id = this.props.id || localStorage.getItem('samplernn.last_id');
+      console.log(this.props.id);
+      if (this.props.id && this.props.id !== 'new') return null;
       if (samplernn.loading) {
+        console.log('loading');
         return (0, _preact.h)(
           'span',
           null,
           'Loading'
         );
       }
-      if (!folder || !samplernn.data.folders.length) {
-        return history.push('/samplernn/datasets/new/');
+      if (!samplernn.folder || !samplernn.data.folders.length) {
+        console.log('no folders, redirect to /new');
+        return history.push('/samplernn/new/');
       }
+      console.log('render app');
+      var folder = samplernn.folder;
+      console.log(folder);
+      if (!folder || !folder.name) return;
+      console.log(folder.name);
       return (0, _preact.h)(
         'div',
         { className: 'app' },
@@ -5039,6 +5070,8 @@ var SampleRNNDatasets = function (_Component) {
   }, {
     key: 'renderGroups',
     value: function renderGroups() {
+      var _this3 = this;
+
       var samplernn = this.props.samplernn;
 
       var folder = samplernn.folder;
@@ -5052,6 +5085,7 @@ var SampleRNNDatasets = function (_Component) {
         return (0, _preact.h)(
           'div',
           { className: 'row dataset' },
+          _this3.props.beforeRow && _this3.props.beforeRow(dataset),
           (0, _preact.h)(
             'div',
             { className: 'col' },
@@ -5059,7 +5093,8 @@ var SampleRNNDatasets = function (_Component) {
               files: dataset.input,
               className: 'input_files',
               fileListClassName: '',
-              rowClassName: 'input_file'
+              rowClassName: 'input_file',
+              options: _this3.fileOptions
             })
           ),
           (0, _preact.h)(
@@ -5116,6 +5151,114 @@ exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(
 
 /***/ }),
 
+/***/ "./app/client/modules/samplernn/samplernn.import.js":
+/*!**********************************************************!*\
+  !*** ./app/client/modules/samplernn/samplernn.import.js ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.esm.js");
+
+var _redux = __webpack_require__(/*! redux */ "./node_modules/redux/es/redux.js");
+
+var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
+
+var _util = __webpack_require__(/*! ../../util */ "./app/client/util/index.js");
+
+var util = _interopRequireWildcard(_util);
+
+var _samplernn = __webpack_require__(/*! ./samplernn.actions */ "./app/client/modules/samplernn/samplernn.actions.js");
+
+var samplernnActions = _interopRequireWildcard(_samplernn);
+
+var _dataset = __webpack_require__(/*! ../../dataset/dataset.form */ "./app/client/dataset/dataset.form.js");
+
+var _dataset2 = _interopRequireDefault(_dataset);
+
+var _dataset3 = __webpack_require__(/*! ../../dataset/dataset.new */ "./app/client/dataset/dataset.new.js");
+
+var _dataset4 = _interopRequireDefault(_dataset3);
+
+var _fileList = __webpack_require__(/*! ../../common/fileList.component */ "./app/client/common/fileList.component.js");
+
+var _samplernn2 = __webpack_require__(/*! ./samplernn.datasets */ "./app/client/modules/samplernn/samplernn.datasets.js");
+
+var _samplernn3 = _interopRequireDefault(_samplernn2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var samplernnModule = {
+  name: 'samplernn',
+  datatype: 'audio'
+};
+
+var SampleRNNImport = function (_Component) {
+  _inherits(SampleRNNImport, _Component);
+
+  function SampleRNNImport() {
+    _classCallCheck(this, SampleRNNImport);
+
+    return _possibleConstructorReturn(this, (SampleRNNImport.__proto__ || Object.getPrototypeOf(SampleRNNImport)).apply(this, arguments));
+  }
+
+  _createClass(SampleRNNImport, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return (0, _preact.h)(_samplernn3.default, {
+        id: 'unsorted',
+        beforeRow: function beforeRow(row) {
+          return _this2.beforeRow(row);
+        }
+      });
+    }
+  }, {
+    key: 'beforeRow',
+    value: function beforeRow(row) {
+      console.log(row);
+    }
+  }]);
+
+  return SampleRNNImport;
+}(_preact.Component);
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    samplernn: state.module.samplernn,
+    runner: state.system.runner,
+    task: state.task
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
+  return {
+    actions: (0, _redux.bindActionCreators)(samplernnActions, dispatch)
+  };
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(SampleRNNImport);
+
+/***/ }),
+
 /***/ "./app/client/modules/samplernn/samplernn.inspect.js":
 /*!***********************************************************!*\
   !*** ./app/client/modules/samplernn/samplernn.inspect.js ***!
@@ -5530,6 +5673,98 @@ exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(
 
 /***/ }),
 
+/***/ "./app/client/modules/samplernn/samplernn.new.js":
+/*!*******************************************************!*\
+  !*** ./app/client/modules/samplernn/samplernn.new.js ***!
+  \*******************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.esm.js");
+
+var _redux = __webpack_require__(/*! redux */ "./node_modules/redux/es/redux.js");
+
+var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
+
+var _util = __webpack_require__(/*! ../../util */ "./app/client/util/index.js");
+
+var util = _interopRequireWildcard(_util);
+
+var _samplernn = __webpack_require__(/*! ./samplernn.actions */ "./app/client/modules/samplernn/samplernn.actions.js");
+
+var samplernnActions = _interopRequireWildcard(_samplernn);
+
+var _dataset = __webpack_require__(/*! ../../dataset/dataset.form */ "./app/client/dataset/dataset.form.js");
+
+var _dataset2 = _interopRequireDefault(_dataset);
+
+var _dataset3 = __webpack_require__(/*! ../../dataset/dataset.new */ "./app/client/dataset/dataset.new.js");
+
+var _dataset4 = _interopRequireDefault(_dataset3);
+
+var _fileList = __webpack_require__(/*! ../../common/fileList.component */ "./app/client/common/fileList.component.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var samplernnModule = {
+  name: 'samplernn',
+  datatype: 'audio'
+};
+
+var SampleRNNNew = function (_Component) {
+  _inherits(SampleRNNNew, _Component);
+
+  function SampleRNNNew(props) {
+    _classCallCheck(this, SampleRNNNew);
+
+    return _possibleConstructorReturn(this, (SampleRNNNew.__proto__ || Object.getPrototypeOf(SampleRNNNew)).call(this, props));
+  }
+
+  _createClass(SampleRNNNew, [{
+    key: 'render',
+    value: function render() {
+      var history = this.props.history;
+
+      return (0, _preact.h)(_dataset4.default, { module: samplernnModule, history: history });
+    }
+  }]);
+
+  return SampleRNNNew;
+}(_preact.Component);
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {
+    samplernn: state.module.samplernn
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
+  return {
+    actions: (0, _redux.bindActionCreators)(samplernnActions, dispatch)
+  };
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(SampleRNNNew);
+
+/***/ }),
+
 /***/ "./app/client/modules/samplernn/samplernn.reducer.js":
 /*!***********************************************************!*\
   !*** ./app/client/modules/samplernn/samplernn.reducer.js ***!
@@ -5583,6 +5818,9 @@ var samplernnReducer = function samplernnReducer() {
     case _types2.default.task.task_finish:
       return _extends({}, state);
 
+    // so now the last thing is to figure out how to access things inside these datasets
+    // and rebuild them if need be, considering this is SUPER awkward inside of redux.
+
     case _types2.default.folder.create:
       if (action.data.module === 'samplernn') {
         return _extends({}, state, {
@@ -5678,6 +5916,8 @@ var _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/prea
 
 var _redux = __webpack_require__(/*! redux */ "./node_modules/redux/es/redux.js");
 
+var _reactRouterDom = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/es/index.js");
+
 var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
 
 var _util = __webpack_require__(/*! ../../util */ "./app/client/util/index.js");
@@ -5787,13 +6027,18 @@ var SampleRNNResults = function (_Component) {
           return output.map(mapFn).sort(sortFn)[0][1];
         });
         // console.log(bestRenders.map(r => r.epoch))
+        var path = folder.name === 'unsorted' ? "/samplernn/import/" : "/samplernn/datasets/" + folder.id + "/";
         return (0, _preact.h)(
           'div',
           { className: 'col' },
           (0, _preact.h)(
             'h3',
             null,
-            folder.name
+            (0, _preact.h)(
+              _reactRouterDom.Link,
+              { to: path },
+              folder.name
+            )
           ),
           (0, _preact.h)(_fileList.FileList, {
             files: bestRenders,
@@ -5818,6 +6063,13 @@ var SampleRNNResults = function (_Component) {
         (0, _preact.h)(
           'div',
           { 'class': 'rows params renders' },
+          (0, _preact.h)(
+            _reactRouterDom.Link,
+            { to: '/samplernn/new/' },
+            'new dataset'
+          ),
+          (0, _preact.h)('br', null),
+          (0, _preact.h)('br', null),
           renders
         )
       );
@@ -5845,6 +6097,104 @@ exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(
 
 /***/ }),
 
+/***/ "./app/client/modules/samplernn/samplernn.show.js":
+/*!********************************************************!*\
+  !*** ./app/client/modules/samplernn/samplernn.show.js ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.esm.js");
+
+var _redux = __webpack_require__(/*! redux */ "./node_modules/redux/es/redux.js");
+
+var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
+
+var _util = __webpack_require__(/*! ../../util */ "./app/client/util/index.js");
+
+var util = _interopRequireWildcard(_util);
+
+var _samplernn = __webpack_require__(/*! ./samplernn.actions */ "./app/client/modules/samplernn/samplernn.actions.js");
+
+var samplernnActions = _interopRequireWildcard(_samplernn);
+
+var _dataset = __webpack_require__(/*! ../../dataset/dataset.form */ "./app/client/dataset/dataset.form.js");
+
+var _dataset2 = _interopRequireDefault(_dataset);
+
+var _dataset3 = __webpack_require__(/*! ../../dataset/dataset.new */ "./app/client/dataset/dataset.new.js");
+
+var _dataset4 = _interopRequireDefault(_dataset3);
+
+var _fileList = __webpack_require__(/*! ../../common/fileList.component */ "./app/client/common/fileList.component.js");
+
+var _samplernn2 = __webpack_require__(/*! ./samplernn.datasets */ "./app/client/modules/samplernn/samplernn.datasets.js");
+
+var _samplernn3 = _interopRequireDefault(_samplernn2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var samplernnModule = {
+  name: 'samplernn',
+  datatype: 'audio'
+};
+
+var SampleRNNShow = function (_Component) {
+  _inherits(SampleRNNShow, _Component);
+
+  function SampleRNNShow() {
+    _classCallCheck(this, SampleRNNShow);
+
+    var _this = _possibleConstructorReturn(this, (SampleRNNShow.__proto__ || Object.getPrototypeOf(SampleRNNShow)).call(this));
+
+    console.log('piss');
+    return _this;
+  }
+
+  _createClass(SampleRNNShow, [{
+    key: 'render',
+    value: function render() {
+      console.log('dick');
+      return (0, _preact.h)(_samplernn3.default, {
+        id: this.props.match.params.id
+      });
+    }
+  }]);
+
+  return SampleRNNShow;
+}(_preact.Component);
+
+var mapStateToProps = function mapStateToProps(state) {
+  return {};
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
+  return {
+    actions: (0, _redux.bindActionCreators)(samplernnActions, dispatch)
+  };
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(SampleRNNShow);
+
+/***/ }),
+
 /***/ "./app/client/queue/queue.actions.js":
 /*!*******************************************!*\
   !*** ./app/client/queue/queue.actions.js ***!