ok-canvas-export 1.0.4 → 1.0.6

package/dist/index.cjs

@@ -0,0 +1,2 @@
+var T=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var X=(r,o)=>{for(var e in o)T(r,e,{get:o[e],enumerable:!0})},Q=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of j(o))!W.call(r,i)&&i!==e&&T(r,i,{get:()=>o[i],enumerable:!(t=z(o,i))||t.enumerable});return r};var q=r=>Q(T({},"__esModule",{value:!0}),r);var Y={};X(Y,{calculateDimensions:()=>L,calculateSvgDimensions:()=>y,canvasToBlob:()=>A,createSvgUrl:()=>v,default:()=>B,downloadBlob:()=>h,exportDiagram:()=>G,generateFileName:()=>x,getScrollDimensions:()=>R,getSvgContentBounds:()=>M,prepareSvgForExport:()=>D,renderHighQuality:()=>S,serializeSvg:()=>E,useDiagramExport:()=>B});module.exports=q(Y);var f=require("react");var L=(r,o,e=100)=>{if(!r?.tables?.length)return{width:100+e*2,height:100+e*2,x:-e,y:-e};let t=Math.min(...r.tables.map(n=>n.x)),i=Math.min(...r.tables.map(n=>n.y)),s=Math.max(...r.tables.map(n=>n.x+280+40)),l=Math.max(...r.tables.map(n=>n.y+o(n.fields)+40));return{x:t-e,y:i-e,width:Math.max(100,s-t+e*2),height:Math.max(100,l-i+e*2)}},M=r=>{let o=Array.from(r.querySelectorAll("g, path, rect, circle, ellipse, line, polyline, polygon, text, use, image")),e=1/0,t=1/0,i=-1/0,s=-1/0,l=(n,m,a,c)=>{!Number.isFinite(n)||!Number.isFinite(m)||!Number.isFinite(a)||!Number.isFinite(c)||a<0||c<0||(e=Math.min(e,n),t=Math.min(t,m),i=Math.max(i,n+a),s=Math.max(s,m+c))};for(let n of o)if(!(n.matches('[data-export-bg="canvas"]')||n.closest('[data-export-bg="canvas"]')))try{let m=n.getBBox();l(m.x,m.y,m.width,m.height)}catch{}return!Number.isFinite(e)||!Number.isFinite(t)||!Number.isFinite(i)||!Number.isFinite(s)?null:{x:e,y:t,width:Math.max(1,i-e),height:Math.max(1,s-t)}},y=(r,o=100)=>{let e=M(r);if(e)return{x:e.x-o,y:e.y-o,width:e.width+o*2,height:e.height+o*2};let t=r.viewBox?.baseVal;if(t&&Number.isFinite(t.width)&&Number.isFinite(t.height)&&t.width>0&&t.height>0)return{x:t.x-o,y:t.y-o,width:t.width+o*2,height:t.height+o*2};let i=Number(r.getAttribute("width"))||r.clientWidth||1,s=Number(r.getAttribute("height"))||r.clientHeight||1;return{x:-o,y:-o,width:i+o*2,height:s+o*2}},R=r=>{let o=r.parentElement||r.closest(".overflow-auto")||r.closest(".overflow-scroll"),e=Number(r.getAttribute("width"))||r.clientWidth||1,t=Number(r.getAttribute("height"))||r.clientHeight||1;return o&&(e=Math.max(e,o.scrollWidth),t=Math.max(t,o.scrollHeight)),{x:0,y:0,width:e,height:t}};var S=async(r,o,e,t=2,i="transparent")=>{let l=Math.max(1,o),n=Math.max(1,e),m=Math.max(.1,t),a=Math.min(m,16384/Math.max(l,n,1)),c=document.createElement("canvas");c.width=Math.max(1,Math.floor(l*a)),c.height=Math.max(1,Math.floor(n*a));let p=c.getContext("2d",{alpha:i!=="white"});if(!p)throw new Error("Unable to create 2D canvas context");return p.imageSmoothingEnabled=!0,p.imageSmoothingQuality="high",i==="white"?(p.fillStyle="#ffffff",p.fillRect(0,0,c.width,c.height)):p.clearRect(0,0,c.width,c.height),p.drawImage(r,0,0,l*a,n*a),c};var E=r=>{let o=new XMLSerializer,e=typeof document<"u"?getComputedStyle(document.documentElement):null,t=o.serializeToString(r);return e&&(t=t.replace(/var\(--([^)]+)\)/g,(i,s)=>e.getPropertyValue(`--${s}`)?.trim()||`var(--${s})`)),t.includes('xmlns="http://www.w3.org/2000/svg"')||(t=t.replace("<svg",'<svg xmlns="http://www.w3.org/2000/svg"')),t},v=r=>URL.createObjectURL(new Blob([r],{type:"image/svg+xml;charset=utf-8"})),D=(r,o,e,t,i=0,s=0,l=0)=>{let n=r.cloneNode(!0);if(n.querySelectorAll('[data-export-bg="canvas"]').forEach(a=>{a.remove()}),n.setAttribute("width",String(o)),n.setAttribute("height",String(e)),n.setAttribute("viewBox",`${s} ${l} ${o} ${e}`),n.setAttribute("preserveAspectRatio","xMinYMin meet"),t==="white"){let a=document.createElementNS("http://www.w3.org/2000/svg","rect");a.setAttribute("x",String(s)),a.setAttribute("y",String(l)),a.setAttribute("width",String(o)),a.setAttribute("height",String(e)),a.setAttribute("fill","#ffffff"),n.insertBefore(a,n.firstChild)}if(i>0&&s===0&&l===0){let a=n.querySelector('g[transform*="scale"]');if(a){let c=a.getAttribute("transform")||"";a.setAttribute("transform",`translate(${i/2}, ${i/2}) ${c}`)}}return n};var h=(r,o)=>{let e=URL.createObjectURL(r),t=document.createElement("a");t.href=e,t.download=o;try{document.body?.appendChild(t),t.click(),document.body?.removeChild(t)}catch{t.click()}setTimeout(()=>{URL.revokeObjectURL(e)},100)},x=(r,o)=>`${(r||"diagram").replace(/\s+/g,"_").toLowerCase().replace(/[^a-z0-9_-]/g,"")}.${o}`,A=r=>new Promise((o,e)=>{try{if(typeof r.toBlob!="function"){e(new Error("Canvas.toBlob is not supported"));return}r.toBlob(t=>{if(!t){e(new Error("Failed to create PNG blob"));return}o(t)},"image/png")}catch(t){e(t)}});var G=async(r,o={})=>{let{svgRef:e,diagramData:t,getTableHeight:i,projectName:s,setExportAllTables:l,showToast:n}=r,{format:m="png",background:a="white",scale:c=2,margin:p=100,fileName:V,onProgress:u}=o;if(!e.current){u?.({type:"error",message:"SVG reference not available"});return}let b=null;try{u?.({type:"preparing"}),n?.("Preparing export...","info"),l?.(!0),await new Promise(g=>{setTimeout(g,300)}),u?.({type:"rendering"});let d=e.current,P=y(d,p),{x:I,y:U,width:F,height:H}=P,_=D(d,F,H,a,p,I,U);u?.({type:"serializing"});let C=E(_);if(m==="svg"){let g=new Blob([C],{type:"image/svg+xml;charset=utf-8"}),N=V||x(s,"svg");h(g,N),u?.({type:"complete"}),n?.("Export completed successfully","success");return}let w=new Image;b=v(C),await new Promise((g,N)=>{w.onload=()=>{g()},w.onerror=()=>{N(new Error("Failed to load SVG image"))},w.src=b});let O=await S(w,F,H,c,a);u?.({type:"downloading"});let $=await A(O),k=V||x(s,"png");h($,k),u?.({type:"complete"}),n?.("Export completed successfully","success")}catch(d){console.error("Export error:",d),u?.({type:"error",message:"Export failed"}),n?.("Failed to export file","error")}finally{l?.(!1),b&&URL.revokeObjectURL(b)}};var B=({svgRef:r,diagramData:o,getTableHeight:e,projectName:t})=>{let[i,s]=(0,f.useState)(!1),[l,n]=(0,f.useState)(!1),m=(0,f.useCallback)(async(a={})=>{s(!0);try{await G({svgRef:r,diagramData:o,getTableHeight:e,projectName:t,setExportAllTables:n},a)}finally{s(!1),n(!1)}},[r,o,e,t]);return{isExporting:i,exportDiagram:m,exportAllTables:l,setExportAllTables:n}};0&&(module.exports={calculateDimensions,calculateSvgDimensions,canvasToBlob,createSvgUrl,downloadBlob,exportDiagram,generateFileName,getScrollDimensions,getSvgContentBounds,prepareSvgForExport,renderHighQuality,serializeSvg,useDiagramExport});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/useDiagramExport.ts","../src/calculateDimensions.ts","../src/renderHighQuality.ts","../src/utils/serializer.ts","../src/utils/download.ts","../src/exportDiagram.ts"],"sourcesContent":["export {\n  useDiagramExport,\n} from './useDiagramExport';\n\nexport {\n  exportDiagram,\n} from './exportDiagram';\n\nexport {\n  calculateDimensions,\n  calculateSvgDimensions,\n  getSvgContentBounds,\n  getScrollDimensions,\n} from './calculateDimensions';\n\nexport {\n  renderHighQuality,\n} from './renderHighQuality';\n\nexport {\n  serializeSvg,\n  createSvgUrl,\n  prepareSvgForExport,\n} from './utils/serializer';\n\nexport {\n  downloadBlob,\n  generateFileName,\n  canvasToBlob,\n} from './utils/download';\n\nexport type {\n  ExportOptions,\n  ExportStatus,\n  ExportContext,\n  DiagramData,\n  GetTableHeight,\n} from './types';\n\nexport {\n  useDiagramExport as default,\n} from './useDiagramExport';","import {\n  useState,\n  useCallback,\n} from 'react';\n\nimport type {\n  ExportOptions,\n  ExportContext,\n  DiagramData,\n  GetTableHeight,\n} from './types';\n\nimport {\n  exportDiagram,\n} from './exportDiagram';\n\nexport interface UseDiagramExportParams {\n  svgRef: React.RefObject<SVGSVGElement>;\n\n  diagramData?:\n    | DiagramData\n    | null;\n\n  getTableHeight?:\n    GetTableHeight;\n\n  projectName?: string;\n}\n\n/**\n * Hook that provides SVG diagram export functionality.\n *\n * The exporter automatically calculates the real SVG content bounds,\n * so diagramData is optional for generic SVG usage.\n */\nexport const useDiagramExport = ({\n  svgRef,\n  diagramData,\n  getTableHeight,\n  projectName,\n}: UseDiagramExportParams): ExportContext & {\n  exportAllTables: boolean;\n  setExportAllTables: (\n    value: boolean,\n  ) => void;\n} => {\n  const [\n    isExporting,\n    setIsExporting,\n  ] = useState(false);\n\n  const [\n    exportAllTables,\n    setExportAllTables,\n  ] = useState(false);\n\n  const handleExport =\n    useCallback(\n      async (\n        options: ExportOptions = {},\n      ) => {\n        setIsExporting(true);\n\n        try {\n          await exportDiagram(\n            {\n              svgRef,\n              diagramData,\n              getTableHeight,\n              projectName,\n              setExportAllTables,\n            },\n            options,\n          );\n        } finally {\n          setIsExporting(false);\n\n          setExportAllTables(\n            false,\n          );\n        }\n      },\n      [\n        svgRef,\n        diagramData,\n        getTableHeight,\n        projectName,\n      ],\n    );\n\n  return {\n    isExporting,\n    exportDiagram:\n      handleExport,\n    exportAllTables,\n    setExportAllTables,\n  };\n};","import type { DiagramData, GetTableHeight } from './types';\n\nconst TABLE_WIDTH = 280;\nconst TABLE_PADDING = 40;\n\nexport interface Dimensions {\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\n/**\n * Calculates dimensions based on diagram data.\n *\n * This function is kept compatible with the original API and tests.\n *\n * It calculates the total diagram size from the table coordinates,\n * assuming the table width is 280px plus the configured padding.\n */\nexport const calculateDimensions = (\n  diagramData: DiagramData | undefined | null,\n  getTableHeight: GetTableHeight,\n  margin: number = 100,\n): Dimensions => {\n  if (!diagramData?.tables?.length) {\n    return {\n      width: 100 + margin * 2,\n      height: 100 + margin * 2,\n      x: -margin,\n      y: -margin,\n    };\n  }\n\n  const minX = Math.min(\n    ...diagramData.tables.map((table) => table.x),\n  );\n\n  const minY = Math.min(\n    ...diagramData.tables.map((table) => table.y),\n  );\n\n  const maxX = Math.max(\n    ...diagramData.tables.map(\n      (table) => table.x + TABLE_WIDTH + TABLE_PADDING,\n    ),\n  );\n\n  const maxY = Math.max(\n    ...diagramData.tables.map(\n      (table) =>\n        table.y +\n        getTableHeight(table.fields) +\n        TABLE_PADDING,\n    ),\n  );\n\n  /*\n   * Keep the original expected behavior:\n   *\n   * width  = maxX - minX\n   * height = maxY - minY\n   *\n   * with margin added on both sides.\n   */\n  return {\n    x: minX - margin,\n    y: minY - margin,\n    width: Math.max(\n      100,\n      maxX - minX + margin * 2,\n    ),\n    height: Math.max(\n      100,\n      maxY - minY + margin * 2,\n    ),\n  };\n};\n\n/**\n * Calculates the visible bounds of an SVG's graphical content.\n *\n * This function is intended for generic SVG exports.\n *\n * It does NOT rely on:\n *\n * - width\n * - height\n * - viewport\n * - scroll container\n *\n * Instead, it attempts to determine the real graphical bounds.\n */\nexport const getSvgContentBounds = (\n  svg: SVGSVGElement,\n): Dimensions | null => {\n  const elements = Array.from(\n    svg.querySelectorAll<SVGGraphicsElement>(\n      'g, path, rect, circle, ellipse, line, polyline, polygon, text, use, image',\n    ),\n  );\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  const updateBounds = (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n  ) => {\n    if (\n      !Number.isFinite(x) ||\n      !Number.isFinite(y) ||\n      !Number.isFinite(width) ||\n      !Number.isFinite(height)\n    ) {\n      return;\n    }\n\n    if (width < 0 || height < 0) {\n      return;\n    }\n\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x + width);\n    maxY = Math.max(maxY, y + height);\n  };\n\n  for (const element of elements) {\n    /*\n     * Ignore the artificial canvas background.\n     */\n    if (\n      element.matches('[data-export-bg=\"canvas\"]') ||\n      element.closest('[data-export-bg=\"canvas\"]')\n    ) {\n      continue;\n    }\n\n    try {\n      const bbox = element.getBBox();\n\n      updateBounds(\n        bbox.x,\n        bbox.y,\n        bbox.width,\n        bbox.height,\n      );\n    } catch {\n      /*\n       * getBBox() can fail in environments where the SVG\n       * has not been rendered yet.\n       */\n    }\n  }\n\n  if (\n    !Number.isFinite(minX) ||\n    !Number.isFinite(minY) ||\n    !Number.isFinite(maxX) ||\n    !Number.isFinite(maxY)\n  ) {\n    return null;\n  }\n\n  return {\n    x: minX,\n    y: minY,\n    width: Math.max(1, maxX - minX),\n    height: Math.max(1, maxY - minY),\n  };\n};\n\n/**\n * Calculates the dimensions that should be used for a real SVG export.\n *\n * The content bounds are preferred.\n *\n * The returned x/y values are important because the content does not\n * necessarily start at 0,0.\n */\nexport const calculateSvgDimensions = (\n  svg: SVGSVGElement,\n  margin: number = 100,\n): Dimensions => {\n  const bounds = getSvgContentBounds(svg);\n\n  if (bounds) {\n    return {\n      x: bounds.x - margin,\n      y: bounds.y - margin,\n      width: bounds.width + margin * 2,\n      height: bounds.height + margin * 2,\n    };\n  }\n\n  /*\n   * Fallback to the SVG viewBox.\n   */\n  const viewBox = svg.viewBox?.baseVal;\n\n  if (\n    viewBox &&\n    Number.isFinite(viewBox.width) &&\n    Number.isFinite(viewBox.height) &&\n    viewBox.width > 0 &&\n    viewBox.height > 0\n  ) {\n    return {\n      x: viewBox.x - margin,\n      y: viewBox.y - margin,\n      width: viewBox.width + margin * 2,\n      height: viewBox.height + margin * 2,\n    };\n  }\n\n  /*\n   * Final fallback to width/height attributes.\n   */\n  const width =\n    Number(svg.getAttribute('width')) ||\n    svg.clientWidth ||\n    1;\n\n  const height =\n    Number(svg.getAttribute('height')) ||\n    svg.clientHeight ||\n    1;\n\n  return {\n    x: -margin,\n    y: -margin,\n    width: width + margin * 2,\n    height: height + margin * 2,\n  };\n};\n\n/**\n * Calculates dimensions based on an SVG element and its scroll container.\n *\n * Kept for backwards compatibility.\n */\nexport const getScrollDimensions = (\n  svg: SVGSVGElement,\n): Dimensions => {\n  const scrollContainer =\n    svg.parentElement ||\n    svg.closest('.overflow-auto') ||\n    svg.closest('.overflow-scroll');\n\n  let width =\n    Number(svg.getAttribute('width')) ||\n    svg.clientWidth ||\n    1;\n\n  let height =\n    Number(svg.getAttribute('height')) ||\n    svg.clientHeight ||\n    1;\n\n  if (scrollContainer) {\n    width = Math.max(\n      width,\n      scrollContainer.scrollWidth,\n    );\n\n    height = Math.max(\n      height,\n      scrollContainer.scrollHeight,\n    );\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    width,\n    height,\n  };\n};","/**\n * Renders an SVG image to a high-quality canvas.\n */\nexport const renderHighQuality = async (\n  image: HTMLImageElement,\n  width: number,\n  height: number,\n  scale: number = 2,\n  background: 'white' | 'transparent' = 'transparent',\n): Promise<HTMLCanvasElement> => {\n  const MAX_CANVAS_SIZE = 16384;\n\n  const safeWidth =\n    Math.max(1, width);\n\n  const safeHeight =\n    Math.max(1, height);\n\n  const safeScale =\n    Math.max(0.1, scale);\n\n  const effectiveScale = Math.min(\n    safeScale,\n    MAX_CANVAS_SIZE /\n      Math.max(\n        safeWidth,\n        safeHeight,\n        1,\n      ),\n  );\n\n  const canvas =\n    document.createElement(\n      'canvas',\n    );\n\n  canvas.width = Math.max(\n    1,\n    Math.floor(\n      safeWidth *\n        effectiveScale,\n    ),\n  );\n\n  canvas.height = Math.max(\n    1,\n    Math.floor(\n      safeHeight *\n        effectiveScale,\n    ),\n  );\n\n  const context =\n    canvas.getContext(\n      '2d',\n      {\n        alpha:\n          background !== 'white',\n      },\n    );\n\n  if (!context) {\n    throw new Error(\n      'Unable to create 2D canvas context',\n    );\n  }\n\n  context.imageSmoothingEnabled =\n    true;\n\n  context.imageSmoothingQuality =\n    'high';\n\n  /*\n   * Background.\n   */\n  if (\n    background === 'white'\n  ) {\n    context.fillStyle =\n      '#ffffff';\n\n    context.fillRect(\n      0,\n      0,\n      canvas.width,\n      canvas.height,\n    );\n  } else {\n    context.clearRect(\n      0,\n      0,\n      canvas.width,\n      canvas.height,\n    );\n  }\n\n  /*\n   * The canvas already contains the scaled dimensions,\n   * so we draw using the original SVG dimensions.\n   */\n  context.drawImage(\n    image,\n    0,\n    0,\n    safeWidth *\n      effectiveScale,\n    safeHeight *\n      effectiveScale,\n  );\n\n  return canvas;\n};","/**\n * Downloads are handled elsewhere.\n *\n * This file contains SVG serialization and preparation utilities.\n */\n\n/**\n * Serializes an SVG element to a string.\n *\n * CSS custom properties are resolved using the current document styles.\n */\nexport const serializeSvg = (\n  svg: SVGSVGElement,\n): string => {\n  const serializer =\n    new XMLSerializer();\n\n  const styles =\n    typeof document !== 'undefined'\n      ? getComputedStyle(\n          document.documentElement,\n        )\n      : null;\n\n  let markup =\n    serializer.serializeToString(\n      svg,\n    );\n\n  /*\n   * Resolve CSS custom properties.\n   */\n  if (styles) {\n    markup = markup.replace(\n      /var\\(--([^)]+)\\)/g,\n      (\n        _match,\n        name: string,\n      ) => {\n        const value =\n          styles\n            .getPropertyValue(\n              `--${name}`,\n            )\n            ?.trim();\n\n        return (\n          value ||\n          `var(--${name})`\n        );\n      },\n    );\n  }\n\n  /*\n   * Ensure SVG has the proper namespace.\n   */\n  if (\n    !markup.includes(\n      'xmlns=\"http://www.w3.org/2000/svg\"',\n    )\n  ) {\n    markup = markup.replace(\n      '<svg',\n      '<svg xmlns=\"http://www.w3.org/2000/svg\"',\n    );\n  }\n\n  return markup;\n};\n\n/**\n * Creates a Blob URL from SVG markup.\n */\nexport const createSvgUrl = (\n  svgMarkup: string,\n): string => {\n  return URL.createObjectURL(\n    new Blob(\n      [svgMarkup],\n      {\n        type:\n          'image/svg+xml;charset=utf-8',\n      },\n    ),\n  );\n};\n\n/**\n * Creates a clean SVG clone for export.\n *\n * sourceX/sourceY represent the origin of the exported\n * coordinate system.\n */\nexport const prepareSvgForExport = (\n  sourceSvg: SVGSVGElement,\n  width: number,\n  height: number,\n  background: 'white' | 'transparent',\n  margin: number = 0,\n  sourceX: number = 0,\n  sourceY: number = 0,\n): SVGSVGElement => {\n  const clone =\n    sourceSvg.cloneNode(\n      true,\n    ) as SVGSVGElement;\n\n  /*\n   * Remove viewport/background elements.\n   */\n  const bgNodes =\n    clone.querySelectorAll(\n      '[data-export-bg=\"canvas\"]',\n    );\n\n  bgNodes.forEach(\n    (node) => {\n      node.remove();\n    },\n  );\n\n  /*\n   * Set final dimensions.\n   */\n  clone.setAttribute(\n    'width',\n    String(width),\n  );\n\n  clone.setAttribute(\n    'height',\n    String(height),\n  );\n\n  /*\n   * The viewBox is what allows us to export content\n   * that exists outside the original viewport.\n   */\n  clone.setAttribute(\n    'viewBox',\n    `${sourceX} ${sourceY} ${width} ${height}`,\n  );\n\n  /*\n   * Prevent unexpected aspect-ratio behavior.\n   */\n  clone.setAttribute(\n    'preserveAspectRatio',\n    'xMinYMin meet',\n  );\n\n  /*\n   * Add explicit background.\n   */\n  if (\n    background === 'white'\n  ) {\n    const whiteRect =\n      document.createElementNS(\n        'http://www.w3.org/2000/svg',\n        'rect',\n      );\n\n    whiteRect.setAttribute(\n      'x',\n      String(sourceX),\n    );\n\n    whiteRect.setAttribute(\n      'y',\n      String(sourceY),\n    );\n\n    whiteRect.setAttribute(\n      'width',\n      String(width),\n    );\n\n    whiteRect.setAttribute(\n      'height',\n      String(height),\n    );\n\n    whiteRect.setAttribute(\n      'fill',\n      '#ffffff',\n    );\n\n    /*\n     * Keep background behind the diagram.\n     */\n    clone.insertBefore(\n      whiteRect,\n      clone.firstChild,\n    );\n  }\n\n  /*\n   * Backwards compatibility:\n   *\n   * Older consumers/tests may call this function without\n   * sourceX/sourceY and expect the old margin behavior.\n   *\n   * In the real export flow sourceX/sourceY are provided,\n   * so we do NOT modify existing transforms.\n   */\n  if (\n    margin > 0 &&\n    sourceX === 0 &&\n    sourceY === 0\n  ) {\n    const scaledGroup =\n      clone.querySelector(\n        'g[transform*=\"scale\"]',\n      );\n\n    if (scaledGroup) {\n      const existingTransform =\n        scaledGroup.getAttribute(\n          'transform',\n        ) || '';\n\n      /*\n       * Preserve the original scale/transform.\n       *\n       * We prepend translate instead of replacing\n       * the transform entirely.\n       */\n      scaledGroup.setAttribute(\n        'transform',\n        `translate(${margin / 2}, ${margin / 2}) ${existingTransform}`,\n      );\n    }\n  }\n\n  return clone;\n};","/**\n * Downloads a Blob as a file.\n */\nexport const downloadBlob = (\n  blob: Blob,\n  fileName: string,\n): void => {\n  const url =\n    URL.createObjectURL(\n      blob,\n    );\n\n  const link =\n    document.createElement(\n      'a',\n    );\n\n  link.href = url;\n  link.download = fileName;\n\n  try {\n    document.body?.appendChild(\n      link,\n    );\n\n    link.click();\n\n    document.body?.removeChild(\n      link,\n    );\n  } catch {\n    link.click();\n  }\n\n  /*\n   * Give the browser a chance to start the download before\n   * revoking the object URL.\n   */\n  setTimeout(() => {\n    URL.revokeObjectURL(\n      url,\n    );\n  }, 100);\n};\n\n/**\n * Generates a safe filename.\n */\nexport const generateFileName = (\n  projectName:\n    | string\n    | undefined,\n  format:\n    | 'png'\n    | 'svg',\n): string => {\n  const safeName =\n    (\n      projectName ||\n      'diagram'\n    )\n      .replace(\n        /\\s+/g,\n        '_',\n      )\n      .toLowerCase()\n      .replace(\n        /[^a-z0-9_-]/g,\n        '',\n      );\n\n  return `${safeName}.${format}`;\n};\n\n/**\n * Converts a canvas to a PNG Blob.\n */\nexport const canvasToBlob = (\n  canvas: HTMLCanvasElement,\n): Promise<Blob> => {\n  return new Promise(\n    (\n      resolve,\n      reject,\n    ) => {\n      try {\n        if (\n          typeof canvas.toBlob !==\n          'function'\n        ) {\n          reject(\n            new Error(\n              'Canvas.toBlob is not supported',\n            ),\n          );\n\n          return;\n        }\n\n        canvas.toBlob(\n          (\n            blob,\n          ) => {\n            if (!blob) {\n              reject(\n                new Error(\n                  'Failed to create PNG blob',\n                ),\n              );\n\n              return;\n            }\n\n            resolve(blob);\n          },\n          'image/png',\n        );\n      } catch (error) {\n        reject(error);\n      }\n    },\n  );\n};","import type {\n  ExportOptions,\n  DiagramData,\n  GetTableHeight,\n} from './types';\n\nimport {\n  calculateSvgDimensions,\n} from './calculateDimensions';\n\nimport {\n  renderHighQuality,\n} from './renderHighQuality';\n\nimport {\n  serializeSvg,\n  createSvgUrl,\n  prepareSvgForExport,\n} from './utils/serializer';\n\nimport {\n  downloadBlob,\n  generateFileName,\n  canvasToBlob,\n} from './utils/download';\n\nexport interface ExportDiagramParams {\n  svgRef: React.RefObject<SVGSVGElement>;\n  diagramData: DiagramData;\n  getTableHeight: GetTableHeight;\n  projectName?: string;\n  setExportAllTables?: (value: boolean) => void;\n  showToast?: (\n    message: string,\n    type?: string,\n  ) => void;\n}\n\n/**\n * Exports the complete SVG diagram regardless of the\n * visible viewport.\n *\n * The export process is:\n *\n * 1. Render all diagram content.\n * 2. Calculate the real SVG content bounds.\n * 3. Create an independent SVG clone.\n * 4. Set a viewBox covering the complete content.\n * 5. Convert the SVG to PNG when requested.\n */\nexport const exportDiagram = async (\n  params: ExportDiagramParams,\n  options: ExportOptions = {},\n): Promise<void> => {\n  const {\n    svgRef,\n    diagramData,\n    getTableHeight,\n    projectName,\n    setExportAllTables,\n    showToast,\n  } = params;\n\n  const {\n    format = 'png',\n    background = 'white',\n    scale = 2,\n    margin = 100,\n    fileName,\n    onProgress,\n  } = options;\n\n  if (!svgRef.current) {\n    onProgress?.({\n      type: 'error',\n      message: 'SVG reference not available',\n    });\n\n    return;\n  }\n\n  let objectUrl: string | null = null;\n\n  try {\n    onProgress?.({\n      type: 'preparing',\n    });\n\n    showToast?.(\n      'Preparing export...',\n      'info',\n    );\n\n    /*\n     * Tell the consuming application to render all\n     * currently virtualized/cullable content.\n     */\n    setExportAllTables?.(true);\n\n    /*\n     * Give React time to render the complete diagram.\n     */\n    await new Promise<void>((resolve) => {\n      setTimeout(resolve, 300);\n    });\n\n    onProgress?.({\n      type: 'rendering',\n    });\n\n    const sourceSvg = svgRef.current;\n\n    /*\n     * IMPORTANT:\n     *\n     * Do NOT use calculateDimensions() here.\n     *\n     * calculateDimensions() exists for diagram-data based\n     * compatibility.\n     *\n     * For a generic SVG export we need the real SVG bounds.\n     */\n    const dimensions = calculateSvgDimensions(\n      sourceSvg,\n      margin,\n    );\n\n    const {\n      x,\n      y,\n      width,\n      height,\n    } = dimensions;\n\n    /*\n     * Prepare a completely independent SVG clone.\n     */\n    const exportSvg = prepareSvgForExport(\n      sourceSvg,\n      width,\n      height,\n      background,\n      margin,\n      x,\n      y,\n    );\n\n    onProgress?.({\n      type: 'serializing',\n    });\n\n    /*\n     * Serialize the prepared SVG.\n     */\n    const svgMarkup = serializeSvg(\n      exportSvg,\n    );\n\n    /*\n     * SVG export does not require canvas.\n     */\n    if (format === 'svg') {\n      const blob = new Blob(\n        [svgMarkup],\n        {\n          type:\n            'image/svg+xml;charset=utf-8',\n        },\n      );\n\n      const finalFileName =\n        fileName ||\n        generateFileName(\n          projectName,\n          'svg',\n        );\n\n      downloadBlob(\n        blob,\n        finalFileName,\n      );\n\n      onProgress?.({\n        type: 'complete',\n      });\n\n      showToast?.(\n        'Export completed successfully',\n        'success',\n      );\n\n      return;\n    }\n\n    /*\n     * Create an object URL for the SVG.\n     */\n    const image = new Image();\n\n    objectUrl = createSvgUrl(\n      svgMarkup,\n    );\n\n    await new Promise<void>(\n      (resolve, reject) => {\n        image.onload = () => {\n          resolve();\n        };\n\n        image.onerror = () => {\n          reject(\n            new Error(\n              'Failed to load SVG image',\n            ),\n          );\n        };\n\n        image.src = objectUrl!;\n      },\n    );\n\n    /*\n     * Render the complete SVG into a high-quality canvas.\n     */\n    const canvas =\n      await renderHighQuality(\n        image,\n        width,\n        height,\n        scale,\n        background,\n      );\n\n    onProgress?.({\n      type: 'downloading',\n    });\n\n    /*\n     * Convert the canvas to PNG.\n     */\n    const blob =\n      await canvasToBlob(\n        canvas,\n      );\n\n    const finalFileName =\n      fileName ||\n      generateFileName(\n        projectName,\n        'png',\n      );\n\n    downloadBlob(\n      blob,\n      finalFileName,\n    );\n\n    onProgress?.({\n      type: 'complete',\n    });\n\n    showToast?.(\n      'Export completed successfully',\n      'success',\n    );\n  } catch (error) {\n    console.error(\n      'Export error:',\n      error,\n    );\n\n    onProgress?.({\n      type: 'error',\n      message: 'Export failed',\n    });\n\n    showToast?.(\n      'Failed to export file',\n      'error',\n    );\n  } finally {\n    /*\n     * Always restore the normal rendering state.\n     */\n    setExportAllTables?.(\n      false,\n    );\n\n    /*\n     * Always release the object URL.\n     */\n    if (objectUrl) {\n      URL.revokeObjectURL(\n        objectUrl,\n      );\n    }\n  }\n};"],"mappings":"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","names":["index_exports","__export","calculateDimensions","calculateSvgDimensions","canvasToBlob","createSvgUrl","useDiagramExport","downloadBlob","exportDiagram","generateFileName","getScrollDimensions","getSvgContentBounds","prepareSvgForExport","renderHighQuality","serializeSvg","__toCommonJS","import_react","calculateDimensions","diagramData","getTableHeight","margin","minX","table","minY","maxX","maxY","getSvgContentBounds","svg","elements","updateBounds","x","y","width","height","element","bbox","calculateSvgDimensions","bounds","viewBox","getScrollDimensions","scrollContainer","renderHighQuality","image","width","height","scale","background","safeWidth","safeHeight","safeScale","effectiveScale","canvas","context","serializeSvg","svg","serializer","styles","markup","_match","name","createSvgUrl","svgMarkup","prepareSvgForExport","sourceSvg","width","height","background","margin","sourceX","sourceY","clone","node","whiteRect","scaledGroup","existingTransform","downloadBlob","blob","fileName","url","link","generateFileName","projectName","format","canvasToBlob","canvas","resolve","reject","error","exportDiagram","params","options","svgRef","diagramData","getTableHeight","projectName","setExportAllTables","showToast","format","background","scale","margin","fileName","onProgress","objectUrl","resolve","sourceSvg","dimensions","calculateSvgDimensions","x","y","width","height","exportSvg","prepareSvgForExport","svgMarkup","serializeSvg","blob","finalFileName","generateFileName","downloadBlob","image","createSvgUrl","reject","canvas","renderHighQuality","canvasToBlob","error","useDiagramExport","svgRef","diagramData","getTableHeight","projectName","isExporting","setIsExporting","exportAllTables","setExportAllTables","handleExport","options","exportDiagram"]}

