@remotion/cli 3.1.10 → 3.1.11

package/dist/editor/components/Timeline/timeline-scroll-logic.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.zoomAndPreserveCursor = exports.getFrameFromX = exports.getFrameWhileScrollingRight = exports.getFrameIncrement = exports.getScrollPositionForCursorOnRightEdge = exports.getScrollPositionForCursorOnLeftEdge = exports.scrollToTimelineXOffset = exports.ensureFrameIsInViewport = exports.isCursorInViewport = exports.getFrameWhileScrollingLeft = exports.SCROLL_INCREMENT = exports.canScrollTimelineIntoDirection = void 0;
-const remotion_1 = require("remotion");
+exports.canScrollTimelineIntoDirection = void 0;
 const timeline_layout_1 = require("../../helpers/timeline-layout");
 const timeline_refs_1 = require("./timeline-refs");
-const TimelineSlider_1 = require("./TimelineSlider");
 const canScrollTimelineIntoDirection = () => {
     const current = timeline_refs_1.scrollableRef.current;
     const { scrollWidth, scrollLeft, clientWidth } = current;
@@ -13,203 +11,3 @@ const canScrollTimelineIntoDirection = () => {
     return { canScrollRight, canScrollLeft };
 };
 exports.canScrollTimelineIntoDirection = canScrollTimelineIntoDirection;
-exports.SCROLL_INCREMENT = 200;
-const calculateFrameWhileScrollingRight = ({ durationInFrames, width, scrollLeft, }) => {
-    var _a;
-    return ((0, exports.getFrameFromX)({
-        clientX: scrollLeft,
-        durationInFrames,
-        width,
-        extrapolate: 'clamp',
-    }) +
-        Math.ceil((((_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) - timeline_layout_1.TIMELINE_PADDING) /
-            (0, exports.getFrameIncrement)(durationInFrames)));
-};
-const getFrameWhileScrollingLeft = ({ durationInFrames, width, }) => {
-    var _a, _b;
-    const nextFrame = (0, exports.getFrameFromX)({
-        clientX: ((_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) - exports.SCROLL_INCREMENT,
-        durationInFrames,
-        width,
-        extrapolate: 'clamp',
-    });
-    const currentFrame = (0, exports.getFrameFromX)({
-        clientX: (_b = timeline_refs_1.scrollableRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft,
-        durationInFrames,
-        width,
-        extrapolate: 'clamp',
-    });
-    // Should go back at least 1 frame, but not less than 0
-    return Math.max(0, Math.min(currentFrame - 1, nextFrame));
-};
-exports.getFrameWhileScrollingLeft = getFrameWhileScrollingLeft;
-const isCursorInViewport = ({ frame, durationInFrames, }) => {
-    var _a, _b, _c, _d;
-    const width = (_b = (_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) !== null && _b !== void 0 ? _b : 0;
-    const scrollLeft = (_d = (_c = timeline_refs_1.scrollableRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft) !== null && _d !== void 0 ? _d : 0;
-    const scrollPosOnRightEdge = (0, exports.getScrollPositionForCursorOnRightEdge)({
-        nextFrame: frame,
-        durationInFrames,
-    });
-    const scrollPosOnLeftEdge = (0, exports.getScrollPositionForCursorOnLeftEdge)({
-        nextFrame: frame,
-        durationInFrames,
-    });
-    const currentFrameRight = calculateFrameWhileScrollingRight({
-        durationInFrames,
-        scrollLeft,
-        width,
-    });
-    return !(scrollPosOnRightEdge >=
-        (0, exports.getScrollPositionForCursorOnRightEdge)({
-            nextFrame: currentFrameRight,
-            durationInFrames,
-        }) || scrollPosOnLeftEdge < scrollLeft);
-};
-exports.isCursorInViewport = isCursorInViewport;
-const ensureFrameIsInViewport = ({ direction, durationInFrames, frame, }) => {
-    var _a, _b, _c, _d, _e;
-    (_a = TimelineSlider_1.redrawTimelineSliderFast.current) === null || _a === void 0 ? void 0 : _a.draw(frame);
-    const width = (_c = (_b = timeline_refs_1.scrollableRef.current) === null || _b === void 0 ? void 0 : _b.scrollWidth) !== null && _c !== void 0 ? _c : 0;
-    const scrollLeft = (_e = (_d = timeline_refs_1.scrollableRef.current) === null || _d === void 0 ? void 0 : _d.scrollLeft) !== null && _e !== void 0 ? _e : 0;
-    if (direction === 'fit-left') {
-        const currentFrameLeft = (0, exports.getFrameFromX)({
-            clientX: scrollLeft,
-            durationInFrames,
-            width,
-            extrapolate: 'clamp',
-        });
-        const scrollPos = (0, exports.getScrollPositionForCursorOnLeftEdge)({
-            nextFrame: frame,
-            durationInFrames,
-        });
-        const needsToScrollLeft = scrollPos <=
-            (0, exports.getScrollPositionForCursorOnLeftEdge)({
-                nextFrame: currentFrameLeft,
-                durationInFrames,
-            });
-        if (needsToScrollLeft) {
-            (0, exports.scrollToTimelineXOffset)(scrollPos);
-        }
-    }
-    if (direction === 'fit-right') {
-        const currentFrameRight = calculateFrameWhileScrollingRight({
-            durationInFrames,
-            scrollLeft: scrollLeft,
-            width,
-        });
-        const scrollPos = (0, exports.getScrollPositionForCursorOnRightEdge)({
-            nextFrame: frame,
-            durationInFrames,
-        });
-        const needsToScrollRight = scrollPos >=
-            (0, exports.getScrollPositionForCursorOnRightEdge)({
-                nextFrame: currentFrameRight,
-                durationInFrames,
-            });
-        if (needsToScrollRight) {
-            (0, exports.scrollToTimelineXOffset)(scrollPos);
-        }
-    }
-    if (direction === 'page-right' || direction === 'page-left') {
-        if (!(0, exports.isCursorInViewport)({ frame, durationInFrames })) {
-            (0, exports.scrollToTimelineXOffset)(direction === 'page-left'
-                ? (0, exports.getScrollPositionForCursorOnRightEdge)({
-                    nextFrame: frame,
-                    durationInFrames,
-                })
-                : (0, exports.getScrollPositionForCursorOnLeftEdge)({
-                    nextFrame: frame,
-                    durationInFrames,
-                }));
-        }
-    }
-    if (direction === 'center') {
-        const scrollPosOnRightEdge = (0, exports.getScrollPositionForCursorOnRightEdge)({
-            nextFrame: frame,
-            durationInFrames,
-        });
-        const scrollPosOnLeftEdge = (0, exports.getScrollPositionForCursorOnLeftEdge)({
-            nextFrame: frame,
-            durationInFrames,
-        });
-        (0, exports.scrollToTimelineXOffset)((scrollPosOnLeftEdge + scrollPosOnRightEdge) / 2);
-    }
-};
-exports.ensureFrameIsInViewport = ensureFrameIsInViewport;
-const scrollToTimelineXOffset = (scrollPos) => {
-    var _a;
-    (_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scroll({
-        left: scrollPos,
-    });
-};
-exports.scrollToTimelineXOffset = scrollToTimelineXOffset;
-const getScrollPositionForCursorOnLeftEdge = ({ nextFrame, durationInFrames, }) => {
-    const frameIncrement = (0, exports.getFrameIncrement)(durationInFrames);
-    const scrollPos = frameIncrement * nextFrame;
-    return scrollPos;
-};
-exports.getScrollPositionForCursorOnLeftEdge = getScrollPositionForCursorOnLeftEdge;
-const getScrollPositionForCursorOnRightEdge = ({ nextFrame, durationInFrames, }) => {
-    var _a, _b;
-    const frameIncrement = (0, exports.getFrameIncrement)(durationInFrames);
-    const framesRemaining = durationInFrames - 1 - nextFrame;
-    const fromRight = framesRemaining * frameIncrement + timeline_layout_1.TIMELINE_PADDING;
-    const scrollPos = ((_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) -
-        fromRight -
-        ((_b = timeline_refs_1.scrollableRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) +
-        timeline_layout_1.TIMELINE_PADDING +
-        4; // clearfix;
-    return scrollPos;
-};
-exports.getScrollPositionForCursorOnRightEdge = getScrollPositionForCursorOnRightEdge;
-const getFrameIncrement = (durationInFrames) => {
-    var _a, _b;
-    const width = (_b = (_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) !== null && _b !== void 0 ? _b : 0;
-    return ((width - timeline_layout_1.TIMELINE_PADDING * 2) /
-        (durationInFrames - 1));
-};
-exports.getFrameIncrement = getFrameIncrement;
-const getFrameWhileScrollingRight = ({ durationInFrames, width, }) => {
-    var _a, _b;
-    const nextFrame = calculateFrameWhileScrollingRight({
-        durationInFrames,
-        width,
-        scrollLeft: ((_a = timeline_refs_1.scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) + exports.SCROLL_INCREMENT,
-    });
-    const currentFrame = calculateFrameWhileScrollingRight({
-        durationInFrames,
-        width,
-        scrollLeft: (_b = timeline_refs_1.scrollableRef.current) === null || _b === void 0 ? void 0 : _b.scrollLeft,
-    });
-    // Should scroll by at least 1 frame, but not overshoot duration
-    return Math.min(durationInFrames - 1, Math.max(nextFrame, currentFrame + 1));
-};
-exports.getFrameWhileScrollingRight = getFrameWhileScrollingRight;
-const getFrameFromX = ({ clientX, durationInFrames, width, extrapolate, }) => {
-    var _a;
-    const pos = clientX - timeline_layout_1.TIMELINE_PADDING;
-    const frame = Math.round((0, remotion_1.interpolate)(pos, [0, width - timeline_layout_1.TIMELINE_PADDING * 2], [0, (_a = durationInFrames - 1) !== null && _a !== void 0 ? _a : 0], {
-        extrapolateLeft: extrapolate,
-        extrapolateRight: extrapolate,
-    }));
-    return frame;
-};
-exports.getFrameFromX = getFrameFromX;
-const zoomAndPreserveCursor = ({ oldZoom, newZoom, currentFrame, currentDurationInFrames, }) => {
-    var _a, _b, _c;
-    const ratio = newZoom / oldZoom;
-    if (ratio === 1) {
-        return;
-    }
-    const { current } = timeline_refs_1.scrollableRef;
-    if (!current) {
-        return;
-    }
-    const frameIncrement = (0, exports.getFrameIncrement)(currentDurationInFrames);
-    const prevCursorPosition = frameIncrement * currentFrame + timeline_layout_1.TIMELINE_PADDING;
-    const newCursorPosition = ratio * (prevCursorPosition - timeline_layout_1.TIMELINE_PADDING) + timeline_layout_1.TIMELINE_PADDING;
-    current.scrollLeft += newCursorPosition - prevCursorPosition;
-    (_a = TimelineSlider_1.redrawTimelineSliderFast.current) === null || _a === void 0 ? void 0 : _a.draw(currentFrame, ((_c = (_b = timeline_refs_1.scrollableRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0) * ratio);
-};
-exports.zoomAndPreserveCursor = zoomAndPreserveCursor;

package/dist/editor/state/timeline-zoom.d.ts

@@ -3,7 +3,7 @@ export declare const TIMELINE_MIN_ZOOM = 1;
 export declare const TIMELINE_MAX_ZOOM = 5;
 export declare const TimelineZoomCtx: React.Context<{
     zoom: number;
-    setZoom: (prev: (prevZoom: number) => number) => void;
+    setZoom: React.Dispatch<React.SetStateAction<number>>;
 }>;
 export declare const TimelineZoomContext: React.FC<{
     children: React.ReactNode;

package/dist/editor/state/timeline-zoom.js

@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimelineZoomContext = exports.TimelineZoomCtx = exports.TIMELINE_MAX_ZOOM = exports.TIMELINE_MIN_ZOOM = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const imperative_state_1 = require("../components/Timeline/imperative-state");
-const timeline_scroll_logic_1 = require("../components/Timeline/timeline-scroll-logic");
 exports.TIMELINE_MIN_ZOOM = 1;
 exports.TIMELINE_MAX_ZOOM = 5;
 exports.TimelineZoomCtx = (0, react_1.createContext)({
@@ -18,19 +16,7 @@ const TimelineZoomContext = ({ children }) => {
     const value = (0, react_1.useMemo)(() => {
         return {
             zoom,
-            setZoom: (callback) => {
-                setZoom((prevZoom) => {
-                    const newZoomWithFloatingPointErrors = Math.min(exports.TIMELINE_MAX_ZOOM, Math.max(exports.TIMELINE_MIN_ZOOM, callback(prevZoom)));
-                    const newZoom = Math.round(newZoomWithFloatingPointErrors * 10) / 10;
-                    (0, timeline_scroll_logic_1.zoomAndPreserveCursor)({
-                        oldZoom: prevZoom,
-                        newZoom,
-                        currentDurationInFrames: (0, imperative_state_1.getCurrentDuration)(),
-                        currentFrame: (0, imperative_state_1.getCurrentFrame)(),
-                    });
-                    return newZoom;
-                });
-            },
+            setZoom,
         };
     }, [zoom]);
     return ((0, jsx_runtime_1.jsx)(exports.TimelineZoomCtx.Provider, { value: value, children: children }));

package/dist/prepare-entry-point.d.ts

@@ -0,0 +1,11 @@
+import { RenderStep } from './step';
+export declare const prepareEntryPoint: ({ file, otherSteps, publicPath, outDir, }: {
+    file: string;
+    otherSteps: RenderStep[];
+    outDir: string | null;
+    publicPath: string | null;
+}) => Promise<{
+    urlOrBundle: string;
+    steps: RenderStep[];
+    shouldDelete: boolean;
+}>;

package/dist/prepare-entry-point.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareEntryPoint = void 0;
+const renderer_1 = require("@remotion/renderer");
+const promises_1 = require("fs/promises");
+const path_1 = __importDefault(require("path"));
+const process_1 = require("process");
+const log_1 = require("./log");
+const setup_cache_1 = require("./setup-cache");
+const prepareEntryPoint = async ({ file, otherSteps, publicPath, outDir, }) => {
+    if (renderer_1.RenderInternals.isServeUrl(file)) {
+        return { urlOrBundle: file, steps: otherSteps, shouldDelete: false };
+    }
+    const joined = path_1.default.resolve(process.cwd(), file);
+    try {
+        const stats = await (0, promises_1.stat)(joined);
+        if (stats.isDirectory()) {
+            return { urlOrBundle: joined, steps: otherSteps, shouldDelete: false };
+        }
+    }
+    catch (err) {
+        log_1.Log.error(`No file or directory exists at ${joined}.`);
+        (0, process_1.exit)(1);
+    }
+    const urlOrBundle = await (0, setup_cache_1.bundleOnCli)({
+        fullPath: joined,
+        steps: ['bundling', ...otherSteps],
+        outDir,
+        publicPath,
+    });
+    return { urlOrBundle, steps: ['bundling', ...otherSteps], shouldDelete: true };
+};
+exports.prepareEntryPoint = prepareEntryPoint;

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

@@ -3,4 +3,5 @@ export declare const Button: React.FC<{
     onClick: () => void;
     disabled?: boolean;
     children: React.ReactNode;
+    style?: React.CSSProperties;
 }>;

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const colors_1 = require("../../../editor/helpers/colors");
 const button = {
     border: `1px solid ${colors_1.INPUT_BORDER_COLOR_UNHOVERED}`,
@@ -18,7 +19,13 @@ const buttonContainer = {
     cursor: 'pointer',
     fontSize: 14,
 };
-const Button = ({ children, onClick, disabled }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { style: button, type: "button", disabled: disabled, onClick: onClick, children: (0, jsx_runtime_1.jsx)("div", { style: buttonContainer, children: children }) }));
+const Button = ({ children, onClick, disabled, style }) => {
+    const combined = (0, react_1.useMemo)(() => {
+        return {
+            ...button,
+            ...(style !== null && style !== void 0 ? style : {}),
+        };
+    }, [style]);
+    return ((0, jsx_runtime_1.jsx)("button", { style: combined, type: "button", disabled: disabled, onClick: onClick, children: (0, jsx_runtime_1.jsx)("div", { style: buttonContainer, children: children }) }));
 };
 exports.Button = Button;

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

@@ -6,6 +6,10 @@ 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 buttonStyle = {
+    backgroundColor: 'var(--blue)',
+    color: 'white',
+};
 const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
     const openLink = (0, react_1.useCallback)(() => {
         window.open(link.url, '_blank');
@@ -26,6 +30,6 @@ const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { onClick: openLink, children: ["Help: ", '"', link.title, '"', canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "h", cmdOrCtrl: true })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { style: buttonStyle, onClick: openLink, children: ["Help: ", '"', link.title, '"', canHaveKeyboardShortcuts ? ((0, jsx_runtime_1.jsx)(ShortcutHint_1.ShortcutHint, { keyToPress: "h", cmdOrCtrl: true })) : null] }));
 };
 exports.HelpLink = HelpLink;

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

@@ -14,6 +14,30 @@ const getHelpLink = (message) => {
             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/fast-refresh/helpers.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * MIT License
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+declare function registerExportsForReactRefresh(moduleExports: unknown, moduleID: unknown): void;
+declare function isReactRefreshBoundary(moduleExports: unknown): boolean;
+declare function shouldInvalidateReactRefreshBoundary(prevExports: unknown, nextExports: unknown): boolean;
+declare function getRefreshBoundarySignature(moduleExports: unknown): any[];
+declare function scheduleUpdate(): void;
+declare const _default: {
+    registerExportsForReactRefresh: typeof registerExportsForReactRefresh;
+    isReactRefreshBoundary: typeof isReactRefreshBoundary;
+    shouldInvalidateReactRefreshBoundary: typeof shouldInvalidateReactRefreshBoundary;
+    getRefreshBoundarySignature: typeof getRefreshBoundarySignature;
+    scheduleUpdate: typeof scheduleUpdate;
+};
+export default _default;

package/dist/preview-server/fast-refresh/helpers.js

@@ -0,0 +1,145 @@
+"use strict";
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * MIT License
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+// This file is copied from the Metro JavaScript bundler, with minor tweaks for
+// webpack compatibility.
+//
+// https://github.com/facebook/metro/blob/d6b9685c730d0d63577db40f41369157f28dfa3a/packages/metro/src/lib/polyfills/require.js
+const RefreshRuntime = require('react-refresh/runtime');
+function isSafeExport(key) {
+    return (key === '__esModule' ||
+        key === '__N_SSG' ||
+        key === '__N_SSP' ||
+        key === 'config');
+}
+function registerExportsForReactRefresh(moduleExports, moduleID) {
+    RefreshRuntime.register(moduleExports, moduleID + ' %exports%');
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        // (This is important for legacy environments.)
+        return;
+    }
+    for (const key in moduleExports) {
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        const typeID = moduleID + ' %exports% ' + key;
+        RefreshRuntime.register(exportValue, typeID);
+    }
+}
+function isReactRefreshBoundary(moduleExports) {
+    if (RefreshRuntime.isLikelyComponentType(moduleExports)) {
+        return true;
+    }
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        return false;
+    }
+    let hasExports = false;
+    let areAllExportsComponents = true;
+    for (const key in moduleExports) {
+        hasExports = true;
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        if (!RefreshRuntime.isLikelyComponentType(exportValue)) {
+            areAllExportsComponents = false;
+        }
+    }
+    return hasExports && areAllExportsComponents;
+}
+function shouldInvalidateReactRefreshBoundary(prevExports, nextExports) {
+    const prevSignature = getRefreshBoundarySignature(prevExports);
+    const nextSignature = getRefreshBoundarySignature(nextExports);
+    if (prevSignature.length !== nextSignature.length) {
+        return true;
+    }
+    for (let i = 0; i < nextSignature.length; i++) {
+        if (prevSignature[i] !== nextSignature[i]) {
+            return true;
+        }
+    }
+    return false;
+}
+function getRefreshBoundarySignature(moduleExports) {
+    const signature = [];
+    signature.push(RefreshRuntime.getFamilyByType(moduleExports));
+    if (moduleExports === null ||
+        moduleExports === undefined ||
+        typeof moduleExports !== 'object') {
+        // Exit if we can't iterate over exports.
+        // (This is important for legacy environments.)
+        return signature;
+    }
+    for (const key in moduleExports) {
+        if (isSafeExport(key)) {
+            continue;
+        }
+        // @ts-expect-error
+        const exportValue = moduleExports[key];
+        signature.push(key);
+        signature.push(RefreshRuntime.getFamilyByType(exportValue));
+    }
+    return signature;
+}
+function scheduleUpdate() {
+    var _a, _b;
+    const execute = () => {
+        try {
+            RefreshRuntime.performReactRefresh();
+        }
+        catch (err) {
+            console.warn('Warning: Failed to re-render. We will retry on the next Fast Refresh event.\n' +
+                err);
+        }
+    };
+    // Only trigger refresh if the webpack HMR state is idle
+    if (((_a = module.hot) === null || _a === void 0 ? void 0 : _a.status()) === 'idle') {
+        return;
+    }
+    (_b = module.hot) === null || _b === void 0 ? void 0 : _b.addStatusHandler((status) => {
+        if (status === 'idle') {
+            execute();
+        }
+    });
+}
+exports.default = {
+    registerExportsForReactRefresh,
+    isReactRefreshBoundary,
+    shouldInvalidateReactRefreshBoundary,
+    getRefreshBoundarySignature,
+    scheduleUpdate,
+};

package/dist/preview-server/fast-refresh/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Source code is adapted from https://github.com/WebHotelier/webpack-fast-refresh#readme and rewritten in Typescript. This file is MIT licensed.
+ */
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2020 Vercel, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import webpack from 'webpack';
+export declare class ReactFreshWebpackPlugin {
+    apply(compiler: webpack.Compiler): void;
+}