@folklore/hooks 0.0.21 → 0.0.22
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.
- package/dist/cjs.js +20 -2
- package/dist/es.js +20 -2
- package/package.json +2 -2
package/dist/cjs.js
CHANGED
|
@@ -192,6 +192,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
192
192
|
var canceled = false;
|
|
193
193
|
|
|
194
194
|
if (!apiLoaded && videoId !== null) {
|
|
195
|
+
debug$3('Load API');
|
|
195
196
|
services.loadDailymotion().then(function (api) {
|
|
196
197
|
if (!canceled) {
|
|
197
198
|
apiRef.current = api;
|
|
@@ -232,9 +233,10 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
232
233
|
var player = currentPlayer;
|
|
233
234
|
|
|
234
235
|
if (player !== null) {
|
|
235
|
-
player.load(
|
|
236
|
+
player.load(videoId, {
|
|
236
237
|
params: playerParams
|
|
237
238
|
});
|
|
239
|
+
debug$3('Load video [ID: %s]', videoId);
|
|
238
240
|
} else {
|
|
239
241
|
player = DM.player(element, {
|
|
240
242
|
video: videoId,
|
|
@@ -242,6 +244,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
242
244
|
height: height,
|
|
243
245
|
params: playerParams
|
|
244
246
|
});
|
|
247
|
+
debug$3('Create player [ID: %s]', videoId);
|
|
245
248
|
}
|
|
246
249
|
|
|
247
250
|
if (!playerReady) {
|
|
@@ -264,6 +267,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
264
267
|
|
|
265
268
|
function onPlaybackReady() {
|
|
266
269
|
setLoaded(true);
|
|
270
|
+
debug$3('onPlaybackReady [ID: %s]', videoId);
|
|
267
271
|
}
|
|
268
272
|
|
|
269
273
|
function onLoadedMetadata() {
|
|
@@ -271,6 +275,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
271
275
|
duration: player.duration
|
|
272
276
|
});
|
|
273
277
|
setMetadata(currentMetadata);
|
|
278
|
+
debug$3('onLoadedMetadata [ID: %s]', videoId);
|
|
274
279
|
}
|
|
275
280
|
|
|
276
281
|
function onDurationChange() {
|
|
@@ -278,11 +283,13 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
278
283
|
duration: player.duration
|
|
279
284
|
});
|
|
280
285
|
setMetadata(currentMetadata);
|
|
286
|
+
debug$3('onDurationChange [ID: %s]', videoId);
|
|
281
287
|
}
|
|
282
288
|
|
|
283
289
|
function onVolumeChange() {
|
|
284
290
|
setMuted(player.muted);
|
|
285
291
|
setVolumeState(player.volume);
|
|
292
|
+
debug$3('onVolumeChange [ID: %s]', videoId);
|
|
286
293
|
}
|
|
287
294
|
|
|
288
295
|
function onPlay() {
|
|
@@ -292,6 +299,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
292
299
|
ended: false
|
|
293
300
|
});
|
|
294
301
|
setPlayState(currentPlayState);
|
|
302
|
+
debug$3('onPlay [ID: %s]', videoId);
|
|
295
303
|
}
|
|
296
304
|
|
|
297
305
|
function onPause() {
|
|
@@ -301,6 +309,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
301
309
|
ended: false
|
|
302
310
|
});
|
|
303
311
|
setPlayState(currentPlayState);
|
|
312
|
+
debug$3('onPause [ID: %s]', videoId);
|
|
304
313
|
}
|
|
305
314
|
|
|
306
315
|
function onEnd() {
|
|
@@ -310,6 +319,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
310
319
|
ended: true
|
|
311
320
|
});
|
|
312
321
|
setPlayState(currentPlayState);
|
|
322
|
+
debug$3('onEnd [ID: %s]', videoId);
|
|
313
323
|
}
|
|
314
324
|
|
|
315
325
|
function onPlaying() {
|
|
@@ -317,6 +327,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
317
327
|
buffering: false
|
|
318
328
|
});
|
|
319
329
|
setPlayState(currentPlayState);
|
|
330
|
+
debug$3('onPlaying [ID: %s]', videoId);
|
|
320
331
|
}
|
|
321
332
|
|
|
322
333
|
function onWaiting() {
|
|
@@ -324,6 +335,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
324
335
|
buffering: true
|
|
325
336
|
});
|
|
326
337
|
setPlayState(currentPlayState);
|
|
338
|
+
debug$3('onWaiting [ID: %s]', videoId);
|
|
327
339
|
}
|
|
328
340
|
|
|
329
341
|
function onAdStart() {
|
|
@@ -331,6 +343,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
331
343
|
adPlaying: true
|
|
332
344
|
});
|
|
333
345
|
setPlayState(currentPlayState);
|
|
346
|
+
debug$3('onAdStart [ID: %s]', videoId);
|
|
334
347
|
}
|
|
335
348
|
|
|
336
349
|
function onAdEnd() {
|
|
@@ -338,6 +351,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
338
351
|
adPlaying: false
|
|
339
352
|
});
|
|
340
353
|
setPlayState(currentPlayState);
|
|
354
|
+
debug$3('onAdEnd [ID: %s]', videoId);
|
|
341
355
|
}
|
|
342
356
|
|
|
343
357
|
player.addEventListener('playback_ready', onPlaybackReady);
|
|
@@ -994,6 +1008,7 @@ function useYouTubePlayer(id) {
|
|
|
994
1008
|
var canceled = false;
|
|
995
1009
|
|
|
996
1010
|
if (!apiLoaded && videoId !== null) {
|
|
1011
|
+
debug$1('Load API');
|
|
997
1012
|
services.loadYouTube().then(function (api) {
|
|
998
1013
|
if (!canceled) {
|
|
999
1014
|
apiRef.current = api;
|
|
@@ -1266,6 +1281,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1266
1281
|
var canceled = false;
|
|
1267
1282
|
|
|
1268
1283
|
if (!apiLoaded && id !== null) {
|
|
1284
|
+
debug('Load API');
|
|
1269
1285
|
services.loadVimeo().then(function (api) {
|
|
1270
1286
|
if (!canceled) {
|
|
1271
1287
|
apiRef.current = api;
|
|
@@ -1435,7 +1451,8 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1435
1451
|
|
|
1436
1452
|
var onVolumeChange = function onVolumeChange(_ref4) {
|
|
1437
1453
|
var newVolume = _ref4.volume;
|
|
1438
|
-
|
|
1454
|
+
setVolumeState(newVolume);
|
|
1455
|
+
debug('onVolumeChange [ID: %s]', videoId);
|
|
1439
1456
|
};
|
|
1440
1457
|
|
|
1441
1458
|
var onEnded = function onEnded() {
|
|
@@ -1445,6 +1462,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1445
1462
|
ended: true,
|
|
1446
1463
|
buffering: false
|
|
1447
1464
|
});
|
|
1465
|
+
debug('onEnded [ID: %s]', videoId);
|
|
1448
1466
|
};
|
|
1449
1467
|
|
|
1450
1468
|
var onBufferStart = function onBufferStart() {
|
package/dist/es.js
CHANGED
|
@@ -180,6 +180,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
180
180
|
var canceled = false;
|
|
181
181
|
|
|
182
182
|
if (!apiLoaded && videoId !== null) {
|
|
183
|
+
debug$3('Load API');
|
|
183
184
|
loadDailymotion().then(function (api) {
|
|
184
185
|
if (!canceled) {
|
|
185
186
|
apiRef.current = api;
|
|
@@ -220,9 +221,10 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
220
221
|
var player = currentPlayer;
|
|
221
222
|
|
|
222
223
|
if (player !== null) {
|
|
223
|
-
player.load(
|
|
224
|
+
player.load(videoId, {
|
|
224
225
|
params: playerParams
|
|
225
226
|
});
|
|
227
|
+
debug$3('Load video [ID: %s]', videoId);
|
|
226
228
|
} else {
|
|
227
229
|
player = DM.player(element, {
|
|
228
230
|
video: videoId,
|
|
@@ -230,6 +232,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
230
232
|
height: height,
|
|
231
233
|
params: playerParams
|
|
232
234
|
});
|
|
235
|
+
debug$3('Create player [ID: %s]', videoId);
|
|
233
236
|
}
|
|
234
237
|
|
|
235
238
|
if (!playerReady) {
|
|
@@ -252,6 +255,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
252
255
|
|
|
253
256
|
function onPlaybackReady() {
|
|
254
257
|
setLoaded(true);
|
|
258
|
+
debug$3('onPlaybackReady [ID: %s]', videoId);
|
|
255
259
|
}
|
|
256
260
|
|
|
257
261
|
function onLoadedMetadata() {
|
|
@@ -259,6 +263,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
259
263
|
duration: player.duration
|
|
260
264
|
});
|
|
261
265
|
setMetadata(currentMetadata);
|
|
266
|
+
debug$3('onLoadedMetadata [ID: %s]', videoId);
|
|
262
267
|
}
|
|
263
268
|
|
|
264
269
|
function onDurationChange() {
|
|
@@ -266,11 +271,13 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
266
271
|
duration: player.duration
|
|
267
272
|
});
|
|
268
273
|
setMetadata(currentMetadata);
|
|
274
|
+
debug$3('onDurationChange [ID: %s]', videoId);
|
|
269
275
|
}
|
|
270
276
|
|
|
271
277
|
function onVolumeChange() {
|
|
272
278
|
setMuted(player.muted);
|
|
273
279
|
setVolumeState(player.volume);
|
|
280
|
+
debug$3('onVolumeChange [ID: %s]', videoId);
|
|
274
281
|
}
|
|
275
282
|
|
|
276
283
|
function onPlay() {
|
|
@@ -280,6 +287,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
280
287
|
ended: false
|
|
281
288
|
});
|
|
282
289
|
setPlayState(currentPlayState);
|
|
290
|
+
debug$3('onPlay [ID: %s]', videoId);
|
|
283
291
|
}
|
|
284
292
|
|
|
285
293
|
function onPause() {
|
|
@@ -289,6 +297,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
289
297
|
ended: false
|
|
290
298
|
});
|
|
291
299
|
setPlayState(currentPlayState);
|
|
300
|
+
debug$3('onPause [ID: %s]', videoId);
|
|
292
301
|
}
|
|
293
302
|
|
|
294
303
|
function onEnd() {
|
|
@@ -298,6 +307,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
298
307
|
ended: true
|
|
299
308
|
});
|
|
300
309
|
setPlayState(currentPlayState);
|
|
310
|
+
debug$3('onEnd [ID: %s]', videoId);
|
|
301
311
|
}
|
|
302
312
|
|
|
303
313
|
function onPlaying() {
|
|
@@ -305,6 +315,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
305
315
|
buffering: false
|
|
306
316
|
});
|
|
307
317
|
setPlayState(currentPlayState);
|
|
318
|
+
debug$3('onPlaying [ID: %s]', videoId);
|
|
308
319
|
}
|
|
309
320
|
|
|
310
321
|
function onWaiting() {
|
|
@@ -312,6 +323,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
312
323
|
buffering: true
|
|
313
324
|
});
|
|
314
325
|
setPlayState(currentPlayState);
|
|
326
|
+
debug$3('onWaiting [ID: %s]', videoId);
|
|
315
327
|
}
|
|
316
328
|
|
|
317
329
|
function onAdStart() {
|
|
@@ -319,6 +331,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
319
331
|
adPlaying: true
|
|
320
332
|
});
|
|
321
333
|
setPlayState(currentPlayState);
|
|
334
|
+
debug$3('onAdStart [ID: %s]', videoId);
|
|
322
335
|
}
|
|
323
336
|
|
|
324
337
|
function onAdEnd() {
|
|
@@ -326,6 +339,7 @@ var useDailymotionPlayer = function useDailymotionPlayer() {
|
|
|
326
339
|
adPlaying: false
|
|
327
340
|
});
|
|
328
341
|
setPlayState(currentPlayState);
|
|
342
|
+
debug$3('onAdEnd [ID: %s]', videoId);
|
|
329
343
|
}
|
|
330
344
|
|
|
331
345
|
player.addEventListener('playback_ready', onPlaybackReady);
|
|
@@ -982,6 +996,7 @@ function useYouTubePlayer(id) {
|
|
|
982
996
|
var canceled = false;
|
|
983
997
|
|
|
984
998
|
if (!apiLoaded && videoId !== null) {
|
|
999
|
+
debug$1('Load API');
|
|
985
1000
|
loadYouTube().then(function (api) {
|
|
986
1001
|
if (!canceled) {
|
|
987
1002
|
apiRef.current = api;
|
|
@@ -1254,6 +1269,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1254
1269
|
var canceled = false;
|
|
1255
1270
|
|
|
1256
1271
|
if (!apiLoaded && id !== null) {
|
|
1272
|
+
debug('Load API');
|
|
1257
1273
|
loadVimeo().then(function (api) {
|
|
1258
1274
|
if (!canceled) {
|
|
1259
1275
|
apiRef.current = api;
|
|
@@ -1423,7 +1439,8 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1423
1439
|
|
|
1424
1440
|
var onVolumeChange = function onVolumeChange(_ref4) {
|
|
1425
1441
|
var newVolume = _ref4.volume;
|
|
1426
|
-
|
|
1442
|
+
setVolumeState(newVolume);
|
|
1443
|
+
debug('onVolumeChange [ID: %s]', videoId);
|
|
1427
1444
|
};
|
|
1428
1445
|
|
|
1429
1446
|
var onEnded = function onEnded() {
|
|
@@ -1433,6 +1450,7 @@ var useVimeoPlayer = function useVimeoPlayer(id) {
|
|
|
1433
1450
|
ended: true,
|
|
1434
1451
|
buffering: false
|
|
1435
1452
|
});
|
|
1453
|
+
debug('onEnded [ID: %s]', videoId);
|
|
1436
1454
|
};
|
|
1437
1455
|
|
|
1438
1456
|
var onBufferStart = function onBufferStart() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@folklore/hooks",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.22",
|
|
4
4
|
"description": "React hooks",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"publishConfig": {
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "22a55f41d8b6f80e1f3673bb3e2c077860488afe",
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@folklore/events": "^0.0.3",
|
|
54
54
|
"@folklore/services": "^0.1.36",
|