@netless/app-presentation 0.1.9-beta.1 → 0.1.9-beta.2

package/dist/index.d.ts

@@ -363,6 +363,14 @@ interface PresentationController {
     setDocsViewReadonly: (bol: boolean) => void;
     /** set the presentation readonly */
     setReadonly: (bol: boolean) => void;
+    /** move the camera */
+    moveCamera: (camera: {
+        centerX: number;
+        centerY: number;
+        scale: number;
+    }) => void;
+    /** get the origin scale */
+    getOriginScale: () => number;
 }
 
 declare const NetlessAppPresentation: NetlessApp<{}, {}, PresentationAppOptions, PresentationController>;

package/dist/index.global.js

@@ -1,6 +1,26 @@
 var NetlessAppPresentation = (function (exports) {
   'use strict';
 
+  var __defProp = Object.defineProperty;
+  var __defProps = Object.defineProperties;
+  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __propIsEnum = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+      for (var prop of __getOwnPropSymbols(b)) {
+        if (__propIsEnum.call(b, prop))
+          __defNormalProp(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
   // node_modules/.pnpm/@wopjs+disposable@0.1.5/node_modules/@wopjs/disposable/dist/index.mjs
   var isAbortable = (disposable) => disposable && disposable.abortable;
   var dispose = (disposable) => {
@@ -1304,13 +1324,14 @@ var NetlessAppPresentation = (function (exports) {
           };
         },
         getWritable: () => false,
+        getOriginScale: () => 1,
         syncView: () => void 0
       };
       this.onCameraUpdated = () => {
         if (this.readonly)
           return;
         const { scale, centerX, centerY } = this.view.camera;
-        const originScale = this.getOriginScale();
+        const originScale = this.option.getOriginScale();
         const ratio = Math.round(originScale / scale * 1e3) / 1e3;
         const scrollX = Math.round(centerX * originScale);
         const scrollY = Math.round(centerY * originScale);
@@ -1336,7 +1357,7 @@ var NetlessAppPresentation = (function (exports) {
       this.onDragX = (transformedDrag) => {
         if (this.cameraCache) {
           const { x } = transformedDrag;
-          const originScale = this.getOriginScale();
+          const originScale = this.option.getOriginScale();
           const { minX, maxX } = this.getScrollXRange(this.cameraCache);
           const scrollX = Math.round(x / originScale);
           let centerX = scrollX + this.cameraCache.centerX;
@@ -1354,7 +1375,7 @@ var NetlessAppPresentation = (function (exports) {
       this.onDragY = (transformedDrag) => {
         if (this.cameraCache) {
           const { y } = transformedDrag;
-          const originScale = this.getOriginScale();
+          const originScale = this.option.getOriginScale();
           const { minY, maxY } = this.getScrollYRange(this.cameraCache);
           const scrollY = Math.round(y / originScale);
           let centerY = scrollY + this.cameraCache.centerY;
@@ -1383,11 +1404,6 @@ var NetlessAppPresentation = (function (exports) {
     c(className) {
       return `${this.namespace}-${className}`;
     }
-    getOriginScale() {
-      const { size } = this.view;
-      const { width, height } = this.option.getPageSize();
-      return Math.min(size.height / height, size.width / width);
-    }
     setReadonly(bol) {
       this.readonly = bol;
       if (this.readonly) {
@@ -1398,7 +1414,7 @@ var NetlessAppPresentation = (function (exports) {
     }
     getScrollXRange(camera) {
       const { width } = this.option.getPageSize();
-      const originScale = this.getOriginScale();
+      const originScale = this.option.getOriginScale();
       const scale = camera.scale;
       const ratio = Math.round(originScale / scale * 1e3) / 1e3;
       const scrollWidth = width * (1 - ratio);
@@ -1408,7 +1424,7 @@ var NetlessAppPresentation = (function (exports) {
     }
     getScrollYRange(camera) {
       const { height } = this.option.getPageSize();
-      const originScale = this.getOriginScale();
+      const originScale = this.option.getOriginScale();
       const scale = camera.scale;
       const ratio = Math.round(originScale / scale * 1e3) / 1e3;
       const scrollHeight = height * (1 - ratio);
@@ -1703,7 +1719,7 @@ var NetlessAppPresentation = (function (exports) {
       dispose2.add(view$$.addStateChangedListener(() => syncViewFromRemote(false, true)));
       const box = context.getBox();
       const app = dispose2.add(createPresentation(box, pages, jumpPage, pageIndex$, options.thumbnail));
-      app.contentDOM.dataset.appPresentationVersion = "0.1.9-beta.1";
+      app.contentDOM.dataset.appPresentationVersion = "0.1.9-beta.2";
       app.scaleDocsToFit = scaleDocsToFit;
       app.log = log;
       if (options.justDocsViewReadonly) {
@@ -1738,16 +1754,31 @@ var NetlessAppPresentation = (function (exports) {
       dispose2.add(context.emitter.on("writableChange", (isWritable) => {
         app.setReadonly(!isWritable);
       }));
+      const getPageSize = () => {
+        const { width, height } = app.page() || {};
+        return { width: width || 0, height: height || 0 };
+      };
+      const getOriginScale = () => {
+        const { size } = view;
+        const { width, height } = getPageSize();
+        return Math.min(size.height / height, size.width / width);
+      };
+      const moveCamera = (camera) => {
+        if (context.getIsWritable()) {
+          view.moveCamera(__spreadProps(__spreadValues({}, camera), { animationMode: "immediately" }));
+          syncView();
+          return;
+        }
+        throw new Error("[Presentation]: moveCamera must be called in writable room");
+      };
       let scrollbar;
       if (options.useScrollbar) {
         dispose2.make(() => {
           scrollbar = new Scrollbar(app.contentDOM, {
-            getPageSize: () => {
-              const { width, height } = app.page() || {};
-              return { width: width || 0, height: height || 0 };
-            },
-            getWritable: () => context.getIsWritable(),
-            syncView: () => syncView()
+            getPageSize,
+            getOriginScale,
+            syncView,
+            getWritable: () => context.getIsWritable()
           }, view);
           return () => scrollbar == null ? void 0 : scrollbar.destroy();
         });
@@ -1875,7 +1906,7 @@ var NetlessAppPresentation = (function (exports) {
           scrollbar.setReadonly(bol);
         }
       };
-      const controller = { app, view, context, jumpPage, prevPage, nextPage, pageState, toPdf, log, setDocsViewReadonly, setReadonly };
+      const controller = { app, view, context, jumpPage, prevPage, nextPage, pageState, toPdf, log, setDocsViewReadonly, setReadonly, moveCamera, getOriginScale };
       dispose2.add(listen(window, "message", (ev) => {
         if (ev.data === "@netless/_presentation_") {
           if (typeof window !== "undefined")
@@ -1931,7 +1962,7 @@ var NetlessAppPresentation = (function (exports) {
   };
 
   // src/index.ts
-  var version = "0.1.9-beta.1";
+  var version = "0.1.9-beta.2";
 
   exports.NetlessAppPresentation = NetlessAppPresentation;
   exports.Presentation = Presentation;

package/dist/index.js

@@ -2,6 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
 // node_modules/.pnpm/@wopjs+disposable@0.1.5/node_modules/@wopjs/disposable/dist/index.mjs
 var isAbortable = (disposable) => disposable && disposable.abortable;
 var dispose = (disposable) => {
@@ -1305,13 +1325,14 @@ var Scrollbar = class {
         };
       },
       getWritable: () => false,
+      getOriginScale: () => 1,
       syncView: () => void 0
     };
     this.onCameraUpdated = () => {
       if (this.readonly)
         return;
       const { scale, centerX, centerY } = this.view.camera;
-      const originScale = this.getOriginScale();
+      const originScale = this.option.getOriginScale();
       const ratio = Math.round(originScale / scale * 1e3) / 1e3;
       const scrollX = Math.round(centerX * originScale);
       const scrollY = Math.round(centerY * originScale);
@@ -1337,7 +1358,7 @@ var Scrollbar = class {
     this.onDragX = (transformedDrag) => {
       if (this.cameraCache) {
         const { x } = transformedDrag;
-        const originScale = this.getOriginScale();
+        const originScale = this.option.getOriginScale();
         const { minX, maxX } = this.getScrollXRange(this.cameraCache);
         const scrollX = Math.round(x / originScale);
         let centerX = scrollX + this.cameraCache.centerX;
@@ -1355,7 +1376,7 @@ var Scrollbar = class {
     this.onDragY = (transformedDrag) => {
       if (this.cameraCache) {
         const { y } = transformedDrag;
-        const originScale = this.getOriginScale();
+        const originScale = this.option.getOriginScale();
         const { minY, maxY } = this.getScrollYRange(this.cameraCache);
         const scrollY = Math.round(y / originScale);
         let centerY = scrollY + this.cameraCache.centerY;
@@ -1384,11 +1405,6 @@ var Scrollbar = class {
   c(className) {
     return `${this.namespace}-${className}`;
   }
-  getOriginScale() {
-    const { size } = this.view;
-    const { width, height } = this.option.getPageSize();
-    return Math.min(size.height / height, size.width / width);
-  }
   setReadonly(bol) {
     this.readonly = bol;
     if (this.readonly) {
@@ -1399,7 +1415,7 @@ var Scrollbar = class {
   }
   getScrollXRange(camera) {
     const { width } = this.option.getPageSize();
-    const originScale = this.getOriginScale();
+    const originScale = this.option.getOriginScale();
     const scale = camera.scale;
     const ratio = Math.round(originScale / scale * 1e3) / 1e3;
     const scrollWidth = width * (1 - ratio);
@@ -1409,7 +1425,7 @@ var Scrollbar = class {
   }
   getScrollYRange(camera) {
     const { height } = this.option.getPageSize();
-    const originScale = this.getOriginScale();
+    const originScale = this.option.getOriginScale();
     const scale = camera.scale;
     const ratio = Math.round(originScale / scale * 1e3) / 1e3;
     const scrollHeight = height * (1 - ratio);
@@ -1704,7 +1720,7 @@ var NetlessAppPresentation = {
     dispose2.add(view$$.addStateChangedListener(() => syncViewFromRemote(false, true)));
     const box = context.getBox();
     const app = dispose2.add(createPresentation(box, pages, jumpPage, pageIndex$, options.thumbnail));
-    app.contentDOM.dataset.appPresentationVersion = "0.1.9-beta.1";
+    app.contentDOM.dataset.appPresentationVersion = "0.1.9-beta.2";
     app.scaleDocsToFit = scaleDocsToFit;
     app.log = log;
     if (options.justDocsViewReadonly) {
@@ -1739,16 +1755,31 @@ var NetlessAppPresentation = {
     dispose2.add(context.emitter.on("writableChange", (isWritable) => {
       app.setReadonly(!isWritable);
     }));
+    const getPageSize = () => {
+      const { width, height } = app.page() || {};
+      return { width: width || 0, height: height || 0 };
+    };
+    const getOriginScale = () => {
+      const { size } = view;
+      const { width, height } = getPageSize();
+      return Math.min(size.height / height, size.width / width);
+    };
+    const moveCamera = (camera) => {
+      if (context.getIsWritable()) {
+        view.moveCamera(__spreadProps(__spreadValues({}, camera), { animationMode: "immediately" }));
+        syncView();
+        return;
+      }
+      throw new Error("[Presentation]: moveCamera must be called in writable room");
+    };
     let scrollbar;
     if (options.useScrollbar) {
       dispose2.make(() => {
         scrollbar = new Scrollbar(app.contentDOM, {
-          getPageSize: () => {
-            const { width, height } = app.page() || {};
-            return { width: width || 0, height: height || 0 };
-          },
-          getWritable: () => context.getIsWritable(),
-          syncView: () => syncView()
+          getPageSize,
+          getOriginScale,
+          syncView,
+          getWritable: () => context.getIsWritable()
         }, view);
         return () => scrollbar == null ? void 0 : scrollbar.destroy();
       });
@@ -1876,7 +1907,7 @@ var NetlessAppPresentation = {
         scrollbar.setReadonly(bol);
       }
     };
-    const controller = { app, view, context, jumpPage, prevPage, nextPage, pageState, toPdf, log, setDocsViewReadonly, setReadonly };
+    const controller = { app, view, context, jumpPage, prevPage, nextPage, pageState, toPdf, log, setDocsViewReadonly, setReadonly, moveCamera, getOriginScale };
     dispose2.add(listen(window, "message", (ev) => {
       if (ev.data === "@netless/_presentation_") {
         if (typeof window !== "undefined")
@@ -1932,7 +1963,7 @@ var install = (register, options = {}) => {
 };
 
 // src/index.ts
-var version = "0.1.9-beta.1";
+var version = "0.1.9-beta.2";
 
 exports.NetlessAppPresentation = NetlessAppPresentation;
 exports.Presentation = Presentation;