@remotion/three 4.0.149 → 4.0.150

package/bundle.ts

@@ -1,4 +1,17 @@
-import {build} from 'bun';
+import {build, revision} from 'bun';
+
+if (process.env.NODE_ENV !== 'production') {
+	throw new Error('This script must be run using NODE_ENV=production');
+}
+
+if (!revision.startsWith('07ce')) {
+	// eslint-disable-next-line no-console
+	console.warn('warn: Remotion currently uses a fork of Bun to bundle.');
+	// eslint-disable-next-line no-console
+	console.log(
+		'You dont currently run the fork, this could lead to duplicate key warnings in React.',
+	);
+}
 
 const output = await build({
 	entrypoints: ['src/index.ts'],
@@ -16,9 +29,7 @@ const output = await build({
 });
 
 const [file] = output.outputs;
-const text = (await file.text())
-	.replace(/jsxDEV/g, 'jsx')
-	.replace(/react\/jsx-dev-runtime/g, 'react/jsx-runtime');
+const text = await file.text();
 
 await Bun.write('dist/esm/index.mjs', text);
 

package/dist/esm/index.mjs

@@ -30,9 +30,9 @@ var Unblocker = () => {
 };
 var SuspenseLoader = ({ children }) => {
   return jsx(Suspense, {
-    fallback: jsx(Unblocker, {}, undefined, false, undefined, this),
+    fallback: jsx(Unblocker, {}),
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/validate.ts
@@ -41,7 +41,8 @@ var validateDimension = NoReactInternals.validateDimension;
 
 // src/ThreeCanvas.tsx
 import {
-jsx as jsx2
+jsx as jsx2,
+jsxs
 } from "react/jsx-runtime";
 var Scale = ({
   width,
@@ -72,7 +73,7 @@ var ThreeCanvas = (props) => {
     onCreated?.(state);
   }, [onCreated, waitForCreated]);
   return jsx2(SuspenseLoader, {
-    children: jsx2(Canvas, {
+    children: jsxs(Canvas, {
       style: actualStyle,
       ...rest,
       onCreated: remotion_onCreated,
@@ -80,14 +81,14 @@ var ThreeCanvas = (props) => {
         jsx2(Scale, {
           width,
           height
-        }, undefined, false, undefined, this),
+        }),
         jsx2(Internals.RemotionContextProvider, {
           contexts,
           children
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 
 // src/use-offthread-video-texture.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/three",
-  "version": "4.0.149",
+  "version": "4.0.150",
   "description": "Utility functions for using react-three-fiber with remotion",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -16,14 +16,14 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.149"
+    "remotion": "4.0.150"
   },
   "peerDependencies": {
     "@react-three/fiber": ">=8.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "three": ">=0.137.0",
-    "remotion": "4.0.149"
+    "remotion": "4.0.150"
   },
   "devDependencies": {
     "@jonny/eslint-config": "3.0.281",
@@ -39,7 +39,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "three": "0.158.0",
-    "remotion": "4.0.149"
+    "remotion": "4.0.150"
   },
   "keywords": [
     "remotion",
@@ -64,6 +64,6 @@
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
-    "build": "bun bundle.ts"
+    "build": "bun --env-file=../.env.bundle bundle.ts"
   }
 }