Restructure frontend code to allow for extensions (#4721)

# Description of Changes Move frontend code into `core` folder and add infrastructure for `proprietary` folder to include premium, non-OSS features
2026-07-15 11:00:47 +02:00 · 2025-10-28 10:29:36 +00:00
parent 960d48f80c
commit d2b38ef4b8
725 changed files with 2485 additions and 2226 deletions
@@ -0,0 +1,68 @@
+import { useEffect, useRef } from 'react';
+import { useZoom } from '@embedpdf/plugin-zoom/react';
+import { useViewer } from '@app/contexts/ViewerContext';
+
+/**
+ * Component that runs inside EmbedPDF context and manages zoom state locally
+ */
+export function ZoomAPIBridge() {
+  const { provides: zoom, state: zoomState } = useZoom();
+  const { registerBridge, triggerImmediateZoomUpdate } = useViewer();
+  const hasSetInitialZoom = useRef(false);
+
+  // Set initial zoom once when plugin is ready
+  useEffect(() => {
+    if (!zoom || hasSetInitialZoom.current) {
+      return;
+    }
+
+    let retryTimer: ReturnType<typeof setTimeout> | undefined;
+    const attemptInitialZoom = () => {
+      try {
+        zoom.requestZoom(1.4);
+        hasSetInitialZoom.current = true;
+      } catch (error) {
+        console.log('Zoom initialization delayed, viewport not ready:', error);
+        retryTimer = setTimeout(() => {
+          try {
+            zoom.requestZoom(1.4);
+            hasSetInitialZoom.current = true;
+          } catch (retryError) {
+            console.log('Zoom initialization failed:', retryError);
+          }
+        }, 200);
+      }
+    };
+
+    const timer = setTimeout(attemptInitialZoom, 50);
+
+    return () => {
+      clearTimeout(timer);
+      if (retryTimer) {
+        clearTimeout(retryTimer);
+      }
+    };
+  }, [zoom, zoomState]);
+
+  useEffect(() => {
+    if (zoom && zoomState) {
+      // Update local state
+      const currentZoomLevel = zoomState.currentZoomLevel ?? 1.4;
+      const newState = {
+        currentZoom: currentZoomLevel,
+        zoomPercent: Math.round(currentZoomLevel * 100),
+      };
+
+      // Trigger immediate update for responsive UI
+      triggerImmediateZoomUpdate(newState.zoomPercent);
+
+      // Register this bridge with ViewerContext
+      registerBridge('zoom', {
+        state: newState,
+        api: zoom
+      });
+    }
+  }, [zoom, zoomState]);
+
+  return null;
+}