@bendyline/squisq-formats 2.7.2 → 2.7.4

package/dist/{chunk-YERFQ2SB.js → chunk-32AQL6I6.js}

@@ -13,13 +13,14 @@ import {
   fontAwesomeGlyph
 } from "./chunk-LBXBRFBZ.js";
 import {
+  authoredImageSize,
   fitWithin,
   readImageDimensions
-} from "./chunk-RSU3V5IQ.js";
+} from "./chunk-JZR32FON.js";
 
 // src/pdf/export.ts
 import { PDFDocument, StandardFonts, rgb, PDFString } from "pdf-lib";
-import fontkit from "@pdf-lib/fontkit";
+import fontkit2 from "@pdf-lib/fontkit";
 import { contrastRatio } from "@bendyline/squisq/schemas";
 import { docToMarkdown, resolveThemeForDoc } from "@bendyline/squisq/doc";
 import { readFrontmatterThemeId, sanitizeUrl } from "@bendyline/squisq/markdown";
@@ -269,6 +270,10 @@ var WHITESPACE_LIKE = /* @__PURE__ */ new Set([
   8288,
   65279
 ]);
+var INVISIBLE_OR_SPACE = /^[\p{Cc}\p{Cf}\p{Zl}\p{Zp}\p{Zs}]$/u;
+function isInvisibleOrSpace(codePoint) {
+  return WHITESPACE_LIKE.has(codePoint) || INVISIBLE_OR_SPACE.test(String.fromCodePoint(codePoint));
+}
 var MAX_SAMPLES = 5;
 var ASCII_ONLY = /^[\x20-\x7e]*$/;
 var COMBINING_MARKS = /[̀-ͯ]/g;
