@remotion/bundler 4.1.0-alpha5 → 4.1.0-alpha8

package/dist/json-serialization.d.ts

@@ -0,0 +1,6 @@
+import type { SerializedJSONWithCustomFields } from 'remotion';
+export declare const serializeJSONWithDate: ({ data, indent, staticBase, }: {
+    data: Record<string, unknown>;
+    indent: number | undefined;
+    staticBase: string | null;
+}) => SerializedJSONWithCustomFields;

package/dist/json-serialization.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeJSONWithDate = void 0;
+// Keep in sync with /packages/core/src/input-props-serialization.ts
+const DATE_TOKEN = 'remotion-date:';
+const FILE_TOKEN = 'remotion-file:';
+const serializeJSONWithDate = ({ data, indent, staticBase, }) => {
+    let customDateUsed = false;
+    let customFileUsed = false;
+    let mapUsed = false;
+    let setUsed = false;
+    const serializedString = JSON.stringify(data, function (key, value) {
+        const item = this[key];
+        if (item instanceof Date) {
+            customDateUsed = true;
+            return `${DATE_TOKEN}${item.toISOString()}`;
+        }
+        if (item instanceof Map) {
+            mapUsed = true;
+            return value;
+        }
+        if (item instanceof Set) {
+            setUsed = true;
+            return value;
+        }
+        if (typeof item === 'string' &&
+            staticBase !== null &&
+            item.startsWith(staticBase)) {
+            customFileUsed = true;
+            return `${FILE_TOKEN}${item.replace(staticBase + '/', '')}`;
+        }
+        return value;
+    }, indent);
+    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
+};
+exports.serializeJSONWithDate = serializeJSONWithDate;

package/dist/renderEntry.js

@@ -50,7 +50,7 @@ const GetVideo = ({ state }) => {
             }
             compositions.setCurrentComposition((_a = foundComposition === null || foundComposition === void 0 ? void 0 : foundComposition.id) !== null && _a !== void 0 ? _a : null);
             compositions.setCurrentCompositionMetadata({
-                props: state.props,
+                props: remotion_1.Internals.deserializeJSONWithCustomFields(state.serializedResolvedPropsWithSchema),
                 durationInFrames: state.compositionDurationInFrames,
                 fps: state.compositionFps,
                 height: state.compositionHeight,
@@ -191,13 +191,20 @@ if (typeof window !== 'undefined') {
         return compositions;
     };
     window.getStaticCompositions = () => {
+        var _a;
         const compositions = getUnevaluatedComps();
+        const inputProps = typeof window === 'undefined' ||
+            remotion_1.Internals.getRemotionEnvironment() === 'player-development' ||
+            remotion_1.Internals.getRemotionEnvironment() === 'player-production'
+            ? {}
+            : (_a = (0, remotion_1.getInputProps)()) !== null && _a !== void 0 ? _a : {};
         return Promise.all(compositions.map(async (c) => {
             const handle = (0, remotion_1.delayRender)(`Running calculateMetadata() for composition ${c.id}. If you didn't want to evaluate this composition, use "selectComposition()" instead of "getCompositions()"`);
             const comp = remotion_1.Internals.resolveVideoConfig({
                 composition: c,
                 editorProps: {},
                 signal: new AbortController().signal,
+                inputProps,
             });
             const resolved = await Promise.resolve(comp);
             (0, remotion_1.continueRender)(handle);
@@ -208,6 +215,7 @@ if (typeof window !== 'undefined') {
         return getUnevaluatedComps().map((c) => c.id);
     };
     window.remotion_calculateComposition = async (compId) => {
+        var _a;
         const compositions = getUnevaluatedComps();
         const selectedComp = compositions.find((c) => c.id === compId);
         if (!selectedComp) {
@@ -215,15 +223,34 @@ if (typeof window !== 'undefined') {
         }
         const abortController = new AbortController();
         const handle = (0, remotion_1.delayRender)(`Running the calculateMetadata() function for composition ${compId}`);
+        const inputProps = typeof window === 'undefined' ||
+            remotion_1.Internals.getRemotionEnvironment() === 'player-development' ||
+            remotion_1.Internals.getRemotionEnvironment() === 'player-production'
+            ? {}
+            : (_a = (0, remotion_1.getInputProps)()) !== null && _a !== void 0 ? _a : {};
         const prom = await Promise.resolve(remotion_1.Internals.resolveVideoConfig({
             composition: selectedComp,
             editorProps: {},
             signal: abortController.signal,
+            inputProps,
         }));
         (0, remotion_1.continueRender)(handle);
-        return prom;
+        const { props, defaultProps, ...data } = prom;
+        return {
+            ...data,
+            serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+                data: props,
+                indent: undefined,
+                staticBase: null,
+            }).serializedString,
+            serializedDefaultPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+                data: defaultProps,
+                indent: undefined,
+                staticBase: null,
+            }).serializedString,
+        };
     };
-    window.siteVersion = '6';
+    window.siteVersion = '8';
     window.remotion_version = remotion_1.VERSION;
     window.remotion_setBundleMode = exports.setBundleModeAndUpdate;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/bundler",
-  "version": "4.1.0-alpha5",
+  "version": "4.1.0-alpha8",
   "description": "Bundler for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -22,7 +22,7 @@
     "react-refresh": "0.9.0",
     "style-loader": "2.0.0",
     "webpack": "5.83.1",
-    "remotion": "4.1.0-alpha5"
+    "remotion": "4.1.0-alpha8"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -35,7 +35,7 @@
     "@types/react-dom": "18.0.10",
     "eslint": "8.42.0",
     "eslint-plugin-10x": "1.5.2",
-    "eslint-plugin-react": "7.29.4",
+    "eslint-plugin-react": "7.32.2",
     "eslint-plugin-react-hooks": "4.4.0",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^2.3.4",