@remotion/studio 4.0.462 → 4.0.463

package/dist/esm/renderEntry.mjs

@@ -1,7 +1,6 @@
 import {
-  __require,
-  __toESM
-} from "./chunk-6jf1natv.js";
+  __require
+} from "./chunk-5gtx3pza.js";
 
 // src/renderEntry.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -207,7 +206,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-yvg1f56k.js").then(({ StudioInternals }) => {
+    import("./chunk-b0m62frw.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/persist-boolean-map.d.ts

@@ -0,0 +1,5 @@
+export type BooleanMap = Record<string, boolean>;
+export declare const onlyExpandedBooleanMapValues: (state: BooleanMap) => BooleanMap;
+export declare const toggleBooleanMapKey: (state: BooleanMap, key: string) => BooleanMap;
+export declare const loadPersistedBooleanMap: (sessionStorageKey: string) => BooleanMap;
+export declare const persistBooleanMap: (sessionStorageKey: string, state: BooleanMap) => void;

package/dist/helpers/persist-boolean-map.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.persistBooleanMap = exports.loadPersistedBooleanMap = exports.toggleBooleanMapKey = exports.onlyExpandedBooleanMapValues = void 0;
+const onlyExpandedBooleanMapValues = (state) => {
+    const result = {};
+    for (const [key, value] of Object.entries(state)) {
+        if (value) {
+            result[key] = true;
+        }
+    }
+    return result;
+};
+exports.onlyExpandedBooleanMapValues = onlyExpandedBooleanMapValues;
+const toggleBooleanMapKey = (state, key) => {
+    const next = { ...state };
+    if (next[key]) {
+        delete next[key];
+    }
+    else {
+        next[key] = true;
+    }
+    return next;
+};
+exports.toggleBooleanMapKey = toggleBooleanMapKey;
+const loadPersistedBooleanMap = (sessionStorageKey) => {
+    if (typeof window === 'undefined') {
+        return {};
+    }
+    try {
+        const raw = window.sessionStorage.getItem(sessionStorageKey);
+        if (raw === null) {
+            return {};
+        }
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object') {
+            return {};
+        }
+        return (0, exports.onlyExpandedBooleanMapValues)(parsed);
+    }
+    catch (_a) {
+        return {};
+    }
+};
+exports.loadPersistedBooleanMap = loadPersistedBooleanMap;
+const persistBooleanMap = (sessionStorageKey, state) => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    try {
+        window.sessionStorage.setItem(sessionStorageKey, JSON.stringify((0, exports.onlyExpandedBooleanMapValues)(state)));
+    }
+    catch (_a) {
+        // Ignore quota errors or disabled storage.
+    }
+};
+exports.persistBooleanMap = persistBooleanMap;

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

@@ -1,11 +1,12 @@
+import { type BooleanMap } from './persist-boolean-map';
 export declare const openFolderKey: ({ folderName, parentName, }: {
     folderName: string;
     parentName: string | null;
 }) => string;
-export type ExpandedFoldersState = Record<string, boolean>;
+export type ExpandedFoldersState = BooleanMap;
 type PersistanceType = 'assets' | 'compositions';
