Find and Highlight Text in PDF Documents Search text in PDF.

The tool utilizes client-side JavaScript with React to enable efficient text searching within PDF files. Upon dropping a PDF file, it extracts text from every page using the pdfjs-dist library, which provides a robust way to parse and render PDFs in the browser. The extracted text is then stored in an array of strings, where each string represents the text content of a single page. This data structure allows for fast lookup and searching of text within the document. The tool also leverages the Clipboard API to enable users to copy search results to their system clipboard.

When a user inputs a search query, the tool uses a regular expression to match the query against the extracted text. The regular expression is compiled with flags that allow for case-sensitive or case-insensitive matching, depending on the user's preference. The tool also supports whole-word matching by wrapping the query in word boundary markers. The search results are computed using a memoized function, which ensures that the results are recalculated only when the query, options, or text change. This optimization helps to improve performance and reduce unnecessary computations.

The tool's UI is built using responsive design principles, ensuring that it adapts to different screen sizes and devices. The search results are rendered as a list of context snippets, where each snippet includes the surrounding text and highlights the matched query. The context radius of 60 characters provides enough context for users to understand the relevance of the match without overwhelming them with too much information. By using these technologies and techniques, the tool provides an efficient and effective way to search for text within PDF files client-side.