Quick CLI script for Bun to scrape revision history for a JSFiddle by fetching each revision number.

jsfiddle-revision-scraper.ts

import { JSDOM } from "jsdom";

import { parseArgs } from "node:util";
import * as fs from "node:fs";
import { execFileSync, spawnSync } from "node:child_process";

const { values, positionals } = parseArgs({
  args: Bun.argv,
  options: {
    url: {
      type: "string",
      short: "u",
    },
  },
  strict: true,
  allowPositionals: true,
});

const url = values.url;
if (!url) {
  throw new Error("Specify url");
}
const revisionId = Number(url?.split("/").at(-2));
if (fs.existsSync("./fiddle")) {
  fs.rmSync("./fiddle", { recursive: true, force: true });
}
fs.mkdirSync("./fiddle");
execFileSync("git", ["init"], {
  cwd: "./fiddle",
});

for (let i = 1; i <= revisionId; i++) {
  const currentUrl = url.replace(/\/\d+\/$/, `/${i}/`);
  const html = await fetch(currentUrl).then((response) => response.text());
  const { window } = new JSDOM(html);
  const scripts = window.document.querySelectorAll("script:not([type])");
  for (const script of scripts) {
    if (script.textContent?.includes("EditorConfig")) {
      var Track;
      const EditorConfig = eval(script.textContent! + "\n\nEditorConfig");
      fs.writeFileSync("fiddle/index.html", EditorConfig.value.html);
      fs.writeFileSync("fiddle/index.js", EditorConfig.value.js);
      fs.writeFileSync("fiddle/index.css", EditorConfig.value.css);
    }
  }
  execFileSync("git", ["add", "."], {
    cwd: "./fiddle",
  });
  console.log(
    i,
    spawnSync("git", ["commit", "-m", "revision " + i, "--allow-empty"], {
      stdio: ["inherit", "inherit", "pipe"],
      cwd: "./fiddle",
    }).stderr.toString()
  );
}