@remotion/cli 3.3.1 → 3.3.3

package/dist/setup-cache.js

@@ -24,18 +24,54 @@ exports.bundleOnCliOrTakeServeUrl = bundleOnCliOrTakeServeUrl;
 const bundleOnCli = async ({ fullPath, steps, remotionRoot, publicDir, }) => {
     var _a;
     const shouldCache = config_1.ConfigInternals.getWebpackCaching();
+    const symlinkState = {
+        symlinks: [],
+    };
     const onProgress = (progress) => {
-        bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+        bundlingState = {
             progress: progress / 100,
             steps,
             doneIn: null,
+        };
+        bundlingProgress.update((0, progress_bar_1.makeBundlingAndCopyProgress)({
+            bundling: bundlingState,
+            copying: copyingState,
+            symLinks: symlinkState,
         }));
     };
+    let copyingState = {
+        bytes: 0,
+        doneIn: null,
+    };
+    let copyStart = null;
+    const updateProgress = (newline) => {
+        bundlingProgress.update((0, progress_bar_1.makeBundlingAndCopyProgress)({
+            bundling: bundlingState,
+            copying: copyingState,
+            symLinks: symlinkState,
+        }) + (newline ? '\n' : ''));
+    };
+    const onPublicDirCopyProgress = (bytes) => {
+        if (copyStart === null) {
+            copyStart = Date.now();
+        }
+        copyingState = {
+            bytes,
+            doneIn: null,
+        };
+        updateProgress(false);
+    };
+    const onSymlinkDetected = (absPath) => {
+        symlinkState.symlinks.push(absPath);
+        updateProgress(false);
+    };
     const options = {
         enableCaching: shouldCache,
         webpackOverride: (_a = config_1.ConfigInternals.getWebpackOverrideFn()) !== null && _a !== void 0 ? _a : ((f) => f),
         rootDir: remotionRoot,
         publicDir,
+        onPublicDirCopyProgress,
+        onSymlinkDetected,
     };
     const [hash] = bundler_1.BundlerInternals.getConfig({
         outDir: '',
@@ -55,22 +91,33 @@ const bundleOnCli = async ({ fullPath, steps, remotionRoot, publicDir, }) => {
     }
     const bundleStartTime = Date.now();
     const bundlingProgress = (0, progress_bar_1.createOverwriteableCliOutput)((0, parse_command_line_1.quietFlagProvided)());
+    let bundlingState = {
+        progress: 0,
+        steps,
+        doneIn: null,
+    };
     const bundled = await (0, bundler_1.bundle)({
         entryPoint: fullPath,
         onProgress: (progress) => {
-            bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+            bundlingState = {
                 progress: progress / 100,
                 steps,
                 doneIn: null,
-            }));
+            };
+            updateProgress(false);
         },
         ...options,
     });
-    bundlingProgress.update((0, progress_bar_1.makeBundlingProgress)({
+    bundlingState = {
         progress: 1,
         steps,
         doneIn: Date.now() - bundleStartTime,
-    }) + '\n');
+    };
+    copyingState = {
+        ...copyingState,
+        doneIn: copyStart ? Date.now() - copyStart : null,
+    };
+    updateProgress(true);
     log_1.Log.verbose('Bundled under', bundled);
     const cacheExistedAfter = bundler_1.BundlerInternals.cacheExists(remotionRoot, 'production', hash) === 'exists';
     if (cacheExistedAfter) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.3.1",
+	"version": "3.3.3",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -22,16 +22,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.3.1",
-		"@remotion/media-utils": "3.3.1",
-		"@remotion/player": "3.3.1",
-		"@remotion/renderer": "3.3.1",
+		"@remotion/bundler": "3.3.3",
+		"@remotion/media-utils": "3.3.3",
+		"@remotion/player": "3.3.3",
+		"@remotion/renderer": "3.3.3",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.3.1",
+		"remotion": "3.3.3",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -72,5 +72,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f56a29f8ab19e279e1a9950d3a3ccbb3c8ae42e0"
+	"gitHead": "27db3bbb7b8bd67aa3767e55c5c8f21a8d9fa16b"
 }

package/dist/deps.d.ts

