pptx-glimpse 1.0.0 → 1.1.0

package/README.md

@@ -88,6 +88,19 @@ const results = await convertPptxToPng(pptx, {
 });
 ```
 
+#### Text output mode (`textOutput`)
+
+By default, text is converted to `<path>` outlines, which renders consistently in any environment but bypasses the browser's native text rasterization (hinting, text-specific anti-aliasing), so glyph edges can look jagged when SVGs are displayed inline in a browser.
+
+With `textOutput: "text"`, `convertPptxToSvg` emits native `<text>` elements along with `@font-face` rules that embed subsetted fonts as data URIs. This produces smoother text rendering in browsers, smaller SVGs for CJK-heavy slides, and selectable/copyable text. Characters not covered by the resolved font fall back to the viewer's fonts via the `font-family` chain.
+
+```typescript
+// SVG only — convertPptxToPng always uses path output
+const svgResults = await convertPptxToSvg(pptx, { textOutput: "text" });
+```
+
+Note: embedded fonts and `<text>` may not render as expected when the SVG is referenced via `<img src="...svg">` or sanitized. `convertPptxToPng` always uses path output regardless of this option.
+
 ### Advanced Usage
 
 <details>

package/dist/index.cjs

@@ -35,6 +35,192 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/converter.ts
+var import_node_fs2 = require("fs");
+
+// src/font/font-embedder.ts
+var import_node_buffer = require("buffer");
+
+// src/warning-logger.ts
+var PREFIX = "[pptx-glimpse]";
+var currentLevel = "off";
+var entries = [];
+var featureCounts = /* @__PURE__ */ new Map();
+function initWarningLogger(level) {
+  currentLevel = level;
+  entries = [];
+  featureCounts.clear();
+}
+function warn(feature, message, context) {
+  if (currentLevel === "off") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  if (currentLevel === "debug") {
+    const ctx = context ? ` (${context})` : "";
+    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
+  }
+}
+function debug(feature, message, context) {
+  if (currentLevel !== "debug") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  const ctx = context ? ` (${context})` : "";
+  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
+}
+function getWarningSummary() {
+  const features = [];
+  for (const [feature, { message, count }] of featureCounts) {
+    features.push({ feature, message, count });
+  }
+  return { totalCount: entries.length, features };
+}
+function flushWarnings() {
+  const summary = getWarningSummary();
+  if (currentLevel !== "off" && summary.features.length > 0) {
+    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
+    for (const { feature, count } of summary.features) {
+      console.warn(`  - ${feature}: ${count} occurrence(s)`);
+    }
+  }
+  entries = [];
+  featureCounts.clear();
+  return summary;
+}
+function getWarningEntries() {
+  return entries;
+}
+
+// src/font/font-subsetter.ts
+async function tryLoadOpentypeCtors() {
+  try {
+    const specifier = "opentype.js";
+    const mod = await import(
+      /* @vite-ignore */
+      specifier
+    );
+    return { Font: mod.Font, Glyph: mod.Glyph };
+  } catch {
+    return null;
+  }
+}
+function glyphName(glyph, firstUnicode) {
+  if (glyph.name) return glyph.name;
+  return `uni${firstUnicode.toString(16).toUpperCase().padStart(4, "0")}`;
+}
+async function subsetFont(font, chars, familyName) {
+  const opentype = await tryLoadOpentypeCtors();
+  if (!opentype) return null;
+  const source = font;
+  if (typeof source.charToGlyph !== "function" || !source.glyphs) return null;
+  const glyphMap = /* @__PURE__ */ new Map();
+  for (const char of chars) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === void 0) continue;
+    let glyph;
+    try {
+      glyph = source.charToGlyph(char);
+    } catch {
+      continue;
+    }
+    if (!glyph || !glyph.index) continue;
+    const entry = glyphMap.get(glyph.index);
+    if (entry) {
+      entry.unicodes.add(codePoint);
+    } else {
+      glyphMap.set(glyph.index, { glyph, unicodes: /* @__PURE__ */ new Set([codePoint]) });
+    }
+  }
+  if (glyphMap.size === 0) return null;
+  try {
+    const notdefSource = source.glyphs.get(0);
+    const glyphs = [
+      new opentype.Glyph({
+        name: ".notdef",
+        advanceWidth: notdefSource?.advanceWidth ?? source.unitsPerEm / 2,
+        path: notdefSource?.path
+      })
+    ];
+    for (const { glyph, unicodes } of glyphMap.values()) {
+      const unicodeList = [...unicodes].sort((a, b) => a - b);
+      glyphs.push(
+        new opentype.Glyph({
+          name: glyphName(glyph, unicodeList[0]),
+          unicode: unicodeList[0],
+          unicodes: unicodeList,
+          advanceWidth: glyph.advanceWidth ?? 0,
+          path: glyph.path
+        })
+      );
+    }
+    const subset = new opentype.Font({
+      familyName: familyName || "EmbeddedFont",
+      styleName: "Regular",
+      unitsPerEm: source.unitsPerEm,
+      ascender: source.ascender,
+      // opentype.js は descender に負値を要求する
+      descender: source.descender < 0 ? source.descender : -1,
+      glyphs
+    });
+    return new Uint8Array(subset.toArrayBuffer());
+  } catch (e) {
+    warn(
+      "font.subsetFailed",
+      `Failed to subset font "${familyName}": ${e instanceof Error ? e.message : String(e)}`
+    );
+    return null;
+  }
+}
+
+// src/font/script-font-context.ts
+var jpanMajorFont = null;
+var jpanMinorFont = null;
+function setScriptFonts(majorJpan, minorJpan) {
+  jpanMajorFont = majorJpan;
+  jpanMinorFont = minorJpan;
+}
+function resetScriptFonts() {
+  jpanMajorFont = null;
+  jpanMinorFont = null;
+}
+function getJpanFallbackFont() {
+  return jpanMajorFont ?? jpanMinorFont;
+}
+
+// src/font/font-embedder.ts
+function escapeCssFamilyName(name) {
+  return name.replace(/[\\"]/g, (c) => `\\${c}`).replace(/[<>&]/g, (c) => `\\${c.codePointAt(0).toString(16)} `);
+}
+async function buildFontFaceStyle(usages, fontResolver) {
+  const faces = [];
+  const jpanFallback = getJpanFallbackFont();
+  for (const [familyName, usage] of usages) {
+    const font = fontResolver.resolveFont(
+      usage.fonts[0],
+      usage.fonts[1] ?? null,
+      usage.fonts[2] ?? jpanFallback
+    );
+    if (!font) continue;
+    const buffer = await subsetFont(font, usage.chars, familyName);
+    if (!buffer) continue;
+    const base64 = import_node_buffer.Buffer.from(buffer).toString("base64");
+    faces.push(
+      `@font-face{font-family:"${escapeCssFamilyName(familyName)}";src:url(data:font/otf;base64,${base64}) format("opentype");}`
+    );
+  }
+  if (faces.length === 0) return "";
+  return `<style type="text/css">${faces.join("")}</style>`;
+}
+
 // src/font/font-mapping.ts
 var DEFAULT_FONT_MAPPING = {
   // ラテン文字フォント
@@ -101,6 +287,40 @@ function getCurrentMappedFont(fontFamily) {
   return getMappedFont(fontFamily, currentMapping);
 }
 
+// src/font/font-usage-collector.ts
+var FontUsageCollector = class {
+  /** key: tspan の font-family リスト先頭のフォント名 (= @font-face で宣言する名前) */
+  usages = /* @__PURE__ */ new Map();
+  record(fonts, text) {
+    const primary = fonts.find((f) => f !== null && f !== void 0);
+    if (!primary || text.length === 0) return;
+    let usage = this.usages.get(primary);
+    if (!usage) {
+      usage = { fonts: [...fonts], chars: /* @__PURE__ */ new Set() };
+      this.usages.set(primary, usage);
+    }
+    for (const char of text) {
+      usage.chars.add(char);
+    }
+  }
+  getUsages() {
+    return this.usages;
+  }
+  reset() {
+    this.usages.clear();
+  }
+};
+var currentCollector = null;
+function setFontUsageCollector(collector) {
+  currentCollector = collector;
+}
+function getFontUsageCollector() {
+  return currentCollector;
+}
+function resetFontUsageCollector() {
+  currentCollector = null;
+}
+
 // src/font/opentype-helpers.ts
 var import_promises = require("fs/promises");
 
@@ -1044,65 +1264,6 @@ function measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
   return totalWidth;
 }
 
-// src/warning-logger.ts
-var PREFIX = "[pptx-glimpse]";
-var currentLevel = "off";
-var entries = [];
-var featureCounts = /* @__PURE__ */ new Map();
-function initWarningLogger(level) {
-  currentLevel = level;
-  entries = [];
-  featureCounts.clear();
-}
-function warn(feature, message, context) {
-  if (currentLevel === "off") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  if (currentLevel === "debug") {
-    const ctx = context ? ` (${context})` : "";
-    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
-  }
-}
-function debug(feature, message, context) {
-  if (currentLevel !== "debug") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  const ctx = context ? ` (${context})` : "";
-  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
-}
-function getWarningSummary() {
-  const features = [];
-  for (const [feature, { message, count }] of featureCounts) {
-    features.push({ feature, message, count });
-  }
-  return { totalCount: entries.length, features };
-}
-function flushWarnings() {
-  const summary = getWarningSummary();
-  if (currentLevel !== "off" && summary.features.length > 0) {
-    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
-    for (const { feature, count } of summary.features) {
-      console.warn(`  - ${feature}: ${count} occurrence(s)`);
-    }
-  }
-  entries = [];
-  featureCounts.clear();
-  return summary;
-}
-function getWarningEntries() {
-  return entries;
-}
-
 // src/font/cjk-font-fallback.ts
 var import_node_os = require("os");
 var MACOS_FALLBACKS = {
@@ -1639,21 +1800,6 @@ async function createOpentypeSetupFromSystem(additionalFontDirs, fontMapping, sk
   return setup;
 }
 
-// src/font/script-font-context.ts
-var jpanMajorFont = null;
-var jpanMinorFont = null;
-function setScriptFonts(majorJpan, minorJpan) {
-  jpanMajorFont = majorJpan;
-  jpanMinorFont = minorJpan;
-}
-function resetScriptFonts() {
-  jpanMajorFont = null;
-  jpanMinorFont = null;
-}
-function getJpanFallbackFont() {
-  return jpanMajorFont ?? jpanMinorFont;
-}
-
 // src/font/text-measurer.ts
 var DefaultTextMeasurer = class {
   measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
@@ -1801,6 +1947,10 @@ async function svgToPng(svgString, options) {
   } else if (options?.height) {
     resvgOptions.fitTo = { mode: "height", value: options.height };
   }
+  const fontBuffers = options?.fontBuffers;
+  if (fontBuffers && fontBuffers.length > 0) {
+    resvgOptions.font = { fontBuffers };
+  }
   const resvg = new import_resvg_wasm.Resvg(svgString, resvgOptions);
   const rendered = resvg.render();
   return {
@@ -2760,7 +2910,7 @@ function parseChartTitle(titleNode) {
 function parseLegend(legendNode) {
   if (!legendNode) return null;
   const legendPos = legendNode.legendPos;
-  const pos = legendPos?.["@_val"] ?? "b";
+  const pos = legendPos?.["@_val"] ?? "r";
   return { position: pos };
 }
 
@@ -5417,6 +5567,7 @@ var DEFAULT_SERIES_COLORS = [
   { hex: "#5B9BD5", alpha: 1 },
   { hex: "#70AD47", alpha: 1 }
 ];
+var LEGEND_SIDE_WIDTH = 100;
 function renderChart(element) {
   const { transform, chart } = element;
   const w = emuToPixels(transform.extentWidth);
@@ -5435,6 +5586,8 @@ function renderChart(element) {
   if (chart.legend) {
     if (chart.legend.position === "b") margin.bottom = 50;
     else if (chart.legend.position === "t") margin.top += 20;
+    else if (chart.legend.position === "r") margin.right = LEGEND_SIDE_WIDTH;
+    else if (chart.legend.position === "l") margin.left += LEGEND_SIDE_WIDTH;
   }
   const plotX = margin.left;
   const plotY = margin.top;
@@ -6189,18 +6342,34 @@ function renderLegend(chart, chartW, chartH, position) {
     color: s.color
   }));
   if (entries2.length === 0) return "";
-  const entryWidth = 80;
-  const totalWidth = entries2.length * entryWidth;
-  const startX = Math.max((chartW - totalWidth) / 2, 5);
-  const legendY = position === "t" ? 25 : chartH - 15;
-  for (let i = 0; i < entries2.length; i++) {
-    const ex = startX + i * entryWidth;
-    parts.push(
-      `<rect x="${round(ex)}" y="${round(legendY - 6)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
-    );
-    parts.push(
-      `<text x="${round(ex + 16)}" y="${round(legendY + 4)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
-    );
+  const ENTRY_HEIGHT = 20;
+  if (position === "r" || position === "l") {
+    const totalH = entries2.length * ENTRY_HEIGHT;
+    const startY = Math.max((chartH - totalH) / 2, 5);
+    const legendX = position === "r" ? chartW - LEGEND_SIDE_WIDTH + 5 : 5;
+    for (let i = 0; i < entries2.length; i++) {
+      const ey = startY + i * ENTRY_HEIGHT;
+      parts.push(
+        `<rect x="${round(legendX)}" y="${round(ey)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
+      );
+      parts.push(
+        `<text x="${round(legendX + 16)}" y="${round(ey + 10)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
+      );
+    }
+  } else {
+    const entryWidth = 80;
+    const totalWidth = entries2.length * entryWidth;
+    const startX = Math.max((chartW - totalWidth) / 2, 5);
+    const legendY = position === "t" ? 25 : chartH - 15;
+    for (let i = 0; i < entries2.length; i++) {
+      const ex = startX + i * entryWidth;
+      parts.push(
+        `<rect x="${round(ex)}" y="${round(legendY - 6)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
+      );
+      parts.push(
+        `<text x="${round(ex + 16)}" y="${round(legendY + 4)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
+      );
+    }
   }
   return parts.join("");
 }
@@ -8036,7 +8205,19 @@ function renderTextBody(textBody, transform) {
             getLineSpacing(para, lnSpcReduction),
             paragraphGapPx
           );
-          const bulletStyles = buildBulletStyleAttrs(para.properties, lineFontSize, fontScale);
+          const firstSeg = line.segments[0];
+          const bulletFontChain = buildBulletFontChain(
+            para.properties,
+            firstSeg?.properties.fontFamily,
+            firstSeg?.properties.fontFamilyEa
+          );
+          const bulletStyles = buildBulletStyleAttrs(
+            para.properties,
+            lineFontSize,
+            fontScale,
+            bulletFontChain
+          );
+          getFontUsageCollector()?.record(bulletFontChain, bulletText);
           tspans.push(
             `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
           );
