@netless/app-slide 0.0.53 → 0.0.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

package/src/SlidePreviewer/index.ts

@@ -71,26 +71,45 @@ export class SlidePreviewer {
 
   public render() {
     this.viewer.$content.appendChild(this.renderSlideContainer());
-    this.sideEffect.addEventListener(window, "keydown", ev => {
-      if (this.slide) {
-        switch (ev.key) {
-          case "ArrowUp":
-          case "ArrowLeft": {
-            this.slide.prevStep();
-            break;
-          }
-          case "ArrowRight":
-          case "ArrowDown": {
-            this.slide.nextStep();
-            break;
-          }
-          default: {
-            break;
-          }
+    this.registerHotKeys(window);
+  }
+
+  /**
+   * In case you have a different window -- for example, in electron.
+   * Use this method to re-register hotkeys.
+   *
+   * @example
+   * previewer.registerHotKeys(windowLike)
+   */
+  public registerHotKeys(windowLike: Window) {
+    this.sideEffect.addEventListener(
+      windowLike,
+      "keydown",
+      this.hotkeyListener,
+      undefined,
+      "hotkey"
+    );
+  }
+
+  private hotkeyListener = (ev: KeyboardEvent) => {
+    if (this.slide) {
+      switch (ev.key) {
+        case "ArrowUp":
+        case "ArrowLeft": {
+          this.slide.prevStep();
+          break;
+        }
+        case "ArrowRight":
+        case "ArrowDown": {
+          this.slide.nextStep();
+          break;
+        }
+        default: {
+          break;
         }
       }
-    });
-  }
+    }
+  };
 
   public mount(taskId: string, url: string) {
     this.target.appendChild(this.renderStyle());

package/src/index.ts

@@ -23,7 +23,7 @@ export { SlidePreviewer, default as previewSlide } from "./SlidePreviewer";
 
 export type { Attributes, AddHooks, FreezableSlide };
 
-export const version = "0.0.53";
+export const version = __APP_VERSION__;
 
 export { DefaultUrl, apps, FreezerLength, addHooks };