@remotion/studio 4.0.89 → 4.0.90

package/dist/preview-server/handler.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleRequest = void 0;
-const parse_body_1 = require("./parse-body");
-const handleRequest = async ({ remotionRoot, request, response, entryPoint, handler, logLevel, methods, }) => {
-    if (request.method === 'OPTIONS') {
-        response.statusCode = 200;
-        response.end();
-        return;
-    }
-    response.setHeader('content-type', 'application/json');
-    response.writeHead(200);
-    try {
-        const body = (await (0, parse_body_1.parseRequestBody)(request));
-        const outputData = await handler({
-            entryPoint,
-            remotionRoot,
-            request,
-            response,
-            input: body,
-            logLevel,
-            methods,
-        });
-        response.end(JSON.stringify({
-            success: true,
-            data: outputData,
-        }));
-    }
-    catch (err) {
-        response.end(JSON.stringify({
-            success: false,
-            error: err.message,
-        }));
-    }
-};
-exports.handleRequest = handleRequest;

package/dist/preview-server/hot-middleware/client.d.ts

@@ -1,21 +0,0 @@
-/// <reference lib="dom" />
-/// <reference lib="dom.iterable" />
-import type { HotMiddlewareMessage } from './types';
-declare function eventSourceWrapper(): {
-    addMessageListener(fn: (msg: MessageEvent) => void): void;
-};
-declare global {
-    interface Window {
-        __whmEventSourceWrapper: {
-            [key: string]: ReturnType<typeof eventSourceWrapper>;
-        };
-        __webpack_hot_middleware_reporter__: Reporter;
-    }
-}
-type Reporter = ReturnType<typeof createReporter>;
-declare function createReporter(): {
-    cleanProblemsCache(): void;
-    problems(type: 'errors' | 'warnings', obj: HotMiddlewareMessage): boolean;
-    success: () => undefined;
-};
-export {};

package/dist/preview-server/hot-middleware/client.js

