@campxdev/pdfme 1.2.2 → 1.3.0

package/dist/esm/chunks/{index-C4F7EwBG.js → fontSizePxWidget-CbzQrSSM.js}

@@ -1,11 +1,103 @@
-import { E as px2mm, Z as ZOOM, c as b64toUint8Array, y as mm2pt, r as getFallbackFontName, D as DEFAULT_FONT_NAME } from './helper-D5PPN6Bv.js';
+import { E as px2mm, Z as ZOOM, c as b64toUint8Array, y as mm2pt, r as getFallbackFontName, D as DEFAULT_FONT_NAME, F as px2pt, A as pt2px } from './helper-DSxGxZ0j.js';
 import SignaturePad from 'signature_pad';
 import { Image, PenTool, Minus, Square, Circle, Table as Table$1, QrCode, Barcode } from 'lucide';
-import { D as DEFAULT_OPACITY, c as createSvgStr, i as isEditable, a as addAlphaToHex, r as readFile, d as convertForPdfLayoutProps, H as HEX_COLOR_PATTERN, h as hex2PrintingColor, e as rotatePoint, f as getDefaultCellStyles, u as uiRender$2, p as pdfRender$2, j as substituteVariables, k as createErrorElm, l as createInsertVariableWidget } from './index-C7jr4GIK.js';
+import { D as DEFAULT_OPACITY, c as createSvgStr, i as isEditable, d as addAlphaToHex, r as readFile, e as convertForPdfLayoutProps, H as HEX_COLOR_PATTERN, h as hex2PrintingColor, f as rotatePoint, j as getDefaultCellStyles, u as uiRender$2, p as pdfRender$2, k as createErrorElm } from './index-D_-j4c4P.js';
 import { Buffer } from 'buffer';
 import { t as toRadians } from './colors-jzbEzNi4.js';
 import { v1 } from 'uuid';
 import bwipjs from 'bwip-js';