package/dist/index.d.cts

@@ -0,0 +1,166 @@
+interface ExportOptions {
+    format?: 'png' | 'svg';
+    background?: 'white' | 'transparent';
+    scale?: number;
+    margin?: number;
+    fileName?: string;
+    onProgress?: (status: ExportStatus) => void;
+}
+interface DiagramData {
+    tables: Array<{
+        id: string;
+        x: number;
+        y: number;
+        fields: any[];
+    }>;
+    relationships: any[];
+}
+type ExportStatus = {
+    type: 'preparing';
+} | {
+    type: 'rendering';
+} | {
+    type: 'serializing';
+} | {
+    type: 'downloading';
+} | {
+    type: 'complete';
+} | {
+    type: 'error';
+    message: string;
+};
+interface GetTableHeight {
+    (fields: any[]): number;
+}
+interface ExportContext {
+    isExporting: boolean;
+    exportDiagram: (options?: ExportOptions) => Promise<void>;
+}
+
+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.
+ */
+declare const useDiagramExport: ({ svgRef, diagramData, getTableHeight, projectName, }: UseDiagramExportParams) => ExportContext & {
+    exportAllTables: boolean;
+    setExportAllTables: (value: boolean) => void;
+};
+
+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.
+ */
+declare const exportDiagram: (params: ExportDiagramParams, options?: ExportOptions) => Promise<void>;
+
+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.
+ */
+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.
+ */
+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.
+ */
+declare const calculateSvgDimensions: (svg: SVGSVGElement, margin?: number) => Dimensions;
+/**
+ * Calculates dimensions based on an SVG element and its scroll container.
+ *
+ * Kept for backwards compatibility.
+ */
+declare const getScrollDimensions: (svg: SVGSVGElement) => Dimensions;
+
+/**
+ * Renders an SVG image to a high-quality canvas.
+ */
+declare const renderHighQuality: (image: HTMLImageElement, width: number, height: number, scale?: number, background?: "white" | "transparent") => Promise<HTMLCanvasElement>;
+
+/**
+ * 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.
+ */
+declare const serializeSvg: (svg: SVGSVGElement) => string;
+/**
+ * Creates a Blob URL from SVG markup.
+ */
+declare const createSvgUrl: (svgMarkup: string) => string;
+/**
+ * Creates a clean SVG clone for export.
+ *
+ * sourceX/sourceY represent the origin of the exported
+ * coordinate system.
+ */
+declare const prepareSvgForExport: (sourceSvg: SVGSVGElement, width: number, height: number, background: "white" | "transparent", margin?: number, sourceX?: number, sourceY?: number) => SVGSVGElement;
+
+/**
+ * Downloads a Blob as a file.
+ */
+declare const downloadBlob: (blob: Blob, fileName: string) => void;
+/**
+ * Generates a safe filename.
+ */
+declare const generateFileName: (projectName: string | undefined, format: "png" | "svg") => string;
+/**
+ * Converts a canvas to a PNG Blob.
+ */
+declare const canvasToBlob: (canvas: HTMLCanvasElement) => Promise<Blob>;
+
+export { type DiagramData, type ExportContext, type ExportOptions, type ExportStatus, type GetTableHeight, calculateDimensions, calculateSvgDimensions, canvasToBlob, createSvgUrl, useDiagramExport as default, downloadBlob, exportDiagram, generateFileName, getScrollDimensions, getSvgContentBounds, prepareSvgForExport, renderHighQuality, serializeSvg, useDiagramExport };

