@edgepdf/viewer-react 0.0.3 → 0.0.5

package/README.md

@@ -1,6 +1,72 @@
-# viewer-react
+# @edgepdf/viewer-react
 
-This library was generated with [Nx](https://nx.dev).
+EdgePDF Viewer - React components for viewing PDF documents with interactive markers and zoom controls.
+
+## Installation
+
+```bash
+npm install @edgepdf/viewer-react @edgepdf/viewer-js
+# or
+pnpm add @edgepdf/viewer-react @edgepdf/viewer-js
+# or
+yarn add @edgepdf/viewer-react @edgepdf/viewer-js
+```
+
+## Usage
+
+### Next.js
+
+In your Next.js application, you need to import the CSS file manually:
+
+**App Router (app directory):**
+```tsx
+// app/layout.tsx or app/page.tsx
+import '@edgepdf/viewer-react/styles.css';
+import { EdgePDFViewer } from '@edgepdf/viewer-react';
+```
+
+**Pages Router:**
+```tsx
+// pages/_app.tsx
+import '@edgepdf/viewer-react/styles.css';
+
+export default function App({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+```
+
+**Or in a specific page:**
+```tsx
+// pages/your-page.tsx
+import '@edgepdf/viewer-react/styles.css';
+import { EdgePDFViewer } from '@edgepdf/viewer-react';
+```
+
+### Other React Applications
+
+```tsx
+import '@edgepdf/viewer-react/styles.css';
+import { EdgePDFViewer } from '@edgepdf/viewer-react';
+
+function App() {
+  const config = {
+    tileUrl: 'https://example.com/tiles/{z}/{x}/{y}.png',
+    imageInfo: {
+      width: 2000,
+      height: 3000,
+      tileSize: 256,
+      maxZoom: 5,
+      minZoom: 0
+    }
+  };
+
+  return (
+    <EdgePDFViewer config={config}>
+      {/* Your components */}
+    </EdgePDFViewer>
+  );
+}
+```
 
 ## Building
 

package/dist/index.js

@@ -1,4 +1,3 @@
-import '@edgepdf/viewer-js/styles.css';
 // packages/viewer-react/src/lib/viewer-context.tsx
 import {
   createContext,
@@ -9583,6 +9582,26 @@ var require_leaflet_src = __commonJS({
     });
   }
 });
+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);
+  }
+}
 var import_leaflet4 = __toESM(require_leaflet_src(), 1);
 var import_leaflet = __toESM(require_leaflet_src(), 1);
 function calculateTileCount(imageSize, tileSize, zoom) {
@@ -10576,7 +10595,8 @@ var MarkerManager = class {
     showDeleteButton: true
   };
   defaultIconType = "pin";
-  iconBasePath = "/";
+  iconBasePath = "./images/";
+  // Default to library's images folder
   /**
    * Creates a new MarkerManager instance
    *
@@ -11065,11 +11085,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/viewer-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"viewer-context.d.ts","sourceRoot":"","sources":["../../src/lib/viewer-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACV,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,oCAAoC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,yBAAyB;IACzB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC7B;AAOD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,EACV,gBAAuB,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAkPnC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}
+{"version":3,"file":"viewer-context.d.ts","sourceRoot":"","sources":["../../src/lib/viewer-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,EACV,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,MAAM,EAAE,aAAa,GAAG,IAAI,CAAC;IAC7B,oCAAoC;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,sBAAsB;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,yBAAyB;IACzB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;CAC7B;AAOD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,2BAA2B;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,UAAU,EACV,gBAAuB,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,GACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAqPnC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAMrD"}

package/package.json

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