@brett_lamy/docstream 1.6.1 → 1.7.0

package/dist/replay/NativeReplay.js

@@ -1,175 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* The rrweb player. Loaded on demand by ReplayPreview, so pages that only embed Loop QA
-   iframes (the markdown `{% embed %}` case) never download rrweb or its stylesheet. */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { EventType, Replayer } from 'rrweb';
-import { sanitizeReplayEvent } from './sanitize.js';
-import 'rrweb/dist/style.css';
-const DEFAULT_SPEEDS = [0.5, 1, 2, 4, 8];
-const SKIP_IDLE_THRESHOLD_MS = 5_000;
-export default function NativeReplay({ events, autoplay = false, loop = false, speeds = DEFAULT_SPEEDS, }) {
-    const stageRef = useRef(null);
-    const playerRef = useRef(null);
-    const replayerRef = useRef(null);
-    const fedCountRef = useRef(0);
-    const [playing, setPlaying] = useState(false);
-    const [speed, setSpeed] = useState(1);
-    const [dims, setDims] = useState(null);
-    const [scale, setScale] = useState(1);
-    const [currentTime, setCurrentTime] = useState(0);
-    const [totalTime, setTotalTime] = useState(0);
-    const [scrubbing, setScrubbing] = useState(null);
-    const speedRef = useRef(speed);
-    const loopRef = useRef(loop);
-    const autoplayRef = useRef(autoplay);
-    const prepared = useMemo(() => events
-        .map((event) => sanitizeReplayEvent(event))
-        .sort((a, b) => a.timestamp - b.timestamp), [events]);
-    const hasSnapshot = prepared.some((event) => event.type === EventType.FullSnapshot);
-    useEffect(() => {
-        if (replayerRef.current && prepared.length < fedCountRef.current) {
-            try {
-                replayerRef.current.destroy();
-            }
-            catch {
-                // Ignore stale player teardown.
-            }
-            replayerRef.current = null;
-            fedCountRef.current = 0;
-        }
-        if (!hasSnapshot || !playerRef.current)
-            return;
-        if (!replayerRef.current) {
-            const replayer = new Replayer(prepared, {
-                root: playerRef.current,
-                liveMode: false,
-                speed: speedRef.current,
-                skipInactive: true,
-                inactivePeriodThreshold: SKIP_IDLE_THRESHOLD_MS,
-                mouseTail: false,
-                showWarning: false,
-            });
-            replayer.on('resize', (payload) => {
-                const size = payload;
-                if (size.width && size.height)
-                    setDims({ w: size.width, h: size.height });
-            });
-            replayer.on('finish', () => {
-                if (loopRef.current) {
-                    replayer.play(0);
-                    setPlaying(true);
-                }
-                else {
-                    setPlaying(false);
-                }
-            });
-            replayer.pause(0);
-            replayerRef.current = replayer;
-            fedCountRef.current = prepared.length;
-            if (autoplayRef.current) {
-                replayer.play(0);
-                setPlaying(true);
-            }
-        }
-        else if (prepared.length > fedCountRef.current) {
-            for (let i = fedCountRef.current; i < prepared.length; i++) {
-                replayerRef.current.addEvent(prepared[i]);
-            }
-            fedCountRef.current = prepared.length;
-        }
-    }, [hasSnapshot, prepared]);
-    useEffect(() => () => {
-        try {
-            replayerRef.current?.destroy();
-        }
-        catch {
-            // Ignore unmount teardown errors from rrweb.
-        }
-        replayerRef.current = null;
-        fedCountRef.current = 0;
-    }, []);
-    useEffect(() => {
-        speedRef.current = speed;
-        replayerRef.current?.setConfig({ speed });
-    }, [speed]);
-    useEffect(() => {
-        loopRef.current = loop;
-    }, [loop]);
-    useEffect(() => {
-        autoplayRef.current = autoplay;
-    }, [autoplay]);
-    const recalcScale = useCallback(() => {
-        if (!dims || !stageRef.current || dims.w <= 0)
-            return;
-        setScale(Math.min(1, stageRef.current.clientWidth / dims.w));
-    }, [dims]);
-    useEffect(() => {
-        recalcScale();
-        window.addEventListener('resize', recalcScale);
-        return () => window.removeEventListener('resize', recalcScale);
-    }, [recalcScale]);
-    useEffect(() => {
-        if (!hasSnapshot)
-            return;
-        const interval = window.setInterval(() => {
-            const replayer = replayerRef.current;
-            if (!replayer)
-                return;
-            try {
-                const total = replayer.getMetaData().totalTime;
-                const current = Math.max(0, Math.min(replayer.getCurrentTime(), total));
-                setTotalTime(total);
-                if (scrubbing === null)
-                    setCurrentTime(current);
-            }
-            catch {
-                // rrweb can briefly be unready while a full snapshot is applied.
-            }
-        }, 200);
-        return () => window.clearInterval(interval);
-    }, [hasSnapshot, scrubbing]);
-    const seek = useCallback((value) => {
-        const replayer = replayerRef.current;
-        if (!replayer)
-            return;
-        const next = Math.max(0, Math.min(value, totalTime));
-        if (playing)
-            replayer.play(next);
-        else
-            replayer.pause(next);
-        setCurrentTime(next);
-    }, [playing, totalTime]);
-    const toggle = () => {
-        const replayer = replayerRef.current;
-        if (!replayer)
-            return;
-        if (playing) {
-            replayer.pause();
-            setPlaying(false);
-            return;
-        }
-        let offset = currentTime;
-        try {
-            if (offset >= replayer.getMetaData().totalTime - 1)
-                offset = 0;
-        }
-        catch {
-            offset = 0;
-        }
-        replayer.play(offset);
-        setPlaying(true);
-    };
-    const restart = () => {
-        replayerRef.current?.play(0);
-        setCurrentTime(0);
-        setPlaying(true);
-    };
-    if (!hasSnapshot) {
-        return (_jsx("div", { className: "replay-preview__empty", children: events.length ? `Captured ${events.length} events, but no full DOM snapshot is available.` : 'Replay data is not available yet.' }));
-    }
-    return (_jsxs("div", { className: "replay-preview__native", children: [_jsx("div", { ref: stageRef, className: "replay-preview__stage", style: dims ? { height: Math.max(1, Math.round(dims.h * scale)) } : undefined, children: _jsx("div", { className: "replay-preview__scaler", style: { transform: `scale(${scale})`, transformOrigin: 'top left' }, children: _jsx("div", { ref: playerRef, className: "replay-preview__player", "aria-hidden": "true" }) }) }), _jsxs("div", { className: "replay-preview__controls", children: [_jsx("button", { type: "button", onClick: toggle, "aria-label": playing ? 'Pause replay' : 'Play replay', children: playing ? 'Pause' : 'Play' }), _jsx("button", { type: "button", onClick: restart, "aria-label": "Restart replay", children: "Restart" }), _jsx("input", { type: "range", min: 0, max: Math.max(totalTime, 1), step: 1, value: scrubbing ?? currentTime, onChange: (event) => setScrubbing(Number(event.target.value)), onPointerUp: (event) => {
-                            seek(Number(event.currentTarget.value));
-                            setScrubbing(null);
-                        }, "aria-label": "Replay position" }), _jsx("select", { value: speed, onChange: (event) => setSpeed(Number(event.target.value)), "aria-label": "Replay speed", children: speeds.map((option) => (_jsxs("option", { value: option, children: [option, "\u00D7"] }, option))) })] })] }));
-}
-//# sourceMappingURL=NativeReplay.js.map

