@remotion/cli 4.0.0-oops.3 → 4.0.0-prefetch.7

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

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OpenInEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable no-console */
+const react_1 = require("react");
+const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
+const Button_1 = require("./Button");
+const ShortcutHint_1 = require("./ShortcutHint");
+const initialState = { type: 'idle' };
+const reducer = (state, action) => {
+    if (action.type === 'start') {
+        return {
+            type: 'load',
+        };
+    }
+    if (action.type === 'fail') {
+        return {
+            type: 'error',
+        };
+    }
+    if (action.type === 'reset') {
+        return {
+            type: 'idle',
+        };
+    }
+    if (action.type === 'succeed') {
+        return {
+            type: 'success',
+        };
+    }
+    return state;
+};
+const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
+    const isMounted = (0, react_1.useRef)(true);
+    const [state, dispatch] = (0, react_1.useReducer)(reducer, initialState);
+    const { registerKeybinding } = (0, use_keybinding_1.useKeybinding)();
+    const dispatchIfMounted = (0, react_1.useCallback)((payload) => {
+        if (isMounted.current === false)
+            return;
+        dispatch(payload);
+    }, []);
+    const openInBrowser = (0, react_1.useCallback)(() => {
+        dispatch({ type: 'start' });
+        fetch(`/api/open-in-editor`, {
+            method: 'post',
+            headers: {
+                'content-type': 'application/json',
+            },
+            body: JSON.stringify({
+                stack,
+            }),
+        })
+            .then((res) => res.json())
+            .then((data) => {
+            if (data.success) {
+                dispatchIfMounted({ type: 'succeed' });
+            }
+            else {
+                dispatchIfMounted({ type: 'fail' });
+            }
+        })
+            .catch((err) => {
+            dispatchIfMounted({ type: 'fail' });
+            console.log('Could not open browser', err);
+        })
+            .finally(() => {
+            setTimeout(() => {
+                dispatchIfMounted({ type: 'reset' });
+            }, 2000);
+        });
+    }, [dispatchIfMounted, stack]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!canHaveKeyboardShortcuts) {
+            return;
+        }
+        const onEditor = () => {
+            openInBrowser();
+        };
+        const { unregister } = registerKeybinding({
+            event: 'keydown',
+            key: 'o',
+            callback: onEditor,
+            commandCtrlKey: true,
+        });
+        return () => unregister();
+    }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);
+    const label = (0, react_1.useMemo)(() => {
+        switch (state.type) {
+            case 'error':
+                return 'Failed to open';
+            case 'idle':
+                return `Open in ${window.remotion_editorName}`;
+            case 'success':
+                return `Opened in ${window.remotion_editorName}`;
+            case 'load':
+                return `Opening...`;
+            default:
+                throw new Error('invalid state');
+        }
+    }, [state.type]);
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: openInBrowser, disabled: state.type !== 'idle', children: [label, canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "o", cmdOrCtrl: true })) : null] }));
+};
+exports.OpenInEditor = OpenInEditor;

package/dist/preview-server/error-overlay/remotion-overlay/Overlay.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare type SetErrors = {
+    setErrors: (errs: State) => void;
+    addError: (err: Error) => void;
+};
+export declare const setErrorsRef: React.RefObject<SetErrors>;
+declare type State = {
+    type: 'clear';
+} | {
+    type: 'errors';
+    errors: Error[];
+};
+export declare const Overlay: React.FC;
+export {};

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Overlay = exports.setErrorsRef = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const keybindings_1 = require("../../../editor/state/keybindings");
+const ErrorLoader_1 = require("./ErrorLoader");
+exports.setErrorsRef = (0, react_1.createRef)();
+const errorsAreTheSame = (first, second) => {
+    return first.stack === second.stack && first.message === second.message;
+};
+const BACKGROUND_COLOR = '#1f2428';
+const Overlay = () => {
+    const [errors, setErrors] = (0, react_1.useState)({ type: 'clear' });
+    const addError = (0, react_1.useCallback)((err) => {
+        setErrors((state) => {
+            if (state.type === 'errors') {
+                if (state.errors.some((e) => errorsAreTheSame(e, err))) {
+                    return state;
+                }
+                return {
+                    ...state,
+                    errors: [...state.errors, err],
+                };
+            }
+            return {
+                type: 'errors',
+                errors: [err],
+            };
+        });
+    }, []);
+    (0, react_1.useImperativeHandle)(exports.setErrorsRef, () => {
+        return { setErrors, addError };
+    }, [addError]);
+    if (errors.type === 'clear') {
+        return null;
+    }
+    if (errors.errors.length === 0) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(keybindings_1.KeybindingContextProvider, { children: (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: {
+                backgroundColor: BACKGROUND_COLOR,
+                overflow: 'auto',
+                color: 'white',
+            }, children: errors.errors.map((err, i) => {
+                return ((0, jsx_runtime_1.jsx)(ErrorLoader_1.ErrorLoader, { keyboardShortcuts: i === 0, error: err }, err.stack));
+            }) }) }));
+};
+exports.Overlay = Overlay;

