@remotion/player 3.0.0-wrapped.214 → 3.0.0-wrappedup.212
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/Loading.js +3 -5
- package/dist/Loading.js.map +1 -1
- package/dist/PredefinedAudioTags.d.ts +11 -0
- package/dist/PredefinedAudioTags.d.ts.map +1 -0
- package/dist/PredefinedAudioTags.js +98 -0
- package/dist/PredefinedAudioTags.js.map +1 -0
- package/dist/events.d.ts +1 -0
- package/dist/events.d.ts.map +1 -0
- package/dist/events.js +2 -0
- package/dist/events.js.map +1 -0
- package/dist/player-methods.d.ts +1 -1
- package/dist/player-methods.d.ts.map +1 -1
- package/dist/utils/use-throttle.d.ts +2 -0
- package/dist/utils/use-throttle.d.ts.map +1 -0
- package/dist/utils/use-throttle.js +24 -0
- package/dist/utils/use-throttle.js.map +1 -0
- package/package.json +3 -3
- package/dist/Freeze.d.ts +0 -7
- package/dist/Freeze.d.ts.map +0 -1
- package/dist/Freeze.js +0 -18
- package/dist/Freeze.js.map +0 -1
package/dist/Loading.js
CHANGED
|
@@ -3,16 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Loading = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Loading = ({ size }) => {
|
|
6
|
-
const triangle = (opacity, triangleSize) => (jsx_runtime_1.jsxs("svg", Object.assign({ xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 400 400", style: {
|
|
6
|
+
const triangle = (opacity, triangleSize) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 400 400", style: {
|
|
7
7
|
opacity,
|
|
8
8
|
width: triangleSize,
|
|
9
9
|
height: triangleSize,
|
|
10
10
|
position: 'absolute',
|
|
11
11
|
transform: 'rotate(90deg)',
|
|
12
|
-
} }, { children: [jsx_runtime_1.jsx("defs", { children: jsx_runtime_1.jsxs("linearGradient", Object.assign({ id: "gradient" }, { children: [jsx_runtime_1.jsx("stop", { stopColor: "#42e9f5", stopOpacity: "1", offset: "0" }, void 0),
|
|
13
|
-
|
|
14
|
-
jsx_runtime_1.jsx("g", Object.assign({ stroke: 'url("#gradient")', strokeWidth: "100px", strokeLinejoin: "round" }, { children: jsx_runtime_1.jsx("path", { fill: 'url("#gradient")', d: "M 102 272 a 196 100 0 0 0 195 5 A 196 240 0 0 0 200 102.259 A 196 240 0 0 0 102 272 z", stroke: 'url("#gradient")', strokeWidth: "100px" }, void 0) }), void 0)] }), void 0));
|
|
15
|
-
return (jsx_runtime_1.jsxs("div", Object.assign({ style: {
|
|
12
|
+
} }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", Object.assign({ id: "gradient" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#42e9f5", stopOpacity: "1", offset: "0" }, void 0), (0, jsx_runtime_1.jsx)("stop", { stopColor: "#4290f5", stopOpacity: "1", offset: "100%" }, void 0)] }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", Object.assign({ stroke: 'url("#gradient")', strokeWidth: "100px", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'url("#gradient")', d: "M 102 272 a 196 100 0 0 0 195 5 A 196 240 0 0 0 200 102.259 A 196 240 0 0 0 102 272 z", stroke: 'url("#gradient")', strokeWidth: "100px" }, void 0) }), void 0)] }), void 0));
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
|
|
16
14
|
display: 'flex',
|
|
17
15
|
justifyContent: 'center',
|
|
18
16
|
alignItems: 'center',
|
package/dist/Loading.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAEf,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,YAAoB,EAAE,EAAE,CAAC,CAC3D,
|
|
1
|
+
{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAEf,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,YAAoB,EAAE,EAAE,CAAC,CAC3D,+CACC,UAAU,EAAC,8BAA8B,EACzC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,OAAO;YACP,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,eAAe;SAC1B,iBAED,2CACC,0DAAgB,EAAE,EAAC,UAAU,iBAC5B,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,WAAG,EACvD,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,WAAG,aAC1C,WACX,EACP,4CAAG,MAAM,EAAC,kBAAkB,EAAC,WAAW,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,gBACtE,iCACC,IAAI,EAAC,kBAAkB,EACvB,CAAC,EAAC,uFAAuF,EACzF,MAAM,EAAC,kBAAkB,EACzB,WAAW,EAAC,OAAO,WAClB,YACC,aACC,CACN,CAAC;IAEF,OAAO,CACN,+CACC,KAAK,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACb,iBAEA,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,EACnB,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAC9B,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,aACxB,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,OAAO,WAiDlB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,98 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PredefinedAudioTags.js","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"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"}
|
package/dist/events.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
package/dist/events.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
package/dist/player-methods.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { PlayerEmitter } from './event-emitter';
|
|
|
3
3
|
export declare type PlayerMethods = {
|
|
4
4
|
play: (e?: SyntheticEvent) => void;
|
|
5
5
|
pause: () => void;
|
|
6
|
-
toggle: () => void;
|
|
6
|
+
toggle: (e?: SyntheticEvent) => void;
|
|
7
7
|
seekTo: (frame: number) => void;
|
|
8
8
|
getContainerNode: () => HTMLDivElement | null;
|
|
9
9
|
getCurrentFrame: () => number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"player-methods.d.ts","sourceRoot":"","sources":["../src/player-methods.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"player-methods.d.ts","sourceRoot":"","sources":["../src/player-methods.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gBAAgB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAC9C,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-throttle.d.ts","sourceRoot":"","sources":["../../src/utils/use-throttle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,uCAmBvB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/player",
|
|
3
|
-
"version": "3.0.0-
|
|
3
|
+
"version": "3.0.0-wrappedup.212+be5fc50b6",
|
|
4
4
|
"description": "Remotion Player",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
],
|
|
25
25
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"remotion": "3.0.0-
|
|
27
|
+
"remotion": "3.0.0-wrappedup.212+be5fc50b6"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"react": ">=16.8.0",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"publishConfig": {
|
|
50
50
|
"access": "public"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "be5fc50b65368f92a995a9c79f846edc66963d53"
|
|
53
53
|
}
|
package/dist/Freeze.d.ts
DELETED
package/dist/Freeze.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Freeze.d.ts","sourceRoot":"","sources":["../src/Freeze.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,aAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAcxC,CAAC"}
|
package/dist/Freeze.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Freeze = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const remotion_1 = require("remotion");
|
|
7
|
-
const Freeze = (props) => {
|
|
8
|
-
const context = react_1.useContext(remotion_1.Internals.Timeline.TimelineContext);
|
|
9
|
-
const value = react_1.useMemo(() => {
|
|
10
|
-
return {
|
|
11
|
-
...context,
|
|
12
|
-
frame: props.frame,
|
|
13
|
-
};
|
|
14
|
-
}, [context, props.frame]);
|
|
15
|
-
return (jsx_runtime_1.jsx(remotion_1.Internals.Timeline.TimelineContext.Provider, Object.assign({ value: value }, { children: props.children }), void 0));
|
|
16
|
-
};
|
|
17
|
-
exports.Freeze = Freeze;
|
|
18
|
-
//# sourceMappingURL=Freeze.js.map
|
package/dist/Freeze.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../src/Freeze.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,uCAAyD;AAMlD,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,kBAAU,CAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAyB,eAAO,CAAC,GAAG,EAAE;QAChD,OAAO;YACN,GAAG,OAAO;YACV,KAAK,EAAE,KAAK,CAAC,KAAK;SAClB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,CACN,kBAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACvD,KAAK,CAAC,QAAQ,YAC8B,CAC9C,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB"}
|