@checksub_team/peaks_timeline 1.8.0 → 1.8.2

package/package.json

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

package/peaks.js

@@ -15691,6 +15691,7 @@ module.exports = function (Utils, SourceGroup, Konva) {
     'use strict';
     var TIME_X_OFFSET = 20;
     var TIME_Y_OFFSET = 10;
+    var SNAP_DISTANCE_FOR_CUTTING = 10;
     function ModeLayer(peaks, view, playheadLayer, stage, initialMode) {
         this._peaks = peaks;
         this._view = view;
@@ -15874,9 +15875,9 @@ module.exports = function (Utils, SourceGroup, Konva) {
         var cuttingPosition = mousePosition;
         var hoveredElement = this._view.getHoveredElement();
         if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
-            var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+            var playheadPositionX = Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
             var playheadIsOnHoveredElement = playheadPositionX >= hoveredElement.x() && playheadPositionX <= hoveredElement.x() + hoveredElement.getWidth();
-            if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+            if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
                 cuttingPosition.x = playheadPositionX;
             }
         }
@@ -15894,9 +15895,9 @@ module.exports = function (Utils, SourceGroup, Konva) {
         var hoveredElement = this._view.getHoveredElement();
         if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
             var cuttingPosition = mousePosition;
-            var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+            var playheadPositionX = Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
             var playheadIsOnHoveredElement = playheadPositionX >= hoveredElement.x() && playheadPositionX <= hoveredElement.x() + hoveredElement.getWidth();
-            if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+            if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
                 cuttingPosition.x = playheadPositionX;
             }
             var minSize = this._view.timeToPixels(hoveredElement.getSource().minSize);
@@ -19727,7 +19728,7 @@ module.exports = function (Source, Utils) {
                 wrapping: sourceToCut.wrapping,
                 previewHeight: sourceToCut.previewHeight,
                 binaryHeight: sourceToCut.binaryHeight
-            }]);
+            }])[0];
         this._peaks.emit('sources.updated', [
             sourceToCut,
             newSource
@@ -19789,6 +19790,7 @@ module.exports = function (Source, Utils) {
             self._addSource(source);
         });
         this._peaks.emit('sources.add', sources);
+        return sources;
     };
     TimelineSources.prototype._findSource = function (predicate) {
         var indexes = [];

package/src/mode-layer.js

@@ -15,6 +15,7 @@ define([
 
   var TIME_X_OFFSET = 20;
   var TIME_Y_OFFSET = 10;
+  var SNAP_DISTANCE_FOR_CUTTING = 10;
 
   /**
    * Creates a Konva.Layer that displays additionnal information for alternative modes.
@@ -267,12 +268,13 @@ define([
     var hoveredElement = this._view.getHoveredElement();
 
     if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
-      var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+      var playheadPositionX =
+        Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
       var playheadIsOnHoveredElement =
         playheadPositionX >= hoveredElement.x() &&
         playheadPositionX <= (hoveredElement.x() + hoveredElement.getWidth());
 
-      if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+      if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
         cuttingPosition.x = playheadPositionX;
       }
     }
@@ -298,13 +300,14 @@ define([
 
     if (hoveredElement && hoveredElement instanceof SourceGroup && hoveredElement.isCuttable()) {
       var cuttingPosition = mousePosition;
-      var playheadPositionX = this._view.timeToPixels(this._playheadLayer._time);
+      var playheadPositionX =
+        Math.round(this._view.timeToPixels(this._playheadLayer._time) - this._view.getFrameOffset());
 
       var playheadIsOnHoveredElement =
         playheadPositionX >= hoveredElement.x() &&
         playheadPositionX <= (hoveredElement.x() + hoveredElement.getWidth());
 
-      if (Math.abs(mousePosition.x - playheadPositionX) < 10 && playheadIsOnHoveredElement) {
+      if (Math.abs(mousePosition.x - playheadPositionX) < SNAP_DISTANCE_FOR_CUTTING && playheadIsOnHoveredElement) {
         cuttingPosition.x = playheadPositionX;
       }
 

package/src/timeline-sources.js

@@ -98,7 +98,7 @@ define([
       wrapping: sourceToCut.wrapping,
       previewHeight: sourceToCut.previewHeight,
       binaryHeight: sourceToCut.binaryHeight
-    }]);
+    }])[0];
 
     this._peaks.emit('sources.updated', [sourceToCut, newSource]);
   };
@@ -283,6 +283,8 @@ define([
     });
 
     this._peaks.emit('sources.add', sources);
+
+    return sources;
   };
 
   /**