@micromag/core 0.3.126 → 0.3.135

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/hooks.js +20 -3
  2. package/lib/hooks.js +20 -3
  3. package/package.json +2 -2
package/es/hooks.js CHANGED
@@ -736,6 +736,8 @@ var useMediaApi = function useMediaApi() {
736
736
  onEnded = _ref$onEnded === void 0 ? null : _ref$onEnded,
737
737
  _ref$onSeeked = _ref.onSeeked,
738
738
  onSeeked = _ref$onSeeked === void 0 ? null : _ref$onSeeked,
739
+ _ref$onSuspended = _ref.onSuspended,
740
+ onSuspended = _ref$onSuspended === void 0 ? null : _ref$onSuspended,
739
741
  _ref$onLoadStart = _ref.onLoadStart,
740
742
  onLoadStart = _ref$onLoadStart === void 0 ? null : _ref$onLoadStart,
741
743
  _ref$onCanPlayThough = _ref.onCanPlayThough,
@@ -784,6 +786,11 @@ var useMediaApi = function useMediaApi() {
784
786
  initialPlay = _useState14[0],
785
787
  setInitialPlay = _useState14[1];
786
788
 
789
+ var _useState15 = useState(false),
790
+ _useState16 = _slicedToArray(_useState15, 2),
791
+ suspended = _useState16[0],
792
+ setSuspended = _useState16[1];
793
+
787
794
  var progressStepsReached = useRef({});
788
795
  var paused = !playing; // Exposed methods
789
796
 
@@ -959,6 +966,13 @@ var useMediaApi = function useMediaApi() {
959
966
  onLoadedData();
960
967
  }
961
968
  }, [setDataReady, onLoadedData]);
969
+ var onCustomSuspended = useCallback(function () {
970
+ setSuspended(true);
971
+
972
+ if (onSuspended !== null) {
973
+ onSuspended();
974
+ }
975
+ }, [setDataReady, onLoadedData]);
962
976
  useEffect(function () {
963
977
  var _ref$current = ref.current,
964
978
  media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);
@@ -987,7 +1001,7 @@ var useMediaApi = function useMediaApi() {
987
1001
  // media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
988
1002
  }
989
1003
  };
990
- }, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked // onCustomLoadStart,
1004
+ }, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomSuspended // onCustomLoadStart,
991
1005
  // onCustomCanPlayThrough,
992
1006
  // onCustomCanPlay,
993
1007
  // onCustomLoadedMetadata,
@@ -1002,6 +1016,7 @@ var useMediaApi = function useMediaApi() {
1002
1016
  media.addEventListener('canplay', onCustomCanPlay);
1003
1017
  media.addEventListener('loadedmetadata', onCustomLoadedMetadata);
1004
1018
  media.addEventListener('loadeddata', onCustomLoadedData);
1019
+ media.addEventListener('suspend', onCustomSuspended);
1005
1020
  }
1006
1021
 
1007
1022
  return function () {
@@ -1010,9 +1025,10 @@ var useMediaApi = function useMediaApi() {
1010
1025
  media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
1011
1026
  media.removeEventListener('canplay', onCustomCanPlay);
1012
1027
  media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
1028
+ media.removeEventListener('suspend', onCustomSuspended);
1013
1029
  }
1014
1030
  };
1015
- }, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]); // Duration
1031
+ }, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata, onCustomSuspended]); // Duration
1016
1032
 