@@ -8081,7 +8262,18 @@ function renderTextBody(textBody, transform) {
           getLineSpacing(para, lnSpcReduction),
           paragraphGapPx
         );
-        const bulletStyles = buildBulletStyleAttrs(para.properties, fontSize, fontScale);
+        const bulletFontChain = buildBulletFontChain(
+          para.properties,
+          firstRun?.properties.fontFamily,
+          firstRun?.properties.fontFamilyEa
+        );
+        const bulletStyles = buildBulletStyleAttrs(
+          para.properties,
+          fontSize,
+          fontScale,
+          bulletFontChain
+        );
+        getFontUsageCollector()?.record(bulletFontChain, bulletText);
         tspans.push(
           `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
         );
@@ -8216,14 +8408,18 @@ function toAlpha(num) {
   }
   return result;
 }
-function buildBulletStyleAttrs(props, textFontSizePt, fontScale) {
+function buildBulletFontChain(props, runFontFamily, runFontFamilyEa) {
+  return [props.bulletFont, runFontFamily ?? null, runFontFamilyEa ?? null];
+}
+function buildBulletStyleAttrs(props, textFontSizePt, fontScale, bulletFontChain) {
   const styles = [];
   if (props.bulletSizePct !== null) {
     const size = textFontSizePt * (props.bulletSizePct / 1e5);
     styles.push(`font-size="${size}pt"`);
   }
-  if (props.bulletFont) {
-    styles.push(`font-family="${escapeXml2(props.bulletFont)}"`);
+  const fontFamilyValue = buildFontFamilyValue(bulletFontChain);
+  if (fontFamilyValue) {
+    styles.push(`font-family="${fontFamilyValue}"`);
   }
   if (props.bulletColor) {
     styles.push(`fill="${props.bulletColor.hex}"`);
@@ -8407,6 +8603,7 @@ function renderSegment(text, props, fontScale, prefix) {
   let tspanContent;
   if (!needsScriptSplit(props)) {
     const styles = buildStyleAttrs(props, fontScale);
+    getFontUsageCollector()?.record([props.fontFamily, props.fontFamilyEa], text);
     tspanContent = `<tspan ${prefix}${styles}>${escapeXml2(text)}</tspan>`;
   } else {
     const parts = splitByScript(text);
@@ -8415,6 +8612,7 @@ function renderSegment(text, props, fontScale, prefix) {
       const part = parts[i];
       const fonts = part.isEa ? [props.fontFamilyEa, getJpanFallbackFont(), props.fontFamily] : [props.fontFamily, props.fontFamilyEa];
       const styles = buildStyleAttrs(props, fontScale, fonts);
+      getFontUsageCollector()?.record(fonts, part.text);
       if (i === 0) {
         result.push(`<tspan ${prefix}${styles}>${escapeXml2(part.text)}</tspan>`);
       } else {
@@ -9195,6 +9393,7 @@ function escapeXmlAttr(str) {
 
 // src/converter.ts
 async function convertPptxToSvg(input, options) {
+  const textOutput = options?.textOutput ?? "path";
   const setup = await createOpentypeSetupFromSystem(
     options?.fontDirs,
     options?.fontMapping,
@@ -9202,7 +9401,13 @@ async function convertPptxToSvg(input, options) {
   );
   if (setup) {
     setTextMeasurer(setup.measurer);
-    setTextPathFontResolver(setup.fontResolver);
+    if (textOutput !== "text") {
+      setTextPathFontResolver(setup.fontResolver);
+    }
+  }
+  const fontUsageCollector = textOutput === "text" ? new FontUsageCollector() : null;
+  if (fontUsageCollector) {
+    setFontUsageCollector(fontUsageCollector);
   }
   setFontMapping(createFontMapping(options?.fontMapping));
   enableXmlCache();
@@ -9221,7 +9426,14 @@ async function convertPptxToSvg(input, options) {
       const { slide, layoutElements, layoutShowMasterSp, masterElements } = parsed;
       const effectiveMasterElements = slide.showMasterSp && layoutShowMasterSp ? masterElements : [];
       slide.elements = mergeElements(effectiveMasterElements, layoutElements, slide.elements);
-      const svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      fontUsageCollector?.reset();
+      let svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      if (fontUsageCollector && setup) {
+        const style = await buildFontFaceStyle(fontUsageCollector.getUsages(), setup.fontResolver);
+        if (style) {
+          svg = injectIntoSvgDefs(svg, style);
+        }
+      }
       results.push({ slideNumber, svg });
     }
     flushWarnings();
@@ -9230,17 +9442,60 @@ async function convertPptxToSvg(input, options) {
     clearXmlCache();
     resetTextMeasurer();
     resetTextPathFontResolver();
+    resetFontUsageCollector();
     resetFontMapping();
     resetScriptFonts();
   }
 }
+function injectIntoSvgDefs(svg, content) {
+  const openTagEnd = svg.indexOf(">");
+  if (openTagEnd === -1) return svg;
+  return `${svg.slice(0, openTagEnd + 1)}<defs>${content}</defs>${svg.slice(openTagEnd + 1)}`;
+}
+var cachedFontBuffers = null;
+var cachedFontBuffersKey = null;
+var MAX_TOTAL_FONT_BUFFER_BYTES = 100 * 1024 * 1024;
+function loadFontBuffers(fontDirs, skipSystemFonts) {
+  const key = `${(fontDirs ?? []).join("\0")}
+${skipSystemFonts ?? false}`;
+  if (cachedFontBuffers !== null && cachedFontBuffersKey === key) {
+    return cachedFontBuffers;
+  }
+  const allPaths = collectFontFilePaths(fontDirs, skipSystemFonts);
+  const ttfOtfPaths = allPaths.filter((p) => {
+    const lower = p.toLowerCase();
+    return lower.endsWith(".ttf") || lower.endsWith(".otf");
+  });
+  const pathsWithSize = [];
+  for (const p of ttfOtfPaths) {
+    try {
+      pathsWithSize.push({ path: p, size: (0, import_node_fs2.statSync)(p).size });
+    } catch {
+    }
+  }
+  pathsWithSize.sort((a, b) => a.size - b.size);
+  const buffers = [];
+  let totalSize = 0;
+  for (const { path, size } of pathsWithSize) {
+    if (totalSize + size > MAX_TOTAL_FONT_BUFFER_BYTES) break;
+    try {
+      buffers.push(new Uint8Array((0, import_node_fs2.readFileSync)(path)));
+      totalSize += size;
+    } catch {
+    }
+  }
+  cachedFontBuffers = buffers;
+  cachedFontBuffersKey = key;
+  return buffers;
+}
 async function convertPptxToPng(input, options) {
-  const svgResults = await convertPptxToSvg(input, options);
+  const svgResults = await convertPptxToSvg(input, { ...options, textOutput: "path" });
   const width = options?.width ?? DEFAULT_OUTPUT_WIDTH;
   const height = options?.height;
+  const fontBuffers = loadFontBuffers(options?.fontDirs, options?.skipSystemFonts);
   const results = [];
   for (const { slideNumber, svg } of svgResults) {
-    const pngResult = await svgToPng(svg, { width, height });
+    const pngResult = await svgToPng(svg, { width, height, fontBuffers });
     results.push({
       slideNumber,
       png: pngResult.png,

package/dist/index.d.cts

@@ -48,6 +48,15 @@ interface ConvertOptions {
     fontMapping?: FontMapping;
     /** true のとき OS のシステムフォントをスキャンせず fontDirs のみを使用する */
     skipSystemFonts?: boolean;
+    /**
+     * SVG でのテキスト出力方式。デフォルト: "path"
+     * - "path": グリフをアウトライン化した <path> として出力する。フォント環境に依存しない
+     * - "text": ネイティブ <text> 要素 + サブセット化フォントの @font-face (data URI) 埋め込みで出力する。
+     *   ブラウザでのインライン表示時にネイティブテキスト描画 (ヒンティング等) が効き、テキスト選択も可能になる。
+     *   <img src="...svg"> 参照やサニタイズ環境では期待どおり描画されないことがある。
+     *   convertPptxToPng では無視され、常に "path" で変換される (resvg は @font-face を解釈しないため)
+     */
+    textOutput?: "path" | "text";
 }
 interface SlideSvg {
     slideNumber: number;

package/dist/index.d.ts

@@ -48,6 +48,15 @@ interface ConvertOptions {
     fontMapping?: FontMapping;
     /** true のとき OS のシステムフォントをスキャンせず fontDirs のみを使用する */
     skipSystemFonts?: boolean;
+    /**
+     * SVG でのテキスト出力方式。デフォルト: "path"
+     * - "path": グリフをアウトライン化した <path> として出力する。フォント環境に依存しない
+     * - "text": ネイティブ <text> 要素 + サブセット化フォントの @font-face (data URI) 埋め込みで出力する。
+     *   ブラウザでのインライン表示時にネイティブテキスト描画 (ヒンティング等) が効き、テキスト選択も可能になる。
+     *   <img src="...svg"> 参照やサニタイズ環境では期待どおり描画されないことがある。
+     *   convertPptxToPng では無視され、常に "path" で変換される (resvg は @font-face を解釈しないため)
+     */
+    textOutput?: "path" | "text";
 }
 interface SlideSvg {
     slideNumber: number;

package/dist/index.js

@@ -1,3 +1,189 @@
+// src/converter.ts
+import { readFileSync, statSync } from "fs";
+
+// src/font/font-embedder.ts
+import { Buffer as Buffer2 } from "buffer";
+
+// src/warning-logger.ts
+var PREFIX = "[pptx-glimpse]";
+var currentLevel = "off";
+var entries = [];
+var featureCounts = /* @__PURE__ */ new Map();
+function initWarningLogger(level) {
+  currentLevel = level;
+  entries = [];
+  featureCounts.clear();
+}
+function warn(feature, message, context) {
+  if (currentLevel === "off") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  if (currentLevel === "debug") {
+    const ctx = context ? ` (${context})` : "";
+    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
+  }
+}
+function debug(feature, message, context) {
+  if (currentLevel !== "debug") return;
+  entries.push({ feature, message, ...context !== void 0 && { context } });
+  const existing = featureCounts.get(feature);
+  if (existing) {
+    existing.count++;
+  } else {
+    featureCounts.set(feature, { message, count: 1 });
+  }
+  const ctx = context ? ` (${context})` : "";
+  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
+}
+function getWarningSummary() {
+  const features = [];
+  for (const [feature, { message, count }] of featureCounts) {
+    features.push({ feature, message, count });
+  }
+  return { totalCount: entries.length, features };
+}
+function flushWarnings() {
+  const summary = getWarningSummary();
+  if (currentLevel !== "off" && summary.features.length > 0) {
+    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
+    for (const { feature, count } of summary.features) {
+      console.warn(`  - ${feature}: ${count} occurrence(s)`);
+    }
+  }
+  entries = [];
+  featureCounts.clear();
+  return summary;
+}
+function getWarningEntries() {
+  return entries;
+}
+
+// src/font/font-subsetter.ts
+async function tryLoadOpentypeCtors() {
+  try {
+    const specifier = "opentype.js";
+    const mod = await import(
+      /* @vite-ignore */
+      specifier
+    );
+    return { Font: mod.Font, Glyph: mod.Glyph };
+  } catch {
+    return null;
+  }
+}
+function glyphName(glyph, firstUnicode) {
+  if (glyph.name) return glyph.name;
+  return `uni${firstUnicode.toString(16).toUpperCase().padStart(4, "0")}`;
+}
+async function subsetFont(font, chars, familyName) {
+  const opentype = await tryLoadOpentypeCtors();
+  if (!opentype) return null;
+  const source = font;
+  if (typeof source.charToGlyph !== "function" || !source.glyphs) return null;
+  const glyphMap = /* @__PURE__ */ new Map();
+  for (const char of chars) {
+    const codePoint = char.codePointAt(0);
+    if (codePoint === void 0) continue;
+    let glyph;
+    try {
+      glyph = source.charToGlyph(char);
+    } catch {
+      continue;
+    }
+    if (!glyph || !glyph.index) continue;
+    const entry = glyphMap.get(glyph.index);
+    if (entry) {
+      entry.unicodes.add(codePoint);
+    } else {
+      glyphMap.set(glyph.index, { glyph, unicodes: /* @__PURE__ */ new Set([codePoint]) });
+    }
+  }
+  if (glyphMap.size === 0) return null;
+  try {
+    const notdefSource = source.glyphs.get(0);
+    const glyphs = [
+      new opentype.Glyph({
+        name: ".notdef",
+        advanceWidth: notdefSource?.advanceWidth ?? source.unitsPerEm / 2,
+        path: notdefSource?.path
+      })
+    ];
+    for (const { glyph, unicodes } of glyphMap.values()) {
+      const unicodeList = [...unicodes].sort((a, b) => a - b);
+      glyphs.push(
+        new opentype.Glyph({
+          name: glyphName(glyph, unicodeList[0]),
+          unicode: unicodeList[0],
+          unicodes: unicodeList,
+          advanceWidth: glyph.advanceWidth ?? 0,
+          path: glyph.path
+        })
+      );
+    }
+    const subset = new opentype.Font({
+      familyName: familyName || "EmbeddedFont",
+      styleName: "Regular",
+      unitsPerEm: source.unitsPerEm,
+      ascender: source.ascender,
+      // opentype.js は descender に負値を要求する
+      descender: source.descender < 0 ? source.descender : -1,
+      glyphs
+    });
+    return new Uint8Array(subset.toArrayBuffer());
+  } catch (e) {
+    warn(
+      "font.subsetFailed",
+      `Failed to subset font "${familyName}": ${e instanceof Error ? e.message : String(e)}`
+    );
+    return null;
+  }
+}
+
+// src/font/script-font-context.ts
+var jpanMajorFont = null;
+var jpanMinorFont = null;
+function setScriptFonts(majorJpan, minorJpan) {
+  jpanMajorFont = majorJpan;
+  jpanMinorFont = minorJpan;
+}
+function resetScriptFonts() {
+  jpanMajorFont = null;
+  jpanMinorFont = null;
+}
+function getJpanFallbackFont() {
+  return jpanMajorFont ?? jpanMinorFont;
+}
+
+// src/font/font-embedder.ts
+function escapeCssFamilyName(name) {
+  return name.replace(/[\\"]/g, (c) => `\\${c}`).replace(/[<>&]/g, (c) => `\\${c.codePointAt(0).toString(16)} `);
+}
+async function buildFontFaceStyle(usages, fontResolver) {
+  const faces = [];
+  const jpanFallback = getJpanFallbackFont();
+  for (const [familyName, usage] of usages) {
+    const font = fontResolver.resolveFont(
+      usage.fonts[0],
+      usage.fonts[1] ?? null,
+      usage.fonts[2] ?? jpanFallback
+    );
+    if (!font) continue;
+    const buffer = await subsetFont(font, usage.chars, familyName);
+    if (!buffer) continue;
+    const base64 = Buffer2.from(buffer).toString("base64");
+    faces.push(
+      `@font-face{font-family:"${escapeCssFamilyName(familyName)}";src:url(data:font/otf;base64,${base64}) format("opentype");}`
+    );
+  }
+  if (faces.length === 0) return "";
+  return `<style type="text/css">${faces.join("")}</style>`;
+}
+
 // src/font/font-mapping.ts
 var DEFAULT_FONT_MAPPING = {
   // ラテン文字フォント
@@ -64,6 +250,40 @@ function getCurrentMappedFont(fontFamily) {
   return getMappedFont(fontFamily, currentMapping);
 }
 
+// src/font/font-usage-collector.ts
+var FontUsageCollector = class {
+  /** key: tspan の font-family リスト先頭のフォント名 (= @font-face で宣言する名前) */
+  usages = /* @__PURE__ */ new Map();
+  record(fonts, text) {
+    const primary = fonts.find((f) => f !== null && f !== void 0);
+    if (!primary || text.length === 0) return;
+    let usage = this.usages.get(primary);
+    if (!usage) {
+      usage = { fonts: [...fonts], chars: /* @__PURE__ */ new Set() };
+      this.usages.set(primary, usage);
+    }
+    for (const char of text) {
+      usage.chars.add(char);
+    }
+  }
+  getUsages() {
+    return this.usages;
+  }
+  reset() {
+    this.usages.clear();
+  }
+};
+var currentCollector = null;
+function setFontUsageCollector(collector) {
+  currentCollector = collector;
+}
+function getFontUsageCollector() {
+  return currentCollector;
+}
+function resetFontUsageCollector() {
+  currentCollector = null;
+}
+
 // src/font/opentype-helpers.ts
 import { readFile } from "fs/promises";
 
@@ -1007,65 +1227,6 @@ function measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
   return totalWidth;
 }
 
-// src/warning-logger.ts
-var PREFIX = "[pptx-glimpse]";
-var currentLevel = "off";
-var entries = [];
-var featureCounts = /* @__PURE__ */ new Map();
-function initWarningLogger(level) {
-  currentLevel = level;
-  entries = [];
-  featureCounts.clear();
-}
-function warn(feature, message, context) {
-  if (currentLevel === "off") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  if (currentLevel === "debug") {
-    const ctx = context ? ` (${context})` : "";
-    console.warn(`${PREFIX} SKIP: ${feature} - ${message}${ctx}`);
-  }
-}
-function debug(feature, message, context) {
-  if (currentLevel !== "debug") return;
-  entries.push({ feature, message, ...context !== void 0 && { context } });
-  const existing = featureCounts.get(feature);
-  if (existing) {
-    existing.count++;
-  } else {
-    featureCounts.set(feature, { message, count: 1 });
-  }
-  const ctx = context ? ` (${context})` : "";
-  console.warn(`${PREFIX} DEBUG: ${feature} - ${message}${ctx}`);
-}
-function getWarningSummary() {
-  const features = [];
-  for (const [feature, { message, count }] of featureCounts) {
-    features.push({ feature, message, count });
-  }
-  return { totalCount: entries.length, features };
-}
-function flushWarnings() {
-  const summary = getWarningSummary();
-  if (currentLevel !== "off" && summary.features.length > 0) {
-    console.warn(`${PREFIX} Summary: ${summary.features.length} unsupported feature(s) detected`);
-    for (const { feature, count } of summary.features) {
-      console.warn(`  - ${feature}: ${count} occurrence(s)`);
-    }
-  }
-  entries = [];
-  featureCounts.clear();
-  return summary;
-}
-function getWarningEntries() {
-  return entries;
-}
-
 // src/font/cjk-font-fallback.ts
 import { platform } from "os";
 var MACOS_FALLBACKS = {
@@ -1602,21 +1763,6 @@ async function createOpentypeSetupFromSystem(additionalFontDirs, fontMapping, sk
   return setup;
 }
 
-// src/font/script-font-context.ts
-var jpanMajorFont = null;
-var jpanMinorFont = null;
-function setScriptFonts(majorJpan, minorJpan) {
-  jpanMajorFont = majorJpan;
-  jpanMinorFont = minorJpan;
-}
-function resetScriptFonts() {
-  jpanMajorFont = null;
-  jpanMinorFont = null;
-}
-function getJpanFallbackFont() {
-  return jpanMajorFont ?? jpanMinorFont;
-}
-
 // src/font/text-measurer.ts
 var DefaultTextMeasurer = class {
   measureTextWidth(text, fontSizePt, bold, fontFamily, fontFamilyEa) {
@@ -1763,6 +1909,10 @@ async function svgToPng(svgString, options) {
   } else if (options?.height) {
     resvgOptions.fitTo = { mode: "height", value: options.height };
   }
+  const fontBuffers = options?.fontBuffers;
+  if (fontBuffers && fontBuffers.length > 0) {
+    resvgOptions.font = { fontBuffers };
+  }
   const resvg = new Resvg(svgString, resvgOptions);
   const rendered = resvg.render();
   return {
@@ -2722,7 +2872,7 @@ function parseChartTitle(titleNode) {
 function parseLegend(legendNode) {
   if (!legendNode) return null;
   const legendPos = legendNode.legendPos;
-  const pos = legendPos?.["@_val"] ?? "b";
+  const pos = legendPos?.["@_val"] ?? "r";
   return { position: pos };
 }
 
@@ -5379,6 +5529,7 @@ var DEFAULT_SERIES_COLORS = [
   { hex: "#5B9BD5", alpha: 1 },
   { hex: "#70AD47", alpha: 1 }
 ];
+var LEGEND_SIDE_WIDTH = 100;
 function renderChart(element) {
   const { transform, chart } = element;
   const w = emuToPixels(transform.extentWidth);
@@ -5397,6 +5548,8 @@ function renderChart(element) {
   if (chart.legend) {
     if (chart.legend.position === "b") margin.bottom = 50;
     else if (chart.legend.position === "t") margin.top += 20;
+    else if (chart.legend.position === "r") margin.right = LEGEND_SIDE_WIDTH;
+    else if (chart.legend.position === "l") margin.left += LEGEND_SIDE_WIDTH;
   }
   const plotX = margin.left;
   const plotY = margin.top;
@@ -6151,18 +6304,34 @@ function renderLegend(chart, chartW, chartH, position) {
     color: s.color
   }));
   if (entries2.length === 0) return "";
-  const entryWidth = 80;
-  const totalWidth = entries2.length * entryWidth;
-  const startX = Math.max((chartW - totalWidth) / 2, 5);
-  const legendY = position === "t" ? 25 : chartH - 15;
-  for (let i = 0; i < entries2.length; i++) {
-    const ex = startX + i * entryWidth;
-    parts.push(
-      `<rect x="${round(ex)}" y="${round(legendY - 6)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
-    );
-    parts.push(
-      `<text x="${round(ex + 16)}" y="${round(legendY + 4)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
-    );
+  const ENTRY_HEIGHT = 20;
+  if (position === "r" || position === "l") {
+    const totalH = entries2.length * ENTRY_HEIGHT;
+    const startY = Math.max((chartH - totalH) / 2, 5);
+    const legendX = position === "r" ? chartW - LEGEND_SIDE_WIDTH + 5 : 5;
+    for (let i = 0; i < entries2.length; i++) {
+      const ey = startY + i * ENTRY_HEIGHT;
+      parts.push(
+        `<rect x="${round(legendX)}" y="${round(ey)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
+      );
+      parts.push(
+        `<text x="${round(legendX + 16)}" y="${round(ey + 10)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
+      );
+    }
+  } else {
+    const entryWidth = 80;
+    const totalWidth = entries2.length * entryWidth;
+    const startX = Math.max((chartW - totalWidth) / 2, 5);
+    const legendY = position === "t" ? 25 : chartH - 15;
+    for (let i = 0; i < entries2.length; i++) {
+      const ex = startX + i * entryWidth;
+      parts.push(
+        `<rect x="${round(ex)}" y="${round(legendY - 6)}" width="12" height="12" ${fillAttr(entries2[i].color)}/>`
+      );
+      parts.push(
+        `<text x="${round(ex + 16)}" y="${round(legendY + 4)}" font-size="10" fill="#595959">${escapeXml(entries2[i].label)}</text>`
+      );
+    }
   }
   return parts.join("");
 }
@@ -7998,7 +8167,19 @@ function renderTextBody(textBody, transform) {
             getLineSpacing(para, lnSpcReduction),
             paragraphGapPx
           );
-          const bulletStyles = buildBulletStyleAttrs(para.properties, lineFontSize, fontScale);
+          const firstSeg = line.segments[0];
+          const bulletFontChain = buildBulletFontChain(
+            para.properties,
+            firstSeg?.properties.fontFamily,
+            firstSeg?.properties.fontFamilyEa
+          );
+          const bulletStyles = buildBulletStyleAttrs(
+            para.properties,
+            lineFontSize,
+            fontScale,
+            bulletFontChain
+          );
+          getFontUsageCollector()?.record(bulletFontChain, bulletText);
           tspans.push(
             `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
           );
