pdf-search-highlight 0.1.0

package/dist/react/index.d.cts

@@ -0,0 +1,123 @@
+import { P as PageData, f as PDFSource, a as PDFSearchViewerOptions, C as ClassNames, S as SearchOptions, d as PDFSearchViewer$1 } from '../PDFSearchViewer-8kMeXl51.cjs';
+export { c as SearchMatch } from '../PDFSearchViewer-8kMeXl51.cjs';
+import * as react from 'react';
+import { CSSProperties } from 'react';
+
+interface UsePDFRendererReturn {
+    /** Ref to attach to the container div */
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    /** Rendered page data (available after loading) */
+    pages: PageData[];
+    /** Number of pages */
+    pageCount: number;
+    /** Whether PDF is currently loading */
+    loading: boolean;
+    /** Load a PDF source */
+    loadPDF: (source: PDFSource) => Promise<PageData[]>;
+    /** Clean up renderer */
+    cleanup: () => void;
+}
+/**
+ * Hook for rendering PDF into a container div.
+ * Returns pages data that can be passed to useSearchController.
+ *
+ * ```tsx
+ * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);
+ *
+ * return <div ref={containerRef} style={{ height: '80vh', overflow: 'auto' }} />;
+ * ```
+ */
+declare function usePDFRenderer(pdfjsLib: any, options?: PDFSearchViewerOptions): UsePDFRendererReturn;
+
+interface UseSearchControllerReturn {
+    /** Run a search query */
+    search: (query: string, options?: SearchOptions) => number;
+    /** Go to next match */
+    next: () => void;
+    /** Go to previous match */
+    prev: () => void;
+    /** Go to specific match index */
+    goTo: (index: number) => void;
+    /** Clear all highlights */
+    clear: () => void;
+    /** Current active match index (0-based), -1 if none */
+    current: number;
+    /** Total number of matches */
+    total: number;
+}
+interface UseSearchControllerOptions {
+    classNames?: Pick<ClassNames, 'highlight' | 'activeHighlight'>;
+}
+/**
+ * Hook for search + highlight logic (headless).
+ * Pass pages from usePDFRenderer to connect them.
+ *
+ * ```tsx
+ * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);
+ * const { search, next, prev, current, total } = useSearchController(pages);
+ *
+ * return (
+ *   <>
+ *     <input onChange={e => search(e.target.value)} />
+ *     <span>{current + 1}/{total}</span>
+ *     <button onClick={prev}>Prev</button>
+ *     <button onClick={next}>Next</button>
+ *     <div ref={containerRef} />
+ *   </>
+ * );
+ * ```
+ */
+declare function useSearchController(pages: PageData[], options?: UseSearchControllerOptions): UseSearchControllerReturn;
+
+interface PDFSearchViewerProps {
+    /** pdfjs-dist library instance. Must be passed by consumer. */
+    pdfjsLib: any;
+    /** PDF source: URL string, File, ArrayBuffer, or Uint8Array. */
+    source?: PDFSource | null;
+    /** Search query string. Empty/undefined clears the search. */
+    searchQuery?: string;
+    /** Search options. */
+    searchOptions?: SearchOptions;
+    /** Viewer options (applied once on mount). */
+    viewerOptions?: PDFSearchViewerOptions;
+    /** Called when PDF finishes loading. */
+    onLoad?: (data: {
+        pageCount: number;
+    }) => void;
+    /** Called when search completes. */
+    onSearch?: (data: {
+        query: string;
+        total: number;
+    }) => void;
+    /** Called when active match changes. */
+    onMatchChange?: (data: {
+        current: number;
+        total: number;
+    }) => void;
+    /** Called on error. */
+    onError?: (data: {
+        error: Error;
+        context: string;
+    }) => void;
+    /** Additional className for the container div. */
+    className?: string;
+    /** Inline style for the container div. */
+    style?: CSSProperties;
+}
+interface PDFSearchViewerHandle {
+    /** Navigate to next match. Returns new index. */
+    nextMatch: () => number;
+    /** Navigate to previous match. Returns new index. */
+    prevMatch: () => number;
+    /** Clear all search highlights. */
+    clearSearch: () => void;
+    /** Get total match count. */
+    getMatchCount: () => number;
+    /** Get current match index. */
+    getCurrentMatchIndex: () => number;
+    /** Get underlying core instance. */
+    getCore: () => PDFSearchViewer$1 | null;
+}
+declare const PDFSearchViewer: react.ForwardRefExoticComponent<PDFSearchViewerProps & react.RefAttributes<PDFSearchViewerHandle>>;
+
+export { ClassNames, PDFSearchViewer, type PDFSearchViewerHandle, PDFSearchViewerOptions, type PDFSearchViewerProps, PDFSource, PageData, SearchOptions, type UsePDFRendererReturn, type UseSearchControllerOptions, type UseSearchControllerReturn, usePDFRenderer, useSearchController };

