@remotion/three 2.5.5-alpha.12 → 2.5.5
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeCanvas.d.ts","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ThreeCanvas.d.ts","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,MAAM,oBAAoB,CAAC;AACjE,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,oBAAY,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACpE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAaF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAuClD,CAAC"}
|
package/dist/ThreeCanvas.js
CHANGED
|
@@ -17,7 +17,7 @@ const Scale = ({ width, height }) => {
|
|
|
17
17
|
return null;
|
|
18
18
|
};
|
|
19
19
|
const ThreeCanvas = (props) => {
|
|
20
|
-
const { children, width, height, style, ...rest } = props;
|
|
20
|
+
const { children, width, height, style, onCreated, ...rest } = props;
|
|
21
21
|
const [waitForCreated] = (0, react_1.useState)(() => (0, remotion_1.delayRender)());
|
|
22
22
|
remotion_1.Internals.validateDimension(width, 'width', 'of the <ThreeCanvas /> component');
|
|
23
23
|
remotion_1.Internals.validateDimension(height, 'height', 'of the <ThreeCanvas /> component');
|
|
@@ -27,10 +27,11 @@ const ThreeCanvas = (props) => {
|
|
|
27
27
|
height: props.height,
|
|
28
28
|
...(style !== null && style !== void 0 ? style : {}),
|
|
29
29
|
};
|
|
30
|
-
const
|
|
30
|
+
const remotion_onCreated = (0, react_1.useCallback)((state) => {
|
|
31
31
|
(0, remotion_1.continueRender)(waitForCreated);
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
onCreated === null || onCreated === void 0 ? void 0 : onCreated(state);
|
|
33
|
+
}, [onCreated, waitForCreated]);
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(SuspenseLoader_1.SuspenseLoader, { children: (0, jsx_runtime_1.jsxs)(fiber_1.Canvas, Object.assign({ style: actualStyle }, rest, { onCreated: remotion_onCreated }, { children: [(0, jsx_runtime_1.jsx)(Scale, { width: width, height: height }, void 0), (0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionContextProvider, Object.assign({ contexts: contexts }, { children: children }), void 0)] }), void 0) }, void 0));
|
|
34
35
|
};
|
|
35
36
|
exports.ThreeCanvas = ThreeCanvas;
|
|
36
37
|
//# sourceMappingURL=ThreeCanvas.js.map
|
package/dist/ThreeCanvas.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreeCanvas.js","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ThreeCanvas.js","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":";;;;AAAA,8CAAiE;AACjE,iCAAsE;AACtE,uCAAkE;AAClE,qDAAkD;AAOlD,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqC,EAAE,EAAE;IACtE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;IAC/C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACpB,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvB,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,CAAC,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,sBAAW,GAAE,CAAC,CAAC;IAEvD,oBAAS,CAAC,iBAAiB,CAC1B,KAAK,EACL,OAAO,EACP,kCAAkC,CAClC,CAAC;IACF,oBAAS,CAAC,iBAAiB,CAC1B,MAAM,EACN,QAAQ,EACR,kCAAkC,CAClC,CAAC;IACF,MAAM,QAAQ,GAAG,oBAAS,CAAC,mBAAmB,EAAE,CAAC;IACjD,MAAM,WAAW,GAAG;QACnB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;KAChB,CAAC;IAEF,MAAM,kBAAkB,GAAqB,IAAA,mBAAW,EACvD,CAAC,KAAgB,EAAE,EAAE;QACpB,IAAA,yBAAc,EAAC,cAAc,CAAC,CAAC;QAC/B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,SAAS,EAAE,cAAc,CAAC,CAC3B,CAAC;IAEF,OAAO,CACN,uBAAC,+BAAc,cACd,wBAAC,cAAM,kBAAC,KAAK,EAAE,WAAW,IAAM,IAAI,IAAE,SAAS,EAAE,kBAAkB,iBAClE,uBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,WAAI,EACvC,uBAAC,oBAAS,CAAC,uBAAuB,kBAAC,QAAQ,EAAE,QAAQ,gBACnD,QAAQ,YAC0B,aAC5B,WACO,CACjB,CAAC;AACH,CAAC,CAAC;AAvCW,QAAA,WAAW,eAuCtB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remotion/three",
|
|
3
|
-
"version": "2.5.5
|
|
3
|
+
"version": "2.5.5",
|
|
4
4
|
"description": "Utility functions for using react-three-fiber with remotion",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"url": "https://github.com/remotion-dev/remotion"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"remotion": "^2.5.5
|
|
20
|
+
"remotion": "^2.5.5"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"@react-three/fiber": ">=7.0.19",
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "2390e1c394dca14129a64cc46c22a4d9bc271029"
|
|
42
42
|
}
|