@a3s-lab/office 0.1.0 → 0.2.2

package/dist/0~work-docx-export.js

@@ -1,21 +1,22 @@
-import { normalizeDocumentTableLayoutMode, normalizeDocumentTableRowHeightRule, normalizeTableColor, normalizeDocumentTableBorderWidth, normalizeDocumentTableVerticalAlign, normalizeDocumentTableBorderStyle } from "./0~6552.js";
-import { documentCitationTags, documentNoteKind, documentSections, documentCaptionLabel, documentCaptionKind, collectDocumentNotes, documentNoteKey, normalizeDocumentPageChrome, normalizeDocumentColumns, documentCitationInstruction, docxDocumentFieldKind } from "./4704.js";
-import { documentImageLayoutFromElement, normalizeDocumentTabStops } from "./0~8155.js";
+import jszip from "jszip";
+import { documentImageLayoutFromElement, normalizeTableColor, normalizeDocumentTableBorderWidth, documentTableCellMarginOverridesFromElement, documentTableBordersFromElement, documentTableGeometryFromElement, normalizeDocumentTabStops, normalizeDocumentTableBorderStyle } from "./0~4750.js";
+import { normalizeDocumentTableRowHeightRule, normalizeDocumentTableVerticalAlign } from "./0~2582.js";
+import { documentCitationTags, documentNoteKind, documentSections, documentCaptionLabel, documentCaptionKind, collectDocumentNotes, documentNoteKey, normalizeDocumentPageChrome, normalizeDocumentColumns, documentCitationInstruction, docxDocumentFieldKind } from "./2881.js";
+import { parseXml, descendants, directChildren } from "./8715.js";
 import { patchDocxBibliography } from "./0~work-docx-bibliography.js";
 import { patchDocxPageColor } from "./0~work-docx-page-color.js";
