@edgepdf/viewer-js 0.0.2 → 0.0.4

package/README.md

@@ -10,11 +10,7 @@ npm install @edgepdf/viewer-js
 pnpm add @edgepdf/viewer-js
 ```
 
-**Note:** Leaflet is bundled with this library, so you don't need to install it separately. However, you do need to import the CSS:
-
-```typescript
-import '@edgepdf/viewer-js/styles.css';
-```
+**Note:** Leaflet is bundled with this library, so you don't need to install it separately. **CSS styles are automatically injected** when you import the library - no manual CSS import needed!
 
 ## Usage
 
@@ -22,8 +18,8 @@ import '@edgepdf/viewer-js/styles.css';
 
 ```typescript
 import { EdgePdfViewer } from '@edgepdf/viewer-js';
-import '@edgepdf/viewer-js/styles.css'; // Required: Leaflet CSS
 import type { ViewerConfig } from '@edgepdf/types';
+// CSS is automatically injected - no need to import styles manually!
 
 // Get container element
 const container = document.getElementById('map-container');
@@ -36,8 +32,8 @@ const config: ViewerConfig = {
     height: 3000,
     tileSize: 256,
     maxZoom: 5,
-    minZoom: 0
-  }
+    minZoom: 0,
+  },
 };
 
 // Create and initialize viewer
@@ -52,8 +48,8 @@ viewer.dispose();
 
 ```typescript
 import { EdgePdfViewer } from '@edgepdf/viewer-js';
-import '@edgepdf/viewer-js/styles.css'; // Required: Leaflet CSS
 import type { ViewerConfig, MapOptions } from '@edgepdf/types';
+// CSS is automatically injected - no need to import styles manually!
 
 const config: ViewerConfig = {
   tileUrl: 'https://example.com/tiles/{z}/{x}/{y}.png',
@@ -62,21 +58,21 @@ const config: ViewerConfig = {
     height: 3000,
     tileSize: 256,
     maxZoom: 5,
-    minZoom: 0
-  }
+    minZoom: 0,
+  },
 };
 
 const mapOptions: MapOptions = {
   center: [1500, 1000], // [y, x] in pixel coordinates
   zoom: 2,
   minZoom: 0,
-  maxZoom: 5
+  maxZoom: 5,
 };
 
 const viewer = new EdgePdfViewer({
   container: document.getElementById('map-container'),
   config,
-  mapOptions
+  mapOptions,
 });
 
 viewer.initialize();
@@ -99,11 +95,13 @@ new EdgePdfViewer(options: {
 ```
 
 **Parameters:**
+
 - `container` - HTML element that will contain the map
 - `config` - Viewer configuration with tile URL and image info
 - `mapOptions` - Optional Leaflet map options (center, zoom, etc.)
 
 **Throws:**
+
 - `Error` if container is not provided or invalid
 - `Error` if config is not provided or invalid
 - `Error` if tileUrl is missing
