@qctrl/visualizer - npm Package Compare versions

Comparing version 1.14.8 to 1.15.0

components/index.js

@@ -76,3 +76,3 @@ "use strict";
     _this.state = {
-      isPlaying: _this.props.isPlaying,
+      isPlaying: props.isPlaying,
       isMouseDown: false,
@@ -82,8 +82,6 @@ isInteracting: false,
       isDragging: false,
-      progress: 0,
+      progress: props.progress || 0,
       currentSegmentNumber: 1,
       cursor: "grab",
-      containerWidth: 0,
-      entangled: false,
-      entaglementOpacity: 0
+      containerWidth: 0
     };
@@ -501,3 +499,4 @@ _this.webGlSupport = (0, _checkWebGLSupport.default)();
             cameraPreset = _this5$props.cameraPreset,
-            inputState = _this5$props.inputState;
+            inputState = _this5$props.inputState,
+            progress = _this5$props.progress;
         var _CONSTANTS$SCENE_OBJE3 = _constants.CONSTANTS.SCENE_OBJECT_UPDATE_TYPES,
@@ -510,3 +509,3 @@ UPDATE_PULSE_POSITION = _CONSTANTS$SCENE_OBJE3.UPDATE_PULSE_POSITION,
 
-        if (prevProps.isPlaying !== _this5.props.isPlaying) {
+        if (prevProps.isPlaying !== isPlaying) {
           nextState.isPlaying = isPlaying;
@@ -522,3 +521,3 @@ } //camera preset
         if (labels && !(0, _isEqual2.default)(_this5.state.labels, labels)) {
-          nextState.labels = _this5.props.labels;
+          nextState.labels = labels;
         }
@@ -556,3 +555,3 @@
 
-        if (prevState.progress !== _this5.props.progress && prevProps.progress !== _this5.props.progress) {
+        if (prevState.progress !== progress && prevProps.progress !== progress) {
           var currentFrame = _this5.getFrameIndexFromProgress();
@@ -566,7 +565,6 @@
 
-          var progress = _this5.getProgressFromFrameIndex();
+          var _progress = _this5.getProgressFromFrameIndex();
 
-          if (_this5.state.progress !== progress) {
-            nextState.progress = progress;
-            nextState.isPlaying = currentFrame === _this5.finalFrameIndex ? true : _this5.state.isPlaying;
+          if (_this5.state.progress !== _progress) {
+            nextState.progress = _progress;
           }
@@ -600,3 +598,3 @@ }
           var _this5$state = _this5.state,
-              _progress = _this5$state.progress,
+              _progress2 = _this5$state.progress,
               currentSegmentNumber = _this5$state.currentSegmentNumber,
@@ -607,3 +605,3 @@ _isPlaying = _this5$state.isPlaying,
           var pickedState = {
-            progress: _progress,
+            progress: _progress2,
             currentSegmentNumber: currentSegmentNumber,
@@ -677,3 +675,3 @@ isPlaying: _isPlaying,
       if (isPlaying && this.state.isPlaying) {
-        if (this.frameIndex <= finalFrameIndex) {
+        if (this.frameIndex < finalFrameIndex) {
           this.incrementFrameIndex();
@@ -687,5 +685,5 @@ this.setState({
         } else {
-          this.frameIndex = 0;
           this.setState({
-            isPlaying: false
+            isPlaying: false,
+            progress: 1
           });
@@ -692,0 +690,0 @@ this.updates.push({

layout/templateGenerator.js

@@ -55,3 +55,3 @@ "use strict";
             blochSphere: {
-              fov: 15
+              fov: 16
             }
@@ -58,0 +58,0 @@ }

package.json

 {
   "name": "@qctrl/visualizer",
-  "version": "1.14.8",
+  "version": "1.15.0",
   "description": "An animated and interactive quantum state visualisation built with THREE.js and implemented as a React component",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Worsened metrics

Total package byte prevSize

257534

decreased by-0.06%

Lines of code

2582

decreased by-0.08%

No dependency changes