@pdfme/schemas 6.1.13-dev.37 → 6.1.13-dev.46

package/dist/barcodes/helper.d.ts

@@ -16,7 +16,7 @@ export type BarcodeRenderRuntime = 'document-canvas' | 'offscreencanvas' | 'node
  * OffscreenCanvas without `toCanvas()` (Node bwip-js export) falls back to `toBuffer()`.
  */
 export declare const resolveBarcodeRenderRuntime: () => BarcodeRenderRuntime;
-export declare const createBarCode: (arg: {
+type CreateBarCodeArg = {
     type: BarcodeTypes;
     input: string;
     width: number;
@@ -25,4 +25,7 @@ export declare const createBarCode: (arg: {
     barColor?: string;
     textColor?: string;
     includetext?: boolean;
-}) => Promise<Buffer>;
+};
+export declare const createBarCodeSvg: (arg: CreateBarCodeArg) => string;
+export declare const createBarCode: (arg: CreateBarCodeArg) => Promise<Buffer>;
+export {};

package/dist/index.js

@@ -9,6 +9,7 @@ import "./tables.js";
 import "./lists.js";
 import { DEFAULT_FONT_NAME, ZOOM, b64toUint8Array, getDefaultFont, getFallbackFontName, getInternalLinkTarget, mm2pt, normalizeLinkHref, px2mm } from "@pdfme/common";
 import { Buffer as Buffer$1 } from "buffer";
+import { popGraphicsState, pushGraphicsState, rotateDegrees, translate } from "@pdfme/pdf-lib";
 import { Barcode, Calendar, CalendarClock, ChevronDown, Circle, CircleDot, Clock, Image, List, Minus, QrCode, Route, Square, SquareCheck, Table, Type } from "lucide";
 import jpegJsModule from "jpeg-js";
 import UPNGModule from "@pdf-lib/upng";
@@ -2198,12 +2199,13 @@ var svgSchema = {
 		}
 	},
 	pdf: async (arg) => {
-		const { page, pdfDoc, options, schema, value, _cache } = arg;
+		const { page, pdfDoc, pdfLib, options, schema, value, _cache } = arg;
 		if (!value || !isValidSVG(value)) return;
 		const pageHeight = page.getHeight();
 		const { width, height, position } = convertForPdfLayoutProps({
 			schema,
-			pageHeight
+			pageHeight,
+			applyRotateTranslate: false
 		});
 		const { x, y } = position;
 		const font = options.font;
@@ -2218,14 +2220,24 @@ var svgSchema = {
 			color: rgbColorToCmykColor(parsed.rgb),
 			alpha: parsed.alpha
 		}) : void 0;
-		await page.drawSvg(value, {
-			x,
-			y: y + height,
-			width,
-			height,
-			fonts,
-			mapColor
-		});
+		const rotateDegrees = schema.rotate ? -schema.rotate : 0;
+		if (rotateDegrees) {
+			const pivotX = x + width / 2;
+			const pivotY = y + height / 2;
+			page.pushOperators(pdfLib.pushGraphicsState(), pdfLib.translate(pivotX, pivotY), pdfLib.rotateDegrees(rotateDegrees), pdfLib.translate(-pivotX, -pivotY));
+		}
+		try {
+			await page.drawSvg(value, {
+				x,
+				y: y + height,
+				width,
+				height,
+				fonts,
+				mapColor
+			});
+		} finally {
+			if (rotateDegrees) page.pushOperators(pdfLib.popGraphicsState());
+		}
 	},
 	propPanel: {
 		schema: {},
@@ -2242,7 +2254,8 @@ var svgSchema = {
 				y: 0
 			},
 			width: 40,
-			height: 50
+			height: 50,
+			rotate: 0
 		}
 	},
 	icon: createSvgStr(Route)
@@ -2355,7 +2368,7 @@ var renderBarcodeToNodeBuffer = async (options) => {
 	if (typeof toBuffer !== "function") throw new Error("[@pdfme/schemas] bwip-js toBuffer() is not available in this environment.");
 	return toBuffer(options);
 };
