@remotion/browser-bundler 4.0.534 → 4.0.536

package/dist/runtime.js

@@ -1,27 +1,3 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
 // src/create-browser-bundle-runtime.ts
 import { Internals as Internals2 } from "remotion";
 
@@ -37,34 +13,6 @@ import * as RemotionVersion from "remotion/version";
 
 // src/source-location-jsx.ts
 import { Internals } from "remotion";
-var withSourceLocation = (factory, {
-  isCreateElement,
-  sourceArgumentIndex
-}) => {
-  const componentsToAddStacksTo = Internals.getComponentsToAddStacksTo();
-  const sequenceComponent = Internals.getSequenceComponent();
-  const internalStackProp = Internals.REMOTION_INTERNAL_STACK_PROP;
-  return new Proxy(factory, {
-    apply(target, thisArg, argArray) {
-      const [component, props, ...rest] = argArray;
-      if (!componentsToAddStacksTo.includes(component)) {
-        return Reflect.apply(target, thisArg, argArray);
-      }
-      const source = sourceArgumentIndex === null ? null : argArray[sourceArgumentIndex];
-      const stack = source && typeof source.fileName === "string" && typeof source.lineNumber === "number" && typeof source.columnNumber === "number" ? Internals.makeOriginalSourceStack({
-        fileName: source.fileName,
-        lineNumber: source.lineNumber,
-        columnNumber: source.columnNumber
-      }) : new Error().stack;
-      const newProps = props?.[internalStackProp] ? { ...props } : { ...props ?? {}, [internalStackProp]: stack };
-      if (component === sequenceComponent) {
-        const children = isCreateElement ? rest.length === 0 ? newProps.children : rest : newProps.children;
-        newProps._remotionInternalSingleChildComponent = Internals.getSingleChildComponent(children);
-      }
-      return Reflect.apply(target, thisArg, [component, newProps, ...rest]);
-    }
-  });
-};
 var withOverrides = (module, overrides) => {
   const wrapped = { ...module, ...overrides };
   if (module.default !== null && typeof module.default === "object") {
@@ -79,26 +27,14 @@ var addSourceLocationsToJsxModules = ({
 }) => {
   return {
     react: withOverrides(react, {
-      createElement: withSourceLocation(react.createElement, {
-        isCreateElement: true,
-        sourceArgumentIndex: null
-      })
+      createElement: Internals.createElementSourceProxy(react.createElement, null, (fileName) => fileName)
     }),
     jsxRuntime: withOverrides(jsxRuntime, {
-      jsx: withSourceLocation(jsxRuntime.jsx, {
-        isCreateElement: false,
-        sourceArgumentIndex: null
-      }),
-      jsxs: withSourceLocation(jsxRuntime.jsxs, {
-        isCreateElement: false,
-        sourceArgumentIndex: null
-      })
+      jsx: Internals.createElementSourceProxy(jsxRuntime.jsx, null, (fileName) => fileName),
+      jsxs: Internals.createElementSourceProxy(jsxRuntime.jsxs, null, (fileName) => fileName)
     }),
     jsxDevRuntime: withOverrides(jsxDevRuntime, {
-      jsxDEV: withSourceLocation(jsxDevRuntime.jsxDEV, {
-        isCreateElement: false,
-        sourceArgumentIndex: 4
-      })
+      jsxDEV: Internals.createElementSourceProxy(jsxDevRuntime.jsxDEV, 4, (fileName) => fileName)
     })
   };
 };
@@ -379,7 +315,13 @@ var createBrowserBundleRuntime = () => {
   };
 };
 // src/create-browser-composition-observer.tsx
-import React2, { Suspense, useEffect, useMemo, useState } from "react";
+import React2, {
+  Suspense,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
 import { createRoot } from "react-dom/client";
 import { Internals as Internals3 } from "remotion";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -407,7 +349,17 @@ class RegistrationErrorBoundary extends React2.Component {
   }
 }
 var RegistrationCommitted = ({ revision, onCommit }) => {
-  useEffect(() => onCommit(revision), [onCommit, revision]);
+  useEffect(() => {
+    let cancelled = false;
+    queueMicrotask(() => {
+      if (!cancelled) {
+        onCommit(revision);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [onCommit, revision]);
   return null;
 };
 var ObserveMetadata = ({
@@ -475,32 +427,18 @@ var ObserveComposition = ({
 }) => {
   const [registeredRevision, setRegisteredRevision] = useState(null);
   const [compositions, setCompositions] = useState([]);
-  const setters = useMemo(() => ({
-    registerComposition: (composition) => {
-      setCompositions((current) => {
-        if (current.some(({ id }) => id === composition.id)) {
-          throw new Error(`A composition with ID "${composition.id}" was registered more than once.`);
-        }
-        return [...current, composition];
-      });
-    },
-    unregisterComposition: (id) => {
-      setCompositions((current) => current.filter((composition) => composition.id !== id));
-    },
-    registerFolder: () => {
-      return;
-    },
-    unregisterFolder: () => {
-      return;
-    },
-    setCanvasContent: () => {
-      return;
-    },
-    setCurrentAssetMetadata: () => {
-      return;
-    },
-    onlyRenderComposition: null
-  }), []);
+  const [registrationError, setRegistrationError] = useState(null);
+  const onSnapshot = useCallback((snapshot) => {
+    const ids = new Set;
+    for (const composition of snapshot.compositions) {
+      if (ids.has(composition.id)) {
+        setRegistrationError(new Error(`A composition with ID "${composition.id}" was registered more than once.`));
+        return;
+      }
+      ids.add(composition.id);
+    }
+    setCompositions((current) => current.length === snapshot.compositions.length && current.every((composition, index) => composition === snapshot.compositions[index]) ? current : [...snapshot.compositions]);
+  }, []);
   const registration = useMemo(() => /* @__PURE__ */ jsxs(Suspense, {
     fallback: null,
     children: [
@@ -511,10 +449,13 @@ var ObserveComposition = ({
       })
     ]
   }), [RegisteredRoot, revision]);
+  if (registrationError !== null) {
+    throw registrationError;
+  }
   return /* @__PURE__ */ jsx(Internals3.RemotionEnvironmentContext.Provider, {
     value: environment,
-    children: /* @__PURE__ */ jsxs(Internals3.CompositionSetters.Provider, {
-      value: setters,
+    children: /* @__PURE__ */ jsxs(Internals3.CompositionRegistryProvider, {
+      onSnapshot,
       children: [
         registration,
         /* @__PURE__ */ jsx(ObserveMetadata, {
@@ -691,29 +632,19 @@ var getBrowserComposition = async ({
           }
         });
       };
-      const setters = {
-        registerComposition: (composition) => {
-          if (compositions.has(composition.id)) {
-            throw new Error(`A composition with ID "${composition.id}" was registered more than once.`);
+      const onSnapshot = (snapshot) => {
+        const next = new Map;
+        for (const composition of snapshot.compositions) {
+          if (next.has(composition.id)) {
+            onError(new Error(`A composition with ID "${composition.id}" was registered more than once.`));
+            return;
           }
-          compositions.set(composition.id, composition);
-        },
-        unregisterComposition: (id) => {
-          compositions.delete(id);
-        },
-        registerFolder: () => {
-          return;
-        },
-        unregisterFolder: () => {
-          return;
-        },
-        setCanvasContent: () => {
-          return;
-        },
-        setCurrentAssetMetadata: () => {
-          return;
-        },
-        onlyRenderComposition: null
+          next.set(composition.id, composition);
+        }
+        compositions.clear();
+        for (const [id, composition] of next) {
+          compositions.set(id, composition);
+        }
       };
       reactRoot = createRoot2(container, {
         onCaughtError: onError,
@@ -729,8 +660,8 @@ var getBrowserComposition = async ({
             isRendering: false,
             isStudio: false
           },
-          children: /* @__PURE__ */ jsx2(Internals4.CompositionSetters.Provider, {
-            value: setters,
+          children: /* @__PURE__ */ jsx2(Internals4.CompositionRegistryProvider, {
+            onSnapshot,
             children: /* @__PURE__ */ jsxs2(Suspense2, {
               fallback: null,
               children: [
@@ -769,8 +700,8 @@ var loadBrowserBundle = ({ bundle }) => {
   return scope.getRoot();
 };
 export {
-  loadBrowserBundle,
-  getBrowserComposition,
+  createBrowserBundleRuntime,
   createBrowserCompositionObserver,
-  createBrowserBundleRuntime
+  getBrowserComposition,
+  loadBrowserBundle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/browser-bundler",
-	"version": "4.0.534",
+	"version": "4.0.536",
 	"description": "Compile virtual Remotion projects in the browser",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -26,7 +26,7 @@
 	"dependencies": {
 		"@rspack/browser": "2.1.1",
 		"react-refresh": "0.18.0",
-		"remotion": "4.0.534"
+		"remotion": "4.0.536"
 	},
 	"peerDependencies": {
 		"react": ">=18.0.0",
@@ -53,8 +53,8 @@
 	"devDependencies": {
 		"@rspack/plugin-react-refresh": "1.6.1",
 		"@happy-dom/global-registrator": "14.5.1",
-		"@remotion/eslint-config-internal": "4.0.534",
-		"@remotion/player": "4.0.534",
+		"@remotion/eslint-config-internal": "4.0.536",
+		"@remotion/player": "4.0.536",
 		"@testing-library/react": "16.1.0",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "19.2.3",