@remotion/player 3.0.0-wrappedup.222 → 3.0.2

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 (155) hide show
  1. package/LICENSE.md +2 -2
  2. package/README.md +81 -3
  3. package/dist/Freeze.d.ts +7 -0
  4. package/dist/Freeze.d.ts.map +1 -0
  5. package/dist/Freeze.js +18 -0
  6. package/dist/Freeze.js.map +1 -0
  7. package/dist/Loading.d.ts +0 -3
  8. package/dist/Loading.d.ts.map +1 -1
  9. package/dist/Loading.js +0 -21
  10. package/dist/Loading.js.map +1 -1
  11. package/dist/MediaVolumeSlider.d.ts +0 -0
  12. package/dist/MediaVolumeSlider.d.ts.map +0 -0
  13. package/dist/MediaVolumeSlider.js +1 -1
  14. package/dist/MediaVolumeSlider.js.map +1 -1
  15. package/dist/Player.d.ts +5 -2
  16. package/dist/Player.d.ts.map +1 -1
  17. package/dist/Player.js +33 -6
  18. package/dist/Player.js.map +1 -1
  19. package/dist/PlayerControls.d.ts +0 -0
  20. package/dist/PlayerControls.d.ts.map +0 -0
  21. package/dist/PlayerControls.js +2 -2
  22. package/dist/PlayerControls.js.map +1 -1
  23. package/dist/PlayerSeekBar.d.ts +0 -0
  24. package/dist/PlayerSeekBar.d.ts.map +1 -1
  25. package/dist/PlayerSeekBar.js +5 -2
  26. package/dist/PlayerSeekBar.js.map +1 -1
  27. package/dist/PlayerUI.d.ts +9 -5
  28. package/dist/PlayerUI.d.ts.map +1 -1
  29. package/dist/PlayerUI.js +15 -5
  30. package/dist/PlayerUI.js.map +1 -1
  31. package/dist/calculate-next-frame.d.ts +0 -0
  32. package/dist/calculate-next-frame.d.ts.map +0 -0
  33. package/dist/calculate-next-frame.js +0 -0
  34. package/dist/calculate-next-frame.js.map +0 -0
  35. package/dist/calculate-scale.d.ts +0 -0
  36. package/dist/calculate-scale.d.ts.map +0 -0
  37. package/dist/calculate-scale.js +0 -0
  38. package/dist/calculate-scale.js.map +0 -0
  39. package/dist/emitter-context.d.ts +0 -0
  40. package/dist/emitter-context.d.ts.map +0 -0
  41. package/dist/emitter-context.js +0 -0
  42. package/dist/emitter-context.js.map +0 -0
  43. package/dist/error-boundary.d.ts +2 -1
  44. package/dist/error-boundary.d.ts.map +1 -1
  45. package/dist/error-boundary.js +2 -2
  46. package/dist/error-boundary.js.map +1 -1
  47. package/dist/event-emitter.d.ts +0 -0
  48. package/dist/event-emitter.d.ts.map +0 -0
  49. package/dist/event-emitter.js +0 -0
  50. package/dist/event-emitter.js.map +0 -0
  51. package/dist/event-target-polyfill.d.ts +0 -0
  52. package/dist/event-target-polyfill.d.ts.map +0 -0
  53. package/dist/event-target-polyfill.js +0 -0
  54. package/dist/event-target-polyfill.js.map +0 -0
  55. package/dist/format-time.d.ts +0 -0
  56. package/dist/format-time.d.ts.map +0 -0
  57. package/dist/format-time.js +0 -0
  58. package/dist/format-time.js.map +0 -0
  59. package/dist/icons.d.ts +0 -0
  60. package/dist/icons.d.ts.map +0 -0
  61. package/dist/icons.js +6 -6
  62. package/dist/icons.js.map +1 -1
  63. package/dist/index.d.ts +5 -3
  64. package/dist/index.d.ts.map +1 -1
  65. package/dist/index.js +1 -0
  66. package/dist/index.js.map +1 -1
  67. package/dist/player-css-classname.d.ts +0 -0
  68. package/dist/player-css-classname.d.ts.map +0 -0
  69. package/dist/player-css-classname.js +0 -0
  70. package/dist/player-css-classname.js.map +0 -0
  71. package/dist/player-methods.d.ts +2 -1
  72. package/dist/player-methods.d.ts.map +1 -1
  73. package/dist/player-methods.js +0 -0
  74. package/dist/player-methods.js.map +0 -0
  75. package/dist/test/index.test.d.ts +0 -0
  76. package/dist/test/index.test.d.ts.map +0 -0
  77. package/dist/test/index.test.js +0 -0
  78. package/dist/test/index.test.js.map +0 -0
  79. package/dist/test/test-utils.d.ts +1 -1
  80. package/dist/test/test-utils.d.ts.map +1 -1
  81. package/dist/test/test-utils.js +0 -0
  82. package/dist/test/test-utils.js.map +1 -1
  83. package/dist/test/validate-prop.test.d.ts +0 -0
  84. package/dist/test/validate-prop.test.d.ts.map +0 -0
  85. package/dist/test/validate-prop.test.js +28 -1
  86. package/dist/test/validate-prop.test.js.map +1 -1
  87. package/dist/use-hover-state.d.ts +0 -0
  88. package/dist/use-hover-state.d.ts.map +0 -0
  89. package/dist/use-hover-state.js +0 -0
  90. package/dist/use-hover-state.js.map +0 -0
  91. package/dist/use-playback.d.ts +0 -0
  92. package/dist/use-playback.d.ts.map +0 -0
  93. package/dist/use-playback.js +0 -0
  94. package/dist/use-playback.js.map +0 -0
  95. package/dist/use-player.d.ts +0 -0
  96. package/dist/use-player.d.ts.map +1 -1
  97. package/dist/use-player.js +18 -1
  98. package/dist/use-player.js.map +1 -1
  99. package/dist/utils/browser-supports-fullscreen.d.ts +0 -0
  100. package/dist/utils/browser-supports-fullscreen.d.ts.map +0 -0
  101. package/dist/utils/browser-supports-fullscreen.js +0 -0
  102. package/dist/utils/browser-supports-fullscreen.js.map +0 -0
  103. package/dist/utils/calculate-player-size.d.ts +0 -0
  104. package/dist/utils/calculate-player-size.d.ts.map +0 -0
  105. package/dist/utils/calculate-player-size.js +0 -0
  106. package/dist/utils/calculate-player-size.js.map +0 -0
  107. package/dist/utils/cancellable-promise.d.ts +0 -0
  108. package/dist/utils/cancellable-promise.d.ts.map +0 -0
  109. package/dist/utils/cancellable-promise.js +0 -0
  110. package/dist/utils/cancellable-promise.js.map +0 -0
  111. package/dist/utils/delay.d.ts +0 -0
  112. package/dist/utils/delay.d.ts.map +0 -0
  113. package/dist/utils/delay.js +0 -0
  114. package/dist/utils/delay.js.map +0 -0
  115. package/dist/utils/is-node.d.ts +0 -0
  116. package/dist/utils/is-node.d.ts.map +0 -0
  117. package/dist/utils/is-node.js +0 -0
  118. package/dist/utils/is-node.js.map +0 -0
  119. package/dist/utils/preview-size.d.ts +0 -0
  120. package/dist/utils/preview-size.d.ts.map +0 -0
  121. package/dist/utils/preview-size.js +0 -0
  122. package/dist/utils/preview-size.js.map +0 -0
  123. package/dist/utils/use-cancellable-promises.d.ts +0 -0
  124. package/dist/utils/use-cancellable-promises.d.ts.map +0 -0
  125. package/dist/utils/use-cancellable-promises.js +0 -0
  126. package/dist/utils/use-cancellable-promises.js.map +0 -0
  127. package/dist/utils/use-click-prevention-on-double-click.d.ts +0 -0
  128. package/dist/utils/use-click-prevention-on-double-click.d.ts.map +0 -0
  129. package/dist/utils/use-click-prevention-on-double-click.js +0 -0
  130. package/dist/utils/use-click-prevention-on-double-click.js.map +0 -0
  131. package/dist/utils/use-element-size.d.ts +2 -0
  132. package/dist/utils/use-element-size.d.ts.map +1 -1
  133. package/dist/utils/use-element-size.js +27 -4
  134. package/dist/utils/use-element-size.js.map +1 -1
  135. package/dist/utils/validate-playbackrate.d.ts +0 -0
  136. package/dist/utils/validate-playbackrate.d.ts.map +0 -0
  137. package/dist/utils/validate-playbackrate.js +0 -0
  138. package/dist/utils/validate-playbackrate.js.map +0 -0
  139. package/dist/volume-persistance.d.ts +0 -0
  140. package/dist/volume-persistance.d.ts.map +0 -0
  141. package/dist/volume-persistance.js +0 -0
  142. package/dist/volume-persistance.js.map +0 -0
  143. package/package.json +27 -13
  144. package/dist/PredefinedAudioTags.d.ts +0 -11
  145. package/dist/PredefinedAudioTags.d.ts.map +0 -1
  146. package/dist/PredefinedAudioTags.js +0 -98
  147. package/dist/PredefinedAudioTags.js.map +0 -1
  148. package/dist/events.d.ts +0 -1
  149. package/dist/events.d.ts.map +0 -1
  150. package/dist/events.js +0 -2
  151. package/dist/events.js.map +0 -1
  152. package/dist/utils/use-throttle.d.ts +0 -2
  153. package/dist/utils/use-throttle.d.ts.map +0 -1
  154. package/dist/utils/use-throttle.js +0 -24
  155. package/dist/utils/use-throttle.js.map +0 -1
