Function urlSegments

e2e/scripts/pr-media.ts:103–141

(artifact: Artifact, duration: number)

};

const urlSegments = (artifact: Artifact, duration: number): ReadonlyArray<UrlSegment> => {
  if (basename(artifact.path) !== "session.mp4") return [];
  const timeline = readTimeline(artifact);
  const browserAnchor = timeline?.anchors.browser;
  if (!timeline || browserAnchor === undefined) return [];

  const nav = [...(timeline.nav ?? [])]
    .map((entry) => ({
      at: Math.max(0, (entry.at - browserAnchor) / 1000),
      url: entry.url,
    }))
    .filter((entry) => entry.at <= duration)
    .sort((a, b) => a.at - b.at);

  if (nav.length === 0) return [{ from: 0, to: duration, url: "about:blank" }];
  if ((nav[0]?.at ?? 0) <= 0.25) nav[0] = { ...nav[0], at: 0 };

  const segments: UrlSegment[] = [];
  let cursor = 0;
  let currentUrl = "about:blank";
  for (const entry of nav) {
    if (entry.at > cursor) segments.push({ from: cursor, to: entry.at, url: currentUrl });
    currentUrl = entry.url;
    cursor = entry.at;
  }
  segments.push({ from: cursor, to: duration, url: currentUrl });

  return segments
    .filter((segment) => segment.to - segment.from > 0.01)
    .reduce<UrlSegment[]>((merged, segment) => {
      const previous = merged.at(-1);
      if (previous?.url === segment.url && Math.abs(previous.to - segment.from) < 0.01) {
        merged[merged.length - 1] = { ...previous, to: segment.to };
      } else {
        merged.push(segment);
      }
      return merged;
    }, []);
};

const htmlEscape = (value: string): string =>
  value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");