@@ -1,179 +0,0 @@
-"use strict";
-/// <reference lib="dom" />
-/// <reference lib="dom.iterable" />
-Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable no-console */
-/**
- * Source code is adapted from
- * https://github.com/webpack-contrib/webpack-hot-middleware#readme
- * and rewritten in TypeScript. This file is MIT licensed
- */
-const ansi_split_1 = require("../../ansi/ansi-split");
-const process_update_1 = require("./process-update");
-const types_1 = require("./types");
-if (typeof window === 'undefined') {
-    // do nothing
-}
-else if (typeof window.EventSource === 'undefined') {
-    console.warn('Unsupported browser: You need a browser that supports EventSource ');
-}
-else {
-    connect();
-}
-function eventSourceWrapper() {
-    let source;
-    let lastActivity = Date.now();
-    const listeners = [];
-    init();
-    const timer = setInterval(() => {
-        if (Date.now() - lastActivity > types_1.hotMiddlewareOptions.timeout) {
-            handleDisconnect();
-        }
-    }, types_1.hotMiddlewareOptions.timeout / 2);
-    function init() {
-        source = new window.EventSource(types_1.hotMiddlewareOptions.path);
-        source.onopen = handleOnline;
-        source.onerror = handleDisconnect;
-        source.onmessage = handleMessage;
-    }
-    function handleOnline() {
-        lastActivity = Date.now();
-    }
-    function handleMessage(event) {
-        lastActivity = Date.now();
-        for (let i = 0; i < listeners.length; i++) {
-            listeners[i](event);
-        }
-    }
-    function handleDisconnect() {
-        clearInterval(timer);
-        source.close();
-        setTimeout(init, 1000);
-    }
-    return {
-        addMessageListener(fn) {
-            listeners.push(fn);
-        },
-    };
-}
-function getEventSourceWrapper() {
-    if (!window.__whmEventSourceWrapper) {
-        window.__whmEventSourceWrapper = {};
-    }
-    if (!window.__whmEventSourceWrapper[types_1.hotMiddlewareOptions.path]) {
-        // cache the wrapper for other entries loaded on
-        // the same page with the same hotMiddlewareOptions.path
-        window.__whmEventSourceWrapper[types_1.hotMiddlewareOptions.path] =
-            eventSourceWrapper();
-    }
-    return window.__whmEventSourceWrapper[types_1.hotMiddlewareOptions.path];
-}
-function connect() {
-    getEventSourceWrapper().addMessageListener(handleMessage);
-    function handleMessage(event) {
-        if (event.data === '\uD83D\uDC93') {
-            return;
-        }
-        try {
-            processMessage(JSON.parse(event.data));
-        }
-        catch (ex) {
-            if (types_1.hotMiddlewareOptions.warn) {
-                console.warn('Invalid HMR message: ' + event.data + '\n' + ex);
-            }
-        }
-    }
-}
-// the reporter needs to be a singleton on the page
-// in case the client is being used by multiple bundles
-// we only want to report once.
-// all the errors will go to all clients
-const singletonKey = '__webpack_hot_middleware_reporter__';
-let reporter;
-if (typeof window !== 'undefined') {
-    if (!window[singletonKey]) {
-        window[singletonKey] = createReporter();
-    }
-    reporter = window[singletonKey];
-}
-function createReporter() {
-    const styles = {
-        errors: 'color: #ff0000;',
-        warnings: 'color: #999933;',
-    };
-    let previousProblems = null;
-    function log(type, obj) {
-        if (obj.action === 'building') {
-            console.log('[Fast Refresh] Building');
-            return;
-        }
-        const newProblems = obj[type]
-            .map((msg) => {
-            return (0, ansi_split_1.stripAnsi)(msg);
-        })
-            .join('\n');
-        if (previousProblems === newProblems) {
-            return;
-        }
-        previousProblems = newProblems;
-        const style = styles[type];
-        const name = obj.name ? "'" + obj.name + "' " : '';
-        const title = '[Fast Refresh] bundle ' + name + 'has ' + obj[type].length + ' ' + type;
-        // NOTE: console.warn or console.error will print the stack trace
-        // which isn't helpful here, so using console.log to escape it.
-        if (console.group && console.groupEnd) {
-            console.group('%c' + title, style);
-            console.log('%c' + newProblems, style);
-            console.groupEnd();
-        }
-        else {
-            console.log('%c' + title + '\n\t%c' + newProblems.replace(/\n/g, '\n\t'), style + 'font-weight: bold;', style + 'font-weight: normal;');
-        }
-    }
-    return {
-        cleanProblemsCache() {
-            previousProblems = null;
-        },
-        problems(type, obj) {
-            if (types_1.hotMiddlewareOptions.warn) {
-                log(type, obj);
-            }
-            return true;
-        },
-        success: () => undefined,
-    };
-}
-function processMessage(obj) {
-    var _a, _b;
-    switch (obj.action) {
-        case 'building':
-            (_a = window.remotion_isBuilding) === null || _a === void 0 ? void 0 : _a.call(window);
-            break;
-        case 'sync':
-        case 'built': {
-            let applyUpdate = true;
-            if (obj.errors.length > 0) {
-                if (reporter)
-                    reporter.problems('errors', obj);
-                applyUpdate = false;
-            }
-            else if (obj.warnings.length > 0) {
-                if (reporter) {
-                    const overlayShown = reporter.problems('warnings', obj);
-                    applyUpdate = overlayShown;
-                }
-            }
-            else if (reporter) {
-                reporter.cleanProblemsCache();
-                reporter.success();
-            }
-            if (applyUpdate) {
-                (_b = window.remotion_finishedBuilding) === null || _b === void 0 ? void 0 : _b.call(window);
-                (0, process_update_1.processUpdate)(obj.hash, obj.modules, types_1.hotMiddlewareOptions);
-            }
-            break;
-        }
-        default:
-            break;
-    }
-}

package/dist/preview-server/hot-middleware/index.d.ts

