@edgepdf/viewer-js 0.0.30 → 0.0.32

package/README.md

@@ -10,9 +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.
-
-**For SSR frameworks (Next.js, Remix, etc.):** This library requires a browser environment. Use dynamic imports or the React component (`@edgepdf/viewer-react`) which handles SSR automatically. See [SSR Support](#ssr-support) section below.
+**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
 
@@ -80,93 +78,6 @@ const viewer = new EdgePdfViewer({
 viewer.initialize();
 ```
 
-## SSR Support
-
-This library uses Leaflet, which requires a browser environment. For SSR frameworks like Next.js, Remix, or other React frameworks, you have two options:
-
-### Option 1: Use the React Component (Recommended)
-
-The `@edgepdf/viewer-react` package handles SSR automatically with dynamic imports:
-
-```tsx
-import { EdgePDFViewer } from '@edgepdf/viewer-react';
-import { ViewerProvider } from '@edgepdf/viewer-react';
-
-// In your component
-<ViewerProvider>
-  <EdgePDFViewer config={config} />
-</ViewerProvider>;
-```
-
-### Option 2: Use Dynamic Imports (Next.js)
-
-If you need to use `@edgepdf/viewer-js` directly in Next.js, use dynamic imports with `ssr: false`:
-
-```tsx
-import dynamic from 'next/dynamic';
-
-const EdgePdfViewer = dynamic(
-  () => import('@edgepdf/viewer-js').then((mod) => mod.EdgePdfViewer),
-  { ssr: false }
-);
-
-// Or use it in a client component
-('use client');
-
-import { useEffect, useRef } from 'react';
-import dynamic from 'next/dynamic';
-
-const EdgePdfViewer = dynamic(
-  () => import('@edgepdf/viewer-js').then((mod) => mod.EdgePdfViewer),
-  { ssr: false }
-);
-
-export default function MyComponent() {
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    const { EdgePdfViewer } = require('@edgepdf/viewer-js');
-    const viewer = new EdgePdfViewer({
-      container: containerRef.current,
-      config: yourConfig,
-    });
-    viewer.initialize();
-
-    return () => viewer.dispose();
-  }, []);
-
-  return <div ref={containerRef} style={{ width: '100%', height: '100%' }} />;
-}
-```
-
-### Next.js Configuration
-
-If you're still getting build errors, add this to your `next.config.js`:
-
-```javascript
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  webpack: (config, { isServer }) => {
-    if (isServer) {
-      // Exclude @edgepdf/viewer-js from server-side bundle
-      config.externals = config.externals || [];
-      config.externals.push('@edgepdf/viewer-js');
-    }
-    return config;
-  },
-};
-
-module.exports = nextConfig;
-```
-
-**Note:** You'll also need to import the CSS manually when using dynamic imports:
-
-```tsx
-import '@edgepdf/viewer-js/dist/styles.css';
-```
-
 ## API Reference
 
 ### EdgePdfViewer