Render imported MOTD fonts

import { createDocument, java263Profile, parseText } from "@groundsgg/motd";
import { createPreview } from "@groundsgg/motd/dom";
import { createFontGlyphSource, decodeBitmapGlyphs } from "@groundsgg/motd/fonts";
import "@groundsgg/motd/styles.css";

const decoded = decodeBitmapGlyphs(
  { height: 8, ascent: 7, chars: ["A"] },
  { width: 1, height: 1, pixels: new Uint8Array([255, 255, 255, 255]) },
);
if (!decoded.value) throw Error("Invalid local bitmap");
const composed = createFontGlyphSource([
  { type: "bitmap", glyphs: decoded.value },
  { type: "space", advances: { " ": 4 } },
]);
if (!composed.value) throw Error("Invalid local font source");

const host = document.createElement("div");
document.body.append(host);
const context = {
  base: {
    version: { protocol: 777, name: "26.3" },
    players: { online: 5, max: 100, sample: [] },
    description: "",
  },
  clientProtocol: 777,
  values: {},
  profile: java263Profile,
  viewportWidth: 640,
  guiScale: 2,
  serverName: "Local font example",
  pingMs: 10,
  animations: false,
};
const viewer = createPreview(host, {
  document: createDocument(parseText("<aqua>A <b>A</b>", "minimessage").value),
  context,
  motdFontSource: composed.value,
});
console.log(viewer.getDiagnostics()); // Includes font-runtime-unverified.
// When this surface is no longer needed:
// viewer.destroy();