@checksub_team/peaks_timeline 1.4.21 → 1.4.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.4.21",
+  "version": "1.4.23",
   "description": "JavaScript UI component for displaying audio waveforms",
   "main": "./peaks.js",
   "types": "./peaks.js.d.ts",

package/peaks.js

@@ -15561,9 +15561,6 @@ module.exports = function (Colors, EventEmitter, TimelineSegments, TimelineSourc
     Peaks.prototype.allowInteractions = function (forSources, forSegments) {
         return this.view.allowInteractions(forSources, forSegments);
     };
-    Peaks.prototype.checkOverlapping = function (segment, message) {
-        return this.view.getSegmentsGroup().checkOverlapping(segment, message);
-    };
     Peaks.prototype._addWindowResizeHandler = function () {
         this._onResize = this._onResize.bind(this);
         window.addEventListener('resize', this._onResize);
@@ -15992,17 +15989,17 @@ module.exports = function (Utils) {
     };
     Player.prototype.play = function () {
         if (!this._playInterval) {
-            var prevTime = Date.now();
+            var prevTime = performance.now();
             var time;
             var self = this;
             this._isPlaying = true;
             this._peaks.overrideInteractions(true, false);
             this._playInterval = setInterval(function () {
-                time = Date.now();
+                time = performance.now();
                 self._currentTime += (time - prevTime) / 1000 * self._speed;
                 prevTime = time;
                 self._peaks.emit('timeline.update', self._currentTime);
-            }, 10);
+            }, 20);
             this._peaks.emit('timeline.play', this._currentTime);
         }
     };