1017
1033
  useEffect(function () {
1018
1034
  var _ref$current3 = ref.current,
@@ -1075,7 +1091,8 @@ var useMediaApi = function useMediaApi() {
1075
1091
  playing: playing,
1076
1092
  paused: paused,
1077
1093
  ready: ready,
1078
- dataReady: dataReady
1094
+ dataReady: dataReady,
1095
+ suspended: suspended
1079
1096
  };
1080
1097
  };
1081
1098
 
package/lib/hooks.js CHANGED
@@ -772,6 +772,8 @@ var useMediaApi = function useMediaApi() {
772
772
  onEnded = _ref$onEnded === void 0 ? null : _ref$onEnded,
773
773
  _ref$onSeeked = _ref.onSeeked,
774
774
  onSeeked = _ref$onSeeked === void 0 ? null : _ref$onSeeked,
775
+ _ref$onSuspended = _ref.onSuspended,
776
+ onSuspended = _ref$onSuspended === void 0 ? null : _ref$onSuspended,
775
777
  _ref$onLoadStart = _ref.onLoadStart,
776
778
  onLoadStart = _ref$onLoadStart === void 0 ? null : _ref$onLoadStart,
777
779
  _ref$onCanPlayThough = _ref.onCanPlayThough,
@@ -820,6 +822,11 @@ var useMediaApi = function useMediaApi() {
820
822
  initialPlay = _useState14[0],
821
823
  setInitialPlay = _useState14[1];
822
824
 
825
+ var _useState15 = react.useState(false),
826
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
827
+ suspended = _useState16[0],
828
+ setSuspended = _useState16[1];
829
+
823
830
  var progressStepsReached = react.useRef({});
824
831
  var paused = !playing; // Exposed methods
825
832
 
@@ -995,6 +1002,13 @@ var useMediaApi = function useMediaApi() {
995
1002
  onLoadedData();
996
1003
  }
997
1004
  }, [setDataReady, onLoadedData]);
1005
+ var onCustomSuspended = react.useCallback(function () {
1006
+ setSuspended(true);
1007
+
1008
+ if (onSuspended !== null) {
1009
+ onSuspended();
1010
+ }
1011
+ }, [setDataReady, onLoadedData]);
998
1012
  react.useEffect(function () {
999
1013
  var _ref$current = ref.current,
1000
1014
  media = _ref$current === void 0 ? null : _ref$current; // console.log('actions', url);
@@ -1023,7 +1037,7 @@ var useMediaApi = function useMediaApi() {
1023
1037
  // media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
1024
1038
  }
1025
1039
  };
1026
- }, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked // onCustomLoadStart,
1040
+ }, [url, onCustomVolumeChange, onCustomPlay, onCustomPause, onCustomEnded, onCustomSeeked, onCustomSuspended // onCustomLoadStart,
1027
1041
  // onCustomCanPlayThrough,
1028
1042
  // onCustomCanPlay,
1029
1043
  // onCustomLoadedMetadata,
@@ -1038,6 +1052,7 @@ var useMediaApi = function useMediaApi() {
1038
1052
  media.addEventListener('canplay', onCustomCanPlay);
1039
1053
  media.addEventListener('loadedmetadata', onCustomLoadedMetadata);
1040
1054
  media.addEventListener('loadeddata', onCustomLoadedData);
1055
+ media.addEventListener('suspend', onCustomSuspended);
1041
1056
  }
1042
1057
 
1043
1058
  return function () {
@@ -1046,9 +1061,10 @@ var useMediaApi = function useMediaApi() {
1046
1061
  media.removeEventListener('canplaythrough', onCustomCanPlayThrough);
1047
1062
  media.removeEventListener('canplay', onCustomCanPlay);
1048
1063
  media.removeEventListener('loadedmetadata', onCustomLoadedMetadata);
1064
+ media.removeEventListener('suspend', onCustomSuspended);
1049
1065
  }
1050
1066
  };
1051
- }, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata]); // Duration
1067
+ }, [url, onCustomLoadStart, onCustomCanPlayThrough, onCustomCanPlay, onCustomLoadedMetadata, onCustomSuspended]); // Duration
1052
1068
 
1053
1069
  react.useEffect(function () {
1054
1070
  var _ref$current3 = ref.current,
@@ -1111,7 +1127,8 @@ var useMediaApi = function useMediaApi() {
1111
1127
  playing: playing,
1112
1128
  paused: paused,
1113
1129
  ready: ready,
1114
- dataReady: dataReady
1130
+ dataReady: dataReady,
1131
+ suspended: suspended
1115
1132
  };
1116
1133
  };
1117
1134
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/core",
3
- "version": "0.3.126",
3
+ "version": "0.3.135",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -132,5 +132,5 @@
132
132
  "publishConfig": {
133
133
  "access": "public"
134
134
  },
135
- "gitHead": "079203c5850c4aa771bc4fa1c567d2db1bc3ee3d"
135
+ "gitHead": "b9bd185aacc16b6fb5540aa113dc7872c822e279"
136
136
  }