@beyondwork/docx-react-component 1.0.18 → 1.0.20

package/src/io/ooxml/parse-inline-media.ts

@@ -14,6 +14,8 @@ export interface ParsedInlineMedia {
   contentType?: string;
   filename: string;
   altText?: string;
+  widthEmu?: number;
+  heightEmu?: number;
   display?: "inline" | "floating";
   floating?: {
     horizontalPosition?: {
@@ -85,6 +87,11 @@ export function parseInlineMediaXml(
     const altText = readAltText(docProperties);
     const floating = anchor ? readFloatingProperties(anchor) : undefined;
 
+    // Read extent dimensions (wp:extent cx/cy in EMUs)
+    const extent = findDrawingExtent(container);
+    const widthEmu = extent ? readEmuAttribute(extent, "cx") : undefined;
+    const heightEmu = extent ? readEmuAttribute(extent, "cy") : undefined;
+
     media.push({
       type: "image",
       mediaId: `media:${packagePartName.slice(1)}`,
@@ -93,6 +100,8 @@ export function parseInlineMediaXml(
       ...(mediaPart ? { contentType: mediaPart.contentType } : {}),
       filename: packagePartName.slice(packagePartName.lastIndexOf("/") + 1),
       ...(altText ? { altText } : {}),
+      ...(widthEmu !== undefined ? { widthEmu } : {}),
+      ...(heightEmu !== undefined ? { heightEmu } : {}),
       ...(anchor ? { display: "floating" as const } : {}),
       ...(floating ? { floating } : {}),
     });
@@ -101,6 +110,20 @@ export function parseInlineMediaXml(
   return media;
 }
 
+function findDrawingExtent(node: XmlElementNode): XmlElementNode | undefined {
+  const wordProcessingExtent = findFirstDescendant(node, "extent");
+  if (wordProcessingExtent) {
+    return wordProcessingExtent;
+  }
+
+  const transform = findFirstDescendant(node, "xfrm");
+  if (!transform) {
+    return undefined;
+  }
+
+  return findFirstDescendant(transform, "ext");
+}
+
 function readFloatingProperties(
   node: XmlElementNode,
 ): NonNullable<ParsedInlineMedia["floating"]> | undefined {
@@ -238,6 +261,13 @@ function readOptionalAttribute(node: XmlElementNode, name: string): string | und
     ?? node.attributes[name];
 }
 
+function readEmuAttribute(node: XmlElementNode, name: string): number | undefined {
+  const value = node.attributes[name] ?? node.attributes[`wp:${name}`];
+  if (value === undefined) return undefined;
+  const parsed = Number.parseInt(value, 10);
+  return Number.isFinite(parsed) && parsed >= 0 ? parsed : undefined;
+}
+
 function readBooleanAttribute(node: XmlElementNode, name: string): boolean | undefined {
   const value = readOptionalAttribute(node, name);
   if (value === undefined) {