@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.
- package/LICENSE.md +2 -2
- package/README.md +81 -3
- package/dist/Freeze.d.ts +7 -0
- package/dist/Freeze.d.ts.map +1 -0
- package/dist/Freeze.js +18 -0
- package/dist/Freeze.js.map +1 -0
- package/dist/Loading.d.ts +0 -3
- package/dist/Loading.d.ts.map +1 -1
- package/dist/Loading.js +0 -21
- package/dist/Loading.js.map +1 -1
- package/dist/MediaVolumeSlider.d.ts +0 -0
- package/dist/MediaVolumeSlider.d.ts.map +0 -0
- package/dist/MediaVolumeSlider.js +1 -1
- package/dist/MediaVolumeSlider.js.map +1 -1
- package/dist/Player.d.ts +5 -2
- package/dist/Player.d.ts.map +1 -1
- package/dist/Player.js +33 -6
- package/dist/Player.js.map +1 -1
- package/dist/PlayerControls.d.ts +0 -0
- package/dist/PlayerControls.d.ts.map +0 -0
- package/dist/PlayerControls.js +2 -2
- package/dist/PlayerControls.js.map +1 -1
- package/dist/PlayerSeekBar.d.ts +0 -0
- package/dist/PlayerSeekBar.d.ts.map +1 -1
- package/dist/PlayerSeekBar.js +5 -2
- package/dist/PlayerSeekBar.js.map +1 -1
- package/dist/PlayerUI.d.ts +9 -5
- package/dist/PlayerUI.d.ts.map +1 -1
- package/dist/PlayerUI.js +15 -5
- package/dist/PlayerUI.js.map +1 -1
- package/dist/calculate-next-frame.d.ts +0 -0
- package/dist/calculate-next-frame.d.ts.map +0 -0
- package/dist/calculate-next-frame.js +0 -0
- package/dist/calculate-next-frame.js.map +0 -0
- package/dist/calculate-scale.d.ts +0 -0
- package/dist/calculate-scale.d.ts.map +0 -0
- package/dist/calculate-scale.js +0 -0
- package/dist/calculate-scale.js.map +0 -0
- package/dist/emitter-context.d.ts +0 -0
- package/dist/emitter-context.d.ts.map +0 -0
- package/dist/emitter-context.js +0 -0
- package/dist/emitter-context.js.map +0 -0
- package/dist/error-boundary.d.ts +2 -1
- package/dist/error-boundary.d.ts.map +1 -1
- package/dist/error-boundary.js +2 -2
- package/dist/error-boundary.js.map +1 -1
- package/dist/event-emitter.d.ts +0 -0
- package/dist/event-emitter.d.ts.map +0 -0
- package/dist/event-emitter.js +0 -0
- package/dist/event-emitter.js.map +0 -0
- package/dist/event-target-polyfill.d.ts +0 -0
- package/dist/event-target-polyfill.d.ts.map +0 -0
- package/dist/event-target-polyfill.js +0 -0
- package/dist/event-target-polyfill.js.map +0 -0
- package/dist/format-time.d.ts +0 -0
- package/dist/format-time.d.ts.map +0 -0
- package/dist/format-time.js +0 -0
- package/dist/format-time.js.map +0 -0
- package/dist/icons.d.ts +0 -0
- package/dist/icons.d.ts.map +0 -0
- package/dist/icons.js +6 -6
- package/dist/icons.js.map +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/player-css-classname.d.ts +0 -0
- package/dist/player-css-classname.d.ts.map +0 -0
- package/dist/player-css-classname.js +0 -0
- package/dist/player-css-classname.js.map +0 -0
- package/dist/player-methods.d.ts +2 -1
- package/dist/player-methods.d.ts.map +1 -1
- package/dist/player-methods.js +0 -0
- package/dist/player-methods.js.map +0 -0
- package/dist/test/index.test.d.ts +0 -0
- package/dist/test/index.test.d.ts.map +0 -0
- package/dist/test/index.test.js +0 -0
- package/dist/test/index.test.js.map +0 -0
- package/dist/test/test-utils.d.ts +1 -1
- package/dist/test/test-utils.d.ts.map +1 -1
- package/dist/test/test-utils.js +0 -0
- package/dist/test/test-utils.js.map +1 -1
- package/dist/test/validate-prop.test.d.ts +0 -0
- package/dist/test/validate-prop.test.d.ts.map +0 -0
- package/dist/test/validate-prop.test.js +28 -1
- package/dist/test/validate-prop.test.js.map +1 -1
- package/dist/use-hover-state.d.ts +0 -0
- package/dist/use-hover-state.d.ts.map +0 -0
- package/dist/use-hover-state.js +0 -0
- package/dist/use-hover-state.js.map +0 -0
- package/dist/use-playback.d.ts +0 -0
- package/dist/use-playback.d.ts.map +0 -0
- package/dist/use-playback.js +0 -0
- package/dist/use-playback.js.map +0 -0
- package/dist/use-player.d.ts +0 -0
- package/dist/use-player.d.ts.map +1 -1
- package/dist/use-player.js +18 -1
- package/dist/use-player.js.map +1 -1
- package/dist/utils/browser-supports-fullscreen.d.ts +0 -0
- package/dist/utils/browser-supports-fullscreen.d.ts.map +0 -0
- package/dist/utils/browser-supports-fullscreen.js +0 -0
- package/dist/utils/browser-supports-fullscreen.js.map +0 -0
- package/dist/utils/calculate-player-size.d.ts +0 -0
- package/dist/utils/calculate-player-size.d.ts.map +0 -0
- package/dist/utils/calculate-player-size.js +0 -0
- package/dist/utils/calculate-player-size.js.map +0 -0
- package/dist/utils/cancellable-promise.d.ts +0 -0
- package/dist/utils/cancellable-promise.d.ts.map +0 -0
- package/dist/utils/cancellable-promise.js +0 -0
- package/dist/utils/cancellable-promise.js.map +0 -0
- package/dist/utils/delay.d.ts +0 -0
- package/dist/utils/delay.d.ts.map +0 -0
- package/dist/utils/delay.js +0 -0
- package/dist/utils/delay.js.map +0 -0
- package/dist/utils/is-node.d.ts +0 -0
- package/dist/utils/is-node.d.ts.map +0 -0
- package/dist/utils/is-node.js +0 -0
- package/dist/utils/is-node.js.map +0 -0
- package/dist/utils/preview-size.d.ts +0 -0
- package/dist/utils/preview-size.d.ts.map +0 -0
- package/dist/utils/preview-size.js +0 -0
- package/dist/utils/preview-size.js.map +0 -0
- package/dist/utils/use-cancellable-promises.d.ts +0 -0
- package/dist/utils/use-cancellable-promises.d.ts.map +0 -0
- package/dist/utils/use-cancellable-promises.js +0 -0
- package/dist/utils/use-cancellable-promises.js.map +0 -0
- package/dist/utils/use-click-prevention-on-double-click.d.ts +0 -0
- package/dist/utils/use-click-prevention-on-double-click.d.ts.map +0 -0
- package/dist/utils/use-click-prevention-on-double-click.js +0 -0
- package/dist/utils/use-click-prevention-on-double-click.js.map +0 -0
- package/dist/utils/use-element-size.d.ts +2 -0
- package/dist/utils/use-element-size.d.ts.map +1 -1
- package/dist/utils/use-element-size.js +27 -4
- package/dist/utils/use-element-size.js.map +1 -1
- package/dist/utils/validate-playbackrate.d.ts +0 -0
- package/dist/utils/validate-playbackrate.d.ts.map +0 -0
- package/dist/utils/validate-playbackrate.js +0 -0
- package/dist/utils/validate-playbackrate.js.map +0 -0
- package/dist/volume-persistance.d.ts +0 -0
- package/dist/volume-persistance.d.ts.map +0 -0
- package/dist/volume-persistance.js +0 -0
- package/dist/volume-persistance.js.map +0 -0
- package/package.json +27 -13
- package/dist/PredefinedAudioTags.d.ts +0 -11
- package/dist/PredefinedAudioTags.d.ts.map +0 -1
- package/dist/PredefinedAudioTags.js +0 -98
- package/dist/PredefinedAudioTags.js.map +0 -1
- package/dist/events.d.ts +0 -1
- package/dist/events.d.ts.map +0 -1
- package/dist/events.js +0 -2
- package/dist/events.js.map +0 -1
- package/dist/utils/use-throttle.d.ts +0 -2
- package/dist/utils/use-throttle.d.ts.map +0 -1
- package/dist/utils/use-throttle.js +0 -24
- 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;
|
|
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
|
|
19
|
-
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;
|
|
1
|
+
{"version":3,"file":"use-element-size.js","sourceRoot":"","sources":["../../src/utils/use-element-size.ts"],"names":[],"mappings":"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"}
|
|
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.
|
|
3
|
+
"version": "3.0.2",
|
|
4
4
|
"description": "Remotion Player",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"scripts": {
|
|
8
|
-
"
|
|
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.
|
|
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": "
|
|
35
|
-
"@testing-library/react": "
|
|
36
|
-
"@types/jest": "^27.0
|
|
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": "
|
|
39
|
-
"@types/react-dom": "
|
|
42
|
+
"@types/react": "18.0.1",
|
|
43
|
+
"@types/react-dom": "18.0.0",
|
|
40
44
|
"csstype": "^3.0.9",
|
|
41
|
-
"eslint": "
|
|
45
|
+
"eslint": "8.13.0",
|
|
42
46
|
"jest": "^27.2.4",
|
|
43
47
|
"prettier": "^2.0.5",
|
|
44
|
-
"prettier-plugin-organize-imports": "^
|
|
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.
|
|
47
|
-
"webpack": "5.
|
|
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": "
|
|
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":";;;;AAAA,iCAQe;AAef,MAAM,kBAAkB,GAAG,qBAAa,CAAgB;IACvD,aAAa,EAAE,GAAG,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACnD,CAAC;IACD,eAAe,EAAE,GAAG,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACnD,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACnD,CAAC;CACD,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,CAAC;AAElB,MAAM,0BAA0B,GAAa,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG,gBAAQ,CAAc,EAAE,CAAC,CAAC;IAEhD,MAAM,IAAI,GAAG,eAAO,CAAC,GAAG,EAAE;QACzB,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE;YACpD,OAAO,EAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAS,EAAoB,EAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAQ,CAAC,GAAG,EAAE,CACnD,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACrC,CAAC;IAEF,MAAM,aAAa,GAAG,mBAAW,CAChC,CAAC,GAAuB,EAAE,EAAE;QAC3B,MAAM,cAAc,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACjE,IAAI,cAAc,KAAK,CAAC,CAAC,EAAE;YAC1B,MAAM,IAAI,KAAK,CACd,kEAAkE,CAClE,CAAC;SACF;QAED,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;YAC9B,MAAM,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;YAC9B,OAAO,MAAM,CAAC;QACf,CAAC,CAAC,CAAC;QACH,MAAM,EAAC,EAAE,EAAE,GAAG,EAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;QACvC,MAAM,OAAO,GAAc;YAC1B,KAAK,EAAE,GAAG;YACV,EAAE;YACF,EAAE,EAAE,GAAG;SACP,CAAC;QACF,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;QACpD,OAAO,OAAO,CAAC;IAChB,CAAC,EACD,CAAC,IAAI,EAAE,WAAW,CAAC,CACnB,CAAC;IAEF,MAAM,eAAe,GAAG,mBAAW,CAClC,CAAC,EAAU,EAAE,EAAE;QACd,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;YAC5B,MAAM,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACjD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,MAAM,IAAI,SAAS,CAAC,kBAAkB,CAAC,CAAC;aACxC;YAED,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;YAEtB,OAAO,MAAM,CAAC;QACf,CAAC,CAAC,CAAC;QACH,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;YACxB,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,IAAI,CAAC,CACN,CAAC;IAEF,MAAM,WAAW,GAAG,mBAAW,CAAC,CAAC,EAAU,EAAE,GAAuB,EAAE,EAAE;QACvE,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE;YACxB,OAAO,UAAU,CAAC,GAAG,CACpB,CAAC,KAAK,EAAa,EAAE;gBACpB,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE;oBACpB,OAAO;wBACN,GAAG,KAAK;wBACR,KAAK,EAAE,GAAG;qBACV,CAAC;iBACF;gBAED,OAAO,KAAK,CAAC;YACd,CAAC,CACD,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAkB,eAAO,CAAC,GAAG,EAAE;QACzC,OAAO;YACN,aAAa;YACb,eAAe;YACf,WAAW;SACX,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAElD,OAAO,CACN,mBAAC,kBAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,iBACvC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAC,EAAE,EAAE,GAAG,EAAC,EAAE,EAAE;gBACvB,OAAO,6BAAgB,GAAG,EAAE,GAAG,IAAZ,EAAE,CAAc,CAAC;YACrC,CAAC,CAAC,EACD,QAAQ,aACoB,CAC9B,CAAC;AACH,CAAC,CAAC;AA5FW,QAAA,0BAA0B,8BA4FrC;AAEK,MAAM,cAAc,GAAG,CAAC,GAAuB,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,kBAAU,CAAC,kBAAkB,CAAC,CAAC;IAE3C,MAAM,CAAC,IAAI,CAAC,GAAG,gBAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAEtD,uBAAe,CAAC,GAAG,EAAE;QACpB,OAAO,GAAG,EAAE;YACX,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnB,uBAAe,CAAC,GAAG,EAAE;QACpB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IAExB,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}
|
package/dist/events.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=events.d.ts.map
|
package/dist/events.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
package/dist/events.js
DELETED
package/dist/events.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
|
@@ -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"}
|