@remotion/studio 4.0.438 → 4.0.440

package/dist/components/GlobalPropsEditorUpdateButton.js

@@ -1,78 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalPropsEditorUpdateButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const remotion_1 = require("remotion");
-const save_default_props_1 = require("../api/save-default-props");
-const fast_refresh_context_1 = require("../fast-refresh-context");
-const NotificationCenter_1 = require("./Notifications/NotificationCenter");
-const SchemaResetButton_1 = require("./RenderModal/SchemaEditor/SchemaResetButton");
-const SchemaSaveButton_1 = require("./RenderModal/SchemaEditor/SchemaSaveButton");
-const container = {
-    display: 'inline-block',
-    flexDirection: 'row',
-};
-const GlobalPropsEditorUpdateButton = ({ compositionId, currentDefaultProps }) => {
-    const { fastRefreshes } = (0, react_1.useContext)(fast_refresh_context_1.FastRefreshContext);
-    const [disabled, setDisabled] = react_1.default.useState(false);
-    const onClicked = (0, react_1.useCallback)(() => {
-        setDisabled(true);
-        window.remotion_ignoreFastRefreshUpdate = fastRefreshes + 1;
-        (0, save_default_props_1.saveDefaultProps)({
-            compositionId,
-            defaultProps: () => currentDefaultProps,
-        })
-            .catch((err) => {
-            (0, NotificationCenter_1.showNotification)(`Cannot update default props: ${err.stack}`, 2000);
-        })
-            .finally(() => {
-            setDisabled(true);
-        });
-    }, [compositionId, currentDefaultProps, fastRefreshes]);
-    const onReset = (0, react_1.useCallback)(() => {
-        window.remotion_ignoreFastRefreshUpdate = null;
-        window.dispatchEvent(new CustomEvent(remotion_1.Internals.PROPS_UPDATED_EXTERNALLY, {
-            detail: {
-                resetUnsaved: compositionId,
-            },
-        }));
-    }, [compositionId]);
-    return (jsx_runtime_1.jsxs("div", { style: container, children: [
-            jsx_runtime_1.jsx(SchemaResetButton_1.SchemaResetButton, { onClick: onReset }), jsx_runtime_1.jsx(SchemaSaveButton_1.SchemaSaveButton, { disabled: disabled, onClick: onClicked })
-        ] }));
-};
-exports.GlobalPropsEditorUpdateButton = GlobalPropsEditorUpdateButton;

package/dist/components/RenderModal/SchemaEditor/SchemaSaveButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const SchemaSaveButton: React.FC<{
-    readonly onClick: () => void;
-    readonly disabled: boolean;
-}>;