package/dist/react/index.d.ts

@@ -0,0 +1,123 @@
+import { P as PageData, f as PDFSource, a as PDFSearchViewerOptions, C as ClassNames, S as SearchOptions, d as PDFSearchViewer$1 } from '../PDFSearchViewer-8kMeXl51.js';
+export { c as SearchMatch } from '../PDFSearchViewer-8kMeXl51.js';
+import * as react from 'react';
+import { CSSProperties } from 'react';
+
+interface UsePDFRendererReturn {
+    /** Ref to attach to the container div */
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    /** Rendered page data (available after loading) */
+    pages: PageData[];
+    /** Number of pages */
+    pageCount: number;
+    /** Whether PDF is currently loading */
+    loading: boolean;
+    /** Load a PDF source */
+    loadPDF: (source: PDFSource) => Promise<PageData[]>;
+    /** Clean up renderer */
+    cleanup: () => void;
+}
+/**
+ * Hook for rendering PDF into a container div.
+ * Returns pages data that can be passed to useSearchController.
+ *
+ * ```tsx
+ * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);
+ *
+ * return <div ref={containerRef} style={{ height: '80vh', overflow: 'auto' }} />;
+ * ```
+ */
+declare function usePDFRenderer(pdfjsLib: any, options?: PDFSearchViewerOptions): UsePDFRendererReturn;
+
+interface UseSearchControllerReturn {
+    /** Run a search query */
+    search: (query: string, options?: SearchOptions) => number;
+    /** Go to next match */
+    next: () => void;
+    /** Go to previous match */
+    prev: () => void;
+    /** Go to specific match index */
+    goTo: (index: number) => void;
+    /** Clear all highlights */
+    clear: () => void;
+    /** Current active match index (0-based), -1 if none */
+    current: number;
+    /** Total number of matches */
+    total: number;
+}
+interface UseSearchControllerOptions {
+    classNames?: Pick<ClassNames, 'highlight' | 'activeHighlight'>;
+}
+/**
+ * Hook for search + highlight logic (headless).
+ * Pass pages from usePDFRenderer to connect them.
+ *
+ * ```tsx
+ * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);
+ * const { search, next, prev, current, total } = useSearchController(pages);
+ *
+ * return (
+ *   <>
+ *     <input onChange={e => search(e.target.value)} />
+ *     <span>{current + 1}/{total}</span>
+ *     <button onClick={prev}>Prev</button>
+ *     <button onClick={next}>Next</button>
+ *     <div ref={containerRef} />
+ *   </>
+ * );
+ * ```
+ */
+declare function useSearchController(pages: PageData[], options?: UseSearchControllerOptions): UseSearchControllerReturn;
+
+interface PDFSearchViewerProps {
+    /** pdfjs-dist library instance. Must be passed by consumer. */
+    pdfjsLib: any;
+    /** PDF source: URL string, File, ArrayBuffer, or Uint8Array. */
+    source?: PDFSource | null;
+    /** Search query string. Empty/undefined clears the search. */
+    searchQuery?: string;
+    /** Search options. */
+    searchOptions?: SearchOptions;
+    /** Viewer options (applied once on mount). */
+    viewerOptions?: PDFSearchViewerOptions;
+    /** Called when PDF finishes loading. */
+    onLoad?: (data: {
+        pageCount: number;
+    }) => void;
+    /** Called when search completes. */
+    onSearch?: (data: {
+        query: string;
+        total: number;
+    }) => void;
+    /** Called when active match changes. */
+    onMatchChange?: (data: {
+        current: number;
+        total: number;
+    }) => void;
+    /** Called on error. */
+    onError?: (data: {
+        error: Error;
+        context: string;
+    }) => void;
+    /** Additional className for the container div. */
+    className?: string;
+    /** Inline style for the container div. */
+    style?: CSSProperties;
+}
+interface PDFSearchViewerHandle {
+    /** Navigate to next match. Returns new index. */
+    nextMatch: () => number;
+    /** Navigate to previous match. Returns new index. */
+    prevMatch: () => number;
+    /** Clear all search highlights. */
+    clearSearch: () => void;
+    /** Get total match count. */
+    getMatchCount: () => number;
+    /** Get current match index. */
+    getCurrentMatchIndex: () => number;
+    /** Get underlying core instance. */
+    getCore: () => PDFSearchViewer$1 | null;
+}
+declare const PDFSearchViewer: react.ForwardRefExoticComponent<PDFSearchViewerProps & react.RefAttributes<PDFSearchViewerHandle>>;
+
+export { ClassNames, PDFSearchViewer, type PDFSearchViewerHandle, PDFSearchViewerOptions, type PDFSearchViewerProps, PDFSource, PageData, SearchOptions, type UsePDFRendererReturn, type UseSearchControllerOptions, type UseSearchControllerReturn, usePDFRenderer, useSearchController };

