@remotion/bundler 4.1.0-alpha1 → 4.1.0-alpha10

package/dist/bundle.js

@@ -187,6 +187,7 @@ async function bundle(...args) {
             onSymlinkDetected: showSymlinkWarning,
             onProgress: (prog) => { var _a; return (_a = options.onPublicDirCopyProgress) === null || _a === void 0 ? void 0 : _a.call(options, prog); },
             copied: 0,
+            lastReportedProgress: 0,
         });
     }
     const html = (0, index_html_1.indexHtml)({

package/dist/copy-dir.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="node" />
 import fs from 'node:fs';
-export declare function copyDir({ src, dest, onSymlinkDetected, onProgress, copied, }: {
+export declare function copyDir({ src, dest, onSymlinkDetected, onProgress, copied, lastReportedProgress, }: {
     src: string;
     dest: string;
     onSymlinkDetected: (entry: fs.Dirent, dir: string) => void;
     onProgress: (bytes: number) => void;
     copied: number;
+    lastReportedProgress: number;
 }): Promise<void>;

package/dist/copy-dir.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.copyDir = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-async function copyDir({ src, dest, onSymlinkDetected, onProgress, copied = 0, }) {
+async function copyDir({ src, dest, onSymlinkDetected, onProgress, copied = 0, lastReportedProgress = 0, }) {
     await node_fs_1.default.promises.mkdir(dest, { recursive: true });
     const entries = await node_fs_1.default.promises.readdir(src, { withFileTypes: true });
     for (const entry of entries) {
@@ -19,6 +19,7 @@ async function copyDir({ src, dest, onSymlinkDetected, onProgress, copied = 0, }
                 onSymlinkDetected,
                 onProgress,
                 copied,
+                lastReportedProgress,
             });
         }
         else if (entry.isSymbolicLink()) {
@@ -32,7 +33,10 @@ async function copyDir({ src, dest, onSymlinkDetected, onProgress, copied = 0, }
                 node_fs_1.default.promises.stat(srcPath),
             ]);
             copied += size;
-            onProgress(copied);
+            if (copied - lastReportedProgress > 1024 * 1024 * 10) {
+                onProgress(copied);
+                lastReportedProgress = copied;
+            }
         }
     }
 }

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({
-                defaultProps: state.compositionDefaultProps,
+                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 = '5';
+    window.siteVersion = '9';
     window.remotion_version = remotion_1.VERSION;
     window.remotion_setBundleMode = exports.setBundleModeAndUpdate;
 }

package/dist/webpack-config.js

@@ -53,6 +53,7 @@ function truthy(value) {
     return Boolean(value);
 }
 const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpackOverride = (f) => f, onProgress, enableCaching = true, maxTimelineTracks, entryPoints, remotionRoot, keyboardShortcutsEnabled, poll, }) => {
+    let lastProgress = 0;
     const conf = webpackOverride({
         optimization: {
             minimize: false,
@@ -97,7 +98,10 @@ const webpackConfig = ({ entry, userDefinedComponent, outDir, environment, webpa
             : [
                 new webpack_1.ProgressPlugin((p) => {
                     if (onProgress) {
-                        onProgress(Number((p * 100).toFixed(2)));
+                        if (p === 1 || p - lastProgress > 0.05) {
+                            lastProgress = p;
+                            onProgress(Number((p * 100).toFixed(2)));
+                        }
                     }
                 }),
                 new optional_dependencies_1.AllowOptionalDependenciesPlugin(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/bundler",
-  "version": "4.1.0-alpha1",
+  "version": "4.1.0-alpha10",
   "description": "Bundler for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -18,11 +18,11 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "css-loader": "5.2.7",
-    "esbuild": "0.16.12",
+    "esbuild": "0.18.6",
     "react-refresh": "0.9.0",
     "style-loader": "2.0.0",
     "webpack": "5.83.1",
-    "remotion": "4.1.0-alpha1"
+    "remotion": "4.1.0-alpha10"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -35,10 +35,10 @@
     "@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",
+    "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "4.9.5",