+import { r as replacePlaceholders } from './expression-B-F1KCfk.js';
+
+const substituteVariables = (text, variablesIn, extraContext) => {
+    if (!text) {
+        return '';
+    }
+    let variables;
+    try {
+        variables =
+            typeof variablesIn === 'string'
+                ? JSON.parse(variablesIn || '{}')
+                : variablesIn;
+    }
+    catch {
+        throw new SyntaxError(`[@campxdev/schemas] MVT: invalid JSON string '${variablesIn}'`);
+    }
+    // Merge extra context (e.g. currentPage, totalPages) with user variables
+    // System context takes precedence over user variables
+    const merged = extraContext ? { ...variables, ...extraContext } : variables;
+    // Use the full JS expression evaluator — supports {varName}, {expr * 2}, {str.toUpperCase()}, etc.
+    const result = replacePlaceholders({ content: text, variables: merged, schemas: [] });
+    // Strip any remaining unresolved {placeholders} for clean output
+    return result.replace(/\{[^{}]+\}/g, '');
+};
+const validateVariables = (value, schema) => {
+    if (!schema.variables || schema.variables.length === 0) {
+        return true;
+    }
+    let values;
+    try {
+        values = value ? JSON.parse(value) : {};
+    }
+    catch {
+        throw new SyntaxError(`[@campxdev/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
+    }
+    for (const variable of schema.variables) {
+        if (!values[variable]) {
+            if (schema.required) {
+                throw new Error(`[@campxdev/generator] variable ${variable} is missing for field ${schema.name}`);
+            }
+            return false;
+        }
+    }
+    return true;
+};
+
+/**
+ * Factory function that creates an "Insert Variable" widget for a specific schema field.
+ * The widget renders a dropdown of available variables and appends {varName} to the field value.
+ *
+ * @param targetKey - The schema field key to insert variables into (e.g., 'text', 'content')
+ * @returns A PropPanelWidgetProps function that renders the variable picker
+ */
+const createInsertVariableWidget = (targetKey) => {
+    return (props) => {
+        const { rootElement, changeSchemas, activeSchema, options } = props;
+        const variables = options.variables?.textVariables ?? [];
+        if (variables.length === 0) {
+            return;
+        }
+        const container = document.createElement('div');
+        container.style.cssText =
+            'display:flex; gap:6px; align-items:center; margin-bottom:10px; z-index:9999; position:relative;';
+        const label = document.createElement('span');
+        label.textContent = 'Insert Variable:';
+        label.style.cssText = 'font-size:12px; color:#666; white-space:nowrap;';
+        const select = document.createElement('select');
+        select.style.cssText =
+            'flex:1; height:30px; border:1px solid #E0E0E0; border-radius:4px; padding:0 8px; font-size:13px; background:#fff; cursor:pointer; z-index:9999;';
+        const blank = document.createElement('option');
+        blank.value = '';
+        blank.textContent = '— pick variable —';
+        select.appendChild(blank);
+        for (const v of variables) {
+            const opt = document.createElement('option');
+            opt.value = v.value;
+            opt.textContent = v.label;
+            select.appendChild(opt);
+        }
+        select.onchange = (e) => {
+            const varName = e.target.value;
+            if (!varName)
+                return;
+            const current = String(activeSchema[targetKey] ?? '');
+            changeSchemas([{ key: targetKey, value: current + `{${varName}}`, schemaId: activeSchema.id }]);
+            select.value = '';
+        };
+        container.appendChild(label);
+        container.appendChild(select);
+        rootElement.appendChild(container);
+    };
+};
 
 // ref: https://github.com/image-size/image-size ----------------------------
 // The following code is adapted from the image-size code. Unnecessary formats and dependencies on Node have been removed.
@@ -7877,8 +7969,8 @@ const uiRender = async (arg) => {
 
 /** Default sample text per barcode type */
 const defaultTextByType = {
-    qrcode: 'https://pdfme.com/{id}',
-    code128: 'ORDER-{orderId}',
+    qrcode: '',
+    code128: '',
     code39: 'CODE-{id}',
     ean13: '212345678900{check}',
     ean8: '0234567{check}',
@@ -8010,4 +8102,37 @@ const variableBarcodes = BARCODE_TYPES.reduce((acc, type) => Object.assign(acc,
 const dynamicQrCode = variableBarcodes['qrcode'];
 const dynamicBarcode = variableBarcodes['code128'];
 
-export { BARCODE_TYPES as B, DEFAULT_BARCODE_COLOR as D, dynamicQrCode as a, dynamicTableSchema as b, validateBarcodeInput as c, dynamicBarcode as d, ellipse as e, createBarCode as f, DEFAULT_BARCODE_BG_COLOR as g, DEFAULT_BARCODE_INCLUDETEXT as h, imageSchema as i, cellSchema as j, lineSchema as l, rectangle as r, signature as s, variableBarcodes as v };
+/**
+ * A custom propPanel widget that displays fontSize in pixels (px) while
+ * storing the value internally in points (pt) as pdfme requires.
+ *
+ * Register as `widgets: { fontSizePxWidget }` in Designer options, then
+ * swap the fontSize field's widget to 'fontSizePxWidget' in your propPanel schema.
+ */
+const fontSizePxWidget = (props) => {
+    const { rootElement, changeSchemas, activeSchema } = props;
+    const currentPt = activeSchema.fontSize ?? 13;
+    const currentPx = pt2px(currentPt);
+    const wrapper = document.createElement('div');
+    wrapper.style.cssText = 'display:flex;align-items:center;gap:4px;';
+    const input = document.createElement('input');
+    input.type = 'number';
+    input.min = '1';
+    input.value = String(currentPx);
+    input.style.cssText =
+        'width:60px;height:24px;border:1px solid #d9d9d9;border-radius:4px;padding:0 6px;font-size:13px;box-sizing:border-box;';
+    const suffix = document.createElement('span');
+    suffix.textContent = 'px';
+    suffix.style.cssText = 'font-size:12px;color:#888;';
+    input.addEventListener('change', () => {
+        const px = Number(input.value);
+        if (!isNaN(px) && px > 0) {
+            changeSchemas([{ key: 'fontSize', value: px2pt(px), schemaId: activeSchema.id }]);
+        }
+    });
+    wrapper.appendChild(input);
+    wrapper.appendChild(suffix);
+    rootElement.appendChild(wrapper);
+};
+
+export { BARCODE_TYPES as B, DEFAULT_BARCODE_COLOR as D, dynamicQrCode as a, dynamicTableSchema as b, validateVariables as c, dynamicBarcode as d, ellipse as e, fontSizePxWidget as f, substituteVariables as g, createInsertVariableWidget as h, imageSchema as i, validateBarcodeInput as j, createBarCode as k, lineSchema as l, DEFAULT_BARCODE_BG_COLOR as m, DEFAULT_BARCODE_INCLUDETEXT as n, cellSchema as o, rectangle as r, signature as s, variableBarcodes as v };

package/dist/esm/chunks/fontSizeTransform-CkTVJdRF.js

@@ -0,0 +1,34 @@
+import { A as pt2px, F as px2pt } from './helper-DSxGxZ0j.js';
+
+const convertSchemaFontSize = (schema, convert) => {
+    const result = { ...schema };
+    if (result.fontSize != null) {
+        result.fontSize = convert(result.fontSize);
+    }
+    if (result.dynamicFontSize) {
+        result.dynamicFontSize = {
+            ...result.dynamicFontSize,
+            min: convert(result.dynamicFontSize.min),
+            max: convert(result.dynamicFontSize.max),
+        };
+    }
+    return result;
+};
+const applyFontSizeConversion = (template, convert) => {
+    const result = { ...template };
+    result.schemas = template.schemas.map((page) => page.map((schema) => convertSchemaFontSize(schema, convert)));
+    const basePdf = template.basePdf;
+    if (Array.isArray(basePdf?.staticSchema)) {
+        result.basePdf = {
+            ...basePdf,
+            staticSchema: basePdf.staticSchema.map((s) => convertSchemaFontSize(s, convert)),
+        };
+    }
+    return result;
+};
+/** Convert all fontSize fields in a template from pt (pdfme internal) → px (user-facing). */
+const templatePtToPx = (template) => applyFontSizeConversion(template, pt2px);
+/** Convert all fontSize fields in a template from px (user-facing) → pt (pdfme internal). */
+const templatePxToPt = (template) => applyFontSizeConversion(template, px2pt);
+
+export { templatePxToPt as a, templatePtToPx as t };

package/dist/esm/chunks/{helper-D5PPN6Bv.js → helper-DSxGxZ0j.js}

@@ -17262,6 +17262,9 @@ const pt2mm = (pt) => {
 const pt2px = (pt) => {
     return pt * PT_TO_PX_RATIO;
 };
+const px2pt = (px) => {
+    return px / PT_TO_PX_RATIO;
+};
 const px2mm = (px) => {
     // http://www.endmemo.com/sconvert/millimeterpixel.php
     const ratio = 0.26458333333333;
@@ -17426,4 +17429,4 @@ const checkGenerateProps = (data) => {
     checkProps(data, GenerateProps);
 };
 
-export { pt2px as A, BLANK_A4_PDF as B, CUSTOM_A4_PDF as C, DEFAULT_FONT_NAME as D, px2mm as E, MM_TO_PT_RATIO as M, PT_TO_MM_RATIO as P, ZOOM as Z, BLANK_PDF as a, PT_TO_PX_RATIO as b, b64toUint8Array as c, checkDesignerProps as d, checkFont as e, checkGenerateProps as f, checkInputs as g, checkPreviewProps as h, checkTemplate as i, checkUIOptions as j, checkUIProps as k, cloneDeep as l, getAllFonts as m, getAllFontsWithGoogle as n, getB64BasePdf as o, getBuiltinFontsData as p, getDefaultFont as q, getFallbackFontName as r, getGoogleFontsData as s, getInputFromTemplate as t, googleFonts as u, isBlankPdf as v, isGoogleFont as w, isHexValid as x, mm2pt as y, pt2mm as z };
+export { pt2px as A, BLANK_A4_PDF as B, CUSTOM_A4_PDF as C, DEFAULT_FONT_NAME as D, px2mm as E, px2pt as F, MM_TO_PT_RATIO as M, PT_TO_MM_RATIO as P, ZOOM as Z, BLANK_PDF as a, PT_TO_PX_RATIO as b, b64toUint8Array as c, checkDesignerProps as d, checkFont as e, checkGenerateProps as f, checkInputs as g, checkPreviewProps as h, checkTemplate as i, checkUIOptions as j, checkUIProps as k, cloneDeep as l, getAllFonts as m, getAllFontsWithGoogle as n, getB64BasePdf as o, getBuiltinFontsData as p, getDefaultFont as q, getFallbackFontName as r, getGoogleFontsData as s, getInputFromTemplate as t, googleFonts as u, isBlankPdf as v, isGoogleFont as w, isHexValid as x, mm2pt as y, pt2mm as z };

package/dist/esm/chunks/{index-CDhErAtE.js → index-DJkUkUo9.js}

@@ -1,6 +1,7 @@
-import { o as getB64BasePdf } from './helper-D5PPN6Bv.js';
-export { B as BLANK_A4_PDF, a as BLANK_PDF, C as CUSTOM_A4_PDF, D as DEFAULT_FONT_NAME, M as MM_TO_PT_RATIO, P as PT_TO_MM_RATIO, b as PT_TO_PX_RATIO, Z as ZOOM, c as b64toUint8Array, d as checkDesignerProps, e as checkFont, f as checkGenerateProps, g as checkInputs, h as checkPreviewProps, i as checkTemplate, j as checkUIOptions, k as checkUIProps, l as cloneDeep, m as getAllFonts, n as getAllFontsWithGoogle, p as getBuiltinFontsData, q as getDefaultFont, r as getFallbackFontName, s as getGoogleFontsData, t as getInputFromTemplate, u as googleFonts, v as isBlankPdf, w as isGoogleFont, x as isHexValid, y as mm2pt, z as pt2mm, A as pt2px, E as px2mm } from './helper-D5PPN6Bv.js';
-export { g as getDynamicTemplate, p as pluginRegistry } from './pluginRegistry-B-XSNgmK.js';
+import { o as getB64BasePdf } from './helper-DSxGxZ0j.js';
+export { B as BLANK_A4_PDF, a as BLANK_PDF, C as CUSTOM_A4_PDF, D as DEFAULT_FONT_NAME, M as MM_TO_PT_RATIO, P as PT_TO_MM_RATIO, b as PT_TO_PX_RATIO, Z as ZOOM, c as b64toUint8Array, d as checkDesignerProps, e as checkFont, f as checkGenerateProps, g as checkInputs, h as checkPreviewProps, i as checkTemplate, j as checkUIOptions, k as checkUIProps, l as cloneDeep, m as getAllFonts, n as getAllFontsWithGoogle, p as getBuiltinFontsData, q as getDefaultFont, r as getFallbackFontName, s as getGoogleFontsData, t as getInputFromTemplate, u as googleFonts, v as isBlankPdf, w as isGoogleFont, x as isHexValid, y as mm2pt, z as pt2mm, A as pt2px, E as px2mm, F as px2pt } from './helper-DSxGxZ0j.js';
+export { g as getDynamicTemplate, p as pluginRegistry } from './pluginRegistry-Bgrz5qWG.js';
+export { t as templatePtToPx, a as templatePxToPt } from './fontSizeTransform-CkTVJdRF.js';
 export { r as replacePlaceholders } from './expression-B-F1KCfk.js';
 import 'zod';
 import 'buffer';