package/dist/preview-server/error-overlay/remotion-overlay/SearchGitHubIssues.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchGithubIssues: React.FC<{
+    message: string;
+    canHaveKeyboardShortcuts: boolean;
+}>;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchGithubIssues = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_keybinding_1 = require("../../../editor/helpers/use-keybinding");
+const Button_1 = require("./Button");
+const ShortcutHint_1 = require("./ShortcutHint");
+const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
+    const openInBrowser = (0, react_1.useCallback)(() => {
+        window.open(`https://github.com/remotion-dev/remotion/issues?q=${encodeURIComponent(message)}`, '_blank');
+    }, [message]);
+    const { registerKeybinding } = (0, use_keybinding_1.useKeybinding)();
+    (0, react_1.useEffect)(() => {
+        if (!canHaveKeyboardShortcuts) {
+            return;
+        }
+        const onEditor = () => {
+            openInBrowser();
+        };
+        const { unregister } = registerKeybinding({
+            event: 'keydown',
+            key: 'g',
+            callback: onEditor,
+            commandCtrlKey: true,
+        });
+        return () => unregister();
+    }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: openInBrowser, children: ["Search GitHub Issues", ' ', canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "g", cmdOrCtrl: true })) : null] }));
+};
+exports.SearchGithubIssues = SearchGithubIssues;

package/dist/preview-server/error-overlay/remotion-overlay/ShortcutHint.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ShortcutHint: React.FC<{
+    keyToPress: string;
+    cmdOrCtrl: boolean;
+}>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShortcutHint = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cmdOrCtrlCharacter = window.navigator.platform.startsWith('Mac')
+    ? '⌘'
+    : 'Ctrl';
+const container = {
+    display: 'inline-block',
+    marginLeft: 6,
+    opacity: 0.6,
+};
+const ShortcutHint = ({ keyToPress, cmdOrCtrl }) => {
+    return ((0, jsx_runtime_1.jsxs)("span", { style: container, children: [cmdOrCtrl ? `${cmdOrCtrlCharacter}+` : '', keyToPress.toUpperCase()] }));
+};
+exports.ShortcutHint = ShortcutHint;