-var createBarCode = async (arg) => {
+var createBwipJsRenderOptions = (arg) => {
 	const { type, input, width, height, backgroundColor, barColor, textColor, includetext = true } = arg;
 	const bwipjsArg = {
 		bcid: barCodeType2Bcid(type),
@@ -2369,6 +2382,18 @@ var createBarCode = async (arg) => {
 	if (backgroundColor) bwipjsArg.backgroundcolor = mapHexColorForBwipJsLib(backgroundColor);
 	if (barColor) bwipjsArg.barcolor = mapHexColorForBwipJsLib(barColor);
 	if (textColor) bwipjsArg.textcolor = mapHexColorForBwipJsLib(textColor);
+	return bwipjsArg;
+};
+var createBarCodeSvg = (arg) => {
+	const toSVG = getBwipJsRenderer().toSVG;
+	if (typeof toSVG !== "function") throw new Error("[@pdfme/schemas] bwip-js toSVG() is not available in this environment.");
+	const defaultFill = `#${mapHexColorForBwipJsLib(arg.barColor)}`;
+	const svg = toSVG(createBwipJsRenderOptions(arg)).replace(/<svg\b(?![^>]*\sfill=)/, `<svg fill="${defaultFill}"`);
+	if (/<image\b/i.test(svg)) throw new Error(`[@pdfme/schemas] bwip-js emitted an embedded image for ${arg.type}; vector barcode PDF rendering requires path-based SVG.`);
+	return svg;
+};
+var createBarCode = async (arg) => {
+	const bwipjsArg = createBwipJsRenderOptions(arg);
 	const runtime = resolveBarcodeRenderRuntime();
 	if (runtime === "document-canvas") return renderBarcodeToDocumentCanvas(bwipjsArg);
 	if (runtime === "offscreencanvas") return renderBarcodeToOffscreenCanvas(bwipjsArg);
@@ -2377,35 +2402,53 @@ var createBarCode = async (arg) => {
 //#endregion
 //#region src/barcodes/pdfRender.ts
 var getBarcodeCacheKey = (schema, value) => {
-	return `${schema.type}${schema.backgroundColor}${schema.barColor}${schema.textColor}${value}${schema.includetext}`;
+	return `svg:${schema.type}:${schema.width}:${schema.height}:${schema.backgroundColor}:${schema.barColor}:${schema.textColor}:${schema.includetext}:${value}`;
+};
+var addSvgOpacity = (svg, opacity) => {
+	return opacity === void 0 ? svg : svg.replace(/<svg\b/, `<svg opacity="${opacity}"`);
+};
+var getSvgColorMapper = (colorType = "") => {
+	return colorType.toLowerCase() === "cmyk" ? ({ parsed }) => ({
+		color: rgbColorToCmykColor(parsed.rgb),
+		alpha: parsed.alpha
+	}) : void 0;
 };
 var pdfRender$1 = async (arg) => {
-	const { value, schema, pdfDoc, page, _cache } = arg;
+	const { value, schema, page, options, _cache } = arg;
 	if (!validateBarcodeInput(schema.type, value)) return;
 	const inputBarcodeCacheKey = getBarcodeCacheKey(schema, value);
-	let image = _cache.get(inputBarcodeCacheKey);
-	if (!image) {
-		const imageBuf = await createBarCode({
+	let svg = _cache.get(inputBarcodeCacheKey);
+	if (!svg) {
+		svg = createBarCodeSvg({
 			...schema,
 			type: schema.type,
 			input: value
 		});
-		image = await pdfDoc.embedPng(imageBuf);
-		_cache.set(inputBarcodeCacheKey, image);
+		_cache.set(inputBarcodeCacheKey, svg);
 	}
 	const pageHeight = page.getHeight();
-	const { width, height, rotate, position: { x, y }, opacity } = convertForPdfLayoutProps({
+	const { width, height, position: { x, y }, opacity } = convertForPdfLayoutProps({
 		schema,
-		pageHeight
-	});
-	page.drawImage(image, {
-		x,
-		y,
-		rotate,
-		width,
-		height,
-		opacity
+		pageHeight,
+		applyRotateTranslate: false
 	});
+	const pivot = {
+		x: x + width / 2,
+		y: y + height / 2
+	};
+	const rotate = schema.rotate ? -schema.rotate : 0;
+	if (rotate) page.pushOperators(pushGraphicsState(), translate(pivot.x, pivot.y), rotateDegrees(rotate), translate(-pivot.x, -pivot.y));
+	try {
+		await page.drawSvg(addSvgOpacity(svg, opacity), {
+			x,
+			y: y + height,
+			width,
+			height,
+			mapColor: getSvgColorMapper(options.colorType)
+		});
+	} finally {
+		if (rotate) page.pushOperators(popGraphicsState());
+	}
 };
 //#endregion
 //#region src/barcodes/propPanel.ts