@remotion/cli 4.0.0 → 4.0.2

package/dist/editor/components/CopyButton.js

@@ -10,7 +10,10 @@ const iconStyle = {
     width: 16,
     height: 16,
     color: 'white',
-    verticalAlign: 'sub',
+};
+const buttonContainerStyle = {
+    display: 'flex',
+    minWidth: '114px',
 };
 const copyIcon = ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "far", "data-icon": "clipboard", className: "svg-inline--fa fa-clipboard fa-w-12", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 384 512", style: iconStyle, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z" }) }));
 const labelStyle = {
@@ -29,6 +32,6 @@ const CopyButton = ({ textToCopy, label, labelWhenCopied }) => {
         const to = setTimeout(() => setCopied(false), 2000);
         return () => clearTimeout(to);
     }, [copied]);
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: onClick, children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }), ' ', (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: copied ? labelWhenCopied : label })] }));
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: onClick, style: {}, buttonContainerStyle: buttonContainerStyle, children: [copyIcon, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1.5 }), ' ', (0, jsx_runtime_1.jsx)("span", { style: labelStyle, children: copied ? labelWhenCopied : label })] }));
 };
 exports.CopyButton = CopyButton;

package/dist/editor/components/OpenEditorButton.js

@@ -12,8 +12,11 @@ const svgStyle = {
 };
 const buttonStyle = {
     border: 'none',
-    width: '25px',
-    height: '25px',
+    width: '20px',
+    height: '20px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
 };
 const OpenEditorButton = () => {
     const [hovered, setHovered] = (0, react_1.useState)(false);

package/dist/editor/components/RenderModal/SchemaEditor/SchemaErrorMessages.js

@@ -32,7 +32,7 @@ const errorContainer = {
     overflowY: 'auto',
 };
 const openDocs = () => {
-    window.open('https://www.remotion.dev/docs/parametrized-rendering#define-a-schema-');
+    window.open('https://www.remotion.dev/docs/parameterized-rendering#define-a-schema-');
 };
 const ZodNotInstalled = () => {
     return ((0, jsx_runtime_1.jsxs)("div", { style: explainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: errorExplanation, children: ["Install ", (0, jsx_runtime_1.jsx)("code", { style: styles_1.inlineCodeSnippet, children: "zod" }), " as a dependency to interactively control the props of the composition."] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 2, block: true }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: openDocs, children: "Learn how" })] }));

package/dist/editor/icons/keys.js

@@ -4,6 +4,7 @@ exports.ArrowRight = exports.ArrowLeft = exports.ShiftIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const iconStyle = {
     width: 10,
+    display: 'inline',
 };
 const ShiftIcon = () => {
     return ((0, jsx_runtime_1.jsx)("svg", { style: iconStyle, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M48.048 304h73.798v128c0 26.51 21.49 48 48 48h108.308c26.51 0 48-21.49 48-48V304h73.789c42.638 0 64.151-51.731 33.941-81.941l-175.943-176c-18.745-18.745-49.137-18.746-67.882 0l-175.952 176C-16.042 252.208 5.325 304 48.048 304zM224 80l176 176H278.154v176H169.846V256H48L224 80z" }) }));

package/dist/preview-server/error-overlay/remotion-overlay/Button.js

@@ -13,6 +13,7 @@ const button = {
     fontSize: 14,
     color: 'white',
     flexDirection: 'row',
+    display: 'flex',
 };
 const ButtonRefForwardFunction = ({ children, onClick, title, disabled, style, id, autoFocus, buttonContainerStyle, }, ref) => {
     const combined = (0, react_1.useMemo)(() => {

package/dist/preview-server/render-queue/open-directory-in-finder.js

@@ -14,11 +14,17 @@ const openDirectoryInFinder = (dirToOpen, allowedDirectory) => {
     if (relativeToProcessCwd.startsWith('..')) {
         throw new Error(`Not allowed to open ${relativeToProcessCwd}`);
     }
-    const command = (0, node_os_1.platform)() === 'darwin'
-        ? 'open'
-        : (0, node_os_1.platform)() === 'linux'
-            ? 'xdg-open'
-            : 'start';
+    if ((0, node_os_1.platform)() === 'win32') {
+        return new Promise((resolve, reject) => {
+            (0, node_child_process_1.exec)(`start ${dirToOpen}`, (error) => {
+                if (error) {
+                    reject(error);
+                }
+                resolve();
+            });
+        });
+    }
+    const command = (0, node_os_1.platform)() === 'darwin' ? 'open' : 'xdg-open';
     const p = (0, node_child_process_1.spawn)(command, [(0, node_os_1.platform)() === 'darwin' ? '-R' : null, dirToOpen].filter(truthy_1.truthy));
     const stderrChunks = [];
     p.stderr.on('data', (d) => stderrChunks.push(d));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/bundler": "4.0.0",
-    "@remotion/renderer": "4.0.0",
-    "remotion": "4.0.0",
-    "@remotion/player": "4.0.0",
-    "@remotion/media-utils": "4.0.0"
+    "@remotion/bundler": "4.0.2",
+    "@remotion/player": "4.0.2",
+    "remotion": "4.0.2",
+    "@remotion/media-utils": "4.0.2",
+    "@remotion/renderer": "4.0.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "typescript": "4.9.5",
     "vitest": "0.31.1",
     "zod": "^3.21.4",
-    "@remotion/zod-types": "4.0.0",
-    "@remotion/tailwind": "4.0.0"
+    "@remotion/zod-types": "4.0.2",
+    "@remotion/tailwind": "4.0.2"
   },
   "keywords": [
     "remotion",