@chialab/pdfjs-lib 1.0.0-alpha.2 → 1.0.0-alpha.20

package/dist/index.d.ts

@@ -3,9 +3,12 @@ import './lib/PDFPageProxy';
 export type { DocumentInitParameters } from './pdf.js/src/display/api';
 export type { BaseCanvasFactory } from './pdf.js/src/display/canvas_factory';
 export * from './lib/utils';
+export { type SvgRoot, type SvgElement, type SvgImage, type SvgMarkedContent, type SvgPath, type SvgNode, isSvgElement, isSvgImage, isSvgMarkedContent, isSvgPath, isSvgRoot, } from './lib/Svg';
 export * from './lib/Canvas';
+export * from './lib/WasmFactory';
 export * from './lib/StandardFontDataFactory';
 export * from './lib/AnnotationData';
+export * from './lib/CanvasGraphics';
 export * from './lib/SvgCanvasContext';
 export * from './lib/TextLayer';
 export * from './pdf.js/src/pdf.js';

package/dist/lib/AnnotationData.d.ts

@@ -1,11 +1,12 @@
-type Rect = [number, number, number, number];
-type Color = [number, number, number];
-type Dir = 'ltr' | 'rtl';
-declare enum BorderStyle {
+import type { SvgRoot } from './Svg';
+export type Rect = [number, number, number, number];
+export type Color = [number, number, number];
+export type Dir = 'ltr' | 'rtl';
+export declare enum BorderStyle {
     SOLID = 1,
     DASHED = 2
 }
-declare enum LineEnding {
+export declare enum LineEnding {
     NONE = "None",
     SQUARE = "Square",
     CIRCLE = "Circle",
@@ -106,7 +107,7 @@ export interface StrikeOutAnnotationData extends TextAnnotationData {
 }
 export interface StampAnnotationData extends TextAnnotationData {
     subtype: 'Stamp';
-    graphics: Uint8Array;
+    graphics: SvgRoot;
 }
 export interface CaretAnnotationData extends TextAnnotationData {
     subtype: 'Caret';
@@ -122,7 +123,7 @@ export interface FileAttachmentAnnotationData extends TextAnnotationData {
     subtype: 'FileAttachment';
     file: {
         filename: string;
-        content?: Uint8Array | null;
+        content?: Uint8Array<ArrayBuffer> | null;
     };
 }
 export interface SoundAnnotationData extends TextAnnotationData {
@@ -201,4 +202,3 @@ export declare function isTrapNetAnnotation(annotation: AnnotationData): annotat
 export declare function isWatermarkAnnotation(annotation: AnnotationData): annotation is WatermarkAnnotationData;
 export declare function isThreeDAnnotation(annotation: AnnotationData): annotation is ThreeDAnnotationData;
 export declare function isRedactAnnotation(annotation: AnnotationData): annotation is RedactAnnotationData;
-export {};

package/dist/lib/AnnotationOperatorsList.d.ts

@@ -0,0 +1,21 @@
+import type { PDFOperatorList } from '../pdf.js/src/display/api';
+export declare class AnnotationOperatorsList {
+    readonly map: Map<string, {
+        fn: number;
+        args: unknown[];
+    }[]>;
+    /**
+     * The list of operators to be executed.
+     * @param operatorList The list of operators to be executed.
+     */
+    constructor(operatorList: PDFOperatorList);
+    /**
+     * Get the list of operators for the given annotation id.
+     * @param id The id of the annotation.
+     * @return The list of operators for the given annotation id.
+     */
+    get(id: string): {
+        fn: number;
+        args: unknown[];
+    }[];
+}

package/dist/lib/CanvasGraphics.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/NodeCanvasFactory.d.ts

@@ -0,0 +1,9 @@
+import { Canvas } from 'skia-canvas';
+import { BaseCanvasFactory } from '../pdf.js/src/display/canvas_factory.js';
+export declare class NodeCanvasFactory extends BaseCanvasFactory {
+    _createCanvas(width: number, height: number): Canvas;
+    create(width: number, height: number): {
+        canvas: void;
+        context: any;
+    };
+}

package/dist/lib/NodeFilterFactory.d.ts

@@ -0,0 +1,10 @@
+import { BaseFilterFactory } from '../pdf.js/src/display/filter_factory.js';
+export type Filter = (ctx: CanvasRenderingContext2D) => void;
+export declare const filtersRegistry: Map<string, Filter>;
+export declare class NodeFilterFactory extends BaseFilterFactory {
+    addFilter(maps: number[][]): string;
+    addHCMFilter(fgColor: string, bgColor: string): string;
+    addAlphaFilter(map: number[]): string;
+    addLuminosityFilter(map?: number[]): string;
+    addHighlightHCMFilter(filterName: string, fgColor: string, bgColor: string, newFgColor: string, newBgColor: string): string;
+}

package/dist/lib/Path2D.d.ts

@@ -51,7 +51,7 @@ export type PathCommand = MoveToCommand | LineToCommand | ArcCommand | BezierCur
 export declare function parseCommands(svgPath: string): PathCommand[];
 export declare function commandToSvgPath(command: PathCommand): string;
 export declare function transformPath(commands: PathCommand[], transform: DOMMatrix): PathCommand[];
-export declare function calculateBoundingBox(commands: PathCommand[]): {
+export declare function getBBox(commands: PathCommand[]): {
     x: number;
     y: number;
     width: number;

package/dist/lib/StandardFontDataFactory.d.ts

@@ -8,7 +8,7 @@ export declare class StandardFontDataFactory extends BaseStandardFontDataFactory
      * Fetch the corresponding standard font data.
      * We need to use specific dynamic imports for each font file for the bundler to include them.
      */
-    fetch({ filename }: {
+    fetch({ filename, }: {
         filename: string;
-    }): Promise<Uint8Array>;
+    }): Promise<Uint8Array<ArrayBuffer>>;
 }

package/dist/lib/Svg.d.ts

@@ -0,0 +1,143 @@
+type BoundingBox = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export interface SvgNode<Attrs = Record<string, unknown>> {
+    tag: string;
+    attrs: Attrs & {
+        transform?: string;
+    };
+}
+export interface SvgElement<Attrs = Record<string, unknown>> extends SvgNode<Attrs> {
+    children: (SvgNode | string)[];
+}
+export interface SvgGraphic extends SvgNode<{
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    x1?: number;
+    y1?: number;
+    x2?: number;
+    y2?: number;
+    points?: string;
+    cx?: number;
+    cy?: number;
+    r?: number;
+    rx?: number;
+    ry?: number;
+}> {
+}
+export interface SvgPath extends SvgNode<{
+    d: string;
+    fill?: string;
+    stroke?: string;
+    'stroke-width'?: string | number;
+}> {
+    tag: 'path';
+}
+export interface SvgImage extends SvgNode<{
+    href: string;
+    width: number;
+    height: number;
+}> {
+    tag: 'image';
+}
+export interface SvgMarkedContent extends SvgNode<{
+    href: string;
+    type: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}> {
+    tag: 'use';
+}
+export interface SvgRoot extends SvgElement<{
+    id?: string;
+    width: number;
+    height: number;
+}> {
+    tag: 'svg';
+}
+export declare function isSvgElement(node: SvgNode): node is SvgElement;
+export declare function isSvgPath(node: SvgNode): node is SvgPath;
+export declare function isSvgImage(node: SvgNode): node is SvgImage;
+export declare function isSvgMarkedContent(node: SvgNode): node is SvgMarkedContent;
+export declare function isSvgRoot(node: SvgNode): node is SvgRoot;
+export declare enum PrefixType {
+    Root = "svg",
+    Clip = "clip",
+    Pattern = "pattern",
+    MarkedContent = "marked_content"
+}
+export declare function id(type: PrefixType, id?: string | null, scope?: string): string;
+/**
+ * Traverse the SVG tree to find a node matching the given criteria.
+ * @param root The root element to start the search from.
+ * @param matcher A function that returns true for the desired node.
+ * @returns The first matching node, or null if none is found.
+ */
+export declare function findSvgNode(root: SvgElement, matcher: (node: SvgNode) => boolean): SvgNode | null;
+/**
+ * Parse a transform string into a transformation matrix.
+ * @param input The transform string.
+ * @returns A transformation matrix.
+ */
+export declare function parseTransform(input: string): DOMMatrix;
+export declare function matrixToTransform(matrix: DOMMatrix): string;
+/**
+ * Parse a font string into its components.
+ * @param fontString The font string.
+ * @returns An object containing the font components.
+ */
+export declare function parseFontStyle(fontString: string): {
+    fontStyle: string;
+    fontVariant: string;
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+    fontFamilies: string[];
+};
+/**
+ * Convert textAlign to text-anchor.
+ * @param textAlign The textAlign value.
+ * @returns The corresponding text-anchor value.
+ */
+export declare function getTextAnchor(textAlign: string): 'start' | 'end' | 'middle';
+/**
+ * Convert textBaseline to dominant-baseline.
+ * @param textBaseline The textBaseline value.
+ * @returns The corresponding dominant-baseline value.
+ */
+export declare function getDominantBaseline(textBaseline: string): 'alphabetic' | 'hanging' | 'text-before-edge' | 'text-after-edge' | 'central';
+/**
+ * Normalize a vector.
+ * @param vector The input vector.
+ * @returns The normalized vector.
+ */
+export declare function normalizeVector(vector: [number, number]): [number, number];
+/**
+ * Get the angle of a vector in radians.
+ * @param vector The input vector.
+ * @returns The angle in radians.
+ */
+export declare function getAngle(vector: [number, number]): number;
+/**
+ * Get the bounding box of a SVG node.
+ * @param node The SVG node.
+ * @param defs The SVG definitions (for resolving references).
+ * @param inheritedMatrix The inherited transformation matrix.
+ * @returns The bounding box of the SVG node.
+ */
+export declare function getBBox(node: SvgNode, defs?: SvgNode[], inheritedMatrix?: DOMMatrix): BoundingBox | null;
+/**
+ * Make a HTML string from a Svg node.
+ * @param node The node to render.
+ * @param attrs The attributes to add to the node.
+ * @returns A HTML string representation of the node.
+ */
+export declare function renderSvgNode(node: SvgNode | string): string;
+export {};

package/dist/lib/SvgCanvasContext.d.ts

@@ -1,7 +1,8 @@
 import { Path2D } from './Path2D';
+import { type SvgElement, type SvgNode, type SvgRoot } from './Svg';
 interface CanvasStyle {
-    strokeStyle: string | SvgGradient | SvgPattern;
-    fillStyle: string | SvgGradient | SvgPattern;
+    strokeStyle: string | SvgLinearGradient | SvgPattern;
+    fillStyle: string | SvgLinearGradient | SvgRadialGradient | SvgPattern;
     fillRule: CanvasFillRule;
     filter: string;
     lineCap: CanvasLineCap;
@@ -28,7 +29,7 @@ declare class SvgPattern {
     constructor(src: string, width: number, height: number);
     setTransform(matrix: DOMMatrix): void;
 }
-declare class SvgGradient {
+declare class SvgLinearGradient {
     readonly x1: number;
     readonly y1: number;
     readonly x2: number;
@@ -40,22 +41,20 @@ declare class SvgGradient {
     constructor(x1: number, y1: number, x2: number, y2: number);
     addColorStop(offset: number, color: string): void;
 }
-export interface SvgNode {
-    tag: string;
-    attrs: Record<string, string | undefined>;
-}
-export interface SvgElement extends SvgNode {
-    children: SvgNode[];
-}
-export interface SvgRoot extends SvgElement {
-    tag: 'svg';
-}
-export interface SvgText extends SvgNode {
-    tag: 'text';
-    text: string;
+declare class SvgRadialGradient {
+    readonly x0: number;
+    readonly y0: number;
+    readonly r0: number;
+    readonly x1: number;
+    readonly y1: number;
+    readonly r1: number;
+    readonly stops: {
+        offset: number;
+        color: string;
+    }[];
+    constructor(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number);
+    addColorStop(offset: number, color: string): void;
 }
-export declare function isSvgElement(node: SvgNode): node is SvgElement;
-export declare function isSvgText(node: SvgNode): node is SvgText;
 export declare class SvgCanvasContext {
     private _width;
     private _height;
@@ -64,13 +63,16 @@ export declare class SvgCanvasContext {
     private _currentStyle;
     private _styleStack;
     private _groupStack;
+    private _markedStack;
     private _transformMatrixStack;
     private _root;
     private _defs;
     private _currentGroup;
     private _currentElement;
+    private _currentMarked;
     private _transformMatrix;
     private _currentPosition;
+    private _parents;
     get canvas(): HTMLCanvasElement;
     get fillStyle(): string;
     set fillStyle(value: string);
@@ -103,6 +105,7 @@ export declare class SvgCanvasContext {
     resize(width: number, height: number): void;
     save(): void;
     restore(): void;
+    clearRect(x: number, y: number, width: number, height: number): void;
     beginPath(): void;
     closePath(): void;
     moveTo(x: number, y: number): void;
@@ -113,7 +116,7 @@ export declare class SvgCanvasContext {
     arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
     rect(x: number, y: number, width: number, height: number): void;
     ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise: boolean): void;
-    stroke(): void;
+    stroke(path?: Path2D): void;
     transform(...values: number[]): void;
     translate(x: number, y: number): void;
     scale(x: number, y: number): void;
@@ -124,14 +127,19 @@ export declare class SvgCanvasContext {
     setLineDash(dashArray: number[]): void;
     drawImage(image: CanvasImageSource, ...args: number[]): void;
     createPattern(image: CanvasImageSource, repetition: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | null): SvgPattern;
-    createLinearGradient(x1: number, x2: number, y1: number, y2: number): SvgGradient;
+    createLinearGradient(x1: number, x2: number, y1: number, y2: number): SvgLinearGradient;
+    createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): SvgRadialGradient;
     clip(path: Path2D, fillRule: CanvasFillRule): void;
     measureText(text: string): TextMetrics;
     resetTransform(): void;
     getTransform(): DOMMatrix;
     setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void;
-    protected _isTransformationGroup(node: SvgNode): boolean;
+    beginMarkedContent(type: string, props?: number | {
+        id: number;
+    } | null): void;
+    endMarkedContent(): void;
     protected _ensureTransformationGroup(): SvgElement;
+    protected _addNode(node: SvgNode, parent?: SvgElement): void;
     protected _applyStyleState(styleState: CanvasStyle): void;
     protected _getStyleState(): CanvasStyle;
     protected _getTransformScale(): {
@@ -145,7 +153,7 @@ export declare class SvgCanvasContext {
     };
     protected _applyTransformation(node: SvgNode, matrix?: DOMMatrix): void;
     protected _createPatternNode(pattern: SvgPattern, transform?: DOMMatrix): SvgElement;
-    protected _createGradientNode(gradient: SvgGradient): SvgElement;
+    protected _createGradientNode(gradient: SvgLinearGradient | SvgRadialGradient): SvgElement;
     protected _applyStyle(currentElement: SvgNode, type: 'fill' | 'stroke'): void;
     protected _addPathCommand(command: string): void;
     protected _applyText(text: string, x: number, y: number, action: 'fill'): void;
@@ -153,4 +161,5 @@ export declare class SvgCanvasContext {
 }
 export declare function createSvgContext(width: number, height: number): Promise<CanvasRenderingContext2D>;
 export declare function toSvgNode(ctx: CanvasRenderingContext2D): Promise<SvgRoot>;
+export declare function toSvgString(ctx: CanvasRenderingContext2D): Promise<string>;
 export {};

package/dist/lib/TextLayer.d.ts

@@ -2,6 +2,7 @@ import type { PDFPageProxy } from '../pdf.js/src/display/api';
 import type { BaseCanvasFactory } from '../pdf.js/src/display/canvas_factory';
 import type { PageViewport } from '../pdf.js/src/display/display_utils';
 import { type AnnotationData } from './AnnotationData';
+import { type SvgRoot } from './Svg';
 export interface TextLayerNode {
     id?: string;
     role: string;
@@ -30,16 +31,22 @@ export interface TextLayerText extends TextLayerNode {
     scale: number;
     angle: number;
 }
-export interface TextLayerImage extends TextLayerNode {
-    role: 'img';
-    src: string;
+export interface TextLayerFigure extends TextLayerNode {
+    role: 'figure';
+    href: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    alt?: string;
 }
 export declare function isTextNode(node: TextLayerNode): node is TextLayerText;
 export declare function isAnchorNode(node: TextLayerNode): node is TextLayerAnchor;
-export declare function isImageNode(node: TextLayerNode): node is TextLayerImage;
-export declare function createTextLayer(page: PDFPageProxy, { canvasFactory, viewport, outputScale, annotations, }: {
+export declare function isFigureNode(node: TextLayerNode): node is TextLayerFigure;
+export declare function createTextLayer(page: PDFPageProxy, { canvasFactory, viewport, outputScale, annotations, graphics, }: {
     canvasFactory: BaseCanvasFactory;
     viewport?: PageViewport;
     outputScale?: number;
     annotations?: AnnotationData[];
+    graphics?: SvgRoot;
 }): Promise<TextLayerRoot>;

package/dist/lib/WasmFactory.d.ts

@@ -0,0 +1,5 @@
+export declare class WasmFactory {
+    fetch({ filename, }: {
+        filename: string;
+    }): Promise<Uint8Array<ArrayBuffer>>;
+}

package/dist/lib/utils.d.ts

@@ -1,13 +1,39 @@
-import type { Canvas } from '@napi-rs/canvas';
+import type { Canvas } from 'skia-canvas';
+export type CanvasAndContext = {
+    canvas: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+};
 /**
  * Convert a canvas to a buffer.
  * @param canvas The canvas to convert.
  * @returns A promise that resolves to the buffer.
  */
-export declare function canvasToData(canvas: HTMLCanvasElement | Canvas): Promise<Uint8Array>;
+export declare function canvasToData(canvas: HTMLCanvasElement | Canvas): Promise<Uint8Array<ArrayBuffer>>;
 /**
  * Convert a buffer to a data url.
  * @param data The buffer to convert.
+ * @param type The type of the data url. Defaults to 'image/png'.
  * @returns A promise that resolves to the data url.
  */
-export declare function toDataUrl(data: Uint8Array): Promise<string>;
+export declare function toDataUrl(data: Uint8Array<ArrayBuffer>, type?: string): Promise<string>;
+/**
+ * Ensure the object can be serialized and unserialized as JSON.
+ * Internally it converts typed arrays to plain arrays.
+ * @param object The object to serialize.
+ * @returns The serialized object.
+ */
+export declare function makeSerializable<T>(object: T): T;
+/**
+ * Convert hash color to RGB array.
+ * @param color The color in hex format (e.g., '#ff0000' or '#f00').
+ * @returns An array of RGB values [r, g, b].
+ */
+export declare function colorToRgb(color: string): [number, number, number];
+export declare function rgbToHex(rgb: [number, number, number]): string;
+export declare function rgbToHex(r: number, g: number, b: number): string;
+export declare function parseRgbaColor(color: string): {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};

package/dist/node/NodeCanvasFactory-YRBSQ5MH.js

@@ -0,0 +1,8 @@
+import {
+  NodeCanvasFactory
+} from "./chunk-3XZOTLLE.js";
+import "./chunk-XMKSLA4K.js";
+import "./chunk-7MW5RQZ5.js";
+export {
+  NodeCanvasFactory
+};