+const TWIPS_PER_PIXEL = 15;
 function documentTableCellDocxOptions(cell, docx) {
     const backgroundColor = normalizeTableColor(cell.dataset.officeCellFill || cell.style.backgroundColor);
     const verticalAlign = normalizeDocumentTableVerticalAlign(cell.dataset.officeCellVerticalAlign || cell.style.verticalAlign);
-    const borderStyle = normalizeDocumentTableBorderStyle(cell.dataset.officeCellBorderStyle || cell.style.borderStyle);
-    const borderWidth = normalizeDocumentTableBorderWidth(cell.dataset.officeCellBorderWidth || cell.style.borderWidth);
-    const borderColor = normalizeTableColor(cell.dataset.officeCellBorderColor || cell.style.borderColor);
-    const border = borderStyle ? {
-        style: docxBorderStyle(borderStyle, docx),
-        ...'none' === borderStyle ? {} : {
-            color: docxColor(borderColor ?? '#cfd5df'),
-            size: Math.max(1, Math.round((borderWidth ?? 1) * 6))
-        }
-    } : null;
+    const legacyBorderStyle = normalizeDocumentTableBorderStyle(cell.dataset.officeCellBorderStyle || cell.style.borderStyle);
+    const fallbackBorder = {
+        color: normalizeTableColor(cell.dataset.officeCellBorderColor || cell.style.borderColor) ?? '#cfd5df',
+        style: legacyBorderStyle ?? 'solid',
+        width: 'none' === legacyBorderStyle ? 0 : normalizeDocumentTableBorderWidth(cell.dataset.officeCellBorderWidth || cell.style.borderWidth) ?? 1
+    };
+    const borders = hasDocumentTableBorderPresentation(cell) ? documentTableBordersFromElement(cell, fallbackBorder) : null;
+    const margins = documentTableCellMarginOverridesFromElement(cell);
     return {
         ...backgroundColor ? {
             shading: {
@@ -26,16 +27,37 @@ function documentTableCellDocxOptions(cell, docx) {
         ...verticalAlign ? {
             verticalAlign: 'middle' === verticalAlign ? docx.VerticalAlignTable.CENTER : 'bottom' === verticalAlign ? docx.VerticalAlignTable.BOTTOM : docx.VerticalAlignTable.TOP
         } : {},
-        ...border ? {
+        ...borders ? {
             borders: {
-                top: border,
-                right: border,
-                bottom: border,
-                left: border
+                top: documentTableCellDocxBorder(borders.top, docx),
+                right: documentTableCellDocxBorder(borders.right, docx),
+                bottom: documentTableCellDocxBorder(borders.bottom, docx),
+                left: documentTableCellDocxBorder(borders.left, docx)
             }
+        } : {},
+        ...margins ? {
+            margins: Object.fromEntries(Object.entries(margins).map(([side, value])=>[
+                    side,
+                    pixelsToTwips(value)
+                ]))
         } : {}
     };
 }
+function pixelsToTwips(pixels) {
+    return Math.max(0, Math.round(pixels * TWIPS_PER_PIXEL));
+}
+function documentTableCellDocxBorder(border, docx) {
+    return {
+        style: docxBorderStyle(border.style, docx),
+        ...'none' === border.style || 0 === border.width ? {} : {
+            color: docxColor(border.color),
+            size: Math.max(1, Math.round(6 * border.width))
+        }
+    };
+}
+function hasDocumentTableBorderPresentation(cell) {
+    return Boolean(Object.keys(cell.dataset).some((key)=>key.startsWith('officeCellBorder')) || cell.style.borderStyle || cell.style.borderTopStyle || cell.style.borderRightStyle || cell.style.borderBottomStyle || cell.style.borderLeftStyle);
+}
 function docxBorderStyle(style, docx) {
     if ('dashed' === style) return docx.BorderStyle.DASHED;
     if ('dotted' === style) return docx.BorderStyle.DOTTED;
@@ -46,31 +68,38 @@ function docxBorderStyle(style, docx) {
 function docxColor(color) {
     return color.replace(/^#/, '').toUpperCase();
 }
-const TWIPS_PER_PIXEL = 15;
+const work_docx_table_sizing_export_TWIPS_PER_PIXEL = 15;
 function documentTableSizingDocxOptions(table, docx) {
-    const mode = normalizeDocumentTableLayoutMode(table.dataset.officeTableLayout);
+    const geometry = documentTableGeometryFromElement(table);
     const pixelWidths = documentTableColumnWidths(table);
-    const columnWidths = pixelWidths?.map(pixelsToTwips);
-    if ('contents' === mode) return {
-        layout: docx.TableLayoutType.AUTOFIT,
-        width: {
-            size: 0,
-            type: docx.WidthType.AUTO
-        }
-    };
-    if ('fixed' === mode && columnWidths?.length) return {
-        columnWidths,
-        layout: docx.TableLayoutType.FIXED,
-        width: {
-            size: columnWidths.reduce((sum, width)=>sum + width, 0),
-            type: docx.WidthType.DXA
-        }
-    };
+    const columnWidths = pixelWidths?.map(work_docx_table_sizing_export_pixelsToTwips);
     return {
-        layout: docx.TableLayoutType.FIXED,
-        width: {
-            size: 100,
+        ...columnWidths?.length ? {
+            columnWidths
+        } : {},
+        layout: 'fixed' === geometry.layout ? docx.TableLayoutType.FIXED : docx.TableLayoutType.AUTOFIT,
+        width: 'percent' === geometry.width.type && null !== geometry.width.value ? {
+            size: geometry.width.value,
             type: docx.WidthType.PERCENTAGE
+        } : 'pixels' === geometry.width.type && null !== geometry.width.value ? {
+            size: work_docx_table_sizing_export_pixelsToTwips(geometry.width.value),
+            type: docx.WidthType.DXA
+        } : {
+            size: 0,
+            type: docx.WidthType.AUTO
+        },
+        alignment: 'center' === geometry.alignment ? docx.AlignmentType.CENTER : 'right' === geometry.alignment ? docx.AlignmentType.RIGHT : docx.AlignmentType.LEFT,
+        ...geometry.indent > 0 ? {
+            indent: {
+                size: work_docx_table_sizing_export_pixelsToTwips(geometry.indent),
+                type: docx.WidthType.DXA
+            }
+        } : {},
+        margins: {
+            top: pixelsToNonNegativeTwips(geometry.cellMargins.top),
+            right: pixelsToNonNegativeTwips(geometry.cellMargins.right),
+            bottom: pixelsToNonNegativeTwips(geometry.cellMargins.bottom),
+            left: pixelsToNonNegativeTwips(geometry.cellMargins.left)
         }
     };
 }
@@ -79,7 +108,7 @@ function documentTableCellSizingDocxOptions(cell, docx) {
     if (!widths?.length) return {};
     return {
         width: {
-            size: pixelsToTwips(widths.reduce((sum, width)=>sum + width, 0)),
+            size: work_docx_table_sizing_export_pixelsToTwips(widths.reduce((sum, width)=>sum + width, 0)),
             type: docx.WidthType.DXA
         }
     };
@@ -90,7 +119,7 @@ function documentTableRowSizingDocxOptions(row, docx) {
     const rule = normalizeDocumentTableRowHeightRule(row.dataset.officeRowHeightRule);
     return {
         height: {
-            value: pixelsToTwips(pixels),
+            value: work_docx_table_sizing_export_pixelsToTwips(pixels),
             rule: 'exact' === rule ? docx.HeightRule.EXACT : docx.HeightRule.ATLEAST
         }
     };
@@ -116,8 +145,11 @@ function rowHeightPixels(row) {
     const value = Number.parseFloat(row.dataset.officeRowHeight || row.style.height);
     return Number.isFinite(value) && value > 0 ? value : null;
 }
-function pixelsToTwips(pixels) {
-    return Math.max(1, Math.round(pixels * TWIPS_PER_PIXEL));
+function work_docx_table_sizing_export_pixelsToTwips(pixels) {
+    return Math.max(1, Math.round(pixels * work_docx_table_sizing_export_TWIPS_PER_PIXEL));
+}
+function pixelsToNonNegativeTwips(pixels) {
+    return Math.max(0, Math.round(pixels * work_docx_table_sizing_export_TWIPS_PER_PIXEL));
 }
 function docxCaptionParagraph(element, titleChildren, docx, bidirectional) {
     const kind = documentCaptionKind(element.dataset.captionKind) ?? 'figure';
@@ -510,6 +542,38 @@ function imageDimensions(blob) {
         image.src = url;
     });
 }
+const WORD_NAMESPACE = 'http://schemas.openxmlformats.org/wordprocessingml/2006/main';
+async function patchDocxDocumentLayout(buffer, sections) {
+    const archive = await jszip.loadAsync(buffer);
+    const entry = archive.file('word/document.xml');
+    if (!entry) return buffer;
+    const document = parseXml(await entry.async('string'), 'word/document.xml');
+    patchSectionDocumentGrids(document, sections);
+    archive.file('word/document.xml', new XMLSerializer().serializeToString(document));
+    return archive.generateAsync({
+        type: 'arraybuffer'
+    });
+}
+function patchSectionDocumentGrids(document, sections) {
+    const sectionProperties = descendants(document, 'sectPr').filter((element)=>!hasAncestor(element, 'sectPrChange'));
+    for (const [index, properties] of sectionProperties.entries()){
+        for (const grid of directChildren(properties, 'docGrid'))grid.remove();
+        const value = sections[index]?.layout.documentGrid;
+        if (!value) continue;
+        const grid = document.createElementNS(WORD_NAMESPACE, 'w:docGrid');
+        grid.setAttributeNS(WORD_NAMESPACE, 'w:type', value.type);
+        grid.setAttributeNS(WORD_NAMESPACE, 'w:linePitch', String(Math.max(1, Math.round(20 * value.linePitch))));
+        properties.append(grid);
+    }
+}
+function hasAncestor(element, localName) {
+    let ancestor = element.parentElement;
+    while(ancestor){
+        if (ancestor.localName === localName) return true;
+        ancestor = ancestor.parentElement;
+    }
+    return false;
+}
 async function createDocxBlob(content) {
     const docx = await import("docx");
     const noteCollection = collectDocumentNotes(content.html);
@@ -530,10 +594,11 @@ async function createDocxBlob(content) {
     const commentRecords = createDocxCommentRecords(comments, docx, noteContext);
     const sections = [];
     let usesOddEvenPageChrome = false;
-    for (const section of documentSections({
+    const sourceSections = documentSections({
         ...content,
         html: noteCollection.html
-    })){
+    });
+    for (const section of sourceSections){
         const parsed = new DOMParser().parseFromString(section.html, 'text/html');
         const children = [];
         for (const node of parsed.body.children){
@@ -546,7 +611,7 @@ async function createDocxBlob(content) {
         const headers = await sectionHeaders(pageChrome, docx, noteContext);
         const footers = await sectionFooters(pageChrome, docx, noteContext);
         sections.push({
-            properties: sectionProperties(section.layout, docx),
+            properties: work_docx_export_sectionProperties(section.layout, docx),
             headers,
             footers,
             children
@@ -572,14 +637,15 @@ async function createDocxBlob(content) {
     });
     const packed = await docx.Packer.toBlob(document);
     const bibliographyPatched = await patchDocxBibliography(await packed.arrayBuffer(), content.bibliography);
-    const patched = await patchDocxPageColor(bibliographyPatched, content.pageColor);
+    const layoutPatched = await patchDocxDocumentLayout(bibliographyPatched, sourceSections);
+    const patched = await patchDocxPageColor(layoutPatched, content.pageColor);
     return new Blob([
         patched
     ], {
         type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
     });
 }
-function sectionProperties(layout, docx) {
+function work_docx_export_sectionProperties(layout, docx) {
     const landscape = 'landscape' === layout.orientation;
     const dimensions = 'letter' === layout.pageSize ? {
         width: landscape ? 15840 : 12240,
@@ -927,6 +993,7 @@ async function inlineRuns(root, docx, noteContext) {
             shading: backgroundColor ? {
                 fill: backgroundColor
             } : inherited.shading,
+            snapToGrid: dataBoolean(node.dataset.officeWordSnapToGrid) ?? inherited.snapToGrid,
             rightToLeft: void 0 === direction ? inherited.rightToLeft : 'rtl' === direction
         };
         if ('br' === tag) return [
@@ -1090,13 +1157,7 @@ async function tableToDocx(element, docx, noteContext) {
                 columnSpan: cell.colSpan > 1 ? cell.colSpan : void 0,
                 rowSpan: cell.rowSpan > 1 ? cell.rowSpan : void 0,
                 ...documentTableCellDocxOptions(cell, docx),
-                ...documentTableCellSizingDocxOptions(cell, docx),
-                margins: {
-                    top: 80,
-                    right: 100,
-                    bottom: 80,
-                    left: 100
-                }
+                ...documentTableCellSizingDocxOptions(cell, docx)
             }));
         }
         const explicitHeader = dataBoolean(row.dataset.officeRepeatHeader);