abstract-document 20.0.3 → 20.1.0

package/src/abstract-document-exporters/docx2/render-image.ts

@@ -1,10 +1,10 @@
 import type * as AbstractImage from "abstract-image";
 import type { IMediaTransformation } from "docx";
 import { ImageRun } from "docx";
-import type { TextStyle } from "../../abstract-document/styles/text-style.js";
 import type { Image } from "../../abstract-document/atoms/image.js";
-import { fromBase64, rawSvgPrefix } from "../shared/base-64.js";
 import type * as AD from "../../abstract-document/index.js";
+import type { TextStyle } from "../../abstract-document/styles/text-style.js";
+import { fromBase64, rawSvgPrefix } from "../shared/base-64.js";
 
 const abstractDocPointsToDocxPxRatio = 1; // Set to 1 for now to minimize impact. Can be adjusted to better match PDF image dimensions
 
@@ -21,7 +21,7 @@ export function renderImage(image: Image, textStyle: TextStyle, resources: AD.Re
   const firstComp = aImage.components[0];
   const resource =
     !aImage.size.width && !aImage.size.height && firstComp?.type === "binaryimage" && firstComp.data.type === "url"
-      ? resources.imageResources?.[firstComp.data.url] ?? image.imageResource
+      ? (resources.imageResources?.[firstComp.data.url] ?? image.imageResource)
       : image.imageResource;
 
   const rect = resourceRect(resource, {
@@ -87,13 +87,9 @@ function binaryImageToImageRun(
     if (format === "png" || format === "jpg" || format === "jpeg") {
       return new ImageRun({
         type: format === "png" ? "png" : "jpg",
-        data: Buffer.from(
-          component.data.bytes.buffer,
-          component.data.bytes.byteOffset,
-          component.data.bytes.byteLength
-        ),
+        data: Buffer.from(component.data.bytes.buffer, component.data.bytes.byteOffset, component.data.bytes.byteLength),
         transformation,
-      } as any);
+      });
     }
 
     if (format === "svg") {
@@ -131,11 +127,11 @@ function binaryImageToImageRun(
       const data = fromBase64(match[2]);
 
       if (mimeType.includes("png")) {
-        return new ImageRun({ data, transformation, type: "png" } as any);
+        return new ImageRun({ data, transformation, type: "png" });
       }
 
       if (mimeType.includes("jpeg") || mimeType.includes("jpg")) {
-        return new ImageRun({ data, transformation, type: "jpg" } as any);
+        return new ImageRun({ data, transformation, type: "jpg" });
       }
 
       if (mimeType.includes("svg")) {
@@ -147,11 +143,7 @@ function binaryImageToImageRun(
   return undefined;
 }
 
-function abstractImageToSvg(
-  image: AbstractImage.AbstractImage,
-  resources: AD.Resources.Resources,
-  textStyle: TextStyle
-): string {
+function abstractImageToSvg(image: AbstractImage.AbstractImage, resources: AD.Resources.Resources, textStyle: TextStyle): string {
   const width = image.size.width || 1;
   const height = image.size.height || 1;
 
@@ -163,12 +155,7 @@ function abstractImageToSvg(
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">${children}</svg>`;
 }
 
-function componentToSvg(
-  component: AbstractImage.Component,
-  resources: AD.Resources.Resources,
-  textStyle: TextStyle,
-  circuitBreaker: number
-): string {
+function componentToSvg(component: AbstractImage.Component, resources: AD.Resources.Resources, textStyle: TextStyle, circuitBreaker: number): string {
   if (++circuitBreaker > 20) {
     return "";
   }
@@ -182,9 +169,7 @@ function componentToSvg(
       const scaleY = component.size.height / (component.image.size.height || 1);
       const scale = Math.min(scaleX, scaleY);
 
-      const children = component.image.components
-        .map((child) => componentToSvg(child, resources, textStyle, circuitBreaker))
-        .join("");
+      const children = component.image.components.map((child) => componentToSvg(child, resources, textStyle, circuitBreaker)).join("");
 
       return `<g transform="translate(${component.topLeft.x} ${component.topLeft.y}) scale(${scale})">${children}</g>`;
     }
@@ -259,9 +244,7 @@ function binaryImageToSvg(
       const scaleY = height / (imageResource.abstractImage.size.height || 1);
       const scale = Math.min(scaleX, scaleY);
 
-      const children = imageResource.abstractImage.components
-        .map((child) => componentToSvg(child, resources, textStyle, circuitBreaker))
-        .join("");
+      const children = imageResource.abstractImage.components.map((child) => componentToSvg(child, resources, textStyle, circuitBreaker)).join("");
 
       return `<g transform="translate(${component.topLeft.x} ${component.topLeft.y}) scale(${scale})">${children}</g>`;
     }
@@ -279,11 +262,7 @@ function binaryImageToSvg(
   if (component.data.type === "bytes") {
     if (format === "png" || format === "jpg" || format === "jpeg") {
       const mime = format === "png" ? "image/png" : "image/jpeg";
-      const base64 = Buffer.from(
-        component.data.bytes.buffer,
-        component.data.bytes.byteOffset,
-        component.data.bytes.byteLength
-      ).toString("base64");
+      const base64 = Buffer.from(component.data.bytes.buffer, component.data.bytes.byteOffset, component.data.bytes.byteLength).toString("base64");
 
       return `<image x="${component.topLeft.x}" y="${component.topLeft.y}" width="${width}" height="${height}" href="data:${mime};base64,${base64}" />`;
     }
@@ -303,19 +282,10 @@ function textComponentToSvg(component: AbstractImage.Text): string {
       ? ` transform="rotate(${component.clockwiseRotationDegrees} ${component.position.x} ${component.position.y})"`
       : "";
 
-  const anchor =
-    component.horizontalGrowthDirection === "left"
-      ? "end"
-      : component.horizontalGrowthDirection === "uniform"
-      ? "middle"
-      : "start";
+  const anchor = component.horizontalGrowthDirection === "left" ? "end" : component.horizontalGrowthDirection === "uniform" ? "middle" : "start";
 
   const dominantBaseline =
-    component.verticalGrowthDirection === "up"
-      ? "text-after-edge"
-      : component.verticalGrowthDirection === "uniform"
-      ? "middle"
-      : "text-before-edge";
+    component.verticalGrowthDirection === "up" ? "text-after-edge" : component.verticalGrowthDirection === "uniform" ? "middle" : "text-before-edge";
 
   return `<text x="${component.position.x}" y="${component.position.y}" font-family="${escapeXml(
     component.fontFamily
@@ -333,14 +303,10 @@ function fillAttrs(color: AbstractImage.Color): string {
 function strokeAttrs(color: AbstractImage.Color, thickness: number, dashStyle: AbstractImage.DashStyle): string {
   const dashArray =
     dashStyle.dashes.length > 0
-      ? ` stroke-dasharray="${dashStyle.dashes.filter((dash) => dash !== 0).join(" ")}" stroke-dashoffset="${
-          dashStyle.offset
-        }"`
+      ? ` stroke-dasharray="${dashStyle.dashes.filter((dash) => dash !== 0).join(" ")}" stroke-dashoffset="${dashStyle.offset}"`
       : "";
 
-  return `stroke="${colorToCss(color)}" stroke-opacity="${colorToOpacity(
-    color
-  )}" stroke-width="${thickness}"${dashArray}`;
+  return `stroke="${colorToCss(color)}" stroke-opacity="${colorToOpacity(color)}" stroke-width="${thickness}"${dashArray}`;
 }
 
 function colorToOpacity(color: AbstractImage.Color): number {

package/src/abstract-document-exporters/docx2/render.ts

@@ -1,4 +1,4 @@
-import * as AD from "../../abstract-document/index.js";
+import { Readable } from "stream";
 import type {
   ISectionOptions,
   ImageRun,
@@ -31,36 +31,41 @@ import {
   VerticalAlign,
   PageNumber,
 } from "docx";
+import * as AD from "../../abstract-document/index.js";
 import { renderImage } from "./render-image.js";
-import { Readable } from "stream";
 
 const abstractDocToDocxFontRatio = 2;
 const abstractDocPixelToDocxDXARatio = 20;
 const abstractDocBorderToDocxBorderSizeRatio = 8;
 
 export function exportToHTML5Blob(doc: AD.AbstractDoc.AbstractDoc): Promise<Blob> {
-  return new Promise((resolve) => {
+  return new Promise((resolve, reject) => {
     const docx = createDocument(doc);
-    Packer.toBlob(docx).then((blob) => {
-      resolve(blob);
-    });
+    Packer.toBlob(docx)
+      .then((blob) => {
+        resolve(blob);
+      })
+      .catch(reject);
   });
 }
 
 export function exportToStream(blobStream: NodeJS.WritableStream, doc: AD.AbstractDoc.AbstractDoc): void {
   const docx = createDocument(doc);
 
-  Packer.toBuffer(docx).then((buffer) => {
-    const readableStream = new Readable();
-    readableStream.push(buffer);
-    readableStream.push(null);
-    readableStream.pipe(blobStream);
-  });
+  Packer.toBuffer(docx)
+    .then((buffer) => {
+      const readableStream = new Readable();
+      readableStream.push(buffer);
+      readableStream.push(null);
+      readableStream.pipe(blobStream);
+    })
+    .catch((err: unknown) => blobStream.emit("error", err instanceof Error ? err : new Error(String(err))));
 }
 
 /**
- * On the client side the stream can be a BlobStream from the blob-stream package.
- * On the server-side the stream can be a file stream from the fs package.
+ * On the client side the stream can be a BlobStream from the blob-stream package. On the server-side the stream can be a file stream from the fs
+ * package.
+ *
  * @param blobStream
  * @param doc
  */
@@ -85,28 +90,28 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
 
   const resources = AD.Resources.mergeResources([parentResources, section]);
 
-  const headerChildren = section.page.header.reduce((sofar, c) => {
+  const headerChildren = section.page.header.reduce<Array<Paragraph | Table>>((sofar, c) => {
     sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
     return sofar;
-  }, [] as Array<Paragraph | Table>);
+  }, []);
 
   const firstpageHeaderChildren = hasFrontHeader
-    ? section.page.frontHeader.reduce((sofar, c) => {
+    ? section.page.frontHeader.reduce<Array<Paragraph | Table>>((sofar, c) => {
         sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
         return sofar;
-      }, [] as Array<Paragraph | Table>)
+      }, [])
     : [];
 
-  const footerChildren = section.page.footer.reduce((sofar, c) => {
+  const footerChildren = section.page.footer.reduce<Array<Paragraph | Table>>((sofar, c) => {
     sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
     return sofar;
-  }, [] as Array<Paragraph | Table>);
+  }, []);
 
   const firstPageFooterChildren = hasFrontFooter
-    ? section.page.frontFooter.reduce((sofar, c) => {
+    ? section.page.frontFooter.reduce<Array<Paragraph | Table>>((sofar, c) => {
         sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
         return sofar;
-      }, [] as Array<Paragraph | Table>)
+      }, [])
     : [];
 
   const contentChildren = [
@@ -119,10 +124,10 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
         }),
       ],
     }),
-    ...section.children.reduce((sofar, c) => {
+    ...section.children.reduce<Array<Paragraph | Table>>((sofar, c) => {
       sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
       return sofar;
-    }, [] as Array<Paragraph | Table>),
+    }, []),
   ];
 
   return {
@@ -133,8 +138,7 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
           //DOC JS does the orientation after the width and height are set
           width: AD.PageStyle.getPaperWidth(section.page.style.paperSize) * abstractDocPixelToDocxDXARatio,
           height: AD.PageStyle.getPaperHeight(section.page.style.paperSize) * abstractDocPixelToDocxDXARatio,
-          orientation:
-            section.page.style.orientation === "Landscape" ? PageOrientation.LANDSCAPE : PageOrientation.PORTRAIT,
+          orientation: section.page.style.orientation === "Landscape" ? PageOrientation.LANDSCAPE : PageOrientation.PORTRAIT,
         },
         margin: {
           bottom: pageContentMargins.bottom * abstractDocPixelToDocxDXARatio,
@@ -170,21 +174,18 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
   };
 }
 
-function renderHyperLink(
-  hyperLink: AD.HyperLink.HyperLink,
-  style: AD.TextStyle.TextStyle
-): InternalHyperlink | ExternalHyperlink {
+function renderHyperLink(hyperLink: AD.HyperLink.HyperLink, style: AD.TextStyle.TextStyle): InternalHyperlink | ExternalHyperlink {
   const fontSize = AD.TextStyle.calculateFontSize(style, 10) * 2;
   const textRun = new TextRun({
     text: hyperLink.text,
-    font: style.fontFamily || "Helvetica",
+    font: style.fontFamily ?? "Helvetica",
     size: fontSize,
-    color: style.color || "#0000ff",
-    bold: style.bold || style.fontWeight === "bold",
+    color: style.color ?? "#0000ff",
+    bold: style.bold ?? style.fontWeight === "bold",
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-          color: style.color || "#0000ff",
+          color: style.color ?? "#0000ff",
           type: UnderlineType.SINGLE,
         }
       : undefined,
@@ -215,11 +216,10 @@ function renderSectionElement(
       return [renderParagraph(element, resources, keepNext)];
     case "Group":
       return [...renderGroup(element, parentResources, contentAvailableWidth)];
-    case "Table":
+    case "Table": {
       const table = renderTable(element, resources, contentAvailableWidth, keepNext);
-      return table
-        ? [table, new Paragraph({ keepNext: keepNext, children: [new TextRun({ text: ".", size: 0.000001 })] })]
-        : [];
+      return table ? [table, new Paragraph({ keepNext: keepNext, children: [new TextRun({ text: ".", size: 0.000001 })] })] : [];
+    }
     case "PageBreak":
       return [
         new Paragraph({
@@ -231,29 +231,15 @@ function renderSectionElement(
   }
 }
 
-function renderTable(
-  table: AD.Table.Table,
-  resources: AD.Resources.Resources,
-  contentAvailableWidth: number,
-  keepNext: boolean
-): Table | undefined {
-  const style = AD.Resources.getStyle(
-    undefined,
-    table.style,
-    "TableStyle",
-    table.styleName,
-    resources
-  ) as AD.TableStyle.TableStyle;
+function renderTable(table: AD.Table.Table, resources: AD.Resources.Resources, contentAvailableWidth: number, keepNext: boolean): Table | undefined {
+  const style = AD.Resources.getStyle(undefined, table.style, "TableStyle", table.styleName, resources) as AD.TableStyle.TableStyle;
   const styleMargins = AD.LayoutFoundation.orDefault(style.margins);
 
   if (table.children.length === 0) {
     return undefined;
   }
 
-  const tableWidthWithoutInfinity = table.columnWidths.reduce(
-    (sofar, c) => (Number.isFinite(c) ? sofar + c : sofar),
-    0
-  );
+  const tableWidthWithoutInfinity = table.columnWidths.reduce((sofar, c) => (Number.isFinite(c) ? sofar + c : sofar), 0);
   const amountOfInfinity = table.columnWidths.reduce((sofar, c) => (!Number.isFinite(c) ? sofar + 1 : sofar), 0);
   const infinityCellWidth = (contentAvailableWidth - tableWidthWithoutInfinity) / amountOfInfinity;
   const columnWidths = table.columnWidths.map((w) =>
@@ -262,12 +248,7 @@ function renderTable(
 
   return new Table({
     layout: "fixed",
-    alignment:
-      style.alignment === "Left"
-        ? AlignmentType.LEFT
-        : style.alignment === "Right"
-        ? AlignmentType.RIGHT
-        : AlignmentType.CENTER,
+    alignment: style.alignment === "Left" ? AlignmentType.LEFT : style.alignment === "Right" ? AlignmentType.RIGHT : AlignmentType.CENTER,
     margins: {
       top: styleMargins.top * abstractDocPixelToDocxDXARatio,
       bottom: styleMargins.bottom * abstractDocPixelToDocxDXARatio,
@@ -310,9 +291,7 @@ function renderTable(
         style: BorderStyle.NONE,
       },
     },
-    rows: table.headerRows
-      .concat(table.children)
-      .map((c) => renderRow(c, resources, style.cellStyle, columnWidths, keepNext)),
+    rows: table.headerRows.concat(table.children).map((c) => renderRow(c, resources, style.cellStyle, columnWidths, keepNext)),
   });
 }
 
@@ -334,7 +313,7 @@ function renderRow(
         children: [...acc.children, renderCell(cell, resources, tableCellStyle, width, keepNext)],
       };
     },
-    { columnIndex: 0, children: [] as TableCell[] }
+    { columnIndex: 0, children: [] as Array<TableCell> }
   ).children;
 
   return new TableRow({
@@ -352,13 +331,7 @@ function renderCell(
 ): TableCell {
   const abstractDocPxCellWidth = width / abstractDocPixelToDocxDXARatio;
 
-  const style = AD.Resources.getStyle(
-    tableCellStyle,
-    cell.style,
-    "TableCellStyle",
-    cell.styleName,
-    resources
-  ) as AD.TableCellStyle.TableCellStyle;
+  const style = AD.Resources.getStyle(tableCellStyle, cell.style, "TableCellStyle", cell.styleName, resources) as AD.TableCellStyle.TableCellStyle;
 
   const stylePadding = AD.LayoutFoundation.orDefault(style.padding);
   const styleBorders = AD.LayoutFoundation.orDefault(style.borders);
@@ -368,10 +341,10 @@ function renderCell(
       (style.verticalAlignment && style.verticalAlignment === "Top"
         ? VerticalAlign.TOP
         : style.verticalAlignment === "Bottom"
-        ? VerticalAlign.BOTTOM
-        : VerticalAlign.CENTER) || undefined,
+          ? VerticalAlign.BOTTOM
+          : VerticalAlign.CENTER) || undefined,
     shading: {
-      fill: style.background ? style.background : undefined,
+      fill: style.background ?? undefined,
     },
     columnSpan: cell.columnSpan,
     rowSpan: cell.rowSpan,
@@ -408,10 +381,10 @@ function renderCell(
       },
     },
 
-    children: cell.children.reduce((sofar, c) => {
+    children: cell.children.reduce<Array<Paragraph | Table>>((sofar, c) => {
       sofar.push(...renderSectionElement(c, resources, abstractDocPxCellWidth, keepNext));
       return sofar;
-    }, [] as Array<Paragraph | Table>),
+    }, []),
   });
 }
 
@@ -448,18 +421,8 @@ function renderAtom(
   }
 }
 
-function renderTextField(
-  resources: AD.Resources.Resources,
-  textStyle: AD.TextStyle.TextStyle,
-  textField: AD.TextField.TextField
-): TextRun {
-  const style = AD.Resources.getStyle(
-    textStyle,
-    textField.style,
-    "TextStyle",
-    textField.styleName,
-    resources
-  ) as AD.TextStyle.TextStyle;
+function renderTextField(resources: AD.Resources.Resources, textStyle: AD.TextStyle.TextStyle, textField: AD.TextField.TextField): TextRun {
+  const style = AD.Resources.getStyle(textStyle, textField.style, "TextStyle", textField.styleName, resources) as AD.TextStyle.TextStyle;
   switch (textField.fieldType) {
     case "Date":
       return renderText(style, new Date(Date.now()).toDateString());
@@ -472,18 +435,14 @@ function renderTextField(
   }
 }
 
-function renderTextRun(
-  resources: AD.Resources.Resources,
-  textStyle: AD.TextStyle.TextStyle,
-  textRun: AD.TextRun.TextRun
-): TextRun {
+function renderTextRun(resources: AD.Resources.Resources, textStyle: AD.TextStyle.TextStyle, textRun: AD.TextRun.TextRun): TextRun {
   const style = AD.Resources.getNestedStyle(
     textStyle,
     textRun.style,
     "TextStyle",
     textRun.styleName,
     resources,
-    textRun.nestedStyleNames || []
+    textRun.nestedStyleNames ?? []
   ) as AD.TextStyle.TextStyle;
 
   return renderText(style, textRun.text);
@@ -492,10 +451,10 @@ function renderTextRun(
 function renderPageNumber(style: AD.TextStyle.TextStyle): TextRun {
   const fontSize = AD.TextStyle.calculateFontSize(style, 10) * abstractDocToDocxFontRatio;
   return new TextRun({
-    font: style.fontFamily || "Helvetica",
+    font: style.fontFamily ?? "Helvetica",
     size: fontSize,
-    color: style.color || "#000000",
-    bold: style.bold || style.fontWeight === "bold",
+    color: style.color ?? "#000000",
+    bold: style.bold ?? style.fontWeight === "bold",
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
@@ -510,10 +469,10 @@ function renderPageNumber(style: AD.TextStyle.TextStyle): TextRun {
 function renderTotalPages(style: AD.TextStyle.TextStyle): TextRun {
   const fontSize = AD.TextStyle.calculateFontSize(style, 10) * abstractDocToDocxFontRatio;
   return new TextRun({
-    font: style.fontFamily || "Helvetica",
+    font: style.fontFamily ?? "Helvetica",
     size: fontSize,
-    color: style.color || "#000000",
-    bold: style.bold || style.fontWeight === "bold",
+    color: style.color ?? "#000000",
+    bold: style.bold ?? style.fontWeight === "bold",
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
@@ -530,10 +489,10 @@ function renderText(style: AD.TextStyle.TextStyle, text: string): TextRun {
 
   return new TextRun({
     text: text,
-    font: style.fontFamily || "Helvetica",
+    font: style.fontFamily ?? "Helvetica",
     size: fontSize,
-    color: style.color || "#000000",
-    bold: style.bold || style.fontWeight === "bold",
+    color: style.color ?? "#000000",
+    bold: style.bold ?? style.fontWeight === "bold",
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
@@ -544,15 +503,11 @@ function renderText(style: AD.TextStyle.TextStyle, text: string): TextRun {
   });
 }
 
-function renderGroup(
-  group: AD.Group.Group,
-  resources: AD.Resources.Resources,
-  availabelWidth: number
-): Array<Paragraph | Table> {
-  let sofar = Array<Paragraph | Table>();
+function renderGroup(group: AD.Group.Group, resources: AD.Resources.Resources, availabelWidth: number): Array<Paragraph | Table> {
+  const sofar = Array<Paragraph | Table>();
   let keepNext = true;
   for (let index = 0; index < group.children.length; index++) {
-    if (index == group.children.length - 1) {
+    if (index === group.children.length - 1) {
       keepNext = false;
     }
     sofar.push(...renderSectionElement(group.children[index], resources, availabelWidth, keepNext));
@@ -560,11 +515,7 @@ function renderGroup(
   return sofar;
 }
 
-function renderParagraph(
-  paragraph: AD.Paragraph.Paragraph,
-  resources: AD.Resources.Resources,
-  keepNext: boolean
-): Paragraph {
+function renderParagraph(paragraph: AD.Paragraph.Paragraph, resources: AD.Resources.Resources, keepNext: boolean): Paragraph {
   const style = AD.Resources.getStyle(
     undefined,
     paragraph.style,
@@ -578,11 +529,7 @@ function renderParagraph(
     keepNext: keepNext,
     alignment:
       (style.alignment &&
-        (style.alignment === "Center"
-          ? AlignmentType.CENTER
-          : style.alignment === "End"
-          ? AlignmentType.END
-          : AlignmentType.START)) ||
+        (style.alignment === "Center" ? AlignmentType.CENTER : style.alignment === "End" ? AlignmentType.END : AlignmentType.START)) ??
       undefined,
 
     spacing: {

package/src/abstract-document-exporters/pdf/font.ts

@@ -3,10 +3,7 @@ import type { Font } from "../../abstract-document/primitives/font.js";
 import type { TextFontWeight } from "../../abstract-document/styles/text-style.js";
 import { getResources } from "../shared/get_resources.js";
 
-export function registerFonts(
-  registerFont: (fontName: string, fontSource: AD.Font.FontSource) => void,
-  document: AD.AbstractDoc.AbstractDoc
-): void {
+export function registerFonts(registerFont: (fontName: string, fontSource: AD.Font.FontSource) => void, document: AD.AbstractDoc.AbstractDoc): void {
   const resources = getResources(document);
   for (const [fontName, font] of Object.entries(resources.fonts ?? {})) {
     // Required
@@ -17,32 +14,33 @@ export function registerFonts(
     registerFont(fontName + "-BoldOblique", font.boldItalic);
     registerFont(fontName + "-BoldItalic", font.boldItalic);
     // Optional
-    registerFont(fontName + "-Light", font.light || font.normal);
-    registerFont(fontName + "-Medium", font.medium || font.normal);
-    registerFont(fontName + "-ExtraBold", font.extraBold || font.bold);
-    registerFont(fontName + "-LightOblique", font.lightItalic || font.normal);
-    registerFont(fontName + "-LightItalic", font.lightItalic || font.normal);
-    registerFont(fontName + "-MediumOblique", font.mediumItalic || font.italic);
-    registerFont(fontName + "-MediumItalic", font.mediumItalic || font.italic);
-    registerFont(fontName + "-ExtraBoldItalic", font.extraBoldItalic || font.boldItalic);
-    registerFont(fontName + "-ExtraBoldOblique", font.extraBoldItalic || font.boldItalic);
+    registerFont(fontName + "-Light", font.light ?? font.normal);
+    registerFont(fontName + "-Medium", font.medium ?? font.normal);
+    registerFont(fontName + "-ExtraBold", font.extraBold ?? font.bold);
+    registerFont(fontName + "-LightOblique", font.lightItalic ?? font.normal);
+    registerFont(fontName + "-LightItalic", font.lightItalic ?? font.normal);
+    registerFont(fontName + "-MediumOblique", font.mediumItalic ?? font.italic);
+    registerFont(fontName + "-MediumItalic", font.mediumItalic ?? font.italic);
+    registerFont(fontName + "-ExtraBoldItalic", font.extraBoldItalic ?? font.boldItalic);
+    registerFont(fontName + "-ExtraBoldOblique", font.extraBoldItalic ?? font.boldItalic);
   }
 }
 
 function getFontWeightFromStyle(textStyle: AD.TextStyle.TextStyle): TextFontWeight {
-  return textStyle.fontWeight
-    ? textStyle.fontWeight
-    : textStyle.light
-    ? "light"
-    : textStyle.normal
-    ? "normal"
-    : textStyle.bold
-    ? "bold"
-    : textStyle.mediumBold
-    ? "mediumBold"
-    : textStyle.extraBold
-    ? "extraBold"
-    : "normal";
+  return (
+    textStyle.fontWeight ??
+    (textStyle.light
+      ? "light"
+      : textStyle.normal
+        ? "normal"
+        : textStyle.bold
+          ? "bold"
+          : textStyle.mediumBold
+            ? "mediumBold"
+            : textStyle.extraBold
+              ? "extraBold"
+              : "normal")
+  );
 }
 
 function getFontWeightFromAttributes(attribs: Record<string, string>): TextFontWeight {
@@ -57,6 +55,7 @@ export function getFontNameStyle(textStyle: AD.TextStyle.TextStyle): string {
 
 export function getFontStyleName(attributes: Record<string, string>): keyof Font {
   const fontWeight = getFontWeightFromAttributes(attributes);
+  // oxlint-disable-next-line typescript/no-unnecessary-template-expression
   const stringifiedItalic = `${attributes["italic"]}`;
   const italic = stringifiedItalic === "true" || stringifiedItalic === "1";
   if (fontWeight === "normal") {
@@ -65,12 +64,8 @@ export function getFontStyleName(attributes: Record<string, string>): keyof Font
   return `${fontWeight === "mediumBold" ? "medium" : fontWeight}${italic ? "Italic" : ""}`;
 }
 
-export function getFontName(
-  fontFamily: string | undefined,
-  fontWeight: TextFontWeight,
-  italic: boolean | undefined
-): string {
-  const name = fontFamily || "Helvetica";
+export function getFontName(fontFamily: string | undefined, fontWeight: TextFontWeight, italic: boolean | undefined): string {
+  const name = fontFamily ?? "Helvetica";
   if (fontWeight === "light" && italic) {
     return name + "-LightOblique";
   } else if (fontWeight === "bold" && italic) {