package/dist/preview-server/error-overlay/remotion-overlay/StackFrame.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SymbolicatedStackFrame } from '../react-overlay/utils/stack-frame';
+export declare const StackElement: React.FC<{
+    s: SymbolicatedStackFrame;
+    lineNumberWidth: number;
+    isFirst: boolean;
+    defaultFunctionName: string;
+}>;

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackElement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("./Button");
+const carets_1 = require("./carets");
+const CodeFrame_1 = require("./CodeFrame");
+const format_location_1 = require("./format-location");
+const location = {
+    color: 'rgba(255, 255, 255, 0.6)',
+    fontFamily: 'monospace',
+    fontSize: 14,
+};
+const header = {
+    paddingLeft: 14,
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingRight: 14,
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottom: '1px solid rgb(66, 144, 245)',
+    backgroundColor: 'black',
+};
+const left = {
+    paddingRight: 14,
+    flex: 1,
+};
+const fnName = {
+    fontSize: 14,
+    lineHeight: 1.5,
+    marginBottom: 3,
+};
+const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName }) => {
+    var _a;
+    const [showCodeFrame, setShowCodeFrame] = (0, react_1.useState)(() => {
+        var _a, _b;
+        return (!((_a = s.originalFileName) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) &&
+            !((_b = s.originalFileName) === null || _b === void 0 ? void 0 : _b.startsWith('webpack/'))) ||
+            isFirst;
+    });
+    const toggleCodeFrame = (0, react_1.useCallback)(() => {
+        setShowCodeFrame((f) => !f);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "css-reset", children: [(0, jsx_runtime_1.jsxs)("div", { style: header, children: [(0, jsx_runtime_1.jsxs)("div", { style: left, children: [(0, jsx_runtime_1.jsx)("div", { style: fnName, children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }), s.originalFileName ? ((0, jsx_runtime_1.jsxs)("div", { style: location, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : null] }), s.originalScriptCode && s.originalScriptCode.length > 0 ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: toggleCodeFrame, children: showCodeFrame ? (0, jsx_runtime_1.jsx)(carets_1.CaretDown, { invert: false }) : (0, jsx_runtime_1.jsx)(carets_1.CaretRight, {}) })) : null] }), (0, jsx_runtime_1.jsx)("div", { children: s.originalScriptCode &&
+                    s.originalScriptCode.length > 0 &&
+                    showCodeFrame ? ((0, jsx_runtime_1.jsx)(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode })) : null })] }));
+};
+exports.StackElement = StackElement;

package/dist/preview-server/error-overlay/remotion-overlay/Symbolicating.d.ts

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Symbolicating = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Symbolicating = (props) => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "16", height: "16", fill: "white", ...props, children: [(0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(0 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(45 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.125s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(90 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.25s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(135 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.375s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(180 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.5s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(225 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.675s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(270 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.75s" }) }), (0, jsx_runtime_1.jsx)("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(315 16 16)", children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.875s" }) })] }));
+};
+exports.Symbolicating = Symbolicating;

package/dist/preview-server/error-overlay/remotion-overlay/carets.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CaretRight: () => JSX.Element;
+export declare const CaretDown: React.FC<{
+    invert: boolean;
+}>;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CaretDown = exports.CaretRight = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CaretRight = () => {
+    return ((0, jsx_runtime_1.jsx)("svg", { style: { height: 20 }, "aria-hidden": "true", focusable: "false", role: "img", viewBox: "0 0 192 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z" }) }));
+};
+exports.CaretRight = CaretRight;
+const CaretDown = ({ invert }) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 320 512", style: { height: 20, transform: invert ? `rotate(180deg)` : '' }, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z" }) }));
+};
+exports.CaretDown = CaretDown;

package/dist/preview-server/error-overlay/remotion-overlay/format-location.d.ts

@@ -0,0 +1 @@
+export declare const formatLocation: (location: string) => string;

package/dist/preview-server/error-overlay/remotion-overlay/format-location.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatLocation = void 0;
+const formatLocation = (location) => {
+    if (location.startsWith('webpack://')) {
+        return location.replace('webpack://', '');
+    }
+    return location;
+};
+exports.formatLocation = formatLocation;

package/dist/preview-server/error-overlay/remotion-overlay/get-help-link.d.ts

@@ -0,0 +1,5 @@
+export declare type THelpLink = {
+    url: string;
+    title: string;
+};
+export declare const getHelpLink: (message: string) => THelpLink | null;

