@remotion/studio 4.0.177 → 4.0.179

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 
-> @remotion/studio@4.0.176 build /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.178 build /Users/jonathanburger/remotion/packages/studio
 > bun --env-file=../.env.bundle bundle.ts
 

package/README.md

@@ -1,3 +1,18 @@
-# `@remotion/studio`
-
-Right now the APIs in here are not meant for public consumption.
+# @remotion/studio
+ 
+APIs for interacting with the Remotion Studio
+ 
+[![NPM Downloads](https://img.shields.io/npm/dm/@remotion/studio.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/@remotion/studio?minimal=true)
+ 
+## Installation
+ 
+```bash
+npm install @remotion/studio --save-exact
+```
+ 
+When installing a Remotion package, make sure to align the version of all `remotion` and `@remotion/*` packages to the same version.
+Remove the `^` character from the version number to use the exact version.
+ 
+## Usage
+ 
+This is an internal package and has no documentation.

package/dist/components/CanvasOrLoading.js

@@ -9,6 +9,7 @@ const colors_1 = require("../helpers/colors");
 const timeline_zoom_1 = require("../state/timeline-zoom");
 const Canvas_1 = require("./Canvas");
 const FramePersistor_1 = require("./FramePersistor");
+const is_menu_item_1 = require("./Menu/is-menu-item");
 const RefreshCompositionOverlay_1 = require("./RefreshCompositionOverlay");
 const RunningCalculateMetadata_1 = require("./RunningCalculateMetadata");
 const imperative_state_1 = require("./Timeline/imperative-state");
@@ -70,5 +71,5 @@ const loaderContainer = {
     overflowY: 'auto',
 };
 const ErrorLoading = ({ error }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { style: loaderContainer, children: (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { canHaveDismissButton: false, keyboardShortcuts: false, error: error, onRetry: () => { var _a; return (_a = remotion_1.Internals.resolveCompositionsRef.current) === null || _a === void 0 ? void 0 : _a.reloadCurrentlySelectedComposition(); }, calculateMetadata: true }, error.stack) }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: loaderContainer, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: (0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { canHaveDismissButton: false, keyboardShortcuts: false, error: error, onRetry: () => { var _a; return (_a = remotion_1.Internals.resolveCompositionsRef.current) === null || _a === void 0 ? void 0 : _a.reloadCurrentlySelectedComposition(); }, calculateMetadata: true }, error.stack) }));
 };

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(255, 255, 255, 0.05)" | "rgba(0, 0, 0, 0.6)";
 export declare const RemotionInput: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/components/utils.d.ts

@@ -0,0 +1 @@
+export declare const handleUploadFile: (file: File, assetPath: string) => Promise<void>;

package/dist/components/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleUploadFile = void 0;
+const NotificationCenter_1 = require("./Notifications/NotificationCenter");
+const handleUploadFile = async (file, assetPath) => {
+    if (!file) {
+        (0, NotificationCenter_1.showNotification)('Please select a file first!', 3000);
+        return;
+    }
+    try {
+        const url = new URL('/api/add-asset', window.location.origin);
+        url.search = new URLSearchParams({
+            folder: assetPath,
+            file: file.name,
+        }).toString();
+        const response = await fetch(url, {
+            method: 'POST',
+            body: file,
+        });
+        if (response.ok) {
+            (0, NotificationCenter_1.showNotification)(`Added ${file.name} to ${assetPath}`, 3000);
+        }
+        else {
+            const jsonResponse = await response.json();
+            (0, NotificationCenter_1.showNotification)(`Upload failed: ${jsonResponse.error}`, 3000);
+        }
+    }
+    catch (error) {
+        (0, NotificationCenter_1.showNotification)(`Error during upload: ${error}`, 3000);
+    }
+};
+exports.handleUploadFile = handleUploadFile;

package/dist/esm/internals.mjs

@@ -9934,6 +9934,7 @@ var loaderContainer = {
 var ErrorLoading = ({ error }) => {
   return jsx86("div", {
     style: loaderContainer,
+    className: VERTICAL_SCROLLBAR_CLASSNAME,
     children: jsx86(ErrorLoader, {
       canHaveDismissButton: false,
       keyboardShortcuts: false,

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

@@ -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;
-}) => "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/package.json

@@ -1,15 +1,15 @@
 {
+  "repository": {
+    "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
+  },
   "name": "@remotion/studio",
-  "version": "4.0.177",
-  "description": "Remotion Editor",
+  "version": "4.0.179",
+  "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
   "author": "Jonny Burger <jonny@remotion.dev>",
   "contributors": [],
   "license": "MIT",
-  "repository": {
-    "url": "https://github.com/remotion-dev/remotion"
-  },
   "bugs": {
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
@@ -18,28 +18,18 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.177",
-    "@remotion/player": "4.0.177",
-    "@remotion/media-utils": "4.0.177",
-    "@remotion/renderer": "4.0.177",
-    "@remotion/studio-shared": "4.0.177"
+    "remotion": "4.0.179",
+    "@remotion/renderer": "4.0.179",
+    "@remotion/player": "4.0.179",
+    "@remotion/media-utils": "4.0.179",
+    "@remotion/studio-shared": "4.0.179"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@jonny/eslint-config": "3.0.281",
-    "@types/node": "18.14.6",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
-    "eslint": "8.56.0",
-    "eslint-plugin-10x": "1.5.2",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.4.0",
-    "prettier": "3.2.5",
     "@types/semver": "^7.3.4",
-    "prettier-plugin-organize-imports": "3.2.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.177"
+    "@remotion/zod-types": "4.0.179"
   },
   "publishConfig": {
     "access": "public"