emf-converter 1.4.1 → 1.4.3

package/README.md

@@ -1,11 +1,12 @@
 # emf-converter
 
 [![npm version](https://img.shields.io/npm/v/emf-converter.svg)](https://www.npmjs.com/package/emf-converter)
-[![license](https://img.shields.io/npm/l/emf-converter.svg)](https://github.com/ChristopherVR/pptx-viewer/blob/main/LICENSE)
+[![CI](https://github.com/ChristopherVR/emf-converter/actions/workflows/ci.yml/badge.svg)](https://github.com/ChristopherVR/emf-converter/actions/workflows/ci.yml)
+[![license](https://img.shields.io/npm/l/emf-converter.svg)](LICENSE)
 
-A zero-dependency TypeScript library that converts **EMF** (Enhanced Metafile) and **WMF** (Windows Metafile) binary buffers into **PNG data URLs** by parsing their record streams and replaying drawing commands onto an HTML Canvas.
+A zero-dependency TypeScript library that converts **EMF** (Enhanced Metafile) and **WMF** (Windows Metafile) binary buffers into **PNG data URLs** by parsing their record streams and replaying the drawing commands onto an HTML Canvas.
 
-Windows Metafiles store a sequence of GDI drawing commands and are commonly embedded inside Office documents (PPTX, DOCX). This converter reads the raw binary, interprets each record, and replays the drawing operations onto a Canvas to produce a rasterised PNG. It handles three formats:
+Windows Metafiles store a sequence of GDI drawing commands and are commonly embedded inside Office documents (Word, PowerPoint) and Windows clipboard data. This converter reads the raw binary, interprets each record, and replays the drawing operations onto a Canvas to produce a rasterised PNG. It handles three formats:
 
 | Format   | Description                    | Coordinate system       |
 | -------- | ------------------------------ | ----------------------- |
@@ -13,10 +14,16 @@ Windows Metafiles store a sequence of GDI drawing commands and are commonly embe
 | **EMF**  | Enhanced Metafile (32-bit GDI) | Bounds-based scaling    |
 | **EMF+** | GDI+ extension embedded in EMF | World transform matrix  |
 
-<samp>**[📦 npm](https://www.npmjs.com/package/emf-converter)** · **[📖 Full docs](https://christophervr.github.io/pptx-viewer/)**</samp>
+<samp>**[▶️ Live demo](https://christophervr.github.io/emf-converter/)** · **[📦 npm](https://www.npmjs.com/package/emf-converter)**</samp>
 
 ---
 
+## Demo
+
+Try it right in your browser — drop in an `.emf` or `.wmf` file and see the rendered PNG, conversion time, and output size:
+
+**https://christophervr.github.io/emf-converter/**
+
 ## Install
 
 ```bash
@@ -57,7 +64,7 @@ Both functions return `Promise<string | null>` — `null` if the buffer is inval
 
 A three-phase pipeline: **parse → replay → export**. The header parser extracts the drawing bounds, a Canvas is created and clamped to 4096×4096, then records are scanned sequentially and dispatched to GDI, EMF+, or WMF handlers that drive the Canvas 2D context. Embedded bitmaps (DIB and GDI+ pixel formats) and recursively embedded metafiles are resolved asynchronously after the synchronous replay completes.
 
-It supports 300+ EMF GDI record types, the EMF+ (GDI+) record set, and legacy WMF records, including state, transforms, objects, shapes, poly/path operations, text, bitmaps, and clipping. For the full record-type coverage, coordinate-system details, object tables, and module maps, see the [full documentation](https://christophervr.github.io/pptx-viewer/).
+It supports 300+ EMF GDI record types, the EMF+ (GDI+) record set, and legacy WMF records, including state, transforms, objects, shapes, poly/path operations, text, bitmaps, and clipping.
 
 ## Limitations
 
@@ -70,4 +77,4 @@ It supports 300+ EMF GDI record types, the EMF+ (GDI+) record set, and legacy WM
 
 ## License
 
-[Apache-2.0](LICENSE). Please keep the [`NOTICE`](NOTICE) file with redistributions.
+[Apache-2.0](LICENSE) — free for commercial and closed-source use, with an explicit patent grant.

package/dist/index.js

@@ -3893,7 +3893,13 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
   const windowExt = { cx: logicalW, cy: logicalH };
   const coord = createWmfCoord(windowOrg, windowExt, canvasW, canvasH);
   const objectTable = /* @__PURE__ */ new Map();
-  let nextObjectSlot = 0;
+  const allocObjectSlot = () => {
+    let slot = 0;
+    while (objectTable.has(slot)) {
+      slot++;
+    }
+    return slot;
+  };
   const state = defaultState();
   const stateStack = [];
   const wCtx = { view, ctx, state, coord };
@@ -3969,7 +3975,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
         break;
       case META_CREATEPENINDIRECT:
         if (recSize >= 16) {
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "pen",
             style: view.getUint16(dataOff, true) & 255,
@@ -3980,7 +3986,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
         break;
       case META_CREATEBRUSHINDIRECT:
         if (recSize >= 14) {
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "brush",
             style: view.getUint16(dataOff, true),
@@ -3998,7 +4004,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
             }
             family += String.fromCharCode(ch);
           }
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "font",
             height: Math.abs(view.getInt16(dataOff, true)),

package/dist/index.mjs

@@ -3891,7 +3891,13 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
   const windowExt = { cx: logicalW, cy: logicalH };
   const coord = createWmfCoord(windowOrg, windowExt, canvasW, canvasH);
   const objectTable = /* @__PURE__ */ new Map();
-  let nextObjectSlot = 0;
+  const allocObjectSlot = () => {
+    let slot = 0;
+    while (objectTable.has(slot)) {
+      slot++;
+    }
+    return slot;
+  };
   const state = defaultState();
   const stateStack = [];
   const wCtx = { view, ctx, state, coord };
@@ -3967,7 +3973,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
         break;
       case META_CREATEPENINDIRECT:
         if (recSize >= 16) {
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "pen",
             style: view.getUint16(dataOff, true) & 255,
@@ -3978,7 +3984,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
         break;
       case META_CREATEBRUSHINDIRECT:
         if (recSize >= 14) {
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "brush",
             style: view.getUint16(dataOff, true),
@@ -3996,7 +4002,7 @@ function replayWmfRecords(view, ctx, header, canvasW, canvasH) {
             }
             family += String.fromCharCode(ch);
           }
-          const slot = nextObjectSlot++;
+          const slot = allocObjectSlot();
           objectTable.set(slot, {
             kind: "font",
             height: Math.abs(view.getInt16(dataOff, true)),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "emf-converter",
-	"version": "1.4.1",
+	"version": "1.4.3",
 	"description": "Convert EMF/WMF metafile binaries to PNG data URLs using Canvas",
 	"keywords": [
 		"canvas",
@@ -47,6 +47,6 @@
 	"devDependencies": {
 		"tsup": "^8.5.1",
 		"typescript": "^6.0.3",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.9"
 	}
 }