package/dist/index.d.ts

@@ -1,9 +1,166 @@
-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
+interface ExportOptions {
+    format?: 'png' | 'svg';
+    background?: 'white' | 'transparent';
+    scale?: number;
+    margin?: number;
+    fileName?: string;
+    onProgress?: (status: ExportStatus) => void;
+}
+interface DiagramData {
+    tables: Array<{
+        id: string;
+        x: number;
+        y: number;
+        fields: any[];
+    }>;
+    relationships: any[];
+}
+type ExportStatus = {
+    type: 'preparing';
+} | {
+    type: 'rendering';
+} | {
+    type: 'serializing';
+} | {
+    type: 'downloading';
+} | {
+    type: 'complete';
+} | {
+    type: 'error';
+    message: string;
+};
+interface GetTableHeight {
+    (fields: any[]): number;
+}
+interface ExportContext {
+    isExporting: boolean;
+    exportDiagram: (options?: ExportOptions) => Promise<void>;
+}
+
+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.
+ */
+declare const useDiagramExport: ({ svgRef, diagramData, getTableHeight, projectName, }: UseDiagramExportParams) => ExportContext & {
+    exportAllTables: boolean;
+    setExportAllTables: (value: boolean) => void;
+};
+
+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.
+ */
+declare const exportDiagram: (params: ExportDiagramParams, options?: ExportOptions) => Promise<void>;
+
+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.
+ */
+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.
+ */
+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.
+ */
+declare const calculateSvgDimensions: (svg: SVGSVGElement, margin?: number) => Dimensions;
+/**
+ * Calculates dimensions based on an SVG element and its scroll container.
+ *
+ * Kept for backwards compatibility.
+ */
+declare const getScrollDimensions: (svg: SVGSVGElement) => Dimensions;
+
+/**
+ * Renders an SVG image to a high-quality canvas.
+ */
+declare const renderHighQuality: (image: HTMLImageElement, width: number, height: number, scale?: number, background?: "white" | "transparent") => Promise<HTMLCanvasElement>;
+
+/**
+ * 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.
+ */
+declare const serializeSvg: (svg: SVGSVGElement) => string;
+/**
+ * Creates a Blob URL from SVG markup.
+ */
+declare const createSvgUrl: (svgMarkup: string) => string;
+/**
+ * Creates a clean SVG clone for export.
+ *
+ * sourceX/sourceY represent the origin of the exported
+ * coordinate system.
+ */
+declare const prepareSvgForExport: (sourceSvg: SVGSVGElement, width: number, height: number, background: "white" | "transparent", margin?: number, sourceX?: number, sourceY?: number) => SVGSVGElement;
+
+/**
+ * Downloads a Blob as a file.
+ */
+declare const downloadBlob: (blob: Blob, fileName: string) => void;
+/**
+ * Generates a safe filename.
+ */
+declare const generateFileName: (projectName: string | undefined, format: "png" | "svg") => string;
+/**
+ * Converts a canvas to a PNG Blob.
+ */
+declare const canvasToBlob: (canvas: HTMLCanvasElement) => Promise<Blob>;
+
+export { type DiagramData, type ExportContext, type ExportOptions, type ExportStatus, type GetTableHeight, calculateDimensions, calculateSvgDimensions, canvasToBlob, createSvgUrl, useDiagramExport as default, downloadBlob, exportDiagram, generateFileName, getScrollDimensions, getSvgContentBounds, prepareSvgForExport, renderHighQuality, serializeSvg, useDiagramExport };

