@campxdev/pdfme 1.2.1 → 1.2.2

package/dist/cjs/chunks/{index-dHRmLCnu.js → index-C8qZMUOU.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var helper = require('./helper-C2o2tpNj.js');
+var helper = require('./helper-BfoMn47R.js');
 var SignaturePad = require('signature_pad');
 var lucide = require('lucide');
-var index = require('./index-CXm3doOM.js');
+var index = require('./index-CVqJfcgy.js');
 var buffer = require('buffer');
 var colors = require('./colors-BeBcxfhb.js');
 var uuid = require('uuid');

package/dist/cjs/chunks/{index-qB7eb2BC.js → index-COKtXyPp.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var helper = require('./helper-C2o2tpNj.js');
-var pluginRegistry = require('./pluginRegistry-Ba3ANzzx.js');
+var helper = require('./helper-BfoMn47R.js');
+var pluginRegistry = require('./pluginRegistry-C8bMreez.js');
 var expression = require('./expression-CoTzcL7v.js');
 require('zod');
 require('buffer');
@@ -28,12 +28,16 @@ exports.checkUIOptions = helper.checkUIOptions;
 exports.checkUIProps = helper.checkUIProps;
 exports.cloneDeep = helper.cloneDeep;
 exports.getAllFonts = helper.getAllFonts;
+exports.getAllFontsWithGoogle = helper.getAllFontsWithGoogle;
 exports.getB64BasePdf = helper.getB64BasePdf;
 exports.getBuiltinFontsData = helper.getBuiltinFontsData;
 exports.getDefaultFont = helper.getDefaultFont;
 exports.getFallbackFontName = helper.getFallbackFontName;
+exports.getGoogleFontsData = helper.getGoogleFontsData;
 exports.getInputFromTemplate = helper.getInputFromTemplate;
+exports.googleFonts = helper.googleFonts;
 exports.isBlankPdf = helper.isBlankPdf;
+exports.isGoogleFont = helper.isGoogleFont;
 exports.isHexValid = helper.isHexValid;
 exports.mm2pt = helper.mm2pt;
 exports.pt2mm = helper.pt2mm;

package/dist/cjs/chunks/{index-CXm3doOM.js → index-CVqJfcgy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var helper = require('./helper-C2o2tpNj.js');
+var helper = require('./helper-BfoMn47R.js');
 var fontkit = require('fontkit');
 var buffer = require('buffer');
 var colors = require('./colors-BeBcxfhb.js');
@@ -121,6 +121,36 @@ const LINE_END_FORBIDDEN_CHARS = [
     '«',
 ];
 
+/**
+ * Global font binary cache for URL-based fonts.
+ * Fonts are fetched on demand and cached so subsequent uses are instant.
+ */
+const _binaryCache = new Map();
+const _inflight = new Map();
+/**
+ * Fetch font binary data for a URL, using the global cache.
+ * Returns cached ArrayBuffer if available, otherwise fetches and caches.
+ * Deduplicates concurrent requests for the same URL.
+ */
+const fetchFontBinary = async (url) => {
+    const cached = _binaryCache.get(url);
+    if (cached)
+        return cached;
+    // Deduplicate: if a fetch for this URL is already in flight, reuse it
+    const inflight = _inflight.get(url);
+    if (inflight)
+        return inflight;
+    const promise = fetch(url)
+        .then((res) => res.arrayBuffer())
+        .then((buf) => {
+        _binaryCache.set(url, buf);
+        _inflight.delete(url);
+        return buf;
+    });
+    _inflight.set(url, promise);
+    return promise;
+};
+
 const getBrowserVerticalFontAdjustments = (fontKitFont, fontSize, lineHeight, verticalAlignment) => {
     const { ascent, descent, unitsPerEm } = fontKitFont;
     // Fonts have a designed line height that the browser renders when using `line-height: normal`
@@ -189,7 +219,7 @@ const getFontKitFont = async (fontName, font, _cache) => {
     if (typeof fontData === 'string') {
         const isUrl = fontData.startsWith('http') || fontData.startsWith('/') || fontData.startsWith('./');
         fontData = isUrl
-            ? await fetch(fontData).then((res) => res.arrayBuffer())
+            ? await fetchFontBinary(fontData)
             : helper.b64toUint8Array(fontData);
     }
     // Convert fontData to Buffer if it's not already a Buffer
@@ -1615,26 +1645,34 @@ const createSvgStr = (icon, attrs) => {
     return `<svg ${svgAttrString}>${elementsString}</svg>`;
 };
 
-const embedAndGetFontObj = async (arg) => {
-    const { pdfDoc, font, _cache } = arg;
-    if (_cache.has(pdfDoc)) {
-        return _cache.get(pdfDoc);
-    }
-    const fontValues = await Promise.all(Object.values(font).map(async (v) => {
-        let fontData = v.data;
-        if (typeof fontData === 'string') {
-            const isUrl = fontData.startsWith('http') || fontData.startsWith('/') || fontData.startsWith('./');
-            fontData = isUrl
-                ? await fetch(fontData).then((res) => res.arrayBuffer())
-                : helper.b64toUint8Array(fontData);
-        }
-        return pdfDoc.embedFont(fontData, {
-            subset: typeof v.subset === 'undefined' ? true : v.subset,
-        });
-    }));
-    const fontObj = Object.keys(font).reduce((acc, cur, i) => Object.assign(acc, { [cur]: fontValues[i] }), {});
-    _cache.set(pdfDoc, fontObj);
-    return fontObj;
+const embedPdfFont = async (pdfDoc, fontName, font, _cache) => {
+    const cacheKey = `embedPdfFont-${fontName}`;
+    if (_cache.has(cacheKey))
+        return _cache.get(cacheKey);
+    const fontEntry = font[fontName];
+    if (!fontEntry)
+        throw new Error(`Font "${fontName}" not found`);
+    let fontData = fontEntry.data;
+    if (typeof fontData === 'string') {
+        const isUrl = fontData.startsWith('http') || fontData.startsWith('/') || fontData.startsWith('./');
+        fontData = isUrl ? await fetchFontBinary(fontData) : helper.b64toUint8Array(fontData);
+    }
+    const useSubset = typeof fontEntry.subset === 'undefined' ? true : fontEntry.subset;
+    let pdfFont;
+    try {
+        pdfFont = await pdfDoc.embedFont(fontData, { subset: useSubset });
+    }
+    catch (err) {
+        // CFF/OpenType fonts fail subsetting (glyph._decode is not a function) — retry without subset
+        if (useSubset) {
+            pdfFont = await pdfDoc.embedFont(fontData, { subset: false });
+        }
+        else {
+            throw err;
+        }
+    }
+    _cache.set(cacheKey, pdfFont);
+    return pdfFont;
 };
 const getFontProp = ({ value, fontKitFont, schema, colorType, }) => {
     const fontSize = schema.dynamicFontSize
@@ -1656,18 +1694,12 @@ const pdfRender$1 = async (arg) => {
         return;
     const { font = helper.getDefaultFont(), colorType } = options;
     const resolvedFontName = resolveFontName(schema.fontName, schema.bold, schema.italic, font);
-    const [pdfFontObj, fontKitFont] = await Promise.all([
-        embedAndGetFontObj({
-            pdfDoc,
-            font,
-            _cache: _cache,
-        }),
+    const [pdfFontValue, fontKitFont] = await Promise.all([
+        embedPdfFont(pdfDoc, resolvedFontName, font, _cache),
         getFontKitFont(resolvedFontName, font, _cache),
     ]);
     const fontProp = getFontProp({ value, fontKitFont, schema, colorType });
     const { fontSize, color, alignment, verticalAlignment, lineHeight, characterSpacing } = fontProp;
-    const fontName = resolvedFontName;
-    const pdfFontValue = pdfFontObj && pdfFontObj[fontName];
     const pageHeight = page.getHeight();
     const { width, height, rotate, position: { x, y }, opacity, } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
     const pivotPoint = { x: x + width / 2, y: pageHeight - helper.mm2pt(schema.position.y) - height / 2 };
@@ -1846,8 +1878,8 @@ const pdfRender = async (arg) => {
     await pdfRender$1(renderArgs);
 };
 
-const TextBoldIcon = createSvgStr(lucide.Bold);
-const TextItalicIcon = createSvgStr(lucide.Italic);
+createSvgStr(lucide.Bold);
+createSvgStr(lucide.Italic);
 const TextStrikethroughIcon = createSvgStr(lucide.Strikethrough);
 const TextUnderlineIcon = createSvgStr(lucide.Underline);
 const TextAlignLeftIcon = createSvgStr(lucide.AlignLeft);
@@ -1871,8 +1903,7 @@ exports.Formatter = void 0;
 })(exports.Formatter || (exports.Formatter = {}));
 function getExtraFormatterSchema(i18n) {
     const buttons = [
-        { key: exports.Formatter.BOLD, icon: TextBoldIcon, type: 'boolean' },
-        { key: exports.Formatter.ITALIC, icon: TextItalicIcon, type: 'boolean' },
+        // TODO: re-enable bold/italic controls when ready
         { key: exports.Formatter.STRIKETHROUGH, icon: TextStrikethroughIcon, type: 'boolean' },
         { key: exports.Formatter.UNDERLINE, icon: TextUnderlineIcon, type: 'boolean' },
         { key: exports.Formatter.ALIGNMENT, icon: TextAlignLeftIcon, type: 'select', value: DEFAULT_ALIGNMENT },
@@ -1943,8 +1974,16 @@ const propPanel$1 = {
                 widget: 'select',
                 default: fallbackFontName,
                 placeholder: fallbackFontName,
-                props: { options: fontNames.map((name) => ({ label: name, value: name })) },
-                span: 12,
+                props: {
+                    options: fontNames.map((name) => ({ label: name, value: name })),
+                    showSearch: true,
+                    virtual: true,
+                    filterOption: (input, option) => (option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
+                    popupMatchSelectWidth: false,
+                    listHeight: 300,
+                    style: { width: '100%' },
+                },
+                span: 24,
             },
             fontSize: {
                 title: i18n('schemas.text.size'),
@@ -2307,6 +2346,16 @@ const updateVariablesFromText = (text, variables) => {
     return changed;
 };
 
+const _loadedGoogleFonts = new Set();
+const ensureGoogleFontLoaded = (fontName, fontData) => {
+    if (!fontName || _loadedGoogleFonts.has(fontName) || !helper.isGoogleFont(fontName))
+        return;
+    if (!document?.fonts)
+        return;
+    _loadedGoogleFonts.add(fontName);
+    const fontFace = new FontFace(fontName, typeof fontData === 'string' ? `url(${fontData})` : fontData, { display: 'swap' });
+    fontFace.load().then(() => document.fonts.add(fontFace)).catch(() => { });
+};
 const replaceUnsupportedChars = (text, fontKitFont) => {
     const charSupportCache = {};
     const isCharSupported = (char) => {
@@ -2348,8 +2397,24 @@ const uiRender$1 = async (arg) => {
     };
     const font = options?.font || helper.getDefaultFont();
     const resolvedFontName = resolveFontName(schema.fontName, schema.bold, schema.italic, font);
+    // Lazily load Google Font for CSS rendering if needed
+    if (resolvedFontName && font[resolvedFontName]) {
+        ensureGoogleFontLoaded(resolvedFontName, font[resolvedFontName].data);
+    }
+    // Show a subtle loading state while the font binary is being fetched
+    const isLoading = helper.isGoogleFont(resolvedFontName);
+    if (isLoading) {
+        arg.rootElement.style.opacity = '0.4';
+        arg.rootElement.style.transition = 'opacity 0.15s ease-out';
+    }
     const fontKitFont = await getFontKitFont(resolvedFontName, font, _cache);
     const textBlock = buildStyledTextContainer(arg, fontKitFont, usePlaceholder ? placeholder : value);
+    // Fade in once the font is ready
+    if (isLoading) {
+        // Force a reflow so the transition triggers from the dimmed state
+        void arg.rootElement.offsetHeight;
+        arg.rootElement.style.opacity = '1';
+    }
     const processedText = replaceUnsupportedChars(value, fontKitFont);
     if (!isEditable(mode, schema)) {
         // Read-only mode

package/dist/cjs/chunks/{pluginRegistry-Ba3ANzzx.js → pluginRegistry-C8bMreez.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var helper = require('./helper-C2o2tpNj.js');
+var helper = require('./helper-BfoMn47R.js');
 
 /** Floating point tolerance for comparisons */
 const EPSILON = 0.01;

package/dist/cjs/common.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var helper = require('./chunks/helper-C2o2tpNj.js');
-var common = require('./chunks/index-qB7eb2BC.js');
-var pluginRegistry = require('./chunks/pluginRegistry-Ba3ANzzx.js');
+var helper = require('./chunks/helper-BfoMn47R.js');
+var common = require('./chunks/index-COKtXyPp.js');
+var pluginRegistry = require('./chunks/pluginRegistry-C8bMreez.js');
 var expression = require('./chunks/expression-CoTzcL7v.js');
 require('zod');
 require('buffer');
@@ -29,12 +29,16 @@ exports.checkUIOptions = helper.checkUIOptions;
 exports.checkUIProps = helper.checkUIProps;
 exports.cloneDeep = helper.cloneDeep;
 exports.getAllFonts = helper.getAllFonts;
+exports.getAllFontsWithGoogle = helper.getAllFontsWithGoogle;
 exports.getB64BasePdf = helper.getB64BasePdf;
 exports.getBuiltinFontsData = helper.getBuiltinFontsData;
 exports.getDefaultFont = helper.getDefaultFont;
 exports.getFallbackFontName = helper.getFallbackFontName;
+exports.getGoogleFontsData = helper.getGoogleFontsData;
 exports.getInputFromTemplate = helper.getInputFromTemplate;
+exports.googleFonts = helper.googleFonts;
 exports.isBlankPdf = helper.isBlankPdf;
+exports.isGoogleFont = helper.isGoogleFont;
 exports.isHexValid = helper.isHexValid;
 exports.mm2pt = helper.mm2pt;
 exports.pt2mm = helper.pt2mm;

package/dist/cjs/converter.js

@@ -2,7 +2,7 @@
 
 var pdfjsLib = require('pdfjs-dist');
 var PDFJSWorker = require('pdfjs-dist/build/pdf.worker.entry.js');
-var helper = require('./chunks/helper-C2o2tpNj.js');
+var helper = require('./chunks/helper-BfoMn47R.js');
 var PDFButton = require('./chunks/PDFButton-QFYEzldP.js');
 require('zod');
 require('buffer');

package/dist/cjs/generator.js

@@ -2,11 +2,11 @@
 
 var PDFButton = require('./chunks/PDFButton-QFYEzldP.js');
 var colors = require('./chunks/colors-BeBcxfhb.js');
-var helper = require('./chunks/helper-C2o2tpNj.js');
-var pluginRegistry = require('./chunks/pluginRegistry-Ba3ANzzx.js');
+var helper = require('./chunks/helper-BfoMn47R.js');
+var pluginRegistry = require('./chunks/pluginRegistry-C8bMreez.js');
 var expression = require('./chunks/expression-CoTzcL7v.js');
 var fontkit = require('fontkit');
-var index = require('./chunks/index-CXm3doOM.js');
+var index = require('./chunks/index-CVqJfcgy.js');
 require('pako');
 require('@pdf-lib/standard-fonts');
 require('@pdf-lib/upng');

package/dist/cjs/index.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var ui = require('./ui.js');
-var index = require('./chunks/index-CXm3doOM.js');
+var index = require('./chunks/index-CVqJfcgy.js');
 var converter = require('./converter.js');
 var manipulator = require('./manipulator.js');
 var printDesignerEditor = require('./print-designer-editor.js');
 var schemas = require('./schemas.js');
-var index$1 = require('./chunks/index-dHRmLCnu.js');
+var index$1 = require('./chunks/index-C8qZMUOU.js');
 var generator = require('./generator.js');
-var helper = require('./chunks/helper-C2o2tpNj.js');
-var common = require('./chunks/index-qB7eb2BC.js');
-var pluginRegistry = require('./chunks/pluginRegistry-Ba3ANzzx.js');
+var helper = require('./chunks/helper-BfoMn47R.js');
+var common = require('./chunks/index-COKtXyPp.js');
+var pluginRegistry = require('./chunks/pluginRegistry-C8bMreez.js');
 var expression = require('./chunks/expression-CoTzcL7v.js');
 require('fontkit');
 require('buffer');
@@ -133,12 +133,16 @@ exports.checkUIOptions = helper.checkUIOptions;
 exports.checkUIProps = helper.checkUIProps;
 exports.cloneDeep = helper.cloneDeep;
 exports.getAllFonts = helper.getAllFonts;
+exports.getAllFontsWithGoogle = helper.getAllFontsWithGoogle;
 exports.getB64BasePdf = helper.getB64BasePdf;
 exports.getBuiltinFontsData = helper.getBuiltinFontsData;
 exports.getDefaultFont = helper.getDefaultFont;
 exports.getFallbackFontName = helper.getFallbackFontName;
+exports.getGoogleFontsData = helper.getGoogleFontsData;
 exports.getInputFromTemplate = helper.getInputFromTemplate;
+exports.googleFonts = helper.googleFonts;
 exports.isBlankPdf = helper.isBlankPdf;
+exports.isGoogleFont = helper.isGoogleFont;
 exports.isHexValid = helper.isHexValid;
 exports.mm2pt = helper.mm2pt;
 exports.pt2mm = helper.pt2mm;