@remotion/studio-shared 4.0.516 → 4.0.517

package/dist/config-method-lifecycles.d.ts

@@ -1,4 +1,5 @@
 export declare const configMethodLifecycles: {
+    readonly addElementLibrary: "runtime";
     readonly overrideBundlerConfig: "restart";
     readonly overrideDuration: "runtime";
     readonly overrideFfmpegCommand: "runtime";

package/dist/config-method-lifecycles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configMethodLifecycles = void 0;
 exports.configMethodLifecycles = {
+    addElementLibrary: 'runtime',
     overrideBundlerConfig: 'restart',
     overrideDuration: 'runtime',
     overrideFfmpegCommand: 'runtime',

package/dist/define-plugin-definitions.d.ts

@@ -1,15 +1,13 @@
-export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }: {
+export declare const getDefinePluginDefinitions: ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }: {
     maxTimelineTracks: number | null;
     askAIEnabled: boolean;
     interactivityEnabled: boolean;
     keyboardShortcutsEnabled: boolean;
     bufferStateDelayInMilliseconds: number | null;
-    experimentalClientSideRenderingEnabled: boolean;
 }) => {
     'process.env.MAX_TIMELINE_TRACKS': number | null;
     'process.env.ASK_AI_ENABLED': boolean;
     'process.env.INTERACTIVITY_ENABLED': boolean;
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': boolean;
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': number | null;
-    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': boolean;
 };

