@things-factory/integration-headless 7.0.38 → 7.0.40

package/dist-server/engine/task/headless-pdf-capture-board.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-server/engine/task/headless-pdf-capture-board.js

@@ -0,0 +1,311 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const ejs = tslib_1.__importStar(require("ejs"));
+const integration_base_1 = require("@things-factory/integration-base");
+const integration_base_2 = require("@things-factory/integration-base");
+const utils_1 = require("@things-factory/utils");
+const board_service_1 = require("@things-factory/board-service");
+const pdf_lib_1 = require("pdf-lib");
+const PAGE_FORMATS = {
+    A4: { width: 595.28, height: 841.89 },
+    A3: { width: 841.89, height: 1190.55 },
+    Letter: { width: 612, height: 792 },
+    Legal: { width: 612, height: 1008 }
+};
+async function HeadlessPDFCaptureBoard(step, context) {
+    var { connection: connectionName, params: stepOptions } = step;
+    var { accessor, board, draft, format = 'A4', // Set default value to A4
+    width, height, marginTop = 0, marginBottom = 0, marginLeft = 0, marginRight = 0, scale, printBackground, landscape, preferCSSPageSize } = stepOptions || {};
+    var { domain, data, user, logger, __headless_pdf } = context;
+    if (!__headless_pdf) {
+        throw new Error('It requires headless-pdf-open to be performed first');
+    }
+    if (!board || !board.id) {
+        throw new Error('The board property must be set');
+    }
+    var { pdfDoc, header, footer, watermark } = __headless_pdf;
+    var headlessPool = integration_base_2.ConnectionManager.getConnectionInstanceByName(domain, connectionName);
+    let browser;
+    try {
+        browser = await headlessPool.acquire();
+        const page = await browser.newPage();
+        const boardInput = (0, utils_1.access)(accessor, data);
+        var { model, base } = await board_service_1.BoardFunc.headlessModel({ domain, id: board.id, model }, draft);
+        const [fontsToUse, fontStyles] = await board_service_1.BoardFunc.fonts(domain);
+        model.fonts = fontsToUse;
+        model.fontStyles = fontStyles;
+        var { width: boardWidthPx, height: boardHeightPx } = model;
+        if (preferCSSPageSize) {
+            width = undefined;
+            height = undefined;
+        }
+        else if (PAGE_FORMATS[format]) {
+            const pageDimensions = PAGE_FORMATS[format];
+            width = pageDimensions.width;
+            height = pageDimensions.height;
+        }
+        if (landscape) {
+            ;
+            [width, height] = [height, width];
+        }
+        const contentWidth = width - marginLeft - marginRight;
+        const contentHeight = height - marginTop - marginBottom;
+        const boardWidthPt = (boardWidthPx * 72) / 96;
+        const boardHeightPt = (boardHeightPx * 72) / 96;
+        const widthRatio = contentWidth / boardWidthPt;
+        const heightRatio = contentHeight / boardHeightPt;
+        const ratio = Math.min(widthRatio, heightRatio);
+        const scaledBoardWidthPt = boardWidthPt * ratio;
+        const scaledBoardHeightPt = boardHeightPt * ratio;
+        const offsetX = (contentWidth - scaledBoardWidthPt) / 2 + marginLeft;
+        const offsetY = (contentHeight - scaledBoardHeightPt) / 2 + marginBottom;
+        await page.setViewport({ width: Math.round(boardWidthPx * ratio), height: Math.round(boardHeightPx * ratio) });
+        await page.setRequestInterception(true);
+        await page.setDefaultTimeout(10000);
+        page.on('console', async (msg) => {
+            console.log(`[browser ${msg.type()}] ${msg.text()}`);
+        });
+        page.on('requestfailed', request => {
+            console.log('Request failed:', request.url());
+        });
+        const protocol = 'http';
+        const host = 'localhost';
+        const port = process.env.PORT ? `:${process.env.PORT}` : '';
+        const path = '/internal-board-service-view';
+        const url = `${protocol}://${host}${port}${path}`;
+        const token = await (user === null || user === void 0 ? void 0 : user.sign());
+        page.on('request', request => {
+            if (request.url() === url) {
+                request.continue({
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'x-things-factory-domain': domain === null || domain === void 0 ? void 0 : domain.subdomain,
+                        Authorization: 'Bearer ' + token
+                    },
+                    postData: JSON.stringify({
+                        model,
+                        base
+                    })
+                });
+            }
+            else if (request.url().startsWith(`${protocol}://${host}${port}`)) {
+                request.continue({
+                    headers: Object.assign(Object.assign({}, request.headers()), { 'x-things-factory-domain': domain === null || domain === void 0 ? void 0 : domain.subdomain, Authorization: 'Bearer ' + token })
+                });
+            }
+            else {
+                request.continue();
+            }
+        });
+        await page.goto(url);
+        await page.evaluate(data => {
+            //@ts-ignore
+            s.data = data;
+            return new Promise(resolve => {
+                requestAnimationFrame(() => resolve(0));
+            });
+        }, boardInput);
+        const renderTemplateSafely = (template, data) => {
+            try {
+                return ejs.render(template, data);
+            }
+            catch (error) {
+                logger.warn(`Template rendering error: ${error.message}`);
+                return template;
+            }
+        };
+        header = renderTemplateSafely(header, __headless_pdf);
+        footer = renderTemplateSafely(footer, __headless_pdf);
+        // Apply header, footer, and watermark using Puppeteer
+        // Apply header, footer, and watermark using Puppeteer
+        if (header || footer || watermark) {
+            await page.evaluate(({ header, footer, watermark, isLandscape }) => {
+                const setPositioning = (element, position) => {
+                    element.style.position = 'fixed';
+                    element.style.left = '0';
+                    element.style.width = '100%';
+                    element.style.textAlign = 'center';
+                    element.style.fontSize = '12px';
+                    element.style.margin = '0';
+                    element.style.padding = '0';
+                    if (position === 'header') {
+                        element.style.top = '0';
+                    }
+                    else if (position === 'footer') {
+                        element.style.bottom = '0';
+                    }
+                };
+                if (header) {
+                    const headerElement = document.createElement('div');
+                    headerElement.innerHTML = header;
+                    setPositioning(headerElement, 'header');
+                    document.body.appendChild(headerElement);
+                }
+                if (footer) {
+                    const footerElement = document.createElement('div');
+                    footerElement.innerHTML = footer;
+                    setPositioning(footerElement, 'footer');
+                    document.body.appendChild(footerElement);
+                }
+                if (watermark) {
+                    const watermarkElement = document.createElement('div');
+                    watermarkElement.innerHTML = watermark;
+                    watermarkElement.style.position = 'fixed';
+                    watermarkElement.style.top = isLandscape ? '40%' : '50%';
+                    watermarkElement.style.left = '50%';
+                    watermarkElement.style.transform = 'translate(-50%, -50%) rotate(-45deg)';
+                    watermarkElement.style.opacity = '0.2';
+                    watermarkElement.style.fontSize = '50px';
+                    watermarkElement.style.color = 'red';
+                    watermarkElement.style.pointerEvents = 'none';
+                    watermarkElement.style.zIndex = '9999';
+                    document.body.appendChild(watermarkElement);
+                }
+            }, { header, footer, watermark, isLandscape: landscape });
+        }
+        const pageOptions = {
+            format,
+            width: `${scaledBoardWidthPt}px`,
+            height: `${scaledBoardHeightPt}px`,
+            margin: {
+                top: `${offsetY}px`,
+                right: `${offsetX}px`,
+                bottom: `${offsetY}px`,
+                left: `${offsetX}px`
+            },
+            scale,
+            printBackground,
+            landscape,
+            displayHeaderFooter: false, // Handled via Puppeteer directly
+            preferCSSPageSize
+        };
+        const contentBuffer = await page.pdf(pageOptions);
+        const contentPdfDoc = await pdf_lib_1.PDFDocument.load(contentBuffer);
+        const copiedPages = await pdfDoc.copyPages(contentPdfDoc, contentPdfDoc.getPageIndices());
+        copiedPages.forEach(page => pdfDoc.addPage(page));
+        __headless_pdf.pageCount += copiedPages.length;
+        await page.close();
+        headlessPool.release(browser);
+        return {
+            data: __headless_pdf
+        };
+    }
+    catch (error) {
+        if (browser) {
+            await browser.close();
+        }
+        throw error;
+    }
+}
+HeadlessPDFCaptureBoard.parameterSpec = [
+    {
+        type: 'scenario-step-input',
+        name: 'accessor',
+        label: 'accessor'
+    },
+    {
+        type: 'resource-object',
+        name: 'board',
+        label: 'board',
+        property: {
+            queryName: 'boards'
+        }
+    },
+    {
+        type: 'boolean',
+        name: 'draft',
+        label: 'draft',
+        defaultValue: false,
+        description: 'Set whether to get the current working version or the last released version'
+    },
+    {
+        type: 'select',
+        name: 'format',
+        label: 'page-format',
+        property: {
+            options: [
+                { display: '', value: '' },
+                { display: 'A4', value: 'A4' },
+                { display: 'A3', value: 'A3' },
+                { display: 'Letter', value: 'Letter' },
+                { display: 'Legal', value: 'Legal' }
+            ]
+        },
+        description: 'Select the paper format for the PDF'
+    },
+    {
+        type: 'string',
+        name: 'width',
+        label: 'page-width',
+        placeholder: '(e.g., "8.5in", "21cm", "600px")',
+        description: 'Specify the width of the page (e.g., "8.5in", "21cm", "600px")'
+    },
+    {
+        type: 'string',
+        name: 'height',
+        label: 'page-height',
+        placeholder: '(e.g., "11in", "29.7cm", "800px")',
+        description: 'Specify the height of the page (e.g., "11in", "29.7cm", "800px")'
+    },
+    {
+        type: 'string',
+        name: 'marginTop',
+        label: 'page-margin-top',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the top margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginBottom',
+        label: 'page-margin-bottom',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the bottom margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginLeft',
+        label: 'page-margin-left',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the left margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginRight',
+        label: 'page-margin-right',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the right margin for the page'
+    },
+    {
+        type: 'number',
+        name: 'scale',
+        label: 'page-scale',
+        defaultValue: 1,
+        description: 'Set the scale of the page content (default is 1)'
+    },
+    {
+        type: 'boolean',
+        name: 'printBackground',
+        label: 'print-background',
+        defaultValue: true,
+        description: 'Include background graphics when printing the page'
+    },
+    {
+        type: 'boolean',
+        name: 'landscape',
+        label: 'landscape',
+        defaultValue: false,
+        description: 'Print the PDF in landscape orientation'
+    },
+    {
+        type: 'boolean',
+        name: 'preferCSSPageSize',
+        label: 'prefer-css-page-size',
+        defaultValue: false,
+        description: 'Whether to prefer the CSS-defined page size over the given width and height'
+    }
+];
+HeadlessPDFCaptureBoard.help = 'integration/task/headless-pdf-capture-board';
+integration_base_1.TaskRegistry.registerTaskHandler('headless-pdf-capture-board', HeadlessPDFCaptureBoard);
+//# sourceMappingURL=headless-pdf-capture-board.js.map

