@json-to-office/core-docx 2.3.0 → 2.4.0

package/dist/plugin/example/index.js

@@ -11,6 +11,7 @@ var __export = (target, all) => {
 // src/themes/defaults.ts
 function ensureThemeDefaults(theme) {
   return {
+    ...theme,
     $schema: theme.$schema,
     name: theme.name || "default",
     displayName: theme.displayName || "Default Theme",
@@ -21,6 +22,7 @@ function ensureThemeDefaults(theme) {
       ...theme.colors || {}
     },
     fonts: {
+      ...theme.fonts || {},
       heading: { ...DEFAULT_FONTS.heading, ...theme.fonts?.heading || {} },
       body: { ...DEFAULT_FONTS.body, ...theme.fonts?.body || {} },
       mono: { ...DEFAULT_FONTS.mono, ...theme.fonts?.mono || {} },
@@ -11477,6 +11479,15 @@ function createRenderContext(document, theme, themeName) {
 }
 
 // src/quality/facts.ts
+import {
+  chartEncodingFor,
+  collectColorLiterals,
+  collectFontFamilies,
+  collectPlaceholders,
+  hasUnitMarker,
+  normalizeHex,
+  normalizeHighchartsChart
+} from "@json-to-office/quality";
 import { DEFAULT_DOCX_RENDERER_ID as DEFAULT_DOCX_RENDERER_ID2 } from "@json-to-office/shared-docx";
 
 // src/json/normalizer.ts
@@ -11625,6 +11636,164 @@ function tableFact(props, path3, availableWidthTwips) {
     explicitWidths
   };
 }
+var SERIES_COLOR_TOKENS = [
+  "primary",
+  "accent",
+  "secondary",
+  "accent4",
+  "accent5",
+  "accent6"
+];
+function chartFact(node, props, path3, paletteTokens) {
+  const base = {
+    id: `docx:chart:${path3}`,
+    kind: "docx/chart",
+    path: path3,
+    componentName: typeof node.name === "string" ? node.name : "",
+    paletteTokens
+  };
+  if (node.name === "highcharts") {
+    const shape = normalizeHighchartsChart(props.options);
+    return {
+      ...base,
+      chartType: shape.chartType,
+      encoding: shape.encoding,
+      threeD: shape.threeD,
+      seriesCount: shape.seriesCount,
+      categoryCount: shape.categoryCount,
+      seriesColorsStated: shape.seriesColorsStated,
+      seriesColorsPath: `${path3}/props/options`,
+      ...shape.valueAxisMin !== void 0 && {
+        valueAxisMin: shape.valueAxisMin
+      },
+      unitStated: shape.unitStated,
+      annotation: {
+        stated: shape.annotationStated,
+        path: path3,
+        slot: "props.options.caption.text"
+      }
+    };
+  }
+  const chartType = typeof props.type === "string" ? props.type : "";
+  if (chartType === "") return void 0;
+  const series = Array.isArray(props.data) ? props.data : [];
+  const categoryCount = Math.max(
+    0,
+    ...series.map((entry) => {
+      const record = asRecord(entry);
+      const labels = Array.isArray(record?.labels) ? record.labels.length : 0;
+      const values = Array.isArray(record?.values) ? record.values.length : 0;
+      return Math.max(labels, values);
+    })
+  );
+  const caption = typeof props.caption === "string" ? props.caption : "";
+  const title = typeof props.title === "string" ? props.title : "";
+  return {
+    ...base,
+    chartType,
+    encoding: chartEncodingFor(chartType),
+    // No 3D type exists in the DOCX chart schema — `office-open` draws none —
+    // so this is always false here, and stays a field rather than an omission
+    // so both formats answer the same questions.
+    threeD: false,
+    seriesCount: series.length,
+    categoryCount,
+    seriesColorsStated: Array.isArray(props.chartColors) && props.chartColors.length > 0,
+    seriesColorsPath: `${path3}/props/chartColors`,
+    // No `valueAxisMin`: a DOCX chart has no axis-floor property, so the
+    // baseline is always the renderer's, which starts a bar at zero.
+    unitStated: hasUnitMarker(
+      typeof props.valAxisTitle === "string" ? props.valAxisTitle : ""
+    ) || hasUnitMarker(title) || hasUnitMarker(caption),
+    annotation: {
+      stated: caption.trim() !== "",
+      path: path3,
+      slot: "props.caption"
+    }
+  };
+}
+var DOCX_ALIGNMENTS = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]);
+function resolvedCellText(content) {
+  return typeof content === "string" ? content : "[component]";
+}
+function statesOwnBorders(authored) {
+  if (!authored) return false;
+  if (authored.borderSize !== void 0 || authored.borderColor !== void 0 || authored.hideBorders !== void 0) {
+    return true;
+  }
+  const layers = [
+    asRecord(authored.cellDefaults),
+    asRecord(authored.headerCellDefaults)
+  ];
+  if (layers.some(
+    (layer) => layer?.borderSize !== void 0 || layer?.borderColor !== void 0
+  )) {
+    return true;
+  }
+  const columns = Array.isArray(authored.columns) ? authored.columns : [];
+  return columns.some((column) => {
+    const record = asRecord(column);
+    const defaults = asRecord(record?.cellDefaults);
+    return defaults?.borderSize !== void 0 || defaults?.borderColor !== void 0;
+  });
+}
+function tableDesignFact(props, path3, theme, themeName, authored) {
+  const authoredColumns = Array.isArray(props.columns) ? props.columns : [];
+  if (authoredColumns.length === 0) return void 0;
+  const model = resolveTableModel(
+    props,
+    theme,
+    themeName
+  );
+  const bodyRows = model.rows;
+  const drawnRows = bodyRows.length + (model.header ? 1 : 0);
+  if (drawnRows === 0) return void 0;
+  const fullGrid = statesOwnBorders(authored) && [...model.header ? [model.header] : [], ...bodyRows].every(
+    (row) => row.cells.every(
+      (cell) => ["top", "right", "bottom", "left"].every(
+        (side) => !cell.borders[side].hidden && cell.borders[side].size > 0
+      )
+    )
+  );
+  const columns = authoredColumns.map(
+    (column, index) => {
+      const authoredColumn = asRecord(column) ?? {};
+      const cells = Array.isArray(authoredColumn.cells) ? authoredColumn.cells : [];
+      const alignments = /* @__PURE__ */ new Set();
+      const values = [];
+      bodyRows.forEach((row) => {
+        const cell = row.cells[index];
+        if (!cell || cell.missing) return;
+        values.push(resolvedCellText(cell.content));
+        alignments.add(cell.horizontalAlignment);
+      });
+      const header = model.header?.cells[index];
+      return {
+        index,
+        path: `${path3}/props/columns/${index}`,
+        ...header?.content !== void 0 && {
+          header: resolvedCellText(header.content)
+        },
+        values,
+        alignment: alignments.size === 1 ? [...alignments][0] : alignments.size === 0 ? "left" : "mixed",
+        hasCellDefaults: asRecord(authoredColumn.cellDefaults) !== void 0,
+        hasHeader: asRecord(authoredColumn.header) !== void 0,
+        cellsWithOwnAlignment: cells.flatMap((cell, cellIndex) => {
+          const alignment2 = asRecord(cell)?.horizontalAlignment;
+          return typeof alignment2 === "string" && DOCX_ALIGNMENTS.has(alignment2) && alignment2 !== "right" ? [cellIndex] : [];
+        })
+      };
+    }
+  );
+  return {
+    id: `docx:table-design:${path3}`,
+    kind: "docx/table",
+    path: path3,
+    columns,
+    rowCount: drawnRows,
+    fullGrid
+  };
+}
 var TWIPS_PER_POINT3 = 20;
 var SINGLE_LINE_RATIO = 1.2;
 function finiteNumber(value) {
@@ -11653,20 +11822,23 @@ function characterSpacingPt(spacing) {
   if (rule === void 0 || value === void 0) return 0;
   return rule.type === "condensed" ? -value / TWIPS_PER_POINT3 : value / TWIPS_PER_POINT3;
 }
-function pointerExists(root, pointer) {
+function nodeAtPointer(root, pointer) {
   let current = root;
   for (const token of pointer.split("/").slice(1)) {
     if (Array.isArray(current)) {
       const index = Number(token);
-      if (!Number.isInteger(index)) return false;
+      if (!Number.isInteger(index)) return void 0;
       current = current[index];
       continue;
     }
     const record = asRecord(current);
-    if (!record) return false;
+    if (!record) return void 0;
     current = record[token];
   }
-  return current !== void 0;
+  return current;
+}
+function pointerExists(root, pointer) {
+  return nodeAtPointer(root, pointer) !== void 0;
 }
 function styleKey(node, props) {
   if (node.name === "heading") {
@@ -11847,6 +12019,67 @@ function prepareDocxQualityDocument(document, options = {}) {
       ...fact.relatedPaths && { relatedPaths: fact.relatedPaths }
     };
   };
+  const paletteHexes = {};
+  for (const [token, value] of Object.entries(
+    resolved.theme.colors ?? {}
+  )) {
+    if (typeof value !== "string") continue;
+    const hex = normalizeHex(value);
+    if (hex) paletteHexes[token] = hex;
+  }
+  const paletteTokens = SERIES_COLOR_TOKENS.filter(
+    (token) => paletteHexes[token] !== void 0
+  );
+  const authoredPropsAt = (pointer) => asRecord(asRecord(nodeAtPointer(context.document, pointer))?.props);
+  addFact({
+    id: "docx:theme",
+    kind: "docx/theme",
+    path: "/props",
+    themeName: context.themeName,
+    paletteHexes,
+    // `heading` and `body` only. A theme also names `mono` and `light`, but
+    // those paint nothing until a component asks for them — counting an
+    // unused `Courier New` against a document's family budget would flag a
+    // report that only ever uses one typeface.
+    fontFamilies: [
+      ...new Set(
+        ["heading", "body"].flatMap((role) => {
+          const family = asRecord(
+            resolved.theme.fonts?.[role]
+          )?.family;
+          return typeof family === "string" && family.trim() !== "" ? [family] : [];
+        })
+      )
+    ]
+  });
+  collectColorLiterals(document).forEach((literal, index) => {
+    addFact({
+      id: `docx:color:${index}:${literal.path}`,
+      kind: "docx/color",
+      path: literal.path,
+      raw: literal.raw,
+      hex: literal.hex
+    });
+  });
+  collectFontFamilies(document).forEach((use, index) => {
+    addFact({
+      id: `docx:font:${index}:${use.path}`,
+      kind: "docx/font-family",
+      path: use.path,
+      family: use.family
+    });
+  });
+  collectPlaceholders(document).forEach((occurrence, index) => {
+    addFact({
+      id: `docx:placeholder:${index}:${occurrence.path}`,
+      kind: "docx/placeholder",
+      path: occurrence.path,
+      text: occurrence.text,
+      placeholderKind: occurrence.match.kind,
+      pattern: occurrence.match.pattern,
+      excerpt: occurrence.match.excerpt
+    });
+  });
   let previousVisitPath;
   let lastFrame;
   let flowIndex = 0;
@@ -11856,6 +12089,18 @@ function prepareDocxQualityDocument(document, options = {}) {
     if (node.name === "table") {
       const fact = tableFact(props, path3, page.availableWidthTwips);
       if (fact) addFact(fact);
+      const design = tableDesignFact(
+        props,
+        path3,
+        resolved.theme,
+        context.themeName,
+        authoredPropsAt(path3)
+      );
+      if (design) addFact(design);
+    }
+    if (node.name === "chart" || node.name === "highcharts") {
+      const fact = chartFact(node, props, path3, paletteTokens);
+      if (fact) addFact(fact);
     }
     if (node.name === "paragraph" || node.name === "text-box") {
       const floating = asRecord(props.floating);