@remotion/cli 4.1.0-alpha1 → 4.1.0-alpha11

package/dist/setup-cache.js

@@ -139,7 +139,7 @@ const bundleOnCli = async ({ fullPath, remotionRoot, publicDir, onProgressCallba
     };
     copyingState = {
         ...copyingState,
-        doneIn: copyStart ? Date.now() - copyStart : null,
+        doneIn: copyStart ? Date.now() - copyStart : 0,
     };
     updateProgress(true);
     log_1.Log.verboseAdvanced({ indent, logLevel }, 'Bundled under', bundled);

package/dist/still.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.still = void 0;
+const remotion_1 = require("remotion");
 const cleanup_before_quit_1 = require("./cleanup-before-quit");
 const convert_entry_point_to_serve_url_1 = require("./convert-entry-point-to-serve-url");
 const entry_point_1 = require("./entry-point");
@@ -36,7 +37,11 @@ const still = async (remotionRoot, args) => {
         chromiumOptions,
         envVariables,
         height,
-        inputProps,
+        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+            data: inputProps,
+            indent: undefined,
+            staticBase: null,
+        }).serializedString,
         overwrite,
         port,
         publicDir,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.1.0-alpha1",
+  "version": "4.1.0-alpha11",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -33,13 +33,13 @@
     "minimist": "1.2.6",
     "open": "^8.4.2",
     "prompts": "2.4.1",
-    "semver": "7.3.5",
+    "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.1.0-alpha1",
-    "remotion": "4.1.0-alpha1",
-    "@remotion/renderer": "4.1.0-alpha1",
-    "@remotion/player": "4.1.0-alpha1",
-    "@remotion/media-utils": "4.1.0-alpha1"
+    "@remotion/bundler": "4.1.0-alpha11",
+    "@remotion/media-utils": "4.1.0-alpha11",
+    "remotion": "4.1.0-alpha11",
+    "@remotion/renderer": "4.1.0-alpha11",
+    "@remotion/player": "4.1.0-alpha11"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -56,17 +56,17 @@
     "@types/semver": "^7.3.4",
     "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",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.1.0-alpha1",
-    "@remotion/tailwind": "4.1.0-alpha1"
+    "@remotion/zod-types": "4.1.0-alpha11",
+    "@remotion/tailwind": "4.1.0-alpha11"
   },
   "keywords": [
     "remotion",

package/styles/styles.css

@@ -42,3 +42,56 @@ input[type='color'].__remotion_color_picker::-webkit-color-swatch-wrapper {
 input[type='color'].__remotion_color_picker::-webkit-color-swatch {
 	border: none;
 }
+
+.__remotion_thumb,
+.__remotion_thumb::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	-webkit-tap-highlight-color: transparent;
+}
+
+.__remotion_thumb {
+	pointer-events: none;
+	position: absolute;
+	height: 0;
+	outline: none;
+	top: 51%;
+	width: 100%;
+	z-index: 2;
+}
+
+/* For Firefox browsers */
+.__remotion_thumb::-moz-range-thumb {
+	border: none;
+	border-radius: 0;
+	cursor: pointer;
+	height: 40px;
+	width: 10px;
+	pointer-events: all;
+	border-color: black;
+	background-color: white;
+	position: relative;
+}
+
+.__remotion_thumb::-moz-range-thumb {
+	border-width: 1px;
+	border-style: solid;
+}
+
+/* For Chrome browsers */
+.__remotion_thumb::-webkit-slider-thumb {
+	border: 1px solid black;
+	border-radius: 2px;
+	cursor: pointer;
+	height: 40px;
+	width: 10px;
+	pointer-events: all;
+	border-color: black;
+	background-color: white;
+	position: relative;
+}
+
+.__remotion_thumb::-webkit-slider-thumb {
+	border-width: 1px;
+	border-style: solid;
+	border-color: black;
+}

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.d.ts

@@ -1,14 +0,0 @@
-export type SerializedJSONWithCustomFields = {
-    serializedString: string;
-    customDateUsed: boolean;
-    customFileUsed: boolean;
-    mapUsed: boolean;
-    setUsed: boolean;
-};
-export declare const FILE_TOKEN = "remotion-file:";
-export declare const serializeJSONWithDate: ({ data, indent, staticBase, }: {
-    data: unknown;
-    indent: number | undefined;
-    staticBase: string;
-}) => SerializedJSONWithCustomFields;
-export declare const deserializeJSONWithCustomFields: (data: string) => any;

package/dist/editor/components/RenderModal/SchemaEditor/input-props-serialization.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.deserializeJSONWithCustomFields = exports.serializeJSONWithDate = exports.FILE_TOKEN = void 0;
-const DATE_TOKEN = 'remotion-date:';
-exports.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' && item.startsWith(staticBase)) {
-            customFileUsed = true;
-            return `${exports.FILE_TOKEN}${item.replace(staticBase + '/', '')}`;
-        }
-        return value;
-    }, indent);
-    return { serializedString, customDateUsed, customFileUsed, mapUsed, setUsed };
-};
-exports.serializeJSONWithDate = serializeJSONWithDate;
-const deserializeJSONWithCustomFields = (data) => {
-    return JSON.parse(data, (_, value) => {
-        if (typeof value === 'string' && value.startsWith(DATE_TOKEN)) {
-            return new Date(value.replace(DATE_TOKEN, ''));
-        }
-        return value;
-    });
-};
-exports.deserializeJSONWithCustomFields = deserializeJSONWithCustomFields;