package/dist/components/RenderModal/SchemaEditor/SchemaSaveButton.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SchemaSaveButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../../helpers/colors");
-const InlineAction_1 = require("../../InlineAction");
-const icon = {
-    height: 14,
-    color: 'currentColor',
-};
-const SchemaSaveButton = ({ onClick, disabled }) => {
-    const renderAction = (0, react_1.useCallback)((color) => {
-        return (jsx_runtime_1.jsx("svg", { style: icon, viewBox: "0 0 448 512", children: jsx_runtime_1.jsx("path", { fill: disabled ? colors_1.LIGHT_TEXT : color, d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V173.3c0-17-6.7-33.3-18.7-45.3L352 50.7C340 38.7 323.7 32 306.7 32H64zm0 96c0-17.7 14.3-32 32-32H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V128zM224 288a64 64 0 1 1 0 128 64 64 0 1 1 0-128z" }) }));
-    }, [disabled]);
-    return (jsx_runtime_1.jsx(InlineAction_1.InlineAction, { renderAction: renderAction, onClick: onClick, disabled: disabled }));
-};
-exports.SchemaSaveButton = SchemaSaveButton;

package/dist/components/RenderModal/SchemaEditor/local-state.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import type { AnyZodSchema, ZodSafeParseResult } from './zod-schema-type';
-import type { UpdaterFunction } from './ZodSwitch';
-export type LocalState<T> = {
-    value: T;
-    zodValidation: ZodSafeParseResult;
-    keyStabilityRevision: number;
-};
-export type RevisionContextType = {
-    childResetRevision: number;
-};
-export declare const RevisionContext: React.Context<RevisionContextType>;
-export declare const useLocalState: <T>({ unsavedValue, schema, setValue, savedValue, }: {
-    unsavedValue: T;
-    schema: AnyZodSchema;
-    setValue: UpdaterFunction<T>;
-    savedValue: T;
-}) => {
-    localValue: LocalState<T>;
-    onChange: (updater: (oldV: T) => T, forceApply: boolean, increment: boolean) => void;
-    reset: () => void;
-    RevisionContextProvider: ({ children }: {
-        children: React.ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-};

package/dist/components/RenderModal/SchemaEditor/local-state.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalState = exports.RevisionContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const remotion_1 = require("remotion");
-const deep_equal_1 = require("./deep-equal");
-const zod_schema_type_1 = require("./zod-schema-type");
-exports.RevisionContext = (0, react_1.createContext)({
-    childResetRevision: 0,
-});
-const useLocalState = ({ unsavedValue, schema, setValue, savedValue, }) => {
-    const parentRevision = (0, react_1.useContext)(exports.RevisionContext).childResetRevision;
-    const [resetRevision, setResetRevision] = (0, react_1.useState)(0);
-    const [localValueOrNull, setLocalValue] = (0, react_1.useState)(() => {
-        return {
-            [parentRevision]: {
-                value: unsavedValue,
-                keyStabilityRevision: 0,
-                zodValidation: (0, zod_schema_type_1.zodSafeParse)(schema, unsavedValue),
-            },
-        };
-    });
-    const localUnsavedValue = (0, react_1.useMemo)(() => {
-        var _a;
-        if (((_a = localValueOrNull[parentRevision]) !== null && _a !== void 0 ? _a : null) === null) {
-            return {
-                value: unsavedValue,
-                keyStabilityRevision: 0,
-                zodValidation: (0, zod_schema_type_1.zodSafeParse)(schema, unsavedValue),
-            };
-        }
-        return localValueOrNull[parentRevision];
-    }, [localValueOrNull, parentRevision, schema, unsavedValue]);
-    (0, react_1.useEffect)(() => {
-        const checkFile = () => {
-            setResetRevision((old) => old + 1);
-            setLocalValue({});
-        };
-        window.addEventListener(remotion_1.Internals.PROPS_UPDATED_EXTERNALLY, checkFile);
-        return () => {
-            window.removeEventListener(remotion_1.Internals.PROPS_UPDATED_EXTERNALLY, checkFile);
-        };
-    }, []);
-    const currentLocalValue = (0, react_1.useMemo)(() => {
-        return (localUnsavedValue !== null && localUnsavedValue !== void 0 ? localUnsavedValue : {
-            value: savedValue,
-            keyStabilityRevision: 0,
-            zodValidation: (0, zod_schema_type_1.zodSafeParse)(schema, savedValue),
-        });
-    }, [localUnsavedValue, savedValue, schema]);
-    const stateRef = (0, react_1.useRef)(currentLocalValue);
-    stateRef.current = currentLocalValue;
-    const onChange = (0, react_1.useCallback)(
-    // Increment is to regenerate `key` attributes in array items,
-    // so should increment when changing array items
-    (updater, forceApply, increment) => {
-        const newValue = updater(stateRef.current.value);
-        const isSame = (0, deep_equal_1.deepEqual)(newValue, stateRef.current.value);
-        if (isSame) {
-            return;
-        }
-        const safeParse = (0, zod_schema_type_1.zodSafeParse)(schema, newValue);
-        if (safeParse.success || forceApply) {
-            setValue(updater, forceApply, increment);
-        }
-        setLocalValue(() => {
-            const newState = {
-                keyStabilityRevision: currentLocalValue.keyStabilityRevision + (increment ? 1 : 0),
-                value: newValue,
-                zodValidation: safeParse,
-            };
-            stateRef.current = newState;
-            return {
-                ...localUnsavedValue,
-                [parentRevision]: newState,
-            };
-        });
-    }, [
-        currentLocalValue.keyStabilityRevision,
-        localUnsavedValue,
-        parentRevision,
-        schema,
-        setValue,
-    ]);
-    const contextValue = (0, react_1.useMemo)(() => {
-        return {
-            childResetRevision: resetRevision,
-        };
-    }, [resetRevision]);
-    const reset = (0, react_1.useCallback)(() => {
-        // Only need to do key stability for arrays, but
-        // since user is not editing right now, should be fine
-        onChange(() => savedValue, true, true);
-        setResetRevision((old) => old + 1);
-    }, [savedValue, onChange]);
-    const RevisionContextProvider = (0, react_1.useCallback)(({ children }) => {
-        return (jsx_runtime_1.jsx(exports.RevisionContext.Provider, { value: contextValue, children: children }));
-    }, [contextValue]);
-    return (0, react_1.useMemo)(() => ({
-        localValue: currentLocalValue,
-        onChange,
-        reset,
-        RevisionContextProvider,
-    }), [RevisionContextProvider, currentLocalValue, onChange, reset]);
-};
-exports.useLocalState = useLocalState;