@pdfme/schemas 3.1.2 → 3.1.3-dev.2

package/dist/esm/src/text/uiRender.js

@@ -25,7 +25,7 @@ const getBackgroundColor = (mode, value, schema, defaultBackgroundColor) => {
     }
 };
 export const uiRender = async (arg) => {
-    const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, theme, } = arg;
+    const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, theme, _cache, } = arg;
     const font = options?.font || getDefaultFont();
     let dynamicFontSize = undefined;
     if (schema.dynamicFontSize && value) {
@@ -34,9 +34,10 @@ export const uiRender = async (arg) => {
             font,
             value,
             startingFontSize: dynamicFontSize,
+            _cache,
         });
     }
-    const fontKitFont = await getFontKitFont(schema, font);
+    const fontKitFont = await getFontKitFont(schema, font, _cache);
     // Depending on vertical alignment, we need to move the top or bottom of the font to keep
     // it within it's defined box and align it with the generated pdf.
     const { topAdj, bottomAdj } = getBrowserVerticalFontAdjustments(fontKitFont, dynamicFontSize ?? schema.fontSize ?? DEFAULT_FONT_SIZE, schema.lineHeight ?? DEFAULT_LINE_HEIGHT, schema.verticalAlignment ?? DEFAULT_VERTICAL_ALIGNMENT);
@@ -53,6 +54,7 @@ export const uiRender = async (arg) => {
         justifyContent: mapVerticalAlignToFlex(schema.verticalAlignment),
         width: '100%',
         height: '100%',
+        opacity: schema.opacity,
     };
     Object.assign(container.style, containerStyle);
     rootElement.innerHTML = '';

package/dist/esm/src/text/uiRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":"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"}

package/dist/types/src/barcodes/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const BARCODE_TYPES: readonly ["qrcode", "japanpost", "ean13", "ean8", "code39", "code128", "nw7", "itf14", "upca", "upce", "gs1datamatrix"];
 export declare const DEFAULT_BARCODE_BG_COLOR = "#ffffff";
 export declare const DEFAULT_BARCODE_COLOR = "#000000";
+export declare const DEFAULT_OPACITY = 1;

package/dist/types/src/image/constants.d.ts

@@ -1 +1 @@
-export {};
+export declare const DEFAULT_OPACITY = 1;

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