@@ -1,2 +0,0 @@
-export declare const INSTALL_COMMAND: "install";
-export declare const installCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/deps.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.installCommand = exports.INSTALL_COMMAND = void 0;
-const renderer_1 = require("@remotion/renderer");
-const log_1 = require("./log");
-exports.INSTALL_COMMAND = 'install';
-const installCommand = async (remotionRoot, args) => {
-    const firstArg = args[0];
-    if (firstArg === 'ffmpeg') {
-        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfmpeg)({ remotionRoot });
-        if (wasAlreadyInstalled) {
-            log_1.Log.info('FFmpeg is already installed');
-        }
-        else {
-            log_1.Log.info('Successfully installed FFmpeg');
-        }
-        return;
-    }
-    if (firstArg === 'ffprobe') {
-        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfprobe)({ remotionRoot });
-        if (wasAlreadyInstalled) {
-            log_1.Log.info('FFmpeg is already installed');
-        }
-        else {
-            log_1.Log.info('Successfully installed FFmpeg');
-        }
-        return;
-    }
-    log_1.Log.error('Please specify either "ffmpeg" or "ffprobe" as the first argument to the install command');
-    log_1.Log.error();
-    log_1.Log.info('Example Usage: ');
-    log_1.Log.info(' remotion install ffmpeg');
-    log_1.Log.info(' remotion install ffprobe');
-    process.exit(1);
-};
-exports.installCommand = installCommand;

package/dist/editor/components/KeyboardShortcutsModal.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const KeyboardShortcuts: React.FC;

