@remotion/studio 4.0.164 → 4.0.166

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" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)" | "hsla(0, 0%, 100%, 0.15)";

package/dist/helpers/create-folder-tree.js

@@ -100,7 +100,10 @@ const createFolderIfDoesNotExist = (items, availableFolders, folderItem, folders
         folderName: folderItem.name,
         items: [],
         key: folderItem.name,
-        expanded: (_a = foldersExpanded[(0, persist_open_folders_1.openFolderKey)(folderItem.name, folderItem.parent)]) !== null && _a !== void 0 ? _a : false,
+        expanded: (_a = foldersExpanded[(0, persist_open_folders_1.openFolderKey)({
+            folderName: folderItem.name,
+            parentName: folderItem.parent,
+        })]) !== null && _a !== void 0 ? _a : false,
         parentName: folderItem.parent,
     });
 };
@@ -108,7 +111,10 @@ const createFolderTree = (comps, folders, foldersExpanded) => {
     const items = [];
     const uniqueFolderKeys = [];
     for (const folder of folders) {
-        const folderKey = (0, persist_open_folders_1.openFolderKey)(folder.name, folder.parent);
+        const folderKey = (0, persist_open_folders_1.openFolderKey)({
+            folderName: folder.name,
+            parentName: folder.parent,
+        });
         if (uniqueFolderKeys.includes(folderKey)) {
             if (folder.parent) {
                 throw new Error(`Multiple folders with the name ${folder.name} inside the folder ${folder.parent} exist. Folder names must be unique.`);

package/dist/helpers/inject-css.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.injectCSS = void 0;
 const remotion_1 = require("remotion");
+const scroll_to_default_props_path_1 = require("../components/RenderModal/SchemaEditor/scroll-to-default-props-path");
 const makeDefaultGlobalCSS = () => {
     return `
   html {
@@ -127,6 +128,11 @@ const makeDefaultGlobalCSS = () => {
     background-color: white;
     position: relative;
   }  
+
+  .${scroll_to_default_props_path_1.DEFAULT_PROPS_PATH_ACTIVE_CLASSNAME} span {
+    color: var(--remotion-cli-internals-blue) !important;
+    transition: color 0.2s ease-in-out;
+  }
   `.trim();
 };
 let injected = false;

package/dist/helpers/persist-open-folders.d.ts

@@ -1,4 +1,7 @@
-export declare const openFolderKey: (folderName: string, parentName: string | null) => string;
+export declare const openFolderKey: ({ folderName, parentName, }: {
+    folderName: string;
+    parentName: string | null;
+}) => string;
 export type ExpandedFoldersState = Record<string, boolean>;
 type PersistanceType = 'assets' | 'compositions';
 export declare const persistExpandedFolders: (type: PersistanceType, state: ExpandedFoldersState) => void;

package/dist/helpers/persist-open-folders.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadExpandedFolders = exports.persistExpandedFolders = exports.openFolderKey = void 0;
-const openFolderKey = (folderName, parentName) => {
+const openFolderKey = ({ folderName, parentName, }) => {
     return [parentName !== null && parentName !== void 0 ? parentName : 'no-parent', folderName].join('/');
 };
 exports.openFolderKey = openFolderKey;

package/dist/hot-middleware-client/process-update.js

@@ -23,6 +23,12 @@ const applyOptions = {
         var _a;
         console.warn('Ignored an update to unaccepted module ' +
             ((_a = data.chain) !== null && _a !== void 0 ? _a : []).join(' -> '));
+        // Case:
+        // 1. Import a CSS file with a bad filename in Root.tsx
+        // 2. Fix the import and save it
+        if (!window.remotion_isStudio) {
+            (0, url_state_1.reloadUrl)();
+        }
     },
     onDeclined(data) {
         var _a;

package/dist/icons/ellipsis.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const EllipsisIcon: React.FC<{
+    svgProps: React.SVGProps<SVGSVGElement>;
+    fill: string;
+}>;

package/dist/icons/ellipsis.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EllipsisIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EllipsisIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: props.fill, d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" }) }));
+};
+exports.EllipsisIcon = EllipsisIcon;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { DeleteStaticFileResponse, deleteStaticFile, } from './api/delete-static-file';
+export { focusDefaultPropsPath } from './api/focus-default-props-path';
 export { StaticFile, getStaticFiles } from './api/get-static-files';
 export { UpdateDefaultPropsFunction } from './api/helpers/calc-new-props';
 export { restartStudio } from './api/restart-studio';

package/dist/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.updateDefaultProps = exports.saveDefaultProps = exports.restartStudio = exports.getStaticFiles = exports.deleteStaticFile = void 0;
+exports.writeStaticFile = exports.watchStaticFile = exports.watchPublicFolder = exports.updateDefaultProps = exports.saveDefaultProps = exports.restartStudio = exports.getStaticFiles = exports.focusDefaultPropsPath = exports.deleteStaticFile = void 0;
 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");
+Object.defineProperty(exports, "focusDefaultPropsPath", { enumerable: true, get: function () { return focus_default_props_path_1.focusDefaultPropsPath; } });
 var get_static_files_1 = require("./api/get-static-files");
 Object.defineProperty(exports, "getStaticFiles", { enumerable: true, get: function () { return get_static_files_1.getStaticFiles; } });
 var restart_studio_1 = require("./api/restart-studio");

package/dist/previewEntry.js

@@ -33,6 +33,6 @@ const renderToDOM = (content) => {
 renderToDOM((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {}));
 remotion_1.Internals.waitForRoot((NewRoot) => {
     renderToDOM((0, jsx_runtime_1.jsx)(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
-    (0, entry_basic_1.startErrorOverlay)();
 });
+(0, entry_basic_1.startErrorOverlay)();
 (0, client_2.enableHotMiddleware)();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/studio",
-  "version": "4.0.164",
+  "version": "4.0.166",
   "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.164",
-    "@remotion/media-utils": "4.0.164",
-    "@remotion/player": "4.0.164",
-    "@remotion/renderer": "4.0.164",
-    "@remotion/studio-shared": "4.0.164"
+    "remotion": "4.0.166",
+    "@remotion/player": "4.0.166",
+    "@remotion/media-utils": "4.0.166",
+    "@remotion/studio-shared": "4.0.166",
+    "@remotion/renderer": "4.0.166"
   },
   "devDependencies": {
     "react": "18.3.1",
@@ -39,7 +39,7 @@
     "@types/semver": "^7.3.4",
     "prettier-plugin-organize-imports": "3.2.4",
     "zod": "3.22.3",
-    "@remotion/zod-types": "4.0.164"
+    "@remotion/zod-types": "4.0.166"
   },
   "publishConfig": {
     "access": "public"