package/dist/index.js

@@ -1,8 +1,2 @@
-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';
+import{useState as F,useCallback as k}from"react";var O=(r,o,t=100)=>{if(!r?.tables?.length)return{width:100+t*2,height:100+t*2,x:-t,y:-t};let e=Math.min(...r.tables.map(n=>n.x)),s=Math.min(...r.tables.map(n=>n.y)),a=Math.max(...r.tables.map(n=>n.x+280+40)),l=Math.max(...r.tables.map(n=>n.y+o(n.fields)+40));return{x:e-t,y:s-t,width:Math.max(100,a-e+t*2),height:Math.max(100,l-s+t*2)}},V=r=>{let o=Array.from(r.querySelectorAll("g, path, rect, circle, ellipse, line, polyline, polygon, text, use, image")),t=1/0,e=1/0,s=-1/0,a=-1/0,l=(n,m,i,c)=>{!Number.isFinite(n)||!Number.isFinite(m)||!Number.isFinite(i)||!Number.isFinite(c)||i<0||c<0||(t=Math.min(t,n),e=Math.min(e,m),s=Math.max(s,n+i),a=Math.max(a,m+c))};for(let n of o)if(!(n.matches('[data-export-bg="canvas"]')||n.closest('[data-export-bg="canvas"]')))try{let m=n.getBBox();l(m.x,m.y,m.width,m.height)}catch{}return!Number.isFinite(t)||!Number.isFinite(e)||!Number.isFinite(s)||!Number.isFinite(a)?null:{x:t,y:e,width:Math.max(1,s-t),height:Math.max(1,a-e)}},y=(r,o=100)=>{let t=V(r);if(t)return{x:t.x-o,y:t.y-o,width:t.width+o*2,height:t.height+o*2};let e=r.viewBox?.baseVal;if(e&&Number.isFinite(e.width)&&Number.isFinite(e.height)&&e.width>0&&e.height>0)return{x:e.x-o,y:e.y-o,width:e.width+o*2,height:e.height+o*2};let s=Number(r.getAttribute("width"))||r.clientWidth||1,a=Number(r.getAttribute("height"))||r.clientHeight||1;return{x:-o,y:-o,width:s+o*2,height:a+o*2}},$=r=>{let o=r.parentElement||r.closest(".overflow-auto")||r.closest(".overflow-scroll"),t=Number(r.getAttribute("width"))||r.clientWidth||1,e=Number(r.getAttribute("height"))||r.clientHeight||1;return o&&(t=Math.max(t,o.scrollWidth),e=Math.max(e,o.scrollHeight)),{x:0,y:0,width:t,height:e}};var S=async(r,o,t,e=2,s="transparent")=>{let l=Math.max(1,o),n=Math.max(1,t),m=Math.max(.1,e),i=Math.min(m,16384/Math.max(l,n,1)),c=document.createElement("canvas");c.width=Math.max(1,Math.floor(l*i)),c.height=Math.max(1,Math.floor(n*i));let p=c.getContext("2d",{alpha:s!=="white"});if(!p)throw new Error("Unable to create 2D canvas context");return p.imageSmoothingEnabled=!0,p.imageSmoothingQuality="high",s==="white"?(p.fillStyle="#ffffff",p.fillRect(0,0,c.width,c.height)):p.clearRect(0,0,c.width,c.height),p.drawImage(r,0,0,l*i,n*i),c};var E=r=>{let o=new XMLSerializer,t=typeof document<"u"?getComputedStyle(document.documentElement):null,e=o.serializeToString(r);return t&&(e=e.replace(/var\(--([^)]+)\)/g,(s,a)=>t.getPropertyValue(`--${a}`)?.trim()||`var(--${a})`)),e.includes('xmlns="http://www.w3.org/2000/svg"')||(e=e.replace("<svg",'<svg xmlns="http://www.w3.org/2000/svg"')),e},v=r=>URL.createObjectURL(new Blob([r],{type:"image/svg+xml;charset=utf-8"})),D=(r,o,t,e,s=0,a=0,l=0)=>{let n=r.cloneNode(!0);if(n.querySelectorAll('[data-export-bg="canvas"]').forEach(i=>{i.remove()}),n.setAttribute("width",String(o)),n.setAttribute("height",String(t)),n.setAttribute("viewBox",`${a} ${l} ${o} ${t}`),n.setAttribute("preserveAspectRatio","xMinYMin meet"),e==="white"){let i=document.createElementNS("http://www.w3.org/2000/svg","rect");i.setAttribute("x",String(a)),i.setAttribute("y",String(l)),i.setAttribute("width",String(o)),i.setAttribute("height",String(t)),i.setAttribute("fill","#ffffff"),n.insertBefore(i,n.firstChild)}if(s>0&&a===0&&l===0){let i=n.querySelector('g[transform*="scale"]');if(i){let c=i.getAttribute("transform")||"";i.setAttribute("transform",`translate(${s/2}, ${s/2}) ${c}`)}}return n};var b=(r,o)=>{let t=URL.createObjectURL(r),e=document.createElement("a");e.href=t,e.download=o;try{document.body?.appendChild(e),e.click(),document.body?.removeChild(e)}catch{e.click()}setTimeout(()=>{URL.revokeObjectURL(t)},100)},d=(r,o)=>`${(r||"diagram").replace(/\s+/g,"_").toLowerCase().replace(/[^a-z0-9_-]/g,"")}.${o}`,A=r=>new Promise((o,t)=>{try{if(typeof r.toBlob!="function"){t(new Error("Canvas.toBlob is not supported"));return}r.toBlob(e=>{if(!e){t(new Error("Failed to create PNG blob"));return}o(e)},"image/png")}catch(e){t(e)}});var G=async(r,o={})=>{let{svgRef:t,diagramData:e,getTableHeight:s,projectName:a,setExportAllTables:l,showToast:n}=r,{format:m="png",background:i="white",scale:c=2,margin:p=100,fileName:N,onProgress:u}=o;if(!t.current){u?.({type:"error",message:"SVG reference not available"});return}let h=null;try{u?.({type:"preparing"}),n?.("Preparing export...","info"),l?.(!0),await new Promise(g=>{setTimeout(g,300)}),u?.({type:"rendering"});let x=t.current,C=y(x,p),{x:L,y:R,width:T,height:M}=C,P=D(x,T,M,i,p,L,R);u?.({type:"serializing"});let B=E(P);if(m==="svg"){let g=new Blob([B],{type:"image/svg+xml;charset=utf-8"}),w=N||d(a,"svg");b(g,w),u?.({type:"complete"}),n?.("Export completed successfully","success");return}let f=new Image;h=v(B),await new Promise((g,w)=>{f.onload=()=>{g()},f.onerror=()=>{w(new Error("Failed to load SVG image"))},f.src=h});let I=await S(f,T,M,c,i);u?.({type:"downloading"});let U=await A(I),_=N||d(a,"png");b(U,_),u?.({type:"complete"}),n?.("Export completed successfully","success")}catch(x){console.error("Export error:",x),u?.({type:"error",message:"Export failed"}),n?.("Failed to export file","error")}finally{l?.(!1),h&&URL.revokeObjectURL(h)}};var H=({svgRef:r,diagramData:o,getTableHeight:t,projectName:e})=>{let[s,a]=F(!1),[l,n]=F(!1),m=k(async(i={})=>{a(!0);try{await G({svgRef:r,diagramData:o,getTableHeight:t,projectName:e,setExportAllTables:n},i)}finally{a(!1),n(!1)}},[r,o,t,e]);return{isExporting:s,exportDiagram:m,exportAllTables:l,setExportAllTables:n}};export{O as calculateDimensions,y as calculateSvgDimensions,A as canvasToBlob,v as createSvgUrl,H as default,b as downloadBlob,G as exportDiagram,d as generateFileName,$ as getScrollDimensions,V as getSvgContentBounds,D as prepareSvgForExport,S as renderHighQuality,E as serializeSvg,H as useDiagramExport};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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"}
+{"version":3,"sources":["../src/useDiagramExport.ts","../src/calculateDimensions.ts","../src/renderHighQuality.ts","../src/utils/serializer.ts","../src/utils/download.ts","../src/exportDiagram.ts"],"sourcesContent":["import {\n  useState,\n  useCallback,\n} from 'react';\n\nimport type {\n  ExportOptions,\n  ExportContext,\n  DiagramData,\n  GetTableHeight,\n} from './types';\n\nimport {\n  exportDiagram,\n} from './exportDiagram';\n\nexport interface UseDiagramExportParams {\n  svgRef: React.RefObject<SVGSVGElement>;\n\n  diagramData?:\n    | DiagramData\n    | null;\n\n  getTableHeight?:\n    GetTableHeight;\n\n  projectName?: string;\n}\n\n/**\n * Hook that provides SVG diagram export functionality.\n *\n * The exporter automatically calculates the real SVG content bounds,\n * so diagramData is optional for generic SVG usage.\n */\nexport const useDiagramExport = ({\n  svgRef,\n  diagramData,\n  getTableHeight,\n  projectName,\n}: UseDiagramExportParams): ExportContext & {\n  exportAllTables: boolean;\n  setExportAllTables: (\n    value: boolean,\n  ) => void;\n} => {\n  const [\n    isExporting,\n    setIsExporting,\n  ] = useState(false);\n\n  const [\n    exportAllTables,\n    setExportAllTables,\n  ] = useState(false);\n\n  const handleExport =\n    useCallback(\n      async (\n        options: ExportOptions = {},\n      ) => {\n        setIsExporting(true);\n\n        try {\n          await exportDiagram(\n            {\n              svgRef,\n              diagramData,\n              getTableHeight,\n              projectName,\n              setExportAllTables,\n            },\n            options,\n          );\n        } finally {\n          setIsExporting(false);\n\n          setExportAllTables(\n            false,\n          );\n        }\n      },\n      [\n        svgRef,\n        diagramData,\n        getTableHeight,\n        projectName,\n      ],\n    );\n\n  return {\n    isExporting,\n    exportDiagram:\n      handleExport,\n    exportAllTables,\n    setExportAllTables,\n  };\n};","import type { DiagramData, GetTableHeight } from './types';\n\nconst TABLE_WIDTH = 280;\nconst TABLE_PADDING = 40;\n\nexport interface Dimensions {\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\n/**\n * Calculates dimensions based on diagram data.\n *\n * This function is kept compatible with the original API and tests.\n *\n * It calculates the total diagram size from the table coordinates,\n * assuming the table width is 280px plus the configured padding.\n */\nexport const calculateDimensions = (\n  diagramData: DiagramData | undefined | null,\n  getTableHeight: GetTableHeight,\n  margin: number = 100,\n): Dimensions => {\n  if (!diagramData?.tables?.length) {\n    return {\n      width: 100 + margin * 2,\n      height: 100 + margin * 2,\n      x: -margin,\n      y: -margin,\n    };\n  }\n\n  const minX = Math.min(\n    ...diagramData.tables.map((table) => table.x),\n  );\n\n  const minY = Math.min(\n    ...diagramData.tables.map((table) => table.y),\n  );\n\n  const maxX = Math.max(\n    ...diagramData.tables.map(\n      (table) => table.x + TABLE_WIDTH + TABLE_PADDING,\n    ),\n  );\n\n  const maxY = Math.max(\n    ...diagramData.tables.map(\n      (table) =>\n        table.y +\n        getTableHeight(table.fields) +\n        TABLE_PADDING,\n    ),\n  );\n\n  /*\n   * Keep the original expected behavior:\n   *\n   * width  = maxX - minX\n   * height = maxY - minY\n   *\n   * with margin added on both sides.\n   */\n  return {\n    x: minX - margin,\n    y: minY - margin,\n    width: Math.max(\n      100,\n      maxX - minX + margin * 2,\n    ),\n    height: Math.max(\n      100,\n      maxY - minY + margin * 2,\n    ),\n  };\n};\n\n/**\n * Calculates the visible bounds of an SVG's graphical content.\n *\n * This function is intended for generic SVG exports.\n *\n * It does NOT rely on:\n *\n * - width\n * - height\n * - viewport\n * - scroll container\n *\n * Instead, it attempts to determine the real graphical bounds.\n */\nexport const getSvgContentBounds = (\n  svg: SVGSVGElement,\n): Dimensions | null => {\n  const elements = Array.from(\n    svg.querySelectorAll<SVGGraphicsElement>(\n      'g, path, rect, circle, ellipse, line, polyline, polygon, text, use, image',\n    ),\n  );\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  const updateBounds = (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n  ) => {\n    if (\n      !Number.isFinite(x) ||\n      !Number.isFinite(y) ||\n      !Number.isFinite(width) ||\n      !Number.isFinite(height)\n    ) {\n      return;\n    }\n\n    if (width < 0 || height < 0) {\n      return;\n    }\n\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x + width);\n    maxY = Math.max(maxY, y + height);\n  };\n\n  for (const element of elements) {\n    /*\n     * Ignore the artificial canvas background.\n     */\n    if (\n      element.matches('[data-export-bg=\"canvas\"]') ||\n      element.closest('[data-export-bg=\"canvas\"]')\n    ) {\n      continue;\n    }\n\n    try {\n      const bbox = element.getBBox();\n\n      updateBounds(\n        bbox.x,\n        bbox.y,\n        bbox.width,\n        bbox.height,\n      );\n    } catch {\n      /*\n       * getBBox() can fail in environments where the SVG\n       * has not been rendered yet.\n       */\n    }\n  }\n\n  if (\n    !Number.isFinite(minX) ||\n    !Number.isFinite(minY) ||\n    !Number.isFinite(maxX) ||\n    !Number.isFinite(maxY)\n  ) {\n    return null;\n  }\n\n  return {\n    x: minX,\n    y: minY,\n    width: Math.max(1, maxX - minX),\n    height: Math.max(1, maxY - minY),\n  };\n};\n\n/**\n * Calculates the dimensions that should be used for a real SVG export.\n *\n * The content bounds are preferred.\n *\n * The returned x/y values are important because the content does not\n * necessarily start at 0,0.\n */\nexport const calculateSvgDimensions = (\n  svg: SVGSVGElement,\n  margin: number = 100,\n): Dimensions => {\n  const bounds = getSvgContentBounds(svg);\n\n  if (bounds) {\n    return {\n      x: bounds.x - margin,\n      y: bounds.y - margin,\n      width: bounds.width + margin * 2,\n      height: bounds.height + margin * 2,\n    };\n  }\n\n  /*\n   * Fallback to the SVG viewBox.\n   */\n  const viewBox = svg.viewBox?.baseVal;\n\n  if (\n    viewBox &&\n    Number.isFinite(viewBox.width) &&\n    Number.isFinite(viewBox.height) &&\n    viewBox.width > 0 &&\n    viewBox.height > 0\n  ) {\n    return {\n      x: viewBox.x - margin,\n      y: viewBox.y - margin,\n      width: viewBox.width + margin * 2,\n      height: viewBox.height + margin * 2,\n    };\n  }\n\n  /*\n   * Final fallback to width/height attributes.\n   */\n  const width =\n    Number(svg.getAttribute('width')) ||\n    svg.clientWidth ||\n    1;\n\n  const height =\n    Number(svg.getAttribute('height')) ||\n    svg.clientHeight ||\n    1;\n\n  return {\n    x: -margin,\n    y: -margin,\n    width: width + margin * 2,\n    height: height + margin * 2,\n  };\n};\n\n/**\n * Calculates dimensions based on an SVG element and its scroll container.\n *\n * Kept for backwards compatibility.\n */\nexport const getScrollDimensions = (\n  svg: SVGSVGElement,\n): Dimensions => {\n  const scrollContainer =\n    svg.parentElement ||\n    svg.closest('.overflow-auto') ||\n    svg.closest('.overflow-scroll');\n\n  let width =\n    Number(svg.getAttribute('width')) ||\n    svg.clientWidth ||\n    1;\n\n  let height =\n    Number(svg.getAttribute('height')) ||\n    svg.clientHeight ||\n    1;\n\n  if (scrollContainer) {\n    width = Math.max(\n      width,\n      scrollContainer.scrollWidth,\n    );\n\n    height = Math.max(\n      height,\n      scrollContainer.scrollHeight,\n    );\n  }\n\n  return {\n    x: 0,\n    y: 0,\n    width,\n    height,\n  };\n};","/**\n * Renders an SVG image to a high-quality canvas.\n */\nexport const renderHighQuality = async (\n  image: HTMLImageElement,\n  width: number,\n  height: number,\n  scale: number = 2,\n  background: 'white' | 'transparent' = 'transparent',\n): Promise<HTMLCanvasElement> => {\n  const MAX_CANVAS_SIZE = 16384;\n\n  const safeWidth =\n    Math.max(1, width);\n\n  const safeHeight =\n    Math.max(1, height);\n\n  const safeScale =\n    Math.max(0.1, scale);\n\n  const effectiveScale = Math.min(\n    safeScale,\n    MAX_CANVAS_SIZE /\n      Math.max(\n        safeWidth,\n        safeHeight,\n        1,\n      ),\n  );\n\n  const canvas =\n    document.createElement(\n      'canvas',\n    );\n\n  canvas.width = Math.max(\n    1,\n    Math.floor(\n      safeWidth *\n        effectiveScale,\n    ),\n  );\n\n  canvas.height = Math.max(\n    1,\n    Math.floor(\n      safeHeight *\n        effectiveScale,\n    ),\n  );\n\n  const context =\n    canvas.getContext(\n      '2d',\n      {\n        alpha:\n          background !== 'white',\n      },\n    );\n\n  if (!context) {\n    throw new Error(\n      'Unable to create 2D canvas context',\n    );\n  }\n\n  context.imageSmoothingEnabled =\n    true;\n\n  context.imageSmoothingQuality =\n    'high';\n\n  /*\n   * Background.\n   */\n  if (\n    background === 'white'\n  ) {\n    context.fillStyle =\n      '#ffffff';\n\n    context.fillRect(\n      0,\n      0,\n      canvas.width,\n      canvas.height,\n    );\n  } else {\n    context.clearRect(\n      0,\n      0,\n      canvas.width,\n      canvas.height,\n    );\n  }\n\n  /*\n   * The canvas already contains the scaled dimensions,\n   * so we draw using the original SVG dimensions.\n   */\n  context.drawImage(\n    image,\n    0,\n    0,\n    safeWidth *\n      effectiveScale,\n    safeHeight *\n      effectiveScale,\n  );\n\n  return canvas;\n};","/**\n * Downloads are handled elsewhere.\n *\n * This file contains SVG serialization and preparation utilities.\n */\n\n/**\n * Serializes an SVG element to a string.\n *\n * CSS custom properties are resolved using the current document styles.\n */\nexport const serializeSvg = (\n  svg: SVGSVGElement,\n): string => {\n  const serializer =\n    new XMLSerializer();\n\n  const styles =\n    typeof document !== 'undefined'\n      ? getComputedStyle(\n          document.documentElement,\n        )\n      : null;\n\n  let markup =\n    serializer.serializeToString(\n      svg,\n    );\n\n  /*\n   * Resolve CSS custom properties.\n   */\n  if (styles) {\n    markup = markup.replace(\n      /var\\(--([^)]+)\\)/g,\n      (\n        _match,\n        name: string,\n      ) => {\n        const value =\n          styles\n            .getPropertyValue(\n              `--${name}`,\n            )\n            ?.trim();\n\n        return (\n          value ||\n          `var(--${name})`\n        );\n      },\n    );\n  }\n\n  /*\n   * Ensure SVG has the proper namespace.\n   */\n  if (\n    !markup.includes(\n      'xmlns=\"http://www.w3.org/2000/svg\"',\n    )\n  ) {\n    markup = markup.replace(\n      '<svg',\n      '<svg xmlns=\"http://www.w3.org/2000/svg\"',\n    );\n  }\n\n  return markup;\n};\n\n/**\n * Creates a Blob URL from SVG markup.\n */\nexport const createSvgUrl = (\n  svgMarkup: string,\n): string => {\n  return URL.createObjectURL(\n    new Blob(\n      [svgMarkup],\n      {\n        type:\n          'image/svg+xml;charset=utf-8',\n      },\n    ),\n  );\n};\n\n/**\n * Creates a clean SVG clone for export.\n *\n * sourceX/sourceY represent the origin of the exported\n * coordinate system.\n */\nexport const prepareSvgForExport = (\n  sourceSvg: SVGSVGElement,\n  width: number,\n  height: number,\n  background: 'white' | 'transparent',\n  margin: number = 0,\n  sourceX: number = 0,\n  sourceY: number = 0,\n): SVGSVGElement => {\n  const clone =\n    sourceSvg.cloneNode(\n      true,\n    ) as SVGSVGElement;\n\n  /*\n   * Remove viewport/background elements.\n   */\n  const bgNodes =\n    clone.querySelectorAll(\n      '[data-export-bg=\"canvas\"]',\n    );\n\n  bgNodes.forEach(\n    (node) => {\n      node.remove();\n    },\n  );\n\n  /*\n   * Set final dimensions.\n   */\n  clone.setAttribute(\n    'width',\n    String(width),\n  );\n\n  clone.setAttribute(\n    'height',\n    String(height),\n  );\n\n  /*\n   * The viewBox is what allows us to export content\n   * that exists outside the original viewport.\n   */\n  clone.setAttribute(\n    'viewBox',\n    `${sourceX} ${sourceY} ${width} ${height}`,\n  );\n\n  /*\n   * Prevent unexpected aspect-ratio behavior.\n   */\n  clone.setAttribute(\n    'preserveAspectRatio',\n    'xMinYMin meet',\n  );\n\n  /*\n   * Add explicit background.\n   */\n  if (\n    background === 'white'\n  ) {\n    const whiteRect =\n      document.createElementNS(\n        'http://www.w3.org/2000/svg',\n        'rect',\n      );\n\n    whiteRect.setAttribute(\n      'x',\n      String(sourceX),\n    );\n\n    whiteRect.setAttribute(\n      'y',\n      String(sourceY),\n    );\n\n    whiteRect.setAttribute(\n      'width',\n      String(width),\n    );\n\n    whiteRect.setAttribute(\n      'height',\n      String(height),\n    );\n\n    whiteRect.setAttribute(\n      'fill',\n      '#ffffff',\n    );\n\n    /*\n     * Keep background behind the diagram.\n     */\n    clone.insertBefore(\n      whiteRect,\n      clone.firstChild,\n    );\n  }\n\n  /*\n   * Backwards compatibility:\n   *\n   * Older consumers/tests may call this function without\n   * sourceX/sourceY and expect the old margin behavior.\n   *\n   * In the real export flow sourceX/sourceY are provided,\n   * so we do NOT modify existing transforms.\n   */\n  if (\n    margin > 0 &&\n    sourceX === 0 &&\n    sourceY === 0\n  ) {\n    const scaledGroup =\n      clone.querySelector(\n        'g[transform*=\"scale\"]',\n      );\n\n    if (scaledGroup) {\n      const existingTransform =\n        scaledGroup.getAttribute(\n          'transform',\n        ) || '';\n\n      /*\n       * Preserve the original scale/transform.\n       *\n       * We prepend translate instead of replacing\n       * the transform entirely.\n       */\n      scaledGroup.setAttribute(\n        'transform',\n        `translate(${margin / 2}, ${margin / 2}) ${existingTransform}`,\n      );\n    }\n  }\n\n  return clone;\n};","/**\n * Downloads a Blob as a file.\n */\nexport const downloadBlob = (\n  blob: Blob,\n  fileName: string,\n): void => {\n  const url =\n    URL.createObjectURL(\n      blob,\n    );\n\n  const link =\n    document.createElement(\n      'a',\n    );\n\n  link.href = url;\n  link.download = fileName;\n\n  try {\n    document.body?.appendChild(\n      link,\n    );\n\n    link.click();\n\n    document.body?.removeChild(\n      link,\n    );\n  } catch {\n    link.click();\n  }\n\n  /*\n   * Give the browser a chance to start the download before\n   * revoking the object URL.\n   */\n  setTimeout(() => {\n    URL.revokeObjectURL(\n      url,\n    );\n  }, 100);\n};\n\n/**\n * Generates a safe filename.\n */\nexport const generateFileName = (\n  projectName:\n    | string\n    | undefined,\n  format:\n    | 'png'\n    | 'svg',\n): string => {\n  const safeName =\n    (\n      projectName ||\n      'diagram'\n    )\n      .replace(\n        /\\s+/g,\n        '_',\n      )\n      .toLowerCase()\n      .replace(\n        /[^a-z0-9_-]/g,\n        '',\n      );\n\n  return `${safeName}.${format}`;\n};\n\n/**\n * Converts a canvas to a PNG Blob.\n */\nexport const canvasToBlob = (\n  canvas: HTMLCanvasElement,\n): Promise<Blob> => {\n  return new Promise(\n    (\n      resolve,\n      reject,\n    ) => {\n      try {\n        if (\n          typeof canvas.toBlob !==\n          'function'\n        ) {\n          reject(\n            new Error(\n              'Canvas.toBlob is not supported',\n            ),\n          );\n\n          return;\n        }\n\n        canvas.toBlob(\n          (\n            blob,\n          ) => {\n            if (!blob) {\n              reject(\n                new Error(\n                  'Failed to create PNG blob',\n                ),\n              );\n\n              return;\n            }\n\n            resolve(blob);\n          },\n          'image/png',\n        );\n      } catch (error) {\n        reject(error);\n      }\n    },\n  );\n};","import type {\n  ExportOptions,\n  DiagramData,\n  GetTableHeight,\n} from './types';\n\nimport {\n  calculateSvgDimensions,\n} from './calculateDimensions';\n\nimport {\n  renderHighQuality,\n} from './renderHighQuality';\n\nimport {\n  serializeSvg,\n  createSvgUrl,\n  prepareSvgForExport,\n} from './utils/serializer';\n\nimport {\n  downloadBlob,\n  generateFileName,\n  canvasToBlob,\n} from './utils/download';\n\nexport interface ExportDiagramParams {\n  svgRef: React.RefObject<SVGSVGElement>;\n  diagramData: DiagramData;\n  getTableHeight: GetTableHeight;\n  projectName?: string;\n  setExportAllTables?: (value: boolean) => void;\n  showToast?: (\n    message: string,\n    type?: string,\n  ) => void;\n}\n\n/**\n * Exports the complete SVG diagram regardless of the\n * visible viewport.\n *\n * The export process is:\n *\n * 1. Render all diagram content.\n * 2. Calculate the real SVG content bounds.\n * 3. Create an independent SVG clone.\n * 4. Set a viewBox covering the complete content.\n * 5. Convert the SVG to PNG when requested.\n */\nexport const exportDiagram = async (\n  params: ExportDiagramParams,\n  options: ExportOptions = {},\n): Promise<void> => {\n  const {\n    svgRef,\n    diagramData,\n    getTableHeight,\n    projectName,\n    setExportAllTables,\n    showToast,\n  } = params;\n\n  const {\n    format = 'png',\n    background = 'white',\n    scale = 2,\n    margin = 100,\n    fileName,\n    onProgress,\n  } = options;\n\n  if (!svgRef.current) {\n    onProgress?.({\n      type: 'error',\n      message: 'SVG reference not available',\n    });\n\n    return;\n  }\n\n  let objectUrl: string | null = null;\n\n  try {\n    onProgress?.({\n      type: 'preparing',\n    });\n\n    showToast?.(\n      'Preparing export...',\n      'info',\n    );\n\n    /*\n     * Tell the consuming application to render all\n     * currently virtualized/cullable content.\n     */\n    setExportAllTables?.(true);\n\n    /*\n     * Give React time to render the complete diagram.\n     */\n    await new Promise<void>((resolve) => {\n      setTimeout(resolve, 300);\n    });\n\n    onProgress?.({\n      type: 'rendering',\n    });\n\n    const sourceSvg = svgRef.current;\n\n    /*\n     * IMPORTANT:\n     *\n     * Do NOT use calculateDimensions() here.\n     *\n     * calculateDimensions() exists for diagram-data based\n     * compatibility.\n     *\n     * For a generic SVG export we need the real SVG bounds.\n     */\n    const dimensions = calculateSvgDimensions(\n      sourceSvg,\n      margin,\n    );\n\n    const {\n      x,\n      y,\n      width,\n      height,\n    } = dimensions;\n\n    /*\n     * Prepare a completely independent SVG clone.\n     */\n    const exportSvg = prepareSvgForExport(\n      sourceSvg,\n      width,\n      height,\n      background,\n      margin,\n      x,\n      y,\n    );\n\n    onProgress?.({\n      type: 'serializing',\n    });\n\n    /*\n     * Serialize the prepared SVG.\n     */\n    const svgMarkup = serializeSvg(\n      exportSvg,\n    );\n\n    /*\n     * SVG export does not require canvas.\n     */\n    if (format === 'svg') {\n      const blob = new Blob(\n        [svgMarkup],\n        {\n          type:\n            'image/svg+xml;charset=utf-8',\n        },\n      );\n\n      const finalFileName =\n        fileName ||\n        generateFileName(\n          projectName,\n          'svg',\n        );\n\n      downloadBlob(\n        blob,\n        finalFileName,\n      );\n\n      onProgress?.({\n        type: 'complete',\n      });\n\n      showToast?.(\n        'Export completed successfully',\n        'success',\n      );\n\n      return;\n    }\n\n    /*\n     * Create an object URL for the SVG.\n     */\n    const image = new Image();\n\n    objectUrl = createSvgUrl(\n      svgMarkup,\n    );\n\n    await new Promise<void>(\n      (resolve, reject) => {\n        image.onload = () => {\n          resolve();\n        };\n\n        image.onerror = () => {\n          reject(\n            new Error(\n              'Failed to load SVG image',\n            ),\n          );\n        };\n\n        image.src = objectUrl!;\n      },\n    );\n\n    /*\n     * Render the complete SVG into a high-quality canvas.\n     */\n    const canvas =\n      await renderHighQuality(\n        image,\n        width,\n        height,\n        scale,\n        background,\n      );\n\n    onProgress?.({\n      type: 'downloading',\n    });\n\n    /*\n     * Convert the canvas to PNG.\n     */\n    const blob =\n      await canvasToBlob(\n        canvas,\n      );\n\n    const finalFileName =\n      fileName ||\n      generateFileName(\n        projectName,\n        'png',\n      );\n\n    downloadBlob(\n      blob,\n      finalFileName,\n    );\n\n    onProgress?.({\n      type: 'complete',\n    });\n\n    showToast?.(\n      'Export completed successfully',\n      'success',\n    );\n  } catch (error) {\n    console.error(\n      'Export error:',\n      error,\n    );\n\n    onProgress?.({\n      type: 'error',\n      message: 'Export failed',\n    });\n\n    showToast?.(\n      'Failed to export file',\n      'error',\n    );\n  } finally {\n    /*\n     * Always restore the normal rendering state.\n     */\n    setExportAllTables?.(\n      false,\n    );\n\n    /*\n     * Always release the object URL.\n     */\n    if (objectUrl) {\n      URL.revokeObjectURL(\n        objectUrl,\n      );\n    }\n  }\n};"],"mappings":"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,EACExB,EACA,KACF,EAEFyB,EACEH,EACAC,CACF,EAEAf,IAAa,CACX,KAAM,UACR,CAAC,EAEDN,IACE,gCACA,SACF,EAEA,MACF,CAKA,IAAMwB,EAAQ,IAAI,MAElBjB,EAAYkB,EACVP,CACF,EAEA,MAAM,IAAI,QACR,CAACV,EAASkB,IAAW,CACnBF,EAAM,OAAS,IAAM,CACnBhB,EAAQ,CACV,EAEAgB,EAAM,QAAU,IAAM,CACpBE,EACE,IAAI,MACF,0BACF,CACF,CACF,EAEAF,EAAM,IAAMjB,CACd,CACF,EAKA,IAAMoB,EACJ,MAAMC,EACJJ,EACAV,EACAC,EACAZ,EACAD,CACF,EAEFI,IAAa,CACX,KAAM,aACR,CAAC,EAKD,IAAMc,EACJ,MAAMS,EACJF,CACF,EAEIN,EACJhB,GACAiB,EACExB,EACA,KACF,EAEFyB,EACEH,EACAC,CACF,EAEAf,IAAa,CACX,KAAM,UACR,CAAC,EAEDN,IACE,gCACA,SACF,CACF,OAAS8B,EAAO,CACd,QAAQ,MACN,gBACAA,CACF,EAEAxB,IAAa,CACX,KAAM,QACN,QAAS,eACX,CAAC,EAEDN,IACE,wBACA,OACF,CACF,QAAE,CAIAD,IACE,EACF,EAKIQ,GACF,IAAI,gBACFA,CACF,CAEJ,CACF,ELtQO,IAAMwB,EAAmB,CAAC,CAC/B,OAAAC,EACA,YAAAC,EACA,eAAAC,EACA,YAAAC,CACF,IAKK,CACH,GAAM,CACJC,EACAC,CACF,EAAIC,EAAS,EAAK,EAEZ,CACJC,EACAC,CACF,EAAIF,EAAS,EAAK,EAEZG,EACJC,EACE,MACEC,EAAyB,CAAC,IACvB,CACHN,EAAe,EAAI,EAEnB,GAAI,CACF,MAAMO,EACJ,CACE,OAAAZ,EACA,YAAAC,EACA,eAAAC,EACA,YAAAC,EACA,mBAAAK,CACF,EACAG,CACF,CACF,QAAE,CACAN,EAAe,EAAK,EAEpBG,EACE,EACF,CACF,CACF,EACA,CACER,EACAC,EACAC,EACAC,CACF,CACF,EAEF,MAAO,CACL,YAAAC,EACA,cACEK,EACF,gBAAAF,EACA,mBAAAC,CACF,CACF","names":["useState","useCallback","calculateDimensions","diagramData","getTableHeight","margin","minX","table","minY","maxX","maxY","getSvgContentBounds","svg","elements","updateBounds","x","y","width","height","element","bbox","calculateSvgDimensions","bounds","viewBox","getScrollDimensions","scrollContainer","renderHighQuality","image","width","height","scale","background","safeWidth","safeHeight","safeScale","effectiveScale","canvas","context","serializeSvg","svg","serializer","styles","markup","_match","name","createSvgUrl","svgMarkup","prepareSvgForExport","sourceSvg","width","height","background","margin","sourceX","sourceY","clone","node","whiteRect","scaledGroup","existingTransform","downloadBlob","blob","fileName","url","link","generateFileName","projectName","format","canvasToBlob","canvas","resolve","reject","error","exportDiagram","params","options","svgRef","diagramData","getTableHeight","projectName","setExportAllTables","showToast","format","background","scale","margin","fileName","onProgress","objectUrl","resolve","sourceSvg","dimensions","calculateSvgDimensions","x","y","width","height","exportSvg","prepareSvgForExport","svgMarkup","serializeSvg","blob","finalFileName","generateFileName","downloadBlob","image","createSvgUrl","reject","canvas","renderHighQuality","canvasToBlob","error","useDiagramExport","svgRef","diagramData","getTableHeight","projectName","isExporting","setIsExporting","useState","exportAllTables","setExportAllTables","handleExport","useCallback","options","exportDiagram"]}

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "ok-canvas-export",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -17,8 +19,8 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "tsc --outDir dist",
-    "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build": "tsup",
+    "build:types": "tsup --dts",
     "prepublishOnly": "bun test && bun run build",
     "test": "bun test",
     "test:watch": "bun test --watch",
@@ -48,6 +50,11 @@
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
     "happy-dom": "^20.11.6",
+    "tsup": "^8.0.0",
     "typescript": "^5.7.0"
+  },
+  "repository": {
+    "url": "https://github.com/Manu-OK-code/ok-canvas-export.git",
+    "type": "git"
   }
 }

package/dist/calculateDimensions.d.ts

@@ -1,47 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}