@remotion/cli 3.3.11 → 3.3.13

package/dist/editor/components/Tabs/index.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tab = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const colors_1 = require("../../helpers/colors");
+const tabsContainer = {
+    display: 'flex',
+    flexDirection: 'row',
+};
+const Tabs = ({ children, style }) => {
+    const definiteStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...tabsContainer,
+            ...style,
+        };
+    }, [style]);
+    return (0, jsx_runtime_1.jsx)("div", { style: definiteStyle, children: children });
+};
+exports.Tabs = Tabs;
+const selectorButton = {
+    border: 'none',
+    flex: 1,
+    padding: 8,
+    fontSize: 13,
+};
+const Tab = ({ children, onClick, style, selected }) => {
+    const [hovered, setHovered] = (0, react_1.useState)(false);
+    const onPointerEnter = (0, react_1.useCallback)(() => {
+        setHovered(true);
+    }, []);
+    const onPointerLeave = (0, react_1.useCallback)(() => {
+        setHovered(false);
+    }, []);
+    const definiteStyle = (0, react_1.useMemo)(() => {
+        return {
+            ...selectorButton,
+            backgroundColor: selected
+                ? colors_1.SELECTED_BACKGROUND
+                : hovered
+                    ? colors_1.CLEAR_HOVER
+                    : 'transparent',
+            color: selected ? 'white' : colors_1.LIGHT_TEXT,
+            ...style,
+        };
+    }, [hovered, selected, style]);
+    return ((0, jsx_runtime_1.jsx)("button", { style: definiteStyle, type: "button", onClick: onClick, onPointerLeave: onPointerLeave, onPointerEnter: onPointerEnter, children: children }));
+};
+exports.Tab = Tab;

package/dist/editor/icons/render.d.ts

@@ -0,0 +1,6 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+export declare const RenderIcon: React.FC<{
+    svgProps: SVGProps<SVGSVGElement>;
+    color: string;
+}>;

package/dist/editor/icons/render.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RenderIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: props.color, d: "M408 143.1C408 166.1 390.1 183.1 368 183.1C345.9 183.1 328 166.1 328 143.1C328 121.9 345.9 103.1 368 103.1C390.1 103.1 408 121.9 408 143.1zM384 312.1V394.2C384 419.7 370.6 443.2 348.7 456.2L260.2 508.6C252.8 513 243.6 513.1 236.1 508.9C228.6 504.6 224 496.6 224 488V373.3C224 350.6 215 328.1 199 312.1C183 296.1 161.4 288 138.7 288H24C15.38 288 7.414 283.4 3.146 275.9C-1.123 268.4-1.042 259.2 3.357 251.8L55.83 163.3C68.79 141.4 92.33 127.1 117.8 127.1H199.9C281.7-3.798 408.8-8.546 483.9 5.272C495.6 7.411 504.6 16.45 506.7 28.07C520.5 103.2 515.8 230.3 384 312.1V312.1zM197.9 253.9C210.8 260.2 222.6 268.7 232.1 279C243.3 289.4 251.8 301.2 258.1 314.1C363.9 284.1 414.8 234.5 439.7 188C464.7 141.3 466.1 90.47 461.7 50.33C421.5 45.02 370.7 47.34 323.1 72.33C277.5 97.16 227.9 148.1 197.9 253.9H197.9zM41.98 345.5C76.37 311.1 132.1 311.1 166.5 345.5C200.9 379.9 200.9 435.6 166.5 470C117 519.5 .4765 511.5 .4765 511.5C.4765 511.5-7.516 394.1 41.98 345.5V345.5zM64.58 447.4C64.58 447.4 103.3 450.1 119.8 433.6C131.2 422.2 131.2 403.6 119.8 392.2C108.3 380.8 89.81 380.8 78.38 392.2C61.92 408.7 64.58 447.4 64.58 447.4z" }) }));
+};
+exports.RenderIcon = RenderIcon;

package/dist/find-closest-package-json.d.ts

@@ -0,0 +1,2 @@
+export declare const findClosestPackageJson: () => string | null;
+export declare const findRemotionRoot: () => string;

