@shumoku/renderer 0.2.23 → 0.2.25

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 /**
  * @shumoku/renderer - SVG and HTML renderers for network diagrams
+ * Browser entry point (PNG throws error)
  */
 import * as html from './html/index.js';
+import * as png from './png.browser.js';
 import * as svg from './svg.js';
-export { svg, html };
+export { svg, html, png };
 export type { SheetData } from './html/index.js';
 export type { DataAttributeOptions, DeviceInfo, EndpointInfo, HTMLRendererOptions, InteractiveInstance, InteractiveOptions, LinkInfo, PortInfo, RenderMode, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AAEvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA;AAGpB,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,YAAY,EACV,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;AAGzB,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,YAAY,EACV,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -1,8 +1,9 @@
 /**
  * @shumoku/renderer - SVG and HTML renderers for network diagrams
+ * Browser entry point (PNG throws error)
  */
 import * as html from './html/index.js';
-// Namespace exports
+import * as png from './png.browser.js';
 import * as svg from './svg.js';
-export { svg, html };
+export { svg, html, png };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AACvC,oBAAoB;AACpB,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA"}

package/dist/index.node.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @shumoku/renderer - SVG, HTML, and PNG renderers for network diagrams
+ * Node.js entry point (includes PNG support)
+ */
+import * as html from './html/index.js';
+import * as png from './png.js';
+import * as svg from './svg.js';
+export { svg, html, png };
+export type { SheetData } from './html/index.js';
+export type { DataAttributeOptions, DeviceInfo, EndpointInfo, HTMLRendererOptions, InteractiveInstance, InteractiveOptions, LinkInfo, PortInfo, RenderMode, } from './types.js';
+//# sourceMappingURL=index.node.d.ts.map

package/dist/index.node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.node.d.ts","sourceRoot":"","sources":["../src/index.node.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA;AAGzB,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAEhD,YAAY,EACV,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAA"}

package/dist/index.node.js

@@ -0,0 +1,9 @@
+/**
+ * @shumoku/renderer - SVG, HTML, and PNG renderers for network diagrams
+ * Node.js entry point (includes PNG support)
+ */
+import * as html from './html/index.js';
+import * as png from './png.js';
+import * as svg from './svg.js';
+export { svg, html, png };
+//# sourceMappingURL=index.node.js.map

package/dist/index.node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.node.js","sourceRoot":"","sources":["../src/index.node.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAA"}

package/dist/png.browser.d.ts

@@ -0,0 +1,17 @@
+/**
+ * PNG Renderer - Browser stub
+ * Throws error when called in browser environment
+ */
+import type { LayoutResult, NetworkGraph } from '@shumoku/core';
+export interface PngOptions {
+    /** Scale factor for output resolution (default: 2) */
+    scale?: number;
+    /** Load system fonts (default: true) */
+    loadSystemFonts?: boolean;
+}
+/**
+ * Render NetworkGraph to PNG buffer (Node.js only)
+ * @throws Error when called in browser
+ */
+export declare function render(_graph: NetworkGraph, _layout: LayoutResult, _options?: PngOptions): Buffer;
+//# sourceMappingURL=png.browser.d.ts.map

package/dist/png.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"png.browser.d.ts","sourceRoot":"","sources":["../src/png.browser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;GAGG;AACH,wBAAgB,MAAM,CACpB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,YAAY,EACrB,QAAQ,GAAE,UAAe,GACxB,MAAM,CAER"}

package/dist/png.browser.js

@@ -0,0 +1,12 @@
+/**
+ * PNG Renderer - Browser stub
+ * Throws error when called in browser environment
+ */
+/**
+ * Render NetworkGraph to PNG buffer (Node.js only)
+ * @throws Error when called in browser
+ */
+export function render(_graph, _layout, _options = {}) {
+    throw new Error('PNG rendering is only available in Node.js environment');
+}
+//# sourceMappingURL=png.browser.js.map

package/dist/png.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"png.browser.js","sourceRoot":"","sources":["../src/png.browser.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAWH;;;GAGG;AACH,MAAM,UAAU,MAAM,CACpB,MAAoB,EACpB,OAAqB,EACrB,WAAuB,EAAE;IAEzB,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;AAC3E,CAAC"}

package/dist/png.d.ts

@@ -0,0 +1,16 @@
+/**
+ * PNG Renderer
+ * Renders NetworkGraph to PNG (Node.js only)
+ */
+import type { LayoutResult, NetworkGraph } from '@shumoku/core';
+export interface PngOptions {
+    /** Scale factor for output resolution (default: 2) */
+    scale?: number;
+    /** Load system fonts (default: true) */
+    loadSystemFonts?: boolean;
+}
+/**
+ * Render NetworkGraph to PNG buffer
+ */
+export declare function render(graph: NetworkGraph, layout: LayoutResult, 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;;;GAGG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAI/D,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;GAEG;AACH,wBAAgB,MAAM,CACpB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,EACpB,OAAO,GAAE,UAAe,GACvB,MAAM,CAWR"}

package/dist/png.js

@@ -0,0 +1,20 @@
+/**
+ * PNG Renderer
+ * Renders NetworkGraph to PNG (Node.js only)
+ */
+import { Resvg } from '@resvg/resvg-js';
+import * as svg from './svg.js';
+/**
+ * Render NetworkGraph to PNG buffer
+ */
+export function render(graph, layout, options = {}) {
+    const scale = options.scale ?? 2;
+    const loadSystemFonts = options.loadSystemFonts ?? true;
+    const svgString = svg.render(graph, layout);
+    const resvg = new Resvg(svgString, {
+        fitTo: { mode: 'zoom', value: scale },
+        font: { loadSystemFonts },
+    });
+    return resvg.render().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;;;GAGG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAS/B;;GAEG;AACH,MAAM,UAAU,MAAM,CACpB,KAAmB,EACnB,MAAoB,EACpB,UAAsB,EAAE;IAExB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,CAAC,CAAA;IAChC,MAAM,eAAe,GAAG,OAAO,CAAC,eAAe,IAAI,IAAI,CAAA;IAEvD,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC3C,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,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAA;AAC/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shumoku/renderer",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "description": "SVG and HTML renderers for Shumoku network diagrams",
   "license": "MIT",
   "author": "konoe-akitoshi",
@@ -31,8 +31,14 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "node": {
+        "types": "./dist/index.node.d.ts",
+        "import": "./dist/index.node.js"
+      },
+      "default": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      }
     },
     "./style.css": "./dist/style.css",
     "./iife": "./dist/shumoku-interactive.iife.js",

package/src/index.node.ts

@@ -0,0 +1,25 @@
+/**
+ * @shumoku/renderer - SVG, HTML, and PNG renderers for network diagrams
+ * Node.js entry point (includes PNG support)
+ */
+
+import * as html from './html/index.js'
+import * as png from './png.js'
+import * as svg from './svg.js'
+
+export { svg, html, png }
+
+// Re-export SheetData for hierarchical rendering
+export type { SheetData } from './html/index.js'
+// Types
+export type {
+  DataAttributeOptions,
+  DeviceInfo,
+  EndpointInfo,
+  HTMLRendererOptions,
+  InteractiveInstance,
+  InteractiveOptions,
+  LinkInfo,
+  PortInfo,
+  RenderMode,
+} from './types.js'

package/src/index.ts

@@ -1,12 +1,13 @@
 /**
  * @shumoku/renderer - SVG and HTML renderers for network diagrams
+ * Browser entry point (PNG throws error)
  */
 
 import * as html from './html/index.js'
-// Namespace exports
+import * as png from './png.browser.js'
 import * as svg from './svg.js'
 
-export { svg, html }
+export { svg, html, png }
 
 // Re-export SheetData for hierarchical rendering
 export type { SheetData } from './html/index.js'

package/src/png.browser.ts

@@ -0,0 +1,25 @@
+/**
+ * PNG Renderer - Browser stub
+ * Throws error when called in browser environment
+ */
+
+import type { LayoutResult, NetworkGraph } from '@shumoku/core'
+
+export interface PngOptions {
+  /** Scale factor for output resolution (default: 2) */
+  scale?: number
+  /** Load system fonts (default: true) */
+  loadSystemFonts?: boolean
+}
+
+/**
+ * Render NetworkGraph to PNG buffer (Node.js only)
+ * @throws Error when called in browser
+ */
+export function render(
+  _graph: NetworkGraph,
+  _layout: LayoutResult,
+  _options: PngOptions = {},
+): Buffer {
+  throw new Error('PNG rendering is only available in Node.js environment')
+}

package/src/png.ts

@@ -0,0 +1,35 @@
+/**
+ * PNG Renderer
+ * Renders NetworkGraph to PNG (Node.js only)
+ */
+
+import type { LayoutResult, NetworkGraph } from '@shumoku/core'
+import { Resvg } from '@resvg/resvg-js'
+import * as svg from './svg.js'
+
+export interface PngOptions {
+  /** Scale factor for output resolution (default: 2) */
+  scale?: number
+  /** Load system fonts (default: true) */
+  loadSystemFonts?: boolean
+}
+
+/**
+ * Render NetworkGraph to PNG buffer
+ */
+export function render(
+  graph: NetworkGraph,
+  layout: LayoutResult,
+  options: PngOptions = {},
+): Buffer {
+  const scale = options.scale ?? 2
+  const loadSystemFonts = options.loadSystemFonts ?? true
+
+  const svgString = svg.render(graph, layout)
+  const resvg = new Resvg(svgString, {
+    fitTo: { mode: 'zoom', value: scale },
+    font: { loadSystemFonts },
+  })
+
+  return resvg.render().asPng()
+}