hono-decks 0.4.5 → 0.5.0

package/dist/advanced.js

@@ -707,6 +707,7 @@ function renderPresentationScript(nonce) {
   let isTransitioning = false;
   let pendingNavigation = null;
   let transitionToken = 0;
+  let touchStart = null;
 
   function fitDeck() {
     if (!(stage instanceof HTMLElement) || !(deck instanceof HTMLElement)) return;
@@ -1039,6 +1040,33 @@ function renderPresentationScript(nonce) {
     if (action === "overview") toggleOverview();
   }
 
+  function isInteractiveTouchTarget(target) {
+    return target instanceof Element && Boolean(target.closest("a,button,input,select,textarea,[contenteditable],[role='button']"));
+  }
+
+  function handleTouchStart(event) {
+    if (event.touches.length !== 1 || isInteractiveTouchTarget(event.target)) {
+      touchStart = null;
+      return;
+    }
+    const touch = event.touches[0];
+    touchStart = { x: touch.clientX, y: touch.clientY };
+  }
+
+  function handleTouchEnd(event) {
+    if (!touchStart || event.changedTouches.length !== 1) {
+      touchStart = null;
+      return;
+    }
+    const touch = event.changedTouches[0];
+    const deltaX = touch.clientX - touchStart.x;
+    const deltaY = touch.clientY - touchStart.y;
+    touchStart = null;
+    const threshold = Math.max(48, window.innerWidth * 0.08);
+    if (Math.abs(deltaX) < threshold || Math.abs(deltaX) <= Math.abs(deltaY) * 1.25) return;
+    handleCommand(deltaX < 0 ? "next" : "previous");
+  }
+
   async function toggleFullscreen() {
     if (document.fullscreenElement) {
       await document.exitFullscreen?.();
@@ -1062,6 +1090,9 @@ function renderPresentationScript(nonce) {
     if (event.key === "p") handleCommand("presenter");
     if (event.key === "o") handleCommand("overview");
   });
+  document.addEventListener("touchstart", handleTouchStart, { passive: true });
+  document.addEventListener("touchend", handleTouchEnd, { passive: true });
+  document.addEventListener("touchcancel", () => { touchStart = null; }, { passive: true });
 
   window.addEventListener("message", (event) => {
     const message = event.data;
@@ -2469,10 +2500,25 @@ async function renderDeckExternalEmbedResponse(input) {
 		mountPath,
 		title: deck.meta.title ?? slug
 	}, input.document, input.options.document);
+	const viewerOptions = typeof input.options.viewer === "function" ? await input.options.viewer(input.context) : input.options.viewer;
+	const controls = viewerOptions?.controls === void 0 ? { items: (_defaults, context) => [{
+		type: "link",
+		key: "open-viewer",
+		href: context.meta.paths.viewer,
+		label: "Open full viewer in new tab",
+		icon: "external-link",
+		attributes: {
+			"aria-label": "Open full viewer in new tab",
+			"data-hono-decks-viewer-link": true,
+			target: "_blank",
+			rel: "noreferrer"
+		}
+	}] } : viewerOptions.controls;
 	const viewer = await createDeckViewerEmbed({
 		deck,
 		mountPath,
-		...typeof input.options.viewer === "function" ? await input.options.viewer(input.context) : input.options.viewer,
+		...viewerOptions,
+		controls,
 		availablePages: input.availablePages,
 		nonce: document.nonce
 	});

package/dist/node.js

@@ -3130,6 +3130,7 @@ function renderPresentationScript(nonce) {
   let isTransitioning = false;
   let pendingNavigation = null;
   let transitionToken = 0;
+  let touchStart = null;
 
   function fitDeck() {
     if (!(stage instanceof HTMLElement) || !(deck instanceof HTMLElement)) return;
@@ -3462,6 +3463,33 @@ function renderPresentationScript(nonce) {
     if (action === "overview") toggleOverview();
   }
 
+  function isInteractiveTouchTarget(target) {
+    return target instanceof Element && Boolean(target.closest("a,button,input,select,textarea,[contenteditable],[role='button']"));
+  }
+
+  function handleTouchStart(event) {
+    if (event.touches.length !== 1 || isInteractiveTouchTarget(event.target)) {
+      touchStart = null;
+      return;
+    }
+    const touch = event.touches[0];
+    touchStart = { x: touch.clientX, y: touch.clientY };
+  }
+
+  function handleTouchEnd(event) {
+    if (!touchStart || event.changedTouches.length !== 1) {
+      touchStart = null;
+      return;
+    }
+    const touch = event.changedTouches[0];
+    const deltaX = touch.clientX - touchStart.x;
+    const deltaY = touch.clientY - touchStart.y;
+    touchStart = null;
+    const threshold = Math.max(48, window.innerWidth * 0.08);
+    if (Math.abs(deltaX) < threshold || Math.abs(deltaX) <= Math.abs(deltaY) * 1.25) return;
+    handleCommand(deltaX < 0 ? "next" : "previous");
+  }
+
   async function toggleFullscreen() {
     if (document.fullscreenElement) {
       await document.exitFullscreen?.();
@@ -3485,6 +3513,9 @@ function renderPresentationScript(nonce) {
     if (event.key === "p") handleCommand("presenter");
     if (event.key === "o") handleCommand("overview");
   });
+  document.addEventListener("touchstart", handleTouchStart, { passive: true });
+  document.addEventListener("touchend", handleTouchEnd, { passive: true });
+  document.addEventListener("touchcancel", () => { touchStart = null; }, { passive: true });
 
   window.addEventListener("message", (event) => {
     const message = event.data;
@@ -4829,10 +4860,25 @@ async function renderDeckExternalEmbedResponse(input) {
 		mountPath,
 		title: deck.meta.title ?? slug
 	}, input.document, input.options.document);
+	const viewerOptions = typeof input.options.viewer === "function" ? await input.options.viewer(input.context) : input.options.viewer;
+	const controls = viewerOptions?.controls === void 0 ? { items: (_defaults, context) => [{
+		type: "link",
+		key: "open-viewer",
+		href: context.meta.paths.viewer,
+		label: "Open full viewer in new tab",
+		icon: "external-link",
+		attributes: {
+			"aria-label": "Open full viewer in new tab",
+			"data-hono-decks-viewer-link": true,
+			target: "_blank",
+			rel: "noreferrer"
+		}
+	}] } : viewerOptions.controls;
 	const viewer = await createDeckViewerEmbed({
 		deck,
 		mountPath,
-		...typeof input.options.viewer === "function" ? await input.options.viewer(input.context) : input.options.viewer,
+		...viewerOptions,
+		controls,
 		availablePages: input.availablePages,
 		nonce: document.nonce
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hono-decks",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "Slide decks for Hono and Cloudflare Workers",
   "keywords": [
     "cloudflare-workers",