hexDump = ( buf, { encoding = "cp437", columns = width < 500 ? 8 : 16, rows = 16 } = {} ) => { let size; if (ArrayBuffer.isView(buf)) { buf = new Uint8Array(buf.buffer, buf.byteOffset, buf.byteLength); size = buf.byteLength; } else if (buf instanceof ArrayBuffer) { buf = new Uint8Array(buf); size = buf.byteLength; } else if (buf instanceof Blob) { // Can slice the blob to avoid copying the whole thing size = buf.size; } else { throw new TypeError(Object.prototype.toString.apply(buf)); } const getSlice = async (start, end) => { if (buf instanceof Blob) { return new Uint8Array(await buf.slice(start, end).arrayBuffer()); } else { return buf.subarray(start, end); } }; const color = (color) => (str) => htl.html.fragment`${str}`; const encodeChar = (c) => { if (/�/.test(c)) debugger; if (128 <= c.codePointAt(0) && c.codePointAt(0) <= 159) { // C1 control codes return color("crimson")("•"); } else if (caret(c)) { if (c === "\0") { return color("lightpink")(caret(c)); } else { return color("mediumvioletred")(caret(c)); } } else if ((_cp437_lo + "⌂").includes(c)) { return color("mediumvioletred")(c); } else if (specials.has(c)) { return htl.html .fragment`${specials.get(c)}`; } else if (c === "\uF8FF") { // Lol sure return htl.html.fragment`🍏`; } else if (cp1252_shenanig.has(c)) { return color("coral")(c); } else if ("�" === c) { return htl.html .fragment`${c}`; } else if (c.codePointAt(0) > 256) { // Guard against the legacy single-byte encodings emitting weird stuff return htl.html .fragment`${c}`; } else { // Printable ascii return c; } }; const maxLength = (size - 1).toString(16).length; const decode = specialEncodings[encoding] ?? ((t) => t.decode.bind(t))(new TextDecoder(encoding)); const hexWidth = columns * 2 + ((columns / 2) | 0); const encodeRow = (row, addr) => { if (row.length > columns) throw new TypeError(row.length); const chars = Array.from(decode(row), encodeChar); let hex = Array.from(row, (b) => b.toString(16).padStart(2, 0)); hex = _.chunk(hex, 2) .map((b) => b.join("")) .join(" ") .padEnd(hexWidth, " "); addr = addr.toString(16).padStart(maxLength, 0); return htl.html.fragment`${addr}: ${hex} ${chars}`; }; const pageSize = rows * columns; const pre = htl.html`

`;
  const getRows = function* (page, addr) {
    for (let i = 0; i < pageSize; i += columns) {
      const row = page.subarray(i, i + columns);
      if (row.length === 0) break;
      yield htl.html.fragment`${encodeRow(row, addr + i)}${"\n"}`;
    }
  };
  let latest;
  const show = async (pageNo) => {
    latest?.abort();
    const current = new AbortController();
    latest = current;
    const start = pageNo * pageSize,
      end = start + pageSize;
    const page = await getSlice(start, end);
    if (current.signal.aborted) return;
    result.value = page;
    result.dispatchEvent(new InputEvent("input"));
    pre.replaceChildren(...getRows(page, start));
    sliderText.textContent = [1 + pageNo, numPages]
      .map((d) => d.toLocaleString())
      .join("/");
    buttonPrev.disabled = pageNo === 0;
    buttonNext.disabled = 1 + pageNo === numPages;
  };
  const numPages = Math.ceil(size / pageSize);
  const sliderText = htl.html``;
  const slider = htl.html` {
        e.stopPropagation();
        show(e.target.valueAsNumber);
      }
    }}>`;
  const buttonPrev = htl.html`