package/dist-server/engine/task/headless-pdf-capture-board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headless-pdf-capture-board.js","sourceRoot":"","sources":["../../../server/engine/task/headless-pdf-capture-board.ts"],"names":[],"mappings":"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","sourcesContent":["import * as ejs from 'ejs'\nimport { TaskRegistry } from '@things-factory/integration-base'\nimport { ConnectionManager } from '@things-factory/integration-base'\nimport { access } from '@things-factory/utils'\nimport { BoardFunc } from '@things-factory/board-service'\nimport { PDFDocument } from 'pdf-lib'\n\nconst PAGE_FORMATS = {\n  A4: { width: 595.28, height: 841.89 },\n  A3: { width: 841.89, height: 1190.55 },\n  Letter: { width: 612, height: 792 },\n  Legal: { width: 612, height: 1008 }\n}\n\nasync function HeadlessPDFCaptureBoard(step, context) {\n  var { connection: connectionName, params: stepOptions } = step\n  var {\n    accessor,\n    board,\n    draft,\n    format = 'A4', // Set default value to A4\n    width,\n    height,\n    marginTop = 0,\n    marginBottom = 0,\n    marginLeft = 0,\n    marginRight = 0,\n    scale,\n    printBackground,\n    landscape,\n    preferCSSPageSize\n  } = stepOptions || {}\n  var { domain, data, user, logger, __headless_pdf } = context\n\n  if (!__headless_pdf) {\n    throw new Error('It requires headless-pdf-open to be performed first')\n  }\n\n  if (!board || !board.id) {\n    throw new Error('The board property must be set')\n  }\n\n  var { pdfDoc, header, footer, watermark } = __headless_pdf\n\n  var headlessPool = ConnectionManager.getConnectionInstanceByName(domain, connectionName)\n  let browser\n\n  try {\n    browser = await headlessPool.acquire()\n    const page = await browser.newPage()\n\n    const boardInput = access(accessor, data)\n\n    var { model, base } = await BoardFunc.headlessModel({ domain, id: board.id, model }, draft)\n    const [fontsToUse, fontStyles] = await BoardFunc.fonts(domain)\n\n    model.fonts = fontsToUse\n    model.fontStyles = fontStyles\n\n    var { width: boardWidthPx, height: boardHeightPx } = model\n\n    if (preferCSSPageSize) {\n      width = undefined\n      height = undefined\n    } else if (PAGE_FORMATS[format]) {\n      const pageDimensions = PAGE_FORMATS[format]\n      width = pageDimensions.width\n      height = pageDimensions.height\n    }\n\n    if (landscape) {\n      ;[width, height] = [height, width]\n    }\n\n    const contentWidth = width - marginLeft - marginRight\n    const contentHeight = height - marginTop - marginBottom\n\n    const boardWidthPt = (boardWidthPx * 72) / 96\n    const boardHeightPt = (boardHeightPx * 72) / 96\n\n    const widthRatio = contentWidth / boardWidthPt\n    const heightRatio = contentHeight / boardHeightPt\n    const ratio = Math.min(widthRatio, heightRatio)\n\n    const scaledBoardWidthPt = boardWidthPt * ratio\n    const scaledBoardHeightPt = boardHeightPt * ratio\n\n    const offsetX = (contentWidth - scaledBoardWidthPt) / 2 + marginLeft\n    const offsetY = (contentHeight - scaledBoardHeightPt) / 2 + marginBottom\n\n    await page.setViewport({ width: Math.round(boardWidthPx * ratio), height: Math.round(boardHeightPx * ratio) })\n    await page.setRequestInterception(true)\n    await page.setDefaultTimeout(10000)\n\n    page.on('console', async msg => {\n      console.log(`[browser ${msg.type()}] ${msg.text()}`)\n    })\n\n    page.on('requestfailed', request => {\n      console.log('Request failed:', request.url())\n    })\n\n    const protocol = 'http'\n    const host = 'localhost'\n    const port = process.env.PORT ? `:${process.env.PORT}` : ''\n    const path = '/internal-board-service-view'\n    const url = `${protocol}://${host}${port}${path}`\n\n    const token = await user?.sign()\n\n    page.on('request', request => {\n      if (request.url() === url) {\n        request.continue({\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            'x-things-factory-domain': domain?.subdomain,\n            Authorization: 'Bearer ' + token\n          },\n          postData: JSON.stringify({\n            model,\n            base\n          })\n        })\n      } else if (request.url().startsWith(`${protocol}://${host}${port}`)) {\n        request.continue({\n          headers: {\n            ...request.headers(),\n            'x-things-factory-domain': domain?.subdomain,\n            Authorization: 'Bearer ' + token\n          }\n        })\n      } else {\n        request.continue()\n      }\n    })\n\n    await page.goto(url)\n\n    await page.evaluate(data => {\n      //@ts-ignore\n      s.data = data\n      return new Promise(resolve => {\n        requestAnimationFrame(() => resolve(0))\n      })\n    }, boardInput)\n\n    const renderTemplateSafely = (template, data) => {\n      try {\n        return ejs.render(template, data)\n      } catch (error) {\n        logger.warn(`Template rendering error: ${error.message}`)\n        return template\n      }\n    }\n\n    header = renderTemplateSafely(header, __headless_pdf)\n    footer = renderTemplateSafely(footer, __headless_pdf)\n\n    // Apply header, footer, and watermark using Puppeteer\n    // Apply header, footer, and watermark using Puppeteer\n    if (header || footer || watermark) {\n      await page.evaluate(\n        ({ header, footer, watermark, isLandscape }) => {\n          const setPositioning = (element, position) => {\n            element.style.position = 'fixed'\n            element.style.left = '0'\n            element.style.width = '100%'\n            element.style.textAlign = 'center'\n            element.style.fontSize = '12px'\n            element.style.margin = '0'\n            element.style.padding = '0'\n            if (position === 'header') {\n              element.style.top = '0'\n            } else if (position === 'footer') {\n              element.style.bottom = '0'\n            }\n          }\n\n          if (header) {\n            const headerElement = document.createElement('div')\n            headerElement.innerHTML = header\n            setPositioning(headerElement, 'header')\n            document.body.appendChild(headerElement)\n          }\n\n          if (footer) {\n            const footerElement = document.createElement('div')\n            footerElement.innerHTML = footer\n            setPositioning(footerElement, 'footer')\n            document.body.appendChild(footerElement)\n          }\n\n          if (watermark) {\n            const watermarkElement = document.createElement('div')\n            watermarkElement.innerHTML = watermark\n            watermarkElement.style.position = 'fixed'\n            watermarkElement.style.top = isLandscape ? '40%' : '50%'\n            watermarkElement.style.left = '50%'\n            watermarkElement.style.transform = 'translate(-50%, -50%) rotate(-45deg)'\n            watermarkElement.style.opacity = '0.2'\n            watermarkElement.style.fontSize = '50px'\n            watermarkElement.style.color = 'red'\n            watermarkElement.style.pointerEvents = 'none'\n            watermarkElement.style.zIndex = '9999'\n            document.body.appendChild(watermarkElement)\n          }\n        },\n        { header, footer, watermark, isLandscape: landscape }\n      )\n    }\n\n    const pageOptions = {\n      format,\n      width: `${scaledBoardWidthPt}px`,\n      height: `${scaledBoardHeightPt}px`,\n      margin: {\n        top: `${offsetY}px`,\n        right: `${offsetX}px`,\n        bottom: `${offsetY}px`,\n        left: `${offsetX}px`\n      },\n      scale,\n      printBackground,\n      landscape,\n      displayHeaderFooter: false, // Handled via Puppeteer directly\n      preferCSSPageSize\n    }\n\n    const contentBuffer = await page.pdf(pageOptions)\n    const contentPdfDoc = await PDFDocument.load(contentBuffer)\n    const copiedPages = await pdfDoc.copyPages(contentPdfDoc, contentPdfDoc.getPageIndices())\n\n    copiedPages.forEach(page => pdfDoc.addPage(page))\n\n    __headless_pdf.pageCount += copiedPages.length\n\n    await page.close()\n    headlessPool.release(browser)\n\n    return {\n      data: __headless_pdf\n    }\n  } catch (error) {\n    if (browser) {\n      await browser.close()\n    }\n\n    throw error\n  }\n}\n\nHeadlessPDFCaptureBoard.parameterSpec = [\n  {\n    type: 'scenario-step-input',\n    name: 'accessor',\n    label: 'accessor'\n  },\n  {\n    type: 'resource-object',\n    name: 'board',\n    label: 'board',\n    property: {\n      queryName: 'boards'\n    }\n  },\n  {\n    type: 'boolean',\n    name: 'draft',\n    label: 'draft',\n    defaultValue: false,\n    description: 'Set whether to get the current working version or the last released version'\n  },\n  {\n    type: 'select',\n    name: 'format',\n    label: 'page-format',\n    property: {\n      options: [\n        { display: '', value: '' },\n        { display: 'A4', value: 'A4' },\n        { display: 'A3', value: 'A3' },\n        { display: 'Letter', value: 'Letter' },\n        { display: 'Legal', value: 'Legal' }\n      ]\n    },\n    description: 'Select the paper format for the PDF'\n  },\n  {\n    type: 'string',\n    name: 'width',\n    label: 'page-width',\n    placeholder: '(e.g., \"8.5in\", \"21cm\", \"600px\")',\n    description: 'Specify the width of the page (e.g., \"8.5in\", \"21cm\", \"600px\")'\n  },\n  {\n    type: 'string',\n    name: 'height',\n    label: 'page-height',\n    placeholder: '(e.g., \"11in\", \"29.7cm\", \"800px\")',\n    description: 'Specify the height of the page (e.g., \"11in\", \"29.7cm\", \"800px\")'\n  },\n  {\n    type: 'string',\n    name: 'marginTop',\n    label: 'page-margin-top',\n    placeholder: '(e.g., \"0.5in\", \"1cm\", \"100px\")',\n    description: 'Set the top margin for the page'\n  },\n  {\n    type: 'string',\n    name: 'marginBottom',\n    label: 'page-margin-bottom',\n    placeholder: '(e.g., \"0.5in\", \"1cm\", \"100px\")',\n    description: 'Set the bottom margin for the page'\n  },\n  {\n    type: 'string',\n    name: 'marginLeft',\n    label: 'page-margin-left',\n    placeholder: '(e.g., \"0.5in\", \"1cm\", \"100px\")',\n    description: 'Set the left margin for the page'\n  },\n  {\n    type: 'string',\n    name: 'marginRight',\n    label: 'page-margin-right',\n    placeholder: '(e.g., \"0.5in\", \"1cm\", \"100px\")',\n    description: 'Set the right margin for the page'\n  },\n  {\n    type: 'number',\n    name: 'scale',\n    label: 'page-scale',\n    defaultValue: 1,\n    description: 'Set the scale of the page content (default is 1)'\n  },\n  {\n    type: 'boolean',\n    name: 'printBackground',\n    label: 'print-background',\n    defaultValue: true,\n    description: 'Include background graphics when printing the page'\n  },\n  {\n    type: 'boolean',\n    name: 'landscape',\n    label: 'landscape',\n    defaultValue: false,\n    description: 'Print the PDF in landscape orientation'\n  },\n  {\n    type: 'boolean',\n    name: 'preferCSSPageSize',\n    label: 'prefer-css-page-size',\n    defaultValue: false,\n    description: 'Whether to prefer the CSS-defined page size over the given width and height'\n  }\n]\n\nHeadlessPDFCaptureBoard.help = 'integration/task/headless-pdf-capture-board'\n\nTaskRegistry.registerTaskHandler('headless-pdf-capture-board', HeadlessPDFCaptureBoard)\n"]}

package/dist-server/engine/task/headless-pdf-capture.js

@@ -2,26 +2,83 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const ejs = tslib_1.__importStar(require("ejs"));
-const pdf_lib_1 = require("pdf-lib");
 const integration_base_1 = require("@things-factory/integration-base");
 const integration_base_2 = require("@things-factory/integration-base");
+const utils_1 = require("@things-factory/utils");
+const pdf_lib_1 = require("pdf-lib");
 async function HeadlessPDFCapture(step, context) {
     var { connection: connectionName, params: stepOptions } = step;
-    var { htmlContent, format, width, height, margin, scale, printBackground, landscape, displayHeaderFooter, headerTemplate, footerTemplate, preferCSSPageSize } = stepOptions || {};
-    var { domain, data, __headless_pdf } = context;
+    var { accessor, htmlContent, format, width, height, marginTop, marginBottom, marginLeft, marginRight, scale, printBackground, landscape, preferCSSPageSize } = stepOptions || {};
+    var { domain, data, logger, __headless_pdf } = context;
     if (!__headless_pdf) {
-        throw new Error('it requires headless-pdf-open to be performed first');
+        throw new Error('It requires headless-pdf-open to be performed first');
     }
-    var { pdf, header: headerTemplateFromContext, footer: footerTemplateFromContext, watermark, pageCount } = __headless_pdf;
+    var { pdfDoc, header, footer, watermark } = __headless_pdf;
     var headlessPool = integration_base_2.ConnectionManager.getConnectionInstanceByName(domain, connectionName);
     let browser;
     try {
-        // Puppeteer를 사용하여 브라우저와 페이지 인스턴스를 생성
         browser = await headlessPool.acquire();
         const page = await browser.newPage();
-        // 설정된 HTML 콘텐츠를 페이지에 설정
-        await page.setContent(htmlContent);
-        // PDF 페이지 생성 옵션 설정
+        const templateInput = (0, utils_1.access)(accessor, data);
+        const renderTemplateSafely = (template, data) => {
+            try {
+                return ejs.render(template, data);
+            }
+            catch (error) {
+                logger.warn(`Template rendering error: ${error.message}`);
+                return template;
+            }
+        };
+        const renderedHtmlContent = renderTemplateSafely(htmlContent, templateInput);
+        await page.setContent(renderedHtmlContent);
+        header = renderTemplateSafely(header, __headless_pdf);
+        footer = renderTemplateSafely(footer, __headless_pdf);
+        // Apply header, footer, and watermark using Puppeteer
+        if (header || footer || watermark) {
+            await page.evaluate(({ header, footer, watermark, isLandscape }) => {
+                const setPositioning = (element, position) => {
+                    element.style.position = 'fixed';
+                    element.style.left = '0';
+                    element.style.width = '100%';
+                    element.style.textAlign = 'center';
+                    element.style.fontSize = '12px';
+                    element.style.margin = '0';
+                    element.style.padding = '0';
+                    if (position === 'header') {
+                        element.style.top = '0';
+                    }
+                    else if (position === 'footer') {
+                        element.style.bottom = '0';
+                    }
+                };
+                if (header) {
+                    const headerElement = document.createElement('div');
+                    headerElement.innerHTML = header;
+                    setPositioning(headerElement, 'header');
+                    document.body.appendChild(headerElement);
+                }
+                if (footer) {
+                    const footerElement = document.createElement('div');
+                    footerElement.innerHTML = footer;
+                    setPositioning(footerElement, 'footer');
+                    document.body.appendChild(footerElement);
+                }
+                if (watermark) {
+                    const watermarkElement = document.createElement('div');
+                    watermarkElement.innerHTML = watermark;
+                    watermarkElement.style.position = 'fixed';
+                    watermarkElement.style.top = isLandscape ? '40%' : '50%';
+                    watermarkElement.style.left = '50%';
+                    watermarkElement.style.transform = 'translate(-50%, -50%) rotate(-45deg)';
+                    watermarkElement.style.opacity = '0.2';
+                    watermarkElement.style.fontSize = '50px';
+                    watermarkElement.style.color = 'red';
+                    watermarkElement.style.pointerEvents = 'none';
+                    watermarkElement.style.zIndex = '9999';
+                    document.body.appendChild(watermarkElement);
+                }
+            }, { header, footer, watermark, isLandscape: landscape });
+        }
         if (preferCSSPageSize) {
             width = undefined;
             height = undefined;
@@ -30,56 +87,23 @@ async function HeadlessPDFCapture(step, context) {
             format,
             width,
             height,
-            margin,
+            margin: {
+                top: marginTop,
+                right: marginRight,
+                bottom: marginBottom,
+                left: marginLeft
+            },
             scale,
             printBackground,
             landscape,
-            displayHeaderFooter,
-            headerTemplate: displayHeaderFooter ? headerTemplate : undefined,
-            footerTemplate: displayHeaderFooter ? footerTemplate : undefined,
+            displayHeaderFooter: false, // Handled via Puppeteer directly
             preferCSSPageSize
         };
-        // 페이지를 PDF로 변환
-        const pageBuffer = await page.pdf(pageOptions);
-        // PDF-lib을 사용하여 PDF를 로드하고 추가 조작
-        const pdfDoc = await pdf_lib_1.PDFDocument.load(pageBuffer);
-        const pages = await pdf.copyPages(pdfDoc, pdfDoc.getPageIndices());
-        pages.forEach((newPage, index) => {
-            const currentPageNumber = pageCount + index + 1;
-            // 헤더와 푸터 렌더링 (페이지 번호 및 총 페이지 수 포함)
-            if (displayHeaderFooter && (headerTemplateFromContext || footerTemplateFromContext)) {
-                const renderedHeader = headerTemplateFromContext
-                    ? ejs.render(headerTemplateFromContext, Object.assign(Object.assign({}, data), { pageNumber: currentPageNumber, totalPages: pageCount + pages.length }))
-                    : '';
-                const renderedFooter = footerTemplateFromContext
-                    ? ejs.render(footerTemplateFromContext, Object.assign(Object.assign({}, data), { pageNumber: currentPageNumber, totalPages: pageCount + pages.length }))
-                    : '';
-                // Header/Footer 그리기
-                if (renderedHeader) {
-                    newPage.drawText(renderedHeader, { x: 50, y: newPage.getHeight() - 30, size: 12, color: (0, pdf_lib_1.rgb)(0, 0, 0) });
-                }
-                if (renderedFooter) {
-                    newPage.drawText(renderedFooter, { x: 50, y: 30, size: 12, color: (0, pdf_lib_1.rgb)(0, 0, 0) });
-                }
-            }
-            // 워터마크 추가
-            if (watermark) {
-                const fontSize = 50;
-                const pageWidth = newPage.getWidth();
-                const pageHeight = newPage.getHeight();
-                newPage.drawText(watermark, {
-                    x: pageWidth / 2 - (fontSize * watermark.length) / 4,
-                    y: pageHeight / 2 - fontSize / 2,
-                    size: fontSize,
-                    color: (0, pdf_lib_1.rgb)(0.75, 0.75, 0.75),
-                    rotate: (0, pdf_lib_1.degrees)(-45),
-                    opacity: 0.5
-                });
-            }
-            pdf.addPage(newPage);
-        });
-        // 페이지 카운트 업데이트
-        __headless_pdf.pageCount += pages.length;
+        const contentBuffer = await page.pdf(pageOptions);
+        const contentPdfDoc = await pdf_lib_1.PDFDocument.load(contentBuffer);
+        const copiedPages = await pdfDoc.copyPages(contentPdfDoc, contentPdfDoc.getPageIndices());
+        copiedPages.forEach(page => pdfDoc.addPage(page));
+        __headless_pdf.pageCount += copiedPages.length;
         await page.close();
         headlessPool.release(browser);
         return {
@@ -94,6 +118,11 @@ async function HeadlessPDFCapture(step, context) {
     }
 }
 HeadlessPDFCapture.parameterSpec = [
+    {
+        type: 'scenario-step-input',
+        name: 'accessor',
+        label: 'accessor'
+    },
     {
         type: 'textarea',
         name: 'htmlContent',
@@ -105,6 +134,7 @@ HeadlessPDFCapture.parameterSpec = [
         label: 'page-format',
         property: {
             options: [
+                { display: '', value: '' },
                 { display: 'A4', value: 'A4' },
                 { display: 'A3', value: 'A3' },
                 { display: 'Letter', value: 'Letter' },
@@ -128,21 +158,37 @@ HeadlessPDFCapture.parameterSpec = [
         description: 'Specify the height of the page (e.g., "11in", "29.7cm", "800px")'
     },
     {
-        type: 'json',
-        name: 'margin',
-        label: 'page-margins',
-        fields: [
-            { type: 'string', name: 'top', label: 'Top Margin', description: 'Top margin (e.g., "1in")' },
-            { type: 'string', name: 'right', label: 'Right Margin', description: 'Right margin (e.g., "1in")' },
-            { type: 'string', name: 'bottom', label: 'Bottom Margin', description: 'Bottom margin (e.g., "1in")' },
-            { type: 'string', name: 'left', label: 'Left Margin', description: 'Left margin (e.g., "1in")' }
-        ],
-        description: 'Set the margins for the page'
+        type: 'string',
+        name: 'marginTop',
+        label: 'page-margin-top',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the top margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginBottom',
+        label: 'page-margin-bottom',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the bottom margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginLeft',
+        label: 'page-margin-left',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the left margin for the page'
+    },
+    {
+        type: 'string',
+        name: 'marginRight',
+        label: 'page-margin-right',
+        placeholder: '(e.g., "0.5in", "1cm", "100px")',
+        description: 'Set the right margin for the page'
     },
     {
         type: 'number',
         name: 'scale',
-        label: 'scale',
+        label: 'page-scale',
         defaultValue: 1,
         description: 'Set the scale of the page content (default is 1)'
     },
@@ -160,13 +206,6 @@ HeadlessPDFCapture.parameterSpec = [
         defaultValue: false,
         description: 'Print the PDF in landscape orientation'
     },
-    {
-        type: 'boolean',
-        name: 'displayHeaderFooter',
-        label: 'display-header/footer',
-        defaultValue: false,
-        description: 'Display header and footer in the PDF'
-    },
     {
         type: 'boolean',
         name: 'preferCSSPageSize',