@json-to-office/core-docx 0.14.0 → 0.16.0

package/dist/index.js

@@ -856,12 +856,20 @@ function getPageDimensions(size) {
   }
   return size;
 }
-var PAGE_SIZES, getTableStyle, getDocumentMargins, getPageSetup;
+var resolveTableParagraphSpacing, PAGE_SIZES, getTableStyle, getDocumentMargins, getPageSetup;
 var init_layoutUtils = __esm({
   "src/styles/utils/layoutUtils.ts"() {
     "use strict";
     init_colorUtils();
     init_styleHelpers();
+    resolveTableParagraphSpacing = (style) => {
+      const lineSpacing = convertLineSpacing(style?.lineSpacing) ?? convertLineSpacing({ type: "single" });
+      return {
+        before: style?.spacing?.before !== void 0 ? pointsToTwips(style.spacing.before) : 0,
+        after: style?.spacing?.after !== void 0 ? pointsToTwips(style.spacing.after) : 0,
+        ...lineSpacing
+      };
+    };
     PAGE_SIZES = {
       A4: { width: 11906, height: 16838 },
       A3: { width: 16838, height: 23811 },
@@ -872,7 +880,10 @@ var init_layoutUtils = __esm({
       const themeConfig = resolveTheme(theme, themeName);
       if (themeConfig && themeConfig.styles?.normal) {
         const normalStyle = themeConfig.styles.normal;
+        const styles = themeConfig.styles;
         return {
+          cellParagraph: resolveTableParagraphSpacing(styles.tableCell),
+          headerParagraph: resolveTableParagraphSpacing(styles.tableHeader),
           tableHeader: {
             fill: resolveColor(
               themeConfig.colors?.primary || "#000000",
@@ -938,6 +949,8 @@ var init_layoutUtils = __esm({
         };
       }
       return {
+        cellParagraph: resolveTableParagraphSpacing(),
+        headerParagraph: resolveTableParagraphSpacing(),
         tableHeader: {
           fill: "000000",
           color: "FFFFFF",
@@ -1941,7 +1954,8 @@ import {
   isTableComponent,
   isListComponent,
   isTocComponent,
-  isHighchartsComponent
+  isHighchartsComponent,
+  isVisualComponent
 } from "@json-to-office/shared-docx";
 
 // src/core/generator.ts
@@ -2037,6 +2051,9 @@ function resolveListProps(props, theme) {
 function resolveHighchartsProps(props, _theme) {
   return props;
 }
+function resolveVisualProps(props, _theme) {
+  return props;
+}
 function getCustomComponentDefaults(theme, componentName) {
   const defaults = getComponentDefaults(theme);
   return defaults?.[componentName] || {};
@@ -2066,7 +2083,8 @@ var RESOLVER_MAP = {
   section: resolveSectionProps,
   columns: resolveColumnsProps,
   list: resolveListProps,
-  highcharts: resolveHighchartsProps
+  highcharts: resolveHighchartsProps,
+  visual: resolveVisualProps
 };
 function resolveComponentDefaults(component, theme) {
   if (!component.props) return component;
@@ -4055,7 +4073,7 @@ async function clearComponentCache() {
   }
 }
 async function renderComponentWithCache(component, theme, themeName, context, bypassCache = false) {
-  const forceBypassForType = component.name === "toc" || component.name === "section" || componentHasRevision(component);
+  const forceBypassForType = component.name === "toc" || component.name === "section" || component.name === "visual" || componentHasRevision(component);
   if (!componentCache) {
     initializeComponentCache();
   }
@@ -5119,6 +5137,7 @@ async function createTable(columns, tableConfig, theme, themeName, _options = {}
           children: [
             new Paragraph({
               ...tableConfig.keepInOnePage && { keepNext: true },
+              spacing: tableStyle.headerParagraph,
               alignment: getAlignment(horizontalAlignment),
               children: cellChildren
             })
@@ -5213,6 +5232,7 @@ async function createTable(columns, tableConfig, theme, themeName, _options = {}
                 children: [
                   new Paragraph({
                     ...tableConfig.keepInOnePage && !isLastRow || isLastRow && tableConfig.keepNext ? { keepNext: true } : {},
+                    spacing: tableStyle.cellParagraph,
                     alignment: AlignmentType2.LEFT,
                     children: []
                   })
@@ -5288,6 +5308,7 @@ async function createTable(columns, tableConfig, theme, themeName, _options = {}
               children: [
                 new Paragraph({
                   ...tableConfig.keepInOnePage && !isLastRow || isLastRow && tableConfig.keepNext ? { keepNext: true } : {},
+                  spacing: tableStyle.cellParagraph,
                   alignment: getAlignment(horizontalAlignment),
                   children: cellChildren
                 })
@@ -6334,21 +6355,61 @@ function hasNodeBuiltins() {
   }
 }
 
+// src/utils/serviceClient.ts
+var DEFAULT_TIMEOUT_MS = 3e4;
+function resolveServiceUrl(propsUrl, servicesUrl, defaultUrl) {
+  const raw = (propsUrl || servicesUrl || defaultUrl).trim();
+  const withScheme = /^https?:\/\//i.test(raw) ? raw : `http://${raw}`;
+  return withScheme.replace(/\/+$/, "");
+}
+async function postJsonToService(opts) {
+  const resolvedHeaders = typeof opts.headers === "function" ? await opts.headers(opts.body) : opts.headers;
+  const headers = {
+    "Content-Type": "application/json",
+    ...resolvedHeaders
+  };
+  const timeoutMs = opts.timeoutMs ?? DEFAULT_TIMEOUT_MS;
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeoutMs);
+  let response;
+  try {
+    response = await fetch(`${opts.url}${opts.path}`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(opts.body),
+      signal: controller.signal
+    });
+  } catch (error) {
+    if (error?.name === "AbortError") {
+      throw new Error(
+        `${opts.serviceLabel} timed out after ${timeoutMs}ms at ${opts.url}.`
+      );
+    }
+    const cause = error instanceof Error ? error.message : String(error);
+    throw new Error(opts.onUnreachable(opts.url, cause));
+  } finally {
+    clearTimeout(timer);
+  }
+  if (!response.ok) {
+    throw new Error(
+      `${opts.serviceLabel} returned ${response.status}: ${response.statusText}`
+    );
+  }
+  return response;
+}
+
 // src/components/highcharts.ts
 var DEFAULT_EXPORT_SERVER_URL = "http://localhost:7801";
-function getExportServerUrl(propsUrl, servicesUrl) {
-  const raw = propsUrl || servicesUrl || DEFAULT_EXPORT_SERVER_URL;
-  return raw.startsWith("http") ? raw : `http://${raw}`;
-}
 async function generateChart(config, servicesConfig) {
   if (!isNodeEnvironment()) {
     throw new Error(
       "Highcharts export server requires a Node.js environment. Chart generation is not available in browser environments."
     );
   }
-  const serverUrl = getExportServerUrl(
+  const serverUrl = resolveServiceUrl(
     config.serverUrl,
-    servicesConfig?.serverUrl
+    servicesConfig?.serverUrl,
+    DEFAULT_EXPORT_SERVER_URL
   );
   const requestBody = {
     infile: config.options,
@@ -6356,26 +6417,15 @@ async function generateChart(config, servicesConfig) {
     b64: true,
     scale: config.scale
   };
-  const resolvedHeaders = typeof servicesConfig?.headers === "function" ? await servicesConfig.headers(requestBody) : servicesConfig?.headers;
-  const headers = {
-    "Content-Type": "application/json",
-    ...resolvedHeaders
-  };
-  const response = await fetch(`${serverUrl}/export`, {
-    method: "POST",
-    headers,
-    body: JSON.stringify(requestBody)
-  }).catch((error) => {
-    throw new Error(
-      `Highcharts Export Server is not running at ${serverUrl}. Start it with: npx highcharts-export-server --enableServer true
-Cause: ${error instanceof Error ? error.message : String(error)}`
-    );
+  const response = await postJsonToService({
+    url: serverUrl,
+    path: "/export",
+    body: requestBody,
+    headers: servicesConfig?.headers,
+    serviceLabel: "Highcharts export server",
+    onUnreachable: (url, cause) => `Highcharts Export Server is not running at ${url}. Start it with: npx highcharts-export-server --enableServer true
+Cause: ${cause}`
   });
-  if (!response.ok) {
-    throw new Error(
-      `Highcharts export server returned ${response.status}: ${response.statusText}`
-    );
-  }
   const base64Data = await response.text();
   const base64DataUri = `data:image/png;base64,${base64Data}`;
   const width = config.options.chart.width;
@@ -6409,6 +6459,116 @@ async function renderHighchartsComponent(component, theme, themeName, context) {
   return imageParagraphs;
 }
 
+// src/components/visual.ts
+import {
+  clampVisualDpi,
+  DEFAULT_VISUAL_DPI
+} from "@json-to-office/shared";
+var DEFAULT_RASTERIZE_SERVER_URL = "http://localhost:7802";
+var PIXELS_PER_INCH = 96;
+function buildVisualPresentation(props) {
+  const { canvas, elements } = props;
+  const presentationProps = {
+    slideWidth: canvas.width,
+    slideHeight: canvas.height
+  };
+  if (canvas.theme) presentationProps.theme = canvas.theme;
+  const slideProps = {};
+  if (canvas.background) slideProps.background = canvas.background;
+  return {
+    name: "pptx",
+    props: presentationProps,
+    children: [
+      {
+        name: "slide",
+        props: slideProps,
+        children: elements ?? []
+      }
+    ]
+  };
+}
+function defaultVisualWidthPx(props) {
+  return Math.round(props.canvas.width * PIXELS_PER_INCH);
+}
+function visualToImageOptions(props) {
+  return {
+    width: props.width ?? defaultVisualWidthPx(props),
+    ...props.height !== void 0 && { height: props.height },
+    alignment: props.alignment ?? "center",
+    ...props.caption !== void 0 && { caption: props.caption },
+    ...props.spacing !== void 0 && { spacing: props.spacing },
+    ...props.floating !== void 0 && { floating: props.floating },
+    ...props.keepNext !== void 0 && { keepNext: props.keepNext },
+    ...props.keepLines !== void 0 && { keepLines: props.keepLines }
+  };
+}
+function visualToImageProps(props, base64DataUri) {
+  return {
+    base64: base64DataUri,
+    ...visualToImageOptions(props),
+    ...props.alt !== void 0 && { alt: props.alt }
+  };
+}
+async function rasterize(presentation, dpi, propsServerUrl, serviceConfig) {
+  if (!isNodeEnvironment()) {
+    throw new Error(
+      "Visual rasterization requires a Node.js environment. It is not available in browser environments."
+    );
+  }
+  if (serviceConfig?.render) {
+    return serviceConfig.render({ presentation, dpi });
+  }
+  const serverUrl = resolveServiceUrl(
+    propsServerUrl,
+    serviceConfig?.serverUrl,
+    DEFAULT_RASTERIZE_SERVER_URL
+  );
+  const response = await postJsonToService({
+    url: serverUrl,
+    path: "/rasterize",
+    body: { presentation, dpi },
+    headers: serviceConfig?.headers,
+    serviceLabel: "PPTX rasterization service",
+    onUnreachable: (url, cause) => `PPTX rasterization service is not reachable at ${url}. Configure services.pptx with a \`render\` callback or a running \`serverUrl\`.
+Cause: ${cause}`
+  });
+  let result;
+  try {
+    result = await response.json();
+  } catch {
+    throw new Error(
+      "PPTX rasterization service returned a non-JSON response (expected { base64DataUri, width, height })."
+    );
+  }
+  if (!result?.base64DataUri) {
+    throw new Error(
+      "PPTX rasterization service returned a malformed response (missing base64DataUri)."
+    );
+  }
+  return result;
+}
+async function renderVisualComponent(component, theme, themeName, context) {
+  if (!isVisualComponent(component)) return [];
+  const props = component.props;
+  const serviceConfig = context?.services?.pptx;
+  const presentation = buildVisualPresentation(props);
+  const dpi = clampVisualDpi(
+    props.dpi ?? serviceConfig?.dpi ?? DEFAULT_VISUAL_DPI
+  );
+  const result = await rasterize(
+    presentation,
+    dpi,
+    props.serverUrl,
+    serviceConfig
+  );
+  return await createImage(
+    result.base64DataUri,
+    theme,
+    themeName,
+    visualToImageOptions(props)
+  );
+}
+
 // src/components/text-space-after.ts
 import { Type } from "@sinclair/typebox";
 
@@ -6565,7 +6725,7 @@ async function renderDocument(structure, layout, options) {
     }
   });
 }
-async function renderHeaderFooterComponents(components, theme, themeName, _context) {
+async function renderHeaderFooterComponents(components, theme, themeName, context) {
   if (!components || components.length === 0) {
     return [];
   }
@@ -6697,6 +6857,14 @@ async function renderHeaderFooterComponents(components, theme, themeName, _conte
     } else if (isTableComponent(component)) {
       const tables = await renderTableComponent(component, theme, themeName);
       elements.push(...tables);
+    } else if (isVisualComponent(component)) {
+      const visualEls = await renderVisualComponent(
+        component,
+        theme,
+        themeName,
+        context
+      );
+      elements.push(...visualEls);
     }
   }
   return elements;
@@ -6817,6 +6985,8 @@ async function renderComponent(component, theme, themeName, context) {
       themeName,
       context
     );
+  } else if (isVisualComponent(component)) {
+    return await renderVisualComponent(component, theme, themeName, context);
   } else if (isSectionComponent(component)) {
     return await renderSectionComponent(component, theme, themeName, context);
   }
@@ -7188,6 +7358,112 @@ var DocumentGenerator = {
   isReportComponentDefinition
 };
 
+// src/core/flattenVisuals.ts
+import {
+  clampVisualDpi as clampVisualDpi2,
+  DEFAULT_VISUAL_DPI as DEFAULT_VISUAL_DPI2
+} from "@json-to-office/shared";
+var DEFAULT_CONCURRENCY = 4;
+function createLimiter(max) {
+  let active = 0;
+  const queue = [];
+  const release = () => {
+    active--;
+    queue.shift()?.();
+  };
+  return async function limit(fn) {
+    if (active >= max)
+      await new Promise((resolve2) => queue.push(resolve2));
+    active++;
+    try {
+      return await fn();
+    } finally {
+      release();
+    }
+  };
+}
+async function flattenVisuals(doc, options) {
+  const ctx = {
+    rasterize: options.rasterize,
+    dpi: options.dpi,
+    limit: createLimiter(
+      Math.max(1, options.concurrency ?? DEFAULT_CONCURRENCY)
+    )
+  };
+  return await flattenNode(doc, ctx);
+}
+async function rasterizeVisual(obj, ctx) {
+  const props = obj.props;
+  const dpi = clampVisualDpi2(props.dpi ?? ctx.dpi ?? DEFAULT_VISUAL_DPI2);
+  const result = await ctx.limit(
+    () => ctx.rasterize({ presentation: buildVisualPresentation(props), dpi })
+  );
+  const image = {
+    name: "image",
+    props: visualToImageProps(props, result.base64DataUri)
+  };
+  if (obj.id !== void 0) image.id = obj.id;
+  if (obj.enabled !== void 0) image.enabled = obj.enabled;
+  return image;
+}
+async function flattenNode(node, ctx) {
+  if (Array.isArray(node)) {
+    return Promise.all(node.map((n) => flattenNode(n, ctx)));
+  }
+  if (!node || typeof node !== "object") return node;
+  const obj = node;
+  if (obj.name === "visual" && obj.props && obj.enabled !== false) {
+    return rasterizeVisual(obj, ctx);
+  }
+  const next = { ...obj };
+  if (Array.isArray(obj.children)) {
+    next.children = await flattenNode(obj.children, ctx);
+  }
+  if (obj.props && typeof obj.props === "object") {
+    const props = obj.props;
+    let propsChanged = false;
+    const nextProps = { ...props };
+    for (const key of ["header", "footer"]) {
+      if (Array.isArray(props[key])) {
+        nextProps[key] = await flattenNode(props[key], ctx);
+        propsChanged = true;
+      }
+    }
+    if (Array.isArray(props.columns)) {
+      nextProps.columns = await Promise.all(
+        props.columns.map((col) => flattenColumn(col, ctx))
+      );
+      propsChanged = true;
+    }
+    if (propsChanged) next.props = nextProps;
+  }
+  return next;
+}
+async function flattenColumn(col, ctx) {
+  if (!col || typeof col !== "object") return col;
+  const column = col;
+  const nextCol = { ...column };
+  const header = column.header;
+  if (header && typeof header === "object" && "content" in header) {
+    nextCol.header = {
+      ...header,
+      content: await flattenNode(header.content, ctx)
+    };
+  }
+  if (Array.isArray(column.cells)) {
+    nextCol.cells = await Promise.all(
+      column.cells.map(async (cell) => {
+        if (cell && typeof cell === "object" && "content" in cell) {
+          const c = cell;
+          return { ...c, content: await flattenNode(c.content, ctx) };
+        }
+        return cell;
+      })
+    );
+  }
+  return nextCol;
+}
+
 // src/utils/warningsDocument.ts
 function generateWarningsDocument(warnings) {
   if (!warnings || warnings.length === 0) {
@@ -8007,6 +8283,7 @@ export {
   examples,
   exportPluginSchema,
   exportThemeToJson,
+  flattenVisuals,
   formatDate,
   formatWarningsText,
   generateAndSave,
@@ -8041,6 +8318,7 @@ export {
   isSectionComponent,
   isStatisticComponent,
   isTableComponent,
+  isVisualComponent,
   loadJsonExample,
   loadThemeFromFile,
   loadThemeFromJson,