@gpichot/spectacle-deck 1.2.8 → 1.2.10

package/index.cjs

@@ -1779,6 +1779,22 @@ function PassThrough({ children }) {
   return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, children);
 }
 var layouts = layouts_default;
+var KEYS = {
+  NextSlide: ["ArrowDown", "ArrowRight", "PageDown"],
+  PreviousSlide: ["ArrowUp", "ArrowLeft", "PageUp"]
+};
+function DeckKeyEvents() {
+  const { stepForward, regressSlide } = import_react24.default.useContext(import_spectacle10.DeckContext);
+  import_react24.default.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (KEYS.NextSlide.includes(e.key)) stepForward();
+      else if (KEYS.PreviousSlide.includes(e.key)) regressSlide();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [stepForward, regressSlide]);
+  return null;
+}
 var componentsMap2 = {
   ...map_default,
   wrapper: SlideWrapper
@@ -1806,6 +1822,7 @@ function Deck({
       theme: { ...theme_default, ...theme.themeTokens },
       template
     },
+    /* @__PURE__ */ import_react24.default.createElement(DeckKeyEvents, null),
     deck.slides.map((slide, i) => {
       const Component = slide.slideComponent;
       return /* @__PURE__ */ import_react24.default.createElement(import_spectacle10.Slide, { key: i }, /* @__PURE__ */ import_react24.default.createElement(Component, null));

package/index.mjs

@@ -1,7 +1,7 @@
 // src/index.tsx
 import React24 from "react";
 import { MDXProvider } from "@mdx-js/react";
-import { Deck as SpectacleDeck, Slide } from "spectacle";
+import { Deck as SpectacleDeck, Slide, DeckContext as DeckContext2 } from "spectacle";
 
 // src/layouts/CenteredLayout.tsx
 import React2 from "react";
@@ -1732,6 +1732,22 @@ function PassThrough({ children }) {
   return /* @__PURE__ */ React24.createElement(React24.Fragment, null, children);
 }
 var layouts = layouts_default;
+var KEYS = {
+  NextSlide: ["ArrowDown", "ArrowRight", "PageDown"],
+  PreviousSlide: ["ArrowUp", "ArrowLeft", "PageUp"]
+};
+function DeckKeyEvents() {
+  const { stepForward, regressSlide } = React24.useContext(DeckContext2);
+  React24.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (KEYS.NextSlide.includes(e.key)) stepForward();
+      else if (KEYS.PreviousSlide.includes(e.key)) regressSlide();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [stepForward, regressSlide]);
+  return null;
+}
 var componentsMap2 = {
   ...map_default,
   wrapper: SlideWrapper
@@ -1759,6 +1775,7 @@ function Deck({
       theme: { ...theme_default, ...theme.themeTokens },
       template
     },
+    /* @__PURE__ */ React24.createElement(DeckKeyEvents, null),
     deck.slides.map((slide, i) => {
       const Component = slide.slideComponent;
       return /* @__PURE__ */ React24.createElement(Slide, { key: i }, /* @__PURE__ */ React24.createElement(Component, null));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpichot/spectacle-deck",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "license": "MIT",
   "type": "module",
   "main": "index.cjs",