@@ -8043,7 +8224,18 @@ function renderTextBody(textBody, transform) {
           getLineSpacing(para, lnSpcReduction),
           paragraphGapPx
         );
-        const bulletStyles = buildBulletStyleAttrs(para.properties, fontSize, fontScale);
+        const bulletFontChain = buildBulletFontChain(
+          para.properties,
+          firstRun?.properties.fontFamily,
+          firstRun?.properties.fontFamilyEa
+        );
+        const bulletStyles = buildBulletStyleAttrs(
+          para.properties,
+          fontSize,
+          fontScale,
+          bulletFontChain
+        );
+        getFontUsageCollector()?.record(bulletFontChain, bulletText);
         tspans.push(
           `<tspan x="${bulletX}" dy="${dy}" text-anchor="start" ${bulletStyles}>${escapeXml2(bulletText)}</tspan>`
         );
@@ -8178,14 +8370,18 @@ function toAlpha(num) {
   }
   return result;
 }
-function buildBulletStyleAttrs(props, textFontSizePt, fontScale) {
+function buildBulletFontChain(props, runFontFamily, runFontFamilyEa) {
+  return [props.bulletFont, runFontFamily ?? null, runFontFamilyEa ?? null];
+}
+function buildBulletStyleAttrs(props, textFontSizePt, fontScale, bulletFontChain) {
   const styles = [];
   if (props.bulletSizePct !== null) {
     const size = textFontSizePt * (props.bulletSizePct / 1e5);
     styles.push(`font-size="${size}pt"`);
   }
-  if (props.bulletFont) {
-    styles.push(`font-family="${escapeXml2(props.bulletFont)}"`);
+  const fontFamilyValue = buildFontFamilyValue(bulletFontChain);
+  if (fontFamilyValue) {
+    styles.push(`font-family="${fontFamilyValue}"`);
   }
   if (props.bulletColor) {
     styles.push(`fill="${props.bulletColor.hex}"`);
@@ -8369,6 +8565,7 @@ function renderSegment(text, props, fontScale, prefix) {
   let tspanContent;
   if (!needsScriptSplit(props)) {
     const styles = buildStyleAttrs(props, fontScale);
+    getFontUsageCollector()?.record([props.fontFamily, props.fontFamilyEa], text);
     tspanContent = `<tspan ${prefix}${styles}>${escapeXml2(text)}</tspan>`;
   } else {
     const parts = splitByScript(text);
@@ -8377,6 +8574,7 @@ function renderSegment(text, props, fontScale, prefix) {
       const part = parts[i];
       const fonts = part.isEa ? [props.fontFamilyEa, getJpanFallbackFont(), props.fontFamily] : [props.fontFamily, props.fontFamilyEa];
       const styles = buildStyleAttrs(props, fontScale, fonts);
+      getFontUsageCollector()?.record(fonts, part.text);
       if (i === 0) {
         result.push(`<tspan ${prefix}${styles}>${escapeXml2(part.text)}</tspan>`);
       } else {
@@ -9157,6 +9355,7 @@ function escapeXmlAttr(str) {
 
 // src/converter.ts
 async function convertPptxToSvg(input, options) {
+  const textOutput = options?.textOutput ?? "path";
   const setup = await createOpentypeSetupFromSystem(
     options?.fontDirs,
     options?.fontMapping,
@@ -9164,7 +9363,13 @@ async function convertPptxToSvg(input, options) {
   );
   if (setup) {
     setTextMeasurer(setup.measurer);
-    setTextPathFontResolver(setup.fontResolver);
+    if (textOutput !== "text") {
+      setTextPathFontResolver(setup.fontResolver);
+    }
+  }
+  const fontUsageCollector = textOutput === "text" ? new FontUsageCollector() : null;
+  if (fontUsageCollector) {
+    setFontUsageCollector(fontUsageCollector);
   }
   setFontMapping(createFontMapping(options?.fontMapping));
   enableXmlCache();
@@ -9183,7 +9388,14 @@ async function convertPptxToSvg(input, options) {
       const { slide, layoutElements, layoutShowMasterSp, masterElements } = parsed;
       const effectiveMasterElements = slide.showMasterSp && layoutShowMasterSp ? masterElements : [];
       slide.elements = mergeElements(effectiveMasterElements, layoutElements, slide.elements);
-      const svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      fontUsageCollector?.reset();
+      let svg = renderSlideToSvg(slide, data.presInfo.slideSize);
+      if (fontUsageCollector && setup) {
+        const style = await buildFontFaceStyle(fontUsageCollector.getUsages(), setup.fontResolver);
+        if (style) {
+          svg = injectIntoSvgDefs(svg, style);
+        }
+      }
       results.push({ slideNumber, svg });
     }
     flushWarnings();
@@ -9192,17 +9404,60 @@ async function convertPptxToSvg(input, options) {
     clearXmlCache();
     resetTextMeasurer();
     resetTextPathFontResolver();
+    resetFontUsageCollector();
     resetFontMapping();
     resetScriptFonts();
   }
 }
+function injectIntoSvgDefs(svg, content) {
+  const openTagEnd = svg.indexOf(">");
+  if (openTagEnd === -1) return svg;
+  return `${svg.slice(0, openTagEnd + 1)}<defs>${content}</defs>${svg.slice(openTagEnd + 1)}`;
+}
+var cachedFontBuffers = null;
+var cachedFontBuffersKey = null;
+var MAX_TOTAL_FONT_BUFFER_BYTES = 100 * 1024 * 1024;
+function loadFontBuffers(fontDirs, skipSystemFonts) {
+  const key = `${(fontDirs ?? []).join("\0")}
+${skipSystemFonts ?? false}`;
+  if (cachedFontBuffers !== null && cachedFontBuffersKey === key) {
+    return cachedFontBuffers;
+  }
+  const allPaths = collectFontFilePaths(fontDirs, skipSystemFonts);
+  const ttfOtfPaths = allPaths.filter((p) => {
+    const lower = p.toLowerCase();
+    return lower.endsWith(".ttf") || lower.endsWith(".otf");
+  });
+  const pathsWithSize = [];
+  for (const p of ttfOtfPaths) {
+    try {
+      pathsWithSize.push({ path: p, size: statSync(p).size });
+    } catch {
+    }
+  }
+  pathsWithSize.sort((a, b) => a.size - b.size);
+  const buffers = [];
+  let totalSize = 0;
+  for (const { path, size } of pathsWithSize) {
+    if (totalSize + size > MAX_TOTAL_FONT_BUFFER_BYTES) break;
+    try {
+      buffers.push(new Uint8Array(readFileSync(path)));
+      totalSize += size;
+    } catch {
+    }
+  }
+  cachedFontBuffers = buffers;
+  cachedFontBuffersKey = key;
+  return buffers;
+}
 async function convertPptxToPng(input, options) {
-  const svgResults = await convertPptxToSvg(input, options);
+  const svgResults = await convertPptxToSvg(input, { ...options, textOutput: "path" });
   const width = options?.width ?? DEFAULT_OUTPUT_WIDTH;
   const height = options?.height;
+  const fontBuffers = loadFontBuffers(options?.fontDirs, options?.skipSystemFonts);
   const results = [];
   for (const { slideNumber, svg } of svgResults) {
-    const pngResult = await svgToPng(svg, { width, height });
+    const pngResult = await svgToPng(svg, { width, height, fontBuffers });
     results.push({
       slideNumber,
       png: pngResult.png,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pptx-glimpse",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A lightweight JavaScript library for rendering PowerPoint (.pptx) files as SVG or PNG in Node.js. No LibreOffice required.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -46,7 +46,7 @@
     "@changesets/cli": "^2.29.8",
     "@types/node": "^25.2.2",
     "@types/ws": "^8.18.1",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-v8": "4.1.0",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^10.0.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
@@ -59,7 +59,7 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.55.0",
-    "vitest": "^3.0.0",
+    "vitest": "^4.1.0",
     "ws": "^8.19.0"
   },
   "scripts": {