abstract-document 19.3.0 → 20.0.3

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

@@ -1,8 +1,18 @@
 import * as AD from "../../abstract-document/index.js";
+import type {
+  ISectionOptions,
+  ImageRun,
+  SymbolRun,
+  PageBreak,
+  SequentialIdentifier,
+  FootnoteReferenceRun,
+  InsertedTextRun,
+  DeletedTextRun,
+  Math as MathDocX,
+} from "docx";
 import {
   Packer,
   Document,
-  ISectionOptions,
   Paragraph,
   Table,
   Bookmark,
@@ -19,14 +29,6 @@ import {
   TableRow,
   TableCell,
   VerticalAlign,
-  ImageRun,
-  SymbolRun,
-  PageBreak,
-  SequentialIdentifier,
-  FootnoteReferenceRun,
-  InsertedTextRun,
-  DeletedTextRun,
-  Math as MathDocX,
   PageNumber,
 } from "docx";
 import { renderImage } from "./render-image.js";
@@ -72,16 +74,14 @@ function createDocument(doc: AD.AbstractDoc.AbstractDoc): Document {
 
 function renderSection(section: AD.Section.Section, parentResources: AD.Resources.Resources): ISectionOptions {
   const pageWidth = AD.PageStyle.getWidth(section.page.style);
-  const pageHeight = AD.PageStyle.getHeight(section.page.style);
-  const pageHeaderMargins = AD.LayoutFoundation.orDefault(section.page.style.headerMargins)
-  const pageFooterMargins = AD.LayoutFoundation.orDefault(section.page.style.footerMargins)
+  const pageHeaderMargins = AD.LayoutFoundation.orDefault(section.page.style.headerMargins);
+  const pageFooterMargins = AD.LayoutFoundation.orDefault(section.page.style.footerMargins);
   const pageContentMargins = AD.LayoutFoundation.orDefault(section.page.style.contentMargins);
 
   const hasFrontHeader = section.page.frontHeader !== undefined && section.page.frontHeader.length !== 0;
   const hasFrontFooter = section.page.frontFooter !== undefined && section.page.frontFooter.length !== 0;
-  
-  const contentAvailableWidth =
-    pageWidth - (pageContentMargins.left + pageContentMargins.right);
+
+  const contentAvailableWidth = pageWidth - (pageContentMargins.left + pageContentMargins.right);
 
   const resources = AD.Resources.mergeResources([parentResources, section]);
 
@@ -90,20 +90,24 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
     return sofar;
   }, [] as Array<Paragraph | Table>);
 
-  const firstpageHeaderChildren = hasFrontHeader ? section.page.frontHeader.reduce((sofar, c) => {
-    sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
-    return sofar;
-  }, [] as Array<Paragraph | Table>) : [];
+  const firstpageHeaderChildren = hasFrontHeader
+    ? section.page.frontHeader.reduce((sofar, c) => {
+        sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
+        return sofar;
+      }, [] as Array<Paragraph | Table>)
+    : [];
 
   const footerChildren = section.page.footer.reduce((sofar, c) => {
     sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
     return sofar;
   }, [] as Array<Paragraph | Table>);
 
-  const firstPageFooterChildren = hasFrontFooter ? section.page.frontFooter.reduce((sofar, c) => {
-    sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
-    return sofar;
-  }, [] as Array<Paragraph | Table>) : [];
+  const firstPageFooterChildren = hasFrontFooter
+    ? section.page.frontFooter.reduce((sofar, c) => {
+        sofar.push(...renderSectionElement(c, resources, contentAvailableWidth));
+        return sofar;
+      }, [] as Array<Paragraph | Table>)
+    : [];
 
   const contentChildren = [
     new Paragraph({
@@ -146,17 +150,21 @@ function renderSection(section: AD.Section.Section, parentResources: AD.Resource
       default: new Header({
         children: headerChildren,
       }),
-      first: hasFrontHeader ? new Header({
-        children: firstpageHeaderChildren
-      }) : undefined
+      first: hasFrontHeader
+        ? new Header({
+            children: firstpageHeaderChildren,
+          })
+        : undefined,
     },
     footers: {
       default: new Footer({
-        children: footerChildren
+        children: footerChildren,
       }),
-      first: hasFrontFooter ? new Footer({
-        children: firstPageFooterChildren
-      }) : undefined
+      first: hasFrontFooter
+        ? new Footer({
+            children: firstPageFooterChildren,
+          })
+        : undefined,
     },
     children: contentChildren,
   };
@@ -176,9 +184,9 @@ function renderHyperLink(
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color || "#0000ff",
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color || "#0000ff",
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
   });
 
@@ -258,8 +266,8 @@ function renderTable(
       style.alignment === "Left"
         ? AlignmentType.LEFT
         : style.alignment === "Right"
-          ? AlignmentType.RIGHT
-          : AlignmentType.CENTER,
+        ? AlignmentType.RIGHT
+        : AlignmentType.CENTER,
     margins: {
       top: styleMargins.top * abstractDocPixelToDocxDXARatio,
       bottom: styleMargins.bottom * abstractDocPixelToDocxDXARatio,
@@ -302,7 +310,9 @@ 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)),
   });
 }
 