@@ -4,7 +4,9 @@ export declare type Size = {
4
4
  left: number;
5
5
  top: number;
6
6
  };
7
+ export declare const updateAllElementsSizes: () => void;
7
8
  export declare const useElementSize: (ref: React.RefObject<HTMLElement>, options: {
8
9
  triggerOnWindowResize: boolean;
10
+ shouldApplyCssTransforms: boolean;
9
11
  }) => Size | null;
10
12
  //# sourceMappingURL=use-element-size.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-element-size.d.ts","sourceRoot":"","sources":["../../src/utils/use-element-size.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,cAAc,QACrB,MAAM,SAAS,CAAC,WAAW,CAAC,WACxB;IACR,qBAAqB,EAAE,OAAO,CAAC;CAC/B,KACC,IAAI,GAAG,IAwET,CAAC"}
1
+ {"version":3,"file":"use-element-size.d.ts","sourceRoot":"","sources":["../../src/utils/use-element-size.ts"],"names":[],"mappings":"AAEA,oBAAY,IAAI,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC;AAUF,eAAO,MAAM,sBAAsB,YAIlC,CAAC;AAEF,eAAO,MAAM,cAAc,QACrB,MAAM,SAAS,CAAC,WAAW,CAAC,WACxB;IACR,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,OAAO,CAAC;CAClC,KACC,IAAI,GAAG,IA6FT,CAAC"}
@@ -1,7 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useElementSize = void 0;
3
+ exports.useElementSize = exports.updateAllElementsSizes = void 0;
4
4
  const react_1 = require("react");
