ok-canvas-export 1.0.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,118 @@
+# OK-CANVAS-EXPORT LIBRARY
+
+[![npm version](https://img.shields.io/npm/v/ok-canvas-export.svg)](https://www.npmjs.com/package/ok-canvas-export)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+Export SVG diagrams and canvases as high-quality images with full render pass support.
+
+## Features
+
+- Supports PNG and SVG export formats
+- High-quality rendering with adjustable scale
+- TypeScript support
+- Zero dependencies (except React)
+
+## Installation
+
+```bash
+bun add ok-canvas-export
+```
+
+## Quick Start
+
+```typescript
+import { useDiagramExport } from 'ok-canvas-export';
+import { useRef } from 'react';
+
+const MyDiagram = () => {
+  const svgRef = useRef<SVGSVGElement>(null);
+  
+  const {
+    exportDiagram,
+    isExporting,
+    exportAllTables,
+  } = useDiagramExport({
+    svgRef,
+    diagramData,
+    getTableHeight,
+    projectName: 'my-project',
+  });
+
+  const handleExport = async () => {
+    await exportDiagram({
+      format: 'png',
+      background: 'white',
+      scale: 2,
+      margin: 100,
+      onProgress: (status) => {
+        console.log('Export status:', status);
+      },
+    });
+  };
+
+  return (
+    <>
+      <svg ref={svgRef}>
+        {/* Your diagram content */}
+      </svg>
+      <button onClick={handleExport} disabled={isExporting}>
+        Export Diagram
+      </button>
+    </>
+  );
+};
+```
+
+## API
+
+### `useDiagramExport`
+
+Hook that provides diagram export functionality.
+
+**Parameters:**
+- `svgRef`: React ref to the SVG element
+- `diagramData`: Object containing tables and relationships
+- `getTableHeight`: Function that returns table height based on fields
+- `projectName`: Optional project name for filename
+
+**Returns:**
+- `isExporting`: Boolean indicating if export is in progress
+- `exportDiagram`: Function to trigger export
+- `exportAllTables`: Boolean flag for full render mode
+- `setExportAllTables`: Function to toggle full render mode
+
+### `exportDiagram`
+
+Core export function.
+
+**Options:**
+- `format`: `'png'` | `'svg'` (default: `'png'`)
+- `background`: `'white'` | `'transparent'` (default: `'white'`)
+- `scale`: Number for quality scaling (default: `2`)
+- `margin`: Number for padding around content (default: `100`)
+- `fileName`: Custom filename override
+- `onProgress`: Callback for export status updates
+
+## How It Works
+
+1. Activates full render mode to bypass viewport culling
+2. Prepares clean SVG clone with proper dimensions
+3. Serializes SVG with CSS variables resolved
+4. Renders to high-quality canvas with proper scaling
+5. Downloads as PNG or SVG file
+
+## Configuration
+
+The library expects tables to have:
+- `id`: `string`
+- `x`: `number`
+- `y`: `number`
+- `fields`: `array`
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/calculateDimensions.d.ts

@@ -0,0 +1,47 @@
+import type { DiagramData, GetTableHeight } from './types';
+export interface Dimensions {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}
+/**
+ * Calculates dimensions based on diagram data.
+ *
+ * This function is kept compatible with the original API and tests.
+ *
+ * It calculates the total diagram size from the table coordinates,
+ * assuming the table width is 280px plus the configured padding.
+ */
+export declare const calculateDimensions: (diagramData: DiagramData | undefined | null, getTableHeight: GetTableHeight, margin?: number) => Dimensions;
+/**
+ * Calculates the visible bounds of an SVG's graphical content.
+ *
+ * This function is intended for generic SVG exports.
+ *
+ * It does NOT rely on:
+ *
+ * - width
+ * - height
+ * - viewport
+ * - scroll container
+ *
+ * Instead, it attempts to determine the real graphical bounds.
+ */
+export declare const getSvgContentBounds: (svg: SVGSVGElement) => Dimensions | null;
+/**
+ * Calculates the dimensions that should be used for a real SVG export.
+ *
+ * The content bounds are preferred.
+ *
+ * The returned x/y values are important because the content does not
+ * necessarily start at 0,0.
+ */
+export declare const calculateSvgDimensions: (svg: SVGSVGElement, margin?: number) => Dimensions;
+/**
+ * Calculates dimensions based on an SVG element and its scroll container.
+ *
+ * Kept for backwards compatibility.
+ */
+export declare const getScrollDimensions: (svg: SVGSVGElement) => Dimensions;
+//# sourceMappingURL=calculateDimensions.d.ts.map

package/dist/calculateDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateDimensions.d.ts","sourceRoot":"","sources":["../src/calculateDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,aAAa,WAAW,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAgB,cAAc,EAC9B,SAAQ,MAAY,KACnB,UAqDF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,aAAa,KACjB,UAAU,GAAG,IAgFf,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,KAAK,aAAa,EAClB,SAAQ,MAAY,KACnB,UAmDF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,aAAa,KACjB,UAkCF,CAAC"}

package/dist/calculateDimensions.js

@@ -0,0 +1,184 @@
+const TABLE_WIDTH = 280;
+const TABLE_PADDING = 40;
+/**
+ * Calculates dimensions based on diagram data.
+ *
+ * This function is kept compatible with the original API and tests.
+ *
+ * It calculates the total diagram size from the table coordinates,
+ * assuming the table width is 280px plus the configured padding.
+ */
+export const calculateDimensions = (diagramData, getTableHeight, margin = 100) => {
+    if (!diagramData?.tables?.length) {
+        return {
+            width: 100 + margin * 2,
+            height: 100 + margin * 2,
+            x: -margin,
+            y: -margin,
+        };
+    }
+    const minX = Math.min(...diagramData.tables.map((table) => table.x));
+    const minY = Math.min(...diagramData.tables.map((table) => table.y));
+    const maxX = Math.max(...diagramData.tables.map((table) => table.x + TABLE_WIDTH + TABLE_PADDING));
+    const maxY = Math.max(...diagramData.tables.map((table) => table.y +
+        getTableHeight(table.fields) +
+        TABLE_PADDING));
+    /*
+     * Keep the original expected behavior:
+     *
+     * width  = maxX - minX
+     * height = maxY - minY
+     *
+     * with margin added on both sides.
+     */
+    return {
+        x: minX - margin,
+        y: minY - margin,
+        width: Math.max(100, maxX - minX + margin * 2),
+        height: Math.max(100, maxY - minY + margin * 2),
+    };
+};
+/**
+ * Calculates the visible bounds of an SVG's graphical content.
+ *
+ * This function is intended for generic SVG exports.
+ *
+ * It does NOT rely on:
+ *
+ * - width
+ * - height
+ * - viewport
+ * - scroll container
+ *
+ * Instead, it attempts to determine the real graphical bounds.
+ */
+export const getSvgContentBounds = (svg) => {
+    const elements = Array.from(svg.querySelectorAll('g, path, rect, circle, ellipse, line, polyline, polygon, text, use, image'));
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    const updateBounds = (x, y, width, height) => {
+        if (!Number.isFinite(x) ||
+            !Number.isFinite(y) ||
+            !Number.isFinite(width) ||
+            !Number.isFinite(height)) {
+            return;
+        }
+        if (width < 0 || height < 0) {
+            return;
+        }
+        minX = Math.min(minX, x);
+        minY = Math.min(minY, y);
+        maxX = Math.max(maxX, x + width);
+        maxY = Math.max(maxY, y + height);
+    };
+    for (const element of elements) {
+        /*
+         * Ignore the artificial canvas background.
+         */
+        if (element.matches('[data-export-bg="canvas"]') ||
+            element.closest('[data-export-bg="canvas"]')) {
+            continue;
+        }
+        try {
+            const bbox = element.getBBox();
+            updateBounds(bbox.x, bbox.y, bbox.width, bbox.height);
+        }
+        catch {
+            /*
+             * getBBox() can fail in environments where the SVG
+             * has not been rendered yet.
+             */
+        }
+    }
+    if (!Number.isFinite(minX) ||
+        !Number.isFinite(minY) ||
+        !Number.isFinite(maxX) ||
+        !Number.isFinite(maxY)) {
+        return null;
+    }
+    return {
+        x: minX,
+        y: minY,
+        width: Math.max(1, maxX - minX),
+        height: Math.max(1, maxY - minY),
+    };
+};
+/**
+ * Calculates the dimensions that should be used for a real SVG export.
+ *
+ * The content bounds are preferred.
+ *
+ * The returned x/y values are important because the content does not
+ * necessarily start at 0,0.
+ */
+export const calculateSvgDimensions = (svg, margin = 100) => {
+    const bounds = getSvgContentBounds(svg);
+    if (bounds) {
+        return {
+            x: bounds.x - margin,
+            y: bounds.y - margin,
+            width: bounds.width + margin * 2,
+            height: bounds.height + margin * 2,
+        };
+    }
+    /*
+     * Fallback to the SVG viewBox.
+     */
+    const viewBox = svg.viewBox?.baseVal;
+    if (viewBox &&
+        Number.isFinite(viewBox.width) &&
+        Number.isFinite(viewBox.height) &&
+        viewBox.width > 0 &&
+        viewBox.height > 0) {
+        return {
+            x: viewBox.x - margin,
+            y: viewBox.y - margin,
+            width: viewBox.width + margin * 2,
+            height: viewBox.height + margin * 2,
+        };
+    }
+    /*
+     * Final fallback to width/height attributes.
+     */
+    const width = Number(svg.getAttribute('width')) ||
+        svg.clientWidth ||
+        1;
+    const height = Number(svg.getAttribute('height')) ||
+        svg.clientHeight ||
+        1;
+    return {
+        x: -margin,
+        y: -margin,
+        width: width + margin * 2,
+        height: height + margin * 2,
+    };
+};
+/**
+ * Calculates dimensions based on an SVG element and its scroll container.
+ *
+ * Kept for backwards compatibility.
+ */
+export const getScrollDimensions = (svg) => {
+    const scrollContainer = svg.parentElement ||
+        svg.closest('.overflow-auto') ||
+        svg.closest('.overflow-scroll');
+    let width = Number(svg.getAttribute('width')) ||
+        svg.clientWidth ||
+        1;
+    let height = Number(svg.getAttribute('height')) ||
+        svg.clientHeight ||
+        1;
+    if (scrollContainer) {
+        width = Math.max(width, scrollContainer.scrollWidth);
+        height = Math.max(height, scrollContainer.scrollHeight);
+    }
+    return {
+        x: 0,
+        y: 0,
+        width,
+        height,
+    };
+};
+//# sourceMappingURL=calculateDimensions.js.map

package/dist/calculateDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateDimensions.js","sourceRoot":"","sources":["../src/calculateDimensions.ts"],"names":[],"mappings":"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"}

package/dist/exportDiagram.d.ts

@@ -0,0 +1,23 @@
+import type { ExportOptions, DiagramData, GetTableHeight } from './types';
+export interface ExportDiagramParams {
+    svgRef: React.RefObject<SVGSVGElement>;
+    diagramData: DiagramData;
+    getTableHeight: GetTableHeight;
+    projectName?: string;
+    setExportAllTables?: (value: boolean) => void;
+    showToast?: (message: string, type?: string) => void;
+}
+/**
+ * Exports the complete SVG diagram regardless of the
+ * visible viewport.
+ *
+ * The export process is:
+ *
+ * 1. Render all diagram content.
+ * 2. Calculate the real SVG content bounds.
+ * 3. Create an independent SVG clone.
+ * 4. Set a viewBox covering the complete content.
+ * 5. Convert the SVG to PNG when requested.
+ */
+export declare const exportDiagram: (params: ExportDiagramParams, options?: ExportOptions) => Promise<void>;
+//# sourceMappingURL=exportDiagram.d.ts.map

package/dist/exportDiagram.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportDiagram.d.ts","sourceRoot":"","sources":["../src/exportDiagram.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,cAAc,EACf,MAAM,SAAS,CAAC;AAsBjB,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,IAAI,CAAC,EAAE,MAAM,KACV,IAAI,CAAC;CACX;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,mBAAmB,EAC3B,UAAS,aAAkB,KAC1B,OAAO,CAAC,IAAI,CAoPd,CAAC"}

package/dist/exportDiagram.js

@@ -0,0 +1,141 @@
+import { calculateSvgDimensions, } from './calculateDimensions';
+import { renderHighQuality, } from './renderHighQuality';
+import { serializeSvg, createSvgUrl, prepareSvgForExport, } from './utils/serializer';
+import { downloadBlob, generateFileName, canvasToBlob, } from './utils/download';
+/**
+ * Exports the complete SVG diagram regardless of the
+ * visible viewport.
+ *
+ * The export process is:
+ *
+ * 1. Render all diagram content.
+ * 2. Calculate the real SVG content bounds.
+ * 3. Create an independent SVG clone.
+ * 4. Set a viewBox covering the complete content.
+ * 5. Convert the SVG to PNG when requested.
+ */
+export const exportDiagram = async (params, options = {}) => {
+    const { svgRef, diagramData, getTableHeight, projectName, setExportAllTables, showToast, } = params;
+    const { format = 'png', background = 'white', scale = 2, margin = 100, fileName, onProgress, } = options;
+    if (!svgRef.current) {
+        onProgress?.({
+            type: 'error',
+            message: 'SVG reference not available',
+        });
+        return;
+    }
+    let objectUrl = null;
+    try {
+        onProgress?.({
+            type: 'preparing',
+        });
+        showToast?.('Preparing export...', 'info');
+        /*
+         * Tell the consuming application to render all
+         * currently virtualized/cullable content.
+         */
+        setExportAllTables?.(true);
+        /*
+         * Give React time to render the complete diagram.
+         */
+        await new Promise((resolve) => {
+            setTimeout(resolve, 300);
+        });
+        onProgress?.({
+            type: 'rendering',
+        });
+        const sourceSvg = svgRef.current;
+        /*
+         * IMPORTANT:
+         *
+         * Do NOT use calculateDimensions() here.
+         *
+         * calculateDimensions() exists for diagram-data based
+         * compatibility.
+         *
+         * For a generic SVG export we need the real SVG bounds.
+         */
+        const dimensions = calculateSvgDimensions(sourceSvg, margin);
+        const { x, y, width, height, } = dimensions;
+        /*
+         * Prepare a completely independent SVG clone.
+         */
+        const exportSvg = prepareSvgForExport(sourceSvg, width, height, background, margin, x, y);
+        onProgress?.({
+            type: 'serializing',
+        });
+        /*
+         * Serialize the prepared SVG.
+         */
+        const svgMarkup = serializeSvg(exportSvg);
+        /*
+         * SVG export does not require canvas.
+         */
+        if (format === 'svg') {
+            const blob = new Blob([svgMarkup], {
+                type: 'image/svg+xml;charset=utf-8',
+            });
+            const finalFileName = fileName ||
+                generateFileName(projectName, 'svg');
+            downloadBlob(blob, finalFileName);
+            onProgress?.({
+                type: 'complete',
+            });
+            showToast?.('Export completed successfully', 'success');
+            return;
+        }
+        /*
+         * Create an object URL for the SVG.
+         */
+        const image = new Image();
+        objectUrl = createSvgUrl(svgMarkup);
+        await new Promise((resolve, reject) => {
+            image.onload = () => {
+                resolve();
+            };
+            image.onerror = () => {
+                reject(new Error('Failed to load SVG image'));
+            };
+            image.src = objectUrl;
+        });
+        /*
+         * Render the complete SVG into a high-quality canvas.
+         */
+        const canvas = await renderHighQuality(image, width, height, scale, background);
+        onProgress?.({
+            type: 'downloading',
+        });
+        /*
+         * Convert the canvas to PNG.
+         */
+        const blob = await canvasToBlob(canvas);
+        const finalFileName = fileName ||
+            generateFileName(projectName, 'png');
+        downloadBlob(blob, finalFileName);
+        onProgress?.({
+            type: 'complete',
+        });
+        showToast?.('Export completed successfully', 'success');
+    }
+    catch (error) {
+        console.error('Export error:', error);
+        onProgress?.({
+            type: 'error',
+            message: 'Export failed',
+        });
+        showToast?.('Failed to export file', 'error');
+    }
+    finally {
+        /*
+         * Always restore the normal rendering state.
+         */
+        setExportAllTables?.(false);
+        /*
+         * Always release the object URL.
+         */
+        if (objectUrl) {
+            URL.revokeObjectURL(objectUrl);
+        }
+    }
+};
+//# sourceMappingURL=exportDiagram.js.map

package/dist/exportDiagram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportDiagram.js","sourceRoot":"","sources":["../src/exportDiagram.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { useDiagramExport, } from './useDiagramExport';
+export { exportDiagram, } from './exportDiagram';
+export { calculateDimensions, calculateSvgDimensions, getSvgContentBounds, getScrollDimensions, } from './calculateDimensions';
+export { renderHighQuality, } from './renderHighQuality';
+export { serializeSvg, createSvgUrl, prepareSvgForExport, } from './utils/serializer';
+export { downloadBlob, generateFileName, canvasToBlob, } from './utils/download';
+export type { ExportOptions, ExportStatus, ExportContext, DiagramData, GetTableHeight, } from './types';
+export { useDiagramExport as default, } from './useDiagramExport';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,aAAa,GACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,cAAc,GACf,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,gBAAgB,IAAI,OAAO,GAC5B,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { useDiagramExport, } from './useDiagramExport';
+export { exportDiagram, } from './exportDiagram';
+export { calculateDimensions, calculateSvgDimensions, getSvgContentBounds, getScrollDimensions, } from './calculateDimensions';
+export { renderHighQuality, } from './renderHighQuality';
+export { serializeSvg, createSvgUrl, prepareSvgForExport, } from './utils/serializer';
+export { downloadBlob, generateFileName, canvasToBlob, } from './utils/download';
+export { useDiagramExport as default, } from './useDiagramExport';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,aAAa,GACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAU1B,OAAO,EACL,gBAAgB,IAAI,OAAO,GAC5B,MAAM,oBAAoB,CAAC"}

package/dist/renderHighQuality.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Renders an SVG image to a high-quality canvas.
+ */
+export declare const renderHighQuality: (image: HTMLImageElement, width: number, height: number, scale?: number, background?: "white" | "transparent") => Promise<HTMLCanvasElement>;
+//# sourceMappingURL=renderHighQuality.d.ts.map

package/dist/renderHighQuality.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderHighQuality.d.ts","sourceRoot":"","sources":["../src/renderHighQuality.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,gBAAgB,EACvB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,QAAO,MAAU,EACjB,aAAY,OAAO,GAAG,aAA6B,KAClD,OAAO,CAAC,iBAAiB,CAuG3B,CAAC"}

package/dist/renderHighQuality.js

@@ -0,0 +1,46 @@
+/**
+ * Renders an SVG image to a high-quality canvas.
+ */
+export const renderHighQuality = async (image, width, height, scale = 2, background = 'transparent') => {
+    const MAX_CANVAS_SIZE = 16384;
+    const safeWidth = Math.max(1, width);
+    const safeHeight = Math.max(1, height);
+    const safeScale = Math.max(0.1, scale);
+    const effectiveScale = Math.min(safeScale, MAX_CANVAS_SIZE /
+        Math.max(safeWidth, safeHeight, 1));
+    const canvas = document.createElement('canvas');
+    canvas.width = Math.max(1, Math.floor(safeWidth *
+        effectiveScale));
+    canvas.height = Math.max(1, Math.floor(safeHeight *
+        effectiveScale));
+    const context = canvas.getContext('2d', {
+        alpha: background !== 'white',
+    });
+    if (!context) {
+        throw new Error('Unable to create 2D canvas context');
+    }
+    context.imageSmoothingEnabled =
+        true;
+    context.imageSmoothingQuality =
+        'high';
+    /*
+     * Background.
+     */
+    if (background === 'white') {
+        context.fillStyle =
+            '#ffffff';
+        context.fillRect(0, 0, canvas.width, canvas.height);
+    }
+    else {
+        context.clearRect(0, 0, canvas.width, canvas.height);
+    }
+    /*
+     * The canvas already contains the scaled dimensions,
+     * so we draw using the original SVG dimensions.
+     */
+    context.drawImage(image, 0, 0, safeWidth *
+        effectiveScale, safeHeight *
+        effectiveScale);
+    return canvas;
+};
+//# sourceMappingURL=renderHighQuality.js.map

package/dist/renderHighQuality.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderHighQuality.js","sourceRoot":"","sources":["../src/renderHighQuality.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,EACpC,KAAuB,EACvB,KAAa,EACb,MAAc,EACd,QAAgB,CAAC,EACjB,aAAsC,aAAa,EACvB,EAAE;IAC9B,MAAM,eAAe,GAAG,KAAK,CAAC;IAE9B,MAAM,SAAS,GACb,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAErB,MAAM,UAAU,GACd,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAEtB,MAAM,SAAS,GACb,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC7B,SAAS,EACT,eAAe;QACb,IAAI,CAAC,GAAG,CACN,SAAS,EACT,UAAU,EACV,CAAC,CACF,CACJ,CAAC;IAEF,MAAM,MAAM,GACV,QAAQ,CAAC,aAAa,CACpB,QAAQ,CACT,CAAC;IAEJ,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CACrB,CAAC,EACD,IAAI,CAAC,KAAK,CACR,SAAS;QACP,cAAc,CACjB,CACF,CAAC;IAEF,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CACtB,CAAC,EACD,IAAI,CAAC,KAAK,CACR,UAAU;QACR,cAAc,CACjB,CACF,CAAC;IAEF,MAAM,OAAO,GACX,MAAM,CAAC,UAAU,CACf,IAAI,EACJ;QACE,KAAK,EACH,UAAU,KAAK,OAAO;KACzB,CACF,CAAC;IAEJ,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,oCAAoC,CACrC,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,qBAAqB;QAC3B,IAAI,CAAC;IAEP,OAAO,CAAC,qBAAqB;QAC3B,MAAM,CAAC;IAET;;OAEG;IACH,IACE,UAAU,KAAK,OAAO,EACtB,CAAC;QACD,OAAO,CAAC,SAAS;YACf,SAAS,CAAC;QAEZ,OAAO,CAAC,QAAQ,CACd,CAAC,EACD,CAAC,EACD,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,CACd,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,SAAS,CACf,CAAC,EACD,CAAC,EACD,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,CACd,CAAC;IACJ,CAAC;IAED;;;OAGG;IACH,OAAO,CAAC,SAAS,CACf,KAAK,EACL,CAAC,EACD,CAAC,EACD,SAAS;QACP,cAAc,EAChB,UAAU;QACR,cAAc,CACjB,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,39 @@
+export interface ExportOptions {
+    format?: 'png' | 'svg';
+    background?: 'white' | 'transparent';
+    scale?: number;
+    margin?: number;
+    fileName?: string;
+    onProgress?: (status: ExportStatus) => void;
+}
+export interface DiagramData {
+    tables: Array<{
+        id: string;
+        x: number;
+        y: number;
+        fields: any[];
+    }>;
+    relationships: any[];
+}
+export type ExportStatus = {
+    type: 'preparing';
+} | {
+    type: 'rendering';
+} | {
+    type: 'serializing';
+} | {
+    type: 'downloading';
+} | {
+    type: 'complete';
+} | {
+    type: 'error';
+    message: string;
+};
+export interface GetTableHeight {
+    (fields: any[]): number;
+}
+export interface ExportContext {
+    isExporting: boolean;
+    exportDiagram: (options?: ExportOptions) => Promise<void>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAEvB,UAAU,CAAC,EACP,OAAO,GACP,aAAa,CAAC;IAElB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE,CACX,MAAM,EAAE,YAAY,KACjB,IAAI,CAAC;CACX;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,MAAM,EAAE,GAAG,EAAE,CAAC;KACf,CAAC,CAAC;IAEH,aAAa,EAAE,GAAG,EAAE,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,WAAW,CAAC;CACnB,GACD;IACE,IAAI,EAAE,WAAW,CAAC;CACnB,GACD;IACE,IAAI,EAAE,aAAa,CAAC;CACrB,GACD;IACE,IAAI,EAAE,aAAa,CAAC;CACrB,GACD;IACE,IAAI,EAAE,UAAU,CAAC;CAClB,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEN,MAAM,WAAW,cAAc;IAC7B,CACE,MAAM,EAAE,GAAG,EAAE,GACZ,MAAM,CAAC;CACX;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;IAErB,aAAa,EAAE,CACb,OAAO,CAAC,EAAE,aAAa,KACpB,OAAO,CAAC,IAAI,CAAC,CAAC;CACpB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/useDiagramExport.d.ts

@@ -0,0 +1,18 @@
+import type { ExportContext, DiagramData, GetTableHeight } from './types';
+export interface UseDiagramExportParams {
+    svgRef: React.RefObject<SVGSVGElement>;
+    diagramData?: DiagramData | null;
+    getTableHeight?: GetTableHeight;
+    projectName?: string;
+}
+/**
+ * Hook that provides SVG diagram export functionality.
+ *
+ * The exporter automatically calculates the real SVG content bounds,
+ * so diagramData is optional for generic SVG usage.
+ */
+export declare const useDiagramExport: ({ svgRef, diagramData, getTableHeight, projectName, }: UseDiagramExportParams) => ExportContext & {
+    exportAllTables: boolean;
+    setExportAllTables: (value: boolean) => void;
+};
+//# sourceMappingURL=useDiagramExport.d.ts.map

package/dist/useDiagramExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiagramExport.d.ts","sourceRoot":"","sources":["../src/useDiagramExport.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,aAAa,EACb,WAAW,EACX,cAAc,EACf,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAEvC,WAAW,CAAC,EACR,WAAW,GACX,IAAI,CAAC;IAET,cAAc,CAAC,EACb,cAAc,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,uDAK9B,sBAAsB,KAAG,aAAa,GAAG;IAC1C,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAClB,KAAK,EAAE,OAAO,KACX,IAAI,CAAC;CAqDX,CAAC"}

package/dist/useDiagramExport.js

@@ -0,0 +1,40 @@
+import { useState, useCallback, } from 'react';
+import { exportDiagram, } from './exportDiagram';
+/**
+ * Hook that provides SVG diagram export functionality.
+ *
+ * The exporter automatically calculates the real SVG content bounds,
+ * so diagramData is optional for generic SVG usage.
+ */
+export const useDiagramExport = ({ svgRef, diagramData, getTableHeight, projectName, }) => {
+    const [isExporting, setIsExporting,] = useState(false);
+    const [exportAllTables, setExportAllTables,] = useState(false);
+    const handleExport = useCallback(async (options = {}) => {
+        setIsExporting(true);
+        try {
+            await exportDiagram({
+                svgRef,
+                diagramData,
+                getTableHeight,
+                projectName,
+                setExportAllTables,
+            }, options);
+        }
+        finally {
+            setIsExporting(false);
+            setExportAllTables(false);
+        }
+    }, [
+        svgRef,
+        diagramData,
+        getTableHeight,
+        projectName,
+    ]);
+    return {
+        isExporting,
+        exportDiagram: handleExport,
+        exportAllTables,
+        setExportAllTables,
+    };
+};
+//# sourceMappingURL=useDiagramExport.js.map

package/dist/useDiagramExport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiagramExport.js","sourceRoot":"","sources":["../src/useDiagramExport.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,WAAW,GACZ,MAAM,OAAO,CAAC;AASf,OAAO,EACL,aAAa,GACd,MAAM,iBAAiB,CAAC;AAezB;;;;;GAKG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,GACY,EAKvB,EAAE;IACF,MAAM,CACJ,WAAW,EACX,cAAc,EACf,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpB,MAAM,CACJ,eAAe,EACf,kBAAkB,EACnB,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpB,MAAM,YAAY,GAChB,WAAW,CACT,KAAK,EACH,UAAyB,EAAE,EAC3B,EAAE;QACF,cAAc,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,CAAC;YACH,MAAM,aAAa,CACjB;gBACE,MAAM;gBACN,WAAW;gBACX,cAAc;gBACd,WAAW;gBACX,kBAAkB;aACnB,EACD,OAAO,CACR,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,cAAc,CAAC,KAAK,CAAC,CAAC;YAEtB,kBAAkB,CAChB,KAAK,CACN,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,MAAM;QACN,WAAW;QACX,cAAc;QACd,WAAW;KACZ,CACF,CAAC;IAEJ,OAAO;QACL,WAAW;QACX,aAAa,EACX,YAAY;QACd,eAAe;QACf,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/utils/download.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Downloads a Blob as a file.
+ */
+export declare const downloadBlob: (blob: Blob, fileName: string) => void;
+/**
+ * Generates a safe filename.
+ */
+export declare const generateFileName: (projectName: string | undefined, format: "png" | "svg") => string;
+/**
+ * Converts a canvas to a PNG Blob.
+ */
+export declare const canvasToBlob: (canvas: HTMLCanvasElement) => Promise<Blob>;
+//# sourceMappingURL=download.d.ts.map

package/dist/utils/download.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.d.ts","sourceRoot":"","sources":["../../src/utils/download.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,MAAM,IAAI,EACV,UAAU,MAAM,KACf,IAqCF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,aACI,MAAM,GACN,SAAS,EACb,QACI,KAAK,GACL,KAAK,KACR,MAiBF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,QAAQ,iBAAiB,KACxB,OAAO,CAAC,IAAI,CA2Cd,CAAC"}

package/dist/utils/download.js

@@ -0,0 +1,60 @@
+/**
+ * Downloads a Blob as a file.
+ */
+export const downloadBlob = (blob, fileName) => {
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = fileName;
+    try {
+        document.body?.appendChild(link);
+        link.click();
+        document.body?.removeChild(link);
+    }
+    catch {
+        link.click();
+    }
+    /*
+     * Give the browser a chance to start the download before
+     * revoking the object URL.
+     */
+    setTimeout(() => {
+        URL.revokeObjectURL(url);
+    }, 100);
+};
+/**
+ * Generates a safe filename.
+ */
+export const generateFileName = (projectName, format) => {
+    const safeName = (projectName ||
+        'diagram')
+        .replace(/\s+/g, '_')
+        .toLowerCase()
+        .replace(/[^a-z0-9_-]/g, '');
+    return `${safeName}.${format}`;
+};
+/**
+ * Converts a canvas to a PNG Blob.
+ */
+export const canvasToBlob = (canvas) => {
+    return new Promise((resolve, reject) => {
+        try {
+            if (typeof canvas.toBlob !==
+                'function') {
+                reject(new Error('Canvas.toBlob is not supported'));
+                return;
+            }
+            canvas.toBlob((blob) => {
+                if (!blob) {
+                    reject(new Error('Failed to create PNG blob'));
+                    return;
+                }
+                resolve(blob);
+            }, 'image/png');
+        }
+        catch (error) {
+            reject(error);
+        }
+    });
+};
+//# sourceMappingURL=download.js.map

package/dist/utils/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.js","sourceRoot":"","sources":["../../src/utils/download.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,IAAU,EACV,QAAgB,EACV,EAAE;IACR,MAAM,GAAG,GACP,GAAG,CAAC,eAAe,CACjB,IAAI,CACL,CAAC;IAEJ,MAAM,IAAI,GACR,QAAQ,CAAC,aAAa,CACpB,GAAG,CACJ,CAAC;IAEJ,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAEzB,IAAI,CAAC;QACH,QAAQ,CAAC,IAAI,EAAE,WAAW,CACxB,IAAI,CACL,CAAC;QAEF,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,QAAQ,CAAC,IAAI,EAAE,WAAW,CACxB,IAAI,CACL,CAAC;IACJ,CAAC;IAAC,MAAM,CAAC;QACP,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAED;;;OAGG;IACH,UAAU,CAAC,GAAG,EAAE;QACd,GAAG,CAAC,eAAe,CACjB,GAAG,CACJ,CAAC;IACJ,CAAC,EAAE,GAAG,CAAC,CAAC;AACV,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,WAEa,EACb,MAES,EACD,EAAE;IACV,MAAM,QAAQ,GACZ,CACE,WAAW;QACX,SAAS,CACV;SACE,OAAO,CACN,MAAM,EACN,GAAG,CACJ;SACA,WAAW,EAAE;SACb,OAAO,CACN,cAAc,EACd,EAAE,CACH,CAAC;IAEN,OAAO,GAAG,QAAQ,IAAI,MAAM,EAAE,CAAC;AACjC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAAyB,EACV,EAAE;IACjB,OAAO,IAAI,OAAO,CAChB,CACE,OAAO,EACP,MAAM,EACN,EAAE;QACF,IAAI,CAAC;YACH,IACE,OAAO,MAAM,CAAC,MAAM;gBACpB,UAAU,EACV,CAAC;gBACD,MAAM,CACJ,IAAI,KAAK,CACP,gCAAgC,CACjC,CACF,CAAC;gBAEF,OAAO;YACT,CAAC;YAED,MAAM,CAAC,MAAM,CACX,CACE,IAAI,EACJ,EAAE;gBACF,IAAI,CAAC,IAAI,EAAE,CAAC;oBACV,MAAM,CACJ,IAAI,KAAK,CACP,2BAA2B,CAC5B,CACF,CAAC;oBAEF,OAAO;gBACT,CAAC;gBAED,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC,EACD,WAAW,CACZ,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/utils/serializer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Downloads are handled elsewhere.
+ *
+ * This file contains SVG serialization and preparation utilities.
+ */
+/**
+ * Serializes an SVG element to a string.
+ *
+ * CSS custom properties are resolved using the current document styles.
+ */
+export declare const serializeSvg: (svg: SVGSVGElement) => string;
+/**
+ * Creates a Blob URL from SVG markup.
+ */
+export declare const createSvgUrl: (svgMarkup: string) => string;
+/**
+ * Creates a clean SVG clone for export.
+ *
+ * sourceX/sourceY represent the origin of the exported
+ * coordinate system.
+ */
+export declare const prepareSvgForExport: (sourceSvg: SVGSVGElement, width: number, height: number, background: "white" | "transparent", margin?: number, sourceX?: number, sourceY?: number) => SVGSVGElement;
+//# sourceMappingURL=serializer.d.ts.map

package/dist/utils/serializer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializer.d.ts","sourceRoot":"","sources":["../../src/utils/serializer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,GACvB,KAAK,aAAa,KACjB,MAwDF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,WAAW,MAAM,KAChB,MAUF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,WAAW,aAAa,EACxB,OAAO,MAAM,EACb,QAAQ,MAAM,EACd,YAAY,OAAO,GAAG,aAAa,EACnC,SAAQ,MAAU,EAClB,UAAS,MAAU,EACnB,UAAS,MAAU,KAClB,aAuIF,CAAC"}

package/dist/utils/serializer.js

@@ -0,0 +1,115 @@
+/**
+ * Downloads are handled elsewhere.
+ *
+ * This file contains SVG serialization and preparation utilities.
+ */
+/**
+ * Serializes an SVG element to a string.
+ *
+ * CSS custom properties are resolved using the current document styles.
+ */
+export const serializeSvg = (svg) => {
+    const serializer = new XMLSerializer();
+    const styles = typeof document !== 'undefined'
+        ? getComputedStyle(document.documentElement)
+        : null;
+    let markup = serializer.serializeToString(svg);
+    /*
+     * Resolve CSS custom properties.
+     */
+    if (styles) {
+        markup = markup.replace(/var\(--([^)]+)\)/g, (_match, name) => {
+            const value = styles
+                .getPropertyValue(`--${name}`)
+                ?.trim();
+            return (value ||
+                `var(--${name})`);
+        });
+    }
+    /*
+     * Ensure SVG has the proper namespace.
+     */
+    if (!markup.includes('xmlns="http://www.w3.org/2000/svg"')) {
+        markup = markup.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
+    }
+    return markup;
+};
+/**
+ * Creates a Blob URL from SVG markup.
+ */
+export const createSvgUrl = (svgMarkup) => {
+    return URL.createObjectURL(new Blob([svgMarkup], {
+        type: 'image/svg+xml;charset=utf-8',
+    }));
+};
+/**
+ * Creates a clean SVG clone for export.
+ *
+ * sourceX/sourceY represent the origin of the exported
+ * coordinate system.
+ */
+export const prepareSvgForExport = (sourceSvg, width, height, background, margin = 0, sourceX = 0, sourceY = 0) => {
+    const clone = sourceSvg.cloneNode(true);
+    /*
+     * Remove viewport/background elements.
+     */
+    const bgNodes = clone.querySelectorAll('[data-export-bg="canvas"]');
+    bgNodes.forEach((node) => {
+        node.remove();
+    });
+    /*
+     * Set final dimensions.
+     */
+    clone.setAttribute('width', String(width));
+    clone.setAttribute('height', String(height));
+    /*
+     * The viewBox is what allows us to export content
+     * that exists outside the original viewport.
+     */
+    clone.setAttribute('viewBox', `${sourceX} ${sourceY} ${width} ${height}`);
+    /*
+     * Prevent unexpected aspect-ratio behavior.
+     */
+    clone.setAttribute('preserveAspectRatio', 'xMinYMin meet');
+    /*
+     * Add explicit background.
+     */
+    if (background === 'white') {
+        const whiteRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        whiteRect.setAttribute('x', String(sourceX));
+        whiteRect.setAttribute('y', String(sourceY));
+        whiteRect.setAttribute('width', String(width));
+        whiteRect.setAttribute('height', String(height));
+        whiteRect.setAttribute('fill', '#ffffff');
+        /*
+         * Keep background behind the diagram.
+         */
+        clone.insertBefore(whiteRect, clone.firstChild);
+    }
+    /*
+     * Backwards compatibility:
+     *
+     * Older consumers/tests may call this function without
+     * sourceX/sourceY and expect the old margin behavior.
+     *
+     * In the real export flow sourceX/sourceY are provided,
+     * so we do NOT modify existing transforms.
+     */
+    if (margin > 0 &&
+        sourceX === 0 &&
+        sourceY === 0) {
+        const scaledGroup = clone.querySelector('g[transform*="scale"]');
+        if (scaledGroup) {
+            const existingTransform = scaledGroup.getAttribute('transform') || '';
+            /*
+             * Preserve the original scale/transform.
+             *
+             * We prepend translate instead of replacing
+             * the transform entirely.
+             */
+            scaledGroup.setAttribute('transform', `translate(${margin / 2}, ${margin / 2}) ${existingTransform}`);
+        }
+    }
+    return clone;
+};
+//# sourceMappingURL=serializer.js.map

package/dist/utils/serializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializer.js","sourceRoot":"","sources":["../../src/utils/serializer.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "ok-canvas-export",
+  "version": "1.0.4",
+  "description": "Export complete SVG diagrams and canvases as high-quality images with full render pass to bypass viewport culling",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc --outDir dist",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "prepublishOnly": "bun test && bun run build",
+    "test": "bun test",
+    "test:watch": "bun test --watch",
+    "test:coverage": "bun test --coverage",
+    "publish:github": "npm publish --registry=https://npm.pkg.github.com"
+  },
+  "keywords": [
+    "svg",
+    "canvas",
+    "export",
+    "diagram",
+    "image",
+    "render",
+    "png",
+    "high-quality",
+    "viewport",
+    "culling",
+    "react",
+    "bun"
+  ],
+  "license": "MIT",
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "happy-dom": "^20.11.6",
+    "typescript": "^5.7.0"
+  }
+}