@@ -317,16 +327,11 @@ function renderRow(
     (acc, cell) => {
       const span = cell.columnSpan ?? 1;
 
-      const width = columnWidths
-        .slice(acc.columnIndex, acc.columnIndex + span)
-        .reduce((a, b) => a + b, 0);
+      const width = columnWidths.slice(acc.columnIndex, acc.columnIndex + span).reduce((a, b) => a + b, 0);
 
       return {
         columnIndex: acc.columnIndex + span,
-        children: [
-          ...acc.children,
-          renderCell(cell, resources, tableCellStyle, width, keepNext),
-        ],
+        children: [...acc.children, renderCell(cell, resources, tableCellStyle, width, keepNext)],
       };
     },
     { columnIndex: 0, children: [] as TableCell[] }
@@ -346,7 +351,7 @@ function renderCell(
   keepNext: boolean
 ): TableCell {
   const abstractDocPxCellWidth = width / abstractDocPixelToDocxDXARatio;
-  
+
   const style = AD.Resources.getStyle(
     tableCellStyle,
     cell.style,
@@ -363,8 +368,8 @@ 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,
     },
@@ -494,9 +499,9 @@ function renderPageNumber(style: AD.TextStyle.TextStyle): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
     children: [PageNumber.CURRENT],
   });
@@ -512,9 +517,9 @@ function renderTotalPages(style: AD.TextStyle.TextStyle): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
     children: [PageNumber.TOTAL_PAGES],
   });
@@ -532,9 +537,9 @@ function renderText(style: AD.TextStyle.TextStyle, text: string): TextRun {
     characterSpacing: style.characterSpacing,
     underline: style.underline
       ? {
-        color: style.color,
-        type: UnderlineType.SINGLE,
-      }
+          color: style.color,
+          type: UnderlineType.SINGLE,
+        }
       : undefined,
   });
 }
