@remotion/bundler 4.0.507 → 4.0.508

package/dist/fast-refresh/notify-on-refresh.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/fast-refresh/notify-on-refresh.js

@@ -0,0 +1,19 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+const studio_shared_1 = require("@remotion/studio-shared");
+const RefreshRuntime = require('react-refresh/runtime');
+(_a = RefreshRuntime.__remotionReactRefreshWrapped) !== null && _a !== void 0 ? _a : (RefreshRuntime.__remotionReactRefreshWrapped = null);
+if (RefreshRuntime.__remotionReactRefreshWrapped === null) {
+    const originalPerformReactRefresh = RefreshRuntime.performReactRefresh;
+    RefreshRuntime.__remotionReactRefreshWrapped = true;
+    RefreshRuntime.performReactRefresh = () => {
+        // The refresh integration calls this after applying the update. Emitting
+        // here gives Studio a boundary after React refreshed its roots.
+        const result = originalPerformReactRefresh();
+        if (result !== null) {
+            window.dispatchEvent(new Event(studio_shared_1.REACT_REFRESH_FINISHED_EVENT));
+        }
+        return result;
+    };
+}

package/dist/fast-refresh/runtime.d.ts

@@ -33,3 +33,4 @@ declare global {
     }
 }
 import RefreshHelpers from './helpers';
+import './notify-on-refresh';

package/dist/fast-refresh/runtime.js

@@ -10,6 +10,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const RefreshRuntime = require('react-refresh/runtime');
 const helpers_1 = __importDefault(require("./helpers"));
+require("./notify-on-refresh");
 // Hook into ReactDOM initialization
 RefreshRuntime.injectIntoGlobalHook(self);
 // noop fns to prevent runtime errors during initialization

package/dist/rspack-config.js

@@ -50,7 +50,9 @@ const rspackConfig = async ({ entry, userDefinedComponent, outDir, environment,
             __filename: 'mock',
         },
         entry: (0, studio_entry_points_1.getStudioEntryPoints)({
-            fastRefreshRuntime: null,
+            fastRefreshRuntime: environment === 'development'
+                ? require.resolve('./fast-refresh/notify-on-refresh.js')
+                : null,
             environmentSetup: require.resolve('./setup-environment'),
             sequenceStackTraces: environment === 'development'
                 ? require.resolve('./setup-sequence-stack-traces')

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/bundler"
 	},
 	"name": "@remotion/bundler",
-	"version": "4.0.507",
+	"version": "4.0.508",
 	"description": "Bundle Remotion compositions using Webpack",
 	"main": "dist/index.js",
 	"bugs": {
@@ -24,11 +24,11 @@
 		"css-loader": "7.1.4",
 		"esbuild": "0.28.1",
 		"react-refresh": "0.18.0",
-		"remotion": "4.0.507",
-		"@remotion/studio": "4.0.507",
-		"@remotion/studio-shared": "4.0.507",
-		"@remotion/timeline-utils": "4.0.507",
-		"@remotion/media-parser": "4.0.507",
+		"remotion": "4.0.508",
+		"@remotion/studio": "4.0.508",
+		"@remotion/studio-shared": "4.0.508",
+		"@remotion/timeline-utils": "4.0.508",
+		"@remotion/media-parser": "4.0.508",
 		"style-loader": "4.0.0",
 		"webpack": "5.105.0"
 	},
@@ -39,7 +39,7 @@
 	"devDependencies": {
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
-		"@remotion/eslint-config-internal": "4.0.507",
+		"@remotion/eslint-config-internal": "4.0.508",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},