@campxdev/pdfme 1.2.1 → 1.3.0

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

@@ -1,11 +1,103 @@
-import { x as px2mm, Z as ZOOM, c as b64toUint8Array, u as mm2pt, q as getFallbackFontName, D as DEFAULT_FONT_NAME } from './helper-D7XF1bxK.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-qTsnfbi7.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 };