@remotion/studio 4.0.250 → 4.0.252

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/studio@4.0.249 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.251 make /Users/jonathanburger/remotion/packages/studio
 > tsc -d && bun --env-file=../.env.bundle bundle.ts
 

package/dist/Studio.js

@@ -25,7 +25,7 @@ const Studio = ({ rootComponent, readOnly }) => {
     (0, react_1.useLayoutEffect)(() => {
         (0, inject_css_1.injectCSS)();
     }, []);
-    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { numberOfAudioTags: window.remotion_numberOfAudioTags, children: (0, jsx_runtime_1.jsxs)(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [(0, jsx_runtime_1.jsx)(Editor_1.Editor, { readOnlyStudio: readOnly, Root: rootComponent }), readOnly
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.RemotionRoot, { logLevel: window.remotion_logLevel, numberOfAudioTags: window.remotion_numberOfAudioTags, children: (0, jsx_runtime_1.jsxs)(EditorContexts_1.EditorContexts, { readOnlyStudio: readOnly, children: [(0, jsx_runtime_1.jsx)(Editor_1.Editor, { readOnlyStudio: readOnly, Root: rootComponent }), readOnly
                     ? null
                     : (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ServerDisconnected_1.ServerDisconnected, {}), getServerDisconnectedDomElement())] }) }));
 };

package/dist/api/create-composition.d.ts

@@ -0,0 +1,4 @@
+import type { CompositionProps, StillProps } from 'remotion';
+import type { AnyZodObject } from 'zod';
+export declare const createComposition: <Schema extends AnyZodObject, Props extends Record<string, unknown>>({ ...other }: CompositionProps<Schema, Props>) => () => import("react/jsx-runtime").JSX.Element;
+export declare const createStill: <Schema extends AnyZodObject, Props extends Record<string, unknown>>({ ...other }: StillProps<Schema, Props>) => () => import("react/jsx-runtime").JSX.Element;

package/dist/api/create-composition.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStill = exports.createComposition = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const remotion_1 = require("remotion");
+const createComposition = ({ ...other }) => () => {
+    // @ts-expect-error
+    return (0, jsx_runtime_1.jsx)(remotion_1.Composition, { ...other });
+};
+exports.createComposition = createComposition;
+const createStill = ({ ...other }) => () => {
+    // @ts-expect-error
+    return (0, jsx_runtime_1.jsx)(remotion_1.Still, { ...other });
+};
+exports.createStill = createStill;

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";
+}) => "#ff3232" | "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -15,6 +15,7 @@ const explainer = {
     justifyContent: 'center',
     alignItems: 'center',
     textAlign: 'center',
+    background: colors_1.BACKGROUND,
 };
 const errorExplanation = {
     fontSize: 14,

package/dist/esm/index.mjs

@@ -3725,6 +3725,24 @@ var init_lib = __esm(() => {
   });
 });
 
+// src/api/create-composition.tsx
+import { Composition, Still } from "remotion";
+import { jsx } from "react/jsx-runtime";
+var createComposition = ({
+  ...other
+}) => () => {
+  return /* @__PURE__ */ jsx(Composition, {
+    ...other
+  });
+};
+var createStill = ({
+  ...other
+}) => () => {
+  return /* @__PURE__ */ jsx(Still, {
+    ...other
+  });
+};
+
 // src/api/delete-static-file.ts
 import { getRemotionEnvironment } from "remotion";
 
@@ -4127,6 +4145,12 @@ var writeStaticFile = async ({
     throw new Error(jsonResponse.error);
   }
 };