-export declare const persistExpandedFolders: (type: PersistanceType, state: ExpandedFoldersState) => void;
-export declare const loadExpandedFolders: (type: PersistanceType) => ExpandedFoldersState;
+export declare const persistExpandedFolders: (type: PersistanceType, state: BooleanMap) => void;
+export declare const loadExpandedFolders: (type: PersistanceType) => BooleanMap;
 export type ExpandedFoldersRef = {
     toggleFolder: (folderName: string, parentName: string | null) => void;
     foldersExpanded: ExpandedFoldersState;

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

@@ -2,23 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandedFoldersContext = exports.loadExpandedFolders = exports.persistExpandedFolders = exports.openFolderKey = void 0;
 const react_1 = require("react");
+const persist_boolean_map_1 = require("./persist-boolean-map");
 const openFolderKey = ({ folderName, parentName, }) => {
     return [parentName !== null && parentName !== void 0 ? parentName : 'no-parent', folderName].join('/');
 };
 exports.openFolderKey = openFolderKey;
-const localStorageKey = (type) => type === 'compositions'
+const sessionStorageKey = (type) => type === 'compositions'
     ? 'remotion.expandedFolders'
     : 'remotion.expandedAssetFolders';
 const persistExpandedFolders = (type, state) => {
-    window.localStorage.setItem(localStorageKey(type), JSON.stringify(state));
+    (0, persist_boolean_map_1.persistBooleanMap)(sessionStorageKey(type), state);
 };
 exports.persistExpandedFolders = persistExpandedFolders;
 const loadExpandedFolders = (type) => {
-    const item = window.localStorage.getItem(localStorageKey(type));
-    if (item === null) {
-        return {};
-    }
-    return JSON.parse(item);
+    return (0, persist_boolean_map_1.loadPersistedBooleanMap)(sessionStorageKey(type));
 };
 exports.loadExpandedFolders = loadExpandedFolders;
 exports.ExpandedFoldersContext = (0, react_1.createContext)({

package/dist/helpers/timeline-layout.d.ts

@@ -1,5 +1,5 @@
 import { type AnySchemaFieldInfo, type CodeValues, type DragOverrides, type EffectSchemaFieldInfo, type SchemaFieldInfo, type SequenceControls, type SequenceSchemaFieldInfo } from '@remotion/studio-shared';
-import type { GetDragOverrides, TSequence } from 'remotion';
+import type { GetDragOverrides, SequenceSchema as SequenceSchemaShape, TSequence } from 'remotion';
 import type { GetIsExpanded } from '../components/ExpandedTracksProvider';
 import type { SequenceNodePathInfo } from './get-timeline-sequence-sort-key';
 export type { AnySchemaFieldInfo, CodeValues, DragOverrides, EffectSchemaFieldInfo, SchemaFieldInfo, SequenceControls, SequenceSchemaFieldInfo, };
@@ -13,11 +13,16 @@ export declare const EXPANDED_SECTION_PADDING_LEFT = 28;
 export declare const EXPANDED_SECTION_PADDING_RIGHT = 10;
 export type TimelineFieldOnSave = (value: unknown) => Promise<void>;
 export type TimelineFieldOnDragValueChange = (value: unknown) => void;
+export type TimelineEffectGroupInfo = {
+    readonly effectIndex: number;
+    readonly effectSchema: SequenceSchemaShape;
+};
 export type TimelineTreeNode = {
     readonly kind: 'group';
     readonly nodePathInfo: SequenceNodePathInfo;
     readonly label: string;
     readonly children: TimelineTreeNode[];
+    readonly effectInfo: TimelineEffectGroupInfo | null;
 } | {
     readonly kind: 'field';
     readonly nodePathInfo: SequenceNodePathInfo;

package/dist/helpers/timeline-layout.js

@@ -27,6 +27,7 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, codeValue
                 numberOfSequencesWithThisNodePath: 0,
             },
             label: 'Effects',
+            effectInfo: null,
             children: sequence.effects.map((effect, i) => {
                 const effectFields = (0, studio_shared_1.getEffectFieldsToShow)(effect, i);
                 return {
@@ -38,6 +39,7 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, codeValue
                         numberOfSequencesWithThisNodePath: 0,
                     },
                     label: effect.label,
+                    effectInfo: { effectIndex: i, effectSchema: effect.schema },
                     children: effectFields.map((f) => {
                         var _a;
                         return ({

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.462",
+	"version": "4.0.463",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,14 +25,14 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.462",
-		"@remotion/player": "4.0.462",
-		"@remotion/media-utils": "4.0.462",
-		"@remotion/renderer": "4.0.462",
-		"@remotion/web-renderer": "4.0.462",
-		"@remotion/studio-shared": "4.0.462",
-		"@remotion/timeline-utils": "4.0.462",
-		"@remotion/zod-types": "4.0.462",
+		"remotion": "4.0.463",
+		"@remotion/player": "4.0.463",
+		"@remotion/media-utils": "4.0.463",
+		"@remotion/renderer": "4.0.463",
+		"@remotion/web-renderer": "4.0.463",
+		"@remotion/studio-shared": "4.0.463",
+		"@remotion/timeline-utils": "4.0.463",
+		"@remotion/zod-types": "4.0.463",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.45.0",
 		"memfs": "3.4.3",
@@ -43,7 +43,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.462",
+		"@remotion/eslint-config-internal": "4.0.463",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/esm/chunk-6jf1natv.js

@@ -1,25 +0,0 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-export { __toESM, __require };