Function toGif

e2e/scripts/pr-media.ts:235–287

(artifact: Artifact)

};

const toGif = async (artifact: Artifact): Promise<string> => {
  if (artifact.path.endsWith(".png")) return artifact.path;
  const out = join(tmpdir(), `${artifact.slug}.gif`);
  if (artifact.path.endsWith(".cast")) {
    run("agg", ["--idle-time-limit", "2", "--font-size", "14", artifact.path, out]);
  } else {
    // Two-pass palette keeps UI text crisp at a size GitHub will render.
    const duration = videoDuration(artifact.path);
    const segments = urlSegments(artifact, duration);
    if (segments.length > 0) {
      const workDir = mkdtempSync(join(tmpdir(), "pr-media-urlbar-"));
      try {
        const bars = await renderUrlBars(segments, workDir);
        const scaled =
          `[0:v]fps=8,scale=${GIF_WIDTH}:-2:flags=lanczos,` +
          `pad=iw:ih+${CHROME_HEIGHT}:0:${CHROME_HEIGHT}:color=0x111318,setsar=1[v0]`;
        const overlays = bars.map(({ segment }, index) => {
          const input = index + 1;
          const previous = `v${index}`;
          const next = `v${index + 1}`;
          const from = segment.from.toFixed(3);
          const to = segment.to.toFixed(3);
          return `[${previous}][${input}:v]overlay=0:0:enable='between(t,${from},${to})'[${next}]`;
        });
        const finalVideo = `v${bars.length}`;
        const palette =
          `[${finalVideo}]split[a][b];` +
          "[a]palettegen=max_colors=128[p];[b][p]paletteuse=dither=bayer:bayer_scale=5[out]";
        run("ffmpeg", [
          "-y",
          "-loglevel",
          "error",
          "-i",
          artifact.path,
          ...bars.flatMap((bar) => ["-i", bar.path]),
          "-filter_complex",
          [scaled, ...overlays, palette].join(";"),
          "-map",
          "[out]",
          out,
        ]);
      } finally {
        rmSync(workDir, { recursive: true, force: true });
      }
    } else {
      const filter =
        `fps=8,scale=${GIF_WIDTH}:-2:flags=lanczos,split[a][b];` +
        "[a]palettegen=max_colors=128[p];[b][p]paletteuse=dither=bayer:bayer_scale=5";
      run("ffmpeg", ["-y", "-loglevel", "error", "-i", artifact.path, "-vf", filter, out]);
    }
  }
  return out;
};

/** Commit a file to the media branch via the git database API; returns its raw URL. */
const upload = (repo: string, localPath: string, mediaPath: string): string => {