hono-decks 0.4.3 → 0.4.5

package/dist/advanced.d.ts

@@ -200,7 +200,7 @@ interface DeckManifest {
 }
 //#endregion
 //#region src/renderer/control-icons.d.ts
-type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "print" | "details" | "export-pdf" | "export-png";
+type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "external-link" | "print" | "details" | "export-pdf" | "export-png";
 declare function renderControlIcon(name: DeckControlIconName, className?: string): DeckRenderable;
 declare function renderControlIconHtml(name: DeckControlIconName, className?: string): string;
 declare function controlIconLabel(name: DeckControlIconName): string;

package/dist/advanced.js

@@ -545,6 +545,7 @@ function controlIconLabel(name) {
 		case "previous": return "Previous slide";
 		case "next": return "Next slide";
 		case "fullscreen": return "Toggle fullscreen";
+		case "external-link": return "Open link in new tab";
 		case "print": return "Print view";
 		case "details": return "Details";
 		case "export-pdf": return "Export PDF";
@@ -561,6 +562,7 @@ function controlIconPathHtml(name) {
 		case "previous": return "<path d=\"M15 6l-6 6 6 6\" />";
 		case "next": return "<path d=\"M9 6l6 6-6 6\" />";
 		case "fullscreen": return "<path d=\"M8 3H5a2 2 0 0 0-2 2v3\" /><path d=\"M16 3h3a2 2 0 0 1 2 2v3\" /><path d=\"M8 21H5a2 2 0 0 1-2-2v-3\" /><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\" />";
+		case "external-link": return "<path d=\"M15 3h6v6\" /><path d=\"M10 14 21 3\" /><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />";
 		case "print": return "<path d=\"M6 9V3h12v6\" /><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\" /><path d=\"M6 14h12v7H6z\" />";
 		case "details": return "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 11v5\" /><path d=\"M12 8h.01\" />";
 		case "export-pdf": return "<path d=\"M14 3v4a2 2 0 0 0 2 2h4\" /><path d=\"M5 3h9l6 6v12H5z\" /><path d=\"M8 15h8\" /><path d=\"M8 18h5\" />";
@@ -602,6 +604,11 @@ function controlIconPaths(name) {
 			jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
 			jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 		];
+		case "external-link": return [
+			jsx("path", { d: "M15 3h6v6" }),
+			jsx("path", { d: "M10 14 21 3" }),
+			jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+		];
 		case "print": return [
 			jsx("path", { d: "M6 9V3h12v6" }),
 			jsx("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" }),
@@ -1779,6 +1786,7 @@ function renderViewerScript(nonce) {
     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 viewerLinks = Array.from(root.querySelectorAll("[data-hono-decks-viewer-link]"));
     const printPath = root.getAttribute("data-hono-decks-print-path") || "";
 
     if (position && viewport) viewport.append(position);
@@ -1834,6 +1842,14 @@ function renderViewerScript(nonce) {
       params.set("slide", String(message.index + 1));
       params.set("step", String(Number.isInteger(message.stepIndex) ? message.stepIndex : 0));
       window.history.replaceState(null, "", url);
+      for (const link of viewerLinks) {
+        const href = link.getAttribute("href");
+        if (!href) continue;
+        const viewerUrl = new URL(href, window.location.href);
+        viewerUrl.searchParams.set("slide", params.get("slide"));
+        viewerUrl.searchParams.set("step", params.get("step"));
+        link.setAttribute("href", viewerUrl.href);
+      }
     }
 
     function handleMessage(event) {
@@ -2521,7 +2537,7 @@ function withFrameAncestors(currentPolicy, ancestors) {
 	return directives.join("; ");
 }
 function externalEmbedPageStyle() {
-	return `:root{color-scheme:dark;background:#050816}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh}@supports (height:100dvh){body{min-height:100dvh}}.hono-decks-embedded-viewer{width:100%;height:100%;min-height:0}.hono-decks-embedded-viewer .hono-decks-viewer-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr)}.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100%}@supports (height:100dvh){.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}.hono-decks-embedded-viewer .hono-decks-viewer-controls{bottom:max(.25rem,env(safe-area-inset-bottom,0px));z-index:4}`;
+	return `:root{color-scheme:dark;background:#050816}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh}@supports (height:100dvh){body{min-height:100dvh}}.hono-decks-embedded-viewer{width:100%;height:100%;min-height:0;overflow:hidden}.hono-decks-embedded-viewer .hono-decks-viewer-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr);overflow:hidden}.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100%}@supports (height:100dvh){.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}.hono-decks-embedded-viewer .hono-decks-viewer-controls{bottom:max(.25rem,env(safe-area-inset-bottom,0px));z-index:4}`;
 }
 function escapeHtml$1(value) {
 	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");

package/dist/mod.d.ts

@@ -153,7 +153,7 @@ interface DeckManifest {
 }
 //#endregion
 //#region src/renderer/control-icons.d.ts
-type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "print" | "details" | "export-pdf" | "export-png";
+type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "external-link" | "print" | "details" | "export-pdf" | "export-png";
 //#endregion
 //#region src/server/paths.d.ts
 /** All public URLs for one deck. */

package/dist/mod.js

@@ -333,6 +333,7 @@ function controlIconLabel(name) {
 		case "previous": return "Previous slide";
 		case "next": return "Next slide";
 		case "fullscreen": return "Toggle fullscreen";
+		case "external-link": return "Open link in new tab";
 		case "print": return "Print view";
 		case "details": return "Details";
 		case "export-pdf": return "Export PDF";
@@ -349,6 +350,7 @@ function controlIconPathHtml(name) {
 		case "previous": return "<path d=\"M15 6l-6 6 6 6\" />";
 		case "next": return "<path d=\"M9 6l6 6-6 6\" />";
 		case "fullscreen": return "<path d=\"M8 3H5a2 2 0 0 0-2 2v3\" /><path d=\"M16 3h3a2 2 0 0 1 2 2v3\" /><path d=\"M8 21H5a2 2 0 0 1-2-2v-3\" /><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\" />";
+		case "external-link": return "<path d=\"M15 3h6v6\" /><path d=\"M10 14 21 3\" /><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />";
 		case "print": return "<path d=\"M6 9V3h12v6\" /><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\" /><path d=\"M6 14h12v7H6z\" />";
 		case "details": return "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 11v5\" /><path d=\"M12 8h.01\" />";
 		case "export-pdf": return "<path d=\"M14 3v4a2 2 0 0 0 2 2h4\" /><path d=\"M5 3h9l6 6v12H5z\" /><path d=\"M8 15h8\" /><path d=\"M8 18h5\" />";
@@ -390,6 +392,11 @@ function controlIconPaths(name) {
 			jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
 			jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 		];
+		case "external-link": return [
+			jsx("path", { d: "M15 3h6v6" }),
+			jsx("path", { d: "M10 14 21 3" }),
+			jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+		];
 		case "print": return [
 			jsx("path", { d: "M6 9V3h12v6" }),
 			jsx("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" }),
@@ -475,6 +482,7 @@ function renderViewerScript(nonce) {
     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 viewerLinks = Array.from(root.querySelectorAll("[data-hono-decks-viewer-link]"));
     const printPath = root.getAttribute("data-hono-decks-print-path") || "";
 
     if (position && viewport) viewport.append(position);
@@ -530,6 +538,14 @@ function renderViewerScript(nonce) {
       params.set("slide", String(message.index + 1));
       params.set("step", String(Number.isInteger(message.stepIndex) ? message.stepIndex : 0));
       window.history.replaceState(null, "", url);
+      for (const link of viewerLinks) {
+        const href = link.getAttribute("href");
+        if (!href) continue;
+        const viewerUrl = new URL(href, window.location.href);
+        viewerUrl.searchParams.set("slide", params.get("slide"));
+        viewerUrl.searchParams.set("step", params.get("step"));
+        link.setAttribute("href", viewerUrl.href);
+      }
     }
 
     function handleMessage(event) {

package/dist/node.d.ts

@@ -331,7 +331,7 @@ interface LocalDevSlidesApp {
 declare function createLocalDevSlidesApp(input: CreateLocalDevSlidesAppInput): Promise<LocalDevSlidesApp>;
 //#endregion
 //#region src/renderer/control-icons.d.ts
-type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "print" | "details" | "export-pdf" | "export-png";
+type DeckControlIconName = "deck-list" | "home" | "viewer" | "projection" | "presenter" | "previous" | "next" | "fullscreen" | "external-link" | "print" | "details" | "export-pdf" | "export-png";
 //#endregion
 //#region src/server/paths.d.ts
 /** All public URLs for one deck. */

package/dist/node.js

@@ -2968,6 +2968,7 @@ function controlIconLabel(name) {
 		case "previous": return "Previous slide";
 		case "next": return "Next slide";
 		case "fullscreen": return "Toggle fullscreen";
+		case "external-link": return "Open link in new tab";
 		case "print": return "Print view";
 		case "details": return "Details";
 		case "export-pdf": return "Export PDF";
@@ -2984,6 +2985,7 @@ function controlIconPathHtml(name) {
 		case "previous": return "<path d=\"M15 6l-6 6 6 6\" />";
 		case "next": return "<path d=\"M9 6l6 6-6 6\" />";
 		case "fullscreen": return "<path d=\"M8 3H5a2 2 0 0 0-2 2v3\" /><path d=\"M16 3h3a2 2 0 0 1 2 2v3\" /><path d=\"M8 21H5a2 2 0 0 1-2-2v-3\" /><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\" />";
+		case "external-link": return "<path d=\"M15 3h6v6\" /><path d=\"M10 14 21 3\" /><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />";
 		case "print": return "<path d=\"M6 9V3h12v6\" /><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\" /><path d=\"M6 14h12v7H6z\" />";
 		case "details": return "<circle cx=\"12\" cy=\"12\" r=\"9\" /><path d=\"M12 11v5\" /><path d=\"M12 8h.01\" />";
 		case "export-pdf": return "<path d=\"M14 3v4a2 2 0 0 0 2 2h4\" /><path d=\"M5 3h9l6 6v12H5z\" /><path d=\"M8 15h8\" /><path d=\"M8 18h5\" />";
@@ -3025,6 +3027,11 @@ function controlIconPaths(name) {
 			jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" }),
 			jsx("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
 		];
+		case "external-link": return [
+			jsx("path", { d: "M15 3h6v6" }),
+			jsx("path", { d: "M10 14 21 3" }),
+			jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+		];
 		case "print": return [
 			jsx("path", { d: "M6 9V3h12v6" }),
 			jsx("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" }),
@@ -4139,6 +4146,7 @@ function renderViewerScript(nonce) {
     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 viewerLinks = Array.from(root.querySelectorAll("[data-hono-decks-viewer-link]"));
     const printPath = root.getAttribute("data-hono-decks-print-path") || "";
 
     if (position && viewport) viewport.append(position);
@@ -4194,6 +4202,14 @@ function renderViewerScript(nonce) {
       params.set("slide", String(message.index + 1));
       params.set("step", String(Number.isInteger(message.stepIndex) ? message.stepIndex : 0));
       window.history.replaceState(null, "", url);
+      for (const link of viewerLinks) {
+        const href = link.getAttribute("href");
+        if (!href) continue;
+        const viewerUrl = new URL(href, window.location.href);
+        viewerUrl.searchParams.set("slide", params.get("slide"));
+        viewerUrl.searchParams.set("step", params.get("step"));
+        link.setAttribute("href", viewerUrl.href);
+      }
     }
 
     function handleMessage(event) {
@@ -4881,7 +4897,7 @@ function withFrameAncestors(currentPolicy, ancestors) {
 	return directives.join("; ");
 }
 function externalEmbedPageStyle() {
-	return `:root{color-scheme:dark;background:#050816}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh}@supports (height:100dvh){body{min-height:100dvh}}.hono-decks-embedded-viewer{width:100%;height:100%;min-height:0}.hono-decks-embedded-viewer .hono-decks-viewer-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr)}.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100%}@supports (height:100dvh){.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}.hono-decks-embedded-viewer .hono-decks-viewer-controls{bottom:max(.25rem,env(safe-area-inset-bottom,0px));z-index:4}`;
+	return `:root{color-scheme:dark;background:#050816}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100vh}@supports (height:100dvh){body{min-height:100dvh}}.hono-decks-embedded-viewer{width:100%;height:100%;min-height:0;overflow:hidden}.hono-decks-embedded-viewer .hono-decks-viewer-shell{position:relative;height:100%;grid-template-rows:minmax(0,1fr);overflow:hidden}.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100vh * 16 / 9));max-height:100%}@supports (height:100dvh){.hono-decks-embedded-viewer .hono-decks-viewport{width:min(100%,calc(100dvh * 16 / 9))}}.hono-decks-embedded-viewer .hono-decks-viewer-controls{bottom:max(.25rem,env(safe-area-inset-bottom,0px));z-index:4}`;
 }
 function escapeHtml$2(value) {
 	return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");

package/package.json

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