teamsync-pdf-viewer 1.4.0 → 1.5.1

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 All notable changes to `teamsync-pdf-viewer` are documented here.
 
+## [1.5.1] — 2026-09-06
+
+### Added
+- **`redactionsApplied` & `redactionsChanged` Events**: Added typed `redactionsApplied: { redactions: Redaction[] }` and `redactionsChanged: { redactions: Redaction[] }` events to `ViewerEventMap` available via `instance.on()`.
+- **Public Redaction Callbacks**: Added `onRedactionsApplied?: (redactions: Redaction[]) => void` and `onRedactionsChange?: (redactions: Redaction[]) => void` props to `<TeamSyncViewer>` and `WebViewerOptions`.
+- **Apply Confirmation Hook**: Threaded `onRedactionsApplied` through `DocumentViewerProps`, firing once per user click of Apply in the confirmation modal with the full combined list of applied redactions.
+- **Public `getRedactions()` API**: Added `instance.getRedactions(): Redaction[]` to `WebViewerInstance` mirroring `getAnnotations()`, returning the live combined redaction list.
+
+## [1.5.0] — 2026-09-05
+
+### Added
+- **Undo & Redo Annotation Actions**: Added dedicated Undo and Redo buttons to the Annotate toolbar with live state reflection bound to history, alongside existing keyboard shortcuts (`Cmd+Z`/`Ctrl+Z` and `Cmd+Shift+Z`/`Ctrl+Y`).
+- **Underline, Strikeout & Squiggly Tools**: Added first-class text markup annotations with toolbar tools, stroke width and color controls, drag creation, selection tooltip quick actions, SVG rendering (straight lines and sinusoidal waves), full XFDF export/import roundtrip, and PDF export baking via `pdf-lib`.
+- **Text Annotation Automatic Word-Wrapping**: Text annotations now automatically wrap multi-line text cleanly inside SVG `<foreignObject>` containers (`word-break: break-word`, `overflow-wrap: break-word`, `white-space: pre-wrap`) and in baked PDF exports via dynamic text wrapping.
+- **Interactive 8-Handle Text Resizing**: Text annotations now feature an interactive selection bounding box with 8 resize handles (`nw`, `n`, `ne`, `e`, `se`, `s`, `sw`, `w`) with directional cursors, real-time live text reflow during drag, and single-step undo history.
+- **Quick-Markup Selection Tooltip**: Extended the floating selection tooltip with `[Highlight]`, `[Underline]`, `[Strikeout]`, and `[Squiggly]` quick actions.
+
 ## [1.4.0] — 2026-09-04
 
 ### Added

package/README.md