+
+// src/index.ts
+var StudioInternals = {
+  createComposition,
+  createStill
+};
 export {
   writeStaticFile,
   watchStaticFile,
@@ -4137,5 +4161,6 @@ export {
   reevaluateComposition,
   getStaticFiles,
   focusDefaultPropsPath,
-  deleteStaticFile
+  deleteStaticFile,
+  StudioInternals
 };

package/dist/esm/internals.mjs

@@ -10823,7 +10823,8 @@ var explainer = {
   padding: "0 12px",
   justifyContent: "center",
   alignItems: "center",
-  textAlign: "center"
+  textAlign: "center",
+  background: BACKGROUND
 };
 var errorExplanation = {
   fontSize: 14,
@@ -27542,6 +27543,7 @@ var Studio = ({ rootComponent, readOnly }) => {
     injectCSS();
   }, []);
   return /* @__PURE__ */ jsx261(Internals62.RemotionRoot, {
+    logLevel: window.remotion_logLevel,
     numberOfAudioTags: window.remotion_numberOfAudioTags,
     children: /* @__PURE__ */ jsxs134(EditorContexts, {
       readOnlyStudio: readOnly,

package/dist/helpers/checkerboard-background.d.ts

@@ -1,4 +1,4 @@
 export declare const getCheckerboardBackgroundSize: (size: number) => string;
 export declare const getCheckerboardBackgroundPos: (size: number) => string;
-export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "black" | "white";
+export declare const checkerboardBackgroundColor: (checkerboard: boolean) => "white" | "black";
 export declare const checkerboardBackgroundImage: (checkerboard: boolean) => "\n     linear-gradient(\n        45deg,\n        rgba(0, 0, 0, 0.1) 25%,\n        transparent 25%\n      ),\n      linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%),\n      linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%),\n      linear-gradient(135deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%)\n    " | undefined;

package/dist/helpers/colors.d.ts

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

package/dist/helpers/presets-labels.d.ts

@@ -1,2 +1,2 @@
 import type { X264Preset } from '@remotion/renderer';
-export declare const labelx264Preset: (profile: X264Preset) => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
+export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { DeleteStaticFileResponse, deleteStaticFile, } from './api/delete-static-file';
+export { deleteStaticFile, DeleteStaticFileResponse, } from './api/delete-static-file';
 export { focusDefaultPropsPath } from './api/focus-default-props-path';
-export { StaticFile, getStaticFiles } from './api/get-static-files';
+export { getStaticFiles, StaticFile } from './api/get-static-files';
 export { UpdateDefaultPropsFunction } from './api/helpers/calc-new-props';
 export { reevaluateComposition } from './api/reevaluate-composition';
 export { restartStudio } from './api/restart-studio';
@@ -9,3 +9,7 @@ export { updateDefaultProps } from './api/update-default-props';
 export { watchPublicFolder } from './api/watch-public-folder';
 export { watchStaticFile } from './api/watch-static-file';
 export { writeStaticFile } from './api/write-static-file';
+export declare const StudioInternals: {
+    createComposition: <Schema extends import("zod").AnyZodObject, Props extends Record<string, unknown>>({ ...other }: import("remotion").CompositionProps<Schema, Props>) => () => import("react/jsx-runtime").JSX.Element;
+    createStill: <Schema extends import("zod").AnyZodObject, Props extends Record<string, unknown>>({ ...other }: import("remotion").StillProps<Schema, Props>) => () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.updateDefaultProps = exports.saveDefaultProps = exports.restartStudio = exports.reevaluateComposition = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
+exports.StudioInternals = exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.updateDefaultProps = exports.saveDefaultProps = exports.restartStudio = exports.reevaluateComposition = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
+const create_composition_1 = require("./api/create-composition");
 var delete_static_file_1 = require("./api/delete-static-file");
 Object.defineProperty(exports, "deleteStaticFile", { enumerable: true, get: function () { return delete_static_file_1.deleteStaticFile; } });
 var focus_default_props_path_1 = require("./api/focus-default-props-path");
@@ -21,3 +22,7 @@ var watch_static_file_1 = require("./api/watch-static-file");
 Object.defineProperty(exports, "watchStaticFile", { enumerable: true, get: function () { return watch_static_file_1.watchStaticFile; } });
 var write_static_file_1 = require("./api/write-static-file");
 Object.defineProperty(exports, "writeStaticFile", { enumerable: true, get: function () { return write_static_file_1.writeStaticFile; } });
+exports.StudioInternals = {
+    createComposition: create_composition_1.createComposition,
+    createStill: create_composition_1.createStill,
+};

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.250",
+  "version": "4.0.252",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,12 +18,12 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.250",
-    "@remotion/renderer": "4.0.250",
-    "@remotion/media-utils": "4.0.250",
-    "@remotion/player": "4.0.250",
-    "@remotion/studio-shared": "4.0.250",
-    "@remotion/media-parser": "4.0.250"
+    "@remotion/player": "4.0.252",
+    "remotion": "4.0.252",
+    "@remotion/media-utils": "4.0.252",
+    "@remotion/media-parser": "4.0.252",
+    "@remotion/studio-shared": "4.0.252",
+    "@remotion/renderer": "4.0.252"
   },
   "devDependencies": {
     "react": "19.0.0",
@@ -31,8 +31,8 @@
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.250",
-    "@remotion/zod-types": "4.0.250"
+    "@remotion/zod-types": "4.0.252",
+    "@remotion/eslint-config-internal": "4.0.252"
   },
   "publishConfig": {
     "access": "public"