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

package/dist/index.d.ts

@@ -3,10 +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,4 +1,4 @@
-import type { SvgRoot } from './SvgCanvasContext';
+import type { SvgRoot } from './Svg';
 export type Rect = [number, number, number, number];
 export type Color = [number, number, number];
 export type Dir = 'ltr' | 'rtl';

package/dist/lib/CanvasGraphics.d.ts

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

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/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,4 +1,5 @@
 import { Path2D } from './Path2D';
+import { type SvgElement, type SvgNode, type SvgRoot } from './Svg';
 interface CanvasStyle {
     strokeStyle: string | SvgLinearGradient | SvgPattern;
     fillStyle: string | SvgLinearGradient | SvgRadialGradient | SvgPattern;
@@ -54,22 +55,6 @@ declare class SvgRadialGradient {
     constructor(x0: number, y0: number, r0: number, x1: number, y1: number, r1: 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;
-}
-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;
@@ -78,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);
@@ -116,8 +104,8 @@ export declare class SvgCanvasContext {
     getNode(): SvgRoot;
     resize(width: number, height: number): void;
     save(): void;
-    clearRect(x: number, y: number, width: number, height: number): void;
     restore(): void;
+    clearRect(x: number, y: number, width: number, height: number): void;
     beginPath(): void;
     closePath(): void;
     moveTo(x: number, y: number): void;
@@ -146,8 +134,12 @@ export declare class SvgCanvasContext {
     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(): {
@@ -169,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/utils.d.ts

@@ -31,3 +31,9 @@ export declare function makeSerializable<T>(object: T): T;
 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-N32SOXPQ.js → NodeCanvasFactory-YRBSQ5MH.js}

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

package/dist/node/{chunk-QCIN557M.js → chunk-3XZOTLLE.js}

@@ -1094,6 +1094,20 @@ function rgbToHex(r, g, b) {
   }
   return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
 }
+function parseRgbaColor(color) {
+  const match = color.match(
+    /^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)$/
+  );
+  if (!match) {
+    return { r: 0, g: 0, b: 0, a: 1 };
+  }
+  return {
+    r: Number.parseInt(match[1], 10),
+    g: Number.parseInt(match[2], 10),
+    b: Number.parseInt(match[3], 10),
+    a: match[4] ? Number.parseFloat(match[4]) : 1
+  };
+}
 
 // src/lib/NodeFilterFactory.ts
 var filtersRegistry = /* @__PURE__ */ new Map();
@@ -1419,6 +1433,7 @@ export {
   makeSerializable,
   colorToRgb,
   rgbToHex,
+  parseRgbaColor,
   NodeFilterFactory,
   NodeCanvasFactory
 };