@remotion/studio 4.0.502 → 4.0.504

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.502",
+	"version": "4.0.504",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -24,18 +24,17 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.502",
+		"@remotion/studio-protocol": "4.0.504",
 		"semver": "7.5.3",
-		"remotion": "4.0.502",
-		"@remotion/canvas-capture": "4.0.502",
-		"@remotion/captions": "4.0.502",
-		"@remotion/player": "4.0.502",
-		"@remotion/media-utils": "4.0.502",
-		"@remotion/renderer": "4.0.502",
-		"@remotion/web-renderer": "4.0.502",
-		"@remotion/studio-shared": "4.0.502",
-		"@remotion/timeline-utils": "4.0.502",
-		"@remotion/zod-types": "4.0.502",
+		"remotion": "4.0.504",
+		"@remotion/captions": "4.0.504",
+		"@remotion/player": "4.0.504",
+		"@remotion/media-utils": "4.0.504",
+		"@remotion/renderer": "4.0.504",
+		"@remotion/web-renderer": "4.0.504",
+		"@remotion/studio-shared": "4.0.504",
+		"@remotion/timeline-utils": "4.0.504",
+		"@remotion/zod-types": "4.0.504",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.50.8",
 		"memfs": "3.4.3",
@@ -46,7 +45,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.502",
+		"@remotion/eslint-config-internal": "4.0.504",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/components/StudioCanvasCapture.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const StudioCanvasCapture: React.FC<{
-    readonly children: React.ReactNode;
-    readonly density: number;
-}>;

package/dist/components/StudioCanvasCapture.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StudioCanvasCapture = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const canvas_capture_1 = require("@remotion/canvas-capture");
-const react_1 = require("react");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const logCaptureError = (message, err) => {
-    // eslint-disable-next-line no-console
-    console.error(message, err instanceof Error ? err.message : String(err));
-};
-const StudioCanvasCapture = ({ children, density }) => {
-    const captureRef = (0, react_1.useRef)(null);
-    const isSupported = (0, react_1.useMemo)(() => (0, canvas_capture_1.isHtmlInCanvasAvailable)(), []);
-    const keybindings = (0, use_keybinding_1.useKeybinding)();
-    (0, react_1.useEffect)(() => {
-        if (!isSupported) {
-            return;
-        }
-        const binding = keybindings.registerKeybinding({
-            event: 'keydown',
-            key: 'p',
-            commandCtrlKey: true,
-            callback: () => {
-                var _a;
-                (_a = captureRef.current) === null || _a === void 0 ? void 0 : _a.toggleRecording().catch((err) => {
-                    logCaptureError('Could not toggle Studio canvas recording:', err);
-                });
-            },
-            preventDefault: true,
-            triggerIfInputFieldFocused: true,
-            keepRegisteredWhenNotHighestContext: true,
-        });
-        return () => {
-            binding.unregister();
-        };
-    }, [isSupported, keybindings]);
-    return (jsx_runtime_1.jsx(canvas_capture_1.HtmlInCanvasCapture, { ref: captureRef, density: density, filename: "remotion-studio-canvas-recording.webm", children: children }));
-};
-exports.StudioCanvasCapture = StudioCanvasCapture;

package/dist/components/canvas-capture-enabled.d.ts

@@ -1 +0,0 @@
-export declare const CANVAS_CAPTURE_ENABLED = false;

package/dist/components/canvas-capture-enabled.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CANVAS_CAPTURE_ENABLED = void 0;
-exports.CANVAS_CAPTURE_ENABLED = false;

package/dist/components/use-element-overwrite-confirmation.d.ts

@@ -1,2 +0,0 @@
-import type { InsertElementFileConflict } from '@remotion/studio-shared';
-export declare const useElementOverwriteConfirmation: () => (conflict: InsertElementFileConflict) => Promise<boolean>;

package/dist/components/use-element-overwrite-confirmation.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementOverwriteConfirmation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ConfirmationDialog_1 = require("./ConfirmationDialog");
-const filePathStyle = {
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 13,
-    lineHeight: 1.4,
-};
-const warningStyle = {
-    color: 'inherit',
-    fontFamily: 'sans-serif',
-    fontSize: 14,
-    lineHeight: 1.4,
-    marginTop: 12,
-};
-const sourceDetailsStyle = {
-    color: 'inherit',
-    fontFamily: 'sans-serif',
-    fontSize: 13,
-    lineHeight: 1.4,
-    marginTop: 12,
-};
-const sourceSummaryStyle = {
-    color: 'inherit',
-    cursor: 'pointer',
-    fontFamily: 'sans-serif',
-    fontSize: 13,
-    fontWeight: 500,
-    lineHeight: 1.4,
-};
-const sourceCodeBlockStyle = {
-    backgroundColor: 'rgba(255, 255, 255, 0.06)',
-    borderRadius: 6,
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 12,
-    lineHeight: 1.5,
-    marginBottom: 0,
-    marginTop: 8,
-    maxHeight: 200,
-    overflow: 'auto',
-    padding: 12,
-    whiteSpace: 'pre',
-};
-const sourceCodeStyle = {
-    color: 'inherit',
-    fontFamily: 'monospace',
-    fontSize: 12,
-    lineHeight: 1.5,
-};
-const useElementOverwriteConfirmation = () => {
-    const confirm = (0, ConfirmationDialog_1.useConfirmationDialog)();
-    return (0, react_1.useCallback)((conflict) => {
-        return confirm({
-            title: 'Overwrite Element file?',
-            message: (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["The Element file", ' ', jsx_runtime_1.jsx("code", { style: filePathStyle, children: conflict.filePath }),
-                    " already exists with different contents.",
-                    jsx_runtime_1.jsx("div", { style: warningStyle, children: "Overwriting will replace local changes in this file. The composition will only be updated if you choose Overwrite." }), jsx_runtime_1.jsxs("details", { style: sourceDetailsStyle, open: true, children: [
-                            jsx_runtime_1.jsx("summary", { style: sourceSummaryStyle, children: "Existing source" }), jsx_runtime_1.jsx("pre", { style: sourceCodeBlockStyle, children: jsx_runtime_1.jsx("code", { style: sourceCodeStyle, children: conflict.existingSource }) })
-                        ] }), jsx_runtime_1.jsxs("details", { style: sourceDetailsStyle, children: [
-                            jsx_runtime_1.jsx("summary", { style: sourceSummaryStyle, children: "Incoming source" }), jsx_runtime_1.jsx("pre", { style: sourceCodeBlockStyle, children: jsx_runtime_1.jsx("code", { style: sourceCodeStyle, children: conflict.incomingSource }) })
-                        ] })
-                ] })),
-            confirmLabel: 'Overwrite',
-            cancelLabel: 'Cancel',
-        });
-    }, [confirm]);
-};
-exports.useElementOverwriteConfirmation = useElementOverwriteConfirmation;