{"_id":"@crafter/mermaid-renderer","_rev":"7-49b86b0d53466664e126bf449bbb53f7","name":"@crafter/mermaid-renderer","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@crafter/mermaid-renderer","version":"0.0.1","_id":"@crafter/mermaid-renderer@0.0.1","maintainers":[{"name":"raillyhugo_","email":"railly_2009@hotmail.com"}],"dist":{"shasum":"a2cc31613d7ee5aadcee85cd027b59edc11d5527","tarball":"https://registry.npmjs.org/@crafter/mermaid-renderer/-/mermaid-renderer-0.0.1.tgz","fileCount":5,"integrity":"sha512-xWFYyyi6GYf2e4TKRCa/NC8FiDXG0SvZNnwfqhqoRI8A1LXFfgN9D9yoB8giRdRPocYEt6EhVXyiJYlnEr0krw==","signatures":[{"sig":"MEUCIC3MgEmV9rid1DsQBGgXT7Qme8d1RY0b00LtSVvj0a4UAiEAqg1KDZhqgbeZ0UkKV/4WYuWZooaAbOXyNHi3BZUv8P0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50142},"main":"./src/index.ts","type":"module","types":"./src/index.ts","exports":{".":{"bun":"./src/index.ts","types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"67933593e38dc834b0611f683ca1da6b6e08fa53","scripts":{"test":"bun test src/","build":"tsup"},"_npmUser":{"name":"raillyhugo_","email":"railly_2009@hotmail.com"},"_npmVersion":"10.9.2","description":"Zero-dependency SVG renderer for positioned Mermaid graphs.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@crafter/mermaid-layout":"workspace:*","@crafter/mermaid-themes":"workspace:*"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/mermaid-renderer_0.0.1_1770395717285_0.02187574079296417","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@crafter/mermaid-renderer","version":"0.0.2","_id":"@crafter/mermaid-renderer@0.0.2","maintainers":[{"name":"raillyhugo_","email":"railly_2009@hotmail.com"},{"name":"jibaru","email":"ignacioruedaboada@gmail.com"},{"name":"cris-fast","email":"cristian.correa.cs@gmail.com"}],"dist":{"shasum":"3564b8c9d4a2bb22cb578b189ee8268c751d27d9","tarball":"https://registry.npmjs.org/@crafter/mermaid-renderer/-/mermaid-renderer-0.0.2.tgz","fileCount":5,"integrity":"sha512-SI1JO0Zjdh+A/vH9n7rg/SDUhKWqjgN5M2YcrJ1M+dVRTlrrwDYUd7/inaGBpw+TDesYHWDvfVVSK5bGJAvBoQ==","signatures":[{"sig":"MEQCIH1XnpR3T99iPfVtUAXQAppwRw7I2u93mvFuW3O2Ls2IAiBK7pyfAx9KBw0NUotwMtKE0RI8HbgW2hn5g4mecaNEpg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":330539},"main":"./src/index.ts","type":"module","types":"./src/index.ts","exports":{".":{"bun":"./src/index.ts","types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"03381fd83ed25b249862d4b4d5a8b005dde621ab","scripts":{"test":"bun test src/","build":"tsup"},"_npmUser":{"name":"raillyhugo_","email":"railly_2009@hotmail.com"},"_npmVersion":"10.9.2","description":"Zero-dependency SVG renderer for positioned Mermaid graphs.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@crafter/mermaid-layout":"workspace:*","@crafter/mermaid-themes":"workspace:*"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/mermaid-renderer_0.0.2_1773298074564_0.6419322729331938","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@crafter/mermaid-renderer","version":"0.0.3","_id":"@crafter/mermaid-renderer@0.0.3","maintainers":[{"name":"raillyhugo_","email":"railly_2009@hotmail.com"},{"name":"jibaru","email":"ignacioruedaboada@gmail.com"},{"name":"cris-fast","email":"cristian.correa.cs@gmail.com"}],"dist":{"shasum":"b458b7a732df2dd7eff6d2ac125ce568da98c31f","tarball":"https://registry.npmjs.org/@crafter/mermaid-renderer/-/mermaid-renderer-0.0.3.tgz","fileCount":5,"integrity":"sha512-CwJC9ygrnIXyMG0sPNVSJ9BWpwl1NK/fN3aMd1e7xHUTHj/bzfJS+8fS7bsNWoqUPn2KX5FgcBbKxcTGwnh8EQ==","signatures":[{"sig":"MEQCIGwClKf9UR7rUr1howgXQLmtiyQYWknrhkYmcfmMuJzHAiBo+qoeQ5f/OnmFO+vO7YHX5t0tiykvQhGKY7IMKZuJNw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":330527},"main":"./src/index.ts","type":"module","types":"./src/index.ts","exports":{".":{"bun":"./src/index.ts","types":"./dist/index.d.ts","import":"./dist/index.js"}},"gitHead":"03381fd83ed25b249862d4b4d5a8b005dde621ab","scripts":{"test":"bun test src/","build":"tsup"},"_npmUser":{"name":"raillyhugo_","email":"railly_2009@hotmail.com"},"_npmVersion":"10.9.2","description":"Zero-dependency SVG renderer for positioned Mermaid graphs.","directories":{},"_nodeVersion":"22.14.0","dependencies":{"@crafter/mermaid-layout":"0.0.3","@crafter/mermaid-themes":"0.0.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/mermaid-renderer_0.0.3_1773298259494_0.1478182690326193","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-02-06T16:35:17.212Z","modified":"2026-09-06T05:34:08.262Z","0.0.1":"2026-02-06T16:35:17.432Z","0.0.2":"2026-03-12T06:47:54.710Z","0.0.3":"2026-03-12T06:50:59.649Z"},"description":"Zero-dependency SVG renderer for positioned Mermaid graphs.","maintainers":[{"email":"railly_2009@hotmail.com","name":"raillyhugo_"},{"email":"ignacioruedaboada@gmail.com","name":"jibaru"},{"email":"cristian.correa.cs@gmail.com","name":"cris-fast"},{"email":"shiara.arauzo@gmail.com","name":"shiaraarauzo"},{"email":"hi@cueva.io","name":"cuevaio"}],"readme":"# @crafter/mermaid-renderer\n\nZero-dependency SVG renderer for positioned Mermaid graphs.\n\n## Features\n\n- 16+ node shapes (rectangle, diamond, circle, hexagon, etc.)\n- Edge styles (solid, dotted, thick)\n- Arrow markers\n- Multi-line labels\n- Subgraph backgrounds\n- Self-contained SVG output\n\n## Usage\n\n```typescript\nimport { renderToString } from \"@crafter/mermaid-renderer\";\nimport { THEMES } from \"@crafter/mermaid-themes\";\nimport type { PositionedGraph } from \"@crafter/mermaid-layout\";\n\nconst graph: PositionedGraph = {\n\twidth: 400,\n\theight: 300,\n\tnodes: [\n\t\t{ id: \"A\", label: \"Start\", shape: \"rounded\", x: 0, y: 0, width: 100, height: 50 },\n\t\t{ id: \"B\", label: \"End\", shape: \"diamond\", x: 200, y: 100, width: 100, height: 80 },\n\t],\n\tedges: [\n\t\t{\n\t\t\tsource: \"A\",\n\t\t\ttarget: \"B\",\n\t\t\tstyle: \"solid\",\n\t\t\thasArrowEnd: true,\n\t\t\thasArrowStart: false,\n\t\t\tpoints: [\n\t\t\t\t{ x: 50, y: 50 },\n\t\t\t\t{ x: 250, y: 140 },\n\t\t\t],\n\t\t},\n\t],\n\tgroups: [],\n};\n\nconst svg = renderToString(graph, {\n\ttheme: THEMES[\"tokyo-night\"],\n\tpadding: 16,\n\ttransparent: false,\n});\n```\n\n## API\n\n### `renderToString(graph, options?)`\n\nRender a positioned graph to SVG string.\n\nOptions:\n\n- `theme?: DiagramTheme` - Theme from @crafter/mermaid-themes\n- `padding?: number` - Padding around diagram (default: 16)\n- `transparent?: boolean` - Transparent background (default: false)\n- `debug?: boolean` - Debug mode (default: false)\n\n### Supported Shapes\n\n- `rectangle` - Sharp corners\n- `rounded` - Rounded corners\n- `diamond` - Diamond/rhombus\n- `stadium` - Pill shape\n- `circle` - Circle\n- `subroutine` - Double-bordered rectangle\n- `doublecircle` - Concentric circles\n- `hexagon` - Six-sided polygon\n- `cylinder` - Database shape\n- `asymmetric` - Flag/banner\n- `trapezoid` - Trapezoid (wider bottom)\n- `trapezoid-alt` - Trapezoid (wider top)\n- `parallelogram` - Slanted rectangle\n- `note` - Rectangle with folded corner\n- `cloud` - Cloud shape\n- `state-start` - Small filled circle\n- `state-end` - Bullseye (target)\n","readmeFilename":"README.md"}