@@ -1,102 +0,0 @@
-/**
- * Source code is adapted from
- * https://github.com/webpack-contrib/webpack-hot-middleware#readme
- * and rewritten in TypeScript. This file is MIT licensed
- */
-import type { webpack } from '@remotion/bundler';
-import type { IncomingMessage, ServerResponse } from 'node:http';
-declare global {
-    const __webpack_hash__: unknown;
-    interface HotNotifierInfo {
-        type: 'self-declined' | 'declined' | 'unaccepted' | 'accepted' | 'disposed' | 'accept-errored' | 'self-accept-errored' | 'self-accept-error-handler-errored';
-        /**
-         * The module in question.
-         */
-        moduleId: number;
-        /**
-         * For errors: the module id owning the accept handler.
-         */
-        dependencyId?: number | undefined;
-        /**
-         * For declined/accepted/unaccepted: the chain from where the update was propagated.
-         */
-        chain?: number[] | undefined;
-        /**
-         * For declined: the module id of the declining parent
-         */
-        parentId?: number | undefined;
-        /**
-         * For accepted: the modules that are outdated and will be disposed
-         */
-        outdatedModules?: number[] | undefined;
-        /**
-         * For accepted: The location of accept handlers that will handle the update
-         */
-        outdatedDependencies?: {
-            [dependencyId: number]: number[];
-        } | undefined;
-        /**
-         * For errors: the thrown error
-         */
-        error?: Error | undefined;
-        /**
-         * For self-accept-error-handler-errored: the error thrown by the module
-         * before the error handler tried to handle it.
-         */
-        originalError?: Error | undefined;
-    }
-    interface AcceptOptions {
-        /**
-         * If true the update process continues even if some modules are not accepted (and would bubble to the entry point).
-         */
-        ignoreUnaccepted?: boolean | undefined;
-        /**
-         * Ignore changes made to declined modules.
-         */
-        ignoreDeclined?: boolean | undefined;
-        /**
-         *  Ignore errors throw in accept handlers, error handlers and while reevaluating module.
-         */
-        ignoreErrored?: boolean | undefined;
-        /**
-         * Notifier for declined modules.
-         */
-        onDeclined?: ((info: HotNotifierInfo) => void) | undefined;
-        /**
-         * Notifier for unaccepted modules.
-         */
-        onUnaccepted?: ((info: HotNotifierInfo) => void) | undefined;
-        /**
-         * Notifier for accepted modules.
-         */
-        onAccepted?: ((info: HotNotifierInfo) => void) | undefined;
-        /**
-         * Notifier for disposed modules.
-         */
-        onDisposed?: ((info: HotNotifierInfo) => void) | undefined;
-        /**
-         * Notifier for errors.
-         */
-        onErrored?: ((info: HotNotifierInfo) => void) | undefined;
-        /**
-         * Indicates that apply() is automatically called by check function
-         */
-        autoApply?: boolean | undefined;
-    }
-    const __webpack_module__: {
-        id: string;
-        exports: unknown;
-        hot: {
-            accept: () => void;
-            dispose: (onDispose: (data: Record<string, unknown>) => void) => void;
-            invalidate: () => void;
-            data?: Record<string, unknown>;
-            addStatusHandler(callback: (status: string) => void): void;
-            status(): string;
-            apply(options?: AcceptOptions): Promise<ModuleId[]>;
-            check(autoApply?: boolean): Promise<null | ModuleId[]>;
-        };
-    };
-    type ModuleId = string | number;
-}
-export declare const webpackHotMiddleware: (compiler: webpack.Compiler) => (req: IncomingMessage, res: ServerResponse, next: () => void) => void;

package/dist/preview-server/hot-middleware/index.js

