[pull] main from remotion-dev:main

package.json

@@ -132,14 +132,14 @@
 			"@types/node": "20.12.14",
 			"@types/web": "0.0.166",
 			"@types/bun": "1.3.3",
-			"mediabunny": "1.55.1",
-			"@mediabunny/server": "1.55.1",
-			"@mediabunny/mp3-encoder": "1.55.1",
-			"@mediabunny/aac-encoder": "1.55.1",
-			"@mediabunny/flac-encoder": "1.55.1",
-			"@mediabunny/prores": "1.55.1",
-			"@mediabunny/ac3": "1.55.1",
-			"@mediabunny/dts": "1.55.1",
+			"mediabunny": "1.55.4",
+			"@mediabunny/server": "1.55.4",
+			"@mediabunny/mp3-encoder": "1.55.4",
+			"@mediabunny/aac-encoder": "1.55.4",
+			"@mediabunny/flac-encoder": "1.55.4",
+			"@mediabunny/prores": "1.55.4",
+			"@mediabunny/ac3": "1.55.4",
+			"@mediabunny/dts": "1.55.4",
 			"next": "16.2.11",
 			"three": "0.178.0",
 			"sharp": "0.34.5",

packages/browser-studio/e2e/browser-studio.test.ts

@@ -195,6 +195,10 @@ test('loads Browser Studio, opens external links, and can add, delete, and dupli
 				studio.locator('.remotion-studio-composition-container'),
 			).toBeVisible();
 			await expect.poll(() => new URL(page.url()).search).toBe('?/MyComp');
+			await expect(page).toHaveTitle(
+				'MyComp / template-blank - Remotion Studio',
+				{timeout: 5000},
+			);
 			await studio.locator('button:has(svg[viewBox="0 0 415 426"])').click();
 			const popupPromise = page.waitForEvent('popup');
 			await studio.getByText('About Remotion', {exact: true}).click();
@@ -329,8 +333,16 @@ test('loads Browser Studio, opens external links, and can add, delete, and dupli
 				studio.getByTitle('/project').getByText('MyComp1'),
 			).toBeVisible();
 			await expect.poll(() => new URL(page.url()).search).toBe('?/MyComp1');
+			await expect(page).toHaveTitle(
+				'MyComp1 / template-blank - Remotion Studio',
+				{timeout: 5000},
+			);
 			await page.goBack();
 			await expect.poll(() => new URL(page.url()).search).toBe('?/MyComp');
+			await expect(page).toHaveTitle(
+				'MyComp / template-blank - Remotion Studio',
+				{timeout: 5000},
+			);
 			await studio.getByRole('button', {name: 'Render on web'}).click();
 			await expect(
 				studio.getByText('Render MyComp', {exact: true}),
@@ -1089,6 +1101,10 @@ export const LinkedElement = () => <Rect width={320} height={180} fill="red" />;
 	await expect(
 		studio.getByText('Install Element', {exact: true}),
 	).toBeVisible();
+	await expect(page).toHaveTitle(
+		'📦 Install Linked Element - Remotion Studio',
+		{timeout: 5000},
+	);
 	await expect(
 		studio.getByText('Unverified Browser Studio link'),
 	).toBeVisible();
@@ -1146,6 +1162,9 @@ export const LinkedElement = () => <Rect width={320} height={180} fill="red" />;
 				).__browserStudioInstallPreservedIframe,
 		),
 	).toBe(true);
