@checksub_team/peaks_timeline 1.16.1 → 2.0.0-alpha.2

package/src/{data-retriever.js → components/data-retriever.js}

@@ -1,118 +1,118 @@
-/**
- * @file
- *
- * Retrieving functions for external or internal media data.
- *
- * @module data-retriever
- */
-
-define([
-    './data'
-    ], function(Data) {
-    'use strict';
-
-    /**
-     * Creates a DataRetriever that will look for and download sources data.
-     *
-     * @class
-     * @alias DataRetriever
-     *
-     * @param {Peaks} peaks
-     */
-
-    function DataRetriever(peaks) {
-        this._peaks = peaks;
-        this._data = {};
-        this._waitingForData = {};
-    }
-
-    /**
-     * Retrieves data for the given source.
-     *
-     * @param {Source} options
-     */
-
-    DataRetriever.prototype.retrieveData = function(source) {
-        this._retrieveDataByUrl(source, source.previewUrl);
-        this._retrieveDataByUrl(source, source.binaryUrl);
-    };
-
-    DataRetriever.prototype._retrieveDataByUrl = function(source, url) {
-        if (url && url !== '') {
-            if (!this._data[url]) {
-                this._retireveDataOnline(source, url);
-            }
-            else {
-                if (this._data[url].isComplete()) {
-                    this._peaks.emit('data.retrieved', this._data[url], source, url);
-                }
-                else {
-                    this._waitingForData[url].push(source);
-                }
-            }
-        }
-    };
-
-    DataRetriever.prototype._retireveDataOnline = function(source, url) {
-        var data = new Data();
-
-        this._data[url] = data;
-        this._waitingForData[url] = [source];
-
-        this._fetch(url, data, 2000, 3);
-    };
-
-    DataRetriever.prototype._fetch = function(url, data, delay, limit) {
-        var self = this;
-
-        function later(delay) {
-            return new Promise(function(resolve) {
-                setTimeout(resolve, delay);
-            });
-        }
-
-        function recur(timesTried, err) {
-            if (timesTried >= limit) {
-                return Promise.reject(err);
-            }
-
-            return fetch(url)
-                .then(function(response) {
-                    if (!response.ok) {
-                        throw new Error('HTTP ' + response.status + ': ' + response.statusText);
-                    }
-
-                    return response.blob();
-                })
-                .catch(function(err) {
-                    return later(delay)
-                        .then(function() {
-                            return recur(timesTried + 1, err);
-                        });
-                })
-                .then(function(blob) {
-                    var type = blob.type;
-
-                    if (type) {
-                        type = type.split('/')[0];
-                    }
-                    else {
-                        type = 'other';
-                    }
-
-                    data.type = type;
-                    data.content = URL.createObjectURL(blob);
-
-                    if (self._waitingForData[url]) {
-                        self._waitingForData[url].forEach(function(src) {
-                            self._peaks.emit('data.retrieved', data, src, url);
-                        });
-                    }
-                });
-        }
-
-        return recur(0);
-    };
-
-    return DataRetriever;
+/**
+ * @file
+ *
+ * Retrieving functions for external or internal media data.
+ *
+ * @module data-retriever
+ */
+
+define([
+    './data'
+    ], function(Data) {
+    'use strict';
+
+    /**
+     * Creates a DataRetriever that will look for and download sources data.
+     *
+     * @class
+     * @alias DataRetriever
+     *
+     * @param {Peaks} peaks
+     */
+
+    function DataRetriever(peaks) {
+        this._peaks = peaks;
+        this._data = {};
+        this._waitingForData = {};
+    }
+
+    /**
+     * Retrieves data for the given source.
+     *
+     * @param {Source} options
+     */
+
+    DataRetriever.prototype.retrieveData = function(source) {
+        this._retrieveDataByUrl(source, source.previewUrl);
+        this._retrieveDataByUrl(source, source.binaryUrl);
+    };
+
+    DataRetriever.prototype._retrieveDataByUrl = function(source, url) {
+        if (url && url !== '') {
+            if (!this._data[url]) {
+                this._retireveDataOnline(source, url);
+            }
+            else {
+                if (this._data[url].isComplete()) {
+                    this._peaks.emit('data.retrieved', this._data[url], source, url);
+                }
+                else {
+                    this._waitingForData[url].push(source);
+                }
+            }
+        }
+    };
+
+    DataRetriever.prototype._retireveDataOnline = function(source, url) {
+        var data = new Data();
+
+        this._data[url] = data;
+        this._waitingForData[url] = [source];
+
+        this._fetch(url, data, 2000, 3);
+    };
+
+    DataRetriever.prototype._fetch = function(url, data, delay, limit) {
+        var self = this;
+
+        function later(delay) {
+            return new Promise(function(resolve) {
+                setTimeout(resolve, delay);
+            });
+        }
+
+        function recur(timesTried, err) {
+            if (timesTried >= limit) {
+                return Promise.reject(err);
+            }
+
+            return fetch(url)
+                .then(function(response) {
+                    if (!response.ok) {
+                        throw new Error('HTTP ' + response.status + ': ' + response.statusText);
+                    }
+
+                    return response.blob();
+                })
+                .catch(function(err) {
+                    return later(delay)
+                        .then(function() {
+                            return recur(timesTried + 1, err);
+                        });
+                })
+                .then(function(blob) {
+                    var type = blob.type;
+
+                    if (type) {
+                        type = type.split('/')[0];
+                    }
+                    else {
+                        type = 'other';
+                    }
+
+                    data.type = type;
+                    data.content = URL.createObjectURL(blob);
+
+                    if (self._waitingForData[url]) {
+                        self._waitingForData[url].forEach(function(src) {
+                            self._peaks.emit('data.retrieved', data, src, url);
+                        });
+                    }
+                });
+        }
+
+        return recur(0);
+    };
+
+    return DataRetriever;
 });

package/src/{default-segment-marker.js → components/default-segment-marker.js}

@@ -1,132 +1,132 @@
-/**
- * @file
- *
- * Defines the {@link DefaultSegmentMarker} class.
- *
- * @module default-segment-marker
- */
-
-define([
-  './utils',
-  'konva'
-  ], function(
-    Utils,
-    Konva) {
-  'use strict';
-
-  /**
-   * Creates a segment marker handle.
-   *
-   * @class
-   * @alias DefaultSegmentMarker
-   *
-   * @param {CreateSegmentMarkerOptions} options
-   */
-
-  function DefaultSegmentMarker(options) {
-    this._options = options;
-  }
-
-  DefaultSegmentMarker.prototype.init = function(group) {
-    this._handleWidth  = this._options.segmentWidth;
-    this._handleHeight = this._options.segmentHeight;
-
-    this._group = group;
-
-    // var handleX      = -(this._handleWidth / 2) + 0.5; // Place in the middle of the marker
-
-    var time = this._options.startMarker ? this._options.segment.startTime :
-                                           this._options.segment.endTime;
-
-    // Label - create with default y, the real value is set in fitToView().
-    this._label = new Konva.Text({
-      x:          0,
-      y:          0,
-      text:       Utils.removeLineBreaks(Utils.formatTime(time, false)),
-      fontSize:   10,
-      fontFamily: 'sans-serif',
-      fontStyle:  'bold',
-      fill:       this._options.segment.handleTextColor,
-      textAlign:  'center'
-    });
-
-    this._label.hide();
-
-    // Handle - create with default y, the real value is set in fitToView().
-    if (this._options.segment.editable && this._options.showSegmentMarkers) {
-      this._handle = new Konva.Rect({
-        x:           0,
-        y:           this._options.y,
-        width:       this._handleWidth,
-        height:      this._handleHeight,
-        opacity:     0
-      });
-    }
-
-    var positionX = this._options.startMarker ? -this._label.width() - 1 : this._handleWidth + 1;
-
-    this._label.setX(positionX);
-
-    group.add(this._label);
-
-    if (this._handle) {
-      group.add(this._handle);
-    }
-
-    this.bindEventHandlers(group);
-  };
-
-  DefaultSegmentMarker.prototype.getHandleWidth = function() {
-    return this._handleWidth;
-  };
-
-  DefaultSegmentMarker.prototype.bindEventHandlers = function(group) {
-    var self = this;
-
-    if (self._options.draggable) {
-      group.on('dragstart', function() {
-        self._label.show();
-        self._options.group.draw();
-      });
-
-      group.on('dragend', function() {
-        self._label.hide();
-        self._options.group.draw();
-      });
-    }
-
-    if (self._handle) {
-      self._handle.on('mouseover touchstart', function() {
-        self._options.view.setCursor('ew-resize');
-        self._label.show();
-        self._group.moveToTop();
-        self._options.view.drawSourcesLayer();
-      });
-
-      self._handle.on('mouseout touchend', function() {
-        self._options.view.setCursor('default');
-        self._label.hide();
-        self._options.view.drawSourcesLayer();
-      });
-    }
-  };
-
-  DefaultSegmentMarker.prototype.getWidth = function() {
-    return this._handle ? this._handle.width() : 0;
-  };
-
-  DefaultSegmentMarker.prototype.setWidth = function(value) {
-    if (this._handle) {
-      this._handle.width(value);
-      if (!this._options.startMarker) {
-        this._label.setX(value + 1);
-      }
-    }
-  };
-
-  DefaultSegmentMarker.prototype.timeUpdated = function(time) {
-    this._label.setText(Utils.formatTime(time, false));
-  };
-
-  return DefaultSegmentMarker;
-});
+/**
+ * @file
+ *
+ * Defines the {@link DefaultSegmentMarker} class.
+ *
+ * @module default-segment-marker
+ */
+
+define([
+  '../utils',
+  'konva'
+  ], function(
+    Utils,
+    Konva) {
+  'use strict';
+
+  /**
+   * Creates a segment marker handle.
+   *
+   * @class
+   * @alias DefaultSegmentMarker
+   *
+   * @param {CreateSegmentMarkerOptions} options
+   */
+
+  function DefaultSegmentMarker(options) {
+    this._options = options;
+  }
+
+  DefaultSegmentMarker.prototype.init = function(group) {
+    this._handleWidth  = this._options.segmentWidth;
+    this._handleHeight = this._options.segmentHeight;
+
+    this._group = group;
+
+    // var handleX      = -(this._handleWidth / 2) + 0.5; // Place in the middle of the marker
+
+    var time = this._options.startMarker ? this._options.segment.startTime :
+                                           this._options.segment.endTime;
+
+    // Label - create with default y, the real value is set in fitToView().
+    this._label = new Konva.Text({
+      x:          0,
+      y:          0,
+      text:       Utils.removeLineBreaks(Utils.formatTime(time, false)),
+      fontSize:   10,
+      fontFamily: 'sans-serif',
+      fontStyle:  'bold',
+      fill:       this._options.segment.handleTextColor,
+      textAlign:  'center'
+    });
+
+    this._label.hide();
+
+    // Handle - create with default y, the real value is set in fitToView().
+    if (this._options.segment.editable && this._options.showSegmentMarkers) {
+      this._handle = new Konva.Rect({
+        x:           0,
+        y:           this._options.y,
+        width:       this._handleWidth,
+        height:      this._handleHeight,
+        opacity:     0
+      });
+    }
+
+    var positionX = this._options.startMarker ? -this._label.width() - 1 : this._handleWidth + 1;
+
+    this._label.setX(positionX);
+
+    group.add(this._label);
+
+    if (this._handle) {
+      group.add(this._handle);
+    }
+
+    this.bindEventHandlers(group);
+  };
+
+  DefaultSegmentMarker.prototype.getHandleWidth = function() {
+    return this._handleWidth;
+  };
+
+  DefaultSegmentMarker.prototype.bindEventHandlers = function(group) {
+    var self = this;
+
+    if (self._options.draggable) {
+      group.on('dragstart', function() {
+        self._label.show();
+        self._options.group.draw();
+      });
+
+      group.on('dragend', function() {
+        self._label.hide();
+        self._options.group.draw();
+      });
+    }
+
+    if (self._handle) {
+      self._handle.on('mouseover touchstart', function() {
+        self._options.view.setCursor('ew-resize');
+        self._label.show();
+        self._group.moveToTop();
+        self._options.view.drawSourcesLayer();
+      });
+
+      self._handle.on('mouseout touchend', function() {
+        self._options.view.setCursor('default');
+        self._label.hide();
+        self._options.view.drawSourcesLayer();
+      });
+    }
+  };
+
+  DefaultSegmentMarker.prototype.getWidth = function() {
+    return this._handle ? this._handle.width() : 0;
+  };
+
+  DefaultSegmentMarker.prototype.setWidth = function(value) {
+    if (this._handle) {
+      this._handle.width(value);
+      if (!this._options.startMarker) {
+        this._label.setX(value + 1);
+      }
+    }
+  };
+
+  DefaultSegmentMarker.prototype.timeUpdated = function(time) {
+    this._label.setText(Utils.formatTime(time, false));
+  };
+
+  return DefaultSegmentMarker;
+});

package/src/{invoker.js → components/invoker.js}

@@ -1,81 +1,81 @@
-/**
- * @file
- *
- * Defines the {@link invoker} class.
- *
- * @module invoker
- */
-
- define([
-  ], function() {
-    'use strict';
-
-    /**
-     * An invoker class for throttling.
-     *
-     * @class
-     * @alias Invoker
-     */
-
-    function Invoker() {
-      this._throttledFunc = {};
-    }
-
-    Invoker.prototype.throttle = function(id, func, wait) {
-      var self = this;
-
-      if (this._throttledFunc[id]) {
-          // Already limiting
-          this._throttledFunc[id].func = func;
-          this._throttledFunc[id].continue = true;
-      }
-      else {
-          // Create a limit
-          this._throttledFunc[id] = {
-              func: func,
-              timer: null,
-              continue: true
-          };
-
-          this._throttledFunc[id].timer = setInterval(function() {
-              if (self._throttledFunc[id].continue) {
-                  func();
-                  self._throttledFunc[id].continue = false;
-              }
-              else {
-                  clearInterval(self._throttledFunc[id].timer);
-                  delete self._throttledFunc[id];
-              }
-          }, wait);
-      }
-    };
-
-    Invoker.prototype.debounce = function(func, wait, immediate) {
-      var timeout;
-
-      return function executedFunction() {
-        // eslint-disable-next-line consistent-this
-        var _self = this;
-        var args = arguments;
-
-        function later() {
-          timeout = null;
-          if (!immediate) {
-            func.apply(_self, args);
-          }
-        }
-
-        var callNow = immediate && !timeout;
-
-        clearTimeout(timeout);
-
-        timeout = setTimeout(later, wait);
-
-        if (callNow) {
-          func.apply(_self, args);
-        }
-      };
-    };
-
-    return Invoker;
-});
+/**
+ * @file
+ *
+ * Defines the {@link invoker} class.
+ *
+ * @module invoker
+ */
+
+ define([
+  ], function() {
+    'use strict';
+
+    /**
+     * An invoker class for throttling.
+     *
+     * @class
+     * @alias Invoker
+     */
+
+    function Invoker() {
+      this._throttledFunc = {};
+    }
+
+    Invoker.prototype.throttle = function(id, func, wait) {
+      var self = this;
+
+      if (this._throttledFunc[id]) {
+          // Already limiting
+          this._throttledFunc[id].func = func;
+          this._throttledFunc[id].continue = true;
+      }
+      else {
+          // Create a limit
+          this._throttledFunc[id] = {
+              func: func,
+              timer: null,
+              continue: true
+          };
+
+          this._throttledFunc[id].timer = setInterval(function() {
+              if (self._throttledFunc[id].continue) {
+                  func();
+                  self._throttledFunc[id].continue = false;
+              }
+              else {
+                  clearInterval(self._throttledFunc[id].timer);
+                  delete self._throttledFunc[id];
+              }
+          }, wait);
+      }
+    };
+
+    Invoker.prototype.debounce = function(func, wait, immediate) {
+      var timeout;
+
+      return function executedFunction() {
+        // eslint-disable-next-line consistent-this
+        var _self = this;
+        var args = arguments;
+
+        function later() {
+          timeout = null;
+          if (!immediate) {
+            func.apply(_self, args);
+          }
+        }
+
+        var callNow = immediate && !timeout;
+
+        clearTimeout(timeout);
+
+        timeout = setTimeout(later, wait);
+
+        if (callNow) {
+          func.apply(_self, args);
+        }
+      };
+    };
+
+    return Invoker;
+});