@remotion/studio 4.0.123 → 4.0.125

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/.turbo/turbo-test.log +157 -0
  3. package/dist/components/NewComposition/RemInput.d.ts +1 -1
  4. package/dist/helpers/colors.d.ts +1 -1
  5. package/dist/helpers/use-el-size.d.ts +5 -0
  6. package/dist/helpers/use-el-size.js +44 -0
  7. package/dist/helpers/use-menu-structure.js +14 -0
  8. package/package.json +7 -7
  9. package/tsconfig.tsbuildinfo +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
2
  
3
- > @remotion/studio@4.0.122 build /Users/jonathanburger/remotion/packages/studio
3
+ > @remotion/studio@4.0.124 build /Users/jonathanburger/remotion/packages/studio
4
4
  > tsc -d
5
5
 
package/.turbo/turbo-test.log ADDED
@@ -0,0 +1,157 @@
1
+
2
+ 
3
+ > @remotion/studio@4.0.122 test /Users/jonathanburger/remotion/packages/studio
4
+ > vitest --run
5
+
6
+
7
+  RUN  v0.31.1 /Users/jonathanburger/remotion/packages/studio
8
+
9
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
10
+ [?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
11
+ · src/test/stringify-default-props.test.ts (2)
12
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
13
+ ❯ src/test/stringify-default-props.test.ts (2)
14
+ · Should stringify default props correctly
15
+ · Should stringify default props correctly
16
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
17
+ ✓ src/test/stringify-default-props.test.ts (2)
18
+ · src/test/sequenced-timeline.test.ts (1)
19
+ · src/test/big-timeline.test.ts (1)
20
+ · src/test/timeline.test.ts (3)
21
+ [?25l · Zod enum
22
+ · Zod nativeEnum
23
+ · Zod optional
24
+ · Zod nullable
25
+ · Zod undefined
26
+ · Zod catch
27
+ · Zod promise
28
+ · Zod transform
29
+ · Zod branded
30
+ · Zod lazy
31
+ · Zod coerce
32
+ · Zod strict
33
+ · Should create a color
34
+ · Should create a textarea
35
+ [?25l[?25l[?25l[?25l · Zod undefined
36
+ · Zod catch
37
+ · Zod promise
38
+ · Zod transform
39
+ · Zod branded
40
+ · Zod lazy
41
+ · Zod coerce
42
+ · Zod strict
43
+ · Should create a color
44
+ · Should create a textarea
45
+ ❯ src/test/folder-tree.test.ts (3)
46
+ · Should create a good folder tree with 1 item inside and 1 item outside
47
+ · Should handle nested folders well
48
+ · Should throw if two folders with the same name
49
+ [?25l[?25l · Zod nativeEnum
50
+ · Zod optional
51
+ · Zod nullable
52
+ · Zod undefined
53
+ · Zod catch
54
+ · Zod promise
55
+ · Zod transform
56
+ · Zod branded
57
+ · Zod lazy
58
+ · Zod coerce
59
+ · Zod strict
60
+ · Should create a color
61
+ · Should create a textarea
62
+ ✓ src/test/folder-tree.test.ts (3)
63
+ [?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
64
+ ✓ src/test/stringify-default-props.test.ts (2)
65
+ ✓ src/test/sequenced-timeline.test.ts (1)
66
+ ✓ src/test/big-timeline.test.ts (1)
67
+ ✓ src/test/timeline.test.ts (3)
68
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
69
+ ✓ src/test/folder-tree.test.ts (3)
70
+ [?25l[?25l[?25l[?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
71
+ ✓ src/test/stringify-default-props.test.ts (2)
72
+ ✓ src/test/sequenced-timeline.test.ts (1)
73
+ ✓ src/test/big-timeline.test.ts (1)
74
+ ✓ src/test/timeline.test.ts (3)
75
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
76
+ ✓ src/test/folder-tree.test.ts (3)
77
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
78
+ [?25l[?25l[?25l ✓ src/test/extract-zod-enums.test.ts (2)
79
+ ✓ src/test/stringify-default-props.test.ts (2)
80
+ ✓ src/test/sequenced-timeline.test.ts (1)
81
+ ✓ src/test/big-timeline.test.ts (1)
82
+ ✓ src/test/timeline.test.ts (3)
83
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
84
+ ✓ src/test/folder-tree.test.ts (3)
85
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
86
+ · src/test/smooth-zoom.test.ts (2)
87
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
88
+ ✓ src/test/stringify-default-props.test.ts (2)
89
+ ✓ src/test/sequenced-timeline.test.ts (1)
90
+ ✓ src/test/big-timeline.test.ts (1)
91
+ ✓ src/test/timeline.test.ts (3)
92
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
93
+ ✓ src/test/folder-tree.test.ts (3)
94
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
95
+ ✓ src/test/smooth-zoom.test.ts (2)
96
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
97
+ ✓ src/test/stringify-default-props.test.ts (2)
98
+ ✓ src/test/sequenced-timeline.test.ts (1)
99
+ ✓ src/test/big-timeline.test.ts (1)
100
+ ✓ src/test/timeline.test.ts (3)
101
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
102
+ ✓ src/test/folder-tree.test.ts (3)
103
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
104
+ ✓ src/test/smooth-zoom.test.ts (2)
105
+ · src/test/validate-gui-output-filename.test.ts (2)
106
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
107
+ ✓ src/test/stringify-default-props.test.ts (2)
108
+ ✓ src/test/sequenced-timeline.test.ts (1)
109
+ ✓ src/test/big-timeline.test.ts (1)
110
+ ✓ src/test/timeline.test.ts (3)
111
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
112
+ ✓ src/test/folder-tree.test.ts (3)
113
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
114
+ ✓ src/test/smooth-zoom.test.ts (2)
115
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
116
+ [?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)
117
+ ✓ src/test/stringify-default-props.test.ts (2)
118
+ ✓ src/test/sequenced-timeline.test.ts (1)
119
+ ✓ src/test/big-timeline.test.ts (1)
120
+ ✓ src/test/timeline.test.ts (3)
121
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
122
+ ✓ src/test/folder-tree.test.ts (3)
123
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
124
+ ✓ src/test/smooth-zoom.test.ts (2)
125
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
126
+ · src/test/color-math.test.ts (1)
127
+ [?25l ✓ src/test/extract-zod-enums.test.ts (2)
128
+ ✓ src/test/stringify-default-props.test.ts (2)
129
+ ✓ src/test/sequenced-timeline.test.ts (1)
130
+ ✓ src/test/big-timeline.test.ts (1)
131
+ ✓ src/test/timeline.test.ts (3)
132
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
133
+ ✓ src/test/folder-tree.test.ts (3)
134
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
135
+ ✓ src/test/smooth-zoom.test.ts (2)
136
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
137
+ ✓ src/test/color-math.test.ts (1)
138
+ · src/test/format-time.test.ts (1)
139
+  ✓ src/test/extract-zod-enums.test.ts (2)
140
+ ✓ src/test/stringify-default-props.test.ts (2)
141
+ ✓ src/test/sequenced-timeline.test.ts (1)
142
+ ✓ src/test/big-timeline.test.ts (1)
143
+ ✓ src/test/timeline.test.ts (3)
144
+ ✓ src/test/create-zod-values.test.ts (31) 321ms
145
+ ✓ src/test/folder-tree.test.ts (3)
146
+ ✓ src/test/timeline-sequence-layout.test.ts (2)
147
+ ✓ src/test/smooth-zoom.test.ts (2)
148
+ ✓ src/test/validate-gui-output-filename.test.ts (2)
149
+ ✓ src/test/color-math.test.ts (1)
150
+ ✓ src/test/format-time.test.ts (1)
151
+
152
+  Test Files  12 passed (12)
153
+  Tests  51 passed (51)
154
+  Start at  10:25:20
155
+  Duration  2.91s (transform 2.68s, setup 2ms, collect 6.27s, tests 599ms, environment 1ms, prepare 3.12s)
156
+
157
+ [?25h
package/dist/components/NewComposition/RemInput.d.ts CHANGED
@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
12
12
  status: 'error' | 'warning' | 'ok';
13
13
  isFocused: boolean;
14
14
  isHovered: boolean;
15
- }) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
15
+ }) => "rgba(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)" | "hsla(0, 0%, 100%, 0.15)" | "#ff3232" | "#f1c40f";
16
16
  export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
17
17
  export {};
package/dist/helpers/colors.d.ts CHANGED
@@ -23,4 +23,4 @@ export declare const TIMELINE_TRACK_SEPARATOR = "rgba(0, 0, 0, 0.3)";
23
23
  export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
24
24
  selected: boolean;
25
25
  hovered: boolean;
26
- }) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";
26
+ }) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";
package/dist/helpers/use-el-size.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export type Size = {
2
+ width: number;
3
+ height: number;
4
+ };
5
+ export declare const useElementSize: (ref: HTMLElement | null) => Size | null;
package/dist/helpers/use-el-size.js ADDED
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useElementSize = void 0;
4
+ const react_1 = require("react");
5
+ const useElementSize = (ref) => {
6
+ const [size, setSize] = (0, react_1.useState)(null);
7
+ const observer = (0, react_1.useMemo)(() => {
8
+ if (typeof ResizeObserver === 'undefined') {
9
+ return;
10
+ }
11
+ return new ResizeObserver((entries) => {
12
+ setSize({
13
+ width: entries[0].contentRect.width,
14
+ height: entries[0].contentRect.height,
15
+ });
16
+ });
17
+ }, []);
18
+ const updateSize = (0, react_1.useCallback)(() => {
19
+ if (ref === null) {
20
+ return;
21
+ }
22
+ const rect = ref.getClientRects();
23
+ setSize({
24
+ width: rect[0].width,
25
+ height: rect[0].height,
26
+ });
27
+ }, [ref]);
28
+ (0, react_1.useEffect)(() => {
29
+ updateSize();
30
+ if (!observer) {
31
+ return;
32
+ }
33
+ if (ref) {
34
+ observer.observe(ref);
35
+ }
36
+ return () => {
37
+ if (ref) {
38
+ observer.unobserve(ref);
39
+ }
40
+ };
41
+ }, [observer, ref, updateSize]);
42
+ return size;
43
+ };
44
+ exports.useElementSize = useElementSize;
package/dist/helpers/use-menu-structure.js CHANGED
@@ -211,6 +211,20 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
211
211
  subMenu: null,
212
212
  quickSwitcherLabel: 'Help: License',
213
213
  },
214
+ {
215
+ id: 'acknowledgements',
216
+ value: 'acknowledgements',
217
+ label: 'Acknowledgements',
218
+ onClick: () => {
219
+ closeMenu();
220
+ openExternal('https://remotion.dev/acknowledgements');
221
+ },
222
+ type: 'item',
223
+ keyHint: null,
224
+ leftItem: null,
225
+ subMenu: null,
226
+ quickSwitcherLabel: 'Help: Acknowledgements',
227
+ },
214
228
  ],
215
229
  quickSwitcherLabel: null,
216
230
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/studio",
3
- "version": "4.0.123",
3
+ "version": "4.0.125",
4
4
  "description": "Remotion Editor",
5
5
  "main": "dist",
6
6
  "sideEffects": false,
@@ -18,11 +18,11 @@
18
18
  "memfs": "3.4.3",
19
19
  "source-map": "0.7.3",
20
20
  "open": "^8.4.2",
21
- "@remotion/media-utils": "4.0.123",
22
- "@remotion/studio-shared": "4.0.123",
23
- "@remotion/player": "4.0.123",
24
- "@remotion/renderer": "4.0.123",
25
- "remotion": "4.0.123"
21
+ "remotion": "4.0.125",
22
+ "@remotion/player": "4.0.125",
23
+ "@remotion/media-utils": "4.0.125",
24
+ "@remotion/studio-shared": "4.0.125",
25
+ "@remotion/renderer": "4.0.125"
26
26
  },
27
27
  "devDependencies": {
28
28
  "react": "18.2.0",
@@ -40,7 +40,7 @@
40
40
  "prettier-plugin-organize-imports": "3.2.4",
41
41
  "vitest": "0.31.1",
42
42
  "zod": "^3.22.3",
43
- "@remotion/zod-types": "4.0.123"
43
+ "@remotion/zod-types": "4.0.125"
44
44
  },
45
45
  "publishConfig": {
46
46
  "access": "public"