package/dist/find-closest-package-json.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findRemotionRoot = exports.findClosestPackageJson = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const log_1 = require("./log");
+const recursionLimit = 5;
+const findClosestPackageJson = () => {
+    let currentDir = process.cwd();
+    let possiblePackageJson = '';
+    for (let i = 0; i < recursionLimit; i++) {
+        possiblePackageJson = path_1.default.join(currentDir, 'package.json');
+        const exists = fs_1.default.existsSync(possiblePackageJson);
+        if (exists) {
+            return possiblePackageJson;
+        }
+        currentDir = path_1.default.dirname(currentDir);
+    }
+    return null;
+};
+exports.findClosestPackageJson = findClosestPackageJson;
+const findRemotionRoot = () => {
+    const closestPackageJson = (0, exports.findClosestPackageJson)();
+    if (closestPackageJson === null) {
+        log_1.Log.error('Could not find a package.json in the current directory or any of the ' +
+            recursionLimit +
+            ' parent directories. Is this a Remotion project?');
+        process.exit(1);
+    }
+    return path_1.default.dirname(closestPackageJson);
+};
+exports.findRemotionRoot = findRemotionRoot;

package/dist/get-cli-options.d.ts

@@ -30,7 +30,7 @@ export declare const getCliOptions: (options: {
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
     ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/get-cli-options.js

@@ -131,7 +131,6 @@ const getCliOptions = async (options) => {
         ignoreCertificateErrors: config_1.ConfigInternals.getIgnoreCertificateErrors(),
         headless: config_1.ConfigInternals.getChromiumHeadlessMode(),
         gl: (_a = config_1.ConfigInternals.getChromiumOpenGlRenderer()) !== null && _a !== void 0 ? _a : renderer_1.RenderInternals.DEFAULT_OPENGL_RENDERER,
-        enableExtensions: config_1.ConfigInternals.getChromiumEnableExtensions(),
     };
     const everyNthFrame = config_1.ConfigInternals.getEveryNthFrame();
     const numberOfGifLoops = config_1.ConfigInternals.getNumberOfGifLoops();

package/dist/get-default-out-name.d.ts

@@ -0,0 +1,4 @@
+export declare const getDefaultOutLocation: ({ compositionName, defaultExtension, }: {
+    compositionName: string;
+    defaultExtension: string;
+}) => string;

package/dist/get-default-out-name.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultOutLocation = void 0;
+const getDefaultOutLocation = ({ compositionName, defaultExtension, }) => {
+    const defaultName = `out/${compositionName}.${defaultExtension}`;
+    return defaultName;
+};
+exports.getDefaultOutLocation = getDefaultOutLocation;

package/dist/index.d.ts

@@ -88,7 +88,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
         ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;

package/dist/parse-command-line.d.ts

@@ -36,7 +36,6 @@ export declare type CommandLineOptions = {
     port: number;
     frame: string | number;
     ['disable-headless']: boolean;
-    ['enable-extensions']: boolean;
     ['disable-keyboard-shortcuts']: boolean;
     muted: boolean;
     height: number;

package/dist/parse-command-line.js

@@ -65,9 +65,6 @@ const parseCommandLine = () => {
     if (exports.parsedCli['disable-headless']) {
         config_1.Config.Puppeteer.setChromiumHeadlessMode(false);
     }
-    if (exports.parsedCli['enable-extensions']) {
-        config_1.Config.Puppeteer.setEnableChromiumExtensions(true);
-    }
     if (exports.parsedCli.log) {
         if (!renderer_1.RenderInternals.isValidLogLevel(exports.parsedCli.log)) {
             log_1.Log.error('Invalid `--log` value passed.');

package/dist/preview-server/get-absolute-public-dir.d.ts

@@ -0,0 +1,4 @@
+export declare const getAbsolutePublicDir: ({ userPassedPublicDir, remotionRoot, }: {
+    userPassedPublicDir: string | null;
+    remotionRoot: string;
+}) => string;

package/dist/preview-server/get-absolute-public-dir.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAbsolutePublicDir = void 0;
+const path_1 = __importDefault(require("path"));
+const getAbsolutePublicDir = ({ userPassedPublicDir, remotionRoot, }) => {
+    const publicDir = userPassedPublicDir
+        ? path_1.default.resolve(remotionRoot, userPassedPublicDir)
+        : path_1.default.join(remotionRoot, 'public');
+    return publicDir;
+};
+exports.getAbsolutePublicDir = getAbsolutePublicDir;

package/dist/preview-server/get-files-in-public-folder.d.ts

@@ -0,0 +1,2 @@
+import type { StaticFile } from 'remotion';
+export declare const getFilesInPublicFolder: (publicFolder: string) => StaticFile[];

package/dist/preview-server/get-files-in-public-folder.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilesInPublicFolder = void 0;
+const getFilesInPublicFolder = (publicFolder) => {
+    return readRecursively({ folder: '.', startPath: publicFolder });
+};
+exports.getFilesInPublicFolder = getFilesInPublicFolder;

package/dist/preview-server/live-event-listener.js

@@ -0,0 +1 @@
+"use strict";

package/dist/preview-server/parse-body.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage } from 'http';
+export declare const parseRequestBody: (req: IncomingMessage) => Promise<unknown>;

package/dist/preview-server/parse-body.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseRequestBody = void 0;
+const parseRequestBody = async (req) => {
+    const body = await new Promise((_resolve) => {
+        let data = '';
+        req.on('data', (chunk) => {
+            data += chunk;
+        });
+        req.on('end', () => {
+            _resolve(data.toString());
+        });
+    });
+    return JSON.parse(body);
+};
+exports.parseRequestBody = parseRequestBody;

package/dist/preview-server/public-folder.d.ts

@@ -0,0 +1,12 @@
+import type { StaticFile } from 'remotion';
+export declare const initPublicFolderWatch: ({ publicDir, remotionRoot, onUpdate, }: {
+    publicDir: string;
+    remotionRoot: string;
+    onUpdate: () => void;
+}) => void;
+export declare const watchPublicFolder: ({ publicDir, remotionRoot, onUpdate, }: {
+    publicDir: string;
+    remotionRoot: string;
+    onUpdate: () => void;
+}) => void;
+export declare const getFiles: () => StaticFile[];

package/dist/preview-server/public-folder.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFiles = exports.watchPublicFolder = exports.initPublicFolderWatch = void 0;
+const bundler_1 = require("@remotion/bundler");
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const write_files_definition_file_1 = require("./write-files-definition-file");
+let files = [];
+const initPublicFolderWatch = ({ publicDir, remotionRoot, onUpdate, }) => {
+    fetchFolder({ publicDir, remotionRoot });
+    (0, exports.watchPublicFolder)({ publicDir, remotionRoot, onUpdate });
+};
+exports.initPublicFolderWatch = initPublicFolderWatch;
+const fetchFolder = ({ publicDir, remotionRoot, }) => {
+    files = bundler_1.BundlerInternals.readRecursively({
+        folder: '.',
+        startPath: publicDir,
+    }).map((f) => {
+        return {
+            ...f,
+            path: f.path.split(path_1.default.sep).join('/'),
+        };
+    });
+    (0, write_files_definition_file_1.writeFilesDefinitionFile)(files, remotionRoot);
+};
+const watchPublicFolder = ({ publicDir, remotionRoot, onUpdate, }) => {
+    (0, fs_1.watch)(publicDir, { recursive: true }, () => {
+        fetchFolder({ publicDir, remotionRoot });
+        onUpdate();
+    });
+};
+exports.watchPublicFolder = watchPublicFolder;
+const getFiles = () => {
+    return files;
+};
+exports.getFiles = getFiles;

package/dist/preview-server/render-queue/add-render.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleAddRender: (remotionRoot: string, req: IncomingMessage, res: ServerResponse, entryPoint: string) => Promise<void>;

package/dist/preview-server/render-queue/add-render.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleAddRender = void 0;
+const path_1 = __importDefault(require("path"));
+const _1 = require(".");
+const parse_body_1 = require("../parse-body");
+const handleAddRender = async (remotionRoot, req, res, entryPoint) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        (0, _1.addJob)({
+            compositionId: body.compositionId,
+            id: String(Math.random()).replace('0.', ''),
+            startedAt: Date.now(),
+            type: 'still',
+            outputLocation: path_1.default.resolve(remotionRoot, body.outName),
+            status: 'idle',
+        }, entryPoint);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+        }));
+    }
+};
+exports.handleAddRender = handleAddRender;