@@ -1,149 +0,0 @@
-"use strict";
-/**
- * Source code is adapted from
- * https://github.com/webpack-contrib/webpack-hot-middleware#readme
- * and rewritten in TypeScript. This file is MIT licensed
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpackHotMiddleware = void 0;
-const renderer_1 = require("@remotion/renderer");
-const node_url_1 = require("node:url");
-const types_1 = require("./types");
-const pathMatch = function (url, path) {
-    try {
-        return (0, node_url_1.parse)(url).pathname === path;
-    }
-    catch (e) {
-        return false;
-    }
-};
-const webpackHotMiddleware = (compiler) => {
-    const eventStream = createEventStream(types_1.hotMiddlewareOptions.heartbeat);
-    let latestStats = null;
-    compiler.hooks.invalid.tap('remotion', onInvalid);
-    compiler.hooks.done.tap('remotion', onDone);
-    function onInvalid() {
-        latestStats = null;
-        renderer_1.RenderInternals.Log.info('Building...');
-        eventStream === null || eventStream === void 0 ? void 0 : eventStream.publish({
-            action: 'building',
-        });
-    }
-    function onDone(statsResult) {
-        // Keep hold of latest stats so they can be propagated to new clients
-        latestStats = statsResult;
-        publishStats('built', latestStats, eventStream);
-    }
-    const middleware = function (req, res, next) {
-        if (!pathMatch(req.url, types_1.hotMiddlewareOptions.path))
-            return next();
-        eventStream === null || eventStream === void 0 ? void 0 : eventStream.handler(req, res);
-        if (latestStats) {
-            publishStats('sync', latestStats, eventStream);
-        }
-    };
-    return middleware;
-};
-exports.webpackHotMiddleware = webpackHotMiddleware;
-function createEventStream(heartbeat) {
-    let clientId = 0;
-    let clients = {};
-    function everyClient(fn) {
-        Object.keys(clients).forEach((id) => {
-            fn(clients[id]);
-        });
-    }
-    const interval = setInterval(() => {
-        everyClient((client) => {
-            client.write('data: \uD83D\uDC93\n\n');
-        });
-    }, heartbeat).unref();
-    return {
-        close() {
-            clearInterval(interval);
-            everyClient((client) => {
-                if (!client.finished)
-                    client.end();
-            });
-            clients = {};
-        },
-        handler(req, res) {
-            const headers = {
-                'Access-Control-Allow-Origin': '*',
-                'Content-Type': 'text/event-stream;charset=utf-8',
-                'Cache-Control': 'no-cache, no-transform',
-            };
-            const isHttp1 = !(parseInt(req.httpVersion, 10) >= 2);
-            if (isHttp1) {
-                req.socket.setKeepAlive(true);
-                Object.assign(headers, {
-                    Connection: 'keep-alive',
-                });
-            }
-            res.writeHead(200, headers);
-            res.write('\n');
-            const id = clientId++;
-            clients[id] = res;
-            req.on('close', () => {
-                if (!res.finished)
-                    res.end();
-                delete clients[id];
-            });
-        },
-        publish(payload) {
-            everyClient((client) => {
-                client.write('data: ' + JSON.stringify(payload) + '\n\n');
-            });
-        },
-    };
-}
-function publishStats(action, statsResult, eventStream) {
-    const stats = statsResult.toJson({
-        all: false,
-        cached: true,
-        children: true,
-        modules: true,
-        timings: true,
-        hash: true,
-    });
-    // For multi-compiler, stats will be an object with a 'children' array of stats
-    const bundles = extractBundles(stats);
-    bundles.forEach((_stats) => {
-        let name = _stats.name || '';
-        // Fallback to compilation name in case of 1 bundle (if it exists)
-        if (bundles.length === 1 && !name && statsResult.compilation) {
-            name = statsResult.compilation.name || '';
-        }
-        eventStream === null || eventStream === void 0 ? void 0 : eventStream.publish({
-            name,
-            action,
-            time: _stats.time,
-            hash: _stats.hash,
-            warnings: _stats.warnings || [],
-            errors: _stats.errors || [],
-            modules: buildModuleMap(_stats.modules),
-        });
-    });
-}
-function extractBundles(stats) {
-    var _a;
-    // Stats has modules, single bundle
-    if (stats.modules)
-        return [stats];
-    // Stats has children, multiple bundles
-    if ((_a = stats.children) === null || _a === void 0 ? void 0 : _a.length)
-        return stats.children;
-    // Not sure, assume single
-    return [stats];
-}
-function buildModuleMap(modules) {
-    const map = {};
-    if (!modules) {
-        return map;
-    }
-    modules.forEach((module) => {
-        const id = module.id;
-        map[id] = module.name;
-    });
-    return map;
-}

package/dist/preview-server/hot-middleware/process-update.d.ts

@@ -1,7 +0,0 @@
-/**
- * Source code is adapted from
- * https://github.com/webpack-contrib/webpack-hot-middleware#readme
- * and rewritten in TypeScript. This file is MIT licensed
- */
-import type { HotMiddlewareOptions, ModuleMap } from './types';
-export declare const processUpdate: (hash: string | undefined, moduleMap: ModuleMap, options: HotMiddlewareOptions) => void;

