@remotion/studio 4.0.124 → 4.0.125

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/studio@4.0.123 build /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.124 build /Users/jonathanburger/remotion/packages/studio
 > tsc -d
 

package/.turbo/turbo-test.log

@@ -0,0 +1,157 @@
+
+
+> @remotion/studio@4.0.122 test /Users/jonathanburger/remotion/packages/studio
+> vitest --run
+
+
+ RUN  v0.31.1 /Users/jonathanburger/remotion/packages/studio
+
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+[?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ · src/test/stringify-default-props.test.ts (2)
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ❯ src/test/stringify-default-props.test.ts (2)
+   · Should stringify default props correctly
+   · Should stringify default props correctly
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ · src/test/sequenced-timeline.test.ts (1)
+ · src/test/big-timeline.test.ts (1)
+ · src/test/timeline.test.ts (3)
+[?25l   · Zod enum
+   · Zod nativeEnum
+   · Zod optional
+   · Zod nullable
+   · Zod undefined
+   · Zod catch
+   · Zod promise
+   · Zod transform
+   · Zod branded
+   · Zod lazy
+   · Zod coerce
+   · Zod strict
+   · Should create a color
+   · Should create a textarea
+[?25l[?25l[?25l[?25l   · Zod undefined
+   · Zod catch
+   · Zod promise
+   · Zod transform
+   · Zod branded
+   · Zod lazy
+   · Zod coerce
+   · Zod strict
+   · Should create a color
+   · Should create a textarea
+ ❯ src/test/folder-tree.test.ts (3)
+   · Should create a good folder tree with 1 item inside and 1 item outside
+   · Should handle nested folders well
+   · Should throw if two folders with the same name
+[?25l[?25l   · Zod nativeEnum
+   · Zod optional
+   · Zod nullable
+   · Zod undefined
+   · Zod catch
+   · Zod promise
+   · Zod transform
+   · Zod branded
+   · Zod lazy
+   · Zod coerce
+   · Zod strict
+   · Should create a color
+   · Should create a textarea
+ ✓ src/test/folder-tree.test.ts (3)
+[?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+[?25l[?25l[?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ · src/test/smooth-zoom.test.ts (2)
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+ · src/test/validate-gui-output-filename.test.ts (2)
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
+[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
+ · src/test/color-math.test.ts (1)
+[?25l ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
+ ✓ src/test/color-math.test.ts (1)
+ · src/test/format-time.test.ts (1)
+ ✓ src/test/extract-zod-enums.test.ts (2)
+ ✓ src/test/stringify-default-props.test.ts (2)
+ ✓ src/test/sequenced-timeline.test.ts (1)
+ ✓ src/test/big-timeline.test.ts (1)
+ ✓ src/test/timeline.test.ts (3)
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
+ ✓ src/test/folder-tree.test.ts (3)
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
+ ✓ src/test/smooth-zoom.test.ts (2)
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
+ ✓ src/test/color-math.test.ts (1)
+ ✓ src/test/format-time.test.ts (1)
+
+ Test Files  12 passed (12)
+      Tests  51 passed (51)
+   Start at  10:25:20
+   Duration  2.91s (transform 2.68s, setup 2ms, collect 6.27s, tests 599ms, environment 1ms, prepare 3.12s)
+
+[?25h

package/dist/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: 'error' | 'warning' | 'ok';
     isFocused: boolean;
     isHovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+}) => "rgba(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)" | "hsla(0, 0%, 100%, 0.15)" | "#ff3232" | "#f1c40f";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/helpers/colors.d.ts

@@ -23,4 +23,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)" | "transparent";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";

package/dist/helpers/convert-env-variables.d.ts

@@ -1,8 +1,2 @@
-export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [
-    string,
-    string
-][];
-export declare const envVariablesArrayToObject: (envVariables: [
-    string,
-    string
-][]) => Record<string, string>;
+export declare const envVariablesObjectToArray: (envVariables: Record<string, string>) => [string, string][];
+export declare const envVariablesArrayToObject: (envVariables: [string, string][]) => Record<string, string>;

package/dist/helpers/render-modal-sections.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

package/dist/helpers/use-el-size.d.ts

@@ -0,0 +1,5 @@
+export type Size = {
+    width: number;
+    height: number;
+};
+export declare const useElementSize: (ref: HTMLElement | null) => Size | null;

package/dist/helpers/use-el-size.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementSize = void 0;
+const react_1 = require("react");
+const useElementSize = (ref) => {
+    const [size, setSize] = (0, react_1.useState)(null);
+    const observer = (0, react_1.useMemo)(() => {
+        if (typeof ResizeObserver === 'undefined') {
+            return;
+        }
+        return new ResizeObserver((entries) => {
+            setSize({
+                width: entries[0].contentRect.width,
+                height: entries[0].contentRect.height,
+            });
+        });
+    }, []);
+    const updateSize = (0, react_1.useCallback)(() => {
+        if (ref === null) {
+            return;
+        }
+        const rect = ref.getClientRects();
+        setSize({
+            width: rect[0].width,
+            height: rect[0].height,
+        });
+    }, [ref]);
+    (0, react_1.useEffect)(() => {
+        updateSize();
+        if (!observer) {
+            return;
+        }
+        if (ref) {
+            observer.observe(ref);
+        }
+        return () => {
+            if (ref) {
+                observer.unobserve(ref);
+            }
+        };
+    }, [observer, ref, updateSize]);
+    return size;
+};
+exports.useElementSize = useElementSize;

package/dist/helpers/use-menu-structure.js

@@ -211,6 +211,20 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         subMenu: null,
                         quickSwitcherLabel: 'Help: License',
                     },
+                    {
+                        id: 'acknowledgements',
+                        value: 'acknowledgements',
+                        label: 'Acknowledgements',
+                        onClick: () => {
+                            closeMenu();
+                            openExternal('https://remotion.dev/acknowledgements');
+                        },
+                        type: 'item',
+                        keyHint: null,
+                        leftItem: null,
+                        subMenu: null,
+                        quickSwitcherLabel: 'Help: Acknowledgements',
+                    },
                 ],
                 quickSwitcherLabel: null,
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.124",
+  "version": "4.0.125",
   "description": "Remotion Editor",
   "main": "dist",
   "sideEffects": false,
@@ -18,11 +18,11 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.124",
-    "@remotion/player": "4.0.124",
-    "@remotion/renderer": "4.0.124",
-    "@remotion/media-utils": "4.0.124",
-    "@remotion/studio-shared": "4.0.124"
+    "remotion": "4.0.125",
+    "@remotion/player": "4.0.125",
+    "@remotion/media-utils": "4.0.125",
+    "@remotion/studio-shared": "4.0.125",
+    "@remotion/renderer": "4.0.125"
   },
   "devDependencies": {
     "react": "18.2.0",
@@ -40,7 +40,7 @@
     "prettier-plugin-organize-imports": "3.2.4",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.124"
+    "@remotion/zod-types": "4.0.125"
   },
   "publishConfig": {
     "access": "public"