@json-to-office/core-docx 4.5.0 → 5.4.0

package/dist/plugin/example/index.js

@@ -403,17 +403,38 @@ var init_devportal_docx_theme = __esm({
         accent5: "#8A9299",
         accent6: "#E8A18D"
       },
+      palette: {
+        rule: "#D8D5D1",
+        textMuted: "#737373",
+        onPrimary: "#FFFFFF",
+        surfaceInverse: "#12191F",
+        positive: "#2E7D4F",
+        negative: "#B42318",
+        chart: ["accent", "primary", "accent4", "accent5", "accent6", "rule"]
+      },
       fonts: {
-        heading: { family: "Helvetica", size: 23 },
-        body: { family: "Helvetica", size: 9.5 },
-        mono: { family: "Courier New", size: 10 },
-        light: { family: "Helvetica", size: 23 }
+        heading: {
+          family: "Helvetica",
+          size: 23
+        },
+        body: {
+          family: "Helvetica",
+          size: 9.5
+        },
+        mono: {
+          family: "Courier New",
+          size: 10
+        },
+        light: {
+          family: "Helvetica",
+          size: 23
+        }
       },
       page: {
         size: "A4",
         margins: {
-          top: 1440,
-          bottom: 1440,
+          top: 1080,
+          bottom: 1080,
           left: 1080,
           right: 1080,
           header: 720,
@@ -421,13 +442,183 @@ var init_devportal_docx_theme = __esm({
           gutter: 0
         }
       },
+      typography: {
+        roles: {
+          eyebrow: {
+            face: "heading",
+            size: 8,
+            weight: 700,
+            case: "upper",
+            tracking: 10,
+            color: "accent",
+            spaceAfter: 4
+          },
+          display: {
+            face: "heading",
+            weight: 700,
+            color: "primary",
+            lineHeight: 1.05,
+            spaceAfter: 8,
+            tracking: -2
+          },
+          stat: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1
+          },
+          quote: {
+            face: "body",
+            color: "textSecondary",
+            lineHeight: 1.3
+          },
+          label: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "textSecondary",
+            case: "upper",
+            tracking: 6
+          },
+          footer: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          },
+          tableHeader: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "secondary"
+          },
+          tableCell: {
+            face: "body",
+            size: 9.5,
+            color: "textPrimary"
+          },
+          chartLabel: {
+            face: "body",
+            size: 9,
+            weight: 400,
+            color: "textSecondary"
+          },
+          tracker: {
+            face: "body",
+            size: 8,
+            case: "upper",
+            tracking: 6,
+            color: "textMuted"
+          },
+          source: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          }
+        },
+        scale: {
+          a4: {
+            base: 9.5,
+            ratio: 1.2,
+            baselinePt: 2
+          },
+          letter: {
+            base: 9.5,
+            ratio: 1.2,
+            baselinePt: 2
+          }
+        }
+      },
+      spacing: {
+        basePt: 7,
+        blockGap: {
+          tight: 3,
+          normal: 7,
+          loose: 14
+        },
+        canvas: {
+          a4: {
+            safeAreaIn: 0.75,
+            gutterIn: 0,
+            columns: 12
+          },
+          letter: {
+            safeAreaIn: 0.75,
+            gutterIn: 0,
+            columns: 12
+          }
+        }
+      },
+      chrome: {
+        runningHead: {
+          type: "tracker",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "right"
+        },
+        tracker: {
+          type: "tracker",
+          color: "textMuted",
+          alignment: "right"
+        },
+        actionTitle: {
+          type: "display",
+          color: "primary"
+        },
+        keyTakeaways: {
+          type: "label",
+          color: "primary",
+          rule: {
+            weightPt: 1,
+            color: "accent"
+          },
+          padPt: 8
+        },
+        sourceLine: {
+          type: "source",
+          color: "textMuted"
+        },
+        confidentialFooter: {
+          type: "footer",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "left"
+        },
+        logoSlot: {
+          alignment: "right"
+        },
+        cover: {
+          type: "display",
+          color: "primary",
+          rule: {
+            weightPt: 3,
+            color: "accent"
+          }
+        }
+      },
+      motif: {
+        kind: "rule",
+        color: "accent",
+        weightPt: 2,
+        placement: "top"
+      },
       styles: {
         normal: {
           font: "body",
           color: "textPrimary",
-          lineSpacing: { type: "multiple", value: 1.3 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.3
+          },
           alignment: "left",
-          spacing: { after: 7 }
+          spacing: {
+            after: 7
+          }
         },
         title: {
           font: "heading",
@@ -435,9 +626,18 @@ var init_devportal_docx_theme = __esm({
           bold: true,
           color: "primary",
           alignment: "left",
-          lineSpacing: { type: "multiple", value: 1.02 },
-          characterSpacing: { type: "condensed", value: 8 },
-          spacing: { before: 0, after: 10 }
+          lineSpacing: {
+            type: "multiple",
+            value: 1.02
+          },
+          characterSpacing: {
+            type: "condensed",
+            value: 8
+          },
+          spacing: {
+            before: 0,
+            after: 10
+          }
         },
         subtitle: {
           font: "body",
@@ -445,16 +645,28 @@ var init_devportal_docx_theme = __esm({
           italic: false,
           color: "textSecondary",
           alignment: "left",
-          lineSpacing: { type: "multiple", value: 1.25 },
-          spacing: { before: 0, after: 12 }
+          lineSpacing: {
+            type: "multiple",
+            value: 1.25
+          },
+          spacing: {
+            before: 0,
+            after: 12
+          }
         },
         heading1: {
           font: "heading",
           size: 21,
           bold: true,
           color: "primary",
-          lineSpacing: { type: "multiple", value: 1.15 },
-          spacing: { before: 26, after: 12 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.15
+          },
+          spacing: {
+            before: 26,
+            after: 12
+          },
           keepNext: true,
           alignment: "left",
           borders: {
@@ -471,8 +683,14 @@ var init_devportal_docx_theme = __esm({
           size: 15.5,
           bold: true,
           color: "secondary",
-          lineSpacing: { type: "multiple", value: 1.15 },
-          spacing: { before: 20, after: 8 },
+          lineSpacing: {
+            type: "multiple",
+            value: 1.15
+          },
+          spacing: {
+            before: 20,
+            after: 8
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -481,7 +699,10 @@ var init_devportal_docx_theme = __esm({
           size: 12.5,
           bold: true,
           color: "secondary",
-          spacing: { before: 14, after: 6 },
+          spacing: {
+            before: 14,
+            after: 6
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -490,7 +711,10 @@ var init_devportal_docx_theme = __esm({
           size: 11.5,
           bold: true,
           color: "textPrimary",
-          spacing: { before: 12, after: 4 },
+          spacing: {
+            before: 12,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -499,7 +723,10 @@ var init_devportal_docx_theme = __esm({
           size: 10.5,
           bold: true,
           color: "secondary",
-          spacing: { before: 10, after: 4 },
+          spacing: {
+            before: 10,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -508,8 +735,14 @@ var init_devportal_docx_theme = __esm({
           size: 10.5,
           bold: false,
           color: "textSecondary",
-          characterSpacing: { type: "expanded", value: 20 },
-          spacing: { before: 10, after: 4 },
+          characterSpacing: {
+            type: "expanded",
+            value: 20
+          },
+          spacing: {
+            before: 10,
+            after: 4
+          },
           keepNext: true,
           alignment: "left"
         },
@@ -518,24 +751,53 @@ var init_devportal_docx_theme = __esm({
           size: 11,
           bold: true,
           color: "primary",
-          spacing: { before: 5, after: 3 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          spacing: {
+            before: 5,
+            after: 3
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         },
         TOC2: {
           font: "body",
           size: 10.5,
           color: "textPrimary",
-          indent: { left: 240 },
-          spacing: { after: 2 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          indent: {
+            left: 240
+          },
+          spacing: {
+            after: 2
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         },
         TOC3: {
           font: "body",
           size: 10,
           color: "textSecondary",
-          indent: { left: 480 },
-          spacing: { after: 2 },
-          tabStops: [{ type: "right", position: 9746, leader: "dot" }]
+          indent: {
+            left: 480
+          },
+          spacing: {
+            after: 2
+          },
+          tabStops: [
+            {
+              type: "right",
+              position: 9746,
+              leader: "dot"
+            }
+          ]
         }
       },
       componentDefaults: {
@@ -543,22 +805,37 @@ var init_devportal_docx_theme = __esm({
           width: 100,
           borderColor: "#E2E0DD",
           borderSize: 0.5,
-          hideBorders: { left: true, right: true, insideVertical: true },
+          hideBorders: {
+            left: true,
+            right: true,
+            insideVertical: true
+          },
           cellDefaults: {
-            padding: { top: 3, bottom: 3 }
+            padding: {
+              top: 3,
+              bottom: 3
+            }
           },
           headerCellDefaults: {
-            font: { bold: true },
+            font: {
+              bold: true
+            },
             color: "#172028",
             backgroundColor: "#F7ECE7",
-            borderColor: { bottom: "#D8D5D1" },
-            borderSize: { bottom: 1 }
+            borderColor: {
+              bottom: "#D8D5D1"
+            },
+            borderSize: {
+              bottom: 1
+            }
           }
         },
         list: {
           format: "bullet",
           bullet: "\u2014",
-          spacing: { item: 2 }
+          spacing: {
+            item: 2
+          }
         },
         image: {
           alignment: "center"
@@ -597,7 +874,19 @@ var init_vermilion_docx_theme = __esm({
         borderPrimary: "#C7C8CA",
         borderSecondary: "#EFEAE4",
         backgroundPrimary: "#FFFFFF",
-        backgroundSecondary: "#FAF7F5"
+        backgroundSecondary: "#FAF7F5",
+        accent4: "#F4857A",
+        accent5: "#F9C4BE",
+        accent6: "#939598"
+      },
+      palette: {
+        rule: "#C7C8CA",
+        textMuted: "#939598",
+        onPrimary: "#FFFFFF",
+        surfaceInverse: "#282829",
+        positive: "#2E7D4F",
+        negative: "#B42318",
+        chart: ["accent", "primary", "textMuted", "accent4", "rule", "accent5"]
       },
       fonts: {
         heading: {
@@ -620,15 +909,177 @@ var init_vermilion_docx_theme = __esm({
       page: {
         size: "A4",
         margins: {
-          top: 1360,
-          bottom: 1360,
-          left: 1180,
-          right: 1180,
+          top: 1152,
+          bottom: 1152,
+          left: 1152,
+          right: 1152,
           header: 620,
           footer: 620,
           gutter: 0
         }
       },
+      typography: {
+        roles: {
+          eyebrow: {
+            face: "heading",
+            size: 8,
+            weight: 700,
+            case: "upper",
+            tracking: 8,
+            color: "accent",
+            spaceAfter: 4
+          },
+          display: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1.05,
+            spaceAfter: 8
+          },
+          stat: {
+            face: "heading",
+            weight: 700,
+            color: "accent",
+            lineHeight: 1
+          },
+          quote: {
+            face: "body",
+            color: "textSecondary",
+            lineHeight: 1.3
+          },
+          label: {
+            face: "body",
+            size: 9,
+            weight: 700,
+            color: "textSecondary"
+          },
+          footer: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          },
+          tableHeader: {
+            face: "body",
+            size: 9.5,
+            weight: 700,
+            color: "accent"
+          },
+          tableCell: {
+            face: "body",
+            size: 9.5,
+            color: "textPrimary"
+          },
+          chartLabel: {
+            face: "body",
+            size: 9,
+            weight: 400,
+            color: "textSecondary"
+          },
+          tracker: {
+            face: "body",
+            size: 8,
+            case: "upper",
+            tracking: 6,
+            color: "textMuted"
+          },
+          source: {
+            face: "body",
+            size: 8,
+            color: "textMuted"
+          }
+        },
+        scale: {
+          a4: {
+            base: 10.5,
+            ratio: 1.25,
+            baselinePt: 2
+          },
+          letter: {
+            base: 10.5,
+            ratio: 1.25,
+            baselinePt: 2
+          }
+        }
+      },
+      spacing: {
+        basePt: 8,
+        blockGap: {
+          tight: 4,
+          normal: 8,
+          loose: 16
+        },
+        canvas: {
+          a4: {
+            safeAreaIn: 0.8,
+            gutterIn: 0,
+            columns: 12
+          },
+          letter: {
+            safeAreaIn: 0.8,
+            gutterIn: 0,
+            columns: 12
+          }
+        }
+      },
+      chrome: {
+        runningHead: {
+          type: "tracker",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "right"
+        },
+        tracker: {
+          type: "tracker",
+          color: "textMuted",
+          alignment: "right"
+        },
+        actionTitle: {
+          type: "display",
+          color: "primary"
+        },
+        keyTakeaways: {
+          type: "label",
+          color: "primary",
+          rule: {
+            weightPt: 1.5,
+            color: "accent"
+          },
+          padPt: 8
+        },
+        sourceLine: {
+          type: "source",
+          color: "textMuted"
+        },
+        confidentialFooter: {
+          type: "footer",
+          color: "textMuted",
+          rule: {
+            weightPt: 0.5,
+            color: "rule"
+          },
+          alignment: "left"
+        },
+        logoSlot: {
+          alignment: "right"
+        },
+        cover: {
+          type: "display",
+          color: "primary",
+          rule: {
+            weightPt: 4,
+            color: "accent"
+          }
+        }
+      },
+      motif: {
+        kind: "rule",
+        color: "accent",
+        weightPt: 4,
+        placement: "top"
+      },
       styles: {
         normal: {
           font: "body",
@@ -761,23 +1212,40 @@ var init_vermilion_docx_theme = __esm({
             insideVertical: true
           },
           cellDefaults: {
-            font: { size: 9.5 },
-            padding: { top: 7, bottom: 7 },
+            font: {
+              size: 9.5
+            },
+            padding: {
+              top: 7,
+              bottom: 7
+            },
             verticalAlignment: "middle"
           },
           headerCellDefaults: {
             color: "#EF4130",
-            font: { size: 9.5, bold: true },
-            padding: { top: 0, bottom: 8 },
+            font: {
+              size: 9.5,
+              bold: true
+            },
+            padding: {
+              top: 0,
+              bottom: 8
+            },
             verticalAlignment: "bottom",
-            borderColor: { bottom: "#EF4130" },
-            borderSize: { bottom: 0.5 }
+            borderColor: {
+              bottom: "#EF4130"
+            },
+            borderSize: {
+              bottom: 0.5
+            }
           }
         },
         list: {
           format: "bullet",
           bullet: "\u2014",
-          spacing: { item: 2 }
+          spacing: {
+            item: 2
+          }
         },
         image: {
           alignment: "center"
@@ -5303,7 +5771,10 @@ import {
 import {
   clampVisualDpi,
   DEFAULT_VISUAL_DPI,
-  MAX_RASTERIZE_BATCH_SLIDES
+  MAX_RASTERIZE_BATCH_SLIDES,
+  createLimiter,
+  resolveServiceUrl as resolveServiceUrl2,
+  postJsonToService as postJsonToService2
 } from "@json-to-office/shared";
 import {
   isNativeVisualProps
@@ -5317,54 +5788,8 @@ function isNodeEnvironment() {
   return typeof process !== "undefined" && process.versions != null && process.versions.node != null && typeof process.versions.node === "string";
 }
 
-// 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(/\/+$/, "");
-}
-var SERVICE_UNAVAILABLE_CODE = "SERVICE_UNAVAILABLE";
-function serviceUnavailable(message) {
-  return Object.assign(new Error(message), { code: SERVICE_UNAVAILABLE_CODE });
-}
-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 serviceUnavailable(
-        `${opts.serviceLabel} timed out after ${timeoutMs}ms at ${opts.url}.`
-      );
-    }
-    const cause = error instanceof Error ? error.message : String(error);
-    throw serviceUnavailable(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/visual.ts
+import { resolveServiceUrl, postJsonToService } from "@json-to-office/shared";
 var DEFAULT_RASTERIZE_SERVER_URL = "http://localhost:7802";
 var PIXELS_PER_INCH = 96;
 function buildVisualPresentation(props) {
@@ -5466,26 +5891,6 @@ Cause: ${cause}`
   return result;
 }
 
-// src/utils/promiseLimiter.ts
-function createLimiter(max) {
-  let active = 0;
-  const queue = [];
-  const release = () => {
-    active--;
-    queue.shift()?.();
-  };
-  return async function limit(fn) {
-    while (active >= max)
-      await new Promise((resolve2) => queue.push(resolve2));
-    active++;
-    try {
-      return await fn();
-    } finally {
-      release();
-    }
-  };
-}
-
 // src/core/prerasterizeVisuals.ts
 var DEFAULT_FALLBACK_CONCURRENCY = 4;
 var BATCH_TIMEOUT_BASE_MS = 3e4;
@@ -5654,7 +6059,7 @@ async function prerasterizeVisuals(root, serviceConfig, options = {}) {
     await rasterizeIndividually(unique);
     return map;
   }
-  const serverUrl = resolveServiceUrl(
+  const serverUrl = resolveServiceUrl2(
     void 0,
     serviceConfig?.serverUrl,
     DEFAULT_RASTERIZE_SERVER_URL
@@ -5662,7 +6067,7 @@ async function prerasterizeVisuals(root, serviceConfig, options = {}) {
   const postBatch = async (chunk, fonts) => {
     let response;
     try {
-      response = await postJsonToService({
+      response = await postJsonToService2({
         url: serverUrl,
         path: "/rasterize/batch",
         body: {
@@ -5788,7 +6193,8 @@ function containsComponent(root, name) {
 // src/core/desugarExternals.ts
 import {
   clampVisualDpi as clampVisualDpi2,
-  DEFAULT_VISUAL_DPI as DEFAULT_VISUAL_DPI2
+  DEFAULT_VISUAL_DPI as DEFAULT_VISUAL_DPI2,
+  limitChartRequest
 } from "@json-to-office/shared";
 import {
   isNativeVisualProps as isNativeVisualProps2
@@ -5804,30 +6210,42 @@ import {
   chartPointsPerPixel,
   POINTS_PER_PIXEL_96DPI,
   withChartFontFaceCss,
-  withChartTypography
+  withChartTypography,
+  resolveServiceUrl as resolveServiceUrl3,
+  postJsonToService as postJsonToService3,
+  chartRequestKey,
+  dedupeChartRequest,
+  recordChartRetry
 } from "@json-to-office/shared";
 var DEFAULT_EXPORT_SERVER_URL = "http://localhost:7801";
+function effectiveChartServerUrl(props, servicesConfig) {
+  return resolveServiceUrl3(
+    props.serverUrl,
+    servicesConfig?.serverUrl,
+    DEFAULT_EXPORT_SERVER_URL
+  );
+}
 function assertExportServerAllowed(serverUrl, servicesConfig, warnings) {
   const notice = remoteExportNotice(serverUrl, servicesConfig?.allowRemote);
-  if (notice)
-    warnings?.push({
-      component: "highcharts",
-      severity: "warning",
-      message: notice,
-      context: { code: REMOTE_EXPORT_WARNING, serverUrl }
-    });
+  if (!notice || !warnings) return;
+  const alreadySaid = warnings.some(
+    (warning) => warning.context?.code === REMOTE_EXPORT_WARNING && warning.context?.serverUrl === serverUrl
+  );
+  if (alreadySaid) return;
+  warnings.push({
+    component: "highcharts",
+    severity: "warning",
+    message: notice,
+    context: { code: REMOTE_EXPORT_WARNING, serverUrl }
+  });
 }
-async function generateChart(config, servicesConfig, warnings) {
+async function generateChart(config, servicesConfig, warnings, cache) {
   if (!isNodeEnvironment()) {
     throw new Error(
       "Highcharts export server requires a Node.js environment. Chart generation is not available in browser environments."
     );
   }
-  const serverUrl = resolveServiceUrl(
-    config.serverUrl,
-    servicesConfig?.serverUrl,
-    DEFAULT_EXPORT_SERVER_URL
-  );
+  const serverUrl = effectiveChartServerUrl(config, servicesConfig);
   assertExportServerAllowed(serverUrl, servicesConfig, warnings);
   const requestBody = {
     infile: config.options,
@@ -5838,11 +6256,21 @@ async function generateChart(config, servicesConfig, warnings) {
     // byte-identical to before for callers that omit it.
     ...config.resources ? { resources: config.resources } : {}
   };
-  const response = await postJsonToService({
+  return dedupeChartRequest(
+    cache,
+    chartRequestKey(serverUrl, requestBody),
+    () => postChart(serverUrl, requestBody, config, servicesConfig)
+  );
+}
+async function postChart(serverUrl, requestBody, config, servicesConfig) {
+  const response = await postJsonToService3({
     url: serverUrl,
     path: "/export",
     body: requestBody,
     headers: servicesConfig?.headers,
+    timeoutMs: servicesConfig?.timeoutMs,
+    retries: servicesConfig?.retries,
+    onRetry: recordChartRetry,
     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}`
@@ -5941,13 +6369,13 @@ function withChartFontFaces(config, theme, faces) {
     theme.fonts.heading.family
   ]);
 }
-async function renderChartToImageProps(props, theme, servicesConfig, chartFonts, warnings) {
+async function renderChartToImageProps(props, theme, servicesConfig, chartFonts, warnings, cache) {
   const config = withChartFontFaces(
     withThemeTypography(withThemeColors(props, theme), theme),
     theme,
     chartFonts
   );
-  const chart = await generateChart(config, servicesConfig, warnings);
+  const chart = await generateChart(config, servicesConfig, warnings, cache);
   const hasConfigDimensions = config.width !== void 0 || config.height !== void 0;
   return {
     base64: chart.base64DataUri,
@@ -5967,6 +6395,7 @@ async function desugarExternals(document, options) {
       ...options.visualFonts ? { fonts: options.visualFonts } : {}
     }
   ).catch(() => /* @__PURE__ */ new Map());
+  const chartCache = /* @__PURE__ */ new Map();
   return transformComponents(document, async (node) => {
     if (node.enabled === false) return void 0;
     if (node.name === "visual") {
@@ -5981,14 +6410,21 @@ async function desugarExternals(document, options) {
       });
     }
     if (node.name === "highcharts") {
+      const props = node.props;
+      const chartConfig = options.services?.highcharts;
       return withNodeIdentity(node, {
         name: "image",
-        props: await renderChartToImageProps(
-          node.props,
-          options.theme,
-          options.services?.highcharts,
-          options.chartFonts,
-          options.warnings
+        props: await limitChartRequest(
+          effectiveChartServerUrl(props, chartConfig),
+          chartConfig?.concurrency,
+          () => renderChartToImageProps(
+            props,
+            options.theme,
+            chartConfig,
+            options.chartFonts,
+            options.warnings,
+            chartCache
+          )
         )
       });
     }