package/dist/preview-server/error-overlay/remotion-overlay/get-help-link.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHelpLink = void 0;
+const getHelpLink = (message) => {
+    if (message.includes('See https://www.remotion.dev/docs/the-fundamentals#defining-compositions')) {
+        return {
+            title: 'Defining compositions',
+            url: 'See https://www.remotion.dev/docs/the-fundamentals#defining-compositions',
+        };
+    }
+    if (message.includes('https://remotion.dev/docs/wrong-composition-mount')) {
+        return {
+            title: 'Wrongly mounted <Composition>',
+            url: 'https://remotion.dev/docs/wrong-composition-mount',
+        };
+    }
+    if (message.includes('https://remotion.dev/docs/staticfile-relative-paths')) {
+        return {
+            title: 'staticFile() relative paths',
+            url: 'https://remotion.dev/docs/staticfile-relative-paths',
+        };
+    }
+    if (message.includes('https://remotion.dev/docs/staticfile-remote-urls')) {
+        return {
+            title: 'staticFile() remote URLs',
+            url: 'https://remotion.dev/docs/staticfile-remote-urls',
+        };
+    }
+    if (message.includes('https://remotion.dev/docs/non-seekable-media')) {
+        return {
+            title: 'Non-seekable media',
+            url: 'https://remotion.dev/docs/non-seekable-media',
+        };
+    }
+    if (message.includes('https://remotion.dev/docs/media-playback-error')) {
+        return {
+            title: 'Media playback error',
+            url: 'https://remotion.dev/docs/media-playback-error',
+        };
+    }
+    return null;
+};
+exports.getHelpLink = getHelpLink;

package/dist/preview-server/error-overlay/remotion-overlay/index.d.ts

@@ -0,0 +1 @@
+export declare const mountRemotionOverlay: () => void;

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mountRemotionOverlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const client_1 = __importDefault(require("react-dom/client"));
+const Overlay_1 = require("./Overlay");
+const mountRemotionOverlay = () => {
+    if (client_1.default.createRoot) {
+        client_1.default.createRoot(document.getElementById('remotion-error-overlay')).render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}));
+    }
+    else {
+        client_1.default.render((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, {}), document.getElementById('remotion-error-overlay'));
+    }
+};
+exports.mountRemotionOverlay = mountRemotionOverlay;

package/dist/preview-server/get-package-manager.d.ts

@@ -0,0 +1,10 @@
+export declare type PackageManager = 'npm' | 'yarn' | 'pnpm';
+declare type LockfilePath = {
+    manager: PackageManager;
+    path: string;
+    installCommand: string;
+    startCommand: string;
+};
+export declare const lockFilePaths: LockfilePath[];
+export declare const getPackageManager: (remotionRoot: string) => LockfilePath | 'unknown';
+export {};

package/dist/preview-server/get-package-manager.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPackageManager = exports.lockFilePaths = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+exports.lockFilePaths = [
+    {
+        path: 'package-lock.json',
+        manager: 'npm',
+        installCommand: 'npm i',
+        startCommand: 'npm start',
+    },
+    {
+        path: 'yarn.lock',
+        manager: 'yarn',
+        installCommand: 'yarn add',
+        startCommand: 'yarn start',
+    },
+    {
+        path: 'pnpm-lock.yaml',
+        manager: 'pnpm',
+        installCommand: 'pnpm i',
+        startCommand: 'pnpm start',
+    },
+];
+const getPackageManager = (remotionRoot) => {
+    const existingPkgManagers = exports.lockFilePaths.filter((p) => fs_1.default.existsSync(path_1.default.join(remotionRoot, p.path)));
+    if (existingPkgManagers.length === 0) {
+        return 'unknown';
+    }
+    if (existingPkgManagers.length > 1) {
+        const error = [
+            `Found multiple lockfiles:`,
+            ...existingPkgManagers.map((m) => {
+                return `- ${m.path}`;
+            }),
+            '',
+            'This can lead to bugs, delete all but one of these files and run this command again.',
+        ].join('\n');
+        throw new Error(error);
+    }
+    return existingPkgManagers[0];
+};
+exports.getPackageManager = getPackageManager;

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

@@ -0,0 +1,19 @@
+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;
+    }
+}
+declare type Reporter = ReturnType<typeof createReporter>;
+declare function createReporter(): {
+    cleanProblemsCache(): void;
+    problems(type: 'errors' | 'warnings', obj: HotMiddlewareMessage): boolean;
+    success: () => undefined;
+};
+export {};