@edgepdf/viewer-js 0.0.3 → 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);
 
@@ -10587,7 +10609,8 @@ var MarkerManager = class {
     showDeleteButton: true
   };
   defaultIconType = "pin";
-  iconBasePath = "/";
+  iconBasePath = "./images/";
+  // Default to library's images folder
   /**
    * Creates a new MarkerManager instance
    *
@@ -11076,11 +11099,31 @@ var MarkerManager = class {
   /**
    * Sets the base path for marker icons
    *
-   * @param basePath - Base path for icon files (default: '/')
+   * @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
    *

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

@@ -315,9 +315,27 @@ export declare class MarkerManager {
     /**
      * Sets the base path for marker icons
      *
-     * @param basePath - Base path for icon files (default: '/')
+     * @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
      *

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":"AAAA,OAAO,CAAC,MAAM,SAAS,CAAC;AACxB,OAAO,KAAK,EACV,MAAM,EACN,UAAU,EACV,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qCAAqC;IACrC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,QAAQ,CAAC,EACL,KAAK,GACL,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,GAAG,CAAQ;IACnB,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,OAAO,CAAkC;IACjD,OAAO,CAAC,cAAc,CAAoC;IAC1D,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,cAAc,CAGR;IACd,OAAO,CAAC,WAAW,CAA0B;IAC7C,OAAO,CAAC,iBAAiB,CAQvB;IACF,OAAO,CAAC,eAAe,CAKG;IAC1B,OAAO,CAAC,YAAY,CAAO;IAE3B;;;;;;;;;;;OAWG;gBACS,OAAO,EAAE;QACnB,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;QACX,gBAAgB,EAAE,gBAAgB,CAAC;QACnC,SAAS,EAAE,SAAS,CAAC;KACtB;IAmBD;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,YAAY,CAAC,OAAO,EAAE,mBAAmB,GAAG,MAAM;IAkFlD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAIpC;;;;OAIG;IACH,aAAa,IAAI,MAAM,EAAE;IAIzB;;;;;;;;;;;;;;;OAeG;IACH,aAAa,IAAI,UAAU;IAS3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BG;IACH,aAAa,CACX,IAAI,EAAE,UAAU,EAChB,OAAO,GAAE;QACP,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC1B,GACL;QACD,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,MAAM,CAAC;QACtB,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB;IA6DD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAkBjC;;OAEG;IACH,gBAAgB,IAAI,IAAI;IASxB;;;;;;;;OAQG;IACH,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,OAAO;IA4BlE;;;;;;OAMG;IACH,YAAY,CACV,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,GAAG,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,GACrE,OAAO;IA+BV;;;;OAIG;IACH,cAAc,IAAI,MAAM;IAIxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAI9B;;;;OAIG;IACH,oBAAoB,CAAC,MAAM,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI;IAuBpE;;;;OAIG;IACH,oBAAoB,IAAI,uBAAuB;IAI/C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAmBjC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAanC;;OAEG;IACH,kBAAkB,IAAI,IAAI;IAa1B;;;;OAIG;IACH,iBAAiB,IAAI,oBAAoB;IAOzC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAIrC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAajC;;;;;;OAMG;IACH,EAAE,CACA,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GACrC,MAAM,IAAI;IAeb;;;;;OAKG;IACH,GAAG,CACD,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GACrC,IAAI;IAOP;;;;OAIG;IACH,kBAAkB,CAAC,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI;IAQrD;;;;OAIG;IACH,kBAAkB,CAChB,QAAQ,EACJ,KAAK,GACL,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,GACxB,IAAI;IAIP;;;;OAIG;IACH,kBAAkB,IACd,KAAK,GACL,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,qBAAqB;IAIzB;;;;OAIG;IACH,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAIvC;;;;;;OAMG;IACH,gBAAgB,CACd,EAAE,EAAE,MAAM,EACV,QAAQ,EACJ,KAAK,GACL,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,GACxB,OAAO;IA8BV;;;;OAIG;IACH,oBAAoB,CAClB,QAAQ,EACJ,KAAK,GACL,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,qBAAqB,GACxB,IAAI;IAkBP;;;;OAIG;IACH,OAAO,IAAI,IAAI;IAaf;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAoBxB;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IA4C3B;;;;;OAKG;IACH,OAAO,CAAC,uBAAuB;IAmD/B;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAuCzB;;;;;OAKG;IACH,OAAO,CAAC,2BAA2B;IAwDnC;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IAyBjB;;;;;OAKG;IACH,OAAO,CAAC,UAAU;IAOlB;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB;IAmD1B;;;;;OAKG;IACH,OAAO,CAAC,0BAA0B;IAyClC;;;;;OAKG;IACH,OAAO,CAAC,0BAA0B;IAgElC;;;;OAIG;YACW,UAAU;IAuCxB;;;;OAIG;YACW,YAAY;IA6B1B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAgCtB;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB;IAsE1B;;;;;OAKG;IACH,OAAO,CAAC,yBAAyB;IAwBjC;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;CAGzB"}
+{"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.3",
+  "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",