package/dist/replay/NativeReplay.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NativeReplay.js","sourceRoot":"","sources":["../../src/replay/NativeReplay.tsx"],"names":[],"mappings":"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"}

package/src/replay/NativeReplay.tsx

@@ -1,240 +0,0 @@
-/* The rrweb player. Loaded on demand by ReplayPreview, so pages that only embed Loop QA
-   iframes (the markdown `{% embed %}` case) never download rrweb or its stylesheet. */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { EventType, Replayer } from 'rrweb';
-import type { eventWithTime } from 'rrweb';
-import { sanitizeReplayEvent } from './sanitize';
-import type { ReplayEvent } from './types';
-import 'rrweb/dist/style.css';
-
-const DEFAULT_SPEEDS = [0.5, 1, 2, 4, 8];
-const SKIP_IDLE_THRESHOLD_MS = 5_000;
-
-export default function NativeReplay({
-  events,
-  autoplay = false,
-  loop = false,
-  speeds = DEFAULT_SPEEDS,
-}: {
-  events: ReplayEvent[];
-  autoplay?: boolean;
-  loop?: boolean;
-  speeds?: number[];
-}) {
-  const stageRef = useRef<HTMLDivElement>(null);
-  const playerRef = useRef<HTMLDivElement>(null);
-  const replayerRef = useRef<Replayer | null>(null);
-  const fedCountRef = useRef(0);
-  const [playing, setPlaying] = useState(false);
-  const [speed, setSpeed] = useState(1);
-  const [dims, setDims] = useState<{ w: number; h: number } | null>(null);
-  const [scale, setScale] = useState(1);
-  const [currentTime, setCurrentTime] = useState(0);
-  const [totalTime, setTotalTime] = useState(0);
-  const [scrubbing, setScrubbing] = useState<number | null>(null);
-  const speedRef = useRef(speed);
-  const loopRef = useRef(loop);
-  const autoplayRef = useRef(autoplay);
-
-  const prepared = useMemo(
-    () =>
-      events
-        .map((event) => sanitizeReplayEvent(event))
-        .sort((a, b) => a.timestamp - b.timestamp) as unknown as eventWithTime[],
-    [events],
-  );
-  const hasSnapshot = prepared.some((event) => event.type === EventType.FullSnapshot);
-
-  useEffect(() => {
-    if (replayerRef.current && prepared.length < fedCountRef.current) {
-      try {
-        replayerRef.current.destroy();
-      } catch {
-        // Ignore stale player teardown.
-      }
-      replayerRef.current = null;
-      fedCountRef.current = 0;
-    }
-    if (!hasSnapshot || !playerRef.current) return;
-
-    if (!replayerRef.current) {
-      const replayer = new Replayer(prepared, {
-        root: playerRef.current,
-        liveMode: false,
-        speed: speedRef.current,
-        skipInactive: true,
-        inactivePeriodThreshold: SKIP_IDLE_THRESHOLD_MS,
-        mouseTail: false,
-        showWarning: false,
-      });
-      replayer.on('resize', (payload) => {
-        const size = payload as { width?: number; height?: number };
-        if (size.width && size.height) setDims({ w: size.width, h: size.height });
-      });
-      replayer.on('finish', () => {
-        if (loopRef.current) {
-          replayer.play(0);
-          setPlaying(true);
-        } else {
-          setPlaying(false);
-        }
-      });
-      replayer.pause(0);
-      replayerRef.current = replayer;
-      fedCountRef.current = prepared.length;
-      if (autoplayRef.current) {
-        replayer.play(0);
-        setPlaying(true);
-      }
-    } else if (prepared.length > fedCountRef.current) {
-      for (let i = fedCountRef.current; i < prepared.length; i++) {
-        replayerRef.current.addEvent(prepared[i]!);
-      }
-      fedCountRef.current = prepared.length;
-    }
-  }, [hasSnapshot, prepared]);
-
-  useEffect(
-    () => () => {
-      try {
-        replayerRef.current?.destroy();
-      } catch {
-        // Ignore unmount teardown errors from rrweb.
-      }
-      replayerRef.current = null;
-      fedCountRef.current = 0;
-    },
-    [],
-  );
-
-  useEffect(() => {
-    speedRef.current = speed;
-    replayerRef.current?.setConfig({ speed });
-  }, [speed]);
-
-  useEffect(() => {
-    loopRef.current = loop;
-  }, [loop]);
-
-  useEffect(() => {
-    autoplayRef.current = autoplay;
-  }, [autoplay]);
-
-  const recalcScale = useCallback(() => {
-    if (!dims || !stageRef.current || dims.w <= 0) return;
-    setScale(Math.min(1, stageRef.current.clientWidth / dims.w));
-  }, [dims]);
-
-  useEffect(() => {
-    recalcScale();
-    window.addEventListener('resize', recalcScale);
-    return () => window.removeEventListener('resize', recalcScale);
-  }, [recalcScale]);
-
-  useEffect(() => {
-    if (!hasSnapshot) return;
-    const interval = window.setInterval(() => {
-      const replayer = replayerRef.current;
-      if (!replayer) return;
-      try {
-        const total = replayer.getMetaData().totalTime;
-        const current = Math.max(0, Math.min(replayer.getCurrentTime(), total));
-        setTotalTime(total);
-        if (scrubbing === null) setCurrentTime(current);
-      } catch {
-        // rrweb can briefly be unready while a full snapshot is applied.
-      }
-    }, 200);
-    return () => window.clearInterval(interval);
-  }, [hasSnapshot, scrubbing]);
-
-  const seek = useCallback(
-    (value: number) => {
-      const replayer = replayerRef.current;
-      if (!replayer) return;
-      const next = Math.max(0, Math.min(value, totalTime));
-      if (playing) replayer.play(next);
-      else replayer.pause(next);
-      setCurrentTime(next);
-    },
-    [playing, totalTime],
-  );
-
-  const toggle = () => {
-    const replayer = replayerRef.current;
-    if (!replayer) return;
-    if (playing) {
-      replayer.pause();
-      setPlaying(false);
-      return;
-    }
-    let offset = currentTime;
-    try {
-      if (offset >= replayer.getMetaData().totalTime - 1) offset = 0;
-    } catch {
-      offset = 0;
-    }
-    replayer.play(offset);
-    setPlaying(true);
-  };
-
-  const restart = () => {
-    replayerRef.current?.play(0);
-    setCurrentTime(0);
-    setPlaying(true);
-  };
-
-  if (!hasSnapshot) {
-    return (
-      <div className="replay-preview__empty">
-        {events.length ? `Captured ${events.length} events, but no full DOM snapshot is available.` : 'Replay data is not available yet.'}
-      </div>
-    );
-  }
-
-  return (
-    <div className="replay-preview__native">
-      <div
-        ref={stageRef}
-        className="replay-preview__stage"
-        style={dims ? { height: Math.max(1, Math.round(dims.h * scale)) } : undefined}
-      >
-        <div
-          className="replay-preview__scaler"
-          style={{ transform: `scale(${scale})`, transformOrigin: 'top left' }}
-        >
-          <div ref={playerRef} className="replay-preview__player" aria-hidden="true" />
-        </div>
-      </div>
-      <div className="replay-preview__controls">
-        <button type="button" onClick={toggle} aria-label={playing ? 'Pause replay' : 'Play replay'}>
-          {playing ? 'Pause' : 'Play'}
-        </button>
-        <button type="button" onClick={restart} aria-label="Restart replay">
-          Restart
-        </button>
-        <input
-          type="range"
-          min={0}
-          max={Math.max(totalTime, 1)}
-          step={1}
-          value={scrubbing ?? currentTime}
-          onChange={(event) => setScrubbing(Number(event.target.value))}
-          onPointerUp={(event) => {
-            seek(Number((event.currentTarget as HTMLInputElement).value));
-            setScrubbing(null);
-          }}
-          aria-label="Replay position"
-        />
-        <select value={speed} onChange={(event) => setSpeed(Number(event.target.value))} aria-label="Replay speed">
-          {speeds.map((option) => (
-            <option key={option} value={option}>
-              {option}×
-            </option>
-          ))}
-        </select>
-      </div>
-    </div>
-  );
-}
-