@edgepdf/viewer-react 0.0.30 → 0.0.31

package/dist/index.js

@@ -9,6 +9,27 @@ var __export = (target, all) => {
 };
 
 // packages/viewer-js/dist/index.js
+async function loadLeaflet() {
+  if (L2) {
+    return L2;
+  }
+  if (leafletLoadPromise) {
+    return leafletLoadPromise;
+  }
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    throw new Error(
+      "Leaflet requires a browser environment. This code can only be used in the browser."
+    );
+  }
+  leafletLoadPromise = Promise.resolve().then(() => __toESM(require_leaflet_src(), 1)).then((leafletModule) => {
+    L2 = leafletModule.default;
+    return L2;
+  });
+  return leafletLoadPromise;
+}
+function getLeaflet() {
+  return L2;
+}
 function calculateTileCount(imageSize, tileSize, zoom) {
   if (imageSize <= 0 || tileSize <= 0 || zoom < 0) {
     return 0;
@@ -658,7 +679,7 @@ function createZoomControls(container, zoomController, options) {
   updateButtonStates();
   return controlsDiv;
 }
-var __create, __defProp2, __getOwnPropDesc, __getOwnPropNames2, __getProtoOf, __hasOwnProp, __commonJS, __copyProps, __toESM, require_leaflet_src, import_leaflet4, import_leaflet, MAX_ZOOM_LEVEL, TileLayerManager, import_leaflet2, CoordinateMapper, ZoomController, import_leaflet3, currentEditPopup, currentDeletePopup, MarkerManager, EdgePdfViewer;
+var __create, __defProp2, __getOwnPropDesc, __getOwnPropNames2, __getProtoOf, __hasOwnProp, __commonJS, __copyProps, __toESM, require_leaflet_src, L2, leafletLoadPromise, MAX_ZOOM_LEVEL, TileLayerManager, CoordinateMapper, ZoomController, currentEditPopup, currentDeletePopup, MarkerManager, EdgePdfViewer;
 var init_dist = __esm({
   "packages/viewer-js/dist/index.js"() {
     "use strict";
@@ -10236,8 +10257,8 @@ var init_dist = __esm({
         });
       }
     });
-    import_leaflet4 = __toESM(require_leaflet_src(), 1);
-    import_leaflet = __toESM(require_leaflet_src(), 1);
+    L2 = null;
+    leafletLoadPromise = null;
     MAX_ZOOM_LEVEL = 4;
     TileLayerManager = class {
       config;
@@ -10274,12 +10295,13 @@ var init_dist = __esm({
        * 
        * @throws {Error} If tile layer creation fails
        */
-      createTileLayer(map) {
+      async createTileLayer(map) {
         if (this.tileLayer) {
           console.warn("Tile layer already created. Use removeTileLayer() first.");
           return this.tileLayer;
         }
         try {
+          const L3 = getLeaflet() || await loadLeaflet();
           const { imageInfo, tileUrl, keepBuffer, updateInterval } = this.config;
           const bounds = this.calculateTileBounds();
           const tileLayerOptions = {
@@ -10302,7 +10324,7 @@ var init_dist = __esm({
             className: "seamless-tiles"
             // CSS class for styling
           };
-          this.tileLayer = import_leaflet.default.tileLayer(tileUrl, tileLayerOptions);
+          this.tileLayer = L3.tileLayer(tileUrl, tileLayerOptions);
           if (map) {
             this.setupEventListeners(map);
           }
@@ -10414,7 +10436,6 @@ var init_dist = __esm({
         return this.config;
       }
     };
-    import_leaflet2 = __toESM(require_leaflet_src(), 1);
     CoordinateMapper = class {
       imageInfo;
       /**
@@ -10554,13 +10575,14 @@ var init_dist = __esm({
        * // [[0, 0], [512, 512]] for minZoom 0 with tileSize 256
        * ```
        */
-      calculateMapBounds() {
+      async calculateMapBounds() {
+        const L3 = getLeaflet() || await loadLeaflet();
         const tileSize = this.imageInfo.tileSize || 256;
         const minZoom = this.imageInfo.minZoom || 0;
         const gridSize = Math.pow(2, minZoom + 1);
         const boundsWidth = gridSize * tileSize;
         const boundsHeight = gridSize * tileSize;
-        return import_leaflet2.default.latLngBounds([0, 0], [boundsHeight, boundsWidth]);
+        return L3.latLngBounds([0, 0], [boundsHeight, boundsWidth]);
       }
       /**
        * Validates Leaflet coordinates and checks bounds
@@ -10618,9 +10640,10 @@ var init_dist = __esm({
        *
        * @returns Custom CRS instance
        */
-      createCustomCRS() {
-        return import_leaflet2.default.extend({}, import_leaflet2.default.CRS.Simple, {
-          transformation: new import_leaflet2.default.Transformation(1, 0, 1, 0)
+      async createCustomCRS() {
+        const L3 = getLeaflet() || await loadLeaflet();
+        return L3.extend({}, L3.CRS.Simple, {
+          transformation: new L3.Transformation(1, 0, 1, 0)
         });
       }
       /**
@@ -10996,7 +11019,6 @@ var init_dist = __esm({
         this.removeAllListeners();
       }
     };
-    import_leaflet3 = __toESM(require_leaflet_src(), 1);
     currentEditPopup = null;
     currentDeletePopup = null;
     MarkerManager = class {
@@ -11005,7 +11027,7 @@ var init_dist = __esm({
       imageInfo;
       markers = /* @__PURE__ */ new Map();
       leafletMarkers = /* @__PURE__ */ new Map();
-      markerLayerGroup;
+      markerLayerGroup = null;
       eventListeners = /* @__PURE__ */ new Map();
       selectedIds = /* @__PURE__ */ new Set();
       activeMarkerId = null;
@@ -11050,7 +11072,16 @@ var init_dist = __esm({
         this.map = options.map;
         this.coordinateMapper = options.coordinateMapper;
         this.imageInfo = options.imageInfo;
-        this.markerLayerGroup = import_leaflet3.default.layerGroup().addTo(this.map);
+      }
+      /**
+       * Initializes the marker layer group (called after Leaflet is loaded)
+       */
+      async ensureLayerGroup() {
+        if (this.markerLayerGroup) {
+          return;
+        }
+        const L3 = getLeaflet() || await loadLeaflet();
+        this.markerLayerGroup = L3.layerGroup().addTo(this.map);
       }
       /**
        * Creates a new marker from coordinates
@@ -11073,7 +11104,7 @@ var init_dist = __esm({
        * @throws {Error} If neither position nor imageCoords is provided
        * @throws {Error} If coordinates are invalid or out of bounds
        */
-      createMarker(options) {
+      async createMarker(options) {
         if (!options.position && !options.imageCoords) {
           throw new Error("Either position or imageCoords must be provided");
         }
@@ -11119,10 +11150,11 @@ var init_dist = __esm({
           deletable: options.deletable
         };
         this.validateMarker(marker);
-        const leafletMarker = this.createLeafletMarker(marker);
+        const leafletMarker = await this.createLeafletMarker(marker);
         this.setupMarkerInteractions(leafletMarker, marker);
         this.markers.set(id, marker);
         this.leafletMarkers.set(id, leafletMarker);
+        await this.ensureLayerGroup();
         this.markerLayerGroup.addLayer(leafletMarker);
         return marker;
       }
@@ -11264,7 +11296,9 @@ var init_dist = __esm({
         if (!marker || !leafletMarker) {
           return false;
         }
-        this.markerLayerGroup.removeLayer(leafletMarker);
+        if (this.markerLayerGroup) {
+          this.markerLayerGroup.removeLayer(leafletMarker);
+        }
         this.removeActiveMarkerOverlay(id);
         if (this.activeMarkerId === id) {
           this.setActiveMarker(null);
@@ -11277,7 +11311,9 @@ var init_dist = __esm({
        * Removes all markers
        */
       removeAllMarkers() {
-        this.markerLayerGroup.clearLayers();
+        if (this.markerLayerGroup) {
+          this.markerLayerGroup.clearLayers();
+        }
         this.markers.clear();
         this.leafletMarkers.clear();
         this.activeMarkerOverlays.clear();
@@ -11322,7 +11358,7 @@ var init_dist = __esm({
        * @param updates - Partial marker properties to update
        * @returns True if marker was updated, false if not found
        */
-      updateMarker(id, updates) {
+      async updateMarker(id, updates) {
         const marker = this.markers.get(id);
         const leafletMarker = this.leafletMarkers.get(id);
         if (!marker || !leafletMarker) {
@@ -11345,7 +11381,7 @@ var init_dist = __esm({
         }
         if (updates.iconType !== void 0) {
           marker.iconType = updates.iconType;
-          const newIcon = this.createCustomIcon(updates.iconType);
+          const newIcon = await this.createCustomIcon(updates.iconType);
           leafletMarker.setIcon(newIcon);
         }
         if (updates.referenceId !== void 0) {
@@ -11503,7 +11539,7 @@ var init_dist = __esm({
        * @param id - Marker ID to set as active, or null to clear active marker
        * @returns True if marker was set as active, false if not found
        */
-      setActiveMarker(id) {
+      async setActiveMarker(id) {
         if (id === null) {
           const previousActiveId = this.activeMarkerId;
           this.activeMarkerId = null;
@@ -11535,7 +11571,9 @@ var init_dist = __esm({
           leafletMarker.closePopup();
         }
         this.activeMarkerId = id;
-        this.addActiveMarkerOverlay(id);
+        this.addActiveMarkerOverlay(id).catch((error) => {
+          console.warn("Failed to add active marker overlay:", error);
+        });
         if (this.interactionConfig.onActiveMarkerChange) {
           this.interactionConfig.onActiveMarkerChange(marker);
         }
@@ -11660,14 +11698,14 @@ var init_dist = __esm({
        * @param iconType - New icon type
        * @returns True if marker was updated, false if not found
        */
-      updateMarkerIcon(id, iconType) {
+      async updateMarkerIcon(id, iconType) {
         const marker = this.markers.get(id);
         const leafletMarker = this.leafletMarkers.get(id);
         if (!marker || !leafletMarker) {
           return false;
         }
         marker.iconType = iconType;
-        const newIcon = this.createCustomIcon(iconType);
+        const newIcon = await this.createCustomIcon(iconType);
         leafletMarker.setIcon(newIcon);
         return true;
       }
@@ -11699,9 +11737,10 @@ var init_dist = __esm({
        * @param iconType - Icon type to use
        * @returns Leaflet icon instance
        */
-      createCustomIcon(iconType) {
+      async createCustomIcon(iconType) {
+        const L3 = getLeaflet() || await loadLeaflet();
         const iconUrl = `${this.iconBasePath}${iconType}.png`;
-        return import_leaflet3.default.icon({
+        return L3.icon({
           iconUrl,
           iconSize: [30, 40],
           // Default marker size
@@ -11721,9 +11760,11 @@ var init_dist = __esm({
        * @param marker - Marker data
        * @returns Leaflet marker instance
        */
-      createLeafletMarker(marker) {
+      async createLeafletMarker(marker) {
+        const L3 = getLeaflet() || await loadLeaflet();
+        await this.ensureLayerGroup();
         const iconType = marker.iconType || "pin-gray";
-        const customIcon = this.createCustomIcon(iconType);
+        const customIcon = await this.createCustomIcon(iconType);
         const markerOptions = {
           title: marker.label,
           icon: customIcon
@@ -11732,7 +11773,7 @@ var init_dist = __esm({
         if (isDraggable) {
           markerOptions.draggable = true;
         }
-        const leafletMarker = import_leaflet3.default.marker(
+        const leafletMarker = L3.marker(
           [marker.position[0], marker.position[1]],
           markerOptions
         );
@@ -11827,13 +11868,14 @@ var init_dist = __esm({
        *
        * @param id - Marker ID
        */
-      addActiveMarkerOverlay(id) {
+      async addActiveMarkerOverlay(id) {
         this.removeActiveMarkerOverlay(id);
         const marker = this.markers.get(id);
         const leafletMarker = this.leafletMarkers.get(id);
         if (!marker || !leafletMarker) {
           return;
         }
+        await this.ensureLayerGroup();
         const overlaySize = 40;
         const borderWidth = 1;
         const overlayAnchorX = 20;
@@ -11849,8 +11891,9 @@ var init_dist = __esm({
         position: relative;
       "></div>
     `;
-        const overlay = import_leaflet3.default.marker([marker.position[0], marker.position[1]], {
-          icon: import_leaflet3.default.divIcon({
+        const L3 = getLeaflet() || await loadLeaflet();
+        const overlay = L3.marker([marker.position[0], marker.position[1]], {
+          icon: L3.divIcon({
             html: overlayHTML,
             className: "edgepdf-active-marker-overlay",
             iconSize: [overlaySize, overlaySize],
@@ -11862,7 +11905,9 @@ var init_dist = __esm({
           // Below marker but visible
         });
         this.activeMarkerOverlays.set(id, overlay);
-        this.markerLayerGroup.addLayer(overlay);
+        if (this.markerLayerGroup) {
+          this.markerLayerGroup.addLayer(overlay);
+        }
         leafletMarker.on("drag", () => {
           const newPos = leafletMarker.getLatLng();
           overlay.setLatLng(newPos);
@@ -11875,7 +11920,7 @@ var init_dist = __esm({
        */
       removeActiveMarkerOverlay(id) {
         const overlay = this.activeMarkerOverlays.get(id);
-        if (overlay) {
+        if (overlay && this.markerLayerGroup) {
           this.markerLayerGroup.removeLayer(overlay);
           this.activeMarkerOverlays.delete(id);
         }
@@ -12212,7 +12257,7 @@ var init_dist = __esm({
        *
        * @throws {Error} If map initialization fails
        */
-      initialize() {
+      async initialize() {
         if (this.map) {
           console.warn(
             "Map already initialized. Call dispose() before reinitializing."
@@ -12220,9 +12265,10 @@ var init_dist = __esm({
           return;
         }
         try {
+          const Leaflet = await loadLeaflet();
           this.coordinateMapper = new CoordinateMapper(this.config.imageInfo);
-          const customCRS = this.coordinateMapper.createCustomCRS();
-          const bounds = this.coordinateMapper.calculateMapBounds();
+          const customCRS = await this.coordinateMapper.createCustomCRS();
+          const bounds = await this.coordinateMapper.calculateMapBounds();
           const imageCenter = this.coordinateMapper.getImageCenter();
           const center = this.mapOptions?.center || [
             imageCenter.y,
@@ -12250,11 +12296,11 @@ var init_dist = __esm({
             // Mouse wheel sensitivity
             ...this.mapOptions
           };
-          this.map = import_leaflet4.default.map(this.container, leafletOptions);
+          this.map = Leaflet.map(this.container, leafletOptions);
           if (!this.mapOptions?.center && !this.mapOptions?.zoom) {
             this.map.setView([imageCenter.y, imageCenter.x], initialZoom);
           }
-          this.addTileLayer();
+          await this.addTileLayer();
           this.addSeamlessTileStyles();
           this.zoomController = new ZoomController({
             map: this.map,
@@ -12348,7 +12394,7 @@ var init_dist = __esm({
        *
        * @throws {Error} If map is not initialized or tile layer creation fails
        */
-      addTileLayer() {
+      async addTileLayer() {
         if (!this.map) {
           throw new Error("Map must be initialized before adding tile layer");
         }
@@ -12357,7 +12403,7 @@ var init_dist = __esm({
             tileUrl: this.config.tileUrl,
             imageInfo: this.config.imageInfo
           });
-          const tileLayer = this.tileLayerManager.createTileLayer(this.map);
+          const tileLayer = await this.tileLayerManager.createTileLayer(this.map);
           tileLayer.addTo(this.map);
           console.log("Tile layer added to map successfully");
         } catch (error) {
@@ -12588,63 +12634,69 @@ function EdgePDFViewerClient({
       return;
     }
     let viewerInstance = null;
-    try {
-      viewerInstance = new EdgePdfViewer({
-        container: containerRef.current,
-        config: finalConfig,
-        mapOptions: finalMapOptions
-      });
-      viewerInstance.initialize();
-      viewerRef.current = viewerInstance;
-      setContextValue({
-        viewer: viewerInstance,
-        isInitialized: true
-      });
-      const markerManager = viewerInstance.getMarkerManager();
-      if (markerManager) {
-        markerManager.setIconBasePath("/");
-        markerManager.setInteractionConfig({
-          draggable: enableAnnotation,
-          selectable: enableAnnotation,
-          showTooltips: true,
-          showPopups: true,
-          // Always show popups to enable edit/delete
-          multiSelect: enableAnnotation,
-          showEditButton: enableAnnotation,
-          // Show edit/delete only when annotation enabled
-          showDeleteButton: enableAnnotation
+    const initializeViewer = async () => {
+      if (!containerRef.current) {
+        return;
+      }
+      try {
+        viewerInstance = new EdgePdfViewer({
+          container: containerRef.current,
+          config: finalConfig,
+          mapOptions: finalMapOptions
         });
-        if (defaultPins) {
-          try {
-            const markerData = Array.isArray(defaultPins) ? { markers: defaultPins, version: "1.0" } : defaultPins;
-            const result = markerManager.importMarkers(markerData, {
-              clearExisting: false,
-              validateCoordinates: true
-            });
-            if (!result.success && result.errors.length > 0) {
-              console.warn(
-                "Some default pins failed to import:",
-                result.errors
-              );
+        await viewerInstance.initialize();
+        viewerRef.current = viewerInstance;
+        setContextValue({
+          viewer: viewerInstance,
+          isInitialized: true
+        });
+        const markerManager = viewerInstance.getMarkerManager();
+        if (markerManager) {
+          markerManager.setIconBasePath("/");
+          markerManager.setInteractionConfig({
+            draggable: enableAnnotation,
+            selectable: enableAnnotation,
+            showTooltips: true,
+            showPopups: true,
+            // Always show popups to enable edit/delete
+            multiSelect: enableAnnotation,
+            showEditButton: enableAnnotation,
+            // Show edit/delete only when annotation enabled
+            showDeleteButton: enableAnnotation
+          });
+          if (defaultPins) {
+            try {
+              const markerData = Array.isArray(defaultPins) ? { markers: defaultPins, version: "1.0" } : defaultPins;
+              const result = markerManager.importMarkers(markerData, {
+                clearExisting: false,
+                validateCoordinates: true
+              });
+              if (!result.success && result.errors.length > 0) {
+                console.warn(
+                  "Some default pins failed to import:",
+                  result.errors
+                );
+              }
+            } catch (error) {
+              console.error("Failed to import default pins:", error);
             }
-          } catch (error) {
-            console.error("Failed to import default pins:", error);
+          }
+          const allMarkers = markerManager.getAllMarkers();
+          setContextValue({ markers: allMarkers });
+          if (onPinsUpdateRef.current) {
+            onPinsUpdateRef.current(allMarkers);
           }
         }
-        const allMarkers = markerManager.getAllMarkers();
-        setContextValue({ markers: allMarkers });
-        if (onPinsUpdateRef.current) {
-          onPinsUpdateRef.current(allMarkers);
+        const zoomController = viewerInstance.getZoomController();
+        if (zoomController) {
+          const zoomState = zoomController.getZoomState();
+          setContextValue({ zoomState });
         }
+      } catch (error) {
+        console.error("Failed to initialize viewer:", error);
       }
-      const zoomController = viewerInstance.getZoomController();
-      if (zoomController) {
-        const zoomState = zoomController.getZoomState();
-        setContextValue({ zoomState });
-      }
-    } catch (error) {
-      console.error("Failed to initialize viewer:", error);
-    }
+    };
+    initializeViewer();
     return () => {
       if (viewerInstance) {
         viewerInstance.dispose();
@@ -12691,13 +12743,17 @@ function EdgePDFViewerClient({
     if (!markerManager) {
       return;
     }
-    const handleMapClick = (e) => {
+    const handleMapClick = async (e) => {
+      const event = e;
       if (!enableAnnotation) {
         return;
       }
       try {
-        const leafletCoords = [e.latlng.lat, e.latlng.lng];
-        const newMarker = markerManager.createMarker({
+        const leafletCoords = [
+          event.latlng.lat,
+          event.latlng.lng
+        ];
+        const newMarker = await markerManager.createMarker({
           position: leafletCoords,
           label: `Marker ${markerManager.getMarkerCount() + 1}`
         });
@@ -12935,7 +12991,7 @@ function useMarkers() {
     }
   }, [viewer, isInitialized]);
   const addMarker = useCallback3(
-    (options) => {
+    async (options) => {
       if (!viewer || !isInitialized) {
         console.warn("Viewer not initialized");
         return null;
@@ -12946,7 +13002,7 @@ function useMarkers() {
         return null;
       }
       try {
-        const marker = markerManager.createMarker(options);
+        const marker = await markerManager.createMarker(options);
         const allMarkers = markerManager.getAllMarkers();
         setMarkers(allMarkers);
         return marker;
@@ -12983,7 +13039,7 @@ function useMarkers() {
     [viewer, isInitialized]
   );
   const updateMarker = useCallback3(
-    (id, updates) => {
+    async (id, updates) => {
       if (!viewer || !isInitialized) {
         console.warn("Viewer not initialized");
         return false;
@@ -12999,7 +13055,7 @@ function useMarkers() {
           return false;
         }
         const updatedMarker = { ...marker, ...updates };
-        const success = markerManager.updateMarker(id, updatedMarker);
+        const success = await markerManager.updateMarker(id, updatedMarker);
         if (success) {
           const allMarkers = markerManager.getAllMarkers();
           setMarkers(allMarkers);

package/dist/lib/pdf-viewer-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pdf-viewer-client.d.ts","sourceRoot":"","sources":["../../src/lib/pdf-viewer-client.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACrD,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,gBAAuB,EACvB,oBAAkC,EAClC,aAAoB,EACpB,gBAAuB,EACvB,cAAqB,EACrB,gBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkYlC"}
+{"version":3,"file":"pdf-viewer-client.d.ts","sourceRoot":"","sources":["../../src/lib/pdf-viewer-client.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcjE,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACX,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qEAAqE;IACrE,oBAAoB,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IACrD,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,gBAAuB,EACvB,oBAAkC,EAClC,aAAoB,EACpB,gBAAuB,EACvB,cAAqB,EACrB,gBAAuB,EACvB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,cAAc,EACd,cAAc,EACd,WAAW,EACX,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkZlC"}

package/dist/lib/use-markers.d.ts

@@ -7,11 +7,11 @@ export interface UseMarkersReturn {
     /** Current markers */
     markers: Marker[];
     /** Add a new marker */
-    addMarker: (options: CreateMarkerOptions) => Marker | null;
+    addMarker: (options: CreateMarkerOptions) => Promise<Marker | null>;
     /** Remove a marker by ID */
     removeMarker: (id: string) => boolean;
     /** Update a marker */
-    updateMarker: (id: string, updates: Partial<Marker>) => boolean;
+    updateMarker: (id: string, updates: Partial<Marker>) => Promise<boolean>;
     /** Get a marker by ID */
     getMarker: (id: string) => Marker | null;
     /** Get all markers */

package/dist/lib/use-markers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-markers.d.ts","sourceRoot":"","sources":["../../src/lib/use-markers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC3D,4BAA4B;IAC5B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,sBAAsB;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAChE,yBAAyB;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACzC,sBAAsB;IACtB,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,EAAE,MAAM,UAAU,CAAC;IAChC,+BAA+B;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC7C,wBAAwB;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,IAAI,gBAAgB,CAkN7C"}
+{"version":3,"file":"use-markers.d.ts","sourceRoot":"","sources":["../../src/lib/use-markers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,uBAAuB;IACvB,SAAS,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpE,4BAA4B;IAC5B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,sBAAsB;IACtB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzE,yBAAyB;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACzC,sBAAsB;IACtB,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,6BAA6B;IAC7B,aAAa,EAAE,MAAM,UAAU,CAAC;IAChC,+BAA+B;IAC/B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;IAC7C,wBAAwB;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,IAAI,gBAAgB,CAkN7C"}

package/dist/lib/use-viewer.d.ts

@@ -1,4 +1,5 @@
 import type { EdgePdfViewer } from '@edgepdf/viewer-js';
+type LeafletMap = NonNullable<ReturnType<EdgePdfViewer['getMap']>>;
 /**
  * Return type for useViewer hook
  */
@@ -8,7 +9,7 @@ export interface UseViewerReturn {
     /** Whether viewer is initialized */
     isInitialized: boolean;
     /** Get the Leaflet map instance */
-    getMap: () => L.Map | null;
+    getMap: () => LeafletMap | null;
     /** Check if viewer is initialized */
     checkInitialized: () => boolean;
 }
@@ -34,4 +35,5 @@ export interface UseViewerReturn {
  * ```
  */
 export declare function useViewer(): UseViewerReturn;
+export {};
 //# sourceMappingURL=use-viewer.d.ts.map

package/dist/lib/use-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-viewer.d.ts","sourceRoot":"","sources":["../../src/lib/use-viewer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGxD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,oCAAoC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC;IAC3B,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,IAAI,eAAe,CAiB3C"}
+{"version":3,"file":"use-viewer.d.ts","sourceRoot":"","sources":["../../src/lib/use-viewer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,KAAK,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,oCAAoC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,MAAM,EAAE,MAAM,UAAU,GAAG,IAAI,CAAC;IAChC,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,IAAI,eAAe,CAiB3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgepdf/viewer-react",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "description": "EdgePDF Viewer - React components for viewing PDF documents with interactive markers and zoom controls",
   "type": "module",
   "main": "./dist/index.js",
@@ -49,7 +49,8 @@
     "@edgepdf/viewer-js": "workspace:*",
     "@edgepdf/types": "workspace:*",
     "@edgepdf/utils": "workspace:*",
-    "@edgepdf/testing-utils": "workspace:*"
+    "@edgepdf/testing-utils": "workspace:*",
+    "@types/leaflet": "^1.9.21"
   },
   "peerDependencies": {
     "react": "^18.0.0",