Preserve QPowerPoint text styling

src/io/powerPointOffice.ts

@@ -11,6 +11,12 @@ export interface ExportablePowerPointDeck {
   slides: Slide[];
 }
 
+interface SlideTextBlock {
+  text: string;
+  color?: string;
+  fontSize?: number;
+}
+
 type XmlParserConstructor = new (options?: Record<string, unknown>) => { parse: (xml: string) => unknown };
 type ZipEntry = {
   async(type: "string"): Promise<string>;
@@ -49,7 +55,7 @@ export async function importPptxFile(file: File): Promise<ImportedPowerPointDeck
     slidePaths.map(async ({ path, index }) => {
       const slideXml = await readRequiredZipText(zip, path, "Не удалось прочитать слайд PowerPoint.");
       const parsedSlide = parser.parse(slideXml);
-      const slideTextBlocks = extractTextBlocks(parsedSlide);
+      const slideTextBlocks = extractSlideTextBlocks(parsedSlide);
       const images = await extractSlideImages(zip, parser, parsedSlide, path, index);
       const notesPath = await slideNotesPath(zip, parser, path);
       const notesXml = notesPath ? await readOptionalZipText(zip, notesPath) : await readOptionalZipText(zip, `ppt/notesSlides/notesSlide${index}.xml`);
@@ -58,11 +64,15 @@ export async function importPptxFile(file: File): Promise<ImportedPowerPointDeck
 
       return {
         id: `pptx-slide-${index}`,
-        title: slideTextBlocks[0] || `Слайд ${index}`,
-        subtitle: slideTextBlocks.slice(1).join("\n"),
+        title: slideTextBlocks[0]?.text || `Слайд ${index}`,
+        subtitle: slideTextBlocks.slice(1).map((block) => block.text).join("\n"),
         notes,
         theme: "classic" as const,
         ...(backgroundColor ? { backgroundColor } : {}),
+        ...(slideTextBlocks[0]?.color ? { titleColor: slideTextBlocks[0].color } : {}),
+        ...(slideTextBlocks[0]?.fontSize ? { titleFontSize: slideTextBlocks[0].fontSize } : {}),
+        ...(slideTextBlocks[1]?.color ? { subtitleColor: slideTextBlocks[1].color } : {}),
+        ...(slideTextBlocks[1]?.fontSize ? { subtitleFontSize: slideTextBlocks[1].fontSize } : {}),
         images
       };
     })
@@ -98,6 +108,10 @@ export async function exportPptxBlob(deck: ExportablePowerPointDeck): Promise<Bl
 
   for (const sourceSlide of deck.slides) {
     const colors = themeColors[sourceSlide.theme] ?? themeColors.classic;
+    const titleColor = normalizeHexColor(sourceSlide.titleColor) || colors.title;
+    const subtitleColor = normalizeHexColor(sourceSlide.subtitleColor) || colors.subtitle;
+    const titleFontSize = normalizeFontSize(sourceSlide.titleFontSize) || 30;
+    const subtitleFontSize = normalizeFontSize(sourceSlide.subtitleFontSize) || 18;
     const slide = pptx.addSlide();
     slide.background = { color: normalizeHexColor(sourceSlide.backgroundColor) || colors.background };
     sourceSlide.images?.forEach((image, index) => {
@@ -121,9 +135,9 @@ export async function exportPptxBlob(deck: ExportablePowerPointDeck): Promise<Bl
       w: 11.9,
       h: 0.75,
       fontFace: "Arial",
-      fontSize: 30,
+      fontSize: titleFontSize,
       bold: true,
-      color: colors.title,
+      color: titleColor,
       margin: 0.04,
       breakLine: false
     });
@@ -133,8 +147,8 @@ export async function exportPptxBlob(deck: ExportablePowerPointDeck): Promise<Bl
       w: 11.5,
       h: 4.35,
       fontFace: "Arial",
-      fontSize: 18,
-      color: colors.subtitle,
+      fontSize: subtitleFontSize,
+      color: subtitleColor,
       valign: "top",
       fit: "shrink",
       breakLine: false
@@ -155,6 +169,29 @@ export function extractTextBlocks(xmlNode: unknown): string[] {
   return blocks.map(normalizeWhitespace).filter(Boolean);
 }
 
+function extractSlideTextBlocks(slideXml: unknown): SlideTextBlock[] {
+  const textBodies = recordsByKey(slideXml, "txBody");
+  const blocks = textBodies
+    .map((textBody) => {
+      const text = normalizeWhitespace(extractTextBlocks(textBody).join("\n"));
+      if (!text) {
+        return null;
+      }
+
+      const runProperties = firstRecordByKey(textBody, "rPr");
+      const color = runTextColor(runProperties);
+      const fontSize = runTextFontSize(runProperties);
+      return {
+        text,
+        ...(color ? { color } : {}),
+        ...(fontSize ? { fontSize } : {})
+      };
+    })
+    .filter((block): block is SlideTextBlock => Boolean(block));
+
+  return blocks.length > 0 ? blocks : extractTextBlocks(slideXml).map((text) => ({ text }));
+}
+
 export function listSlidePaths(
   zip: ZipArchive,
   presentationXml?: unknown,
@@ -350,6 +387,25 @@ function normalizeHexColor(value?: string) {
   return /^[0-9A-F]{6}$/.test(raw) ? raw : "";
 }
 
+function runTextColor(runProperties: Record<string, unknown>) {
+  const solidFill = childRecord(runProperties, "solidFill");
+  const srgbColor = childRecord(solidFill, "srgbClr");
+  return normalizeHexColor(stringValue(srgbColor.val ?? srgbColor["@_val"]));
+}
+
+function runTextFontSize(runProperties: Record<string, unknown>) {
+  const rawSize = numberAttribute(runProperties, "sz");
+  return rawSize ? normalizeFontSize(rawSize / 100) : undefined;
+}
+
+function normalizeFontSize(value?: number) {
+  if (!Number.isFinite(value) || !value || value <= 0) {
+    return undefined;
+  }
+
+  return Math.round(value * 2) / 2;
+}
+
 function numberAttribute(record: Record<string, unknown>, name: string) {
   const value = Number.parseFloat(stringValue(record[name] ?? record[`@_${name}`]));
   return Number.isFinite(value) ? value : undefined;