@netless/app-slide 0.0.52 → 0.0.56

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.52",
+  "version": "0.0.56",
   "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.56",
+    "@netless/slide": "^0.2.3",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.0",
     "side-effect-manager": "^0.1.5",

package/src/DocsViewer/index.ts

@@ -298,6 +298,9 @@ export class DocsViewer {
         $pageNumberInput.disabled = true;
       }
       this.$pageNumberInput = $pageNumberInput;
+      this.sideEffect.addEventListener($pageNumberInput, "focus", () => {
+        $pageNumberInput.select();
+      });
       this.sideEffect.addEventListener($pageNumberInput, "change", () => {
         if (this.readonly) {
           return;

package/src/DocsViewer/style.scss

@@ -176,7 +176,7 @@ $namespace: $slide-namespace;
 .#{$namespace}-page-number-input {
   border: none;
   outline: none;
-  width: 1.5em;
+  width: 3em;
   margin: 0;
   padding: 0 2px;
   text-align: right;

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.52";
+export const version = __APP_VERSION__;
 
 export { DefaultUrl, apps, FreezerLength, addHooks };
 
@@ -85,7 +85,15 @@ const SlideApp: NetlessApp<Attributes> = {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         (window as any).slideController = slideController;
       }
-      slideController.readyPromise.then(options.onReady);
+      slideController.readyPromise.then(options.onReady).then(() => {
+        const room = context.getRoom();
+        let synced = false;
+        if (room && context.getIsWritable()) {
+          syncSceneWithSlide(room, context, slideController.slide, baseScenePath);
+          synced = true;
+        }
+        log("[Slide] page to", slideController.slide.slideState.currentSlideIndex, synced);
+      });
       return slideController;
     };