@brett_lamy/docstream 1.5.0 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/replay/NativeReplay.d.ts +2 -2
- package/dist/replay/NativeReplay.d.ts.map +1 -1
- package/dist/replay/NativeReplay.js +3 -1
- package/dist/replay/NativeReplay.js.map +1 -1
- package/dist/replay/ReplayPreview.d.ts +3 -3
- package/dist/replay/ReplayPreview.d.ts.map +1 -1
- package/dist/replay/ReplayPreview.js.map +1 -1
- package/dist/replay/ReplayStage.d.ts +10 -0
- package/dist/replay/ReplayStage.d.ts.map +1 -0
- package/dist/replay/ReplayStage.js +19 -0
- package/dist/replay/ReplayStage.js.map +1 -0
- package/dist/replay/ReplayStageImpl.d.ts +5 -0
- package/dist/replay/ReplayStageImpl.d.ts.map +1 -0
- package/dist/replay/ReplayStageImpl.js +249 -0
- package/dist/replay/ReplayStageImpl.js.map +1 -0
- package/dist/replay/index.d.ts +6 -0
- package/dist/replay/index.d.ts.map +1 -1
- package/dist/replay/index.js +3 -0
- package/dist/replay/index.js.map +1 -1
- package/dist/replay/markers.d.ts +55 -0
- package/dist/replay/markers.d.ts.map +1 -0
- package/dist/replay/markers.js +177 -0
- package/dist/replay/markers.js.map +1 -0
- package/dist/replay/sanitize.d.ts +2 -2
- package/dist/replay/sanitize.d.ts.map +1 -1
- package/dist/replay/sanitize.js +1 -1
- package/dist/replay/sanitize.js.map +1 -1
- package/dist/replay/stage-types.d.ts +65 -0
- package/dist/replay/stage-types.d.ts.map +1 -0
- package/dist/replay/stage-types.js +2 -0
- package/dist/replay/stage-types.js.map +1 -0
- package/dist/replay/types.d.ts +39 -0
- package/dist/replay/types.d.ts.map +1 -0
- package/dist/replay/types.js +36 -0
- package/dist/replay/types.js.map +1 -0
- package/package.json +1 -1
- package/src/index.ts +1 -0
- package/src/replay/NativeReplay.tsx +6 -2
- package/src/replay/ReplayPreview.tsx +6 -6
- package/src/replay/ReplayStage.tsx +28 -0
- package/src/replay/ReplayStageImpl.tsx +281 -0
- package/src/replay/index.ts +6 -0
- package/src/replay/markers.ts +213 -0
- package/src/replay/sanitize.ts +2 -3
- package/src/replay/stage-types.ts +63 -0
- package/src/replay/types.ts +46 -0
package/README.md
CHANGED
|
@@ -15,6 +15,7 @@ GitBook-aware markdown rendering for React applications and AI streaming surface
|
|
|
15
15
|
output, and are ignored once they no longer fit an edited node.
|
|
16
16
|
- Syntax-highlighted code blocks through `gpu-lexer`; Mermaid diagrams and KaTeX math load on first use.
|
|
17
17
|
- GitBook block support for hints, tabs, expandables, steppers, embeds, content refs, columns, figures, tables, math, dividers, updates, and OpenAPI operations.
|
|
18
|
+
- Embed blocks render YouTube/direct video URLs through the built-in `VideoEmbed` and public Loop QA task, journey, exploration, or test-run URLs through `ReplayPreview`.
|
|
18
19
|
- CSS exported as a stable package entrypoint so host apps can theme with CSS variables or shadcn-style design tokens.
|
|
19
20
|
- Attribute-aware direct video embeds for muted, looping inline clips in long-form posts.
|
|
20
21
|
- Optional `VizEmbed` integration for mounting deterministic `@brett_lamy/viz-engine` scenes in a document.
|
|
@@ -119,6 +120,39 @@ export function Preview({ markdown }: { markdown: string }) {
|
|
|
119
120
|
}
|
|
120
121
|
```
|
|
121
122
|
|
|
123
|
+
## Video and Replay QA embeds
|
|
124
|
+
|
|
125
|
+
`embed` blocks accept direct `.mp4`, `.webm`, and `.ogg` assets, YouTube URLs,
|
|
126
|
+
and public Loop QA project URLs. Loop QA project URLs are converted to the
|
|
127
|
+
chrome-free `/p/...` route automatically:
|
|
128
|
+
|
|
129
|
+
```md
|
|
130
|
+
{% embed url="https://loop-qa.replay.io/projects/project-id/journeys/journey-id" /%}
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
The replay component is also available directly when a document needs a
|
|
134
|
+
custom source or native rrweb events:
|
|
135
|
+
|
|
136
|
+
```tsx
|
|
137
|
+
import { ReplayPreview } from "@brett_lamy/docstream"
|
|
138
|
+
|
|
139
|
+
<ReplayPreview source="https://loop-qa.replay.io/projects/project-id/tasks/task-id" />
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
rrweb (and its stylesheet) is imported only by the lazily loaded player chunk, so pages
|
|
143
|
+
that only embed Loop QA URLs never download it. To build custom player chrome, use
|
|
144
|
+
the headless `ReplayStage` (the fitted page, driven through a ref and callbacks) with the
|
|
145
|
+
pure timeline helpers, none of which load rrweb:
|
|
146
|
+
|
|
147
|
+
```tsx
|
|
148
|
+
import { ReplayStage, getReplayMarkers, getReplayPointerTrack, replayPointerAt } from "@brett_lamy/docstream/replay"
|
|
149
|
+
|
|
150
|
+
const stage = useRef<ReplayStageHandle>(null)
|
|
151
|
+
<ReplayStage ref={stage} events={events} fit="contain" showMouse={false}
|
|
152
|
+
onTimeUpdate={setTime} onPlayingChange={setPlaying} overlay={<MyCursor at={replayPointerAt(track, time)} />} />
|
|
153
|
+
// markers: getReplayMarkers(events) → clicks, console errors, failed requests, navigations, custom events
|
|
154
|
+
```
|
|
155
|
+
|
|
122
156
|
## GitBook Syntax
|
|
123
157
|
|
|
124
158
|
The parser supports normal Markdown plus GitBook-style block tags.
|
|
@@ -605,6 +639,8 @@ You can also resolve paths yourself with `resolveAsset`.
|
|
|
605
639
|
- `GitbookStreamdown`: Parses and renders markdown for read-only stream output.
|
|
606
640
|
- `DocsRenderer`: Renders a parsed `DocumentNode`.
|
|
607
641
|
- `MarkdownContent`: Parses and renders a markdown string.
|
|
642
|
+
- `ReplayPreview` / `ReplayEmbed`: Embeds public Loop QA pages or plays CORS-enabled rrweb event data.
|
|
643
|
+
- `VideoEmbed`: Renders direct video assets or hosted video players.
|
|
608
644
|
- `OpenApiOperation`: Renders a parsed OpenAPI operation block.
|
|
609
645
|
- `SourcePreview`: Imports and renders a mounted component or CSF story export.
|
|
610
646
|
- `createViteSourceClient`: Reads, writes, and imports files exposed by the Vite plugin.
|
package/dist/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { CitationSources, DocstreamRefContext, InlineReference } from "./docs/re
|
|
|
14
14
|
export type { CitationPreview, CitationPreviewResolver, DocstreamRefContextValue } from "./docs/reference.js";
|
|
15
15
|
export { ReplayEmbed, ReplayPreview } from "./replay/ReplayPreview.js";
|
|
16
16
|
export type { ReplayEventsSource, ReplayEventsUrlSource, ReplayPageSource, ReplayPreviewProps, ReplaySource, } from "./replay/ReplayPreview.js";
|
|
17
|
+
export type { ReplayEvent } from "./replay/types.js";
|
|
17
18
|
export { isReplayQaUrl, normalizeReplayEmbedUrl } from "./replay/url.js";
|
|
18
19
|
export { VideoEmbed } from "./video/index.js";
|
|
19
20
|
export type { VideoEmbedProps } from "./video/index.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,sGAAsG;AACtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,2BAA2B,EAC3B,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,wBAAwB,EACxB,oCAAoC,EACpC,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,QAAQ,CAAA;AAuBf,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAExF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,sGAAsG;AACtG,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,2BAA2B,EAC3B,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,wBAAwB,EACxB,oCAAoC,EACpC,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,2BAA2B,EAC3B,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,QAAQ,CAAA;AAuBf,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAExF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AASnE,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AASpF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAS3F,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AACvG,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACrG,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ReplayEvent } from './types.js';
|
|
2
2
|
|
|
3
3
|
export default function NativeReplay({ events, autoplay, loop, speeds, }: {
|
|
4
|
-
events:
|
|
4
|
+
events: ReplayEvent[];
|
|
5
5
|
autoplay?: boolean;
|
|
6
6
|
loop?: boolean;
|
|
7
7
|
speeds?: number[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeReplay.d.ts","sourceRoot":"","sources":["../../src/replay/NativeReplay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NativeReplay.d.ts","sourceRoot":"","sources":["../../src/replay/NativeReplay.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,sBAAsB,CAAC;AAK9B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,QAAgB,EAChB,IAAY,EACZ,MAAuB,GACxB,EAAE;IACD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB,+BAwNA"}
|
|
@@ -22,7 +22,9 @@ export default function NativeReplay({ events, autoplay = false, loop = false, s
|
|
|
22
22
|
const speedRef = useRef(speed);
|
|
23
23
|
const loopRef = useRef(loop);
|
|
24
24
|
const autoplayRef = useRef(autoplay);
|
|
25
|
-
const prepared = useMemo(() => events
|
|
25
|
+
const prepared = useMemo(() => events
|
|
26
|
+
.map((event) => sanitizeReplayEvent(event))
|
|
27
|
+
.sort((a, b) => a.timestamp - b.timestamp), [events]);
|
|
26
28
|
const hasSnapshot = prepared.some((event) => event.type === EventType.FullSnapshot);
|
|
27
29
|
useEffect(() => {
|
|
28
30
|
if (replayerRef.current && prepared.length < fedCountRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeReplay.js","sourceRoot":"","sources":["../../src/replay/NativeReplay.tsx"],"names":[],"mappings":";AAAA;uFACuF;AACvF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"NativeReplay.js","sourceRoot":"","sources":["../../src/replay/NativeReplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ReplayEvent } from './types.js';
|
|
2
2
|
export interface ReplayPageSource {
|
|
3
3
|
kind: 'url';
|
|
4
4
|
url: string;
|
|
@@ -6,14 +6,14 @@ export interface ReplayPageSource {
|
|
|
6
6
|
}
|
|
7
7
|
export interface ReplayEventsSource {
|
|
8
8
|
kind: 'events';
|
|
9
|
-
events:
|
|
9
|
+
events: ReplayEvent[];
|
|
10
10
|
}
|
|
11
11
|
export interface ReplayEventsUrlSource {
|
|
12
12
|
kind: 'events-url';
|
|
13
13
|
url: string;
|
|
14
14
|
fetchInit?: RequestInit;
|
|
15
15
|
}
|
|
16
|
-
export type ReplaySource = string |
|
|
16
|
+
export type ReplaySource = string | ReplayEvent[] | ReplayPageSource | ReplayEventsSource | ReplayEventsUrlSource;
|
|
17
17
|
export interface ReplayPreviewProps {
|
|
18
18
|
/** A public Loop QA URL, a public event endpoint, or an in-memory rrweb event list. */
|
|
19
19
|
source: ReplaySource;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReplayPreview.d.ts","sourceRoot":"","sources":["../../src/replay/ReplayPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ReplayPreview.d.ts","sourceRoot":"","sources":["../../src/replay/ReplayPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,WAAW,EAAE,GACb,gBAAgB,GAChB,kBAAkB,GAClB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,MAAM,EAAE,YAAY,CAAC;IACrB,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAiGD,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAa,EACb,QAAgB,EAChB,IAAY,EACZ,SAAS,EACT,KAAK,EACL,MAAuB,GACxB,EAAE,kBAAkB,sCA8BpB;AAED,sDAAsD;AACtD,eAAO,MAAM,WAAW,sBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReplayPreview.js","sourceRoot":"","sources":["../../src/replay/ReplayPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAwChD,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEzC,SAAS,UAAU,CAAC,MAAoB;IACtC,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IACpE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IACvC,OAAO,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC;AAED,SAAS,YAAY,CAAC,MAAoB;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IACrE,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC5C,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC;AAED,SAAS,eAAe,CAAC,MAAoB;IAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACrE,OAAO,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACtD,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAgD;IAClF,MAAM,GAAG,GAAG,uBAAuB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAChD,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,CACL,YAAG,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,4BAErF,CACL,CAAC;IACJ,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,gBAAgB,EAChD,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,sBAAsB,EAC5B,eAAe,QACf,cAAc,EAAC,iCAAiC,GAChD,CACH,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAE9D,SAAS,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"ReplayPreview.js","sourceRoot":"","sources":["../../src/replay/ReplayPreview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ReplayStageHandle, ReplayStageProps } from './stage-types.js';
|
|
2
|
+
/** Start loading the rrweb player chunk ahead of the first `ReplayStage` render. */
|
|
3
|
+
export declare function preloadReplayStage(): Promise<unknown>;
|
|
4
|
+
/**
|
|
5
|
+
* A headless rrweb player: the recorded page, fitted to its box, with no controls. Drive it
|
|
6
|
+
* through the ref (`play`, `pause`, `seek`, …) and the `onTimeUpdate` / `onPlayingChange`
|
|
7
|
+
* callbacks to build custom player chrome.
|
|
8
|
+
*/
|
|
9
|
+
export declare const ReplayStage: import("react").ForwardRefExoticComponent<ReplayStageProps & import("react").RefAttributes<ReplayStageHandle>>;
|
|
10
|
+
//# sourceMappingURL=ReplayStage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReplayStage.d.ts","sourceRoot":"","sources":["../../src/replay/ReplayStage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAKxE,oFAAoF;AACpF,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CAErD;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,gHAStB,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/* The eager half of the headless stage: a lazy boundary around `ReplayStageImpl`, so importing
|
|
3
|
+
`ReplayStage` never pulls in rrweb — it (and its stylesheet) load on first render. */
|
|
4
|
+
import { Suspense, forwardRef, lazy } from 'react';
|
|
5
|
+
const load = () => import('./ReplayStageImpl.js');
|
|
6
|
+
const LazyReplayStage = lazy(load);
|
|
7
|
+
/** Start loading the rrweb player chunk ahead of the first `ReplayStage` render. */
|
|
8
|
+
export function preloadReplayStage() {
|
|
9
|
+
return load();
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* A headless rrweb player: the recorded page, fitted to its box, with no controls. Drive it
|
|
13
|
+
* through the ref (`play`, `pause`, `seek`, …) and the `onTimeUpdate` / `onPlayingChange`
|
|
14
|
+
* callbacks to build custom player chrome.
|
|
15
|
+
*/
|
|
16
|
+
export const ReplayStage = forwardRef(function ReplayStage({ fallback = null, ...props }, ref) {
|
|
17
|
+
return (_jsx(Suspense, { fallback: fallback, children: _jsx(LazyReplayStage, { ref: ref, ...props }) }));
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=ReplayStage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReplayStage.js","sourceRoot":"","sources":["../../src/replay/ReplayStage.tsx"],"names":[],"mappings":";AAAA;wFACwF;AACxF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAGlD,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAA;AAC9C,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,CAAA;AAElC,oFAAoF;AACpF,MAAM,UAAU,kBAAkB;IAChC,OAAO,IAAI,EAAE,CAAA;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,SAAS,WAAW,CAC7F,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAC7B,GAAG;IAEH,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,YAC1B,KAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,GAC/B,CACZ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ReplayStageHandle, ReplayStageProps } from './stage-types.js';
|
|
2
|
+
|
|
3
|
+
declare const ReplayStageImpl: import("react").ForwardRefExoticComponent<ReplayStageProps & import("react").RefAttributes<ReplayStageHandle>>;
|
|
4
|
+
export default ReplayStageImpl;
|
|
5
|
+
//# sourceMappingURL=ReplayStageImpl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReplayStageImpl.d.ts","sourceRoot":"","sources":["../../src/replay/ReplayStageImpl.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,sBAAsB,CAAA;AAM7B,QAAA,MAAM,eAAe,gHAqQnB,CAAA;AAEF,eAAe,eAAe,CAAA"}
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* The headless rrweb stage: mounts rrweb's Replayer, fits the recorded viewport into its box
|
|
3
|
+
and exposes an imperative handle, with no controls of its own. Loaded on demand through
|
|
4
|
+
`ReplayStage` (and by `NativeReplay`), so rrweb and its stylesheet stay out of the eager graph. */
|
|
5
|
+
import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
6
|
+
import { Replayer } from 'rrweb';
|
|
7
|
+
import { getReplayMeta } from './markers.js';
|
|
8
|
+
import { sanitizeReplayEvent } from './sanitize.js';
|
|
9
|
+
import { ReplayEventType } from './types.js';
|
|
10
|
+
import 'rrweb/dist/style.css';
|
|
11
|
+
const SKIP_IDLE_THRESHOLD_MS = 5_000;
|
|
12
|
+
const useIsoLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
|
|
13
|
+
const ReplayStageImpl = forwardRef(function ReplayStageImpl({ events, autoplay = false, loop = false, speed = 1, skipInactive = true, initialTime = 0, fit = 'width', showMouse = true, overlay, className, style, onReady, onTimeUpdate, onPlayingChange, onFinish, onLayout, }, ref) {
|
|
14
|
+
const boxRef = useRef(null);
|
|
15
|
+
const playerRef = useRef(null);
|
|
16
|
+
const replayerRef = useRef(null);
|
|
17
|
+
const playingRef = useRef(false);
|
|
18
|
+
const fedCountRef = useRef(0);
|
|
19
|
+
const rafRef = useRef(0);
|
|
20
|
+
const callbacks = useRef({ onReady, onTimeUpdate, onPlayingChange, onFinish, onLayout });
|
|
21
|
+
callbacks.current = { onReady, onTimeUpdate, onPlayingChange, onFinish, onLayout };
|
|
22
|
+
const options = useRef({ autoplay, loop, speed, skipInactive, initialTime });
|
|
23
|
+
options.current = { autoplay, loop, speed, skipInactive, initialTime };
|
|
24
|
+
const prepared = useMemo(() => events
|
|
25
|
+
.map((event) => sanitizeReplayEvent(event))
|
|
26
|
+
.sort((a, b) => a.timestamp - b.timestamp), [events]);
|
|
27
|
+
const meta = useMemo(() => getReplayMeta(events), [events]);
|
|
28
|
+
const [dims, setDims] = useState(() => ({ w: meta.width, h: meta.height }));
|
|
29
|
+
const [box, setBox] = useState({ w: 0, h: 0 });
|
|
30
|
+
const time = useCallback(() => {
|
|
31
|
+
try {
|
|
32
|
+
const replayer = replayerRef.current;
|
|
33
|
+
if (!replayer)
|
|
34
|
+
return 0;
|
|
35
|
+
return Math.max(0, Math.min(replayer.getCurrentTime(), replayer.getMetaData().totalTime));
|
|
36
|
+
}
|
|
37
|
+
catch {
|
|
38
|
+
return 0;
|
|
39
|
+
}
|
|
40
|
+
}, []);
|
|
41
|
+
const setPlaying = useCallback((next) => {
|
|
42
|
+
if (playingRef.current === next)
|
|
43
|
+
return;
|
|
44
|
+
playingRef.current = next;
|
|
45
|
+
callbacks.current.onPlayingChange?.(next);
|
|
46
|
+
}, []);
|
|
47
|
+
const tick = useCallback(() => {
|
|
48
|
+
cancelAnimationFrame(rafRef.current);
|
|
49
|
+
const step = () => {
|
|
50
|
+
callbacks.current.onTimeUpdate?.(time());
|
|
51
|
+
if (playingRef.current)
|
|
52
|
+
rafRef.current = requestAnimationFrame(step);
|
|
53
|
+
};
|
|
54
|
+
rafRef.current = requestAnimationFrame(step);
|
|
55
|
+
}, [time]);
|
|
56
|
+
const handle = useMemo(() => ({
|
|
57
|
+
play(offset) {
|
|
58
|
+
const replayer = replayerRef.current;
|
|
59
|
+
if (!replayer)
|
|
60
|
+
return;
|
|
61
|
+
let from = offset ?? time();
|
|
62
|
+
try {
|
|
63
|
+
if (offset === undefined && from >= replayer.getMetaData().totalTime - 1)
|
|
64
|
+
from = 0;
|
|
65
|
+
}
|
|
66
|
+
catch {
|
|
67
|
+
from = 0;
|
|
68
|
+
}
|
|
69
|
+
replayer.play(from);
|
|
70
|
+
setPlaying(true);
|
|
71
|
+
tick();
|
|
72
|
+
},
|
|
73
|
+
pause(offset) {
|
|
74
|
+
const replayer = replayerRef.current;
|
|
75
|
+
if (!replayer)
|
|
76
|
+
return;
|
|
77
|
+
if (offset === undefined)
|
|
78
|
+
replayer.pause();
|
|
79
|
+
else
|
|
80
|
+
replayer.pause(offset);
|
|
81
|
+
setPlaying(false);
|
|
82
|
+
callbacks.current.onTimeUpdate?.(offset ?? time());
|
|
83
|
+
},
|
|
84
|
+
seek(ms) {
|
|
85
|
+
const replayer = replayerRef.current;
|
|
86
|
+
if (!replayer)
|
|
87
|
+
return;
|
|
88
|
+
let total = ms;
|
|
89
|
+
try {
|
|
90
|
+
total = replayer.getMetaData().totalTime;
|
|
91
|
+
}
|
|
92
|
+
catch {
|
|
93
|
+
// keep ms
|
|
94
|
+
}
|
|
95
|
+
const next = Math.max(0, Math.min(ms, total));
|
|
96
|
+
if (playingRef.current)
|
|
97
|
+
replayer.play(next);
|
|
98
|
+
else
|
|
99
|
+
replayer.pause(next);
|
|
100
|
+
callbacks.current.onTimeUpdate?.(next);
|
|
101
|
+
},
|
|
102
|
+
toggle() {
|
|
103
|
+
if (playingRef.current)
|
|
104
|
+
this.pause();
|
|
105
|
+
else
|
|
106
|
+
this.play();
|
|
107
|
+
},
|
|
108
|
+
getCurrentTime: time,
|
|
109
|
+
isPlaying: () => playingRef.current,
|
|
110
|
+
getDuration() {
|
|
111
|
+
try {
|
|
112
|
+
return replayerRef.current?.getMetaData().totalTime ?? meta.duration;
|
|
113
|
+
}
|
|
114
|
+
catch {
|
|
115
|
+
return meta.duration;
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
}), [meta.duration, setPlaying, tick, time]);
|
|
119
|
+
useImperativeHandle(ref, () => handle, [handle]);
|
|
120
|
+
// Build / feed the Replayer. Appended events are fed live; a shorter list starts over.
|
|
121
|
+
useEffect(() => {
|
|
122
|
+
if (replayerRef.current && prepared.length < fedCountRef.current) {
|
|
123
|
+
try {
|
|
124
|
+
replayerRef.current.destroy();
|
|
125
|
+
}
|
|
126
|
+
catch {
|
|
127
|
+
// Ignore stale player teardown.
|
|
128
|
+
}
|
|
129
|
+
replayerRef.current = null;
|
|
130
|
+
fedCountRef.current = 0;
|
|
131
|
+
}
|
|
132
|
+
const hasSnapshot = prepared.some((event) => event.type === ReplayEventType.FullSnapshot);
|
|
133
|
+
if (!hasSnapshot || !playerRef.current)
|
|
134
|
+
return;
|
|
135
|
+
if (!replayerRef.current) {
|
|
136
|
+
const { autoplay, speed, skipInactive, initialTime } = options.current;
|
|
137
|
+
const replayer = new Replayer(prepared, {
|
|
138
|
+
root: playerRef.current,
|
|
139
|
+
liveMode: false,
|
|
140
|
+
speed,
|
|
141
|
+
skipInactive,
|
|
142
|
+
inactivePeriodThreshold: SKIP_IDLE_THRESHOLD_MS,
|
|
143
|
+
mouseTail: false,
|
|
144
|
+
showWarning: false,
|
|
145
|
+
});
|
|
146
|
+
replayer.on('resize', (payload) => {
|
|
147
|
+
const size = payload;
|
|
148
|
+
if (size.width && size.height)
|
|
149
|
+
setDims({ w: size.width, h: size.height });
|
|
150
|
+
});
|
|
151
|
+
replayer.on('finish', () => {
|
|
152
|
+
if (options.current.loop) {
|
|
153
|
+
replayer.play(0);
|
|
154
|
+
setPlaying(true);
|
|
155
|
+
tick();
|
|
156
|
+
}
|
|
157
|
+
else {
|
|
158
|
+
setPlaying(false);
|
|
159
|
+
callbacks.current.onTimeUpdate?.(time());
|
|
160
|
+
callbacks.current.onFinish?.();
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
replayer.pause(initialTime);
|
|
164
|
+
replayerRef.current = replayer;
|
|
165
|
+
fedCountRef.current = prepared.length;
|
|
166
|
+
let duration = meta.duration;
|
|
167
|
+
try {
|
|
168
|
+
duration = replayer.getMetaData().totalTime;
|
|
169
|
+
}
|
|
170
|
+
catch {
|
|
171
|
+
// keep the event-derived duration
|
|
172
|
+
}
|
|
173
|
+
callbacks.current.onReady?.({ duration, width: meta.width, height: meta.height });
|
|
174
|
+
callbacks.current.onTimeUpdate?.(initialTime);
|
|
175
|
+
if (autoplay)
|
|
176
|
+
handle.play(initialTime);
|
|
177
|
+
}
|
|
178
|
+
else if (prepared.length > fedCountRef.current) {
|
|
179
|
+
for (let i = fedCountRef.current; i < prepared.length; i++)
|
|
180
|
+
replayerRef.current.addEvent(prepared[i]);
|
|
181
|
+
fedCountRef.current = prepared.length;
|
|
182
|
+
}
|
|
183
|
+
}, [prepared, meta, handle, setPlaying, tick, time]);
|
|
184
|
+
useEffect(() => () => {
|
|
185
|
+
cancelAnimationFrame(rafRef.current);
|
|
186
|
+
try {
|
|
187
|
+
replayerRef.current?.destroy();
|
|
188
|
+
}
|
|
189
|
+
catch {
|
|
190
|
+
// Ignore unmount teardown errors from rrweb.
|
|
191
|
+
}
|
|
192
|
+
replayerRef.current = null;
|
|
193
|
+
fedCountRef.current = 0;
|
|
194
|
+
}, []);
|
|
195
|
+
useEffect(() => {
|
|
196
|
+
replayerRef.current?.setConfig({ speed, skipInactive });
|
|
197
|
+
}, [speed, skipInactive]);
|
|
198
|
+
// rrweb's own cursor element; hosts drawing their own pointer overlay hide it.
|
|
199
|
+
useEffect(() => {
|
|
200
|
+
const mouse = playerRef.current?.querySelector('.replayer-mouse');
|
|
201
|
+
if (mouse)
|
|
202
|
+
mouse.style.visibility = showMouse ? '' : 'hidden';
|
|
203
|
+
});
|
|
204
|
+
useIsoLayoutEffect(() => {
|
|
205
|
+
const el = boxRef.current;
|
|
206
|
+
if (!el)
|
|
207
|
+
return;
|
|
208
|
+
const measure = () => setBox({ w: el.clientWidth, h: el.clientHeight });
|
|
209
|
+
measure();
|
|
210
|
+
if (typeof ResizeObserver === 'undefined')
|
|
211
|
+
return;
|
|
212
|
+
const observer = new ResizeObserver(measure);
|
|
213
|
+
observer.observe(el);
|
|
214
|
+
return () => observer.disconnect();
|
|
215
|
+
}, []);
|
|
216
|
+
const w = dims.w || 1280;
|
|
217
|
+
const h = dims.h || 720;
|
|
218
|
+
const scale = box.w
|
|
219
|
+
? fit === 'contain' && box.h
|
|
220
|
+
? Math.min(box.w / w, box.h / h)
|
|
221
|
+
: Math.min(1, box.w / w)
|
|
222
|
+
: 0;
|
|
223
|
+
const offsetX = scale ? Math.max(0, (box.w - w * scale) / 2) : 0;
|
|
224
|
+
const offsetY = scale && fit === 'contain' ? Math.max(0, (box.h - h * scale) / 2) : 0;
|
|
225
|
+
useEffect(() => {
|
|
226
|
+
if (scale)
|
|
227
|
+
callbacks.current.onLayout?.({ width: w, height: h, scale, offsetX, offsetY });
|
|
228
|
+
}, [w, h, scale, offsetX, offsetY]);
|
|
229
|
+
const rootStyle = {
|
|
230
|
+
position: 'relative',
|
|
231
|
+
overflow: 'hidden',
|
|
232
|
+
width: '100%',
|
|
233
|
+
...(fit === 'contain' ? { height: '100%' } : { height: scale ? Math.round(h * scale) : undefined, aspectRatio: scale ? undefined : `${w} / ${h}` }),
|
|
234
|
+
...style,
|
|
235
|
+
};
|
|
236
|
+
return (_jsx("div", { ref: boxRef, className: className, style: rootStyle, "data-replay-stage": "", children: _jsxs("div", { "data-replay-stage-scaler": "", style: {
|
|
237
|
+
position: 'absolute',
|
|
238
|
+
left: offsetX,
|
|
239
|
+
top: offsetY,
|
|
240
|
+
width: w,
|
|
241
|
+
height: h,
|
|
242
|
+
transform: `scale(${scale || 0.0001})`,
|
|
243
|
+
transformOrigin: 'top left',
|
|
244
|
+
visibility: scale ? 'visible' : 'hidden',
|
|
245
|
+
'--replay-scale': String(scale || 1),
|
|
246
|
+
}, children: [_jsx("div", { ref: playerRef, "aria-hidden": "true", style: { position: 'relative', width: w, height: h, overflow: 'hidden' } }), overlay ? _jsx("div", { style: { position: 'absolute', inset: 0, pointerEvents: 'none' }, children: overlay }) : null] }) }));
|
|
247
|
+
});
|
|
248
|
+
export default ReplayStageImpl;
|
|
249
|
+
//# sourceMappingURL=ReplayStageImpl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReplayStageImpl.js","sourceRoot":"","sources":["../../src/replay/ReplayStageImpl.tsx"],"names":[],"mappings":"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"}
|
package/dist/replay/index.d.ts
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
export { ReplayEmbed, ReplayPreview } from './ReplayPreview.js';
|
|
2
2
|
export type { ReplayEventsSource, ReplayEventsUrlSource, ReplayPageSource, ReplayPreviewProps, ReplaySource, } from './ReplayPreview.js';
|
|
3
|
+
export { ReplayStage, preloadReplayStage } from './ReplayStage.js';
|
|
4
|
+
export type { ReplayStageHandle, ReplayStageLayout, ReplayStageProps } from './stage-types.js';
|
|
5
|
+
export { getReplayMarkers, getReplayMeta, getReplayPointerTrack, replayPointerAt } from './markers.js';
|
|
6
|
+
export type { ReplayMarker, ReplayMarkerKind, ReplayMeta, ReplayPointerPoint, ReplayPointerTrack } from './markers.js';
|
|
7
|
+
export { ReplayEventType, ReplayIncrementalSource, ReplayMouseInteraction } from './types.js';
|
|
8
|
+
export type { ReplayEvent } from './types.js';
|
|
3
9
|
export { isReplayQaUrl, normalizeReplayEmbedUrl } from './url.js';
|
|
4
10
|
export { sanitizeReplayEvent } from './sanitize.js';
|
|
5
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/replay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7D,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/replay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7D,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACpG,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAC3F,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/replay/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
export { ReplayEmbed, ReplayPreview } from './ReplayPreview.js';
|
|
2
|
+
export { ReplayStage, preloadReplayStage } from './ReplayStage.js';
|
|
3
|
+
export { getReplayMarkers, getReplayMeta, getReplayPointerTrack, replayPointerAt } from './markers.js';
|
|
4
|
+
export { ReplayEventType, ReplayIncrementalSource, ReplayMouseInteraction } from './types.js';
|
|
2
5
|
export { isReplayQaUrl, normalizeReplayEmbedUrl } from './url.js';
|
|
3
6
|
export { sanitizeReplayEvent } from './sanitize.js';
|
|
4
7
|
//# sourceMappingURL=index.js.map
|
package/dist/replay/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/replay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQ7D,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/replay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQ7D,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { type ReplayEvent } from './types.js';
|
|
2
|
+
export interface ReplayMeta {
|
|
3
|
+
/** Timestamp of the first event (ms since epoch). */
|
|
4
|
+
start: number;
|
|
5
|
+
/** Timestamp of the last event. */
|
|
6
|
+
end: number;
|
|
7
|
+
/** `end - start`: rrweb's `totalTime`. */
|
|
8
|
+
duration: number;
|
|
9
|
+
/** Recorded viewport, from the first Meta / viewport-resize event (0 when unknown). */
|
|
10
|
+
width: number;
|
|
11
|
+
height: number;
|
|
12
|
+
/** The first recorded page URL, if any. */
|
|
13
|
+
href?: string;
|
|
14
|
+
/** Whether a full DOM snapshot is present (rrweb can't play without one). */
|
|
15
|
+
playable: boolean;
|
|
16
|
+
}
|
|
17
|
+
export type ReplayMarkerKind = 'click' | 'error' | 'network' | 'navigation' | 'custom';
|
|
18
|
+
export interface ReplayMarker {
|
|
19
|
+
/** Stable id (`<kind>-<index>`), handy as a React key. */
|
|
20
|
+
id: string;
|
|
21
|
+
kind: ReplayMarkerKind;
|
|
22
|
+
/** Milliseconds from the start of the recording. */
|
|
23
|
+
time: number;
|
|
24
|
+
label: string;
|
|
25
|
+
detail?: string;
|
|
26
|
+
/** Viewport coordinates, for clicks. */
|
|
27
|
+
x?: number;
|
|
28
|
+
y?: number;
|
|
29
|
+
}
|
|
30
|
+
export interface ReplayPointerPoint {
|
|
31
|
+
/** Milliseconds from the start of the recording. */
|
|
32
|
+
time: number;
|
|
33
|
+
x: number;
|
|
34
|
+
y: number;
|
|
35
|
+
}
|
|
36
|
+
export interface ReplayPointerTrack {
|
|
37
|
+
moves: ReplayPointerPoint[];
|
|
38
|
+
clicks: ReplayPointerPoint[];
|
|
39
|
+
}
|
|
40
|
+
export declare function getReplayMeta(events: readonly ReplayEvent[]): ReplayMeta;
|
|
41
|
+
/**
|
|
42
|
+
* Timeline markers for a scrubber: clicks, console errors (rrweb console plugin), failed
|
|
43
|
+
* requests (rrweb network plugin, status 0 or ≥ 400), page navigations (Meta events after the
|
|
44
|
+
* first) and Custom events (`record.addCustomEvent(tag, payload)`; tags `error`, `network`,
|
|
45
|
+
* `navigation` map to those kinds, anything else is `custom` labelled by `payload.label`).
|
|
46
|
+
*/
|
|
47
|
+
export declare function getReplayMarkers(events: readonly ReplayEvent[]): ReplayMarker[];
|
|
48
|
+
/** The recorded pointer path (mouse/touch moves and drags) and click points, in viewport px. */
|
|
49
|
+
export declare function getReplayPointerTrack(events: readonly ReplayEvent[]): ReplayPointerTrack;
|
|
50
|
+
/** The pointer position at `time` (linear between recorded points), or null before the first. */
|
|
51
|
+
export declare function replayPointerAt(track: ReplayPointerTrack, time: number): {
|
|
52
|
+
x: number;
|
|
53
|
+
y: number;
|
|
54
|
+
} | null;
|
|
55
|
+
//# sourceMappingURL=markers.d.ts.map
|