@@ -116,6 +114,7 @@ new EdgePdfViewer(options: {
 Initializes the Leaflet map with custom CRS (Coordinate Reference System). Sets up a custom CRS.Simple coordinate system suitable for displaying image tiles without geographic coordinates.
 
 **Throws:**
+
 - `Error` if map initialization fails
 
 ##### `getMap(): L.Map | null`
@@ -140,9 +139,9 @@ Disposes of the map instance and cleans up resources. This should be called when
 
 ```typescript
 interface ViewerConfig {
-  tileUrl: string;           // Tile URL template with {z}, {x}, {y} placeholders
-  imageInfo: ImageInfo;       // Image metadata
-  onPinsUpdate?: (pins: Marker[]) => void;  // Optional callback for marker updates
+  tileUrl: string; // Tile URL template with {z}, {x}, {y} placeholders
+  imageInfo: ImageInfo; // Image metadata
+  onPinsUpdate?: (pins: Marker[]) => void; // Optional callback for marker updates
   originalImagePath?: string; // Optional original image path
 }
 ```
@@ -151,11 +150,11 @@ interface ViewerConfig {
 
 ```typescript
 interface ImageInfo {
-  width: number;    // Original image width in pixels
-  height: number;    // Original image height in pixels
+  width: number; // Original image width in pixels
+  height: number; // Original image height in pixels
   tileSize: number; // Tile size in pixels (default: 256)
-  maxZoom: number;  // Maximum zoom level
-  minZoom: number;  // Minimum zoom level
+  maxZoom: number; // Maximum zoom level
+  minZoom: number; // Minimum zoom level
 }
 ```
 
@@ -163,10 +162,10 @@ interface ImageInfo {
 
 ```typescript
 interface MapOptions {
-  center?: [number, number];  // Initial center coordinates [y, x]
-  zoom?: number;              // Initial zoom level
-  minZoom?: number;          // Minimum zoom level
-  maxZoom?: number;          // Maximum zoom level
+  center?: [number, number]; // Initial center coordinates [y, x]
+  zoom?: number; // Initial zoom level
+  minZoom?: number; // Minimum zoom level
+  maxZoom?: number; // Maximum zoom level
   bounds?: {
     southwest: [number, number];
     northeast: [number, number];
@@ -174,6 +173,59 @@ interface MapOptions {
 }
 ```
 
+## Marker Icons
+
+The library includes built-in pin icons that are automatically available in the `dist/images/` folder:
+
+- `pin.png` - Default pin icon
+- `pin-gray.png` - Gray pin icon
+- `pin-yellow.png` - Yellow pin icon
+- `pin-gray-selected.png` - Gray pin (selected state)
+- `pin-yellow-selected.png` - Yellow pin (selected state)
+
+### Using Built-in Icons
+
+By default, the `MarkerManager` uses `./images/` as the icon base path. To use the built-in icons:
+
+```typescript
+const viewer = new EdgePdfViewer({ container, config });
+viewer.initialize();
+
+const markerManager = viewer.getMarkerManager();
+// Icons are automatically loaded from the library's dist/images/ folder
+// No configuration needed if serving from the library location
+```
+
+### Customizing Icons
+
+To use custom icons, copy the icon files from `node_modules/@edgepdf/viewer-js/dist/images/` to your public folder, customize them, and set the icon base path:
+
+```typescript
+const markerManager = viewer.getMarkerManager();
+
+// Option 1: Serve from your public folder (recommended for customization)
+markerManager.setIconBasePath('/'); // Icons in public/ folder
+
+// Option 2: Use a CDN
+markerManager.setIconBasePath('https://cdn.example.com/icons/');
+
+// Option 3: Use relative path
+markerManager.setIconBasePath('./assets/icons/');
+```
+
+**Note:** Icon files must be named exactly as listed above (e.g., `pin.png`, `pin-gray.png`, etc.) for the library to find them.
+
+### Available Icon Types
+
+```typescript
+type IconType =
+  | 'pin'
+  | 'pin-gray'
+  | 'pin-yellow'
+  | 'pin-gray-selected'
+  | 'pin-yellow-selected';
+```
+
 ## Coordinate System
 
 The viewer uses Leaflet's `CRS.Simple` coordinate system, which treats coordinates as pixel positions rather than geographic lat/lng. This is ideal for displaying image tiles:

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import './styles';
 export * from './lib/viewer.js';
 export { EdgePdfViewer } from './lib/viewer.js';
 export { TileLayerManager } from './lib/tile-layer-manager.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,YAAY,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,CAAC;AAElB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,YAAY,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -9575,6 +9575,28 @@ var require_leaflet_src = __commonJS({
   }
 });
 
+// packages/viewer-js/src/styles.ts
+if (typeof window !== "undefined" && typeof document !== "undefined") {
+  const existingLink = document.querySelector("link[data-edgepdf-styles]");
+  if (!existingLink) {
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.type = "text/css";
+    link.setAttribute("data-edgepdf-styles", "true");
+    try {
+      if (typeof import.meta !== "undefined" && import.meta.url) {
+        const baseUrl = new URL(import.meta.url);
+        link.href = new URL("./styles.css", baseUrl).href;
+      } else {
+        link.href = "./styles.css";
+      }
+    } catch (e) {
+      link.href = "./styles.css";
+    }
+    document.head.appendChild(link);
+  }
+}
+
 // packages/viewer-js/src/lib/viewer.ts
 var import_leaflet4 = __toESM(require_leaflet_src(), 1);
 
@@ -10586,6 +10608,9 @@ var MarkerManager = class {
     showEditButton: true,
     showDeleteButton: true
   };
+  defaultIconType = "pin";
+  iconBasePath = "./images/";
+  // Default to library's images folder
   /**
    * Creates a new MarkerManager instance
    *
@@ -10672,7 +10697,8 @@ var MarkerManager = class {
       annotation: options.annotation,
       href: options.href,
       target: options.target,
-      showLabel: options.showLabel ?? true
+      showLabel: options.showLabel ?? true,
+      iconType: options.iconType || this.defaultIconType
     };
     this.validateMarker(marker);
     const leafletMarker = this.createLeafletMarker(marker);
@@ -11054,6 +11080,95 @@ var MarkerManager = class {
       this.eventListeners.clear();
     }
   }
+  /**
+   * Sets the default icon type for new markers
+   *
+   * @param iconType - Icon type to use as default
+   */
+  setDefaultIconType(iconType) {
+    this.defaultIconType = iconType;
+  }
+  /**
+   * Gets the current default icon type
+   *
+   * @returns Current default icon type
+   */
+  getDefaultIconType() {
+    return this.defaultIconType;
+  }
+  /**
+   * Sets the base path for marker icons
+   *
+   * @param basePath - Base path for icon files (default: './images/')
+   * 
+   * @example
+   * ```typescript
+   * // Use library's built-in icons (default)
+   * markerManager.setIconBasePath('./images/');
+   * 
+   * // Use custom icons from public folder
+   * markerManager.setIconBasePath('/');
+   * 
+   * // Use icons from a CDN
+   * markerManager.setIconBasePath('https://cdn.example.com/icons/');
+   * ```
+   */
+  setIconBasePath(basePath) {
+    this.iconBasePath = basePath.endsWith("/") ? basePath : `${basePath}/`;
+  }
+  /**
+   * Gets the current base path for marker icons
+   *
+   * @returns The current icon base path
+   */
+  getIconBasePath() {
+    return this.iconBasePath;
+  }
+  /**
+   * Updates the icon type for a specific marker
+   *
+   * @param id - Marker ID
+   * @param iconType - New icon type
+   * @returns True if marker was updated, false if not found
+   */
+  updateMarkerIcon(id, iconType) {
+    const marker = this.markers.get(id);
+    const leafletMarker = this.leafletMarkers.get(id);
+    if (!marker || !leafletMarker) {
+      return false;
+    }
+    const isSelected = this.selectedIds.has(id);
+    if (isSelected && (iconType === "pin-gray" || iconType === "pin-yellow" || iconType === "pin")) {
+      if (iconType === "pin-gray" || iconType === "pin") {
+        iconType = "pin-gray-selected";
+      } else if (iconType === "pin-yellow") {
+        iconType = "pin-yellow-selected";
+      }
+    }
+    marker.iconType = iconType;
+    const newIcon = this.createCustomIcon(iconType);
+    leafletMarker.setIcon(newIcon);
+    return true;
+  }
+  /**
+   * Updates all markers to use a new icon type
+   *
+   * @param iconType - Icon type to apply to all markers
+   */
+  updateAllMarkerIcons(iconType) {
+    this.markers.forEach((marker, id) => {
+      const isSelected = this.selectedIds.has(id);
+      let finalIconType = iconType;
+      if (isSelected) {
+        if (iconType === "pin-gray" || iconType === "pin") {
+          finalIconType = "pin-gray-selected";
+        } else if (iconType === "pin-yellow") {
+          finalIconType = "pin-yellow-selected";
+        }
+      }
+      this.updateMarkerIcon(id, finalIconType);
+    });
+  }
   /**
    * Disposes of the marker manager and cleans up resources
    *
@@ -11066,6 +11181,28 @@ var MarkerManager = class {
       this.map.removeLayer(this.markerLayerGroup);
     }
   }
+  /**
+   * Creates a custom icon for a marker
+   *
+   * @param iconType - Icon type to use
+   * @returns Leaflet icon instance
+   */
+  createCustomIcon(iconType) {
+    const iconUrl = `${this.iconBasePath}${iconType}.png`;
+    return import_leaflet3.default.icon({
+      iconUrl,
+      iconSize: [30, 40],
+      // Default marker size
+      iconAnchor: [30, 10],
+      // Point of the icon which will correspond to marker's location
+      popupAnchor: [0, 0],
+      // Point from which the popup should open relative to the iconAnchor
+      shadowUrl: void 0,
+      // No shadow
+      shadowSize: void 0,
+      shadowAnchor: void 0
+    });
+  }
   /**
    * Creates a Leaflet marker from marker data
    *
@@ -11073,8 +11210,11 @@ var MarkerManager = class {
    * @returns Leaflet marker instance
    */
   createLeafletMarker(marker) {
+    const iconType = marker.iconType || this.defaultIconType;
+    const customIcon = this.createCustomIcon(iconType);
     const markerOptions = {
-      title: marker.title
+      title: marker.title,
+      icon: customIcon
     };
     if (this.interactionConfig.draggable) {
       markerOptions.draggable = true;
@@ -11177,20 +11317,32 @@ var MarkerManager = class {
    * @param selected - Whether marker is selected
    */
   updateMarkerSelectionVisual(id, selected) {
+    const marker = this.markers.get(id);
     const leafletMarker = this.leafletMarkers.get(id);
-    if (!leafletMarker) {
+    if (!marker || !leafletMarker) {
       return;
     }
-    const iconElement = leafletMarker.getElement();
-    if (iconElement) {
-      if (selected) {
-        iconElement.style.filter = "drop-shadow(0 0 8px rgba(59, 130, 246, 0.8))";
-        iconElement.style.zIndex = "1000";
+    let newIconType;
+    if (selected) {
+      if (marker.iconType === "pin-gray" || marker.iconType === "pin-gray-selected") {
+        newIconType = "pin-gray-selected";
+      } else if (marker.iconType === "pin-yellow" || marker.iconType === "pin-yellow-selected") {
+        newIconType = "pin-yellow-selected";
+      } else {
+        newIconType = "pin-gray-selected";
+      }
+    } else {
+      if (marker.iconType === "pin-gray" || marker.iconType === "pin-gray-selected") {
+        newIconType = "pin-gray";
+      } else if (marker.iconType === "pin-yellow" || marker.iconType === "pin-yellow-selected") {
+        newIconType = "pin-yellow";
       } else {
-        iconElement.style.filter = "";
-        iconElement.style.zIndex = "";
+        newIconType = marker.iconType || this.defaultIconType;
       }
     }
+    marker.iconType = newIconType;
+    const newIcon = this.createCustomIcon(newIconType);
+    leafletMarker.setIcon(newIcon);
   }
   /**
    * Emits an event to all registered listeners

package/dist/lib/marker-manager.d.ts

@@ -21,6 +21,8 @@ export interface CreateMarkerOptions {
     showLabel?: boolean;
     /** Custom marker ID (auto-generated if not provided) */
     id?: string;
+    /** Icon type for the marker */
+    iconType?: 'pin' | 'pin-gray' | 'pin-yellow' | 'pin-gray-selected' | 'pin-yellow-selected';
 }
 /**
  * MarkerManager - Manages markers on the Leaflet map
@@ -74,6 +76,8 @@ export declare class MarkerManager {
     private eventListeners;
     private selectedIds;
     private interactionConfig;
+    private defaultIconType;
+    private iconBasePath;
     /**
      * Creates a new MarkerManager instance
      *
@@ -296,12 +300,69 @@ export declare class MarkerManager {
      * @param eventType - Optional event type to clear
      */
     removeAllListeners(eventType?: MarkerEventType): void;
+    /**
+     * Sets the default icon type for new markers
+     *
+     * @param iconType - Icon type to use as default
+     */
+    setDefaultIconType(iconType: 'pin' | 'pin-gray' | 'pin-yellow' | 'pin-gray-selected' | 'pin-yellow-selected'): void;
+    /**
+     * Gets the current default icon type
+     *
+     * @returns Current default icon type
+     */
+    getDefaultIconType(): 'pin' | 'pin-gray' | 'pin-yellow' | 'pin-gray-selected' | 'pin-yellow-selected';
+    /**
+     * Sets the base path for marker icons
+     *
+     * @param basePath - Base path for icon files (default: './images/')
+     *
+     * @example
+     * ```typescript
+     * // Use library's built-in icons (default)
+     * markerManager.setIconBasePath('./images/');
+     *
+     * // Use custom icons from public folder
+     * markerManager.setIconBasePath('/');
+     *
+     * // Use icons from a CDN
+     * markerManager.setIconBasePath('https://cdn.example.com/icons/');
+     * ```
+     */
+    setIconBasePath(basePath: string): void;
+    /**
+     * Gets the current base path for marker icons
+     *
+     * @returns The current icon base path
+     */
+    getIconBasePath(): string;
+    /**
+     * Updates the icon type for a specific marker
+     *
+     * @param id - Marker ID
+     * @param iconType - New icon type
+     * @returns True if marker was updated, false if not found
+     */
+    updateMarkerIcon(id: string, iconType: 'pin' | 'pin-gray' | 'pin-yellow' | 'pin-gray-selected' | 'pin-yellow-selected'): boolean;
+    /**
+     * Updates all markers to use a new icon type
+     *
+     * @param iconType - Icon type to apply to all markers
+     */
+    updateAllMarkerIcons(iconType: 'pin' | 'pin-gray' | 'pin-yellow' | 'pin-gray-selected' | 'pin-yellow-selected'): void;
     /**
      * Disposes of the marker manager and cleans up resources
      *
      * This should be called when the marker manager is no longer needed.
      */
     dispose(): void;
+    /**
+     * Creates a custom icon for a marker
+     *
+     * @param iconType - Icon type to use
+     * @returns Leaflet icon instance
+     */
+    private createCustomIcon;
     /**
      * Creates a Leaflet marker from marker data
      *

package/dist/lib/marker-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marker-manager.d.ts","sourceRoot":"","sources":["../../src/lib/marker-manager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"marker-manager.d.ts","sourceRoot":"","sources":["../../src/lib/marker-manager.ts"],"names":[],"mappings":"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"}

package/dist/styles.d.ts

@@ -0,0 +1,10 @@
+/**
+ * CSS auto-loader for @edgepdf/viewer-js
+ *
+ * This file is automatically imported by the main index.ts file.
+ * It dynamically loads the CSS file at runtime, so users don't need to manually import CSS.
+ *
+ * The CSS is automatically injected when @edgepdf/viewer-js is imported.
+ */
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmCH,OAAO,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgepdf/viewer-js",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "EdgePDF Viewer - JavaScript library for viewing PDF documents with interactive markers and zoom controls",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,8 +30,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
+    }
   },
   "files": [
     "dist",