@hirokisakabe/pom-cli 0.5.1 → 0.6.0

package/README.md

@@ -100,6 +100,12 @@ To output SVG instead of PNG:
 pom render slides.pom.xml -o ./images --format svg
 ```
 
+By default, SVG output converts text to `<path>` outlines so it renders identically in any environment. Pass `--text-output text` to emit native `<text>` elements with subsetted fonts embedded as `@font-face` data URIs instead — text becomes selectable and renders with browser font hinting, but may not display correctly when the SVG is referenced via `<img src="...">` or sanitized:
+
+```bash
+pom render slides.pom.xml -o ./images --format svg --text-output text
+```
+
 To render only specific slides (1-based, comma-separated) — useful when re-checking just the slides you edited:
 
 ```bash

package/dist/cli.js

@@ -79,6 +79,7 @@ program
     .requiredOption("-o <dir>", "Output directory for rendered images")
     .option("--format <format>", "Output format: png or svg", "png")
     .option("--slides <numbers>", "Comma-separated slide numbers to render (e.g. 2,5)")
+    .option("--text-output <mode>", 'SVG text output mode: "path" (glyph outlines) or "text" (native <text> with embedded subset fonts). Only valid with --format svg')
     .option("--verbose", "Show build step timing on stderr")
     .action((input, options) => {
     if (options.format !== "png" && options.format !== "svg") {
@@ -86,6 +87,17 @@ program
         process.exit(1);
     }
     const format = options.format;
+    if (options.textOutput !== undefined) {
+        if (options.textOutput !== "path" && options.textOutput !== "text") {
+            console.error(`Invalid text output mode: ${options.textOutput} (expected "path" or "text")`);
+            process.exit(1);
+        }
+        if (format !== "svg") {
+            console.error("--text-output is only valid with --format svg");
+            process.exit(1);
+        }
+    }
+    const textOutput = options.textOutput;
     let slides;
     if (options.slides !== undefined) {
         slides = options.slides.split(",").map((s) => Number(s.trim()));
@@ -98,6 +110,7 @@ program
     runRender(input, options.o, {
         format,
         slides,
+        textOutput,
         verbose: options.verbose,
     }).catch((err) => {
         printBuildError(err);

package/dist/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAyWA,wBAAgB,UAAU,CACxB,SAAS,EAAE,MAAM,EACjB,IAAI,GAAE,MAAqB,EAC3B,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAClD,IAAI,CAmIN"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AA4WA,wBAAgB,UAAU,CACxB,SAAS,EAAE,MAAM,EACjB,IAAI,GAAE,MAAqB,EAC3B,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO,GAClD,IAAI,CAmIN"}

package/dist/preview.js

@@ -53,11 +53,14 @@ async function generateSvgs(inputFile, verbose = false) {
     }
     const fontDirs = [resolveBundledFontsDir()];
     const t2 = Date.now();
+    // インライン SVG なのでネイティブ <text> + サブセットフォント埋め込みが使える。
+    // ブラウザのテキスト描画 (ヒンティング等) が効き、テキスト選択も可能になる
     const slides = await convertPptxToSvg(buffer, {
         width: slideWidth,
         fontDirs,
         fontMapping: EXTRA_FONT_MAPPING,
         skipSystemFonts: true,
+        textOutput: "text",
     });
     log(`Converting to SVG... done (${Date.now() - t2}ms)`);
     const svgs = slides.map((s) => s.svg);

package/dist/render.d.ts

@@ -1,7 +1,9 @@
 export type RenderFormat = "png" | "svg";
+export type TextOutput = "path" | "text";
 export declare function runRender(inputFile: string, outputDir: string, options?: {
     format?: RenderFormat;
     slides?: number[];
+    textOutput?: TextOutput;
     verbose?: boolean;
 }): Promise<void>;
 //# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,CAAC;AAOzC,wBAAsB,SAAS,CAC7B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACd,GACL,OAAO,CAAC,IAAI,CAAC,CAoFf"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAOzC,wBAAsB,SAAS,CAC7B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IACP,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACd,GACL,OAAO,CAAC,IAAI,CAAC,CAuFf"}

package/dist/render.js

@@ -42,7 +42,10 @@ export async function runRender(inputFile, outputDir, options = {}) {
     const t2 = Date.now();
     let outputs;
     if (format === "svg") {
-        const slides = await convertPptxToSvg(buffer, convertOptions);
+        const slides = await convertPptxToSvg(buffer, {
+            ...convertOptions,
+            ...(options.textOutput ? { textOutput: options.textOutput } : {}),
+        });
         outputs = slides.map((s) => ({ slideNumber: s.slideNumber, data: s.svg }));
     }
     else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hirokisakabe/pom-cli",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "CLI tool for pom — preview, build, and render presentations",
   "type": "module",
   "bin": {
@@ -30,10 +30,10 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@hirokisakabe/pom": "^8.4.0",
+    "@hirokisakabe/pom": "^8.5.0",
     "@hirokisakabe/pom-md": "^3.0.0",
     "commander": "^15.0.0",
-    "pptx-glimpse": "^1.0.1"
+    "pptx-glimpse": "^1.1.0"
   },
   "devDependencies": {
     "@types/node": "^25.9.2"