size: 3 KiB

  

const millisecondsPerSecond = 1000;
const secondsPerMinute = 60;
const minutesPerHour = 60;
const hoursPerDay = 24;
const daysPerWeek = 7;
const daysPerMonth = 31;
const daysPerYear = 365; // getting imprecise here, but no big deal
const intervals = {
  year:
    millisecondsPerSecond *
    secondsPerMinute *
    minutesPerHour *
    hoursPerDay *
    daysPerYear,
  month:
    millisecondsPerSecond *
    secondsPerMinute *
    minutesPerHour *
    hoursPerDay *
    daysPerMonth,
  week:
    millisecondsPerSecond *
    secondsPerMinute *
    minutesPerHour *
    hoursPerDay *
    daysPerWeek,
  day: millisecondsPerSecond * secondsPerMinute * minutesPerHour * hoursPerDay,
  hour: millisecondsPerSecond * secondsPerMinute * minutesPerHour,
  minute: millisecondsPerSecond * secondsPerMinute,
  second: millisecondsPerSecond,
};
const relativeDateFormat = new Intl.RelativeTimeFormat("en", { style: "long" });
// https://stackoverflow.com/a/78704662
function formatRelativeTime(isoStr) {
  const diff = new Date(isoStr) - new Date();
  for (const interval in intervals) {
    if (intervals[interval] <= Math.abs(diff)) {
      return relativeDateFormat.format(
        Math.trunc(diff / intervals[interval]),
        interval,
      );
    }
  }
  return relativeDateFormat.format(diff / 1000, "second");
}
document.addEventListener("DOMContentLoaded", function () {
  // Progressive enhancement: If javascript is enabled, certain <time> elements
  // will be rewritten from ISO datetime strings to human-readable relative text
  // (e.g. 2 days ago).
  document.querySelectorAll("time.relative").forEach((element) => {
    const timeStr = element.getAttribute("datetime");
    if (!timeStr) return;
    const relativeTimeStr = formatRelativeTime(timeStr);
    element.innerHTML = relativeTimeStr;
  });
  // Shift-click to select a line range
  const SELECTED_RANGE = "selected-range";
  document.querySelectorAll(".line-number > a").forEach((el) => {
    el.addEventListener("click", (evt) => {
      if (evt.shiftKey && location.hash.match("^#L[0-9]+$")) {
        evt.preventDefault();
        document.querySelectorAll("." + SELECTED_RANGE).forEach((el) => {
          el.classList.remove(SELECTED_RANGE);
        });
        const line1 = new Number(location.hash.slice(2));
        const line2 = new Number(evt.target.innerHTML);
        const [startLineNum, endLineNum] = [line1, line2].sort((a, b) => a - b);
        for (let i = startLineNum; i <= endLineNum; i++) {
          const selector = `a[href="#L${i}"]`;
          const el = document.querySelector(selector);
          el.parentElement.parentElement.classList.add(SELECTED_RANGE);
        }
        document.location.hash = `#L${startLineNum}-${endLineNum}`;
      } else {
        document.querySelectorAll("." + SELECTED_RANGE).forEach((el) => {
          el.classList.remove(SELECTED_RANGE);
        });
      }
    });
  });
  // On page load, focus on and scroll to selected range
  const selectedRange = location.hash.match("^#L([0-9]+)-([0-9]+)$");
  if (selectedRange) {
    const startLineNum = new Number(selectedRange[1]);
    const endLineNum = new Number(selectedRange[2]);
    for (let i = startLineNum; i <= endLineNum; i++) {
      const selector = `a[href="#L${i}"]`;
      const el = document.querySelector(selector);
      el.parentElement.parentElement.classList.add(SELECTED_RANGE);
    }
    document.querySelector(`#L${startLineNum}`).scrollIntoView();
  }
});