hono-decks 0.1.0

package/dist/mod.js

@@ -0,0 +1,1071 @@
+// src/server/router.ts
+import { Hono } from "hono";
+import { raw as raw2 } from "hono/html";
+
+// src/deck/model.ts
+var SLIDE_TRANSITIONS = [
+  "none",
+  "fade",
+  "fade-out",
+  "slide-left",
+  "slide-right",
+  "slide-up",
+  "slide-down",
+  "view-transition"
+];
+
+// src/renderer/jsx-renderer.ts
+import { jsx } from "hono/jsx/jsx-runtime";
+import { HtmlEscapedCallbackPhase, resolveCallback } from "hono/utils/html";
+var builtInSlideComponents = defineSlideComponents({
+  Fire: (props) => {
+    if (props.order !== void 0) {
+      throw new Error('The Fire "order" prop is not supported. Fires reveal in source order.');
+    }
+    const effect = stringProp(props.effect);
+    const at = fireAtProp(props.at);
+    return jsx("div", {
+      "data-hono-decks-fire": true,
+      ...at ? { "data-fire-at": at } : {},
+      ...effect ? { "data-fire-effect": safeToken(effect).toLowerCase() } : {},
+      children: props.children
+    });
+  },
+  Hero: (props) => jsx("section", {
+    class: `mdx-hero${props.featured === true ? " is-featured" : ""}${props.image || props.src ? " has-image" : ""}`,
+    "data-component": "Hero",
+    children: [
+      heroImage(props),
+      jsx("div", {
+        class: "mdx-hero-copy",
+        children: [
+          typeof props.eyebrow === "string" && props.eyebrow ? jsx("p", { class: "mdx-hero-eyebrow", children: props.eyebrow }) : "",
+          typeof props.title === "string" && props.title ? jsx("h1", { children: props.title }) : "",
+          typeof props.subtitle === "string" && props.subtitle ? jsx("p", { class: "mdx-hero-subtitle", children: props.subtitle }) : typeof props.description === "string" && props.description ? jsx("p", { class: "mdx-hero-subtitle", children: props.description }) : ""
+        ]
+      })
+    ]
+  }),
+  CodeBlock: (props) => {
+    const lang = stringProp(props.lang);
+    const filename = stringProp(props.filename ?? props.title);
+    const highlight = stringProp(props.highlight);
+    const code = codeBlockText(props.children);
+    const highlightedHtml = typeof props.highlightedHtml === "string" ? props.highlightedHtml : void 0;
+    return jsx("figure", {
+      class: "hono-decks-code-block",
+      ...lang ? { "data-lang": lang } : {},
+      ...filename ? { "data-filename": filename } : {},
+      ...highlight ? { "data-highlight": highlight } : {},
+      children: [
+        filename ? jsx("figcaption", { class: "hono-decks-code-caption", children: filename }) : "",
+        highlightedHtml ? jsx("div", {
+          class: "hono-decks-code-highlight",
+          dangerouslySetInnerHTML: { __html: highlightedHtml }
+        }) : jsx("pre", {
+          children: jsx("code", {
+            ...lang ? { class: `language-${safeToken(lang)}`, "data-lang": lang } : {},
+            children: code
+          })
+        })
+      ]
+    });
+  },
+  EmbedFrame: (props) => {
+    const src = stringProp(props.src);
+    const provider = stringProp(props.provider)?.trim().toLowerCase();
+    const title = stringProp(props.title) ?? "Embedded content";
+    const aspectRatio = stringProp(props.aspectRatio) ?? "16 / 9";
+    const loading = stringProp(props.loading) ?? "lazy";
+    const allow = stringProp(props.allow) ?? "fullscreen; picture-in-picture";
+    const sandbox = props.sandbox === false ? void 0 : stringProp(props.sandbox) ?? "allow-scripts allow-same-origin allow-presentation allow-popups";
+    const referrerPolicy = stringProp(props.referrerPolicy ?? props.referrerpolicy) ?? "strict-origin-when-cross-origin";
+    const fallbackHref = stringProp(props.fallbackHref ?? props.fallbackUrl ?? props.href) ?? src;
+    const fallback = codeBlockText(props.children) || "Open embed";
+    const printPoster = provider === "youtube" ? youtubePrintPoster(src) : void 0;
+    return jsx("figure", {
+      class: "hono-decks-embed-frame",
+      "data-component": "EmbedFrame",
+      ...provider ? { "data-provider": safeToken(provider).toLowerCase() } : {},
+      children: [
+        jsx("div", {
+          class: "hono-decks-embed-viewport",
+          style: `aspect-ratio:${safeAspectRatio(aspectRatio)}`,
+          children: [
+            src ? jsx("iframe", {
+              src,
+              title,
+              loading,
+              referrerpolicy: referrerPolicy,
+              ...sandbox ? { sandbox } : {},
+              ...allow ? { allow } : {},
+              allowfullscreen: true
+            }) : "",
+            fallbackHref ? jsx("a", {
+              class: "hono-decks-embed-print-fallback",
+              href: fallbackHref,
+              children: [
+                printPoster ? jsx("img", {
+                  class: "hono-decks-embed-print-poster",
+                  src: printPoster,
+                  alt: `${title} thumbnail`
+                }) : "",
+                jsx("span", { children: fallback })
+              ]
+            }) : ""
+          ]
+        }),
+        src ? jsx("figcaption", {
+          class: "hono-decks-embed-fallback",
+          children: jsx("a", { href: fallbackHref, target: "_blank", rel: "noreferrer", children: fallback })
+        }) : ""
+      ]
+    });
+  },
+  SocialEmbed: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const provider = stringProp(props.provider ?? props.service);
+    const author = stringProp(props.author);
+    const label = stringProp(props.label) ?? (provider ? `Open on ${provider}` : "Open social post");
+    const quote = codeBlockText(props.children);
+    return jsx("figure", {
+      class: "hono-decks-social-embed",
+      "data-component": "SocialEmbed",
+      ...provider ? { "data-provider": safeToken(provider).toLowerCase() } : {},
+      children: jsx("blockquote", {
+        class: "hono-decks-social-card",
+        ...href ? { cite: href } : {},
+        children: [
+          quote ? jsx("p", { children: quote }) : "",
+          jsx("footer", {
+            children: [
+              author ? jsx("span", { class: "hono-decks-social-author", children: author }) : "",
+              href ? jsx("a", {
+                href,
+                target: "_blank",
+                rel: "noreferrer",
+                children: label
+              }) : ""
+            ]
+          })
+        ]
+      })
+    });
+  },
+  TweetEmbed: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const label = stringProp(props.label) ?? "Open post on X";
+    return jsx("figure", {
+      class: "hono-decks-tweet-embed",
+      "data-component": "TweetEmbed",
+      children: [
+        jsx("blockquote", {
+          class: "twitter-tweet",
+          "data-dnt": "true",
+          children: href ? jsx("a", {
+            href,
+            target: "_blank",
+            rel: "noreferrer",
+            children: label
+          }) : label
+        }),
+        href ? jsx("script", {
+          async: true,
+          src: "https://platform.twitter.com/widgets.js",
+          charset: "utf-8"
+        }) : "",
+        href ? jsx("a", {
+          class: "hono-decks-tweet-print-fallback",
+          href,
+          children: label
+        }) : ""
+      ]
+    });
+  },
+  LinkCard: (props) => {
+    const href = stringProp(props.href ?? props.url);
+    const title = stringProp(props.title) ?? href ?? "Link";
+    const description = stringProp(props.description);
+    const image = stringProp(props.image ?? props.imageUrl);
+    const siteName = stringProp(props.siteName ?? props.site);
+    const label = codeBlockText(props.children) || "Open link";
+    return jsx("figure", {
+      class: "hono-decks-link-card",
+      "data-component": "LinkCard",
+      children: href ? jsx("a", {
+        class: "hono-decks-link-card-anchor",
+        href,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+          image ? jsx("img", { class: "hono-decks-link-card-image", src: image, alt: title }) : "",
+          jsx("span", {
+            class: "hono-decks-link-card-body",
+            children: [
+              siteName ? jsx("span", { class: "hono-decks-link-card-site", children: siteName }) : "",
+              jsx("span", { class: "hono-decks-link-card-title", children: title }),
+              description ? jsx("span", { class: "hono-decks-link-card-description", children: description }) : "",
+              jsx("span", { class: "hono-decks-link-card-label", children: label })
+            ]
+          })
+        ]
+      }) : [
+        image ? jsx("img", { class: "hono-decks-link-card-image", src: image, alt: title }) : "",
+        siteName ? jsx("span", { class: "hono-decks-link-card-site", children: siteName }) : "",
+        jsx("span", { class: "hono-decks-link-card-title", children: title }),
+        description ? jsx("span", { class: "hono-decks-link-card-description", children: description }) : ""
+      ]
+    });
+  }
+});
+function defineSlideComponents(input) {
+  const registry = {};
+  for (const [name, value] of Object.entries(input)) {
+    registry[name] = typeof value === "function" ? { component: value } : value;
+  }
+  return registry;
+}
+function heroImage(props) {
+  const image = typeof props.image === "string" ? props.image : typeof props.src === "string" ? props.src : void 0;
+  if (!image) return "";
+  const alt = typeof props.alt === "string" && props.alt ? props.alt : typeof props.title === "string" ? props.title : "Hero image";
+  return jsx("img", { class: "mdx-hero-image", src: image, alt });
+}
+function stringProp(value) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return void 0;
+}
+function fireAtProp(value) {
+  if (value === void 0 || value === null) return void 0;
+  if (typeof value === "number") {
+    if (Number.isInteger(value) && value >= 0) return String(value);
+    throw new Error('The Fire "at" prop accepts a non-negative integer or a relative string such as "+1".');
+  }
+  if (typeof value === "string") {
+    const at = value.trim();
+    if (/^(?:\d+|[+-]\d+)$/.test(at)) return at;
+  }
+  throw new Error('The Fire "at" prop accepts a non-negative integer or a relative string such as "+1".');
+}
+function safeToken(value) {
+  return value.trim().replace(/[^A-Za-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "text";
+}
+function safeAspectRatio(value) {
+  return /^\s*\d+(\.\d+)?\s*(\/|:)\s*\d+(\.\d+)?\s*$/.test(value) ? value.replace(":", " / ") : "16 / 9";
+}
+function youtubePrintPoster(src) {
+  if (!src) return void 0;
+  try {
+    const url = new URL(src);
+    if (!["youtube.com", "www.youtube.com", "youtube-nocookie.com", "www.youtube-nocookie.com"].includes(url.hostname)) {
+      return void 0;
+    }
+    const match = url.pathname.match(/^\/embed\/([A-Za-z0-9_-]+)$/);
+    return match ? `https://i.ytimg.com/vi/${match[1]}/hqdefault.jpg` : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function codeBlockText(value) {
+  if (Array.isArray(value)) return value.map(codeBlockText).join("");
+  if (value === null || value === void 0 || typeof value === "boolean") return "";
+  if (typeof value === "string" || typeof value === "number") return String(value);
+  if (isJsxValue(value)) return codeBlockText(value.props?.children);
+  return String(value);
+}
+async function renderJsxValue(value) {
+  const resolved = value instanceof Promise ? await value : value;
+  if (typeof resolved === "string") return resolved;
+  if (resolved === null || resolved === void 0 || typeof resolved === "boolean") return "";
+  if (typeof resolved === "number") return String(resolved);
+  return await resolveCallback(resolved, HtmlEscapedCallbackPhase.Stringify, false, {});
+}
+function isJsxValue(value) {
+  return typeof value === "object" && value !== null && "tag" in value && "props" in value && "type" in value;
+}
+
+// src/renderer/control-icons.ts
+import { jsx as jsx2 } from "hono/jsx/jsx-runtime";
+function renderControlIcon(name, className = "hono-decks-control-icon") {
+  return jsx2("svg", {
+    class: className,
+    "data-hono-decks-control-icon": true,
+    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
+    focusable: "false",
+    fill: "none",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    children: controlIconPaths(name)
+  });
+}
+function controlIconLabel(name) {
+  switch (name) {
+    case "deck-list":
+      return "Deck list";
+    case "home":
+      return "Home";
+    case "viewer":
+      return "Viewer";
+    case "projection":
+      return "Projection";
+    case "presenter":
+      return "Presenter";
+    case "previous":
+      return "Previous slide";
+    case "next":
+      return "Next slide";
+    case "fullscreen":
+      return "Toggle fullscreen";
+    case "print":
+      return "Print view";
+    case "details":
+      return "Details";
+    case "export-pdf":
+      return "Export PDF";
+    case "export-png":
+      return "Export PNG";
+  }
+}
+function controlIconPaths(name) {
+  switch (name) {
+    case "deck-list":
+      return [
+        jsx2("path", { d: "M4 5h16" }),
+        jsx2("path", { d: "M4 12h16" }),
+        jsx2("path", { d: "M4 19h16" })
+      ];
+    case "home":
+      return [
+        jsx2("path", { d: "M3 11l9-8 9 8" }),
+        jsx2("path", { d: "M5 10v10h14V10" }),
+        jsx2("path", { d: "M9 20v-6h6v6" })
+      ];
+    case "viewer":
+      return [
+        jsx2("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z" }),
+        jsx2("circle", { cx: "12", cy: "12", r: "3" })
+      ];
+    case "projection":
+      return [
+        jsx2("path", { d: "M4 5h16v10H4z" }),
+        jsx2("path", { d: "M8 19h8" }),
+        jsx2("path", { d: "M12 15v4" })
+      ];
+    case "presenter":
+      return [
+        jsx2("path", { d: "M4 5h16v10H4z" }),
+        jsx2("path", { d: "M8 21l4-6 4 6" }),
+        jsx2("path", { d: "M9 9h6" })
+      ];
+    case "previous":
+      return [jsx2("path", { d: "M15 6l-6 6 6 6" })];
+    case "next":
+      return [jsx2("path", { d: "M9 6l6 6-6 6" })];
+    case "fullscreen":
+      return [
+        jsx2("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        jsx2("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
+        jsx2("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
+        jsx2("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+      ];
+    case "print":
+      return [
+        jsx2("path", { d: "M6 9V3h12v6" }),
+        jsx2("path", { d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }),
+        jsx2("path", { d: "M6 14h12v7H6z" })
+      ];
+    case "details":
+      return [
+        jsx2("circle", { cx: "12", cy: "12", r: "9" }),
+        jsx2("path", { d: "M12 11v5" }),
+        jsx2("path", { d: "M12 8h.01" })
+      ];
+    case "export-pdf":
+      return [
+        jsx2("path", { d: "M14 3v4a2 2 0 0 0 2 2h4" }),
+        jsx2("path", { d: "M5 3h9l6 6v12H5z" }),
+        jsx2("path", { d: "M8 15h8" }),
+        jsx2("path", { d: "M8 18h5" })
+      ];
+    case "export-png":
+      return [
+        jsx2("rect", { x: "4", y: "5", width: "16", height: "14", rx: "2" }),
+        jsx2("path", { d: "M8 14l2.5-2.5L14 15l2-2 2 2" }),
+        jsx2("circle", { cx: "9", cy: "9", r: "1" })
+      ];
+  }
+}
+
+// src/server/paths.ts
+function createDeckPaths(mountPath, slug) {
+  const mount = normalizeMountPath(mountPath);
+  const viewer = `${mount === "/" ? "" : mount}/${encodeURIComponent(slug)}`;
+  return {
+    viewer,
+    render: `${viewer}/render`,
+    print: `${viewer}/print`,
+    presentation: `${viewer}/presentation`,
+    presenter: `${viewer}/presenter`,
+    embed: `${viewer}/embed`,
+    exportPdf: `${viewer}/export.pdf`,
+    exportPng: `${viewer}/export.png`,
+    ogImage: `${viewer}/og.png`,
+    assets: `${viewer}/assets`
+  };
+}
+function normalizeMountPath(value) {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed === "/") return "/";
+  return `/${trimmed.replace(/^\/+|\/+$/g, "")}`;
+}
+
+// src/server/viewer.ts
+import { raw } from "hono/html";
+import { jsx as jsx3 } from "hono/jsx/jsx-runtime";
+
+// src/server/viewer-script.ts
+var VIEWER_STATE_MESSAGE_TYPE = "hono-decks:state";
+var VIEWER_COMMAND_MESSAGE_TYPE = "hono-decks:command";
+function renderViewerScript(nonce) {
+  const nonceAttribute = nonce ? ` nonce="${escapeHtml(nonce)}"` : "";
+  return `<script data-hono-decks-viewer-runtime${nonceAttribute}>
+(() => {
+  const roots = Array.from(document.querySelectorAll("[data-hono-decks-viewer]"));
+  const runtime = window.__honoDecksViewerRuntime ??= { controllers: new Map(), globalInitialized: false };
+  const controllers = runtime.controllers;
+
+  for (const root of roots) {
+    if (root.hasAttribute("data-hono-decks-initialized")) continue;
+    root.setAttribute("data-hono-decks-initialized", "true");
+
+    const viewport = root.querySelector("[data-viewer-viewport]");
+    const iframe = root.querySelector("iframe");
+    const frameOrigin = iframe?.src ? new URL(iframe.src, window.location.href).origin : window.location.origin;
+    const position = root.querySelector("[data-slide-position]");
+    const navigationLayers = root.querySelectorAll("[data-viewer-navigation]");
+    const printPath = root.getAttribute("data-hono-decks-print-path") || "";
+    let pointerStartX = null;
+    let pointerStartY = null;
+    let suppressNavigationClick = false;
+    let suppressNavigationClickTimer = null;
+
+    if (position && viewport) viewport.append(position);
+
+    function sendCommand(action, index) {
+      const target = iframe?.contentWindow;
+      try {
+        const command = target?.__honoDecksPresentationRuntime?.command;
+        if (typeof command === "function") {
+          command(action, index);
+          return;
+        }
+      } catch {
+        // Cross-origin frames cannot expose their runtime. Use postMessage below.
+      }
+      target?.postMessage({ type: ${JSON.stringify(VIEWER_COMMAND_MESSAGE_TYPE)}, action, index }, frameOrigin);
+    }
+
+    function navigationClick(event) {
+      if (suppressNavigationClick) {
+        clearNavigationClickSuppression();
+        event.preventDefault();
+        return;
+      }
+      const action = event.currentTarget?.getAttribute("data-viewer-navigation");
+      if (action === "previous" || action === "next") {
+        sendCommand(action);
+        viewport?.focus({ preventScroll: true });
+      }
+    }
+
+    function clearNavigationClickSuppression() {
+      suppressNavigationClick = false;
+      if (suppressNavigationClickTimer !== null) window.clearTimeout(suppressNavigationClickTimer);
+      suppressNavigationClickTimer = null;
+    }
+
+    function suppressCurrentNavigationClick() {
+      clearNavigationClickSuppression();
+      suppressNavigationClick = true;
+      suppressNavigationClickTimer = window.setTimeout(clearNavigationClickSuppression, 0);
+    }
+
+    function viewerPointerDown(event) {
+      pointerStartX = event.clientX;
+      pointerStartY = event.clientY;
+    }
+
+    function viewerPointerUp(event) {
+      if (pointerStartX === null || pointerStartY === null) return;
+      const deltaX = event.clientX - pointerStartX;
+      const deltaY = event.clientY - pointerStartY;
+      pointerStartX = null;
+      pointerStartY = null;
+      if (Math.abs(deltaX) < 48 || Math.abs(deltaX) < Math.abs(deltaY)) return;
+      suppressCurrentNavigationClick();
+      sendCommand(deltaX < 0 ? "next" : "previous");
+    }
+
+    function viewerPointerCancel() {
+      pointerStartX = null;
+      pointerStartY = null;
+      clearNavigationClickSuppression();
+    }
+
+    function isPortraitMobile() {
+      return window.matchMedia("(orientation: portrait) and (pointer: coarse)").matches;
+    }
+
+    async function lockViewerLandscape() {
+      const orientation = window.screen?.orientation;
+      if (!orientation || typeof orientation.lock !== "function") return;
+      try {
+        await orientation.lock("landscape");
+      } catch {
+        // Orientation locking is optional; fullscreen remains available when unsupported.
+      }
+    }
+
+    function unlockViewerOrientation() {
+      const orientation = window.screen?.orientation;
+      if (!orientation || typeof orientation.unlock !== "function") return;
+      orientation.unlock();
+    }
+
+    async function toggleViewerFullscreen() {
+      if (document.fullscreenElement) {
+        unlockViewerOrientation();
+        await document.exitFullscreen?.();
+        return;
+      }
+      await root.requestFullscreen?.();
+      if (document.fullscreenElement && isPortraitMobile()) await lockViewerLandscape();
+    }
+
+    function writeViewerPaginationState(message) {
+      if (!Number.isInteger(message.index)) return;
+      const url = new URL(window.location.href);
+      const params = url.searchParams;
+      params.set("slide", String(message.index + 1));
+      params.set("step", String(Number.isInteger(message.stepIndex) ? message.stepIndex : 0));
+      window.history.replaceState(null, "", url);
+    }
+
+    function handleMessage(event) {
+      if (event.source !== iframe?.contentWindow) return;
+      if (event.origin !== frameOrigin) return;
+      const message = event.data;
+      if (!message || message.type !== ${JSON.stringify(VIEWER_STATE_MESSAGE_TYPE)}) return;
+      writeViewerPaginationState(message);
+      root.setAttribute("data-step-index", String(message.stepIndex ?? 0));
+      root.setAttribute("data-step-count", String(message.stepCount ?? 0));
+      if (position) {
+        const slideText = String(message.index + 1) + " / " + String(message.slideCount ?? "?");
+        position.textContent = slideText;
+      }
+    }
+
+    function handleKeydown(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "p" && printPath) {
+        event.preventDefault();
+        const printUrl = new URL(printPath, window.location.href);
+        printUrl.searchParams.set("autoprint", "1");
+        window.location.assign(printUrl);
+        return;
+      }
+      if (event.key === "ArrowRight" || event.key === " ") sendCommand("next");
+      if (event.key === "ArrowLeft") sendCommand("previous");
+      if (event.key === "f") void toggleViewerFullscreen();
+    }
+
+    root.querySelectorAll("[data-action='previous']").forEach((control) => {
+      control.addEventListener("click", () => sendCommand("previous"));
+    });
+    root.querySelectorAll("[data-action='next']").forEach((control) => {
+      control.addEventListener("click", () => sendCommand("next"));
+    });
+    root.querySelectorAll("[data-action='fullscreen']").forEach((control) => {
+      control.addEventListener("click", () => { void toggleViewerFullscreen(); });
+    });
+    root.querySelectorAll("[data-action='goTo']").forEach((control) => {
+      control.addEventListener("click", () => {
+        const index = Number(control.getAttribute("data-slide-index"));
+        if (Number.isFinite(index)) sendCommand("goTo", index);
+      });
+    });
+    navigationLayers.forEach((layer) => layer.addEventListener("click", navigationClick));
+    viewport?.addEventListener("pointerdown", viewerPointerDown);
+    viewport?.addEventListener("pointerup", viewerPointerUp);
+    viewport?.addEventListener("pointercancel", viewerPointerCancel);
+    window.addEventListener("message", handleMessage);
+    controllers.set(root, { handleKeydown, unlockViewerOrientation });
+  }
+
+  if (!runtime.globalInitialized) {
+    runtime.globalInitialized = true;
+    document.addEventListener("fullscreenchange", () => {
+      if (document.fullscreenElement) return;
+      controllers.forEach((controller) => controller.unlockViewerOrientation());
+    });
+
+    document.addEventListener("keydown", (event) => {
+      const activeRoot = document.activeElement?.closest?.("[data-hono-decks-viewer]");
+      const onlyRoot = controllers.size === 1 ? controllers.keys().next().value : null;
+      controllers.get(activeRoot || onlyRoot)?.handleKeydown(event);
+    });
+  }
+})();
+  </script>`;
+}
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+
+// src/server/viewer-style.ts
+var VIEWER_ASPECT_RATIO = "16/9";
+function embeddedViewerStyle() {
+  const root = "[data-hono-decks-viewer][data-hono-decks-embed]";
+  return `${root}{color-scheme:dark;background:#050816;color:#eef2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;gap:12px;width:100%;min-width:0;box-sizing:border-box}
+${root} *:focus-visible{outline:none}
+${root} .hono-decks-viewer-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;width:100%;min-width:0;min-height:0;box-sizing:border-box}
+${root} .hono-decks-viewer-stage{display:grid;place-items:center;width:100%;min-width:0;min-height:0;container-type:inline-size}
+${root} .hono-decks-viewport{width:100%;aspect-ratio:${VIEWER_ASPECT_RATIO};position:relative;overflow:hidden;touch-action:pan-y}
+${root} .hono-decks-viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}
+${root} .hono-decks-frame-stage,${root} .hono-decks-frame-stage iframe{width:100%;height:100%}
+${root} .hono-decks-frame-stage iframe{border:0;display:block}
+${root} .hono-decks-viewer-navigation-layer{position:absolute;top:0;bottom:0;width:50%;z-index:2;margin:0;border:0;padding:0;appearance:none;background:transparent;color:transparent;cursor:pointer;touch-action:pan-y}
+${root} .hono-decks-viewer-navigation-previous{left:0}
+${root} .hono-decks-viewer-navigation-next{right:0}
+${root} .hono-decks-viewport>[data-hono-decks-position]{position:absolute;left:50%;bottom:8px;z-index:3;transform:translateX(-50%);border:0;background:transparent;color:inherit;padding:0;font:inherit;font-size:12px;line-height:1;opacity:.5;pointer-events:none;white-space:nowrap}
+${root} .hono-decks-viewer-controls{display:flex;gap:8px;align-items:center;justify-content:center;max-width:100%;min-width:0;z-index:4}
+${root} .hono-decks-viewer-controls [data-hono-decks-navigation-control="previous"],${root} .hono-decks-viewer-controls [data-hono-decks-navigation-control="next"],${root} .hono-decks-viewer-controls [data-hono-decks-position]{position:absolute;visibility:hidden;pointer-events:none}
+${root} .hono-decks-viewer-controls button,${root} .hono-decks-viewer-controls a,${root} .hono-decks-viewer-controls span{border:1px solid rgba(148,163,184,.32);border-radius:8px;background:rgba(15,23,42,.78);color:inherit;padding:8px 10px;font:inherit;font-size:14px}
+${root} .hono-decks-viewer-controls button,${root} .hono-decks-viewer-controls a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;box-sizing:border-box;text-decoration:none;cursor:pointer}
+${root} .hono-decks-viewer-controls button *,${root} .hono-decks-viewer-controls a *{pointer-events:none;cursor:pointer}
+${root} .hono-decks-control-icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;pointer-events:none}
+${root} .hono-decks-viewer-toc button{font:inherit}
+@media (prefers-reduced-motion: reduce){${root},${root} *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}`;
+}
+
+// src/server/viewer.ts
+async function createDeckViewerParts(input) {
+  const slug = input.deck.slug;
+  const title = input.deck.meta.title ?? slug;
+  const basePath = input.mountPath.replace(/\/$/, "");
+  const paths = createDeckPaths(basePath, slug);
+  const imagePath = await resolveOpenGraphImagePath(input.openGraph, { deck: input.deck, paths });
+  const renderUrl = `${paths.render}${input.viewerStateQuery ?? ""}`;
+  const slides = createDeckToc(input.deck);
+  const meta = {
+    title,
+    description: input.deck.meta.description,
+    paths,
+    availablePages: { print: input.availablePages?.print !== false },
+    availableExports: input.exportPaths ?? {},
+    ...imagePath ? { imagePath } : {}
+  };
+  const controlsInput = input.controls === false ? false : input.controls ?? {};
+  const controlsContext = { slug, title, mountPath: basePath, meta, slides };
+  const controls = controlsInput === false ? null : renderViewerControls(controlsInput, controlsContext);
+  return {
+    slug,
+    title,
+    renderUrl,
+    frame: {
+      content: renderViewerFrame({ title, renderUrl }),
+      html: renderViewerFrameHtml({ title, renderUrl })
+    },
+    controls: controls ? { content: controls, html: await renderJsxValue(controls) } : null,
+    toc: { content: renderViewerToc(slides), html: renderViewerTocHtml(slides) },
+    slides,
+    meta
+  };
+}
+async function createDeckViewerEmbed(input) {
+  const parts = await createDeckViewerParts(input);
+  const root = jsx3("section", {
+    class: ["hono-decks-embedded-viewer", input.className].filter(Boolean).join(" "),
+    "data-hono-decks-viewer": true,
+    "data-hono-decks-embed": true,
+    "data-deck-slug": parts.slug,
+    ...parts.meta.availablePages.print ? { "data-hono-decks-print-path": parts.meta.paths.print } : {},
+    "aria-label": parts.title,
+    children: [
+      jsx3("div", {
+        class: "hono-decks-viewer-shell",
+        children: [parts.frame.content, parts.controls?.content]
+      }),
+      input.toc ? parts.toc.content : null
+    ]
+  });
+  const rootHtml = await renderJsxValue(root);
+  const nonceAttribute = input.nonce ? ` nonce="${escapeHtml2(input.nonce)}"` : "";
+  const embedHtml = `<style data-hono-decks-embed-style${nonceAttribute}>${embeddedViewerStyle()}${input.style ?? ""}</style>${rootHtml}${renderViewerScript(input.nonce)}`;
+  return {
+    ...parts,
+    embed: raw(embedHtml),
+    embedHtml
+  };
+}
+async function resolveOpenGraphImagePath(options, input) {
+  if (!options) return void 0;
+  if (options === true) return input.paths.ogImage;
+  if (typeof options.imagePath === "function") return options.imagePath(input);
+  return options.imagePath ?? input.paths.ogImage;
+}
+function createDeckToc(deck) {
+  return deck.slides.map((slide) => ({
+    index: slide.index,
+    title: slide.meta.title,
+    label: slide.meta.title ?? `Slide ${slide.index + 1}`
+  }));
+}
+function renderViewerFrame(input) {
+  return jsx3("div", {
+    class: "hono-decks-viewer-stage",
+    "data-hono-decks-frame": true,
+    children: jsx3("div", {
+      class: "hono-decks-viewport",
+      "data-viewer-viewport": true,
+      tabindex: "0",
+      children: [
+        jsx3("div", {
+          class: "hono-decks-frame-stage",
+          "data-viewer-stage": true,
+          children: jsx3("iframe", {
+            title: input.title,
+            src: input.renderUrl
+          })
+        }),
+        jsx3("button", {
+          class: "hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-previous",
+          type: "button",
+          "data-viewer-navigation": "previous",
+          "aria-label": "Previous slide"
+        }),
+        jsx3("button", {
+          class: "hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-next",
+          type: "button",
+          "data-viewer-navigation": "next",
+          "aria-label": "Next slide"
+        })
+      ]
+    })
+  });
+}
+function renderViewerFrameHtml(input) {
+  return `<div class="hono-decks-viewer-stage" data-hono-decks-frame><div class="hono-decks-viewport" data-viewer-viewport tabindex="0"><div class="hono-decks-frame-stage" data-viewer-stage><iframe title="${escapeHtml2(input.title)}" src="${escapeHtml2(input.renderUrl)}"></iframe></div><button class="hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-previous" type="button" data-viewer-navigation="previous" aria-label="Previous slide"></button><button class="hono-decks-viewer-navigation-layer hono-decks-viewer-navigation-next" type="button" data-viewer-navigation="next" aria-label="Next slide"></button></div></div>`;
+}
+function renderViewerControls(options, context) {
+  return jsx3("nav", {
+    ...controlAttributes(options.attributes),
+    class: controlsClassName(options),
+    "data-hono-decks-viewer-controls": true,
+    "aria-label": options.ariaLabel ?? "Viewer controls",
+    children: resolveViewerControlItems(options, context).map((item) => renderViewerControlItem(item, options, context))
+  });
+}
+function renderViewerToc(slides) {
+  return jsx3("nav", {
+    class: "hono-decks-viewer-toc",
+    "data-hono-decks-toc": true,
+    "aria-label": "Slide navigation",
+    children: jsx3("ol", {
+      children: slides.map(
+        (slide) => jsx3("li", {
+          children: jsx3("button", {
+            type: "button",
+            "data-action": "goTo",
+            "data-slide-index": String(slide.index),
+            children: slide.label
+          })
+        })
+      )
+    })
+  });
+}
+function renderViewerTocHtml(slides) {
+  const items = slides.map(
+    (slide) => `<li><button type="button" data-action="goTo" data-slide-index="${slide.index}">${escapeHtml2(slide.label)}</button></li>`
+  ).join("");
+  return `<nav class="hono-decks-viewer-toc" data-hono-decks-toc aria-label="Slide navigation"><ol>${items}</ol></nav>`;
+}
+function escapeHtml2(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
+}
+function safeFilename(value) {
+  const normalized = value.trim().replaceAll(/[^a-zA-Z0-9._-]+/g, "-").replaceAll(/^-+|-+$/g, "");
+  return normalized || "deck";
+}
+function buildViewerControlDefaults(context) {
+  return {
+    back: { type: "default", key: "back" },
+    previous: { type: "default", key: "previous" },
+    position: { type: "default", key: "position" },
+    next: { type: "default", key: "next" },
+    fullscreen: { type: "default", key: "fullscreen" },
+    print: context.meta.availablePages.print ? { type: "default", key: "print" } : null,
+    exportPdf: context.meta.availableExports.pdf ? { type: "default", key: "exportPdf" } : null,
+    exportPng: context.meta.availableExports.png ? { type: "default", key: "exportPng" } : null
+  };
+}
+function resolveViewerControlItems(options, context) {
+  const defaults = buildViewerControlDefaults(context);
+  const baseItems = [
+    defaults.back,
+    defaults.previous,
+    defaults.position,
+    defaults.next,
+    defaults.fullscreen,
+    defaults.print,
+    defaults.exportPdf,
+    defaults.exportPng
+  ];
+  const items = typeof options.items === "function" ? options.items(defaults, context) : options.items ?? [
+    ...resolveViewerControlSlotItems(options.before, context),
+    ...filterHiddenDefaultItems(baseItems, options.hidden),
+    ...resolveViewerControlSlotItems(options.after, context)
+  ];
+  return items.filter((item) => Boolean(item)).map((item) => applyViewerControlLabels(item, options.labels));
+}
+function renderViewerControlItem(item, options, context) {
+  const renderDefault = () => renderBaseViewerControlItem(item, options, context);
+  return options.renderItem?.(item, context, renderDefault) ?? renderDefault();
+}
+function renderBaseViewerControlItem(item, options, context) {
+  if (item.type === "link") {
+    const ariaLabel = item.icon ? String(item.attributes?.["aria-label"] ?? item.label) : void 0;
+    return jsx3("a", {
+      ...linkAttributes(item.attributes),
+      ...safeHref(item.href) ? { href: safeHref(item.href) } : {},
+      ...item.download ? { download: item.download } : {},
+      ...classAttribute(options.itemClassName, item.className),
+      ...item.icon ? { "aria-label": ariaLabel, title: ariaLabel } : {},
+      children: item.icon ? renderControlIcon(item.icon) : item.label
+    });
+  }
+  if (item.type === "render") {
+    return item.render({ context });
+  }
+  return renderDefaultViewerControlItem(item, options, context);
+}
+function renderDefaultViewerControlItem(item, options, context) {
+  const itemProps = {
+    ...linkAttributes(item.attributes),
+    ...classAttribute(options.itemClassName, item.className)
+  };
+  switch (item.key) {
+    case "back":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.mountPath,
+        "data-hono-decks-back-link": true,
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("deck-list"), title: controlIconLabel("deck-list") } : {},
+        children: item.label ?? renderControlIcon("deck-list")
+      });
+    case "previous":
+      return renderIconButton("previous", item, itemProps);
+    case "position":
+      return jsx3("span", {
+        ...itemProps,
+        "data-slide-position": true,
+        "data-hono-decks-position": true,
+        children: item.label ?? "1 / ?"
+      });
+    case "next":
+      return renderIconButton("next", item, itemProps);
+    case "fullscreen":
+      return renderIconButton("fullscreen", item, itemProps);
+    case "print":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.print,
+        "data-hono-decks-print": true,
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("print"), title: controlIconLabel("print") } : {},
+        children: item.label ?? renderControlIcon("print")
+      });
+    case "exportPdf":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.exportPdf,
+        download: `${safeFilename(context.meta.title)}.pdf`,
+        "data-hono-decks-export": "pdf",
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("export-pdf"), title: controlIconLabel("export-pdf") } : {},
+        children: item.label ?? renderControlIcon("export-pdf")
+      });
+    case "exportPng":
+      return jsx3("a", {
+        ...itemProps,
+        href: context.meta.paths.exportPng,
+        download: `${safeFilename(context.meta.title)}.png`,
+        "data-hono-decks-export": "png",
+        ...item.label === void 0 ? { "aria-label": controlIconLabel("export-png"), title: controlIconLabel("export-png") } : {},
+        children: item.label ?? renderControlIcon("export-png")
+      });
+  }
+}
+function renderIconButton(action, item, itemProps) {
+  const iconName = controlIconNameForKey(action);
+  const label = controlIconLabel(iconName);
+  return jsx3("button", {
+    ...itemProps,
+    type: "button",
+    "data-action": action,
+    "data-hono-decks-navigation-control": action,
+    ...item.label === void 0 ? { "aria-label": label, title: label } : {},
+    children: item.label ?? renderControlIcon(iconName)
+  });
+}
+function controlIconNameForKey(key) {
+  switch (key) {
+    case "back":
+      return "deck-list";
+    case "previous":
+      return "previous";
+    case "next":
+      return "next";
+    case "fullscreen":
+      return "fullscreen";
+    case "print":
+      return "print";
+    case "exportPdf":
+      return "export-pdf";
+    case "exportPng":
+      return "export-png";
+    case "position":
+      return "viewer";
+  }
+}
+function controlsClassName(options) {
+  return ["hono-decks-viewer-controls", options.className].filter(Boolean).join(" ");
+}
+function resolveViewerControlSlotItems(items, context) {
+  return typeof items === "function" ? items(context) : items ?? [];
+}
+function filterHiddenDefaultItems(items, hidden) {
+  if (!hidden?.length) return items;
+  const hiddenKeys = new Set(hidden);
+  return items.filter((item) => !item || item.type !== "default" || !hiddenKeys.has(item.key));
+}
+function applyViewerControlLabels(item, labels) {
+  if (item.type !== "default" || item.label !== void 0) return item;
+  const label = labels?.[item.key];
+  return label === void 0 ? item : { ...item, label };
+}
+function linkAttributes(attributes) {
+  const props = {};
+  for (const [name, value] of Object.entries(attributes ?? {})) {
+    if (!isSafeAttributeName(name) || value === false || value === void 0) continue;
+    props[name] = value;
+  }
+  return props;
+}
+function controlAttributes(attributes) {
+  const props = linkAttributes(attributes);
+  delete props.class;
+  delete props["aria-label"];
+  delete props["data-hono-decks-viewer-controls"];
+  return props;
+}
+function classAttribute(...classNames) {
+  const className = classNames.filter(Boolean).join(" ");
+  return className ? { class: className } : {};
+}
+function isSafeAttributeName(value) {
+  return /^[A-Za-z_:][A-Za-z0-9:_.-]*$/.test(value) && !/^on/i.test(value);
+}
+function safeHref(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0) return void 0;
+  if (/^(https?:|mailto:|tel:)/i.test(trimmed)) return value;
+  if (/^(javascript:|data:|vbscript:)/i.test(trimmed)) return void 0;
+  if (/^[^/?#.]+:/i.test(trimmed)) return void 0;
+  return value;
+}
+
+// src/server/define-decks.ts
+function defineDecksConfig(config) {
+  return config;
+}
+
+// src/source/r2-assets.ts
+function withR2Assets(source, options) {
+  return {
+    async listDecks(c) {
+      return source.listDecks(c);
+    },
+    async getCompiledDeck(c, slug) {
+      return source.getCompiledDeck(c, slug);
+    },
+    async getAsset(c, slug, assetPath) {
+      const deck = await source.getCompiledDeck(c, slug);
+      const asset = deck ? findRoutableAsset(deck.assets, slug, assetPath) : void 0;
+      const bucket = asset ? await resolveBucket(options.bucket, c) : void 0;
+      if (deck && asset && bucket) {
+        const object = await bucket.get(resolveR2Key({ deck, asset, slug, assetPath }, options));
+        if (object) {
+          const response = await responseFromR2Object(object, { deck, asset, slug, assetPath }, options);
+          if (response) return response;
+        }
+      }
+      return source.getAsset?.(c, slug, assetPath) ?? null;
+    }
+  };
+}
+async function resolveBucket(bucket, c) {
+  return typeof bucket === "function" ? bucket(c) : bucket;
+}
+function findRoutableAsset(assets, slug, assetPath) {
+  const normalized = assetPath.replace(/^\/+/, "");
+  return assets.find((asset) => {
+    if (asset.type !== "local" && asset.type !== "r2") return false;
+    const suffix = `/${slug}/assets/${normalized}`;
+    return asset.publicPath.endsWith(suffix);
+  });
+}
+function resolveR2Key(input, options) {
+  if (options.key) return options.key(input);
+  if (input.asset.r2Key) return input.asset.r2Key;
+  const key = input.asset.sourcePath || `${input.slug}/assets/${input.assetPath}`;
+  const prefix = options.keyPrefix?.replace(/\/+$/, "");
+  return prefix ? `${prefix}/${key.replace(/^\/+/, "")}` : key.replace(/^\/+/, "");
+}
+async function responseFromR2Object(object, input, options) {
+  const body = object.body ?? (object.arrayBuffer ? await object.arrayBuffer() : void 0);
+  if (body == null) return null;
+  const headers = new Headers();
+  object.writeHttpMetadata?.(headers);
+  applyHttpMetadata(headers, object.httpMetadata);
+  if (!headers.has("content-type") && input.asset.contentType) headers.set("content-type", input.asset.contentType);
+  const cacheControl = resolveCacheControl(input, options);
+  if (cacheControl) {
+    headers.set("cache-control", cacheControl);
+  } else if (cacheControl !== false && input.asset.cacheControl && !headers.has("cache-control")) {
+    headers.set("cache-control", input.asset.cacheControl);
+  }
+  return new Response(body, { headers });
+}
+function applyHttpMetadata(headers, metadata) {
+  if (!metadata) return;
+  if (metadata.contentType && !headers.has("content-type")) headers.set("content-type", metadata.contentType);
+  if (metadata.cacheControl && !headers.has("cache-control")) headers.set("cache-control", metadata.cacheControl);
+  if (metadata.contentDisposition && !headers.has("content-disposition")) {
+    headers.set("content-disposition", metadata.contentDisposition);
+  }
+  if (metadata.contentEncoding && !headers.has("content-encoding")) headers.set("content-encoding", metadata.contentEncoding);
+  if (metadata.contentLanguage && !headers.has("content-language")) headers.set("content-language", metadata.contentLanguage);
+}
+function resolveCacheControl(input, options) {
+  return typeof options.cacheControl === "function" ? options.cacheControl(input) : options.cacheControl;
+}
+export {
+  SLIDE_TRANSITIONS,
+  createDeckPaths,
+  createDeckViewerEmbed,
+  defineDecksConfig,
+  defineSlideComponents,
+  withR2Assets
+};