package/dist/preview-server/hot-middleware/process-update.js

@@ -1,162 +0,0 @@
-"use strict";
-/* eslint-disable no-console */
-/**
- * Source code is adapted from
- * https://github.com/webpack-contrib/webpack-hot-middleware#readme
- * and rewritten in TypeScript. This file is MIT licensed
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.processUpdate = void 0;
-/**
- * Based heavily on https://github.com/webpack/webpack/blob/
- *  c0afdf9c6abc1dd70707c594e473802a566f7b6e/hot/only-dev-server.js
- * Original copyright Tobias Koppers @sokra (MIT license)
- */
-const NotificationCenter_1 = require("../../components/Notifications/NotificationCenter");
-if (!__webpack_module__.hot) {
-    throw new Error('[Fast refresh] Hot Module Replacement is disabled.');
-}
-const hmrDocsUrl = 'https://webpack.js.org/concepts/hot-module-replacement/'; // eslint-disable-line max-len
-let lastHash;
-const failureStatuses = { abort: 1, fail: 1 };
-const applyOptions = {
-    ignoreUnaccepted: true,
-    ignoreDeclined: true,
-    ignoreErrored: true,
-    onUnaccepted(data) {
-        var _a;
-        console.warn('Ignored an update to unaccepted module ' +
-            ((_a = data.chain) !== null && _a !== void 0 ? _a : []).join(' -> '));
-    },
-    onDeclined(data) {
-        var _a;
-        console.warn('Ignored an update to declined module ' + ((_a = data.chain) !== null && _a !== void 0 ? _a : []).join(' -> '));
-    },
-    onErrored(data) {
-        console.error(data.error);
-        console.warn('Ignored an error while updating module ' +
-            data.moduleId +
-            ' (' +
-            data.type +
-            ')');
-    },
-};
-function upToDate(hash) {
-    if (hash)
-        lastHash = hash;
-    return lastHash === __webpack_hash__;
-}
-const processUpdate = function (hash, moduleMap, options) {
-    var _a;
-    const { reload } = options;
-    if (!upToDate(hash) && ((_a = __webpack_module__.hot) === null || _a === void 0 ? void 0 : _a.status()) === 'idle') {
-        check();
-    }
-    async function check() {
-        var _a;
-        const cb = function (err, updatedModules) {
-            var _a;
-            if (err)
-                return handleError(err);
-            if (!updatedModules) {
-                if (options.warn) {
-                    console.warn('[Fast refresh] Cannot find update (Full reload needed)');
-                    console.warn('[Fast refresh] (Probably because of restarting the server)');
-                }
-                performReload();
-                return null;
-            }
-            const applyCallback = function (applyErr, renewedModules) {
-                if (applyErr)
-                    return handleError(applyErr);
-                if (!upToDate()) {
-                    check();
-                }
-                logUpdates(updatedModules, renewedModules);
-            };
-            const applyResult = (_a = __webpack_module__.hot) === null || _a === void 0 ? void 0 : _a.apply(applyOptions);
-            if (applyResult === null || applyResult === void 0 ? void 0 : applyResult.then) {
-                // HotModuleReplacement.runtime.js refers to the result as `outdatedModules`
-                applyResult
-                    .then((outdatedModules) => {
-                    applyCallback(null, outdatedModules);
-                })
-                    .catch((_err) => applyCallback(_err, []));
-            }
-        };
-        try {
-            const result = await ((_a = __webpack_module__.hot) === null || _a === void 0 ? void 0 : _a.check(false));
-            cb(null, result);
-        }
-        catch (err) {
-            cb(err, []);
-        }
-    }
-    function logUpdates(updatedModules, renewedModules) {
-        var _a;
-        const unacceptedModules = (_a = updatedModules === null || updatedModules === void 0 ? void 0 : updatedModules.filter((moduleId) => {
-            return renewedModules && renewedModules.indexOf(moduleId) < 0;
-        })) !== null && _a !== void 0 ? _a : [];
-        if (unacceptedModules.length > 0) {
-            if (options.warn) {
-                console.warn("[Fast refresh] The following modules couldn't be hot updated: " +
-                    '(Full reload needed)\n' +
-                    'This is usually because the modules which have changed ' +
-                    '(and their parents) do not know how to hot reload themselves. ' +
-                    'See ' +
-                    hmrDocsUrl +
-                    ' for more details.');
-                unacceptedModules.forEach((moduleId) => {
-                    console.warn('[Fast refresh]  - ' + (moduleMap[moduleId] || moduleId));
-                });
-            }
-            performReload();
-            return;
-        }
-        if (!renewedModules || renewedModules.length === 0) {
-            console.log('[Fast refresh] Nothing hot updated.');
-        }
-        else {
-            renewedModules.forEach((moduleId) => {
-                console.log(`[Fast refresh] ${moduleMap[moduleId] || moduleId} fast refreshed.`);
-            });
-        }
-    }
-    function handleError(err) {
-        var _a, _b;
-        if (((_b = (_a = __webpack_module__.hot) === null || _a === void 0 ? void 0 : _a.status()) !== null && _b !== void 0 ? _b : 'nope') in failureStatuses) {
-            if (options.warn) {
-                console.warn('[Fast refresh] Cannot check for update (Full reload needed)');
-                console.warn('[Fast refresh] ' + (err.stack || err.message));
-            }
-            performReload();
-            return;
-        }
-        if (options.warn) {
-            console.warn('[Fast refresh] Update check failed: ' + (err.stack || err.message));
-            if (!window.remotion_unsavedProps) {
-                window.location.reload();
-            }
-        }
-    }
-    function performReload() {
-        var _a;
-        if (!reload) {
-            return;
-        }
-        if (options.warn)
-            console.warn('[Fast refresh] Reloading page');
-        if (window.remotion_unsavedProps) {
-            (_a = NotificationCenter_1.notificationCenter.current) === null || _a === void 0 ? void 0 : _a.addNotification({
-                id: 'random',
-                content: 'Fast refresh needs to reload the page, but you have unsaved props. Save then reload the page to apply changes.',
-                created: new Date().getMilliseconds(),
-                duration: 1,
-            });
-        }
-        else {
-            window.location.reload();
-        }
-    }
-};
-exports.processUpdate = processUpdate;

package/dist/preview-server/hot-middleware/types.d.ts

@@ -1,27 +0,0 @@
-import type { webpack } from '@remotion/bundler';
-export type HotMiddlewareMessage = {
-    action: 'building';
-    name?: string;
-} | {
-    action: 'built' | 'sync';
-    name: string;
-    time: number | undefined;
-    errors: unknown[];
-    warnings: unknown[];
-    hash: string | undefined;
-    modules: {
-        [key: string]: string;
-    };
-};
-export declare const hotMiddlewareOptions: {
-    path: string;
-    timeout: number;
-    reload: boolean;
-    warn: boolean;
-    heartbeat: number;
-};
-export type HotMiddlewareOptions = typeof hotMiddlewareOptions;
-export type WebpackStats = ReturnType<webpack.Stats['toJson']>;
-export type ModuleMap = {
-    [key: string]: string;
-};