@remotion/studio-shared 4.0.491 → 4.0.492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/api-requests.d.ts +2 -0
  2. package/dist/effect-catalog.js +11 -0
  3. package/dist/get-all-keys.d.ts +1 -0
  4. package/dist/get-all-keys.js +7 -1
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.js +3 -2
  7. package/dist/keyframe-interpolation-function.js +2 -1
  8. package/dist/schema-field-info.d.ts +5 -2
  9. package/dist/schema-field-info.js +5 -0
  10. package/dist/studio-html.d.ts +2 -1
  11. package/dist/studio-html.js +2 -1
  12. package/package.json +4 -4
package/dist/api-requests.d.ts CHANGED
@@ -204,6 +204,7 @@ export type SubscribeToSequencePropsRequest = {
204
204
  nodePath: SequenceNodePath | null;
205
205
  componentIdentity: JsxComponentIdentity | null;
206
206
  keys: string[];
207
+ assetKeys: string[];
207
208
  effects: string[][];
208
209
  clientId: string;
209
210
  videoConfigValues: VideoConfigValues;
@@ -221,6 +222,7 @@ export type UnsubscribeFromSequencePropsRequest = {
221
222
  nodePath: SequencePropsSubscriptionKey;
222
223
  clientId: string;
223
224
  sequenceKeys: string[];
225
+ assetKeys: string[];
224
226
  effectKeys: string[][];
225
227
  };
226
228
  export type GoogleFontSourceEdit = {
package/dist/effect-catalog.js CHANGED
@@ -663,6 +663,17 @@ exports.EFFECT_CATALOG = [
663
663
  config: {},
664
664
  },
665
665
  },
666
+ {
667
+ id: 'effects-flannel',
668
+ category: 'Generate',
669
+ label: 'flannel()',
670
+ description: 'Plaid woven fabric pattern',
671
+ effect: {
672
+ name: 'flannel',
673
+ importPath: '@remotion/effects/flannel',
674
+ config: {},
675
+ },
676
+ },
666
677
  {
667
678
  id: 'effects-halftone-linear-gradient',
668
679
  category: 'Generate',
package/dist/get-all-keys.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import type { InteractivitySchema } from 'remotion';
2
2
  export declare const getAllSchemaKeys: (schema: InteractivitySchema) => string[];
3
+ export declare const getAssetSchemaKeys: (schema: InteractivitySchema) => string[];
package/dist/get-all-keys.js CHANGED
@@ -1,8 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getAllSchemaKeys = void 0;
3
+ exports.getAssetSchemaKeys = exports.getAllSchemaKeys = void 0;
4
4
  const remotion_1 = require("remotion");
5
5
  const getAllSchemaKeys = (schema) => {
6
6
  return Object.keys(remotion_1.Internals.getFlatSchemaWithAllKeys(schema));
7
7
  };
8
8
  exports.getAllSchemaKeys = getAllSchemaKeys;
9
+ const getAssetSchemaKeys = (schema) => {
10
+ return Object.entries(remotion_1.Internals.getFlatSchemaWithAllKeys(schema))
11
+ .filter(([, field]) => (field === null || field === void 0 ? void 0 : field.type) === 'asset')
12
+ .map(([key]) => key);
13
+ };
14
+ exports.getAssetSchemaKeys = getAssetSchemaKeys;
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ export { EFFECT_DRAG_MIME_TYPE, parseEffectDragData, type EffectDragData, } from
15
15
  export { ELEMENT_DRAG_MIME_TYPE, getElementComponentNameFromSourceCode, isLowercaseElementFileName, makeElementDragData, makeElementFileNameFromSlug, parseElementDragData, type ElementDragData, } from './element-drag-data';
16
16
  export { EventSourceEvent } from './event-source-event';
17
17
  export { formatBytes } from './format-bytes';
18
- export { getAllSchemaKeys } from './get-all-keys';
18
+ export { getAllSchemaKeys, getAssetSchemaKeys } from './get-all-keys';
19
19
  export { getDefaultOutLocation } from './get-default-out-name';
20
20
  export { ErrorLocation, getLocationFromBuildError, } from './get-location-from-build-error';
21
21
  export { getProjectName } from './get-project-name';
package/dist/index.js CHANGED
@@ -14,8 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.KEYFRAME_EASING_PRESETS = exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAllSchemaKeys = exports.formatBytes = exports.parseElementDragData = exports.makeElementFileNameFromSlug = exports.makeElementDragData = exports.isLowercaseElementFileName = exports.getElementComponentNameFromSourceCode = exports.ELEMENT_DRAG_MIME_TYPE = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.makeEffectDragDataFromCatalogItem = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isRemotionDragMimeType = exports.REMOTION_DRAG_MIME_TYPES = exports.isImageFileType = exports.detectFileType = exports.getDefinePluginDefinitions = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseCompositionDragData = exports.makeCompositionDragData = exports.COMPOSITION_DRAG_MIME_TYPE = exports.parseComponentDragData = exports.makeComponentDragData = exports.isComponentImportPath = exports.isComponentIdentifier = exports.areComponentProps = exports.COMPONENT_DRAG_MIME_TYPE = exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = exports.stripAnsi = exports.splitAnsi = void 0;
18
- exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = void 0;
17
+ exports.EASE_KEYFRAME_EASING = exports.CUBIC_KEYFRAME_EASING = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAssetSchemaKeys = exports.getAllSchemaKeys = exports.formatBytes = exports.parseElementDragData = exports.makeElementFileNameFromSlug = exports.makeElementDragData = exports.isLowercaseElementFileName = exports.getElementComponentNameFromSourceCode = exports.ELEMENT_DRAG_MIME_TYPE = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.makeEffectDragDataFromCatalogItem = exports.getEffectPreviewSource = exports.getEffectPreviewAlt = exports.getEffectDocumentationPath = exports.getEffectDocumentationLink = exports.getEffectCatalogCategories = exports.EFFECT_CATALOG = exports.parseEasingClipboardDataResult = exports.parseEasingClipboardData = exports.isRemotionDragMimeType = exports.REMOTION_DRAG_MIME_TYPES = exports.isImageFileType = exports.detectFileType = exports.getDefinePluginDefinitions = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseCompositionDragData = exports.makeCompositionDragData = exports.COMPOSITION_DRAG_MIME_TYPE = exports.parseComponentDragData = exports.makeComponentDragData = exports.isComponentImportPath = exports.isComponentIdentifier = exports.areComponentProps = exports.COMPONENT_DRAG_MIME_TYPE = exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = exports.stripAnsi = exports.splitAnsi = void 0;
18
+ exports.isUrl = exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForPropStatuses = exports.optimisticUpdateForEffectPropStatuses = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.moveKeyframesInPropStatus = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.studioHtml = exports.getStudioEntryPoints = exports.stringifyDefaultProps = exports.parseSfxDragData = exports.SFX_DRAG_MIME_TYPE = exports.getSchemaFieldGroup = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_GROUPS = exports.isValidPackageName = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.parseSpringEasingConfig = exports.DEFAULT_SPRING_EASING = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.isInteractivitySchemaFieldKeyframable = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.getPolyKeyframeEasing = exports.getOutKeyframeEasing = exports.getBackKeyframeEasing = exports.QUAD_KEYFRAME_EASING = exports.LINEAR_KEYFRAME_EASING = exports.KEYFRAME_EASING_PRESETS = void 0;
19
19
  const ansi_1 = require("./ansi");
20
20
  Object.defineProperty(exports, "splitAnsi", { enumerable: true, get: function () { return ansi_1.splitAnsi; } });
21
21
  Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return ansi_1.stripAnsi; } });
