/**
 * The bookmarklet will toggle between normal and slimmed width (700px) each time you click it. It preserves the original styles when switching back.
 */
() => {
  const el = document.querySelector("body");
  const id = document.URL;
  const toggle = `__ayo__slimmer-toggle-${id}__`;
  const originalStyles = `__ayo__original-styles-${id}__`;

  if (window[originalStyles] === undefined) {
    window[originalStyles] = {
      width: el.style.width,
      margin: el.style.margin,
      overflowX: el.style.overflowX,
    };
  }

  if (!window[toggle]) {
    el.style.width = "700px";
    el.style.margin = "0 auto";
    el.style.overflowX = "auto";
    console.log({ toggle: window[toggle] });
  } else {
    el.style.width = window[originalStyles].width;
    el.style.margin = window[originalStyles].width;
    el.style.overflowX = window[originalStyles].overflowX;
  }

  console.log({ toggle: window[toggle] });
  window[toggle] = !window[toggle];
};