5
+ let elementSizeHooks = [];
6
+ const updateAllElementsSizes = () => {
7
+ for (const listener of elementSizeHooks) {
8
+ listener();
9
+ }
10
+ };
11
+ exports.updateAllElementsSizes = updateAllElementsSizes;
5
12
  const useElementSize = (ref, options) => {
6
13
  const [size, setSize] = (0, react_1.useState)(null);
7
14
  const observer = (0, react_1.useMemo)(() => {
@@ -9,19 +16,29 @@ const useElementSize = (ref, options) => {
9
16
  return null;
10
17
  }
11
18
  return new ResizeObserver((entries) => {
19
+ // The contentRect returns the width without any `scale()`'s being applied. The height is wrong
20
+ const { contentRect } = entries[0];
21
+ // The clientRect returns the size with `scale()` being applied.
12
22
  const newSize = entries[0].target.getClientRects();
13
23
  if (!newSize || !newSize[0]) {
14
24
  setSize(null);
15
25
  return;
16
26
  }
27
+ const probableCssParentScale = newSize[0].width / contentRect.width;
28
+ const width = options.shouldApplyCssTransforms
29
+ ? newSize[0].width
30
+ : newSize[0].width * (1 / probableCssParentScale);
31
+ const height = options.shouldApplyCssTransforms
32
+ ? newSize[0].height
33
+ : newSize[0].height * (1 / probableCssParentScale);
17
34
  setSize({
18
- width: newSize[0].width,
19
- height: newSize[0].height,
35
+ width,
36
+ height,
20
37
  left: newSize[0].x,
21
38
  top: newSize[0].y,
22
39
  });
23
40
  });
24
- }, []);
41
+ }, [options.shouldApplyCssTransforms]);
25
42
  const updateSize = (0, react_1.useCallback)(() => {
26
43
  if (!ref.current) {
27
44
  return;
@@ -62,6 +79,12 @@ const useElementSize = (ref, options) => {
62
79
  window.removeEventListener('resize', updateSize);
63
80
  };
64
81
  }, [options.triggerOnWindowResize, updateSize]);
82
+ (0, react_1.useEffect)(() => {
83
+ elementSizeHooks.push(updateSize);
84
+ return () => {
85
+ elementSizeHooks = elementSizeHooks.filter((e) => e !== updateSize);
86
+ };
87
+ }, [updateSize]);
65
88
  return size;
66
89
  };
