@netless/app-slide 0.0.51 → 0.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.51",
+  "version": "0.0.55",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
   ],
   "devDependencies": {
     "@netless/app-shared": "^0.1.1",
-    "@netless/slide": "^0.1.55",
+    "@netless/slide": "^0.2.2",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.0",
     "side-effect-manager": "^0.1.5",

package/src/SlideController/index.ts

@@ -251,6 +251,7 @@ export class SlideController {
       mode: "interactive",
       resize: true,
       controller: logger.enable,
+      enableGlobalClick: true,
       renderOptions: {
         minFPS: 25,
         maxFPS: 30,

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());
@@ -103,6 +122,7 @@ export class SlidePreviewer {
       mode: "local",
       resize: true,
       controller: this.debug,
+      enableGlobalClick: true,
       renderOptions: {
         minFPS: 25,
         maxFPS: 30,

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.51";
+export const version = __APP_VERSION__;
 
 export { DefaultUrl, apps, FreezerLength, addHooks };