+	await expect(page).toHaveTitle('MyComp / template-blank - Remotion Studio', {
+		timeout: 5000,
+	});
 });
 
 test('reports inline SVG imports as unsupported without changing the project', async ({

packages/browser-studio/src/browser-studio-operations.ts

@@ -1952,7 +1952,11 @@ export const createBrowserStudioOperations = ({
 			return value === null
 				? null
 				: {
-						element: value.payload.element,
+						element: {
+							...value.payload.element,
+							durationInFrames: value.payload.element.durationInFrames ?? null,
+							installationMode: value.payload.element.installationMode ?? null,
+						},
 						sourceOrigin: value.sourceOrigin,
 					};
 		},

packages/browser-studio/src/test/browser-studio-operations.test.ts

@@ -52,7 +52,11 @@ test('consumes an initial Element payload only once', () => {
 	});
 
 	expect(operations.consumeInitialElement()).toEqual({
-		element: payload.element,
+		element: {
+			...payload.element,
+			durationInFrames: 60,
+			installationMode: 'wrapped',
+		},
 		sourceOrigin: 'https://elements.example.test',
 	});
 	expect(operations.consumeInitialElement()).toBe(null);
@@ -179,7 +183,7 @@ export const MyComponent = () => <AbsoluteFill>Existing</AbsoluteFill>;
 	);
 });
 
-test('wraps a self-closing root, aliases bindings, and remaps the root', () => {
+test('inserts beside a self-closing root, aliases bindings, and remaps the root', () => {
 	const project: VirtualProject = {
 		rootDir: '/project',
 		entryPoint: '/project/src/index.tsx',
@@ -212,11 +216,12 @@ registerRoot(Root);
 	const output = updated.files['/project/src/index.tsx'];
 
 	expect(output).toContain(
-		"import {AbsoluteFill, Composition, registerRoot, Solid as RemotionSolid, Sequence as RemotionSequence} from 'remotion';",
+		"import {AbsoluteFill, Composition, registerRoot, Solid as RemotionSolid} from 'remotion';",
 	);
-	expect(output).toContain('<RemotionSequence>');
+	expect(output).not.toContain('<RemotionSequence>');
+	expect(output).toContain('<AbsoluteFill />');
 	expect(output).toContain('<RemotionSolid width={1280}');
-	expect(nodePathRemappings).toHaveLength(3);
+	expect(nodePathRemappings).toHaveLength(2);
 	expect(nodePathRemappings).toEqual(
 		expect.arrayContaining([
 			expect.objectContaining({oldNodePath: expect.any(Array)}),

packages/canvas/src/selection.ts

@@ -1,5 +1,6 @@
-import {useState, useSyncExternalStore} from 'react';
+import {useState} from 'react';
 import type {SequenceNodePathInfo} from './get-timeline-sequence-sort-key';
+import {useSyncExternalStore} from './use-sync-external-store';
 
 export type CanvasSelectionItem =
 	| {

packages/canvas/src/use-sync-external-store.ts

@@ -0,0 +1,11 @@
+import {Internals} from 'remotion';
+
+type UseSyncExternalStore = <TSnapshot>(
+	subscribe: (onStoreChange: () => void) => () => void,
+	getSnapshot: () => TSnapshot,
+	getServerSnapshot?: () => TSnapshot,
+) => TSnapshot;
+
+export const {useSyncExternalStore} = Internals as typeof Internals & {
+	useSyncExternalStore: UseSyncExternalStore;
+};

packages/cli/src/extra-packages.ts

@@ -1,11 +1,11 @@
 export const EXTRA_PACKAGES: Record<string, string> = {
-	mediabunny: '1.55.1',
-	'@mediabunny/ac3': '1.55.1',
-	'@mediabunny/dts': '1.55.1',
-	'@mediabunny/mp3-encoder': '1.55.1',
-	'@mediabunny/aac-encoder': '1.55.1',
-	'@mediabunny/flac-encoder': '1.55.1',
-	'@mediabunny/prores': '1.55.1',
+	mediabunny: '1.55.4',
+	'@mediabunny/ac3': '1.55.4',
+	'@mediabunny/dts': '1.55.4',
+	'@mediabunny/mp3-encoder': '1.55.4',
+	'@mediabunny/aac-encoder': '1.55.4',
+	'@mediabunny/flac-encoder': '1.55.4',
+	'@mediabunny/prores': '1.55.4',
 	zod: '4.4.3',
 };
 

packages/core/THIRD_PARTY_LICENSES.md

@@ -0,0 +1,28 @@
+# Third-party licenses
+
+## use-sync-external-store
+
+The vendored `useSyncExternalStore` compatibility implementation is adapted
+from `use-sync-external-store` 1.5.0.
+
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.