package/dist/define-plugin-definitions.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefinePluginDefinitions = void 0;
-const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, experimentalClientSideRenderingEnabled, }) => ({
+const getDefinePluginDefinitions = ({ maxTimelineTracks, askAIEnabled, interactivityEnabled, keyboardShortcutsEnabled, bufferStateDelayInMilliseconds, }) => ({
     'process.env.MAX_TIMELINE_TRACKS': maxTimelineTracks,
     'process.env.ASK_AI_ENABLED': askAIEnabled,
     'process.env.INTERACTIVITY_ENABLED': interactivityEnabled,
     'process.env.KEYBOARD_SHORTCUTS_ENABLED': keyboardShortcutsEnabled,
     'process.env.BUFFER_STATE_DELAY_IN_MILLISECONDS': bufferStateDelayInMilliseconds,
-    'process.env.EXPERIMENTAL_CLIENT_SIDE_RENDERING_ENABLED': experimentalClientSideRenderingEnabled,
 });
 exports.getDefinePluginDefinitions = getDefinePluginDefinitions;

package/dist/element-drag-data.d.ts

@@ -4,6 +4,7 @@ export type ElementDragData = {
     type: 'remotion-element';
     version: 1;
     element: {
+        dependencies: string[];
         slug: string;
         displayName: string;
         sourceCode: string;
@@ -13,7 +14,8 @@ export type ElementDragData = {
 export declare const isLowercaseElementFileName: (value: unknown) => value is string;
 export declare const makeElementFileNameFromSlug: (slug: string) => string | null;
 export declare const getElementComponentNameFromSourceCode: (sourceCode: string) => string | null;
-export declare const makeElementDragData: ({ dimensions, displayName, slug, sourceCode, }: {
+export declare const makeElementDragData: ({ dependencies, dimensions, displayName, slug, sourceCode, }: {
+    dependencies: string[];
     slug: string;
     displayName: string;
     sourceCode: string;

package/dist/element-drag-data.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseElementDragData = exports.makeElementDragData = exports.getElementComponentNameFromSourceCode = exports.makeElementFileNameFromSlug = exports.isLowercaseElementFileName = exports.ELEMENT_DRAG_MIME_TYPE = void 0;
 const component_drag_data_1 = require("./component-drag-data");
+const package_name_1 = require("./package-name");
 const drag_mime_types_1 = require("./drag-mime-types");
 Object.defineProperty(exports, "ELEMENT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return drag_mime_types_1.ELEMENT_DRAG_MIME_TYPE; } });
 const isRecord = (value) => {
@@ -48,6 +49,11 @@ const isSourceCode = (value) => {
         value.trim().length > 0 &&
         value.length < 200000);
 };
+const isDependencies = (value) => {
+    return (Array.isArray(value) &&
+        value.length <= 100 &&
+        value.every((dependency) => typeof dependency === 'string' && (0, package_name_1.isValidPackageName)(dependency)));
+};
 const isDimensions = (value) => {
     if (!isRecord(value)) {
         return false;
@@ -69,11 +75,12 @@ const getElementComponentNameFromSourceCode = (sourceCode) => {
     return (0, component_drag_data_1.isComponentIdentifier)(componentName) ? componentName : null;
 };
 exports.getElementComponentNameFromSourceCode = getElementComponentNameFromSourceCode;
-const makeElementDragData = ({ dimensions, displayName, slug, sourceCode, }) => {
+const makeElementDragData = ({ dependencies, dimensions, displayName, slug, sourceCode, }) => {
     return {
         type: 'remotion-element',
         version: 1,
         element: {
+            dependencies: Array.from(new Set(dependencies)),
             slug,
             displayName,
             sourceCode,
@@ -94,18 +101,20 @@ const parseElementDragData = (value) => {
         if (!isRecord(parsed.element)) {
             return null;
         }
-        const { dimensions, displayName, slug, sourceCode } = parsed.element;
+        const { dependencies, dimensions, displayName, slug, sourceCode } = parsed.element;
         if (!isSlug(slug) ||
             !isDisplayName(displayName) ||
             !isSourceCode(sourceCode) ||
             (0, exports.getElementComponentNameFromSourceCode)(sourceCode) === null ||
             (0, exports.makeElementFileNameFromSlug)(slug) === null ||
+            (dependencies !== undefined && !isDependencies(dependencies)) ||
             (dimensions !== undefined &&
                 dimensions !== null &&
                 !isDimensions(dimensions))) {
             return null;
         }
         return (0, exports.makeElementDragData)({
+            dependencies: dependencies !== null && dependencies !== void 0 ? dependencies : [],
             slug,
             displayName,
             sourceCode,

package/dist/esm/index.mjs

@@ -122,6 +122,7 @@ var getConfigFileChangeMessage = (changeType) => {
 };
 // src/config-method-lifecycles.ts
 var configMethodLifecycles = {
+  addElementLibrary: "runtime",
   overrideBundlerConfig: "restart",
   overrideDuration: "runtime",
   overrideFfmpegCommand: "runtime",
@@ -2243,6 +2244,7 @@ var allPackages = [
   "brand",
   "bundler",
   "browser-studio",
+  "canvas",
   "claude-code-plugin",
   "cli",
   "cloudrun",
@@ -2270,6 +2272,7 @@ var allPackages = [
   "fonts",
   "gif",
   "google-fonts",
+  "gsap",
   "install-whisper-cpp",
   "it-tests",
   "react18-tests",
@@ -2387,11 +2390,13 @@ var descriptions = {
   lambda: "Render Remotion videos on AWS Lambda",
   bundler: "Bundle Remotion compositions using Webpack",
   "browser-studio": "Run Remotion Studio in the browser",
+  canvas: "Headless primitives for Remotion authoring interfaces",
   "studio-codemods": "Shared codemods for Remotion Studio",
   "studio-server": "Run a Remotion Studio with a server backend",
   "install-whisper-cpp": "Helpers for installing and using Whisper.cpp",
   "whisper-web": "Helpers for using Whisper.cpp in browser using WASM",
   "google-fonts": "Use Google Fonts in Remotion",
+  gsap: "Use GSAP timelines in Remotion",
   mcp: "Remotion's Model Context Protocol",
   "media-utils": "Utilities for working with media files",
   lottie: "Include Lottie animations in Remotion",
@@ -2489,6 +2494,7 @@ var installableMap = {
   brand: false,
   bundler: false,
   "browser-studio": false,
+  canvas: false,
   cli: false,
   cloudrun: true,
   "claude-code-plugin": false,
@@ -2518,6 +2524,7 @@ var installableMap = {
   fonts: true,
   gif: true,
   "google-fonts": true,
+  gsap: true,
   "install-whisper-cpp": true,
   "whisper-web": true,
   "it-tests": false,
@@ -2611,6 +2618,7 @@ var apiDocs = {
   lambda: "https://www.remotion.dev/docs/lambda",
   bundler: "https://www.remotion.dev/docs/bundler",
   "browser-studio": null,
+  canvas: null,
   "studio-codemods": null,
   "lambda-client": null,
   "serverless-client": null,
@@ -2618,6 +2626,7 @@ var apiDocs = {
   "install-whisper-cpp": "https://www.remotion.dev/docs/install-whisper-cpp",
   "whisper-web": "https://www.remotion.dev/docs/whisper-web",
   "google-fonts": "https://www.remotion.dev/docs/google-fonts",
+  gsap: "https://www.remotion.dev/docs/gsap",
   "media-utils": "https://www.remotion.dev/docs/media-utils",
   lottie: "https://www.remotion.dev/docs/lottie",
   licensing: "https://www.remotion.dev/docs/licensing",

package/dist/index.d.ts

@@ -45,7 +45,7 @@ export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from
 export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export { getStudioEntryPoints, type StudioEntryPointPaths, } from './studio-entry-points';
 export { studioHtml, type StudioHtmlOptions } from './studio-html';
-export type { ConfigFileStudioSettings, StudioRuntimeConfig, } from './studio-runtime-config';
+export type { ConfigFileStudioSettings, StudioElementLibrary, StudioRuntimeConfig, } from './studio-runtime-config';
 export { BORDER_RADIUS_LONGHAND_KEYS, BORDER_RADIUS_SHORTHAND_KEY, getStylePropertyLonghandKeys, } from './style-property-relations';
 export type { VisualControlChange } from './codemods';
 export { optimisticAddEffectKeyframe, optimisticAddSequenceKeyframe, } from './optimistic-add-keyframe';

package/dist/package-info.d.ts

@@ -1,6 +1,6 @@
-declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "skills-evals", "studio-codemods", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "remotion-media", "web-renderer", "design", "studio-protocol", "light-leaks", "mac-cursors", "maptiler", "rough-notation", "starburst", "vercel", "sfx", "effects"];
+declare const allPackages: readonly ["svg-3d-engine", "animation-utils", "animated-emoji", "astro-example", "babel-loader", "bugs", "brand", "bundler", "browser-studio", "canvas", "claude-code-plugin", "cli", "cloudrun", "codex-plugin", "kimi-code-plugin", "compositor-darwin-arm64", "compositor-darwin-x64", "compositor-linux-arm64-gnu", "compositor-linux-arm64-musl", "compositor-linux-x64-gnu", "compositor-linux-x64-musl", "compositor-win32-x64-msvc", "core", "create-video", "discord-poster", "docusaurus-plugin", "docs", "enable-scss", "eslint-config", "eslint-config-flat", "eslint-config-internal", "eslint-plugin", "example-without-zod", "example", "fonts", "gif", "google-fonts", "gsap", "install-whisper-cpp", "it-tests", "react18-tests", "lambda-go-example", "lambda-go", "lambda-php", "lambda-ruby", "lambda-python", "lambda", "lambda-client", "layout-utils", "rounded-text-box", "licensing", "lottie", "mcp", "media-utils", "motion-blur", "noise", "paths", "player-a11y", "player-example", "player", "preload", "renderer", "rive", "shapes", "skia", "promo-pages", "streaming", "serverless", "serverless-client", "skills", "skills-evals", "studio-codemods", "studio-server", "studio-shared", "studio", "tailwind", "tailwind-v4", "timeline-utils", "test-utils", "three", "transitions", "media-parser", "zod-types", "zod-types-v3", "webcodecs", "convert", "captions", "openai-whisper", "elevenlabs", "compositor", "example-videos", "whisper-web", "media", "remotion-media", "web-renderer", "design", "studio-protocol", "light-leaks", "mac-cursors", "maptiler", "rough-notation", "starburst", "vercel", "sfx", "effects"];
 export type Pkgs = (typeof allPackages)[number];
-export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "compositor-darwin-arm64" | "compositor-darwin-x64" | "compositor-linux-arm64-gnu" | "compositor-linux-arm64-musl" | "compositor-linux-x64-gnu" | "compositor-linux-x64-musl" | "compositor-win32-x64-msvc" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mac-cursors" | "maptiler" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-codemods" | "studio-protocol" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
+export declare const packages: ("animated-emoji" | "animation-utils" | "astro-example" | "babel-loader" | "brand" | "browser-studio" | "bugs" | "bundler" | "canvas" | "captions" | "claude-code-plugin" | "cli" | "cloudrun" | "codex-plugin" | "compositor" | "compositor-darwin-arm64" | "compositor-darwin-x64" | "compositor-linux-arm64-gnu" | "compositor-linux-arm64-musl" | "compositor-linux-x64-gnu" | "compositor-linux-x64-musl" | "compositor-win32-x64-msvc" | "convert" | "core" | "create-video" | "design" | "discord-poster" | "docs" | "docusaurus-plugin" | "effects" | "elevenlabs" | "enable-scss" | "eslint-config" | "eslint-config-flat" | "eslint-config-internal" | "eslint-plugin" | "example" | "example-videos" | "example-without-zod" | "fonts" | "gif" | "google-fonts" | "gsap" | "install-whisper-cpp" | "it-tests" | "kimi-code-plugin" | "lambda" | "lambda-client" | "lambda-go" | "lambda-go-example" | "lambda-php" | "lambda-python" | "lambda-ruby" | "layout-utils" | "licensing" | "light-leaks" | "lottie" | "mac-cursors" | "maptiler" | "mcp" | "media" | "media-parser" | "media-utils" | "motion-blur" | "noise" | "openai-whisper" | "paths" | "player" | "player-a11y" | "player-example" | "preload" | "promo-pages" | "react18-tests" | "remotion-media" | "renderer" | "rive" | "rough-notation" | "rounded-text-box" | "serverless" | "serverless-client" | "sfx" | "shapes" | "skia" | "skills" | "skills-evals" | "starburst" | "streaming" | "studio" | "studio-codemods" | "studio-protocol" | "studio-server" | "studio-shared" | "svg-3d-engine" | "tailwind" | "tailwind-v4" | "test-utils" | "three" | "timeline-utils" | "transitions" | "vercel" | "web-renderer" | "webcodecs" | "whisper-web" | "zod-types" | "zod-types-v3")[];
 export type ExtraPackage = {
     name: string;
     version: string;

package/dist/package-info.js

@@ -13,6 +13,7 @@ const allPackages = [
     'brand',
     'bundler',
     'browser-studio',
+    'canvas',
     'claude-code-plugin',
     'cli',
     'cloudrun',
@@ -40,6 +41,7 @@ const allPackages = [
     'fonts',
     'gif',
     'google-fonts',
+    'gsap',
     'install-whisper-cpp',
     'it-tests',
     'react18-tests',
@@ -157,11 +159,13 @@ exports.descriptions = {
     lambda: 'Render Remotion videos on AWS Lambda',
     bundler: 'Bundle Remotion compositions using Webpack',
     'browser-studio': 'Run Remotion Studio in the browser',
+    canvas: 'Headless primitives for Remotion authoring interfaces',
     'studio-codemods': 'Shared codemods for Remotion Studio',
     'studio-server': 'Run a Remotion Studio with a server backend',
     'install-whisper-cpp': 'Helpers for installing and using Whisper.cpp',
     'whisper-web': 'Helpers for using Whisper.cpp in browser using WASM',
     'google-fonts': 'Use Google Fonts in Remotion',
+    gsap: 'Use GSAP timelines in Remotion',
     mcp: "Remotion's Model Context Protocol",
     'media-utils': 'Utilities for working with media files',
     lottie: 'Include Lottie animations in Remotion',
@@ -259,6 +263,7 @@ exports.installableMap = {
     brand: false,
     bundler: false,
     'browser-studio': false,
+    canvas: false,
     cli: false,
     cloudrun: true,
     'claude-code-plugin': false,
@@ -288,6 +293,7 @@ exports.installableMap = {
     fonts: true,
     gif: true,
     'google-fonts': true,
+    gsap: true,
     'install-whisper-cpp': true,
     'whisper-web': true,
     'it-tests': false,
@@ -381,6 +387,7 @@ exports.apiDocs = {
     lambda: 'https://www.remotion.dev/docs/lambda',
     bundler: 'https://www.remotion.dev/docs/bundler',
     'browser-studio': null,
+    canvas: null,
     'studio-codemods': null,
     'lambda-client': null,
     'serverless-client': null,
@@ -388,6 +395,7 @@ exports.apiDocs = {
     'install-whisper-cpp': 'https://www.remotion.dev/docs/install-whisper-cpp',
     'whisper-web': 'https://www.remotion.dev/docs/whisper-web',
     'google-fonts': 'https://www.remotion.dev/docs/google-fonts',
+    gsap: 'https://www.remotion.dev/docs/gsap',
     'media-utils': 'https://www.remotion.dev/docs/media-utils',
     lottie: 'https://www.remotion.dev/docs/lottie',
     licensing: 'https://www.remotion.dev/docs/licensing',

package/dist/studio-runtime-config.d.ts

@@ -11,9 +11,14 @@ export type ConfigFileStudioSettings = {
     readonly numberOfSharedAudioTags: number | null;
     readonly rspack: boolean | null;
 };
+export type StudioElementLibrary = {
+    readonly displayName: string | null;
+    readonly url: string;
+};
 export type StudioRuntimeConfig = {
     readonly maxTimelineTracks: number | null;
     readonly askAIEnabled: boolean;
+    readonly elementLibraries?: readonly StudioElementLibrary[];
     readonly interactivityEnabled: boolean;
     readonly keyboardShortcutsEnabled: boolean;
     readonly bufferStateDelayInMilliseconds: number | null;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.516",
+	"version": "4.0.517",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"module": "dist/esm/index.mjs",
@@ -21,12 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.516",
-		"remotion": "4.0.516"
+		"@remotion/studio-protocol": "4.0.517",
+		"remotion": "4.0.517"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.516",
-		"@remotion/eslint-config-internal": "4.0.516",
+		"@remotion/renderer": "4.0.517",
+		"@remotion/eslint-config-internal": "4.0.517",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/optimistic-update-for-code-values.d.ts

@@ -1,7 +0,0 @@
-import { type CanUpdateSequencePropsResponse, type SequenceSchema } from 'remotion';
-export declare const optimisticUpdateForCodeValues: ({ previous, fieldKey, value, schema, }: {
-    previous: CanUpdateSequencePropsResponse;
-    fieldKey: string;
-    value: unknown;
-    schema: SequenceSchema;
-}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-update-for-code-values.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.optimisticUpdateForCodeValues = void 0;
-const no_react_1 = require("remotion/no-react");
-const optimisticUpdateForCodeValues = ({ previous, fieldKey, value, schema, }) => {
-    var _a;
-    if (!previous.canUpdate) {
-        return previous;
-    }
-    const props = {
-        ...previous.props,
-        [fieldKey]: { status: 'static', codeValue: value },
-    };
-    if (((_a = schema[fieldKey]) === null || _a === void 0 ? void 0 : _a.type) === 'enum') {
-        const propsToDelete = no_react_1.NoReactInternals.findPropsToDelete({
-            schema,
-            key: fieldKey,
-            value,
-        });
-        for (const propToDelete of propsToDelete) {
-            delete props[propToDelete];
-        }
-    }
-    return {
-        canUpdate: true,
-        props,
-        effects: previous.effects,
-    };
-};
-exports.optimisticUpdateForCodeValues = optimisticUpdateForCodeValues;

package/dist/optimistic-update-for-effect-code-values.d.ts

@@ -1,8 +0,0 @@
-import { type CanUpdateSequencePropsResponse, type SequenceSchema } from 'remotion';
-export declare const optimisticUpdateForEffectCodeValues: ({ previous, effectIndex, fieldKey, value, schema, }: {
-    previous: CanUpdateSequencePropsResponse;
-    effectIndex: number;
-    fieldKey: string;
-    value: unknown;
-    schema: SequenceSchema;
-}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-update-for-effect-code-values.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.optimisticUpdateForEffectCodeValues = void 0;
-const no_react_1 = require("remotion/no-react");
-const optimisticUpdateForEffectCodeValues = ({ previous, effectIndex, fieldKey, value, schema, }) => {
-    var _a;
-    if (!previous.canUpdate) {
-        return previous;
-    }
-    const targetIndex = previous.effects.findIndex((e) => e.effectIndex === effectIndex);
-    if (targetIndex === -1) {
-        return previous;
-    }
-    const target = previous.effects[targetIndex];
-    if (!target.canUpdate) {
-        return previous;
-    }
-    const props = {
-        ...target.props,
-        [fieldKey]: { status: 'static', codeValue: value },
-    };
-    if (((_a = schema[fieldKey]) === null || _a === void 0 ? void 0 : _a.type) === 'enum') {
-        const propsToDelete = no_react_1.NoReactInternals.findPropsToDelete({
-            schema,
-            key: fieldKey,
-            value,
-        });
-        for (const propToDelete of propsToDelete) {
-            delete props[propToDelete];
-        }
-    }
-    const updatedEffect = {
-        ...target,
-        props,
-    };
-    const effects = [...previous.effects];
-    effects[targetIndex] = updatedEffect;
-    return {
-        ...previous,
-        effects,
-    };
-};
-exports.optimisticUpdateForEffectCodeValues = optimisticUpdateForEffectCodeValues;

package/dist/shape-drag-data.d.ts

@@ -1,22 +0,0 @@
-export declare const SHAPE_DRAG_MIME_TYPE = "application/vnd.remotion.shape+json";
-export declare const shapeNames: readonly ["Arrow", "Circle", "Ellipse", "Heart", "Pie", "Polygon", "Rect", "Star", "Triangle"];
-export type ShapeName = (typeof shapeNames)[number];
-export type ShapeAttribute = {
-    name: string;
-    value: string | number | boolean;
-};
-export type ShapeDragData = {
-    type: 'remotion-shape';
-    version: 1;
-    shape: ShapeName;
-    attributes: ShapeAttribute[];
-};
-export declare const isShapeName: (value: unknown) => value is "Arrow" | "Circle" | "Ellipse" | "Heart" | "Pie" | "Polygon" | "Rect" | "Star" | "Triangle";
-export declare const isShapeAttributeName: (value: unknown) => value is string;
-export declare const isShapeAttribute: (value: unknown) => value is ShapeAttribute;
-export declare const areShapeAttributes: (value: unknown) => value is ShapeAttribute[];
-export declare const makeShapeDragData: ({ attributes, shape, }: {
-    attributes: ShapeAttribute[];
-    shape: "Arrow" | "Circle" | "Ellipse" | "Heart" | "Pie" | "Polygon" | "Rect" | "Star" | "Triangle";
-}) => ShapeDragData;
-export declare const parseShapeDragData: (value: string) => ShapeDragData | null;

package/dist/shape-drag-data.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseShapeDragData = exports.makeShapeDragData = exports.areShapeAttributes = exports.isShapeAttribute = exports.isShapeAttributeName = exports.isShapeName = exports.shapeNames = exports.SHAPE_DRAG_MIME_TYPE = void 0;
-exports.SHAPE_DRAG_MIME_TYPE = 'application/vnd.remotion.shape+json';
-exports.shapeNames = [
-    'Arrow',
-    'Circle',
-    'Ellipse',
-    'Heart',
-    'Pie',
-    'Polygon',
-    'Rect',
-    'Star',
-    'Triangle',
-];
-const isRecord = (value) => {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-};
-const isShapeName = (value) => {
-    return typeof value === 'string' && exports.shapeNames.includes(value);
-};
-exports.isShapeName = isShapeName;
-const isShapeAttributeName = (value) => {
-    return (typeof value === 'string' &&
-        value !== 'style' &&
-        /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(value));
-};
-exports.isShapeAttributeName = isShapeAttributeName;
-const isShapeAttribute = (value) => {
-    if (!isRecord(value)) {
-        return false;
-    }
-    if (!(0, exports.isShapeAttributeName)(value.name)) {
-        return false;
-    }
-    return (typeof value.value === 'string' ||
-        typeof value.value === 'boolean' ||
-        (typeof value.value === 'number' && Number.isFinite(value.value)));
-};
-exports.isShapeAttribute = isShapeAttribute;
-const areShapeAttributes = (value) => {
-    if (!Array.isArray(value)) {
-        return false;
-    }
-    const seen = new Set();
-    for (const attribute of value) {
-        if (!(0, exports.isShapeAttribute)(attribute) || seen.has(attribute.name)) {
-            return false;
-        }
-        seen.add(attribute.name);
-    }
-    return true;
-};
-exports.areShapeAttributes = areShapeAttributes;
-const makeShapeDragData = ({ attributes, shape, }) => {
-    return {
-        type: 'remotion-shape',
-        version: 1,
-        shape,
-        attributes,
-    };
-};
-exports.makeShapeDragData = makeShapeDragData;
-const parseShapeDragData = (value) => {
-    try {
-        const parsed = JSON.parse(value);
-        if (!isRecord(parsed)) {
-            return null;
-        }
-        if (parsed.type !== 'remotion-shape' || parsed.version !== 1) {
-            return null;
-        }
-        if (!(0, exports.isShapeName)(parsed.shape)) {
-            return null;
-        }
-        if (!(0, exports.areShapeAttributes)(parsed.attributes)) {
-            return null;
-        }
-        return {
-            type: 'remotion-shape',
-            version: 1,
-            shape: parsed.shape,
-            attributes: parsed.attributes,
-        };
-    }
-    catch (_a) {
-        return null;
-    }
-};
-exports.parseShapeDragData = parseShapeDragData;