ObsidianZoomPlugin.refreshZoom API (#95)

vslinko · May 4, 2023 · 8797eb1 · 8797eb1
1 parent 6784b03
commit 8797eb1
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 8 deletions.
diff --git a/src/ObsidianZoomPlugin.ts b/src/ObsidianZoomPlugin.ts
@@ -121,4 +121,10 @@ export default class ObsidianZoomPlugin extends Plugin {
     const pos = cm.state.doc.line(line + 1).from;
     this.zoomFeature.zoomIn(cm, pos);
   }
+
+  public refreshZoom(editor: Editor) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const cm: EditorView = (editor as any).cm;
+    this.zoomFeature.refreshZoom(cm);
+  }
 }
diff --git a/src/features/ZoomFeature.ts b/src/features/ZoomFeature.ts
@@ -45,6 +45,33 @@ export class ZoomFeature implements Feature {
     this.zoomOutCallbacks.push(cb);
   }
 
+  public refreshZoom(view: EditorView) {
+    const prevRange =
+      this.keepOnlyZoomedContentVisible.calculateVisibleContentRange(
+        view.state
+      );
+
+    if (!prevRange) {
+      return;
+    }
+
+    const newRange = this.calculateRangeForZooming.calculateRangeForZooming(
+      view.state,
+      prevRange.from
+    );
+
+    if (!newRange) {
+      return;
+    }
+
+    this.keepOnlyZoomedContentVisible.keepOnlyZoomedContentVisible(
+      view,
+      newRange.from,
+      newRange.to,
+      { scrollIntoView: false }
+    );
+  }
+
   public zoomIn(view: EditorView, pos: number) {
     const l = this.logger.bind("ZoomFeature:zoomIn");
     l("zooming in");

diff --git a/src/logic/KeepOnlyZoomedContentVisible.ts b/src/logic/KeepOnlyZoomedContentVisible.ts
@@ -80,8 +80,11 @@ export class KeepOnlyZoomedContentVisible {
   public keepOnlyZoomedContentVisible(
     view: EditorView,
     from: number,
-    to: number
+    to: number,
+    options: { scrollIntoView?: boolean } = {}
   ) {
+    const { scrollIntoView } = { ...{ scrollIntoView: true }, ...options };
+
     const effect = zoomInEffect.of({ from, to });
 
     this.logger.log(
@@ -94,13 +97,16 @@ export class KeepOnlyZoomedContentVisible {
     view.dispatch({
       effects: [effect],
     });
-    view.dispatch({
-      effects: [
-        EditorView.scrollIntoView(view.state.selection.main, {
-          y: "start",
-        }),
-      ],
-    });
+
+    if (scrollIntoView) {
+      view.dispatch({
+        effects: [
+          EditorView.scrollIntoView(view.state.selection.main, {
+            y: "start",
+          }),
+        ],
+      });
+    }
   }
 
   public showAllContent(view: EditorView) {