@@ -11,6 +11,7 @@ export declare const convertForPdfLayoutProps: ({ schema, pageHeight, applyRotat
     height: number;
     width: number;
     rotate: import("@pdfme/pdf-lib").Degrees;
+    opacity: number | undefined;
 };
 export declare const rotatePoint: (point: {
     x: number;

package/dist/types/src/text/constants.d.ts

@@ -17,3 +17,4 @@ export declare const DEFAULT_DYNAMIC_FIT: DYNAMIC_FONT_SIZE_FIT;
 export declare const DEFAULT_DYNAMIC_MIN_FONT_SIZE = 4;
 export declare const DEFAULT_DYNAMIC_MAX_FONT_SIZE = 72;
 export declare const FONT_SIZE_ADJUSTMENT = 0.25;
+export declare const DEFAULT_OPACITY = 1;

package/dist/types/src/text/helper.d.ts

@@ -1,6 +1,6 @@
 import * as fontkit from 'fontkit';
 import type { Font as FontKitFont } from 'fontkit';
-import { Schema, Font } from '@pdfme/common';
+import { Font } from '@pdfme/common';
 import type { TextSchema, FontWidthCalcValues } from './types';
 export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFont, fontSize: number, lineHeight: number, verticalAlignment: string) => {
     topAdj: number;
@@ -9,7 +9,7 @@ export declare const getBrowserVerticalFontAdjustments: (fontKitFont: FontKitFon
 export declare const getFontDescentInPt: (fontKitFont: FontKitFont, fontSize: number) => number;
 export declare const heightOfFontAtSize: (fontKitFont: FontKitFont, fontSize: number) => number;
 export declare const widthOfTextAtSize: (text: string, fontKitFont: FontKitFont, fontSize: number, characterSpacing: number) => number;
-export declare const getFontKitFont: (textSchema: Schema, font: Font) => Promise<fontkit.Font>;
+export declare const getFontKitFont: (textSchema: TextSchema, font: Font, _cache: Map<any, any>) => Promise<fontkit.Font>;
 /**
  * Recursively splits the line at getSplitPosition.
  * If there is some leftover, split the rest again in the same manner.
@@ -21,9 +21,10 @@ export declare const getSplittedLines: (textLine: string, calcValues: FontWidthC
  * Calculating space usage involves splitting lines where they exceed
  * the box width based on the proposed size.
  */
-export declare const calculateDynamicFontSize: ({ textSchema, font, value, startingFontSize, }: {
+export declare const calculateDynamicFontSize: ({ textSchema, font, value, startingFontSize, _cache, }: {
     textSchema: TextSchema;
     font: Font;
     value: string;
     startingFontSize?: number | undefined;
+    _cache: Map<any, any>;
 }) => Promise<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pdfme/schemas",
-  "version": "3.1.2",
+  "version": "3.1.3-dev.2",
   "sideEffects": false,
   "author": "hand-dot",
   "license": "MIT",

package/src/barcodes/constants.ts

@@ -15,3 +15,5 @@ export const BARCODE_TYPES = [
 export const DEFAULT_BARCODE_BG_COLOR = '#ffffff';
 
 export const DEFAULT_BARCODE_COLOR = '#000000';
+
+export const DEFAULT_OPACITY = 1;

package/src/barcodes/pdfRender.ts

@@ -27,7 +27,8 @@ export const pdfRender = async (arg: PDFRenderProps<BarcodeSchema>) => {
     height,
     rotate,
     position: { x, y },
+    opacity,
   } = convertForPdfLayoutProps({ schema, pageHeight });
 
-  page.drawImage(image, { x, y, rotate, width, height });
+  page.drawImage(image, { x, y, rotate, width, height, opacity });
 };

package/src/barcodes/propPanel.ts

@@ -1,6 +1,6 @@
 import type { PropPanel } from '@pdfme/common';
 import type { BarcodeSchema } from './types';
-import { DEFAULT_BARCODE_COLOR, DEFAULT_BARCODE_BG_COLOR } from './constants.js';
+import { DEFAULT_BARCODE_COLOR, DEFAULT_BARCODE_BG_COLOR, DEFAULT_OPACITY } from './constants.js';
 
 const defaultColors = {
   backgroundColor: DEFAULT_BARCODE_BG_COLOR,
@@ -20,6 +20,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       width: 30,
       height: 30,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -32,6 +33,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       width: 80,
       height: 7.2,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -44,6 +46,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...default40x20,
       height: 16,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -55,6 +58,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...defaultTextColors,
       ...default40x20,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -65,6 +69,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...defaultColors,
       ...defaultTextColors,
       ...default40x20,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -76,6 +81,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...defaultTextColors,
       ...default40x20,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -87,6 +93,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...defaultTextColors,
       ...default40x20,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -99,6 +106,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...default40x20,
       height: 12,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -111,6 +119,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...default40x20,
       height: 16,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -122,6 +131,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       ...defaultTextColors,
       ...default40x20,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
   {
@@ -133,6 +143,7 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
       width: 30,
       height: 30,
       rotate: 0,
+      opacity: DEFAULT_OPACITY,
     },
   },
 ];

package/src/barcodes/uiRender.ts

@@ -71,6 +71,7 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
     alignItems: 'center',
     justifyContent: 'center',
     fontFamily: "'Open Sans', sans-serif",
+    opacity: schema.opacity,
   };
   Object.assign(container.style, containerStyle);
   rootElement.appendChild(container);

package/src/image/constants.ts

@@ -1 +1 @@
-export {};
+export const DEFAULT_OPACITY = 1;

package/src/image/pdfRender.ts

@@ -21,7 +21,8 @@ export const pdfRender = async (arg: PDFRenderProps<ImageSchema>) => {
     height,
     rotate,
     position: { x, y },
+    opacity,
   } = convertForPdfLayoutProps({ schema, pageHeight });
 
-  page.drawImage(image, { x, y, rotate, width, height });
+  page.drawImage(image, { x, y, rotate, width, height, opacity });
 };

package/src/image/propPanel.ts

@@ -1,5 +1,7 @@
 import { PropPanel } from '@pdfme/common';
 import type { ImageSchema } from './types';
+import { DEFAULT_OPACITY } from '../image/constants';
+
 export const propPanel: PropPanel<ImageSchema> = {
   schema: {},
   defaultValue:
@@ -12,5 +14,6 @@ export const propPanel: PropPanel<ImageSchema> = {
     // If the value of "rotate" is set to undefined or not set at all, rotation will be disabled in the UI.
     // Check this document: https://pdfme.com//docs/custom-schemas#learning-how-to-create-from-pdfmeschemas-code
     rotate: 0,
+    opacity: DEFAULT_OPACITY,
   },
 };

package/src/image/uiRender.ts

@@ -46,6 +46,7 @@ export const uiRender = async (arg: UIRenderProps<ImageSchema>) => {
     ...fullSize,
     backgroundImage: value ? 'none' : `url(${placeholder})`,
     backgroundSize: `${size.width}px ${size.height}px`,
+    opacity: schema.opacity,
   };
   Object.assign(container.style, containerStyle);
   container.addEventListener('click', (e) => {

package/src/renderUtils.ts

@@ -10,7 +10,7 @@ export const convertForPdfLayoutProps = ({
   pageHeight: number;
   applyRotateTranslate?: boolean;
 }) => {
-  const { width: mmWidth, height: mmHeight, position, rotate } = schema;
+  const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
   const { x: mmX, y: mmY } = position;
 
   const rotateDegrees = rotate ? -rotate : 0;
@@ -39,6 +39,7 @@ export const convertForPdfLayoutProps = ({
     height: height,
     width: width,
     rotate: degrees(rotateDegrees),
+    opacity,
   };
 };
 

package/src/text/constants.ts

@@ -20,3 +20,4 @@ export const DEFAULT_DYNAMIC_MIN_FONT_SIZE = 4;
 
 export const DEFAULT_DYNAMIC_MAX_FONT_SIZE = 72;
 export const FONT_SIZE_ADJUSTMENT = 0.25;
+export const DEFAULT_OPACITY = 1;

package/src/text/helper.ts

@@ -106,11 +106,13 @@ const getFallbackFont = (font: Font) => {
   return font[fallbackFontName];
 };
 
-const fontKitFontCache: { [fontName: string]: FontKitFont } = {};
-export const getFontKitFont = async (textSchema: Schema, font: Font) => {
-  const fontName = (textSchema.fontName as string) || getFallbackFontName(font);
-  if (fontKitFontCache[fontName]) {
-    return fontKitFontCache[fontName];
+const getCacheKey = (fontName: string) => `getFontKitFont-${fontName}`;
+
+export const getFontKitFont = async (textSchema: TextSchema, font: Font, _cache: Map<any, any>) => {
+  const fontName = textSchema.fontName || getFallbackFontName(font);
+  const cacheKey = getCacheKey(fontName);
+  if (_cache.has(cacheKey)) {
+    return _cache.get(cacheKey) as fontkit.Font;
   }
 
   const currentFont =
@@ -125,7 +127,7 @@ export const getFontKitFont = async (textSchema: Schema, font: Font) => {
   const fontKitFont = fontkit.create(
     fontData instanceof Buffer ? fontData : Buffer.from(fontData as ArrayBuffer)
   );
-  fontKitFontCache[fontName] = fontKitFont;
+  _cache.set(cacheKey, fontKitFont);
 
   return fontKitFont;
 };
@@ -202,11 +204,13 @@ export const calculateDynamicFontSize = async ({
   font,
   value,
   startingFontSize,
+  _cache,
 }: {
   textSchema: TextSchema;
   font: Font;
   value: string;
   startingFontSize?: number | undefined;
+  _cache: Map<any, any>;
 }) => {
   const {
     fontSize: schemaFontSize,
@@ -221,7 +225,7 @@ export const calculateDynamicFontSize = async ({
   if (dynamicFontSizeSetting.max < dynamicFontSizeSetting.min) return fontSize;
 
   const characterSpacing = schemaCharacterSpacing ?? DEFAULT_CHARACTER_SPACING;
-  const fontKitFont = await getFontKitFont(textSchema, font);
+  const fontKitFont = await getFontKitFont(textSchema, font, _cache);
   const paragraphs = value.split('\n');
 
   let dynamicFontSize = fontSize;

package/src/text/pdfRender.ts

@@ -46,11 +46,14 @@ const hex2RgbColor = (hexString: string | undefined) => {
   return undefined;
 };
 
-const embedAndGetFontObjCache = new WeakMap();
-const embedAndGetFontObj = async (arg: { pdfDoc: PDFDocument; font: Font }) => {
-  const { pdfDoc, font } = arg;
-  if (embedAndGetFontObjCache.has(pdfDoc)) {
-    return embedAndGetFontObjCache.get(pdfDoc);
+const embedAndGetFontObj = async (arg: {
+  pdfDoc: PDFDocument;
+  font: Font;
+  _cache: Map<any, any>;
+}) => {
+  const { pdfDoc, font, _cache } = arg;
+  if (_cache.has(pdfDoc)) {
+    return _cache.get(pdfDoc) as { [key: string]: PDFFont };
   }
 
   const fontValues = await Promise.all(
@@ -70,7 +73,7 @@ const embedAndGetFontObj = async (arg: { pdfDoc: PDFDocument; font: Font }) => {
     {} as { [key: string]: PDFFont }
   );
 
-  embedAndGetFontObjCache.set(pdfDoc, fontObj);
+  _cache.set(pdfDoc, fontObj);
   return fontObj;
 };
 
@@ -78,13 +81,15 @@ const getFontProp = async ({
   value,
   font,
   schema,
+  _cache,
 }: {
   value: string;
   font: Font;
   schema: TextSchema;
+  _cache: Map<any, any>;
 }) => {
   const fontSize = schema.dynamicFontSize
-    ? await calculateDynamicFontSize({ textSchema: schema, font, value })
+    ? await calculateDynamicFontSize({ textSchema: schema, font, value, _cache })
     : schema.fontSize ?? DEFAULT_FONT_SIZE;
   const color = hex2RgbColor(schema.fontColor || DEFAULT_FONT_COLOR);
 
@@ -99,14 +104,14 @@ const getFontProp = async ({
 };
 
 export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
-  const { value, pdfDoc, pdfLib, page, options, schema } = arg;
+  const { value, pdfDoc, pdfLib, page, options, schema, _cache } = arg;
 
   const { font = getDefaultFont() } = options;
 
   const [pdfFontObj, fontKitFont, fontProp] = await Promise.all([
-    embedAndGetFontObj({ pdfDoc, font }),
-    getFontKitFont(schema, font),
-    getFontProp({ value, font, schema }),
+    embedAndGetFontObj({ pdfDoc, font, _cache }),
+    getFontKitFont(schema, font, _cache),
+    getFontProp({ value, font, schema, _cache }),
   ]);
 
   const { fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing } = fontProp;
@@ -122,10 +127,11 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
     height,
     rotate,
     position: { x, y },
+    opacity,
   } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
 
   if (schema.backgroundColor) {
-    const color = hex2RgbColor(schema.backgroundColor as string);
+    const color = hex2RgbColor(schema.backgroundColor);
     page.drawRectangle({ x, y, width, height, rotate, color });
   }
 
@@ -195,6 +201,7 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
       maxWidth: width,
       font: pdfFontValue,
       wordBreaks: [''],
+      opacity,
     });
   });
 };

package/src/text/propPanel.ts

@@ -23,6 +23,7 @@ import {
   DEFAULT_DYNAMIC_MAX_FONT_SIZE,
   ALIGN_RIGHT,
   ALIGN_CENTER,
+  DEFAULT_OPACITY,
 } from './constants.js';
 
 const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
@@ -108,6 +109,9 @@ export const propPanel: PropPanel<TextSchema> = {
         title: i18n('schemas.text.lineHeight'),
         type: 'number',
         widget: 'inputNumber',
+        props: {
+          step: 0.1,
+        },
         span: 8,
       },
       useDynamicFontSize: { type: 'boolean', widget: 'UseDynamicFontSize', bind: false, span: 16 },
@@ -167,5 +171,6 @@ export const propPanel: PropPanel<TextSchema> = {
     fontColor: DEFAULT_FONT_COLOR,
     fontName: undefined,
     backgroundColor: '',
+    opacity: DEFAULT_OPACITY,
   },
 };

package/src/text/uiRender.ts

@@ -11,6 +11,7 @@ import {
   DEFAULT_LINE_HEIGHT,
   DEFAULT_CHARACTER_SPACING,
   DEFAULT_FONT_COLOR,
+  DEFAULT_OPACITY,
 } from './constants.js';
 import {
   calculateDynamicFontSize,
@@ -58,6 +59,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
     placeholder,
     options,
     theme,
+    _cache,
   } = arg;
   const font = options?.font || getDefaultFont();
 
@@ -68,10 +70,11 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
       font,
       value,
       startingFontSize: dynamicFontSize,
+      _cache,
     });
   }
 
-  const fontKitFont = await getFontKitFont(schema, font);
+  const fontKitFont = await getFontKitFont(schema, font, _cache);
   // Depending on vertical alignment, we need to move the top or bottom of the font to keep
   // it within it's defined box and align it with the generated pdf.
   const { topAdj, bottomAdj } = getBrowserVerticalFontAdjustments(
@@ -101,6 +104,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
     justifyContent: mapVerticalAlignToFlex(schema.verticalAlignment),
     width: '100%',
     height: '100%',
+    opacity: schema.opacity,
   };
   Object.assign(container.style, containerStyle);
   rootElement.innerHTML = '';