67
90
  exports.useElementSize = useElementSize;
@@ -1 +1 @@
1
- {"version":3,"file":"use-element-size.js","sourceRoot":"","sources":["../../src/utils/use-element-size.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AASzD,MAAM,cAAc,GAAG,CAC7B,GAAiC,EACjC,OAEC,EACa,EAAE;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;YAC1C,OAAO,IAAI,CAAC;SACZ;QAED,OAAO,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;YACnD,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,OAAO;aACP;YAED,OAAO,CAAC;gBACP,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;gBACvB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;gBACzB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aACjB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACjB,OAAO;SACP;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO;SACP;QAED,OAAO,CAAC;YACP,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAe;YAC9B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAgB;YAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;YACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,UAAU,EAAE,CAAC;QACb,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC9B;QAED,OAAO,GAAS,EAAE;YACjB,IAAI,OAAO,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC5B;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;YACnC,OAAO;SACP;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAClD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AA7EW,QAAA,cAAc,kBA6EzB"}
1
+ {"version":3,"file":"use-element-size.js","sourceRoot":"","sources":["../../src/utils/use-element-size.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AAehE,IAAI,gBAAgB,GAA6B,EAAE,CAAC;AAE7C,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAC1C,KAAK,MAAM,QAAQ,IAAI,gBAAgB,EAAE;QACxC,QAAQ,EAAE,CAAC;KACX;AACF,CAAC,CAAC;AAJW,QAAA,sBAAsB,0BAIjC;AAEK,MAAM,cAAc,GAAG,CAC7B,GAAiC,EACjC,OAGC,EACa,EAAE;IAChB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAc,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;YAC1C,OAAO,IAAI,CAAC;SACZ;QAED,OAAO,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,+FAA+F;YAC/F,MAAM,EAAC,WAAW,EAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACjC,gEAAgE;YAChE,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC;YAEnD,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;gBACd,OAAO;aACP;YAED,MAAM,sBAAsB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YAEpE,MAAM,KAAK,GAAG,OAAO,CAAC,wBAAwB;gBAC7C,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;gBAClB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,OAAO,CAAC,wBAAwB;gBAC9C,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;gBACnB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC;YAEpD,OAAO,CAAC;gBACP,KAAK;gBACL,MAAM;gBACN,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;aACjB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;YACjB,OAAO;SACP;QAED,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,OAAO;SACP;QAED,OAAO,CAAC;YACP,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAe;YAC9B,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAgB;YAChC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;YACzB,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAW;SACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO;SACP;QAED,UAAU,EAAE,CAAC;QACb,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,GAAG,CAAC,OAAO,EAAE;YAChB,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;SAC9B;QAED,OAAO,GAAS,EAAE;YACjB,IAAI,OAAO,EAAE;gBACZ,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC5B;QACF,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;YACnC,OAAO;SACP;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAClD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAElC,OAAO,GAAG,EAAE;YACX,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC;QACrE,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAnGW,QAAA,cAAc,kBAmGzB"}
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
package/package.json CHANGED
@@ -1,11 +1,12 @@
1
1
  {
2
2
  "name": "@remotion/player",
3
- "version": "3.0.0-wrappedup.222+5e3217098",
3
+ "version": "3.0.2",
4
4
  "description": "Remotion Player",
5
5
  "main": "dist/index.js",
6
6
  "sideEffects": false,
7
7
  "scripts": {
8
- "test": "eslint src --ext ts,tsx && jest",
8
+ "lint": "eslint src --ext ts,tsx",
9
+ "test": "jest",
9
10
  "build": "tsc -d",
10
11
  "watch": "tsc -w",
11
12
  "prerelease": "cp ../../README.md ."
@@ -13,6 +14,9 @@
13
14
  "repository": {
14
15
  "url": "https://github.com/remotion-dev/remotion"
15
16
  },
17
+ "bugs": {
18
+ "url": "https://github.com/remotion-dev/remotion/issues"
19
+ },
16
20
  "files": [
17
21
  "dist",
18
22
  "README.md"
@@ -24,30 +28,40 @@
24
28
  ],
25
29
  "license": "SEE LICENSE IN LICENSE.md",
26
30
  "dependencies": {
27
- "remotion": "3.0.0-wrappedup.222+5e3217098"
31
+ "remotion": "3.0.2"
28
32
  },
29
33
  "peerDependencies": {
30
34
  "react": ">=16.8.0",
31
35
  "react-dom": ">=16.8.0"
32
36
  },
33
37
  "devDependencies": {
34
- "@jonny/eslint-config": "^2.1.248",
35
- "@testing-library/react": "^11.2.2",
36
- "@types/jest": "^27.0.2",
38
+ "@jonny/eslint-config": "3.0.259",
39
+ "@testing-library/react": "13.1.1",
40
+ "@types/jest": "^27.4.0",
37
41
  "@types/node": "^14.14.14",
38
- "@types/react": "17.0.27",
39
- "@types/react-dom": "^17.0.0",
42
+ "@types/react": "18.0.1",
43
+ "@types/react-dom": "18.0.0",
40
44
  "csstype": "^3.0.9",
41
- "eslint": "^7.4.0",
45
+ "eslint": "8.13.0",
42
46
  "jest": "^27.2.4",
43
47
  "prettier": "^2.0.5",
44
- "prettier-plugin-organize-imports": "^1.1.1",
48
+ "prettier-plugin-organize-imports": "^2.3.4",
49
+ "react": "^18.0.0",
50
+ "react-dom": "^18.0.0",
45
51
  "ts-jest": "^27.0.5",
46
- "typescript": "^4.4.2",
47
- "webpack": "5.60.0"
52
+ "typescript": "^4.5.5",
53
+ "webpack": "5.72.0"
48
54
  },
55
+ "keywords": [
56
+ "remotion",
57
+ "ffmpeg",
58
+ "video",
59
+ "react",
60
+ "puppeteer",
61
+ "player"
62
+ ],
49
63
  "publishConfig": {
50
64
  "access": "public"
51
65
  },
52
- "gitHead": "5e3217098ffb7b7376989b547c19768da5ea824b"
66
+ "gitHead": "b5b189fd54281270f22b1b6ebd3c08dd089f7f20"
53
67
  }
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { RemotionAudioProps } from 'remotion';
3
- declare type AudioElem = {
4
- id: number;
5
- props: RemotionAudioProps;
6
- el: React.RefObject<HTMLAudioElement>;
7
- };
8
- export declare const SharedAudioContextProvider: React.FC;
9
- export declare const useSharedAudio: (aud: RemotionAudioProps) => AudioElem;
10
- export {};
11
- //# sourceMappingURL=PredefinedAudioTags.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PredefinedAudioTags.d.ts","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,aAAK,SAAS,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,kBAAkB,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACtC,CAAC;AAsBF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA4F9C,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,kBAAkB,cAgBrD,CAAC"}
@@ -1,98 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useSharedAudio = exports.SharedAudioContextProvider = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const SharedAudioContext = react_1.createContext({
7
- registerAudio: () => {
8
- throw new Error('sharedaudiocontext not mounted');
9
- },
10
- unregisterAudio: () => {
11
- throw new Error('sharedaudiocontext not mounted');
12
- },
13
- updateAudio: () => {
14
- throw new Error('sharedaudiocontext not mounted');
15
- },
16
- });
17
- const numberOfAudios = 5;
18
- const SharedAudioContextProvider = ({ children }) => {
19
- const [, setAudios] = react_1.useState([]);
20
- const refs = react_1.useMemo(() => {
21
- return new Array(numberOfAudios).fill(true).map(() => {
22
- return { id: Math.random(), ref: react_1.createRef() };
23
- });
24
- }, []);
25
- const [takenAudios, setTakenAudios] = react_1.useState(() => new Array(numberOfAudios).fill(false));
26
- const registerAudio = react_1.useCallback((aud) => {
27
- const firstFreeAudio = takenAudios.findIndex((a) => a === false);
28
- if (firstFreeAudio === -1) {
29
- throw new Error('Trying to register more than XXX audio elements at the same time');
30
- }
31
- setTakenAudios((prevTaken) => {
32
- const cloned = [...prevTaken];
33
- cloned[firstFreeAudio] = true;
34
- return cloned;
35
- });
36
- const { id, ref } = refs[firstFreeAudio];
37
- const newElem = {
38
- props: aud,
39
- id,
40
- el: ref,
41
- };
42
- setAudios((prevAudios) => [...prevAudios, newElem]);
43
- return newElem;
44
- }, [refs, takenAudios]);
45
- const unregisterAudio = react_1.useCallback((id) => {
46
- setTakenAudios((prevTaken) => {
47
- const cloned = [...prevTaken];
48
- const index = refs.findIndex((r) => r.id === id);
49
- if (index === -1) {
50
- throw new TypeError('unregister audio');
51
- }
52
- cloned[index] = false;
53
- return cloned;
54
- });
55
- setAudios((prevAudios) => {
56
- return prevAudios.filter((a) => a.id !== id);
57
- });
58
- }, [refs]);
59
- const updateAudio = react_1.useCallback((id, aud) => {
60
- setAudios((prevAudios) => {
61
- return prevAudios.map((prevA) => {
62
- if (prevA.id === id) {
63
- return {
64
- ...prevA,
65
- props: aud,
66
- };
67
- }
68
- return prevA;
69
- });
70
- });
71
- }, []);
72
- const value = react_1.useMemo(() => {
73
- return {
74
- registerAudio,
75
- unregisterAudio,
76
- updateAudio,
77
- };
78
- }, [registerAudio, unregisterAudio, updateAudio]);
79
- return (jsx_runtime_1.jsxs(SharedAudioContext.Provider, Object.assign({ value: value }, { children: [refs.map(({ id, ref }) => {
80
- return jsx_runtime_1.jsx("audio", { ref: ref }, id);
81
- }), children] }), void 0));
82
- };
83
- exports.SharedAudioContextProvider = SharedAudioContextProvider;
84
- const useSharedAudio = (aud) => {
85
- const ctx = react_1.useContext(SharedAudioContext);
86
- const [elem] = react_1.useState(() => ctx.registerAudio(aud));
87
- react_1.useLayoutEffect(() => {
88
- return () => {
89
- ctx.unregisterAudio(elem.id);
90
- };
91
- }, [ctx, elem.id]);
92
- react_1.useLayoutEffect(() => {
93
- ctx.updateAudio(elem.id, aud);
94
- }, [aud, ctx, elem.id]);
95
- return elem;
96
- };
97
- exports.useSharedAudio = useSharedAudio;
98
- //# sourceMappingURL=PredefinedAudioTags.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PredefinedAudioTags.js","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"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"}
package/dist/events.d.ts DELETED
@@ -1 +0,0 @@
1
- //# sourceMappingURL=events.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
package/dist/events.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=events.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export declare const useThrottle: <T>(value: T, interval?: number) => T;
2
- //# sourceMappingURL=use-throttle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-throttle.d.ts","sourceRoot":"","sources":["../../src/utils/use-throttle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uCAmBvB,CAAC"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useThrottle = void 0;
4
- const react_1 = require("react");
5
- const useThrottle = (value, interval = 250) => {
6
- const [throttledValue, setThrottledValue] = react_1.useState(value);
7
- const lastExecuted = react_1.useRef(Date.now());
8
- react_1.useEffect(() => {
9
- if (Date.now() >= lastExecuted.current + interval) {
10
- lastExecuted.current = Date.now();
11
- setThrottledValue(value);
12
- }
13
- else {
14
- const timerId = setTimeout(() => {
15
- lastExecuted.current = Date.now();
16
- setThrottledValue(value);
17
- }, interval);
18
- return () => clearTimeout(timerId);
19
- }
20
- }, [value, interval]);
21
- return throttledValue;
22
- };
23
- exports.useThrottle = useThrottle;
24
- //# sourceMappingURL=use-throttle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-throttle.js","sourceRoot":"","sources":["../../src/utils/use-throttle.ts"],"names":[],"mappings":";;;AAAA,iCAAkD;AAE3C,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,QAAQ,GAAG,GAAG,EAAK,EAAE;IAC7D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,gBAAQ,CAAI,KAAK,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,cAAM,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEhD,iBAAS,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,YAAY,CAAC,OAAO,GAAG,QAAQ,EAAE;YAClD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;SACzB;aAAM;YACN,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,EAAE,QAAQ,CAAC,CAAC;YAEb,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;IACF,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,cAAc,CAAC;AACvB,CAAC,CAAC;AAnBW,QAAA,WAAW,eAmBtB"}