@@ -576,8 +581,8 @@ function renderParagraph(
         (style.alignment === "Center"
           ? AlignmentType.CENTER
           : style.alignment === "End"
-            ? AlignmentType.END
-            : AlignmentType.START)) ||
+          ? AlignmentType.END
+          : AlignmentType.START)) ||
       undefined,
 
     spacing: {

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

@@ -1,6 +1,6 @@
 import * as AD from "../../abstract-document/index.js";
-import { Font } from "../../abstract-document/primitives/font.js";
-import { TextFontWeight } from "../../abstract-document/styles/text-style.js";
+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(
@@ -57,12 +57,12 @@ export function getFontNameStyle(textStyle: AD.TextStyle.TextStyle): string {
 
 export function getFontStyleName(attributes: Record<string, string>): keyof Font {
   const fontWeight = getFontWeightFromAttributes(attributes);
-  const stringifiedItalic = `${attributes.italic}`;
+  const stringifiedItalic = `${attributes["italic"]}`;
   const italic = stringifiedItalic === "true" || stringifiedItalic === "1";
-  if(fontWeight === "normal") {
+  if (fontWeight === "normal") {
     return italic ? "italic" : fontWeight;
   }
-  return `${fontWeight === "mediumBold" ? "medium" : fontWeight}${italic ? "Italic": ""}`;
+  return `${fontWeight === "mediumBold" ? "medium" : fontWeight}${italic ? "Italic" : ""}`;
 }
 
 export function getFontName(

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

@@ -1,6 +1,7 @@
 import * as AD from "../../abstract-document/index.js";
 import { exhaustiveCheck } from "ts-exhaustive-check";
-import { getHeaderAndFooter, Page } from "./paginate.js";
+import type { Page } from "./paginate.js";
+import { getHeaderAndFooter } from "./paginate.js";
 import { registerFonts, getFontNameStyle } from "./font.js";
 
 //tslint:disable:no-any variable-name

package/src/abstract-document-exporters/pdf/pre-process.ts

@@ -1,7 +1,6 @@
 import { exhaustiveCheck } from "ts-exhaustive-check";
 import * as AD from "../../abstract-document/index.js";
 import * as TextStyle from "../../abstract-document/styles/text-style.js";
-import { checkServerIdentity } from "node:tls";
 
 const alphabet = [
   "a",
@@ -201,7 +200,7 @@ function adjustParagraph(paragraph: AD.Paragraph.Paragraph): Array<AD.SectionEle
             type: "LineBreak",
             style: child.style,
             nestedStyleNames: child.nestedStyleNames,
-            styleName: child.styleName
+            styleName: child.styleName,
           };
           newChildren.push(lineBreak);
         }

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

@@ -1,4 +1,4 @@
-import * as AbstractImage from "abstract-image";
+import type * as AbstractImage from "abstract-image";
 import svgToPdfKit from "svg-to-pdfkit";
 import * as AD from "../../abstract-document/index.js";
 import { getFontNameStyle, getFontName, isFontAvailable } from "./font.js";
@@ -230,7 +230,6 @@ function addWithSvgToPdfKit(
   let svgUpdated = svg;
   ["fill=", "stroke=", "color="].forEach((t) => {
     let index = 0;
-    // eslint-disable-next-line no-constant-condition
     while (true) {
       index = svgUpdated.indexOf(t, index);
       if (index === -1) break;
@@ -247,7 +246,6 @@ function addWithSvgToPdfKit(
 
   ["stroke-dasharray="].forEach((t) => {
     let index = 0;
-    // eslint-disable-next-line no-constant-condition
     while (true) {
       index = svgUpdated.indexOf(t, index);
       if (index === -1) break;

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

@@ -1,68 +1,63 @@
 import * as AD from "../../abstract-document/index.js";
 import { preProcess } from "./pre-process.js";
 import { measure, measurePages } from "./measure.js";
-import { paginate, Page, getHeaderAndFooter } from "./paginate.js";
+import type { Page } from "./paginate.js";
+import { paginate, getHeaderAndFooter } from "./paginate.js";
 import { updatePageRefs } from "./update-refs.js";
 import { renderImage } from "./render-image.js";
 import { registerFonts, getFontNameStyle } from "./font.js";
 import { registerDefaultStdFonts } from "./std-fonts.js";
 import { toBlob, toBytes } from "pdfkit/output";
-import { PdfKitAlignment, rowsCombineTextRuns, rowsSplit } from "./textRunRow.js";
+import PDFDocument from "pdfkit";
+import type { PdfKitAlignment } from "./textRunRow.js";
+import { rowsCombineTextRuns, rowsSplit } from "./textRunRow.js";
 
 export type PdfExportOptions = {
   compress: boolean;
 };
 
 export function exportToHTML5Blob(
-  pdfKit: PDFKit.PDFDocument,
   doc: AD.AbstractDoc.AbstractDoc,
   options: PdfExportOptions = { compress: false }
 ): Promise<Blob> {
-  const pdf = createDocument(pdfKit, options, doc);
+  const pdf = createDocument(options, doc);
   return toBlob(pdf);
 }
 
 export function exportToBytes(
-  pdfKit: PDFKit.PDFDocument,
   doc: AD.AbstractDoc.AbstractDoc,
   options: PdfExportOptions = { compress: false }
 ): Promise<Uint8Array> {
-  const pdf = createDocument(pdfKit, options, doc);
+  const pdf = createDocument(options, doc);
   return toBytes(pdf);
 }
 
 /**
  * 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 pdfKit
  * @param blobStream
  * @param doc
  * @param options
  */
 export function exportToStream(
-  pdfKit: PDFKit.PDFDocument,
   blobStream: any,
   doc: AD.AbstractDoc.AbstractDoc,
   options: PdfExportOptions = { compress: false }
 ): void {
-  let pdf = createDocument(pdfKit, options, doc);
+  let pdf = createDocument(options, doc);
   pdf.pipe(blobStream);
 }
 
-function createDocument(
-  pdfKit: PDFKit.PDFDocument,
-  options: PdfExportOptions,
-  ad: AD.AbstractDoc.AbstractDoc
-): PDFKit.PDFDocument {
+function createDocument(options: PdfExportOptions, ad: AD.AbstractDoc.AbstractDoc): PDFKit.PDFDocument {
   registerDefaultStdFonts();
-  const pdf = new pdfKit({ ...options, autoFirstPage: false, bufferPages: true });
+  const pdf = new PDFDocument({ ...options, autoFirstPage: false, bufferPages: true });
 
   const document = preProcess(ad);
   registerFonts((fontName: string, fontSource: AD.Font.FontSource) => pdf.registerFont(fontName, fontSource), document);
-  const desiredSizes = measure(pdfKit, document);
-  const pages = paginate(pdfKit, document, desiredSizes);
+  const desiredSizes = measure(PDFDocument, document);
+  const pages = paginate(PDFDocument, document, desiredSizes);
   const updatedPages = updatePageRefs(pages);
-  const pageDesiredSizes = measurePages(pdfKit, document, updatedPages);
+  const pageDesiredSizes = measurePages(PDFDocument, document, updatedPages);
 
   for (let page of updatedPages) {
     renderPage(document, pdf, pageDesiredSizes, page);

package/src/abstract-document-exporters/pdf/update-refs.ts

@@ -1,5 +1,5 @@
-import * as AD from "../../abstract-document/index.js";
-import { Page } from "./paginate.js";
+import type * as AD from "../../abstract-document/index.js";
+import type { Page } from "./paginate.js";
 
 export function updatePageRefs(pages: ReadonlyArray<Page>): Array<Page> {
   return pages.map((page) => updateRefsOnPage(page, pages));

package/src/abstract-document-exporters/shared/get_resources.ts

@@ -1,13 +1,14 @@
 import { exhaustiveCheck } from "ts-exhaustive-check";
-import { AbstractDoc } from "../../abstract-document/abstract-doc.js";
-import { Resources, mergeResources } from "../../abstract-document/resources.js";
-import { Group } from "../../abstract-document/section-elements/group.js";
-import { Table } from "../../abstract-document/section-elements/table.js";
-import { SectionElement } from "../../abstract-document/section-elements/section-element.js";
-import { Paragraph } from "../../abstract-document/section-elements/paragraph.js";
-import { Section } from "../../abstract-document/page/section.js";
-import { TableRow } from "../../abstract-document/table/table-row.js";
-import { TableCell } from "../../abstract-document/table/table-cell.js";
+import type { AbstractDoc } from "../../abstract-document/abstract-doc.js";
+import type { Resources } from "../../abstract-document/resources.js";
+import { mergeResources } from "../../abstract-document/resources.js";
+import type { Group } from "../../abstract-document/section-elements/group.js";
+import type { Table } from "../../abstract-document/section-elements/table.js";
+import type { SectionElement } from "../../abstract-document/section-elements/section-element.js";
+import type { Paragraph } from "../../abstract-document/section-elements/paragraph.js";
+import type { Section } from "../../abstract-document/page/section.js";
+import type { TableRow } from "../../abstract-document/table/table-row.js";
+import type { TableCell } from "../../abstract-document/table/table-cell.js";
 
 export function getResources(doc: AbstractDoc): Resources {
   const resources = doc.children.map((s) => getResourcesSection(s));

package/src/abstract-document-xml/abstract-doc-of-xml/abstract-doc-of-xml.ts

@@ -1,11 +1,12 @@
 import { addResources, merge } from "../../abstract-document/abstract-doc.js";
-import { AbstractDoc } from "../../abstract-document/index.js";
+import type { AbstractDoc } from "../../abstract-document/index.js";
 import * as StyleKey from "../../abstract-document/styles/style-key.js";
-import { Resources } from "../../abstract-document/resources.js";
-import { ADCreatorFn, creators, propsCreators } from "./creator.js";
+import type { Resources } from "../../abstract-document/resources.js";
+import type { ADCreatorFn } from "./creator.js";
+import { creators, propsCreators } from "./creator.js";
 import { parseHandlebarsXml, type XmlElement } from "handlebars-xml";
 import { getFontStyleName } from "../../abstract-document-exporters/pdf/font.js";
-import { Font } from "../../abstract-document/primitives/font.js";
+import type { Font } from "../../abstract-document/primitives/font.js";
 
 export type TemplateInput = {
   readonly template: string;
@@ -72,9 +73,9 @@ function abstractDocXmlRecursive(
     const childName = childElement.tagName;
     if (childName !== undefined) {
       if (childName === "StyleNames") {
-        props.styles = abstractDocXmlRecursive(creators, childElement);
-      } else if (childName === "StyleName" && childElement.attributes && childElement.attributes.name) {
-        const styleName = StyleKey.create(childElement.attributes.type, childElement.attributes.name);
+        props["styles"] = abstractDocXmlRecursive(creators, childElement);
+      } else if (childName === "StyleName" && childElement.attributes && childElement.attributes["name"]) {
+        const styleName = StyleKey.create(childElement.attributes["type"], childElement.attributes["name"]);
         const style = abstractDocXmlRecursive(creators, childElement);
         props[styleName] = style;
       } else if (childName.startsWith(childName.charAt(0).toUpperCase())) {
@@ -85,11 +86,11 @@ function abstractDocXmlRecursive(
         // Some special keys should directly have an array of children as value instead of an object with children key
         const arrayedElements = ["header", "footer", "headerRows"];
         const childrenOnly = arrayedElements.findIndex((e) => e === childName) !== -1;
-        const differentFirstPage = childElement.attributes.differentFirstPage;
+        const differentFirstPage = childElement.attributes["differentFirstPage"];
         if (differentFirstPage === "true" && childName === "header") {
-          props.frontHeader = abstractDocXmlRecursive(creators, childElement, childrenOnly);
+          props["frontHeader"] = abstractDocXmlRecursive(creators, childElement, childrenOnly);
         } else if (differentFirstPage === "true" && childName === "footer") {
-          props.frontFooter = abstractDocXmlRecursive(creators, childElement, childrenOnly);
+          props["frontFooter"] = abstractDocXmlRecursive(creators, childElement, childrenOnly);
         } else {
           props[childName] = abstractDocXmlRecursive(creators, childElement, childrenOnly);
         }
@@ -119,19 +120,19 @@ function abstractDocXmlRecursive(
   }
 
   // Elements styling needs to have style: {type= "StyleName" }. Occures when having a <style></style> element.
-  if (typeof obj.style === "object") {
-    if (obj.columnSpan) {
-      obj.style = { ...obj.style, type: "TableCellStyle" };
+  if (typeof obj["style"] === "object") {
+    if (obj["columnSpan"]) {
+      obj["style"] = { ...obj["style"], type: "TableCellStyle" };
     } else {
-      switch (obj.type) {
+      switch (obj["type"]) {
         case "page":
-          obj.style = { ...obj.style, type: "MasterPageStyle" };
+          obj["style"] = { ...obj["style"], type: "MasterPageStyle" };
           break;
         case "Group":
-          obj.style = { ...obj.style, type: "GroupStyle" };
+          obj["style"] = { ...obj["style"], type: "GroupStyle" };
           break;
         case "Table":
-          obj.style = { ...obj.style, type: "TableStyle" };
+          obj["style"] = { ...obj["style"], type: "TableStyle" };
           break;
         // Cell is missing type in abstract doc?!?!?!
         // case "TableCell":
@@ -142,12 +143,12 @@ function abstractDocXmlRecursive(
         case "TextParagraph":
         case "ImageParagraph":
         case "Paragraph":
-          obj.style = { ...obj.style, type: "ParagraphStyle" };
+          obj["style"] = { ...obj["style"], type: "ParagraphStyle" };
           break;
         case "TextField":
         case "HyperLink":
         case "TextRun":
-          obj.style = { ...obj.style, type: "TextStyle" };
+          obj["style"] = { ...obj["style"], type: "TextStyle" };
           break;
         default:
           break;
@@ -156,7 +157,7 @@ function abstractDocXmlRecursive(
   }
 
   if (children.length > 0) {
-    obj.children = children;
+    obj["children"] = children;
   }
   return obj;
 }
@@ -188,7 +189,7 @@ function extractImageFontsStyleNames(
   styleNames: Record<string, string> = {},
   images: Record<string, true> = {},
   fonts: Record<string, Partial<Record<keyof Font, boolean>>> = {},
-  currentFontFamily: string | undefined = undefined,
+  currentFontFamily: string | undefined = undefined
 ): readonly [
   imageUrls: Record<string, true>,
   fontFamilies: Record<string, Partial<Record<keyof Font, boolean>>>,
@@ -196,41 +197,41 @@ function extractImageFontsStyleNames(
 ] {
   let crFntFam = currentFontFamily;
   xmlElement.forEach((item) => {
-    if (item.tagName.startsWith("Image") && item.attributes?.src) {
-      images[item.attributes.src as string] = true;
+    if (item.tagName.startsWith("Image") && item.attributes?.["src"]) {
+      images[item.attributes["src"] as string] = true;
     } else if (item.tagName === "style") {
-      const fontFamily = crFntFam ?? styleFamilies.Default;
-      if(fontFamily) {
+      const fontFamily = crFntFam ?? styleFamilies["Default"];
+      if (fontFamily) {
         const styleName = getFontStyleName(item.attributes);
         (fonts[fontFamily] ??= {})[styleName] = true;
       }
-    } else if(item.attributes.styleName !== undefined) {
-      crFntFam = styleFamilies[item.attributes.styleName] ?? crFntFam;
-    } else if (item.attributes.styleNames !== undefined) {
-      const style = item.attributes.styleNames.split(",").find((style) => styleFamilies[style]);
-      if(style) {
+    } else if (item.attributes["styleName"] !== undefined) {
+      crFntFam = styleFamilies[item.attributes["styleName"]] ?? crFntFam;
+    } else if (item.attributes["styleNames"] !== undefined) {
+      const style = item.attributes["styleNames"].split(",").find((style) => styleFamilies[style]);
+      if (style) {
         const fontFamily = styleFamilies[style];
-        if(fontFamily) {
+        if (fontFamily) {
           crFntFam = fontFamily;
         }
       }
-    } else if (item.attributes?.fontFamily) {
+    } else if (item.attributes?.["fontFamily"]) {
       const styleName = getFontStyleName(item.attributes);
-      (fonts[item.attributes.fontFamily as string] ??= {})[styleName] = true;
-      if (item.tagName === "StyleName" && item.attributes.name && item.attributes.type) {
-        styleNames[item.attributes.name as string] = item.attributes.type;
+      (fonts[item.attributes["fontFamily"] as string] ??= {})[styleName] = true;
+      if (item.tagName === "StyleName" && item.attributes["name"] && item.attributes["type"]) {
+        styleNames[item.attributes["name"] as string] = item.attributes["type"];
       }
-    } else if (item.tagName === "StyleName" && item.attributes.name && item.attributes.type) {
-      styleNames[item.attributes.name as string] = item.attributes.type;
-      if(item.attributes.type === "TextStyle" && item.attributes.fontFamily) {
+    } else if (item.tagName === "StyleName" && item.attributes["name"] && item.attributes["type"]) {
+      styleNames[item.attributes["name"] as string] = item.attributes["type"];
+      if (item.attributes["type"] === "TextStyle" && item.attributes["fontFamily"]) {
         const styleName = getFontStyleName(item.attributes);
-        styleFamilies[item.attributes.name as string] = item.attributes.fontFamily;
-        (fonts[item.attributes.fontFamily] ??= {})[styleName] = true;
+        styleFamilies[item.attributes["name"] as string] = item.attributes["fontFamily"];
+        (fonts[item.attributes["fontFamily"]] ??= {})[styleName] = true;
       }
     }
-    if(item.children.length > 0) {
+    if (item.children.length > 0) {
       extractImageFontsStyleNames(item.children, styleFamilies, styleNames, images, fonts, crFntFam);
     }
   });
   return [images, fonts, styleNames];
-}
+}