@chialab/pdfjs-lib 1.0.0-alpha.46 → 1.0.0-alpha.48

package/dist/browser/index.js

@@ -27977,6 +27977,7 @@ var SvgCanvasContext = class {
     __publicField(this, "_ctx", null);
     __publicField(this, "_currentStyle", {
       strokeStyle: "#000000",
+      colorSpace: null,
       fillStyle: "#000000",
       fillRule: "nonzero",
       filter: "none",
@@ -28645,6 +28646,9 @@ var SvgCanvasContext = class {
     }
     this._currentMarked = this._markedStack.pop() ?? null;
   }
+  setColorSpace(colorSpaceInfo) {
+    this._currentStyle.colorSpace = colorSpaceInfo ?? null;
+  }
   _ensureTransformationGroup() {
     const group = {
       tag: "g",
@@ -28870,6 +28874,11 @@ var SvgCanvasContext = class {
         currentElement.attrs["stroke-dasharray"] = `${this._currentStyle.lineDash.map((entry) => `${entry * Math.max(scale.x, scale.y)}`).join(",")}`;
       }
     }
+    const colorSpace = this._currentStyle.colorSpace;
+    if (colorSpace) {
+      currentElement.attrs["color-space-name"] = colorSpace.name;
+      currentElement.attrs["color-space-type"] = colorSpace.type;
+    }
   }
   _addPathCommand(command) {
     if (!this._currentElement || !isSvgPath(this._currentElement)) {
@@ -29346,17 +29355,22 @@ var renderTextLayer = (root, options = {}) => {
         return contents;
       }
       const tag2 = isHeading ? "span" : node.fontWeight >= 700 ? "strong" : node.fontStyle === "italic" ? "em" : "span";
-      const serializedAttrs2 = serializeAttributes(
-        classes ? {
-          class: "tl-text"
-        } : {}
-      );
+      const attrs2 = {};
+      if (classes) {
+        attrs2.class = "tl-text";
+      }
+      if (node.colorSpace) {
+        attrs2["data-color-space-type"] = node.colorSpace.type;
+        attrs2["data-color-space-name"] = node.colorSpace.name;
+      }
+      const serializedAttrs2 = serializeAttributes(attrs2);
       const serializedStyle = styles ? serializeStyles({
         "--tl-left": `${node.left}px`,
         "--tl-top": `${node.top}px`,
         "--tl-font-size": `${node.fontSize}px`,
         "--tl-font-style": node.fontStyle,
         "--tl-font-weight": node.fontWeight,
+        "--tl-font-color": node.color,
         "--tl-transform": typeof node.angle === "number" && node.angle !== 0 ? `rotate(${node.angle}deg)` : "none"
       }) : "";
       return `<${tag2}${serializedAttrs2 ? ` ${serializedAttrs2}` : ""}${serializedStyle ? ` style="${serializedStyle}"` : ""}>${contents}</${tag2}>`;
@@ -29707,6 +29721,8 @@ async function createTextLayer(page, {
   let leading = 0;
   let textRise = 0;
   let textPosition = 0;
+  let fillColor;
+  let fillColorSpace;
   const createTextItem = (fontFamily2) => {
     const font = page.commonObjs.get(fontFamily2);
     const riseMatrix = [1, 0, 0, 1, 0, textRise];
@@ -29822,7 +29838,9 @@ async function createTextLayer(page, {
       fontSize: fontSize2,
       fontWeight: font?.black ? 900 : font?.bold ? 700 : 400,
       fontStyle: font?.italic ? "italic" : "normal",
-      angle: angle * (180 / Math.PI)
+      angle: angle * (180 / Math.PI),
+      color: fillColor,
+      colorSpace: fillColorSpace
     };
     markedContent.children.push(lastTextLayer);
     resetTextItem();
@@ -30087,6 +30105,8 @@ async function createTextLayer(page, {
           hScale = state.hScale;
           leading = state.leading;
           textRise = state.textRise;
+          fillColor = state.fillColor;
+          fillColorSpace = state.fillColorSpace;
         }
         break;
       }
@@ -30101,8 +30121,16 @@ async function createTextLayer(page, {
           wordSpacing,
           hScale,
           leading,
-          textRise
+          textRise,
+          fillColor,
+          fillColorSpace
         });
+        break;
+      }
+      case OPS.setFillRGBColor: {
+        fillColor = args[0];
+        fillColorSpace = args[1] ?? void 0;
+        break;
       }
     }
   }
@@ -30198,7 +30226,9 @@ var {
   endText,
   beginMarkedContent,
   beginMarkedContentProps,
-  endMarkedContent
+  endMarkedContent,
+  setFillRGBColor,
+  setStrokeRGBColor
 } = CanvasGraphics.prototype;
 CanvasGraphics.prototype.beginDrawing = function(options) {
   if (this.ctx instanceof SvgCanvasContext) {
@@ -30236,12 +30266,26 @@ CanvasGraphics.prototype.endMarkedContent = function(opIdx) {
   }
   endMarkedContent.call(this, opIdx);
 };
+CanvasGraphics.prototype.setFillRGBColor = function(opIdx, color, colorSpaceInfo) {
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.setColorSpace(colorSpaceInfo);
+  }
+  setFillRGBColor.call(this, opIdx, color);
+};
+CanvasGraphics.prototype.setStrokeRGBColor = function(opIdx, color, colorSpaceInfo) {
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.setColorSpace(colorSpaceInfo);
+  }
+  setStrokeRGBColor.call(this, opIdx, color);
+};
 Object.assign(CanvasGraphics.prototype, {
   [OPS.beginText]: CanvasGraphics.prototype.beginText,
   [OPS.endText]: CanvasGraphics.prototype.endText,
   [OPS.beginMarkedContent]: CanvasGraphics.prototype.beginMarkedContent,
   [OPS.beginMarkedContentProps]: CanvasGraphics.prototype.beginMarkedContentProps,
-  [OPS.endMarkedContent]: CanvasGraphics.prototype.endMarkedContent
+  [OPS.endMarkedContent]: CanvasGraphics.prototype.endMarkedContent,
+  [OPS.setFillRGBColor]: CanvasGraphics.prototype.setFillRGBColor,
+  [OPS.setStrokeRGBColor]: CanvasGraphics.prototype.setStrokeRGBColor
 });
 
 // src/index.ts

package/dist/browser/worker.js

@@ -24067,7 +24067,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
   let x = 0, y = 0;
   let stems = 0;
   let firstPoint = null;
-  function parse(code) {
+  function parse2(code) {
     let i = 0;
     while (i < code.length) {
       let stackClean = false;
@@ -24149,7 +24149,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
             subrCode = font.subrs[n + font.subrsBias];
           }
           if (subrCode) {
-            parse(subrCode);
+            parse2(subrCode);
           }
           break;
         case 11:
@@ -24348,7 +24348,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
           n = stack.pop() + font.gsubrsBias;
           subrCode = font.gsubrs[n];
           if (subrCode) {
-            parse(subrCode);
+            parse2(subrCode);
           }
           break;
         case 30:
@@ -24416,7 +24416,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
       }
     }
   }
-  parse(charStringCode);
+  parse2(charStringCode);
 }
 var NOOP = "";
 var Commands = class {
@@ -77537,6 +77537,41 @@ AnnotationFactory.saveNewAnnotations = async (evaluator, task, annotations, imag
   return data;
 };
 
+// src/lib/ColorSpace.ts
+var colorSpacesInfo = /* @__PURE__ */ new Map();
+var parse = ColorSpaceUtils.parse;
+ColorSpaceUtils.parse = function(args) {
+  const { cs, resources } = args;
+  const result = parse.call(this, args);
+  if (!resources) {
+    return result;
+  }
+  const colorSpaces = resources.get("ColorSpace");
+  if (!(colorSpaces instanceof Dict) || !(cs instanceof Name)) {
+    return result;
+  }
+  const entry = colorSpaces.get(cs.name);
+  if (!entry) {
+    return result;
+  }
+  const type = entry[0] instanceof Name ? entry[0].name : null;
+  const name = entry[1] instanceof Name ? entry[1].name : null;
+  if (!type || !name) {
+    return result;
+  }
+  if (result instanceof ColorSpace) {
+    colorSpacesInfo.set(result, { type, name });
+    return result;
+  }
+  return result.then((result2) => {
+    colorSpacesInfo.set(result2, { type, name });
+    return result2;
+  });
+};
+var getColorSpaceInfo = (cs) => {
+  return colorSpacesInfo.get(cs) || null;
+};
+
 // src/lib/Evaluator.ts
 var collectMarkedContentLanguage = (stream, xref) => {
   const map = /* @__PURE__ */ new Map();
@@ -77577,8 +77612,22 @@ var collectMarkedContentLanguage = (stream, xref) => {
   stream.pos = pos;
   return map;
 };
+var getColorSpace = PartialEvaluator.prototype._getColorSpace;
+PartialEvaluator.prototype._getColorSpace = function(...args) {
+  const self2 = this;
+  const result = getColorSpace.apply(this, args);
+  if (result instanceof ColorSpace) {
+    self2._currentColorSpace = result;
+    return result;
+  }
+  return result.then((cs) => {
+    self2._currentColorSpace = cs;
+    return cs;
+  });
+};
 var getOperatorList = PartialEvaluator.prototype.getOperatorList;
 PartialEvaluator.prototype.getOperatorList = async function(options, ...args) {
+  const self2 = this;
   const { stream, operatorList } = options;
   const languages = collectMarkedContentLanguage(stream, this.xref);
   const addOp = operatorList.addOp;
@@ -77594,6 +77643,9 @@ PartialEvaluator.prototype.getOperatorList = async function(options, ...args) {
         }
       }
     }
+    if ((fn === OPS.setFillRGBColor || fn === OPS.setStrokeRGBColor) && self2._currentColorSpace) {
+      args2.push(getColorSpaceInfo(self2._currentColorSpace));
+    }
     return addOp.call(this, fn, args2);
   };
   await getOperatorList.call(this, options, ...args);

package/dist/lib/ColorSpace.d.ts

@@ -0,0 +1,6 @@
+import { ColorSpace } from '../pdf.js/src/core/colorspace';
+export type ColorSpaceInfo = {
+    type: string;
+    name: string;
+};
+export declare const getColorSpaceInfo: (cs: ColorSpace) => ColorSpaceInfo | null;

package/dist/lib/SvgCanvasContext.d.ts

@@ -1,7 +1,9 @@
+import type { ColorSpaceInfo } from './ColorSpace';
 import { Path2D } from './Path2D';
 import { type SvgElement, type SvgNode, type SvgRoot } from './Svg';
 interface CanvasStyle {
     strokeStyle: string | SvgLinearGradient | SvgPattern;
+    colorSpace: ColorSpaceInfo | null;
     fillStyle: string | SvgLinearGradient | SvgRadialGradient | SvgPattern;
     fillRule: CanvasFillRule;
     filter: string;
@@ -141,6 +143,7 @@ export declare class SvgCanvasContext {
         id: number;
     } | null): void;
     endMarkedContent(): void;
+    setColorSpace(colorSpaceInfo?: ColorSpaceInfo | null): void;
     protected _ensureTransformationGroup(): SvgElement;
     protected _addNode(node: SvgNode, parent?: SvgElement): void;
     protected _applyStyleState(styleState: CanvasStyle): void;

package/dist/lib/TextLayer.d.ts

@@ -1,6 +1,7 @@
 import type { Font } from '../pdf.js/src/core/fonts';
 import type { PDFPageProxy, StructTreeContent } from '../pdf.js/src/display/api';
 import { type AnnotationData } from './AnnotationData';
+import type { ColorSpaceInfo } from './ColorSpace';
 import type { StructTreeNodeWithAttrs } from './StructTreePage';
 import { type SvgRoot } from './Svg';
 export interface TextLayerNode {
@@ -39,6 +40,8 @@ export interface TextLayerText extends TextLayerNode {
     fontFallback: string;
     scale?: number;
     angle?: number;
+    color?: string;
+    colorSpace?: ColorSpaceInfo;
 }
 export interface TextLayerFigure extends TextLayerNode {
     role: 'figure';

package/dist/node/index.js

@@ -26578,6 +26578,7 @@ var SvgCanvasContext = class {
     __publicField(this, "_ctx", null);
     __publicField(this, "_currentStyle", {
       strokeStyle: "#000000",
+      colorSpace: null,
       fillStyle: "#000000",
       fillRule: "nonzero",
       filter: "none",
@@ -27246,6 +27247,9 @@ var SvgCanvasContext = class {
     }
     this._currentMarked = this._markedStack.pop() ?? null;
   }
+  setColorSpace(colorSpaceInfo) {
+    this._currentStyle.colorSpace = colorSpaceInfo ?? null;
+  }
   _ensureTransformationGroup() {
     const group = {
       tag: "g",
@@ -27471,6 +27475,11 @@ var SvgCanvasContext = class {
         currentElement.attrs["stroke-dasharray"] = `${this._currentStyle.lineDash.map((entry) => `${entry * Math.max(scale.x, scale.y)}`).join(",")}`;
       }
     }
+    const colorSpace = this._currentStyle.colorSpace;
+    if (colorSpace) {
+      currentElement.attrs["color-space-name"] = colorSpace.name;
+      currentElement.attrs["color-space-type"] = colorSpace.type;
+    }
   }
   _addPathCommand(command) {
     if (!this._currentElement || !isSvgPath(this._currentElement)) {
@@ -27947,17 +27956,22 @@ var renderTextLayer = (root, options = {}) => {
         return contents;
       }
       const tag2 = isHeading ? "span" : node.fontWeight >= 700 ? "strong" : node.fontStyle === "italic" ? "em" : "span";
-      const serializedAttrs2 = serializeAttributes(
-        classes ? {
-          class: "tl-text"
-        } : {}
-      );
+      const attrs2 = {};
+      if (classes) {
+        attrs2.class = "tl-text";
+      }
+      if (node.colorSpace) {
+        attrs2["data-color-space-type"] = node.colorSpace.type;
+        attrs2["data-color-space-name"] = node.colorSpace.name;
+      }
+      const serializedAttrs2 = serializeAttributes(attrs2);
       const serializedStyle = styles ? serializeStyles({
         "--tl-left": `${node.left}px`,
         "--tl-top": `${node.top}px`,
         "--tl-font-size": `${node.fontSize}px`,
         "--tl-font-style": node.fontStyle,
         "--tl-font-weight": node.fontWeight,
+        "--tl-font-color": node.color,
         "--tl-transform": typeof node.angle === "number" && node.angle !== 0 ? `rotate(${node.angle}deg)` : "none"
       }) : "";
       return `<${tag2}${serializedAttrs2 ? ` ${serializedAttrs2}` : ""}${serializedStyle ? ` style="${serializedStyle}"` : ""}>${contents}</${tag2}>`;
@@ -28308,6 +28322,8 @@ async function createTextLayer(page, {
   let leading = 0;
   let textRise = 0;
   let textPosition = 0;
+  let fillColor;
+  let fillColorSpace;
   const createTextItem = (fontFamily2) => {
     const font = page.commonObjs.get(fontFamily2);
     const riseMatrix = [1, 0, 0, 1, 0, textRise];
@@ -28423,7 +28439,9 @@ async function createTextLayer(page, {
       fontSize: fontSize2,
       fontWeight: font?.black ? 900 : font?.bold ? 700 : 400,
       fontStyle: font?.italic ? "italic" : "normal",
-      angle: angle * (180 / Math.PI)
+      angle: angle * (180 / Math.PI),
+      color: fillColor,
+      colorSpace: fillColorSpace
     };
     markedContent.children.push(lastTextLayer);
     resetTextItem();
@@ -28688,6 +28706,8 @@ async function createTextLayer(page, {
           hScale = state.hScale;
           leading = state.leading;
           textRise = state.textRise;
+          fillColor = state.fillColor;
+          fillColorSpace = state.fillColorSpace;
         }
         break;
       }
@@ -28702,8 +28722,16 @@ async function createTextLayer(page, {
           wordSpacing,
           hScale,
           leading,
-          textRise
+          textRise,
+          fillColor,
+          fillColorSpace
         });
+        break;
+      }
+      case OPS.setFillRGBColor: {
+        fillColor = args[0];
+        fillColorSpace = args[1] ?? void 0;
+        break;
       }
     }
   }
@@ -28799,7 +28827,9 @@ var {
   endText,
   beginMarkedContent,
   beginMarkedContentProps,
-  endMarkedContent
+  endMarkedContent,
+  setFillRGBColor,
+  setStrokeRGBColor
 } = CanvasGraphics.prototype;
 CanvasGraphics.prototype.beginDrawing = function(options) {
   if (this.ctx instanceof SvgCanvasContext) {
@@ -28837,12 +28867,26 @@ CanvasGraphics.prototype.endMarkedContent = function(opIdx) {
   }
   endMarkedContent.call(this, opIdx);
 };
+CanvasGraphics.prototype.setFillRGBColor = function(opIdx, color, colorSpaceInfo) {
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.setColorSpace(colorSpaceInfo);
+  }
+  setFillRGBColor.call(this, opIdx, color);
+};
+CanvasGraphics.prototype.setStrokeRGBColor = function(opIdx, color, colorSpaceInfo) {
+  if (this.ctx instanceof SvgCanvasContext) {
+    this.ctx.setColorSpace(colorSpaceInfo);
+  }
+  setStrokeRGBColor.call(this, opIdx, color);
+};
 Object.assign(CanvasGraphics.prototype, {
   [OPS.beginText]: CanvasGraphics.prototype.beginText,
   [OPS.endText]: CanvasGraphics.prototype.endText,
   [OPS.beginMarkedContent]: CanvasGraphics.prototype.beginMarkedContent,
   [OPS.beginMarkedContentProps]: CanvasGraphics.prototype.beginMarkedContentProps,
-  [OPS.endMarkedContent]: CanvasGraphics.prototype.endMarkedContent
+  [OPS.endMarkedContent]: CanvasGraphics.prototype.endMarkedContent,
+  [OPS.setFillRGBColor]: CanvasGraphics.prototype.setFillRGBColor,
+  [OPS.setStrokeRGBColor]: CanvasGraphics.prototype.setStrokeRGBColor
 });
 
 // src/index.ts

package/dist/node/worker.js

@@ -24069,7 +24069,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
   let x = 0, y = 0;
   let stems = 0;
   let firstPoint = null;
-  function parse(code) {
+  function parse2(code) {
     let i = 0;
     while (i < code.length) {
       let stackClean = false;
@@ -24151,7 +24151,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
             subrCode = font.subrs[n + font.subrsBias];
           }
           if (subrCode) {
-            parse(subrCode);
+            parse2(subrCode);
           }
           break;
         case 11:
@@ -24350,7 +24350,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
           n = stack.pop() + font.gsubrsBias;
           subrCode = font.gsubrs[n];
           if (subrCode) {
-            parse(subrCode);
+            parse2(subrCode);
           }
           break;
         case 30:
@@ -24418,7 +24418,7 @@ function compileCharString(charStringCode, cmds, font, glyphId) {
       }
     }
   }
-  parse(charStringCode);
+  parse2(charStringCode);
 }
 var NOOP = "";
 var Commands = class {
@@ -77539,6 +77539,41 @@ AnnotationFactory.saveNewAnnotations = async (evaluator, task, annotations, imag
   return data;
 };
 
+// src/lib/ColorSpace.ts
+var colorSpacesInfo = /* @__PURE__ */ new Map();
+var parse = ColorSpaceUtils.parse;
+ColorSpaceUtils.parse = function(args) {
+  const { cs, resources } = args;
+  const result = parse.call(this, args);
+  if (!resources) {
+    return result;
+  }
+  const colorSpaces = resources.get("ColorSpace");
+  if (!(colorSpaces instanceof Dict) || !(cs instanceof Name)) {
+    return result;
+  }
+  const entry = colorSpaces.get(cs.name);
+  if (!entry) {
+    return result;
+  }
+  const type = entry[0] instanceof Name ? entry[0].name : null;
+  const name = entry[1] instanceof Name ? entry[1].name : null;
+  if (!type || !name) {
+    return result;
+  }
+  if (result instanceof ColorSpace) {
+    colorSpacesInfo.set(result, { type, name });
+    return result;
+  }
+  return result.then((result2) => {
+    colorSpacesInfo.set(result2, { type, name });
+    return result2;
+  });
+};
+var getColorSpaceInfo = (cs) => {
+  return colorSpacesInfo.get(cs) || null;
+};
+
 // src/lib/Evaluator.ts
 var collectMarkedContentLanguage = (stream, xref) => {
   const map = /* @__PURE__ */ new Map();
@@ -77579,8 +77614,22 @@ var collectMarkedContentLanguage = (stream, xref) => {
   stream.pos = pos;
   return map;
 };
+var getColorSpace = PartialEvaluator.prototype._getColorSpace;
+PartialEvaluator.prototype._getColorSpace = function(...args) {
+  const self2 = this;
+  const result = getColorSpace.apply(this, args);
+  if (result instanceof ColorSpace) {
+    self2._currentColorSpace = result;
+    return result;
+  }
+  return result.then((cs) => {
+    self2._currentColorSpace = cs;
+    return cs;
+  });
+};
 var getOperatorList = PartialEvaluator.prototype.getOperatorList;
 PartialEvaluator.prototype.getOperatorList = async function(options, ...args) {
+  const self2 = this;
   const { stream, operatorList } = options;
   const languages = collectMarkedContentLanguage(stream, this.xref);
   const addOp = operatorList.addOp;
@@ -77596,6 +77645,9 @@ PartialEvaluator.prototype.getOperatorList = async function(options, ...args) {
         }
       }
     }
+    if ((fn === OPS.setFillRGBColor || fn === OPS.setStrokeRGBColor) && self2._currentColorSpace) {
+      args2.push(getColorSpaceInfo(self2._currentColorSpace));
+    }
     return addOp.call(this, fn, args2);
   };
   await getOperatorList.call(this, options, ...args);

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@chialab/pdfjs-lib",
 	"description": "A custom Mozilla's PDF.js build with better Node support and extras.",
-	"version": "1.0.0-alpha.46",
+	"version": "1.0.0-alpha.48",
 	"type": "module",
 	"author": "Chialab <dev@chialab.it>",
 	"license": "MIT",