@campxdev/pdfme 1.2.1 → 1.3.0

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

@@ -1,19 +1,111 @@
 'use strict';
 
-var helper = require('./helper-C2o2tpNj.js');
+var helper = require('./helper-DGH62Z2s.js');
 var SignaturePad = require('signature_pad');
 var lucide = require('lucide');
-var index = require('./index-CXm3doOM.js');
+var index = require('./index-CsEKt088.js');
 var buffer = require('buffer');
 var colors = require('./colors-BeBcxfhb.js');
 var uuid = require('uuid');
 var bwipjs = require('bwip-js');
+var expression = require('./expression-CoTzcL7v.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var SignaturePad__default = /*#__PURE__*/_interopDefault(SignaturePad);
 var bwipjs__default = /*#__PURE__*/_interopDefault(bwipjs);
 
+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 = expression.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.
 const decoder = new TextDecoder();
@@ -7510,7 +7602,7 @@ const pdfRender = async (arg) => {
     // Dynamic mode: schema.text has a template → resolve with variables from value
     // Static mode: no schema.text → use value directly as barcode input
     const resolved = schema.text
-        ? (schema.readOnly ? value : index.substituteVariables(schema.text, value || '{}', pageContext))
+        ? (schema.readOnly ? value : substituteVariables(schema.text, value || '{}', pageContext))
         : value || '';
     if (!resolved || !validateBarcodeInput(schema.type, resolved))
         return;
@@ -7772,7 +7864,7 @@ const uiRender = async (arg) => {
             return {};
         }
     })();
-    const resolved = index.substituteVariables(schema.text || '', variables, pageContext);
+    const resolved = substituteVariables(schema.text || '', variables, pageContext);
     if (mode === 'designer') {
         // Designer: show a semi-transparent text input for the template string + barcode preview
         const input = document.createElement('input');
@@ -7811,7 +7903,7 @@ const uiRender = async (arg) => {
                 }
                 if (onChange)
                     onChange(changes);
-                const r = index.substituteVariables(newText, vars, pageContext);
+                const r = substituteVariables(newText, vars, pageContext);
                 void renderBarcodePreview(schema, r, previewWrap);
             }, 300);
         });
@@ -7842,7 +7934,7 @@ const uiRender = async (arg) => {
             minHeight: '40px',
         });
         const refreshPreview = () => {
-            const r = index.substituteVariables(schema.text || '', variables, pageContext);
+            const r = substituteVariables(schema.text || '', variables, pageContext);
             void renderBarcodePreview(schema, r, previewWrap);
         };
         for (const varName of schema.variables) {
@@ -7884,8 +7976,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}',
@@ -7937,7 +8029,7 @@ const getPropPanelByType = (type) => {
     const defaultVars = {};
     updateVariablesFromText(defaultText, defaultVars);
     const { width, height } = defaultSizeByType[type] ?? { width: 40, height: 20 };
-    const insertVariableWidget = index.createInsertVariableWidget('text');
+    const insertVariableWidget = createInsertVariableWidget('text');
     return {
         schema: ({ i18n }) => ({
             insertVariablePicker: {
@@ -8017,19 +8109,56 @@ const variableBarcodes = BARCODE_TYPES.reduce((acc, type) => Object.assign(acc,
 const dynamicQrCode = variableBarcodes['qrcode'];
 const dynamicBarcode = variableBarcodes['code128'];
 
+/**
+ * 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 = helper.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: helper.px2pt(px), schemaId: activeSchema.id }]);
+        }
+    });
+    wrapper.appendChild(input);
+    wrapper.appendChild(suffix);
+    rootElement.appendChild(wrapper);
+};
+
 exports.BARCODE_TYPES = BARCODE_TYPES;
 exports.DEFAULT_BARCODE_BG_COLOR = DEFAULT_BARCODE_BG_COLOR;
 exports.DEFAULT_BARCODE_COLOR = DEFAULT_BARCODE_COLOR;
 exports.DEFAULT_BARCODE_INCLUDETEXT = DEFAULT_BARCODE_INCLUDETEXT;
 exports.cellSchema = cellSchema;
 exports.createBarCode = createBarCode;
+exports.createInsertVariableWidget = createInsertVariableWidget;
 exports.dynamicBarcode = dynamicBarcode;
 exports.dynamicQrCode = dynamicQrCode;
 exports.dynamicTableSchema = dynamicTableSchema;
 exports.ellipse = ellipse;
+exports.fontSizePxWidget = fontSizePxWidget;
 exports.imageSchema = imageSchema;
 exports.lineSchema = lineSchema;
 exports.rectangle = rectangle;
 exports.signature = signature;
+exports.substituteVariables = substituteVariables;
 exports.validateBarcodeInput = validateBarcodeInput;
+exports.validateVariables = validateVariables;
 exports.variableBarcodes = variableBarcodes;

package/dist/cjs/chunks/fontSizeTransform-CQQ_O42f.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var helper = require('./helper-DGH62Z2s.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, helper.pt2px);
+/** Convert all fontSize fields in a template from px (user-facing) → pt (pdfme internal). */
+const templatePxToPt = (template) => applyFontSizeConversion(template, helper.px2pt);
+
+exports.templatePtToPx = templatePtToPx;
+exports.templatePxToPt = templatePxToPt;