package/dist/react/index.js

@@ -0,0 +1,166 @@
+import {
+  PDFRenderer,
+  PDFSearchViewer,
+  SearchController
+} from "../chunk-M56VMBOL.js";
+
+// src/react/usePDFRenderer.ts
+import { useRef, useEffect, useCallback, useState } from "react";
+function usePDFRenderer(pdfjsLib, options = {}) {
+  const containerRef = useRef(null);
+  const rendererRef = useRef(null);
+  const [pages, setPages] = useState([]);
+  const [pageCount, setPageCount] = useState(0);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    return () => {
+      rendererRef.current?.cleanup();
+      rendererRef.current = null;
+    };
+  }, []);
+  const getRenderer = useCallback(() => {
+    if (!containerRef.current) throw new Error("Container ref not attached");
+    if (!rendererRef.current) {
+      const r = new PDFRenderer(containerRef.current, options);
+      r.setPdfjsLib(pdfjsLib);
+      rendererRef.current = r;
+    }
+    return rendererRef.current;
+  }, [pdfjsLib, options]);
+  const loadPDF = useCallback(
+    async (source) => {
+      const renderer = getRenderer();
+      setLoading(true);
+      try {
+        const count = await renderer.loadDocument(source);
+        const p = await renderer.renderAllPages();
+        setPages(p);
+        setPageCount(count);
+        return p;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [getRenderer]
+  );
+  const cleanup = useCallback(() => {
+    rendererRef.current?.cleanup();
+    rendererRef.current = null;
+    setPages([]);
+    setPageCount(0);
+  }, []);
+  return { containerRef, pages, pageCount, loading, loadPDF, cleanup };
+}
+
+// src/react/useSearchController.ts
+import { useRef as useRef2, useEffect as useEffect2, useCallback as useCallback2, useState as useState2 } from "react";
+function useSearchController(pages, options = {}) {
+  const controllerRef = useRef2(null);
+  const [current, setCurrent] = useState2(-1);
+  const [total, setTotal] = useState2(0);
+  if (!controllerRef.current) {
+    controllerRef.current = new SearchController(options);
+  }
+  useEffect2(() => {
+    const ctrl = controllerRef.current;
+    ctrl.onChange = ({ current: c, total: t }) => {
+      setCurrent(c);
+      setTotal(t);
+    };
+    return () => {
+      ctrl.onChange = null;
+    };
+  }, []);
+  useEffect2(() => {
+    controllerRef.current.setPages(pages);
+  }, [pages]);
+  const search = useCallback2((query, opts) => {
+    return controllerRef.current.search(query, opts);
+  }, []);
+  const next = useCallback2(() => {
+    controllerRef.current.next();
+  }, []);
+  const prev = useCallback2(() => {
+    controllerRef.current.prev();
+  }, []);
+  const goTo = useCallback2((index) => {
+    controllerRef.current.goTo(index);
+  }, []);
+  const clear = useCallback2(() => {
+    controllerRef.current.clear();
+  }, []);
+  return { search, next, prev, goTo, clear, current, total };
+}
+
+// src/react/PDFSearchViewer.tsx
+import {
+  useRef as useRef3,
+  useEffect as useEffect3,
+  useImperativeHandle,
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var PDFSearchViewer2 = forwardRef(function PDFSearchViewer3(props, ref) {
+  const {
+    pdfjsLib,
+    source,
+    searchQuery,
+    searchOptions,
+    viewerOptions,
+    onLoad,
+    onSearch,
+    onMatchChange,
+    onError,
+    className,
+    style
+  } = props;
+  const containerRef = useRef3(null);
+  const coreRef = useRef3(null);
+  const callbackRefs = useRef3({ onLoad, onSearch, onMatchChange, onError });
+  callbackRefs.current = { onLoad, onSearch, onMatchChange, onError };
+  useEffect3(() => {
+    if (!containerRef.current || !pdfjsLib) return;
+    const core = new PDFSearchViewer(
+      containerRef.current,
+      pdfjsLib,
+      viewerOptions ?? {}
+    );
+    core.on("load", (data) => callbackRefs.current.onLoad?.(data));
+    core.on("search", (data) => callbackRefs.current.onSearch?.(data));
+    core.on("matchchange", (data) => callbackRefs.current.onMatchChange?.(data));
+    core.on("error", (data) => callbackRefs.current.onError?.(data));
+    coreRef.current = core;
+    return () => {
+      core.destroy();
+      coreRef.current = null;
+    };
+  }, [pdfjsLib]);
+  useEffect3(() => {
+    if (!coreRef.current || !source) return;
+    coreRef.current.loadPDF(source).catch(() => {
+    });
+  }, [source]);
+  useEffect3(() => {
+    if (!coreRef.current) return;
+    if (searchQuery && searchQuery.trim().length > 0) {
+      coreRef.current.search(searchQuery, searchOptions);
+    } else {
+      coreRef.current.clearSearch();
+    }
+  }, [searchQuery, searchOptions]);
+  useImperativeHandle(ref, () => ({
+    nextMatch: () => coreRef.current?.nextMatch() ?? -1,
+    prevMatch: () => coreRef.current?.prevMatch() ?? -1,
+    clearSearch: () => coreRef.current?.clearSearch(),
+    getMatchCount: () => coreRef.current?.getMatchCount() ?? 0,
+    getCurrentMatchIndex: () => coreRef.current?.getCurrentMatchIndex() ?? -1,
+    getCore: () => coreRef.current
+  }));
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className, style });
+});
+export {
+  PDFSearchViewer2 as PDFSearchViewer,
+  usePDFRenderer,
+  useSearchController
+};
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react/usePDFRenderer.ts","../../src/react/useSearchController.ts","../../src/react/PDFSearchViewer.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, useState } from 'react';\nimport { PDFRenderer } from '../core/PDFRenderer';\nimport type { PDFSearchViewerOptions, PageData, PDFSource } from '../core';\n\nexport interface UsePDFRendererReturn {\n  /** Ref to attach to the container div */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /** Rendered page data (available after loading) */\n  pages: PageData[];\n  /** Number of pages */\n  pageCount: number;\n  /** Whether PDF is currently loading */\n  loading: boolean;\n  /** Load a PDF source */\n  loadPDF: (source: PDFSource) => Promise<PageData[]>;\n  /** Clean up renderer */\n  cleanup: () => void;\n}\n\n/**\n * Hook for rendering PDF into a container div.\n * Returns pages data that can be passed to useSearchController.\n *\n * ```tsx\n * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);\n *\n * return <div ref={containerRef} style={{ height: '80vh', overflow: 'auto' }} />;\n * ```\n */\nexport function usePDFRenderer(\n  pdfjsLib: any,\n  options: PDFSearchViewerOptions = {}\n): UsePDFRendererReturn {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const rendererRef = useRef<PDFRenderer | null>(null);\n  const [pages, setPages] = useState<PageData[]>([]);\n  const [pageCount, setPageCount] = useState(0);\n  const [loading, setLoading] = useState(false);\n\n  // Init renderer when container is available\n  useEffect(() => {\n    return () => {\n      rendererRef.current?.cleanup();\n      rendererRef.current = null;\n    };\n  }, []);\n\n  const getRenderer = useCallback(() => {\n    if (!containerRef.current) throw new Error('Container ref not attached');\n    if (!rendererRef.current) {\n      const r = new PDFRenderer(containerRef.current, options);\n      r.setPdfjsLib(pdfjsLib);\n      rendererRef.current = r;\n    }\n    return rendererRef.current;\n  }, [pdfjsLib, options]);\n\n  const loadPDF = useCallback(\n    async (source: PDFSource): Promise<PageData[]> => {\n      const renderer = getRenderer();\n      setLoading(true);\n      try {\n        const count = await renderer.loadDocument(source);\n        const p = await renderer.renderAllPages();\n        setPages(p);\n        setPageCount(count);\n        return p;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [getRenderer]\n  );\n\n  const cleanup = useCallback(() => {\n    rendererRef.current?.cleanup();\n    rendererRef.current = null;\n    setPages([]);\n    setPageCount(0);\n  }, []);\n\n  return { containerRef, pages, pageCount, loading, loadPDF, cleanup };\n}\n","import { useRef, useEffect, useCallback, useState } from 'react';\nimport { SearchController } from '../core/SearchController';\nimport type { SearchOptions, ClassNames, PageData } from '../core';\n\nexport interface UseSearchControllerReturn {\n  /** Run a search query */\n  search: (query: string, options?: SearchOptions) => number;\n  /** Go to next match */\n  next: () => void;\n  /** Go to previous match */\n  prev: () => void;\n  /** Go to specific match index */\n  goTo: (index: number) => void;\n  /** Clear all highlights */\n  clear: () => void;\n  /** Current active match index (0-based), -1 if none */\n  current: number;\n  /** Total number of matches */\n  total: number;\n}\n\nexport interface UseSearchControllerOptions {\n  classNames?: Pick<ClassNames, 'highlight' | 'activeHighlight'>;\n}\n\n/**\n * Hook for search + highlight logic (headless).\n * Pass pages from usePDFRenderer to connect them.\n *\n * ```tsx\n * const { containerRef, pages, loadPDF } = usePDFRenderer(pdfjsLib);\n * const { search, next, prev, current, total } = useSearchController(pages);\n *\n * return (\n *   <>\n *     <input onChange={e => search(e.target.value)} />\n *     <span>{current + 1}/{total}</span>\n *     <button onClick={prev}>Prev</button>\n *     <button onClick={next}>Next</button>\n *     <div ref={containerRef} />\n *   </>\n * );\n * ```\n */\nexport function useSearchController(\n  pages: PageData[],\n  options: UseSearchControllerOptions = {}\n): UseSearchControllerReturn {\n  const controllerRef = useRef<SearchController | null>(null);\n  const [current, setCurrent] = useState(-1);\n  const [total, setTotal] = useState(0);\n\n  // Create controller once\n  if (!controllerRef.current) {\n    controllerRef.current = new SearchController(options);\n  }\n\n  // Sync onChange callback\n  useEffect(() => {\n    const ctrl = controllerRef.current!;\n    ctrl.onChange = ({ current: c, total: t }) => {\n      setCurrent(c);\n      setTotal(t);\n    };\n    return () => {\n      ctrl.onChange = null;\n    };\n  }, []);\n\n  // Update pages when they change\n  useEffect(() => {\n    controllerRef.current!.setPages(pages);\n  }, [pages]);\n\n  const search = useCallback((query: string, opts?: SearchOptions) => {\n    return controllerRef.current!.search(query, opts);\n  }, []);\n\n  const next = useCallback(() => {\n    controllerRef.current!.next();\n  }, []);\n\n  const prev = useCallback(() => {\n    controllerRef.current!.prev();\n  }, []);\n\n  const goTo = useCallback((index: number) => {\n    controllerRef.current!.goTo(index);\n  }, []);\n\n  const clear = useCallback(() => {\n    controllerRef.current!.clear();\n  }, []);\n\n  return { search, next, prev, goTo, clear, current, total };\n}\n","import {\n  useRef,\n  useEffect,\n  useImperativeHandle,\n  forwardRef,\n  type Ref,\n  type CSSProperties,\n} from 'react';\nimport {\n  PDFSearchViewer as CorePDFSearchViewer,\n  type PDFSearchViewerOptions,\n  type SearchOptions,\n  type PDFSource,\n} from '../core';\n\nexport interface PDFSearchViewerProps {\n  /** pdfjs-dist library instance. Must be passed by consumer. */\n  pdfjsLib: any;\n\n  /** PDF source: URL string, File, ArrayBuffer, or Uint8Array. */\n  source?: PDFSource | null;\n\n  /** Search query string. Empty/undefined clears the search. */\n  searchQuery?: string;\n\n  /** Search options. */\n  searchOptions?: SearchOptions;\n\n  /** Viewer options (applied once on mount). */\n  viewerOptions?: PDFSearchViewerOptions;\n\n  /** Called when PDF finishes loading. */\n  onLoad?: (data: { pageCount: number }) => void;\n\n  /** Called when search completes. */\n  onSearch?: (data: { query: string; total: number }) => void;\n\n  /** Called when active match changes. */\n  onMatchChange?: (data: { current: number; total: number }) => void;\n\n  /** Called on error. */\n  onError?: (data: { error: Error; context: string }) => void;\n\n  /** Additional className for the container div. */\n  className?: string;\n\n  /** Inline style for the container div. */\n  style?: CSSProperties;\n}\n\nexport interface PDFSearchViewerHandle {\n  /** Navigate to next match. Returns new index. */\n  nextMatch: () => number;\n  /** Navigate to previous match. Returns new index. */\n  prevMatch: () => number;\n  /** Clear all search highlights. */\n  clearSearch: () => void;\n  /** Get total match count. */\n  getMatchCount: () => number;\n  /** Get current match index. */\n  getCurrentMatchIndex: () => number;\n  /** Get underlying core instance. */\n  getCore: () => CorePDFSearchViewer | null;\n}\n\nexport const PDFSearchViewer = forwardRef(function PDFSearchViewer(\n  props: PDFSearchViewerProps,\n  ref: Ref<PDFSearchViewerHandle>\n) {\n  const {\n    pdfjsLib,\n    source,\n    searchQuery,\n    searchOptions,\n    viewerOptions,\n    onLoad,\n    onSearch,\n    onMatchChange,\n    onError,\n    className,\n    style,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const coreRef = useRef<CorePDFSearchViewer | null>(null);\n\n  // Store latest callbacks in refs to avoid re-subscribing\n  const callbackRefs = useRef({ onLoad, onSearch, onMatchChange, onError });\n  callbackRefs.current = { onLoad, onSearch, onMatchChange, onError };\n\n  // Initialize core on mount\n  useEffect(() => {\n    if (!containerRef.current || !pdfjsLib) return;\n\n    const core = new CorePDFSearchViewer(\n      containerRef.current,\n      pdfjsLib,\n      viewerOptions ?? {}\n    );\n\n    core.on('load', (data) => callbackRefs.current.onLoad?.(data));\n    core.on('search', (data) => callbackRefs.current.onSearch?.(data));\n    core.on('matchchange', (data) => callbackRefs.current.onMatchChange?.(data));\n    core.on('error', (data) => callbackRefs.current.onError?.(data));\n\n    coreRef.current = core;\n\n    return () => {\n      core.destroy();\n      coreRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pdfjsLib]);\n\n  // Load PDF when source changes\n  useEffect(() => {\n    if (!coreRef.current || !source) return;\n    coreRef.current.loadPDF(source).catch(() => {\n      // Error already emitted via 'error' event\n    });\n  }, [source]);\n\n  // Run search when query or options change\n  useEffect(() => {\n    if (!coreRef.current) return;\n\n    if (searchQuery && searchQuery.trim().length > 0) {\n      coreRef.current.search(searchQuery, searchOptions);\n    } else {\n      coreRef.current.clearSearch();\n    }\n  }, [searchQuery, searchOptions]);\n\n  // Expose imperative methods via ref\n  useImperativeHandle(ref, () => ({\n    nextMatch: () => coreRef.current?.nextMatch() ?? -1,\n    prevMatch: () => coreRef.current?.prevMatch() ?? -1,\n    clearSearch: () => coreRef.current?.clearSearch(),\n    getMatchCount: () => coreRef.current?.getMatchCount() ?? 0,\n    getCurrentMatchIndex: () => coreRef.current?.getCurrentMatchIndex() ?? -1,\n    getCore: () => coreRef.current,\n  }));\n\n  return <div ref={containerRef} className={className} style={style} />;\n});\n"],"mappings":"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","names":["useRef","useEffect","useCallback","useState","useRef","useState","useEffect","useCallback","useRef","useEffect","PDFSearchViewer","useRef","useEffect"]}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "pdf-search-highlight",
+  "version": "0.1.0",
+  "description": "Drop-in PDF viewer with text search and highlight. Vanilla JS core + React wrapper.",
+  "type": "module",
+  "main": "./dist/core/index.cjs",
+  "module": "./dist/core/index.js",
+  "types": "./dist/core/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/core/index.d.ts",
+        "default": "./dist/core/index.js"
+      },
+      "require": {
+        "types": "./dist/core/index.d.cts",
+        "default": "./dist/core/index.cjs"
+      }
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react/index.d.ts",
+        "default": "./dist/react/index.js"
+      },
+      "require": {
+        "types": "./dist/react/index.d.cts",
+        "default": "./dist/react/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/pdf-search-highlight.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup && cp src/styles/pdf-search-highlight.css dist/pdf-search-highlight.css",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "pdfjs-dist": ">=3.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0",
+    "pdfjs-dist": "^3.11.174",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0"
+  },
+  "keywords": [
+    "pdf",
+    "search",
+    "highlight",
+    "viewer",
+    "pdfjs",
+    "react",
+    "text-search",
+    "pdf-viewer"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}