package/dist/preview-server/render-queue/index.d.ts

@@ -0,0 +1,7 @@
+import type { RenderJob } from './job';
+export declare const getRenderQueue: () => RenderJob[];
+export declare const notifyClientsOfJobUpdate: () => void;
+export declare const processJob: (job: RenderJob, entryPoint: string) => Promise<never>;
+export declare const addJob: (job: RenderJob, entryPoint: string) => void;
+export declare const removeJob: (jobId: string) => void;
+export declare const processJobIfPossible: (entryPoint: string) => Promise<void>;

package/dist/preview-server/render-queue/index.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.processJobIfPossible = exports.removeJob = exports.addJob = exports.processJob = exports.notifyClientsOfJobUpdate = exports.getRenderQueue = void 0;
+const bundler_1 = require("@remotion/bundler");
+const renderer_1 = require("@remotion/renderer");
+const live_events_1 = require("../live-events");
+let jobQueue = [];
+const updateJob = (id, updater) => {
+    jobQueue = jobQueue.map((j) => {
+        if (id === j.id) {
+            return updater(j);
+        }
+        return j;
+    });
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+const getRenderQueue = () => {
+    return jobQueue;
+};
+exports.getRenderQueue = getRenderQueue;
+const notifyClientsOfJobUpdate = () => {
+    (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+        listener.sendEventToClient({
+            type: 'render-queue-updated',
+            queue: jobQueue,
+        });
+    });
+};
+exports.notifyClientsOfJobUpdate = notifyClientsOfJobUpdate;
+const processJob = async (job, entryPoint) => {
+    if (job.type === 'still') {
+        const serveUrl = await (0, bundler_1.bundle)({
+            entryPoint,
+            // TODO: Accept CLI options
+        });
+        const compositions = await (0, renderer_1.getCompositions)(serveUrl, {
+        // TODO: Accept CLI option
+        });
+        const composition = compositions.find((c) => {
+            return c.id === job.compositionId;
+        });
+        if (!composition) {
+            throw new TypeError(`Composition ${job.compositionId} not found`);
+        }
+        await (0, renderer_1.renderStill)({
+            composition,
+            output: job.outputLocation,
+            serveUrl,
+            // TODO: Accept CLI options
+        });
+    }
+    throw new TypeError(`Could not process job of type ${job.type}`);
+};
+exports.processJob = processJob;
+const addJob = (job, entryPoint) => {
+    jobQueue.push(job);
+    (0, exports.processJobIfPossible)(entryPoint);
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+exports.addJob = addJob;
+const removeJob = (jobId) => {
+    jobQueue = jobQueue.filter((job) => job.id !== jobId);
+    (0, exports.notifyClientsOfJobUpdate)();
+};
+exports.removeJob = removeJob;
+const processJobIfPossible = async (entryPoint) => {
+    const nextJob = jobQueue.find((q) => {
+        return q.status === 'idle';
+    });
+    if (!nextJob) {
+        return;
+    }
+    try {
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'running',
+            };
+        });
+        await (0, exports.processJob)(nextJob, entryPoint);
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'done',
+            };
+        });
+    }
+    catch (err) {
+        updateJob(nextJob.id, (job) => {
+            return {
+                ...job,
+                status: 'failed',
+                error: err,
+            };
+        });
+        (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
+            listener.sendEventToClient({
+                type: 'render-job-failed',
+                compositionId: nextJob.compositionId,
+                error: err,
+            });
+        });
+    }
+};
+exports.processJobIfPossible = processJobIfPossible;