@@ -4,7 +4,7 @@
 
 ![TeamSync PDF Viewer UI](https://raw.githubusercontent.com/angelbot-ai/TeamSync-PDF-Viewer/main/docs/images/viewer_ui.png)
 
-### **100% Open Source. 100% Client-Side. Enterprise PDF Engine.**
+### **100% Open Source. 100% Client-Side. Enterprise SDK.**
 
 [![License: CPAL-1.0](https://img.shields.io/badge/License-CPAL--1.0-blue.svg)](LICENSE)
 [![Live Demo](https://img.shields.io/badge/Live%20Demo-pdfviewer.teamsync.com-000000.svg)](https://pdfviewer.teamsync.com/)
@@ -25,7 +25,7 @@ Try the **[Interactive Live Demo](https://pdfviewer.teamsync.com/)** or integrat
 Traditional commercial PDF viewers force developers into expensive per-domain licenses, opaque sales calls, and heavy server-side processing dependencies. **TeamSync PDF Viewer** is built from the ground up to solve these pain points.
 
 - 💰 **Zero-Cost, Transparent Licensing**: Uncapped usage, no per-server fees, and no commercial paywalls. 100% free and open-source under CPAL 1.0.
-- ⚡ **100% Client-Side WebAssembly**: Documents never leave the browser sandbox. Process, redact, and render PDFs entirely on the client—guaranteeing instant **HIPAA**, **GDPR**, and **FINRA** compliance.
+- ⚡ **100% Client-Side WebAssembly**: Documents never leave the browser sandbox. Process, redact, and render PDFs entirely on the client. 
 - 🔌 **Universal WebViewer API**: Clean, intuitive `WebViewer({...})` API interface that makes integrating into your web applications effortless.
 - 🎨 **Headless & Customizable**: Built for modern React 19 SPA lifecycles. No bloated iFrames to fight—customize toolbars, sidebars, context menus, and controls natively.
 
@@ -84,10 +84,10 @@ Everything you need to build collaborative, secure document workflows.
 - **Notes & Callouts**: Sticky notes, callout text boxes with directional arrows, and text annotations.
 - **Interactive Hyperlinks**: Create internal page-jump links (`#page=N`) or external web URL links directly on document selections.
 
-### 🛡️ Military-Grade Secure Redaction
+### 🛡️ Secure Redaction
 - **Binary-Level Data Obliteration**: We don't just place black boxes over text—redactions are permanently rasterized and burned into the underlying PDF vector structure.
 - **Text Layer Sanitization**: Redacted text is automatically stripped from the DOM `textLayer` and PDF content streams, preventing copy/paste extraction and search indexing.
-- **Automatic Regex Redactions**: Programmatically locate and redact sensitive PII (Aadhaar numbers, SSNs, credit cards, dates of birth) in a single click.
+- **Automatic Regex Redactions**: Programmatically locate and redact sensitive PII in a single click.
 - **Discard Unapplied Redactions**: Easily discard individual pending redactions or bulk-discard all unapplied redaction marks before committing.
 
 ### 📐 Dynamic Layout & Viewport Controls

package/dist/src/annotations/types.d.ts

@@ -6,7 +6,7 @@
  * /Rotate applied (top-left origin, PDF points). UI rotation applied by the viewer is composed on
  * top of this space at render time, so stored annotations are independent of the current view.
  */
-export type AnnotationType = 'rectangle' | 'ellipse' | 'line' | 'arrow' | 'freehand' | 'text' | 'note' | 'callout' | 'signature' | 'highlight' | 'digital_signature_placeholder' | 'link'
+export type AnnotationType = 'rectangle' | 'ellipse' | 'line' | 'arrow' | 'freehand' | 'text' | 'note' | 'callout' | 'signature' | 'highlight' | 'underline' | 'strikeout' | 'squiggly' | 'digital_signature_placeholder' | 'link'
 /**
  * An annotation imported from XFDF that this viewer cannot edit or render natively (e.g.
  * underline, squiggly, polygon, redaction). It is drawn as a read-only outline at its bounding

package/dist/src/components/DocumentViewer.d.ts

@@ -31,6 +31,8 @@ interface DocumentViewerProps {
     onAnnotationsChange?: (annotations: Annotation[]) => void;
     /** Reports the combined (prop + regex + manual) redaction list whenever it changes. */
     onRedactionsChange?: (redactions: Redaction[]) => void;
+    /** Fires once per user click of Apply in the confirmation modal with all applied redactions. */
+    onRedactionsApplied?: (redactions: Redaction[]) => void;
     onDocumentLoaded?: (doc: pdfjsLib.PDFDocumentProxy, url: string) => void;
     onLoadError?: (error: Error, info: DocumentLoadErrorInfo) => void;
     /** Fires once per loaded document, after the first page canvas has been painted. */
@@ -55,5 +57,5 @@ interface DocumentViewerProps {
     defaultTool?: 'select' | 'pan';
     showSelectionTooltip?: boolean;
 }
-export default function DocumentViewer({ leftSidebarOpen, rightSidebarOpen, activeTab, annotationManager, initialDoc, loadNonce, withCredentials, assets, sidebars, redactions, regexRedactions, scale, setScale, sidebarTab, setSidebarTab, onAnnotationsChange, onRedactionsChange, onDocumentLoaded, onLoadError, onFirstPageRendered, onPageRendered, onPageChange, pageTransition, pageLayout, rotation, setRotation, watermark, watermarkText, enableAnnotations: _enableAnnotations, initialPage, page, transientHighlights, permissions, hideAnnotationsUntilPageRendered, enableTextSelection, defaultTool, showSelectionTooltip }: DocumentViewerProps): React.JSX.Element;
+export default function DocumentViewer({ leftSidebarOpen, rightSidebarOpen, activeTab, annotationManager, initialDoc, loadNonce, withCredentials, assets, sidebars, redactions, regexRedactions, scale, setScale, sidebarTab, setSidebarTab, onAnnotationsChange, onRedactionsChange, onRedactionsApplied, onDocumentLoaded, onLoadError, onFirstPageRendered, onPageRendered, onPageChange, pageTransition, pageLayout, rotation, setRotation, watermark, watermarkText, enableAnnotations: _enableAnnotations, initialPage, page, transientHighlights, permissions, hideAnnotationsUntilPageRendered, enableTextSelection, defaultTool, showSelectionTooltip }: DocumentViewerProps): React.JSX.Element;
 export {};

package/dist/src/components/PageRenderer.d.ts

@@ -27,6 +27,9 @@ interface PageRendererProps {
     onMouseMove: (e: React.MouseEvent<Element>, pageNum: number) => void;
     onMouseUp: (e: React.MouseEvent<Element>, pageNum: number) => void;
     onAnnotationClick: (id: string, e: React.MouseEvent) => void;
+    onAnnotationDoubleClick?: (id: string, e: React.MouseEvent) => void;
+    onStartResize?: (id: string, handle: string, e: React.MouseEvent, pageNum: number) => void;
+    onStartMove?: (id: string, e: React.MouseEvent, pageNum: number) => void;
     onAnnotationMouseEnter: (id: string) => void;
     onClearSelection: () => void;
     watermark?: WatermarkOptions;
@@ -38,6 +41,6 @@ interface PageRendererProps {
     /** Whether to hide annotations and transient highlights until the page canvas has finished rendering. Default: true. */
     hideAnnotationsUntilPageRendered?: boolean;
 }
-declare function PageRendererComponent({ pageNum, pdfDoc, scale, rotation, containerWidth: _containerWidth, containerHeight: _containerHeight, scrollTop: _scrollTop, scrollLeft: _scrollLeft, pageTop, pageLeft, basePageWidth, basePageHeight, activeTab, activeTool, annotations, selectedAnnotationId, activeSearchResult, transientHighlights, onMouseDown, onMouseMove, onMouseUp, onAnnotationClick, onAnnotationMouseEnter, onClearSelection, watermark, watermarkText, redactions, onDiscardRedaction, onRendered, hideAnnotationsUntilPageRendered }: PageRendererProps): React.JSX.Element;
+declare function PageRendererComponent({ pageNum, pdfDoc, scale, rotation, containerWidth: _containerWidth, containerHeight: _containerHeight, scrollTop: _scrollTop, scrollLeft: _scrollLeft, pageTop, pageLeft, basePageWidth, basePageHeight, activeTab, activeTool, annotations, selectedAnnotationId, activeSearchResult, transientHighlights, onMouseDown, onMouseMove, onMouseUp, onAnnotationClick, onAnnotationDoubleClick, onStartResize, onStartMove, onAnnotationMouseEnter, onClearSelection, watermark, watermarkText, redactions, onDiscardRedaction, onRendered, hideAnnotationsUntilPageRendered }: PageRendererProps): React.JSX.Element;
 declare const PageRenderer: React.MemoExoticComponent<typeof PageRendererComponent>;
 export default PageRenderer;

package/dist/src/components/TeamSyncViewer.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { DocumentLoadErrorInfo } from './DocumentViewer';
 import { WebViewerInstance } from '../core/ViewerInstance';
-import { WebViewerOptions, TransientHighlight } from '../core/types';
+import { WebViewerOptions, Redaction, TransientHighlight } from '../core/types';
 import { Annotation } from '../annotations/types';
 export interface TeamSyncViewerProps extends Omit<WebViewerOptions, 'path'> {
     /** URL of the PDF to display. Alias of `initialDoc`; `fileUrl` wins when both are set. */
@@ -33,6 +33,10 @@ export interface TeamSyncViewerProps extends Omit<WebViewerOptions, 'path'> {
     }) => void;
     onPageChange?: (pageNumber: number, numPages: number) => void;
     onAnnotationsChange?: (annotations: Annotation[]) => void;
+    /** Fires whenever pending or applied redactions change in the viewer. */
+    onRedactionsChange?: (redactions: Redaction[]) => void;
+    /** Fires once per user click of Apply in the confirmation modal with all applied redactions. */
+    onRedactionsApplied?: (redactions: Redaction[]) => void;
     /** Fires whenever transient highlights change. */
     onTransientHighlightsChange?: (highlights: TransientHighlight[]) => void;
     /** Fires whenever the user selects text within the document. */

package/dist/src/components/TextSelectionTooltip.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 interface TextSelectionTooltipProps {
     containerRef: React.RefObject<HTMLDivElement | null>;
     onCopy?: (text: string) => void;
+    onAnnotateSelection?: (type: 'highlight' | 'underline' | 'strikeout' | 'squiggly') => void;
 }
 export declare const TextSelectionTooltip: React.FC<TextSelectionTooltipProps>;
 export default TextSelectionTooltip;

package/dist/src/core/ViewerInstance.d.ts

@@ -96,6 +96,8 @@ export declare class WebViewerInstance {
         tooltip?: string;
     }): Promise<SearchResult | null>;
     getAnnotations(): Annotation[];
+    /** Get the current list of redactions (pending and applied). */
+    getRedactions(): Redaction[];
     /** Print the exported document (annotations, redactions and watermark baked in). */
     print(): void;
     /**

package/dist/src/core/types.d.ts

@@ -54,7 +54,7 @@ export interface ViewerUser {
     name: string;
 }
 export type InitialScale = number | 'fit-width' | 'fit-page';
-export type ToolMode = 'select' | 'pan' | 'rectangle' | 'ellipse' | 'line' | 'arrow' | 'freehand' | 'highlight' | 'text' | 'eraser' | 'note' | 'callout' | 'signature' | 'digital_signature' | 'link' | 'redaction' | null;
+export type ToolMode = 'select' | 'pan' | 'rectangle' | 'ellipse' | 'line' | 'arrow' | 'freehand' | 'highlight' | 'underline' | 'strikeout' | 'squiggly' | 'text' | 'eraser' | 'note' | 'callout' | 'signature' | 'digital_signature' | 'link' | 'redaction' | null;
 /**
  * Options accepted by `createWebViewer()` (and the deprecated `WebViewer()` alias).
  * Every option is also available as a prop on `<TeamSyncViewer>`.
@@ -113,6 +113,10 @@ export interface WebViewerOptions {
     defaultTool?: 'select' | 'pan';
     /** Show floating quick-action copy badge above selected text (default true). */
     showSelectionTooltip?: boolean;
+    /** Fires whenever pending or applied redactions change in the viewer. */
+    onRedactionsChange?: (redactions: Redaction[]) => void;
+    /** Fires once per user click of Apply in the confirmation modal with all applied redactions. */
+    onRedactionsApplied?: (redactions: Redaction[]) => void;
 }
 /** Events available through `instance.on(type, listener)`. */
 export interface ViewerEventMap {
@@ -142,6 +146,12 @@ export interface ViewerEventMap {
     };
     /** Granular add / modify / delete (with the `imported` flag) from the AnnotationManager. */
     annotationChanged: AnnotationChangedEvent;
+    redactionsChanged: {
+        redactions: Redaction[];
+    };
+    redactionsApplied: {
+        redactions: Redaction[];
+    };
     transientHighlightsChanged: {
         highlights: TransientHighlight[];
     };