@@ -16563,7 +16560,6 @@ module.exports = function (Konva, SegmentMarker) {
     };
     SegmentShape.prototype._onSegmentDragStart = function () {
         this._view.setCursor('grab');
-        this._group.checkOverlapping(this._segment, 'overlapping before dragging');
         this._mouseDownX = this._view.getPointerPosition().x;
         this._initialStartTime = this._segment.startTime;
         this._initialStartPixel = this._view.timeToPixels(this._initialStartTime);
@@ -16573,7 +16569,6 @@ module.exports = function (Konva, SegmentMarker) {
     };
     SegmentShape.prototype._onSegmentDragEnd = function () {
         this._view.setCursor('pointer');
-        this._group.checkOverlapping(this._segment, 'overlapping after dragging');
         this._peaks.emit('segments.dragend', this._segment);
     };
     SegmentShape.prototype._onSegmentHandleDrag = function () {
@@ -16581,12 +16576,10 @@ module.exports = function (Konva, SegmentMarker) {
     };
     SegmentShape.prototype._onSegmentHandleDragStart = function (segmentMarker) {
         var startMarker = segmentMarker.isStartMarker();
-        this._group.checkOverlapping(this._segment, 'overlapping before dragging');
         this._peaks.emit('segments.dragstart', this._segment, startMarker);
     };
     SegmentShape.prototype._onSegmentHandleDragEnd = function (segmentMarker) {
         var startMarker = segmentMarker.isStartMarker();
-        this._group.checkOverlapping(this._segment, 'overlapping after dragging');
         this._peaks.emit('segments.dragend', this._segment, startMarker);
     };
     SegmentShape.prototype.fitToView = function () {
@@ -16754,7 +16747,6 @@ module.exports = function (Utils) {
         };
         Utils.extend(opts, options);
         validateSegment(this._peaks, opts, 'update()');
-        this._peaks.checkOverlapping(this, 'overlapping before manual update');
         this._startTime = opts.startTime;
         this._endTime = opts.endTime;
         this._labelText = opts.labelText;
@@ -16763,7 +16755,6 @@ module.exports = function (Utils) {
         this._handleTextColor = opts.handleTextColor;
         this._opacity = opts.opacity;
         this._editable = opts.editable;
-        this._peaks.checkOverlapping(this, 'overlapping after manual update');
         this._peaks.emit('segment.updated', this);
     };
     Segment.prototype.isVisible = function (startTime, endTime) {
@@ -16784,7 +16775,6 @@ module.exports = function (SegmentShape, Utils, Konva) {
         this._segmentShapes = {};
         this._group = new Konva.Group();
         this._updatedSegments = [];
-        this._overlappingSegments = [];
         this._isMagnetized = false;
         this._peaks.on('segment.updated', this._onSegmentsUpdate.bind(this));
         this._peaks.on('segments.add', this._onSegmentsAdd.bind(this));
@@ -16834,7 +16824,6 @@ module.exports = function (SegmentShape, Utils, Konva) {
         return activeSegment;
     };
     SegmentsGroup.prototype._onSegmentsUpdate = function (segment) {
-        this._overlappingSegments = [];
         if (this._segments[segment.id]) {
             var redraw = false;
             var segmentShape = this._segmentShapes[segment.id];
@@ -16860,7 +16849,6 @@ module.exports = function (SegmentShape, Utils, Konva) {
     SegmentsGroup.prototype._onSegmentUpdated = function () {
         this._peaks.emit('segments.updated', this._updatedSegments);
         this._updatedSegments = [];
-        this._overlappingSegments = [];
     };
     SegmentsGroup.prototype._onSegmentsAdd = function (segments) {
         var self = this;
@@ -17058,19 +17046,6 @@ module.exports = function (SegmentShape, Utils, Konva) {
             this._draw();
         }
     };
-    SegmentsGroup.prototype.checkOverlapping = function (segment, message) {
-        if (this._segments[segment.id].prevSegmentId && this._segments[this._segments[segment.id].prevSegmentId].segment.endTime > segment.startTime || this._segments[segment.id].nextSegmentId && this._segments[this._segments[segment.id].nextSegmentId].segment.startTime < segment.endTime) {
-            if (!this._overlappingSegments.includes(segment.id)) {
-                this._peaks.emit('segments.overlap', {
-                    message: message,
-                    segment: segment,
-                    prevSegment: this._segments[segment.id].prevSegmentId ? this._segments[this._segments[segment.id].prevSegmentId].segment : null,
-                    nextSegment: this._segments[segment.id].nextSegmentId ? this._segments[this._segments[segment.id].nextSegmentId].segment : null
-                });
-                this._overlappingSegments.push(segment.id);
-            }
-        }
-    };
     SegmentsGroup.prototype.manageCollision = function (segment, newStartX, newEndX) {
         var newStartTime = null;
         var newEndTime = null;

package/src/main.js

@@ -622,12 +622,6 @@ define([
             .allowInteractions(forSources, forSegments);
   };
 
-  Peaks.prototype.checkOverlapping = function(segment, message) {
-    return this.view
-            .getSegmentsGroup()
-            .checkOverlapping(segment, message);
-  };
-
   Peaks.prototype._addWindowResizeHandler = function() {
     this._onResize = this._onResize.bind(this);
     window.addEventListener('resize', this._onResize);

package/src/player.js

@@ -66,7 +66,7 @@ define([
 
   Player.prototype.play = function() {
     if (!this._playInterval) {
-      var prevTime = Date.now();
+      var prevTime = performance.now();
       var time;
       var self = this;
 
@@ -75,11 +75,11 @@ define([
       this._peaks.overrideInteractions(true, false);
 
       this._playInterval = setInterval(function() {
-        time = Date.now();
+        time = performance.now();
         self._currentTime += ((time - prevTime) / 1000) * self._speed;
         prevTime = time;
         self._peaks.emit('timeline.update', self._currentTime);
-      }, 10);
+      }, 20);
 
       this._peaks.emit('timeline.play', this._currentTime);
     }

package/src/segment-shape.js

@@ -272,8 +272,6 @@ define([
   SegmentShape.prototype._onSegmentDragStart = function() {
     this._view.setCursor('grab');
 
-    this._group.checkOverlapping(this._segment, 'overlapping before dragging');
-
     this._mouseDownX = this._view.getPointerPosition().x;
     this._initialStartTime = this._segment.startTime;
     this._initialStartPixel = this._view.timeToPixels(this._initialStartTime);
@@ -286,8 +284,6 @@ define([
   SegmentShape.prototype._onSegmentDragEnd = function() {
     this._view.setCursor('pointer');
 
-    this._group.checkOverlapping(this._segment, 'overlapping after dragging');
-
     this._peaks.emit('segments.dragend', this._segment);
   };
 
@@ -306,8 +302,6 @@ define([
   SegmentShape.prototype._onSegmentHandleDragStart = function(segmentMarker) {
     var startMarker = segmentMarker.isStartMarker();
 
-    this._group.checkOverlapping(this._segment, 'overlapping before dragging');
-
     this._peaks.emit('segments.dragstart', this._segment, startMarker);
   };
 
@@ -318,8 +312,6 @@ define([
   SegmentShape.prototype._onSegmentHandleDragEnd = function(segmentMarker) {
     var startMarker = segmentMarker.isStartMarker();
 
-    this._group.checkOverlapping(this._segment, 'overlapping after dragging');
-
     this._peaks.emit('segments.dragend', this._segment, startMarker);
   };
 

package/src/segment.js

@@ -191,8 +191,6 @@ define([
 
     validateSegment(this._peaks, opts, 'update()');
 
-    this._peaks.checkOverlapping(this, 'overlapping before manual update');
-
     this._startTime       = opts.startTime;
     this._endTime         = opts.endTime;
     this._labelText       = opts.labelText;
@@ -202,8 +200,6 @@ define([
     this._opacity         = opts.opacity;
     this._editable        = opts.editable;
 
-    this._peaks.checkOverlapping(this, 'overlapping after manual update');
-
     this._peaks.emit('segment.updated', this);
   };
 

package/src/segments-group.js

@@ -41,7 +41,6 @@ define([
     this._group         = new Konva.Group();
 
     this._updatedSegments = [];
-    this._overlappingSegments = [];
 
     this._isMagnetized = false;
 
@@ -114,8 +113,6 @@ define([
   };
 
   SegmentsGroup.prototype._onSegmentsUpdate = function(segment) {
-    this._overlappingSegments = [];
-
     if (this._segments[segment.id]) {
       var redraw = false;
       var segmentShape = this._segmentShapes[segment.id];
@@ -146,7 +143,6 @@ define([
   SegmentsGroup.prototype._onSegmentUpdated = function() {
     this._peaks.emit('segments.updated', this._updatedSegments);
     this._updatedSegments = [];
-    this._overlappingSegments = [];
   };
 
   SegmentsGroup.prototype._onSegmentsAdd = function(segments) {
@@ -464,25 +460,6 @@ define([
     }
   };
 
-  SegmentsGroup.prototype.checkOverlapping = function(segment, message) {
-    /* eslint-disable max-len */
-    if ((this._segments[segment.id].prevSegmentId
-        && this._segments[this._segments[segment.id].prevSegmentId].segment.endTime > segment.startTime)
-      || (this._segments[segment.id].nextSegmentId
-        && this._segments[this._segments[segment.id].nextSegmentId].segment.startTime < segment.endTime)) {
-      if (!this._overlappingSegments.includes(segment.id)) {
-        this._peaks.emit('segments.overlap', {
-          message: message,
-          segment: segment,
-          prevSegment: this._segments[segment.id].prevSegmentId ? this._segments[this._segments[segment.id].prevSegmentId].segment : null,
-          nextSegment: this._segments[segment.id].nextSegmentId ? this._segments[this._segments[segment.id].nextSegmentId].segment : null
-        });
-        this._overlappingSegments.push(segment.id);
-      }
-    }
-    /* eslint-enable max-len */
-  };
-
   SegmentsGroup.prototype.manageCollision = function(segment, newStartX, newEndX) {
     var newStartTime = null;
     var newEndTime = null;