package/dist/preview-server/render-queue/job.d.ts

@@ -0,0 +1,29 @@
+declare type RenderJobDynamicStatus = {
+    status: 'done';
+} | {
+    status: 'running';
+} | {
+    status: 'idle';
+} | {
+    status: 'failed';
+    error: Error;
+};
+export declare type RenderJob = {
+    startedAt: number;
+    compositionId: string;
+    type: 'still' | 'composition';
+    id: string;
+    outputLocation: string;
+} & RenderJobDynamicStatus;
+export declare type AddRenderRequest = {
+    compositionId: string;
+    type: 'still' | 'composition';
+    outName: string;
+};
+export declare type RemoveRenderRequest = {
+    jobId: string;
+};
+export declare type OpenInFileExplorerRequest = {
+    directory: string;
+};
+export {};

package/dist/preview-server/render-queue/job.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1 @@
+export declare const openDirectoryInFinder: (dirToOpen: string) => Promise<void>;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openDirectoryInFinder = void 0;
+const child_process_1 = require("child_process");
+const os_1 = require("os");
+const openDirectoryInFinder = (dirToOpen) => {
+    const command = (0, os_1.platform)() === 'darwin'
+        ? 'open'
+        : (0, os_1.platform)() === 'linux'
+            ? 'xdg-open'
+            : 'explorer';
+    // TODO: What if file was deleted in the meanwhile?
+    // TODO: '-R' only works on macOS
+    const p = (0, child_process_1.spawn)(command, ['-R', dirToOpen]);
+    return new Promise((resolve, reject) => {
+        p.on('exit', (code) => {
+            if (code === 0) {
+                resolve();
+            }
+            else {
+                reject(new Error(`Exited with code ${code}`));
+            }
+        });
+        p.on('error', (err) => {
+            p.kill();
+            if (err) {
+                reject(err);
+            }
+        });
+    });
+};
+exports.openDirectoryInFinder = openDirectoryInFinder;

