@netless/app-slide 0.3.0-canary.1 → 0.3.0-canary.2

package/dist/main.es.js

@@ -37899,6 +37899,8 @@ class SlideViewer {
     this.slide = new Slide.Slide({
       anchor: this.$slide,
       resize: true,
+      mode: "local",
+      interactive: true,
       enableGlobalClick: true,
       ...options
     });
@@ -37907,6 +37909,11 @@ class SlideViewer {
     this._infoPromise = new Promise((resolve) => {
       resolveFetching = resolve;
     });
+    this.slide.on("slideChange", (page) => {
+      if (this._destroyed)
+        return;
+      this.setPage(page);
+    });
     this.slide.on("renderEnd", () => {
       if (!this._ready)
         setTimeout(() => {
@@ -38037,17 +38044,19 @@ const addHooks = function addHooks2(emitter) {
     refrigerator.focus(event.appId);
   });
 };
-const version = "0.3.0-canary.1";
+const version = "0.3.0-canary.2";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
     var _a, _b;
-    console.log("[Slide] setup @ 0.3.0-canary.1");
+    console.log("[Slide] setup @ 0.3.0-canary.2");
     if (!context.storage.state.taskId) {
       throw new Error("[Slide] no taskId");
     }
     const options = context.getAppOptions() || {};
     const debug = Boolean(options.debug);
+    const logger = make_logger(context);
+    logger.info("[Slide] setup @ 0.3.0-canary.2");
     const sideEffect = new n();
     const viewer = new SlideViewer({
       interactive: true,
@@ -38056,7 +38065,7 @@ const SlideApp = {
       enableGlobalClick: true,
       controller: debug,
       timestamp: make_timestamp(context),
-      logger: make_logger(context),
+      logger,
       renderOptions: {
         minFPS: options.minFPS || 25,
         maxFPS: options.maxFPS || 30,
@@ -38075,9 +38084,9 @@ const SlideApp = {
     context.box.mountFooter(viewer.$footer);
     context.box.mountContent(viewer.$content);
     sideEffect.addDisposer(() => viewer.destroy());
-    connect({ context, viewer, sideEffect, debug });
+    connect({ context, viewer, sideEffect, logger });
     onUnmount(context, () => {
-      console.log("[Slide] destroy");
+      logger.info("[Slide] destroy");
       sideEffect.flushAll();
     });
   }
@@ -38090,7 +38099,6 @@ function previewSlide(options) {
   container.appendChild(viewer.$content);
   container.appendChild(viewer.$footer);
   viewer.prepare(() => viewer.slide.renderSlide(1));
-  viewer.slide.on("slideChange", (page) => viewer.setPage(page));
   return viewer;
 }
 function make_timestamp(context) {
@@ -38136,8 +38144,8 @@ function hex(color) {
 function onUnmount(context, callback) {
   context.emitter.on("destroy", callback);
 }
-function connect({ context, viewer, sideEffect, debug }) {
-  const log = debug ? console.log.bind(console) : noop;
+function connect({ context, viewer, sideEffect, logger }) {
+  const log = logger.info.bind(logger);
   let whiteboard = null;
   viewer.prepare(({ width, height, slideCount }) => {
     if (context.destroyed)
@@ -38192,9 +38200,10 @@ function connect({ context, viewer, sideEffect, debug }) {
     slide.emit("syncReceive", payload);
   }, { fireSelfEventAfterCommit: true }));
   slide.on("slideChange", (page) => {
-    log("[Slide] page to", page);
-    whiteboard && whiteboard.jumpPage(page - 1);
-    viewer.setPage(page);
+    if (context.isWritable && whiteboard) {
+      log("[Slide] page to", page);
+      whiteboard.jumpPage(page - 1);
+    }
   });
   viewer.setReadonly(!context.isWritable);
   sideEffect.addDisposer(context.emitter.on("writableChange", (w) => {