@remotion/three 3.0.0-lambda.99 → 3.0.0-wrapped.209

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,EAAY,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,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,gBA4BlD,CAAC"}
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"}
@@ -17,7 +17,8 @@ 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
+ const [waitForCreated] = (0, react_1.useState)(() => (0, remotion_1.delayRender)());
21
22
  remotion_1.Internals.validateDimension(width, 'width', 'of the <ThreeCanvas /> component');
22
23
  remotion_1.Internals.validateDimension(height, 'height', 'of the <ThreeCanvas /> component');
23
24
  const contexts = remotion_1.Internals.useRemotionContexts();
@@ -26,7 +27,11 @@ const ThreeCanvas = (props) => {
26
27
  height: props.height,
27
28
  ...(style !== null && style !== void 0 ? style : {}),
28
29
  };
29
- return ((0, jsx_runtime_1.jsx)(SuspenseLoader_1.SuspenseLoader, { children: (0, jsx_runtime_1.jsxs)(fiber_1.Canvas, Object.assign({ style: actualStyle }, rest, { 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));
30
+ const remotion_onCreated = (0, react_1.useCallback)((state) => {
31
+ (0, remotion_1.continueRender)(waitForCreated);
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));
30
35
  };
31
36
  exports.ThreeCanvas = ThreeCanvas;
32
37
  //# sourceMappingURL=ThreeCanvas.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThreeCanvas.js","sourceRoot":"","sources":["../src/ThreeCanvas.tsx"],"names":[],"mappings":";;;;AAAA,8CAAsD;AACtD,iCAAyD;AACzD,uCAAqC;AACrC,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,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1D,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;IACF,OAAO,CACN,uBAAC,+BAAc,cACd,wBAAC,cAAM,kBAAC,KAAK,EAAE,WAAW,IAAM,IAAI,eACnC,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;AA5BW,QAAA,WAAW,eA4BtB"}
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": "3.0.0-lambda.99+bd5d55651",
3
+ "version": "3.0.0-wrapped.209+3d592d464",
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,26 +17,26 @@
17
17
  "url": "https://github.com/remotion-dev/remotion"
18
18
  },
19
19
  "dependencies": {
20
- "remotion": "^3.0.0-lambda.99+bd5d55651"
20
+ "remotion": "3.0.0-wrapped.209+3d592d464"
21
21
  },
22
22
  "peerDependencies": {
23
- "@react-three/fiber": ">=6.0.14",
23
+ "@react-three/fiber": ">=7.0.19",
24
24
  "react": ">=17.0.1",
25
25
  "react-dom": ">=17.0.1",
26
- "three": ">=0.129.0"
26
+ "three": ">=0.134.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@jonny/eslint-config": "^2.1.248",
30
30
  "@types/node": "^14.14.14",
31
- "@types/three": "^0.128.0",
31
+ "@types/three": "^0.134.0",
32
32
  "eslint": "^7.4.0",
33
33
  "prettier": "^2.0.5",
34
34
  "prettier-plugin-organize-imports": "^1.1.1",
35
- "three": "^0.133.0",
35
+ "three": "^0.134.0",
36
36
  "typescript": "^4.4.2"
37
37
  },
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "bd5d5565195eadbe3ffadc3e43c732f1fc3049a4"
41
+ "gitHead": "3d592d46430a327da46a29119c9528646bd12b9e"
42
42
  }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface RemotionThreeContextType {
3
- useDomNode: (node: React.ReactElement) => void;
4
- }
5
- export declare const RemotionThreeContext: React.Context<RemotionThreeContextType | undefined>;
6
- //# sourceMappingURL=ThreeContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThreeContext.d.ts","sourceRoot":"","sources":["../src/ThreeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,wBAAwB;IACxC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,qDAErB,CAAC"}
@@ -1,9 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.RemotionThreeContext = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- exports.RemotionThreeContext = react_1.default.createContext(undefined);
9
- //# sourceMappingURL=ThreeContext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThreeContext.js","sourceRoot":"","sources":["../src/ThreeContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMb,QAAA,oBAAoB,GAAG,eAAK,CAAC,aAAa,CAErD,SAAS,CAAC,CAAC"}
@@ -1,21 +0,0 @@
1
- import { MaterialNode, MeshProps } from '@react-three/fiber';
2
- import React from 'react';
3
- import { UseVideoTextureOptions } from './useVideoTexture';
4
- import './utils/TexturedShaderMaterial';
5
- import { TexturedShaderMaterial, TexturedShaderMaterialParameters } from './utils/TexturedShaderMaterial';
6
- declare global {
7
- namespace JSX {
8
- interface IntrinsicElements {
9
- texturedShaderMaterial: MaterialNode<TexturedShaderMaterial, [
10
- TexturedShaderMaterialParameters
11
- ]>;
12
- }
13
- }
14
- }
15
- export interface ThreeVideoProps extends MeshProps, Pick<UseVideoTextureOptions, 'src' | 'startFrom'> {
16
- fullViewport?: boolean;
17
- ignoreDepth?: boolean;
18
- videoProps?: UseVideoTextureOptions;
19
- }
20
- export declare const ThreeVideo: React.ForwardRefExoticComponent<Pick<ThreeVideoProps, string | number> & React.RefAttributes<React.ComponentType<"mesh">>>;
21
- //# sourceMappingURL=ThreeVideo.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThreeVideo.d.ts","sourceRoot":"","sources":["../src/ThreeVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAY,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAmB,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,gCAAgC,CAAC;AACxC,OAAO,EACN,sBAAsB,EACtB,gCAAgC,EAChC,MAAM,gCAAgC,CAAC;AAcxC,OAAO,CAAC,MAAM,CAAC;IAEd,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,sBAAsB,EAAE,YAAY,CACnC,sBAAsB,EACtB;gBAAC,gCAAgC;aAAC,CAClC,CAAC;SACF;KACD;CACD;AAED,MAAM,WAAW,eAChB,SAAQ,SAAS,EAChB,IAAI,CAAC,sBAAsB,EAAE,KAAK,GAAG,WAAW,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACpC;AAED,eAAO,MAAM,UAAU,4HAsCtB,CAAC"}
@@ -1,28 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ThreeVideo = void 0;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const fiber_1 = require("@react-three/fiber");
9
- const react_1 = __importDefault(require("react"));
10
- const three_1 = require("three");
11
- const useVideoTexture_1 = require("./useVideoTexture");
12
- require("./utils/TexturedShaderMaterial");
13
- const vShaderFullViewport = three_1.ShaderLib.basic.vertexShader.replace('#include <project_vertex>', `
14
- vec4 mvPosition = vec4( transformed, 1.0 );
15
- #ifdef USE_INSTANCING
16
- mvPosition = instanceMatrix * mvPosition;
17
- #endif
18
- mvPosition = modelViewMatrix * mvPosition;
19
- gl_Position = vec4(position * 2.0, 1.0);
20
- `);
21
- exports.ThreeVideo = react_1.default.forwardRef((props, ref) => {
22
- const { fullViewport, ignoreDepth, src, startFrom, videoProps, ...rest } = props;
23
- const [size] = fiber_1.useThree((s) => [s.size]);
24
- const videoTexture = useVideoTexture_1.useVideoTexture({ src, startFrom, ...videoProps });
25
- return (jsx_runtime_1.jsxs("mesh", Object.assign({ ref: ref, scale: [size.width, size.height, 1], renderOrder: ignoreDepth ? -2 : undefined }, rest, { children: [jsx_runtime_1.jsx("planeGeometry", { args: [1, 1] }, void 0),
26
- videoTexture && (jsx_runtime_1.jsx("texturedShaderMaterial", { vertexShader: fullViewport ? vShaderFullViewport : three_1.ShaderLib.basic.vertexShader, fragmentShader: three_1.ShaderLib.basic.fragmentShader, uniforms: three_1.ShaderLib.basic.uniforms, map: videoTexture, depthTest: !ignoreDepth, depthWrite: !ignoreDepth }, void 0))] }), void 0));
27
- });
28
- //# sourceMappingURL=ThreeVideo.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThreeVideo.js","sourceRoot":"","sources":["../src/ThreeVideo.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAAuE;AACvE,kDAA0B;AAC1B,iCAAkC;AAClC,uDAA4E;AAC5E,0CAAwC;AAMxC,MAAM,mBAAmB,GAAG,iBAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAC/D,2BAA2B,EAC3B;;;;;;;CAOA,CACA,CAAC;AAsBW,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACzC,CACC,KAAsB,EACtB,GAAoD,EACnD,EAAE;IACH,MAAM,EACL,YAAY,EACZ,WAAW,EACX,GAAG,EACH,SAAS,EACT,UAAU,EACV,GAAG,IAAI,EACP,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,IAAI,CAAC,GAAG,gBAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAU,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,iCAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC,CAAC;IACxE,OAAO,CACN,2CACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACnC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,eAER,qCAAe,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,WAAI;YAC9B,YAAY,IAAI,CAChB,8CACC,YAAY,EACX,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAS,CAAC,KAAK,CAAC,YAAY,EAElE,cAAc,EAAE,iBAAS,CAAC,KAAK,CAAC,cAAc,EAC9C,QAAQ,EAAE,iBAAS,CAAC,KAAK,CAAC,QAAQ,EAClC,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAC,WAAW,EACvB,UAAU,EAAE,CAAC,WAAW,WACvB,CACF,aACK,CACP,CAAC;AACH,CAAC,CACD,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- export declare function useContextBridge(...contexts: Array<React.Context<any>>): never[];
3
- //# sourceMappingURL=context-bridge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context-bridge.d.ts","sourceRoot":"","sources":["../src/context-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,gBAAgB,CAAC,GAAG,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,WAmBtE"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.useContextBridge = void 0;
7
- const react_1 = __importDefault(require("react"));
8
- function useContextBridge(...contexts) {
9
- const cRef = react_1.default.useRef([]);
10
- cRef.current = contexts.map((context) => react_1.default.useContext(context));
11
- return react_1.default.useMemo(() => ({ children }) => (contexts.reduceRight((acc, Context, i) => value = { cRef, : .current[i] }, children = { acc } / >
12
- ),
13
- children
14
- /*
15
- * done this way in reference to:
16
- * https://github.com/DefinitelyTyped/DefinitelyTyped/issues/44572#issuecomment-625878049
17
- * https://github.com/microsoft/TypeScript/issues/14729
18
- */
19
- )),
20
- [];
21
- ;
22
- }
23
- exports.useContextBridge = useContextBridge;
24
- //# sourceMappingURL=context-bridge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context-bridge.js","sourceRoot":"","sources":["../src/context-bridge.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,SAAgB,gBAAgB,CAAC,GAAG,QAAmC;IACtE,MAAM,IAAI,GAAG,eAAK,CAAC,MAAM,CAA4B,EAAE,CAAC,CAAC;IACzD,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEpE,OAAO,eAAK,CAAC,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAiC,EAAe,EAAE,CAClE,CAAC,QAAQ,CAAC,WAAW,CACpB,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CACD,KAAK,GAAC,EAAC,IAAI,EAAA,EAAA,CAAC,OAAO,CAAC,CAAC,CAAC,EAAC,EAAC,QAAQ,GAAC,EAAC,GAAG,EAAC,GAAE;QAC3D,AAD4D,JAAA,CAC3D;QACD,QAAQ;IACR;;;;OAIG;KACQ,CAAgB;QAC7B,EAAE,CAAA;IACF,CAAC;AACH,CAAC;AAnBD,4CAmBC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { Video } from 'remotion';
3
- declare global {
4
- interface HTMLVideoElement {
5
- requestVideoFrameCallback?: (cb: () => void) => void;
6
- }
7
- }
8
- export declare type UseVideoTextureOptions = React.ComponentProps<typeof Video>;
9
- export declare const useVideoTexture: (videoProps: UseVideoTextureOptions) => any;
10
- //# sourceMappingURL=useVideoTexture.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVideoTexture.d.ts","sourceRoot":"","sources":["../src/useVideoTexture.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAgD,KAAK,EAAE,MAAM,UAAU,CAAC;AAI/E,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,gBAAgB;QACzB,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KACrD;CACD;AAED,oBAAY,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAExE,eAAO,MAAM,eAAe,eAAgB,sBAAsB,QAoDjE,CAAC"}
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
- Object.defineProperty(o, "default", { enumerable: true, value: v });
11
- }) : function(o, v) {
12
- o["default"] = v;
13
- });
14
- var __importStar = (this && this.__importStar) || function (mod) {
15
- if (mod && mod.__esModule) return mod;
16
- var result = {};
17
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
- __setModuleDefault(result, mod);
19
- return result;
20
- };
21
- Object.defineProperty(exports, "__esModule", { value: true });
22
- exports.useVideoTexture = void 0;
23
- const jsx_runtime_1 = require("react/jsx-runtime");
24
- const fiber_1 = require("@react-three/fiber");
25
- const react_1 = __importStar(require("react"));
26
- const remotion_1 = require("remotion");
27
- const three_1 = require("three");
28
- const ThreeContext_1 = require("./ThreeContext");
29
- const useVideoTexture = (videoProps) => {
30
- const render = fiber_1.useThree((s) => s.invalidate);
31
- const videoRef = react_1.default.useRef(null);
32
- const [videoTexture, setVideoTexture] = react_1.default.useState(null);
33
- const onLoadedData = react_1.useCallback(() => {
34
- const { current } = videoRef;
35
- if (!current) {
36
- throw new Error('No video ref found');
37
- }
38
- const vt = new three_1.VideoTexture(current);
39
- current.width = current.videoWidth;
40
- current.height = current.videoHeight;
41
- vt.needsUpdate = true;
42
- setVideoTexture(vt);
43
- }, []);
44
- const frame = remotion_1.useCurrentFrame();
45
- react_1.default.useEffect(() => {
46
- const video = videoRef.current;
47
- if (!video || !videoTexture) {
48
- return;
49
- }
50
- if (!video.requestVideoFrameCallback) {
51
- throw new Error('HTMLVideoElement.requestVideoFrameCallback not supported');
52
- }
53
- const handle = remotion_1.delayRender();
54
- // wait for the video to render its next frame
55
- video.requestVideoFrameCallback(() => {
56
- // Now force a new render so the latest video frame shows up in the canvas
57
- render();
58
- // Allow remotion to continue
59
- remotion_1.continueRender(handle);
60
- });
61
- }, [frame, render, videoTexture]);
62
- ThreeContext_1.useRemotionThreeDomNode(jsx_runtime_1.jsx(remotion_1.Video, Object.assign({}, videoProps, { ref: videoRef, onLoadedData: onLoadedData, crossOrigin: "anonymous", style: { width: 800, height: 500 } }), void 0));
63
- return videoTexture;
64
- };
65
- exports.useVideoTexture = useVideoTexture;
66
- //# sourceMappingURL=useVideoTexture.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useVideoTexture.js","sourceRoot":"","sources":["../src/useVideoTexture.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA8C;AAC9C,+CAA2C;AAC3C,uCAA+E;AAC/E,iCAAqC;AACrC,iDAAyD;AAUlD,MAAM,eAAe,GAAG,CAAC,UAAkC,EAAE,EAAE;IACrE,MAAM,MAAM,GAAG,gBAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CACrD,IAAI,CACJ,CAAC;IAEF,MAAM,YAAY,GAAG,mBAAW,CAAC,GAAG,EAAE;QACrC,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE;YACb,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QACD,MAAM,EAAE,GAAG,IAAI,oBAAY,CAAC,OAAO,CAAC,CAAC;QACrC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,UAAU,CAAC;QACnC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;QACrC,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC;QACtB,eAAe,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,0BAAe,EAAE,CAAC;IAChC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE;YAC5B,OAAO;SACP;QACD,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE;YACrC,MAAM,IAAI,KAAK,CACd,0DAA0D,CAC1D,CAAC;SACF;QACD,MAAM,MAAM,GAAG,sBAAW,EAAE,CAAC;QAC7B,8CAA8C;QAC9C,KAAK,CAAC,yBAAyB,CAAC,GAAG,EAAE;YACpC,0EAA0E;YAC1E,MAAM,EAAE,CAAC;YACT,6BAA6B;YAC7B,yBAAc,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,sCAAuB,CACtB,kBAAC,gBAAK,oBACD,UAAU,IACd,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAC,WAAW,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YACjC,CACF,CAAC;IAEF,OAAO,YAAY,CAAC;AACrB,CAAC,CAAC;AApDW,QAAA,eAAe,mBAoD1B"}
@@ -1,10 +0,0 @@
1
- import { ShaderMaterial, ShaderMaterialParameters, Texture } from 'three';
2
- export interface TexturedShaderMaterialParameters extends ShaderMaterialParameters {
3
- map?: Texture;
4
- }
5
- export declare class TexturedShaderMaterial extends ShaderMaterial {
6
- constructor(params?: TexturedShaderMaterialParameters);
7
- get map(): Texture | null;
8
- set map(value: Texture | null);
9
- }
10
- //# sourceMappingURL=TexturedShaderMaterial.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TexturedShaderMaterial.d.ts","sourceRoot":"","sources":["../../src/utils/TexturedShaderMaterial.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,WAAW,gCAChB,SAAQ,wBAAwB;IAChC,GAAG,CAAC,EAAE,OAAO,CAAC;CACd;AAED,qBAAa,sBAAuB,SAAQ,cAAc;gBAC7C,MAAM,CAAC,EAAE,gCAAgC;IAIrD,IAAW,GAAG,IAAI,OAAO,GAAG,IAAI,CAE/B;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAEnC;CACD"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TexturedShaderMaterial = void 0;
4
- const fiber_1 = require("@react-three/fiber");
5
- const three_1 = require("three");
6
- class TexturedShaderMaterial extends three_1.ShaderMaterial {
7
- constructor(params) {
8
- super(params);
9
- }
10
- get map() {
11
- return this.uniforms.map.value;
12
- }
13
- set map(value) {
14
- this.uniforms.map.value = value;
15
- }
16
- }
17
- exports.TexturedShaderMaterial = TexturedShaderMaterial;
18
- fiber_1.extend({ TexturedShaderMaterial });
19
- //# sourceMappingURL=TexturedShaderMaterial.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TexturedShaderMaterial.js","sourceRoot":"","sources":["../../src/utils/TexturedShaderMaterial.ts"],"names":[],"mappings":";;;AAAA,8CAA4C;AAC5C,iCAA0E;AAO1E,MAAa,sBAAuB,SAAQ,sBAAc;IACzD,YAAY,MAAyC;QACpD,KAAK,CAAC,MAAM,CAAC,CAAC;IACf,CAAC;IAED,IAAW,GAAG;QACb,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAChC,CAAC;IAED,IAAW,GAAG,CAAC,KAAqB;QACnC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;IACjC,CAAC;CACD;AAZD,wDAYC;AAED,cAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC,CAAC"}