remotion 4.0.478 → 4.0.481
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.
- package/dist/cjs/CompositionManager.d.ts +3 -2
- package/dist/cjs/HtmlInCanvas.d.ts +4 -3
- package/dist/cjs/HtmlInCanvas.js +8 -10
- package/dist/cjs/Img.d.ts +6 -4
- package/dist/cjs/Img.js +11 -13
- package/dist/cjs/Interactive.d.ts +188 -2
- package/dist/cjs/Interactive.js +13 -10
- package/dist/cjs/Sequence.d.ts +4 -3
- package/dist/cjs/Sequence.js +9 -7
- package/dist/cjs/animated-image/AnimatedImage.d.ts +2 -3
- package/dist/cjs/animated-image/AnimatedImage.js +8 -10
- package/dist/cjs/animated-image/props.d.ts +2 -3
- package/dist/cjs/canvas-image/CanvasImage.d.ts +5 -3
- package/dist/cjs/canvas-image/CanvasImage.js +87 -42
- package/dist/cjs/canvas-image/props.d.ts +5 -4
- package/dist/cjs/effects/Solid.d.ts +2 -2
- package/dist/cjs/effects/Solid.js +8 -10
- package/dist/cjs/effects/create-effect.d.ts +2 -2
- package/dist/cjs/effects/effect-types.d.ts +2 -2
- package/dist/cjs/effects/index.d.ts +2 -1
- package/dist/cjs/effects/index.js +3 -0
- package/dist/cjs/find-props-to-delete.d.ts +2 -2
- package/dist/cjs/flatten-schema.d.ts +3 -3
- package/dist/cjs/index.d.ts +4 -4
- package/dist/cjs/index.js +16 -14
- package/dist/cjs/interactivity-schema.d.ts +524 -0
- package/dist/cjs/interactivity-schema.js +143 -0
- package/dist/cjs/internals.d.ts +95 -21
- package/dist/cjs/internals.js +12 -11
- package/dist/cjs/interpolate-keyframed-status.js +14 -3
- package/dist/cjs/no-react.d.ts +11 -12
- package/dist/cjs/no-react.js +2 -2
- package/dist/cjs/series/index.js +5 -4
- package/dist/cjs/use-schema.d.ts +21 -3
- package/dist/cjs/use-schema.js +5 -2
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/with-interactivity-schema.d.ts +21 -0
- package/dist/cjs/with-interactivity-schema.js +204 -0
- package/dist/cjs/wrap-in-schema.d.ts +3 -3
- package/dist/cjs/wrap-in-schema.js +2 -2
- package/dist/esm/index.mjs +234 -166
- package/dist/esm/no-react.mjs +133 -131
- package/dist/esm/version.mjs +1 -1
- package/package.json +2 -2
package/dist/esm/no-react.mjs
CHANGED
|
@@ -636,6 +636,139 @@ var deserializeJSONWithSpecialTypes = (data) => {
|
|
|
636
636
|
});
|
|
637
637
|
};
|
|
638
638
|
|
|
639
|
+
// src/interactivity-schema.ts
|
|
640
|
+
var transformSchema = {
|
|
641
|
+
"style.transformOrigin": {
|
|
642
|
+
type: "transform-origin",
|
|
643
|
+
step: 1,
|
|
644
|
+
default: "50% 50%",
|
|
645
|
+
description: "Transform origin"
|
|
646
|
+
},
|
|
647
|
+
"style.translate": {
|
|
648
|
+
type: "translate",
|
|
649
|
+
step: 1,
|
|
650
|
+
default: "0px 0px",
|
|
651
|
+
description: "Offset"
|
|
652
|
+
},
|
|
653
|
+
"style.scale": {
|
|
654
|
+
type: "scale",
|
|
655
|
+
max: 100,
|
|
656
|
+
step: 0.01,
|
|
657
|
+
default: 1,
|
|
658
|
+
description: "Scale"
|
|
659
|
+
},
|
|
660
|
+
"style.rotate": {
|
|
661
|
+
type: "rotation-css",
|
|
662
|
+
step: 1,
|
|
663
|
+
default: "0deg",
|
|
664
|
+
description: "Rotation"
|
|
665
|
+
},
|
|
666
|
+
"style.opacity": {
|
|
667
|
+
type: "number",
|
|
668
|
+
min: 0,
|
|
669
|
+
max: 1,
|
|
670
|
+
step: 0.01,
|
|
671
|
+
default: 1,
|
|
672
|
+
description: "Opacity",
|
|
673
|
+
hiddenFromList: false
|
|
674
|
+
}
|
|
675
|
+
};
|
|
676
|
+
var premountSchema = {
|
|
677
|
+
premountFor: {
|
|
678
|
+
type: "number",
|
|
679
|
+
default: 0,
|
|
680
|
+
description: "Premount For",
|
|
681
|
+
min: 0,
|
|
682
|
+
step: 1,
|
|
683
|
+
hiddenFromList: false
|
|
684
|
+
},
|
|
685
|
+
postmountFor: {
|
|
686
|
+
type: "number",
|
|
687
|
+
default: 0,
|
|
688
|
+
min: 0,
|
|
689
|
+
step: 1,
|
|
690
|
+
hiddenFromList: true
|
|
691
|
+
},
|
|
692
|
+
styleWhilePremounted: {
|
|
693
|
+
type: "hidden"
|
|
694
|
+
},
|
|
695
|
+
styleWhilePostmounted: {
|
|
696
|
+
type: "hidden"
|
|
697
|
+
}
|
|
698
|
+
};
|
|
699
|
+
var sequenceStyleSchema = {
|
|
700
|
+
...transformSchema,
|
|
701
|
+
...premountSchema
|
|
702
|
+
};
|
|
703
|
+
var hiddenField = {
|
|
704
|
+
type: "boolean",
|
|
705
|
+
default: false,
|
|
706
|
+
description: "Hidden"
|
|
707
|
+
};
|
|
708
|
+
var showInTimelineField = {
|
|
709
|
+
type: "hidden"
|
|
710
|
+
};
|
|
711
|
+
var sequenceNameField = {
|
|
712
|
+
type: "hidden"
|
|
713
|
+
};
|
|
714
|
+
var durationInFramesField = {
|
|
715
|
+
type: "number",
|
|
716
|
+
default: undefined,
|
|
717
|
+
min: 1,
|
|
718
|
+
step: 1,
|
|
719
|
+
hiddenFromList: true
|
|
720
|
+
};
|
|
721
|
+
var fromField = {
|
|
722
|
+
type: "number",
|
|
723
|
+
default: 0,
|
|
724
|
+
step: 1,
|
|
725
|
+
hiddenFromList: true
|
|
726
|
+
};
|
|
727
|
+
var freezeField = {
|
|
728
|
+
type: "number",
|
|
729
|
+
default: null,
|
|
730
|
+
step: 1,
|
|
731
|
+
hiddenFromList: true
|
|
732
|
+
};
|
|
733
|
+
var baseSchema = {
|
|
734
|
+
durationInFrames: durationInFramesField,
|
|
735
|
+
from: fromField,
|
|
736
|
+
freeze: freezeField,
|
|
737
|
+
hidden: hiddenField,
|
|
738
|
+
name: sequenceNameField,
|
|
739
|
+
showInTimeline: showInTimelineField
|
|
740
|
+
};
|
|
741
|
+
var sequenceSchema = {
|
|
742
|
+
...baseSchema,
|
|
743
|
+
layout: {
|
|
744
|
+
type: "enum",
|
|
745
|
+
default: "absolute-fill",
|
|
746
|
+
description: "Layout",
|
|
747
|
+
variants: {
|
|
748
|
+
"absolute-fill": sequenceStyleSchema,
|
|
749
|
+
none: {}
|
|
750
|
+
}
|
|
751
|
+
}
|
|
752
|
+
};
|
|
753
|
+
var baseSchemaWithoutFrom = {
|
|
754
|
+
durationInFrames: durationInFramesField,
|
|
755
|
+
freeze: freezeField,
|
|
756
|
+
hidden: hiddenField,
|
|
757
|
+
name: sequenceNameField,
|
|
758
|
+
showInTimeline: showInTimelineField
|
|
759
|
+
};
|
|
760
|
+
var sequenceSchemaWithoutFrom = {
|
|
761
|
+
...baseSchemaWithoutFrom,
|
|
762
|
+
layout: sequenceSchema.layout
|
|
763
|
+
};
|
|
764
|
+
var sequenceSchemaDefaultLayoutNone = {
|
|
765
|
+
...sequenceSchema,
|
|
766
|
+
layout: {
|
|
767
|
+
...sequenceSchema.layout,
|
|
768
|
+
default: "none"
|
|
769
|
+
}
|
|
770
|
+
};
|
|
771
|
+
|
|
639
772
|
// src/interpolate-colors.ts
|
|
640
773
|
var NUMBER = "[-+]?\\d*\\.?\\d+";
|
|
641
774
|
var PERCENTAGE = NUMBER + "%";
|
|
@@ -1138,137 +1271,6 @@ var serializeScaleValue = ([x, y, z]) => {
|
|
|
1138
1271
|
return `${normalizedX} ${normalizedY} ${normalizedZ}`;
|
|
1139
1272
|
};
|
|
1140
1273
|
|
|
1141
|
-
// src/sequence-field-schema.ts
|
|
1142
|
-
var sequenceVisualStyleSchema = {
|
|
1143
|
-
"style.transformOrigin": {
|
|
1144
|
-
type: "transform-origin",
|
|
1145
|
-
step: 1,
|
|
1146
|
-
default: "50% 50%",
|
|
1147
|
-
description: "Transform origin"
|
|
1148
|
-
},
|
|
1149
|
-
"style.translate": {
|
|
1150
|
-
type: "translate",
|
|
1151
|
-
step: 1,
|
|
1152
|
-
default: "0px 0px",
|
|
1153
|
-
description: "Offset"
|
|
1154
|
-
},
|
|
1155
|
-
"style.scale": {
|
|
1156
|
-
type: "scale",
|
|
1157
|
-
max: 100,
|
|
1158
|
-
step: 0.01,
|
|
1159
|
-
default: 1,
|
|
1160
|
-
description: "Scale"
|
|
1161
|
-
},
|
|
1162
|
-
"style.rotate": {
|
|
1163
|
-
type: "rotation-css",
|
|
1164
|
-
step: 1,
|
|
1165
|
-
default: "0deg",
|
|
1166
|
-
description: "Rotation"
|
|
1167
|
-
},
|
|
1168
|
-
"style.opacity": {
|
|
1169
|
-
type: "number",
|
|
1170
|
-
min: 0,
|
|
1171
|
-
max: 1,
|
|
1172
|
-
step: 0.01,
|
|
1173
|
-
default: 1,
|
|
1174
|
-
description: "Opacity",
|
|
1175
|
-
hiddenFromList: false
|
|
1176
|
-
}
|
|
1177
|
-
};
|
|
1178
|
-
var sequencePremountSchema = {
|
|
1179
|
-
premountFor: {
|
|
1180
|
-
type: "number",
|
|
1181
|
-
default: 0,
|
|
1182
|
-
description: "Premount For",
|
|
1183
|
-
min: 0,
|
|
1184
|
-
step: 1,
|
|
1185
|
-
hiddenFromList: false
|
|
1186
|
-
},
|
|
1187
|
-
postmountFor: {
|
|
1188
|
-
type: "number",
|
|
1189
|
-
default: 0,
|
|
1190
|
-
min: 0,
|
|
1191
|
-
step: 1,
|
|
1192
|
-
hiddenFromList: true
|
|
1193
|
-
},
|
|
1194
|
-
styleWhilePremounted: {
|
|
1195
|
-
type: "hidden"
|
|
1196
|
-
},
|
|
1197
|
-
styleWhilePostmounted: {
|
|
1198
|
-
type: "hidden"
|
|
1199
|
-
}
|
|
1200
|
-
};
|
|
1201
|
-
var sequenceStyleSchema = {
|
|
1202
|
-
...sequenceVisualStyleSchema,
|
|
1203
|
-
...sequencePremountSchema
|
|
1204
|
-
};
|
|
1205
|
-
var hiddenField = {
|
|
1206
|
-
type: "boolean",
|
|
1207
|
-
default: false,
|
|
1208
|
-
description: "Hidden"
|
|
1209
|
-
};
|
|
1210
|
-
var showInTimelineField = {
|
|
1211
|
-
type: "hidden"
|
|
1212
|
-
};
|
|
1213
|
-
var sequenceNameField = {
|
|
1214
|
-
type: "hidden"
|
|
1215
|
-
};
|
|
1216
|
-
var extendSchemaWithSequenceName = (schema) => {
|
|
1217
|
-
return {
|
|
1218
|
-
name: sequenceNameField,
|
|
1219
|
-
...schema
|
|
1220
|
-
};
|
|
1221
|
-
};
|
|
1222
|
-
var durationInFramesField = {
|
|
1223
|
-
type: "number",
|
|
1224
|
-
default: undefined,
|
|
1225
|
-
min: 1,
|
|
1226
|
-
step: 1,
|
|
1227
|
-
hiddenFromList: true
|
|
1228
|
-
};
|
|
1229
|
-
var fromField = {
|
|
1230
|
-
type: "number",
|
|
1231
|
-
default: 0,
|
|
1232
|
-
step: 1,
|
|
1233
|
-
hiddenFromList: true
|
|
1234
|
-
};
|
|
1235
|
-
var freezeField = {
|
|
1236
|
-
type: "number",
|
|
1237
|
-
default: null,
|
|
1238
|
-
step: 1,
|
|
1239
|
-
hiddenFromList: true
|
|
1240
|
-
};
|
|
1241
|
-
var sequenceSchema = extendSchemaWithSequenceName({
|
|
1242
|
-
hidden: hiddenField,
|
|
1243
|
-
showInTimeline: showInTimelineField,
|
|
1244
|
-
from: fromField,
|
|
1245
|
-
freeze: freezeField,
|
|
1246
|
-
durationInFrames: durationInFramesField,
|
|
1247
|
-
layout: {
|
|
1248
|
-
type: "enum",
|
|
1249
|
-
default: "absolute-fill",
|
|
1250
|
-
description: "Layout",
|
|
1251
|
-
variants: {
|
|
1252
|
-
"absolute-fill": sequenceStyleSchema,
|
|
1253
|
-
none: {}
|
|
1254
|
-
}
|
|
1255
|
-
}
|
|
1256
|
-
});
|
|
1257
|
-
var sequenceSchemaWithoutFrom = extendSchemaWithSequenceName({
|
|
1258
|
-
hidden: hiddenField,
|
|
1259
|
-
showInTimeline: showInTimelineField,
|
|
1260
|
-
freeze: freezeField,
|
|
1261
|
-
durationInFrames: durationInFramesField,
|
|
1262
|
-
layout: sequenceSchema.layout
|
|
1263
|
-
});
|
|
1264
|
-
var sequenceSchemaDefaultLayoutNone = {
|
|
1265
|
-
...sequenceSchema,
|
|
1266
|
-
layout: {
|
|
1267
|
-
...sequenceSchema.layout,
|
|
1268
|
-
default: "none"
|
|
1269
|
-
}
|
|
1270
|
-
};
|
|
1271
|
-
|
|
1272
1274
|
// src/v5-flag.ts
|
|
1273
1275
|
var ENABLE_V5_BREAKING_CHANGES = false;
|
|
1274
1276
|
|
package/dist/esm/version.mjs
CHANGED
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
|
|
4
4
|
},
|
|
5
5
|
"name": "remotion",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.481",
|
|
7
7
|
"description": "Make videos programmatically",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"react-dom": "19.2.3",
|
|
36
36
|
"webpack": "5.105.0",
|
|
37
37
|
"zod": "4.3.6",
|
|
38
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
38
|
+
"@remotion/eslint-config-internal": "4.0.481",
|
|
39
39
|
"eslint": "9.19.0",
|
|
40
40
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
41
41
|
},
|