@remotion/bundler 4.1.0-alpha7 → 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,
@@ -235,9 +235,22 @@ if (typeof window !== 'undefined') {
             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 = '7';
+    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-alpha7",
+  "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-alpha7"
+    "remotion": "4.1.0-alpha8"
   },
   "peerDependencies": {
     "react": ">=16.8.0",