@@ -75,6 +75,7 @@ const format_bytes_1 = require("./format-bytes");
75
75
  Object.defineProperty(exports, "formatBytes", { enumerable: true, get: function () { return format_bytes_1.formatBytes; } });
76
76
  const get_all_keys_1 = require("./get-all-keys");
77
77
  Object.defineProperty(exports, "getAllSchemaKeys", { enumerable: true, get: function () { return get_all_keys_1.getAllSchemaKeys; } });
78
+ Object.defineProperty(exports, "getAssetSchemaKeys", { enumerable: true, get: function () { return get_all_keys_1.getAssetSchemaKeys; } });
78
79
  const get_default_out_name_1 = require("./get-default-out-name");
79
80
  Object.defineProperty(exports, "getDefaultOutLocation", { enumerable: true, get: function () { return get_default_out_name_1.getDefaultOutLocation; } });
80
81
  const get_location_from_build_error_1 = require("./get-location-from-build-error");
package/dist/keyframe-interpolation-function.js CHANGED
@@ -16,7 +16,8 @@ const isInteractivitySchemaFieldKeyframable = (field) => {
16
16
  if (field.type === 'array' ||
17
17
  field.type === 'boolean' ||
18
18
  field.type === 'enum' ||
19
- field.type === 'font-family') {
19
+ field.type === 'font-family' ||
20
+ field.type === 'asset') {
20
21
  return false;
21
22
  }
22
23
  return field.keyframable !== false;
package/dist/schema-field-info.d.ts CHANGED
@@ -18,12 +18,15 @@ export type EffectSchemaFieldInfo = SchemaFieldInfo & {
18
18
  };
19
19
  export type AnySchemaFieldInfo = InteractivitySchemaFieldInfo | EffectSchemaFieldInfo;
20
20
  export declare const SCHEMA_FIELD_ROW_HEIGHT = 22;
21
- export type SchemaFieldGroup = 'controls' | 'transforms' | 'text';
21
+ export type SchemaFieldGroup = 'source' | 'controls' | 'transforms' | 'text';
22
22
  export type SchemaFieldGroupInfo = {
23
23
  readonly id: SchemaFieldGroup;
24
24
  readonly label: string;
25
25
  };
26
26
  export declare const SCHEMA_FIELD_GROUPS: readonly [{
27
+ readonly id: "source";
28
+ readonly label: "Source";
29
+ }, {
27
30
  readonly id: "controls";
28
31
  readonly label: "Controls";
29
32
  }, {
@@ -34,7 +37,7 @@ export declare const SCHEMA_FIELD_GROUPS: readonly [{
34
37
  readonly label: "Text";
35
38
  }];
36
39
  export declare const getSchemaFieldGroup: (key: string) => SchemaFieldGroup;
37
- declare const SUPPORTED_SCHEMA_TYPES: readonly ["number", "boolean", "rotation-css", "rotation-degrees", "translate", "transform-origin", "scale", "uv-coordinate", "color", "text-content", "font-family", "array", "enum", "hidden"];
40
+ declare const SUPPORTED_SCHEMA_TYPES: readonly ["number", "boolean", "rotation-css", "rotation-degrees", "translate", "transform-origin", "scale", "uv-coordinate", "color", "text-content", "font-family", "asset", "array", "enum", "hidden"];
38
41
  type SupportedSchemaType = (typeof SUPPORTED_SCHEMA_TYPES)[number];
39
42
  export declare const getFieldsToShow: ({ getDragOverrides, propStatuses, nodePath, schema, currentRuntimeValueDotNotation, includeTextContent, }: {
40
43
  schema: InteractivitySchema;
package/dist/schema-field-info.js CHANGED
@@ -5,6 +5,7 @@ const remotion_1 = require("remotion");
5
5
  const no_react_1 = require("remotion/no-react");
6
6
  exports.SCHEMA_FIELD_ROW_HEIGHT = 22;
7
7
  exports.SCHEMA_FIELD_GROUPS = [
8
+ { id: 'source', label: 'Source' },
8
9
  { id: 'controls', label: 'Controls' },
9
10
  { id: 'transforms', label: 'Transform' },
10
11
  { id: 'text', label: 'Text' },
@@ -32,6 +33,9 @@ const TEXT_FIELD_KEYS = new Set([
32
33
  'style.textAlign',
33
34
  ]);
34
35
  const getSchemaFieldGroup = (key) => {
36
+ if (key === 'src') {
37
+ return 'source';
38
+ }
35
39
  if (TRANSFORM_FIELD_KEYS.has(key)) {
36
40
  return 'transforms';
37
41
  }
@@ -63,6 +67,7 @@ const SUPPORTED_SCHEMA_TYPES = [
63
67
  'color',
64
68
  'text-content',
65
69
  'font-family',
70
+ 'asset',
66
71
  'array',
67
72
  'enum',
68
73
  'hidden',
package/dist/studio-html.d.ts CHANGED
@@ -18,6 +18,7 @@ export type StudioHtmlOptions = {
18
18
  sampleRate: number | null;
19
19
  publicFiles: StaticFile[];
20
20
  publicFolderExists: string | null;
21
+ fileSystemPlatform: string | null;
21
22
  includeFavicon: boolean;
22
23
  title: string;
23
24
  renderDefaults: RenderDefaults | undefined;
@@ -31,4 +32,4 @@ export type StudioHtmlOptions = {
31
32
  readOnlyStudio?: boolean;
32
33
  studioRuntimeConfig?: StudioRuntimeConfig;
33
34
  };
34
- export declare const studioHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }: StudioHtmlOptions) => string;
35
+ export declare const studioHtml: ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }: StudioHtmlOptions) => string;
package/dist/studio-html.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.studioHtml = void 0;
4
4
  const remotion_1 = require("remotion");
5
- const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }) => {
5
+ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, fileSystemPlatform, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, sampleRate, logLevel, mode, bundleScriptUrl, readOnlyStudio, studioRuntimeConfig, }) => {
6
6
  const scriptUrl = bundleScriptUrl !== null && bundleScriptUrl !== void 0 ? bundleScriptUrl : `${publicPath}bundle.js`;
7
7
  return `
8
8
  <!DOCTYPE html>
@@ -32,6 +32,7 @@ const studioHtml = ({ publicPath, editorName, inputProps, envVariables, staticHa
32
32
  <script>window.remotion_studioConfig = ${JSON.stringify(studioRuntimeConfig !== null && studioRuntimeConfig !== void 0 ? studioRuntimeConfig : null)};</script>
33
33
  <script>window.remotion_renderDefaults = ${JSON.stringify(renderDefaults)};</script>
34
34
  <script>window.remotion_cwd = ${JSON.stringify(remotionRoot)};</script>
35
+ <script>window.remotion_fileSystemPlatform = ${JSON.stringify(fileSystemPlatform)};</script>
35
36
  <script>window.remotion_studioServerCommand = ${studioServerCommand ? JSON.stringify(studioServerCommand) : 'null'};</script>
36
37
  ${inputProps
37
38
  ? `<script>window.remotion_inputProps = ${JSON.stringify(JSON.stringify(inputProps))};</script>`
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
4
4
  },
5
5
  "name": "@remotion/studio-shared",
6
- "version": "4.0.491",
6
+ "version": "4.0.492",
7
7
  "description": "Internal package for shared objects between the Studio backend and frontend",
8
8
  "main": "dist",
9
9
  "scripts": {
@@ -20,11 +20,11 @@
20
20
  "url": "https://github.com/remotion-dev/remotion/issues"
21
21
  },
22
22
  "dependencies": {
23
- "remotion": "4.0.491"
23
+ "remotion": "4.0.492"
24
24
  },
25
25
  "devDependencies": {
26
- "@remotion/renderer": "4.0.491",
27
- "@remotion/eslint-config-internal": "4.0.491",
26
+ "@remotion/renderer": "4.0.492",
27
+ "@remotion/eslint-config-internal": "4.0.492",
28
28
  "eslint": "9.19.0",
29
29
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
30
30
  },