@remotion/studio 4.0.501 → 4.0.503

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;