package/dist/preview-server/render-queue/open-in-file-explorer.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleOpenInFileExplorer: (req: IncomingMessage, res: ServerResponse) => Promise<void>;

package/dist/preview-server/render-queue/open-in-file-explorer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleOpenInFileExplorer = void 0;
+const parse_body_1 = require("../parse-body");
+const open_directory_in_finder_1 = require("./open-directory-in-finder");
+const handleOpenInFileExplorer = async (req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        // TODO: Disallow opening file that is not in Remotion CWD
+        await (0, open_directory_in_finder_1.openDirectoryInFinder)(body.directory);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+            error: err.message,
+        }));
+    }
+};
+exports.handleOpenInFileExplorer = handleOpenInFileExplorer;

package/dist/preview-server/render-queue/remove-render.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage, ServerResponse } from 'http';
+export declare const handleRemoveRender: (req: IncomingMessage, res: ServerResponse) => Promise<void>;

package/dist/preview-server/render-queue/remove-render.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRemoveRender = void 0;
+const _1 = require(".");
+const parse_body_1 = require("../parse-body");
+const handleRemoveRender = async (req, res) => {
+    if (req.method === 'OPTIONS') {
+        res.statusCode = 200;
+        res.end();
+    }
+    try {
+        const body = (await (0, parse_body_1.parseRequestBody)(req));
+        (0, _1.removeJob)(body.jobId);
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: true,
+        }));
+    }
+    catch (err) {
+        res.setHeader('content-type', 'application/json');
+        res.writeHead(200);
+        res.end(JSON.stringify({
+            success: false,
+        }));
+    }
+};
+exports.handleRemoveRender = handleRemoveRender;

package/dist/preview-server/write-files-definition-file.d.ts

@@ -0,0 +1,2 @@
+import type { StaticFile } from './get-files-in-public-folder';
+export declare const writeFilesDefinitionFile: (files: StaticFile[], remotionRoot: string) => void;

package/dist/preview-server/write-files-definition-file.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.writeFilesDefinitionFile = void 0;
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const writeFilesDefinitionFile = (files, remotionRoot) => {
+    const content = `
+/*
+	This file will give you autocompletions for staticFile().
+	Enable autocompletion by adding "autocomplete.d.ts" to the "include" array in "tsconfig.json".
+	This file is auto-generated - do not edit this file!
+	You may add it to your \`.gitignore\`.
+*/
+
+declare global {
+  interface RemotionStaticPaths {
+${files
+        .map((f) => {
+        // TODO: What if file contains '"'?
+        return `    ["${f.path}"]: unknown;`;
+    })
+        .join('\n')}
+  } 
+}  
+export {}
+`.trimStart();
+    const folder = path_1.default.join(remotionRoot);
+    if (!(0, fs_1.existsSync)(folder)) {
+        (0, fs_1.mkdirSync)(folder);
+    }
+    // TODO: Create folder if exists
+    (0, fs_1.writeFileSync)(path_1.default.join(folder, 'autocomplete.d.ts'), content);
+};
+exports.writeFilesDefinitionFile = writeFilesDefinitionFile;