@shumoku/renderer 0.2.23 → 0.2.24

package/dist/png.d.ts

@@ -0,0 +1,14 @@
+/**
+ * PNG renderer - converts SVG to PNG using resvg
+ */
+export interface PngOptions {
+    /** Scale factor (default: 2) */
+    scale?: number;
+    /** Load system fonts (default: true) */
+    loadSystemFonts?: boolean;
+}
+/**
+ * Convert SVG string to PNG buffer
+ */
+export declare function renderToPng(svgString: string, options?: PngOptions): Buffer;
+//# sourceMappingURL=png.d.ts.map

package/dist/png.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"png.d.ts","sourceRoot":"","sources":["../src/png.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,GAAG,MAAM,CAW/E"}

package/dist/png.js

@@ -0,0 +1,18 @@
+/**
+ * PNG renderer - converts SVG to PNG using resvg
+ */
+import { Resvg } from '@resvg/resvg-js';
+/**
+ * Convert SVG string to PNG buffer
+ */
+export function renderToPng(svgString, options = {}) {
+    const scale = options.scale ?? 2;
+    const loadSystemFonts = options.loadSystemFonts ?? true;
+    const resvg = new Resvg(svgString, {
+        fitTo: { mode: 'zoom', value: scale },
+        font: { loadSystemFonts },
+    });
+    const pngData = resvg.render();
+    return pngData.asPng();
+}
+//# sourceMappingURL=png.js.map

package/dist/png.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"png.js","sourceRoot":"","sources":["../src/png.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AASvC;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,SAAiB,EAAE,UAAsB,EAAE;IACrE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAA;IAChC,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,IAAI,IAAI,CAAA;IAEvD,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,EAAE;QACjC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;QACrC,IAAI,EAAE,EAAE,eAAe,EAAE;KAC1B,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA;IAC9B,OAAO,OAAO,CAAC,KAAK,EAAE,CAAA;AACxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shumoku/renderer",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "SVG and HTML renderers for Shumoku network diagrams",
   "license": "MIT",
   "author": "konoe-akitoshi",
@@ -39,6 +39,10 @@
     "./iife-string": {
       "types": "./dist/iife-string.d.ts",
       "import": "./dist/iife-string.js"
+    },
+    "./png": {
+      "types": "./dist/png.d.ts",
+      "import": "./dist/png.js"
     }
   },
   "files": [

package/src/png.ts

@@ -0,0 +1,28 @@
+/**
+ * PNG renderer - converts SVG to PNG using resvg
+ */
+
+import { Resvg } from '@resvg/resvg-js'
+
+export interface PngOptions {
+  /** Scale factor (default: 2) */
+  scale?: number
+  /** Load system fonts (default: true) */
+  loadSystemFonts?: boolean
+}
+
+/**
+ * Convert SVG string to PNG buffer
+ */
+export function renderToPng(svgString: string, options: PngOptions = {}): Buffer {
+  const scale = options.scale ?? 2
+  const loadSystemFonts = options.loadSystemFonts ?? true
+
+  const resvg = new Resvg(svgString, {
+    fitTo: { mode: 'zoom', value: scale },
+    font: { loadSystemFonts },
+  })
+
+  const pngData = resvg.render()
+  return pngData.asPng()
+}