package/dist/editor/components/KeyboardShortcutsModal.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyboardShortcuts = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const use_keybinding_1 = require("../helpers/use-keybinding");
-const keys_1 = require("../icons/keys");
-const modals_1 = require("../state/modals");
-const layout_1 = require("./layout");
-const ModalContainer_1 = require("./ModalContainer");
-const ModalHeader_1 = require("./ModalHeader");
-const left = {
-    width: 100,
-    paddingTop: 8,
-    paddingBottom: 8,
-};
-const shortLeft = {
-    ...left,
-    width: 40,
-};
-const key = {
-    background: '#333',
-    padding: '3px 6px',
-    color: 'white',
-    borderRadius: 3,
-    border: '1px solid black',
-    borderBottomWidth: 3,
-    fontSize: 13,
-    fontFamily: 'monospace',
-};
-const right = {
-    fontSize: 14,
-    color: '#eee',
-};
-const container = {
-    paddingLeft: 20,
-    paddingRight: 40,
-    paddingTop: 10,
-    paddingBottom: 10,
-};
-const title = {
-    fontWeight: 'bold',
-    color: 'white',
-    fontSize: 14,
-    marginBottom: 10,
-};
-const keyboardShortcutsDisabled = {
-    padding: 12,
-    width: '100%',
-    fontSize: 14,
-    backgroundColor: 'rgba(255, 255, 255, 0.1)',
-};
-const ul = {
-    marginTop: 0,
-    marginBottom: 0,
-};
-const li = {
-    fontSize: 14,
-};
-const KeyboardShortcuts = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const onQuit = (0, react_1.useCallback)(() => {
-        setSelectedModal(null);
-    }, [setSelectedModal]);
-    return ((0, jsx_runtime_1.jsxs)(ModalContainer_1.ModalContainer, { onEscape: onQuit, onOutsideClick: onQuit, children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.NewCompHeader, { title: "Keyboard shortcuts" }), (0, use_keybinding_1.areKeyboardShortcutsDisabled)() ? ((0, jsx_runtime_1.jsxs)("div", { style: keyboardShortcutsDisabled, children: ["Keyboard shortcuts disabled either due to:", (0, jsx_runtime_1.jsxs)("ul", { style: ul, children: [(0, jsx_runtime_1.jsx)("li", { style: li, children: "a) --disable-keyboard-shortcuts being passed" }), (0, jsx_runtime_1.jsx)("li", { style: li, children: "b) Config.Preview.setKeyboardShortcutsEnabled(false) being set or" }), (0, jsx_runtime_1.jsx)("li", { style: li, children: " c) a Remotion version mismatch." })] })] })) : null, (0, jsx_runtime_1.jsxs)(layout_1.Row, { style: container, children: [(0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second back" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowLeft, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Previous frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Space" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Next frame" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ShiftIcon, {}) }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 0.3 }), (0, jsx_runtime_1.jsx)("kbd", { style: key, children: (0, jsx_runtime_1.jsx)(keys_1.ArrowRight, {}) })] }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "1 second forward" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "A" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to beginning" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "E" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Jump to end" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "J" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reverse playback" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "K" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "L" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Play / Speed up" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: left, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "Enter" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Pause & return to playback start" })] })] }), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 8 }), (0, jsx_runtime_1.jsxs)(layout_1.Column, { children: [(0, jsx_runtime_1.jsx)("div", { style: title, children: "Navigation" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "N" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "New composition" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "T" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Toggle checkerboard transparency" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "?" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Show keyboard shortcuts" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Playback range" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "I" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set In Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "O" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Set Out Point" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "X" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Clear In/Out Points" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("div", { style: title, children: "Zoom" }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "+" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Zoom in" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "-" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Zoom out" })] }), (0, jsx_runtime_1.jsxs)(layout_1.Row, { align: "center", children: [(0, jsx_runtime_1.jsx)("div", { style: shortLeft, children: (0, jsx_runtime_1.jsx)("kbd", { style: key, children: "0" }) }), (0, jsx_runtime_1.jsx)("div", { style: right, children: "Reset zoom" })] })] })] })] }));
-};
-exports.KeyboardShortcuts = KeyboardShortcuts;

package/dist/editor/components/QuickSwitcher/agolia-search.d.ts

@@ -1,2 +0,0 @@
-import type { TQuickSwitcherResult } from './QuickSwitcherResult';
-export declare const agoliaSearch: (query: string) => Promise<TQuickSwitcherResult[]>;

package/dist/editor/components/QuickSwitcher/agolia-search.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.agoliaSearch = void 0;
-const AGOLIA_API_KEY = '3e42dbd4f895fe93ff5cf40d860c4a85';
-const AGOLIA_APPLICATION_ID = 'PLSDUOL1CA';
-const AGOLIA_SEARCH_URL = 'https://plsduol1ca-dsn.algolia.net/1/indexes/*/queries';
-const agoliaSearch = async (query) => {
-    const url = new URL(AGOLIA_SEARCH_URL);
-    url.searchParams.set('x-algolia-agen', encodeURIComponent('Remotion Preview DocSearch'));
-    url.searchParams.set('x-algolia-api-key', AGOLIA_API_KEY);
-    url.searchParams.set('x-algolia-application-id', AGOLIA_APPLICATION_ID);
-    const { results } = await fetch(url.toString(), {
-        headers: {
-            'content-type': 'application/x-www-form-urlencoded',
-        },
-        body: JSON.stringify({
-            requests: [
-                {
-                    query,
-                    indexName: 'remotion',
-                    params: 'attributesToRetrieve=["hierarchy.lvl0","hierarchy.lvl1","hierarchy.lvl2","hierarchy.lvl3","hierarchy.lvl4","hierarchy.lvl5","hierarchy.lvl6","content","type","url"]&attributesToSnippet=["hierarchy.lvl1:10","hierarchy.lvl2:10","hierarchy.lvl3:10","hierarchy.lvl4:10","hierarchy.lvl5:10","hierarchy.lvl6:10","content:10"]&snippetEllipsisText=…&highlightPreTag=<mark>&highlightPostTag=</mark>&hitsPerPage=20&facetFilters=[]',
-                },
-            ],
-        }),
-        method: 'POST',
-    }).then((res) => res.json());
-    const { hits } = results[0];
-    return hits.map((hit) => {
-        var _a;
-        return ({
-            type: 'menu-item',
-            id: hit.objectID,
-            title: (_a = hit.hierarchy[hit.type]) !== null && _a !== void 0 ? _a : '',
-            onSelected: () => {
-                window.open(hit.url);
-            },
-        });
-    });
-};
-exports.agoliaSearch = agoliaSearch;

package/dist/remotion-cli.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/remotion-cli.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const dotenv_1 = __importDefault(require("dotenv"));
-const index_tsx_1 = require("./index.tsx");
-dotenv_1.default.config();
-(0, index_tsx_1.cli)()
-    .then(() => process.exit(0))
-    .catch((err) => {
-    // eslint-disable-next-line no-console
-    console.error(err);
-    process.exit(1);
-});