@@ -320,13 +325,116 @@ var WinAnsiTracker = class {
   get substitutions() {
     return this.count;
   }
-  /** One-shot summary for the export, or undefined when nothing was lost. */
-  warning() {
+  /**
+   * One-shot summary for the export, or undefined when nothing was lost.
+   * `unicodeFont` says an embedded Unicode font already drew what it could, so
+   * what remains is beyond it too (CJK and emoji, with the bundled faces).
+   */
+  warning(options = {}) {
     if (this.count === 0) return void 0;
+    if (options.unicodeFont) {
+      return `PDF export replaced ${this.count} character(s) that its fonts cannot draw (${this.samples.join(", ")}). Scripts such as CJK and emoji are not available in PDF export.`;
+    }
     return `PDF export replaced ${this.count} character(s) that the standard PDF fonts cannot encode (${this.samples.join(", ")}). Scripts such as emoji, CJK and Cyrillic require an embedded Unicode font.`;
   }
 };
 
+// src/pdf/unicodeText.ts
+import fontkit from "@pdf-lib/fontkit";
+async function loadBundledUnicodeFonts() {
+  const { dejaVuFontData } = await import("./unicodeFontData.generated-YY6T2K5S.js");
+  return dejaVuFontData();
+}
+function hasUnencodableText(value) {
+  for (const ch of value) {
+    const codePoint = ch.codePointAt(0);
+    if (!isWinAnsiEncodable(codePoint) && !isInvisibleOrSpace(codePoint)) return true;
+  }
+  return false;
+}
+function needsUnicodeFont(root) {
+  const pending = [root];
+  while (pending.length > 0) {
+    const value = pending.pop();
+    if (typeof value === "string") {
+      if (hasUnencodableText(value)) return true;
+    } else if (Array.isArray(value)) {
+      pending.push(...value);
+    } else if (value && typeof value === "object") {
+      pending.push(...Object.values(value));
+    }
+  }
+  return false;
+}
+function asBytes(data) {
+  return data instanceof Uint8Array ? data : new Uint8Array(data);
+}
+async function embedUnicodeFaces(pdfDoc, fonts, standard) {
+  pdfDoc.registerFontkit(fontkit);
+  const faces = /* @__PURE__ */ new Map();
+  const faceFor = (data) => {
+    let face = faces.get(data);
+    if (!face) {
+      const bytes = asBytes(data);
+      const metrics = fontkit.create(bytes);
+      face = pdfDoc.embedFont(bytes, { subset: true }).then((font) => ({
+        font,
+        covers: (codePoint) => metrics.hasGlyphForCodePoint(codePoint)
+      }));
+      faces.set(data, face);
+    }
+    return face;
+  };
+  const [regular, bold, mono] = await Promise.all([
+    faceFor(fonts.regular),
+    faceFor(fonts.bold ?? fonts.regular),
+    faceFor(fonts.mono ?? fonts.regular)
+  ]);
+  return /* @__PURE__ */ new Map([
+    [standard.regular, regular],
+    [standard.italic, regular],
+    [standard.bold, bold],
+    [standard.boldItalic, bold],
+    [standard.mono, mono],
+    [standard.monoBold, mono]
+  ]);
+}
+var PdfTextRuns = class {
+  constructor(tracker, faces = /* @__PURE__ */ new Map()) {
+    this.tracker = tracker;
+    this.faces = faces;
+  }
+  split(text, font) {
+    const face = this.faces.get(font);
+    if (!face || !hasUnencodableText(text)) return [{ text: this.tracker.clean(text), font }];
+    const runs = [];
+    const push = (value, runFont) => {
+      if (value.length === 0) return;
+      const last = runs[runs.length - 1];
+      if (last && last.font === runFont) last.text += value;
+      else runs.push({ text: value, font: runFont });
+    };
+    const drawable = (codePoint) => !isInvisibleOrSpace(codePoint) && face.covers(codePoint);
+    for (const word of text.normalize("NFC").split(/(\s+)/u)) {
+      if (word.length === 0) continue;
+      const codePoints = Array.from(word, (ch) => ch.codePointAt(0));
+      if (codePoints.every(isWinAnsiEncodable)) {
+        push(word, font);
+      } else if (codePoints.every(drawable)) {
+        push(word, face.font);
+      } else {
+        for (const ch of word) {
+          const codePoint = ch.codePointAt(0);
+          if (isWinAnsiEncodable(codePoint)) push(ch, font);
+          else if (drawable(codePoint)) push(ch, face.font);
+          else push(this.tracker.clean(ch), font);
+        }
+      }
+    }
+    return runs.length > 0 ? runs : [{ text: "", font }];
+  }
+};
+
 // src/pdf/styles.ts
 var PAGE_WIDTH_LETTER = 612;
 var PAGE_HEIGHT_LETTER = 792;
@@ -401,7 +509,7 @@ async function markdownDocToPdf(doc, options = {}) {
   const ctx = await createExportContext(pdfDoc, options, doc);
   ctx.images = await embedDocumentImages(pdfDoc, doc, options.images);
   renderBlocks(doc.children, ctx, 0);
-  const warning = ctx.text.warning();
+  const warning = ctx.text.warning({ unicodeFont: ctx.unicodeFont });
   if (warning) {
     if (options.onWarning) options.onWarning(warning);
     else console.warn(warning);
@@ -455,10 +563,22 @@ async function createExportContext(pdfDoc, options, doc) {
     pdfDoc.embedFont(StandardFonts.Courier),
     pdfDoc.embedFont(StandardFonts.CourierBold)
   ]);
+  let unicodeFaces = /* @__PURE__ */ new Map();
+  if (options.unicodeFonts !== false && needsUnicodeFont(doc)) {
+    const faces = options.unicodeFonts ?? await loadBundledUnicodeFonts();
+    unicodeFaces = await embedUnicodeFaces(pdfDoc, faces, {
+      regular,
+      bold,
+      italic,
+      boldItalic,
+      mono,
+      monoBold
+    });
+  }
   const icons = {};
   const iconFamilies = collectInlineIconFamilies(doc);
   if (iconFamilies.size > 0) {
-    pdfDoc.registerFontkit(fontkit);
+    pdfDoc.registerFontkit(fontkit2);
     await Promise.all(
       fontAwesomeFaces(iconFamilies).map(async (face) => {
         icons[face.family] = await pdfDoc.embedFont(face.data, { subset: true });
@@ -483,6 +603,7 @@ async function createExportContext(pdfDoc, options, doc) {
       colorLink = paperInk(theme.colors.highlight || theme.colors.secondary, COLOR_LINK);
     }
   }
+  const text = new WinAnsiTracker();
   return {
     pdfDoc,
     fonts: { regular, bold, italic, boldItalic, mono, monoBold, icons },
@@ -496,7 +617,9 @@ async function createExportContext(pdfDoc, options, doc) {
     bottomY: margin,
     colors: { text: colorText, heading: colorHeading, link: colorLink },
     footnotes: new FootnoteIndex(doc),
-    text: new WinAnsiTracker(),
+    text,
+    runs: new PdfTextRuns(text, unicodeFaces),
+    unicodeFont: unicodeFaces.size > 0,
     signal: options.signal,
     images: /* @__PURE__ */ new Map()
   };
@@ -522,15 +645,15 @@ function flattenInlines(nodes, ctx, state) {
       case "text": {
         const font = state.code ? state.bold ? ctx.fonts.monoBold : ctx.fonts.mono : pickFont(ctx, state.bold, state.italic);
         const baseSize = state.code ? CODE_FONT_SIZE : ctx.fontSize;
-        spans.push({
-          text: ctx.text.clean(node.value),
-          font,
-          fontSize: state.vertAlign ? baseSize * VERT_ALIGN_SCALE : baseSize,
-          color: state.code ? COLOR_CODE_TEXT : state.color ?? ctx.colors.text,
-          link: state.link,
-          strikethrough: state.strikethrough,
-          ...state.vertAlign ? { baselineShift: vertAlignShift(state.vertAlign, baseSize) } : {}
-        });
+        spans.push(
+          ...textSpans(ctx, node.value, font, {
+            fontSize: state.vertAlign ? baseSize * VERT_ALIGN_SCALE : baseSize,
+            color: state.code ? COLOR_CODE_TEXT : state.color ?? ctx.colors.text,
+            link: state.link,
+            strikethrough: state.strikethrough,
+            ...state.vertAlign ? { baselineShift: vertAlignShift(state.vertAlign, baseSize) } : {}
+          })
+        );
         break;
       }
       case "strong":
@@ -561,13 +684,13 @@ function flattenInlines(nodes, ctx, state) {
         );
         break;
       case "inlineCode": {
-        spans.push({
-          text: ctx.text.clean(node.value),
-          font: ctx.fonts.mono,
-          fontSize: CODE_FONT_SIZE,
-          color: COLOR_CODE_TEXT,
-          link: state.link
-        });
+        spans.push(
+          ...textSpans(ctx, node.value, ctx.fonts.mono, {
+            fontSize: CODE_FONT_SIZE,
+            color: COLOR_CODE_TEXT,
+            link: state.link
+          })
+        );
         break;
       }
       case "link": {
@@ -584,12 +707,12 @@ function flattenInlines(nodes, ctx, state) {
       }
       case "image": {
         const imgNode = node;
-        spans.push({
-          text: ctx.text.clean(imgNode.alt ? `[Image: ${imgNode.alt}]` : "[Image]"),
-          font: ctx.fonts.italic,
-          fontSize: ctx.fontSize,
-          color: COLOR_BLOCKQUOTE_TEXT
-        });
+        spans.push(
+          ...textSpans(ctx, imgNode.alt ? `[Image: ${imgNode.alt}]` : "[Image]", ctx.fonts.italic, {
+            fontSize: ctx.fontSize,
+            color: COLOR_BLOCKQUOTE_TEXT
+          })
+        );
         break;
       }
       case "inlineIcon": {
@@ -606,14 +729,14 @@ function flattenInlines(nodes, ctx, state) {
             strikethrough: state.strikethrough
           });
         } else {
-          spans.push({
-            text: ctx.text.clean(`{[${iconNode.token}]}`),
-            font: pickFont(ctx, state.bold, state.italic),
-            fontSize: ctx.fontSize,
-            color: state.color ?? ctx.colors.text,
-            link: state.link,
-            strikethrough: state.strikethrough
-          });
+          spans.push(
+            ...textSpans(ctx, `{[${iconNode.token}]}`, pickFont(ctx, state.bold, state.italic), {
+              fontSize: ctx.fontSize,
+              color: state.color ?? ctx.colors.text,
+              link: state.link,
+              strikethrough: state.strikethrough
+            })
+          );
         }
         break;
       }
@@ -628,33 +751,33 @@ function flattenInlines(nodes, ctx, state) {
       case "htmlInline": {
         const html = node.rawHtml;
         if (html) {
-          spans.push({
-            text: ctx.text.clean(html),
-            font: ctx.fonts.mono,
-            fontSize: CODE_FONT_SIZE,
-            color: COLOR_CODE_TEXT
-          });
+          spans.push(
+            ...textSpans(ctx, html, ctx.fonts.mono, {
+              fontSize: CODE_FONT_SIZE,
+              color: COLOR_CODE_TEXT
+            })
+          );
         }
         break;
       }
       case "inlineMath":
-        spans.push({
-          text: ctx.text.clean(node.value),
-          font: ctx.fonts.mono,
-          fontSize: CODE_FONT_SIZE,
-          color: COLOR_CODE_TEXT
-        });
+        spans.push(
+          ...textSpans(ctx, node.value, ctx.fonts.mono, {
+            fontSize: CODE_FONT_SIZE,
+            color: COLOR_CODE_TEXT
+          })
+        );
         break;
       case "footnoteReference": {
         const ref = node;
         const marker = ctx.footnotes ? String(ctx.footnotes.cite(ref.identifier).number) : ref.label ?? ref.identifier;
-        spans.push({
-          text: ctx.text.clean(marker),
-          font: ctx.fonts.regular,
-          fontSize: ctx.fontSize * VERT_ALIGN_SCALE,
-          color: ctx.colors.link,
-          baselineShift: vertAlignShift("superscript", ctx.fontSize)
-        });
+        spans.push(
+          ...textSpans(ctx, marker, ctx.fonts.regular, {
+            fontSize: ctx.fontSize * VERT_ALIGN_SCALE,
+            color: ctx.colors.link,
+            baselineShift: vertAlignShift("superscript", ctx.fontSize)
+          })
+        );
         break;
       }
       // linkReference, imageReference, textDirective — render children or identifier
@@ -663,12 +786,12 @@ function flattenInlines(nodes, ctx, state) {
         if (fallback.children) {
           spans.push(...flattenInlines(fallback.children, ctx, state));
         } else if (fallback.value) {
-          spans.push({
-            text: ctx.text.clean(fallback.value),
-            font: pickFont(ctx, state.bold, state.italic),
-            fontSize: ctx.fontSize,
-            color: state.color ?? ctx.colors.text
-          });
+          spans.push(
+            ...textSpans(ctx, fallback.value, pickFont(ctx, state.bold, state.italic), {
+              fontSize: ctx.fontSize,
+              color: state.color ?? ctx.colors.text
+            })
+          );
         }
         break;
       }
@@ -676,6 +799,23 @@ function flattenInlines(nodes, ctx, state) {
   }
   return spans;
 }
+function textSpans(ctx, text, font, style) {
+  return ctx.runs.split(text, font).map((run) => ({ ...style, text: run.text, font: run.font }));
+}
+function drawTextLine(ctx, text, font, at) {
+  let x = at.x;
+  for (const run of ctx.runs.split(text, font)) {
+    if (run.text.length === 0) continue;
+    ctx.page.drawText(run.text, {
+      x,
+      y: at.y,
+      size: at.size,
+      font: run.font,
+      color: rgb(at.color.r, at.color.g, at.color.b)
+    });
+    x += run.font.widthOfTextAtSize(run.text, at.size);
+  }
+}
 function pickFont(ctx, bold, italic) {
   if (bold && italic) return ctx.fonts.boldItalic;
   if (bold) return ctx.fonts.bold;
@@ -880,9 +1020,10 @@ function renderImageParagraph(node, ctx, x0, width) {
       drawSpans(note, ctx, width, x0);
       continue;
     }
+    const display = authoredImageSize(imageNode, embedded) ?? embedded;
     const size = fitWithin(
-      embedded.width * POINTS_PER_CSS_PIXEL,
-      embedded.height * POINTS_PER_CSS_PIXEL,
+      display.width * POINTS_PER_CSS_PIXEL,
+      display.height * POINTS_PER_CSS_PIXEL,
       width,
       maxHeight
     );
@@ -967,7 +1108,7 @@ function renderListItem(item, ctx, extraIndent, depth, ordered, counter) {
 function renderCodeBlock(node, ctx, extraIndent) {
   const x0 = ctx.margin + extraIndent;
   const _w = ctx.contentWidth - extraIndent;
-  const lines = node.value.split("\n").map((line) => ctx.text.clean(line));
+  const lines = node.value.split("\n");
   const lineH = CODE_FONT_SIZE * LINE_HEIGHT_FACTOR;
   const totalHeight = lines.length * lineH + 12;
   ensureSpace(ctx, Math.min(totalHeight, ctx.y - ctx.bottomY));
@@ -977,12 +1118,11 @@ function renderCodeBlock(node, ctx, extraIndent) {
   for (const line of lines) {
     ensureSpace(ctx, lineH);
     if (line.length > 0) {
-      ctx.page.drawText(line, {
+      drawTextLine(ctx, line, ctx.fonts.mono, {
         x: x0 + 8,
         y: ctx.y - CODE_FONT_SIZE,
         size: CODE_FONT_SIZE,
-        font: ctx.fonts.mono,
-        color: rgb(COLOR_CODE_TEXT.r, COLOR_CODE_TEXT.g, COLOR_CODE_TEXT.b)
+        color: COLOR_CODE_TEXT
       });
     }
     ctx.y -= lineH;
@@ -1083,36 +1223,34 @@ function renderThematicBreak(ctx, extraIndent) {
 }
 function renderHtmlBlock(node, ctx, extraIndent) {
   if (!node.rawHtml) return;
-  const lines = node.rawHtml.split("\n").map((line) => ctx.text.clean(line));
+  const lines = node.rawHtml.split("\n");
   const x0 = ctx.margin + extraIndent;
   for (const line of lines) {
     if (line.trim().length === 0) continue;
     const lineH = CODE_FONT_SIZE * LINE_HEIGHT_FACTOR;
     ensureSpace(ctx, lineH);
-    ctx.page.drawText(line, {
+    drawTextLine(ctx, line, ctx.fonts.mono, {
       x: x0,
       y: ctx.y - CODE_FONT_SIZE,
       size: CODE_FONT_SIZE,
-      font: ctx.fonts.mono,
-      color: rgb(COLOR_CODE_TEXT.r, COLOR_CODE_TEXT.g, COLOR_CODE_TEXT.b)
+      color: COLOR_CODE_TEXT
     });
     ctx.y -= lineH;
   }
   ctx.y -= PARAGRAPH_SPACING;
 }
 function renderMathBlock(node, ctx, extraIndent) {
-  const lines = node.value.split("\n").map((line) => ctx.text.clean(line));
+  const lines = node.value.split("\n");
   const x0 = ctx.margin + extraIndent;
   for (const line of lines) {
     const lineH = CODE_FONT_SIZE * LINE_HEIGHT_FACTOR;
     ensureSpace(ctx, lineH);
     if (line.length > 0) {
-      ctx.page.drawText(line, {
+      drawTextLine(ctx, line, ctx.fonts.mono, {
         x: x0,
         y: ctx.y - CODE_FONT_SIZE,
         size: CODE_FONT_SIZE,
-        font: ctx.fonts.mono,
-        color: rgb(COLOR_CODE_TEXT.r, COLOR_CODE_TEXT.g, COLOR_CODE_TEXT.b)
+        color: COLOR_CODE_TEXT
       });
     }
     ctx.y -= lineH;
@@ -1121,15 +1259,14 @@ function renderMathBlock(node, ctx, extraIndent) {
 }
 function renderFootnoteDefinition(node, ctx, extraIndent) {
   const number = ctx.footnotes?.numberFor(node.identifier);
-  const label = ctx.text.clean(number !== void 0 ? `${number}.` : `[${node.identifier}]`);
+  const label = number !== void 0 ? `${number}.` : `[${node.identifier}]`;
   const lineH = ctx.fontSize * LINE_HEIGHT_FACTOR;
   ensureSpace(ctx, lineH);
-  ctx.page.drawText(label, {
+  drawTextLine(ctx, label, ctx.fonts.bold, {
     x: ctx.margin + extraIndent,
     y: ctx.y - ctx.fontSize * 0.75,
     size: ctx.fontSize * 0.75,
-    font: ctx.fonts.bold,
-    color: rgb(ctx.colors.link.r, ctx.colors.link.g, ctx.colors.link.b)
+    color: ctx.colors.link
   });
   renderBlocks(node.children, ctx, extraIndent + LIST_INDENT);
 }
@@ -1163,12 +1300,11 @@ function renderFallbackBlock(node, ctx, extraIndent) {
   } else if (fallback.value && typeof fallback.value === "string") {
     const lineH = ctx.fontSize * LINE_HEIGHT_FACTOR;
     ensureSpace(ctx, lineH);
-    ctx.page.drawText(ctx.text.clean(fallback.value), {
+    drawTextLine(ctx, fallback.value, ctx.fonts.regular, {
       x: ctx.margin + extraIndent,
       y: ctx.y - ctx.fontSize,
       size: ctx.fontSize,
-      font: ctx.fonts.regular,
-      color: rgb(ctx.colors.text.r, ctx.colors.text.g, ctx.colors.text.b)
+      color: ctx.colors.text
     });
     ctx.y -= lineH + PARAGRAPH_SPACING;
   }

package/dist/{chunk-YITBSNPM.js → chunk-5YYF3Z6C.js}

@@ -67,10 +67,11 @@ import {
   obfuscateDocxFont
 } from "./chunk-LBXBRFBZ.js";
 import {
+  authoredImageSize,
   extToMime,
   fitWithin,
   readImageDimensions
-} from "./chunk-RSU3V5IQ.js";
+} from "./chunk-JZR32FON.js";
 
 // src/docx/export.ts
 import { resolveFontFamily } from "@bendyline/squisq/schemas";
@@ -703,7 +704,8 @@ function convertImage(node, ctx) {
   const ext = contentType.split("/")[1]?.replace("jpeg", "jpg") || "png";
   const filename = `image${ctx.images.length + 1}.${ext}`;
   const { relId, docPrId } = ctx.addImage(data, contentType, filename);
-  const dims = imageEntry.width && imageEntry.height ? { width: imageEntry.width, height: imageEntry.height } : readImageDimensions(data);
+  const natural = imageEntry.width && imageEntry.height ? { width: imageEntry.width, height: imageEntry.height } : readImageDimensions(data);
+  const dims = authoredImageSize(node, natural) ?? natural;
   const EMU_PER_INCH3 = 914400;
   const MAX_WIDTH_EMU2 = 6 * EMU_PER_INCH3;
   const MAX_HEIGHT_EMU2 = 8 * EMU_PER_INCH3;

package/dist/{chunk-ETK2SKVQ.js → chunk-B6UQPW75.js}

@@ -2,7 +2,7 @@ import {
   arrayBufferToBase64DataUrl,
   extractFilename,
   inferMimeType
-} from "./chunk-YVCUNZB5.js";
+} from "./chunk-WMIDXNGR.js";
 import {
   exportImageBytes
 } from "./chunk-VCZUXQUL.js";
@@ -10,6 +10,9 @@ import {
   FootnoteIndex,
   footnoteIds
 } from "./chunk-BXWNU4T5.js";
+import {
+  imageSizeAttributes
+} from "./chunk-JZR32FON.js";
 
 // src/html/index.ts
 import JSZip3 from "jszip";
@@ -504,7 +507,8 @@ function extractFirstImageFromBlock(block) {
       );
       const replacement = remainingKids.length === 0 ? null : { ...b, children: remainingKids };
       return {
-        image: { src: img.url, alt: img.alt ?? "" },
+        // A resized image parses with the size it was given in the editor.
+        image: { src: img.url, alt: img.alt ?? "", width: img.width, height: img.height },
         replacement
       };
     }
@@ -780,7 +784,7 @@ function nodeToHtml(node, ctx) {
       const resolved = ctx?.images?.get(original) ?? original;
       const safeSrc = sanitizeUrl(resolved, "media") ?? svgDataImageToHtmlSrc(resolved);
       if (!safeSrc) return escapeHtml2(node.alt ?? "");
-      return `<img src="${escapeAttr(safeSrc)}" alt="${escapeAttr(node.alt ?? "")}" />`;
+      return `<img src="${escapeAttr(safeSrc)}" alt="${escapeAttr(node.alt ?? "")}"${imageSizeAttributes(node)} />`;
     }
     case "thematicBreak":
       return "<hr />";

package/dist/{chunk-PKFWF4FX.js → chunk-GESOAVYN.js}

@@ -1,7 +1,7 @@
 import {
   extractFilename,
   inferMimeType
-} from "./chunk-YVCUNZB5.js";
+} from "./chunk-WMIDXNGR.js";
 import {
   exportImageBytes,
   svgIslandsAsImages
@@ -21,6 +21,9 @@ import {
   fontAwesomeFaces,
   fontAwesomeGlyph
 } from "./chunk-LBXBRFBZ.js";
+import {
+  imageSizeAttributes
+} from "./chunk-JZR32FON.js";
 
 // src/epub/export.ts
 import JSZip from "jszip";
@@ -432,7 +435,7 @@ function inlineToXhtml(node, ctx) {
       const safeSrc = resolved ? `../images/${resolved.filename}` : sanitizeUrl(node.url, "media");
       if (!safeSrc) return alt;
       const src = escapeXml(safeSrc);
-      return `<img src="${src}" alt="${alt}"/>`;
+      return `<img src="${src}" alt="${alt}"${imageSizeAttributes(node)}/>`;
     }
     case "break":
       return "<br/>";

package/dist/{chunk-RSU3V5IQ.js → chunk-JZR32FON.js}

@@ -65,9 +65,22 @@ function fitWithin(width, height, maxWidth, maxHeight) {
   const scale = Math.min(1, maxWidth / width, maxHeight / height);
   return { width: width * scale, height: height * scale };
 }
+function imageSizeAttributes(image) {
+  return (image.width !== void 0 ? ` width="${image.width}"` : "") + (image.height !== void 0 ? ` height="${image.height}"` : "");
+}
+function authoredImageSize(image, intrinsic) {
+  const { width, height } = image;
+  if (width !== void 0 && height !== void 0) return { width, height };
+  if (!intrinsic || intrinsic.width <= 0 || intrinsic.height <= 0) return void 0;
+  if (width !== void 0) return { width, height: width * intrinsic.height / intrinsic.width };
+  if (height !== void 0) return { width: height * intrinsic.width / intrinsic.height, height };
+  return void 0;
+}
 
 export {
   extToMime,
   readImageDimensions,
-  fitWithin
+  fitWithin,
+  imageSizeAttributes,
+  authoredImageSize
 };

package/dist/{chunk-52RXDH24.js → chunk-OOM2YMXU.js}

@@ -1,6 +1,6 @@
 import {
   inferMimeType
-} from "./chunk-YVCUNZB5.js";
+} from "./chunk-WMIDXNGR.js";
 import {
   RelIdAllocator,
   blipXml,
@@ -63,7 +63,7 @@ import {
 } from "./chunk-LBXBRFBZ.js";
 import {
   extToMime
-} from "./chunk-RSU3V5IQ.js";
+} from "./chunk-JZR32FON.js";
 
 // src/pptx/export.ts
 import { resolveFontFamily, VIEWPORT_PRESETS } from "@bendyline/squisq/schemas";

package/dist/{chunk-XCHIYF3A.js → chunk-RRULGPWV.js}

@@ -262,7 +262,7 @@ function dataReferenceWarnings(doc, formatLabel) {
 }
 async function collectContainerDocxImages(container, signal) {
   const images = await collectContainerImages(container, signal);
-  const { extToMime } = await import("./images-CAWESWRF.js");
+  const { extToMime } = await import("./images-PQCYRJJ5.js");
   return new Map(
     [...images].map(([path, data]) => [
       path,

package/dist/{chunk-Z3QORA5G.js → chunk-VU7M3YV6.js}

@@ -1,7 +1,7 @@
 import {
   convert,
   defaultRegistry
-} from "./chunk-XCHIYF3A.js";
+} from "./chunk-RRULGPWV.js";
 import {
   ConversionError
 } from "./chunk-KXOZMWBS.js";

package/dist/{chunk-YVCUNZB5.js → chunk-WMIDXNGR.js}

@@ -1,6 +1,6 @@
 import {
   extToMime
-} from "./chunk-RSU3V5IQ.js";
+} from "./chunk-JZR32FON.js";
 
 // src/html/imageUtils.ts
 function inferMimeType(filename) {

package/dist/docx/index.js

@@ -4,7 +4,7 @@ import {
   docxToDoc,
   docxToMarkdownDoc,
   markdownDocToDocx
-} from "../chunk-YITBSNPM.js";
+} from "../chunk-5YYF3Z6C.js";
 import "../chunk-XVBQB2SL.js";
 import "../chunk-VCZUXQUL.js";
 import "../chunk-AVOZAKGP.js";
@@ -15,7 +15,7 @@ import "../chunk-7AWFHP5U.js";
 import "../chunk-BXWNU4T5.js";
 import "../chunk-IIQYS2YH.js";
 import "../chunk-LBXBRFBZ.js";
-import "../chunk-RSU3V5IQ.js";
+import "../chunk-JZR32FON.js";
 export {
   docToDocx,
   docxToContainer,