{"_id":"@archlex/renderer-svg","_rev":"6-98fea42f4c993530f90309d8491d0941","name":"@archlex/renderer-svg","dist-tags":{"latest":"0.2.6"},"versions":{"0.2.1":{"name":"@archlex/renderer-svg","version":"0.2.1","keywords":["architecture","diagrams","svg","renderer"],"author":{"name":"Alexis Sgarbossa"},"license":"MIT","_id":"@archlex/renderer-svg@0.2.1","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"homepage":"https://github.com/archlex/archlex#readme","bugs":{"url":"https://github.com/archlex/archlex/issues"},"dist":{"shasum":"cb60c57a28c4915ed4383d0840e71e0a404c24c0","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.1.tgz","fileCount":21,"integrity":"sha512-8RWOGP9cBxvSCOGUIRgQ4FYY/ob9XnikWV2NshN701tykY6GWe6G14WnEPx9xskiNHFJROryjHNMXbLZkbDvZA==","signatures":[{"sig":"MEUCIQCl+X15wYsk0UUma/bCC6zv6ont7EeI6RBCcHsAUz87uAIgPouVLON040VwCiKgstSFgRoQuAOJ3FyH19MUyvfEdv4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103277},"main":"./dist/index.js","type":"module","_from":"file:archlex-renderer-svg-0.2.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run --passWithNoTests","build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"_resolved":"/private/var/folders/zd/8ks_wyz92zz5_58st77x0jm80000gn/T/c7009b4594a326eed41c2a304915ddba/archlex-renderer-svg-0.2.1.tgz","_integrity":"sha512-8RWOGP9cBxvSCOGUIRgQ4FYY/ob9XnikWV2NshN701tykY6GWe6G14WnEPx9xskiNHFJROryjHNMXbLZkbDvZA==","repository":{"url":"git+https://github.com/archlex/archlex.git","type":"git","directory":"packages/renderer-svg"},"_npmVersion":"10.9.2","description":"SVG renderer for ArchLex architecture diagrams","directories":{},"_nodeVersion":"23.7.0","dependencies":{"@archlex/model":"^0.2.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vitest":"^3.0.5","typescript":"^5.7.3"},"_npmOperationalInternal":{"tmp":"tmp/renderer-svg_0.2.1_1786158534301_0.8470597444434074","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@archlex/renderer-svg","version":"0.2.2","keywords":["architecture","diagrams","svg","renderer"],"author":{"name":"Alexis Sgarbossa"},"license":"MIT","_id":"@archlex/renderer-svg@0.2.2","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"homepage":"https://github.com/baires/archlex#readme","bugs":{"url":"https://github.com/baires/archlex/issues"},"dist":{"shasum":"e17784a6bb32052be8768d0f89a32c858d773f78","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.2.tgz","fileCount":21,"integrity":"sha512-XVQ0NzOUko1mHy/iCzRkfnP33THatX89yrqLjVh8hRF4bv+TLHgJWmAGdGdpPdyNbc/JwRhvSSDyBpvDeV0rFw==","signatures":[{"sig":"MEUCIGTaUaXUUn9NLE/w9pFIVBrS4j8ehczBzZBAuakAsqQWAiEApqpPkl9ydOl6fKt9+y34lTcB85Rpb2E5wctI8GfO3u0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@archlex%2frenderer-svg@0.2.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":92372},"main":"./dist/index.js","type":"module","_from":"file:archlex-renderer-svg-0.2.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run --passWithNoTests","build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"_resolved":"/tmp/5e08fc3e487c47e78438473ba52be4f6/archlex-renderer-svg-0.2.2.tgz","_integrity":"sha512-XVQ0NzOUko1mHy/iCzRkfnP33THatX89yrqLjVh8hRF4bv+TLHgJWmAGdGdpPdyNbc/JwRhvSSDyBpvDeV0rFw==","repository":{"url":"git+https://github.com/baires/archlex.git","type":"git","directory":"packages/renderer-svg"},"_npmVersion":"11.16.0","description":"SVG renderer for ArchLex architecture diagrams","directories":{},"_nodeVersion":"24.18.0","dependencies":{"@archlex/model":"^0.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vitest":"^3.0.5","typescript":"^5.7.3"},"_npmOperationalInternal":{"tmp":"tmp/renderer-svg_0.2.2_1786417575198_0.09634354823920632","host":"s3://npm-registry-packages-npm-production"}},"0.2.3":{"name":"@archlex/renderer-svg","version":"0.2.3","keywords":["architecture","diagrams","svg","renderer"],"author":{"name":"Alexis Sgarbossa"},"license":"MIT","_id":"@archlex/renderer-svg@0.2.3","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"homepage":"https://github.com/baires/archlex#readme","bugs":{"url":"https://github.com/baires/archlex/issues"},"dist":{"shasum":"64c504ba988e8004251ea60ccd8e1f25e78154a1","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.3.tgz","fileCount":21,"integrity":"sha512-YTKHn0cqHQ7w/6tXA1ChDal90GbSP25bp/bp41E6pMhvLn/KF21RIFVq6vYFyEYpxJjMqM+zo1knf7SSvxAbuQ==","signatures":[{"sig":"MEYCIQCcw76rWIYLPgYarn+q10Ty0HnmUA8v1KvUbGduLRys0wIhAP1t+JvLkR2UBnrEwiM2E8hmStz7vB1pQsdDyDNA+Gyl","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@archlex%2frenderer-svg@0.2.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":93616},"main":"./dist/index.js","type":"module","_from":"file:archlex-renderer-svg-0.2.3.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run --passWithNoTests","build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"_resolved":"/tmp/65b421e5bcd7949220b41524c10393f2/archlex-renderer-svg-0.2.3.tgz","_integrity":"sha512-YTKHn0cqHQ7w/6tXA1ChDal90GbSP25bp/bp41E6pMhvLn/KF21RIFVq6vYFyEYpxJjMqM+zo1knf7SSvxAbuQ==","repository":{"url":"git+https://github.com/baires/archlex.git","type":"git","directory":"packages/renderer-svg"},"_npmVersion":"11.17.0","description":"SVG renderer for ArchLex architecture diagrams","directories":{},"_nodeVersion":"24.19.0","dependencies":{"@archlex/model":"^0.3.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vitest":"^3.0.5","typescript":"^5.7.3"},"_npmOperationalInternal":{"tmp":"tmp/renderer-svg_0.2.3_1786743093380_0.1154440405700825","host":"s3://npm-registry-packages-npm-production"}},"0.2.4":{"name":"@archlex/renderer-svg","version":"0.2.4","keywords":["architecture","diagrams","svg","renderer"],"author":{"name":"Alexis Sgarbossa"},"license":"MIT","_id":"@archlex/renderer-svg@0.2.4","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"homepage":"https://github.com/baires/archlex#readme","bugs":{"url":"https://github.com/baires/archlex/issues"},"dist":{"shasum":"e6906fb84c69697221c376c408df674605d49800","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.4.tgz","fileCount":21,"integrity":"sha512-ngeXEnoHjmo+CuiFWOpv3x2vVaiNkoPNMCI8Na894eqRQJLL3x2oZgb/pPwrvhHqWCNfWl74tozgtwrneDYRrQ==","signatures":[{"sig":"MEYCIQCMXa58CdfgoRmJTZkCViXBzkHnd3N0BkzK+BlBi2kwMwIhAON7b92ID7JCaAMW2hlZgdLNEvF3IY/UMMexzqrVuVpb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@archlex%2frenderer-svg@0.2.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":93616},"main":"./dist/index.js","type":"module","_from":"file:archlex-renderer-svg-0.2.4.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run --passWithNoTests","build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"_resolved":"/tmp/ce5f2781c78cef86749b02b610b889d6/archlex-renderer-svg-0.2.4.tgz","_integrity":"sha512-ngeXEnoHjmo+CuiFWOpv3x2vVaiNkoPNMCI8Na894eqRQJLL3x2oZgb/pPwrvhHqWCNfWl74tozgtwrneDYRrQ==","repository":{"url":"git+https://github.com/baires/archlex.git","type":"git","directory":"packages/renderer-svg"},"_npmVersion":"11.17.0","description":"SVG renderer for ArchLex architecture diagrams","directories":{},"_nodeVersion":"24.19.0","dependencies":{"@archlex/model":"^0.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vitest":"^3.0.5","typescript":"^5.7.3"},"_npmOperationalInternal":{"tmp":"tmp/renderer-svg_0.2.4_1786754801236_0.540976275277669","host":"s3://npm-registry-packages-npm-production"}},"0.2.5":{"name":"@archlex/renderer-svg","version":"0.2.5","keywords":["architecture","diagrams","svg","renderer"],"author":{"name":"Alexis Sgarbossa"},"license":"MIT","_id":"@archlex/renderer-svg@0.2.5","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"homepage":"https://github.com/baires/archlex#readme","bugs":{"url":"https://github.com/baires/archlex/issues"},"dist":{"shasum":"9e717e0c6ba7298f67acf6357c2116d115ac4e95","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.5.tgz","fileCount":21,"integrity":"sha512-O/lN5yDAgJ1An4eCntEhBAmrfFzln2Zl0eR/pPZwVUZYM3X4WF92h628zyCrK0Hx/c8PBwDGEPVXEsiR3SvQSw==","signatures":[{"sig":"MEUCIQDxIrmKjpRl0I6mWaA2fxdTSkVvVMl9E+fEX05K0YnangIgWr1Vg3uIvtQZbnSjetNab/45i68/5jhHe2YgT3l6mMU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@archlex%2frenderer-svg@0.2.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":93616},"main":"./dist/index.js","type":"module","_from":"file:archlex-renderer-svg-0.2.5.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"}},"scripts":{"test":"vitest run --passWithNoTests","build":"vite build && tsc --emitDeclarationOnly"},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"_resolved":"/tmp/bd005907d78045c400899483d1ec1c32/archlex-renderer-svg-0.2.5.tgz","_integrity":"sha512-O/lN5yDAgJ1An4eCntEhBAmrfFzln2Zl0eR/pPZwVUZYM3X4WF92h628zyCrK0Hx/c8PBwDGEPVXEsiR3SvQSw==","repository":{"url":"git+https://github.com/baires/archlex.git","type":"git","directory":"packages/renderer-svg"},"_npmVersion":"11.17.0","description":"SVG renderer for ArchLex architecture diagrams","directories":{},"_nodeVersion":"24.19.0","dependencies":{"@archlex/model":"^0.5.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vitest":"^3.0.5","typescript":"^5.7.3"},"_npmOperationalInternal":{"tmp":"tmp/renderer-svg_0.2.5_1786819287325_0.9293944130497478","host":"s3://npm-registry-packages-npm-production"}},"0.2.6":{"name":"@archlex/renderer-svg","version":"0.2.6","description":"SVG renderer for ArchLex architecture diagrams","keywords":["architecture","diagrams","svg","renderer"],"repository":{"type":"git","url":"git+https://github.com/baires/archlex.git","directory":"packages/renderer-svg"},"license":"MIT","author":{"name":"Alexis Sgarbossa"},"type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"}},"publishConfig":{"access":"public"},"dependencies":{"@archlex/model":"^0.6.0"},"devDependencies":{"typescript":"^5.7.3","vite":"^6.1.0","vitest":"^3.0.5"},"scripts":{"build":"vite build && tsc --emitDeclarationOnly","test":"vitest run --passWithNoTests"},"_id":"@archlex/renderer-svg@0.2.6","bugs":{"url":"https://github.com/baires/archlex/issues"},"homepage":"https://github.com/baires/archlex#readme","_integrity":"sha512-yKRCufJzLFmugsisQTDvJPb5Cj945L1a/DGm7r+rYLMT5/iLlXcAThPze2dvmcG8YziE3aJauR10kbLs5v2sGA==","_resolved":"/tmp/34607be6a5a5db3b4ff1bafce75cbe8b/archlex-renderer-svg-0.2.6.tgz","_from":"file:archlex-renderer-svg-0.2.6.tgz","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-yKRCufJzLFmugsisQTDvJPb5Cj945L1a/DGm7r+rYLMT5/iLlXcAThPze2dvmcG8YziE3aJauR10kbLs5v2sGA==","shasum":"8de1d8adaf4688f2ef63928a446998e1af979eee","tarball":"https://registry.npmjs.org/@archlex/renderer-svg/-/renderer-svg-0.2.6.tgz","fileCount":21,"unpackedSize":93616,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@archlex%2frenderer-svg@0.2.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDvn9ZSEXlW78MJl22YCp5znyXSynWhcVZ0ygMI1pLw5QIhAIF3t7j22T+27Zfdsbh5ivOvCcEomkM027DeWOQcYUv3"}]},"_npmUser":{"name":"baires","email":"alexis@sgarbossa.com.ar"},"directories":{},"maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/renderer-svg_0.2.6_1787347481442_0.11596406855268948"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-08T03:08:54.168Z","modified":"2026-08-21T21:24:41.936Z","0.2.1":"2026-08-08T03:08:54.447Z","0.2.2":"2026-08-11T03:06:15.358Z","0.2.3":"2026-08-14T21:31:33.530Z","0.2.4":"2026-08-15T00:46:41.357Z","0.2.5":"2026-08-15T18:41:27.452Z","0.2.6":"2026-08-21T21:24:41.591Z"},"bugs":{"url":"https://github.com/baires/archlex/issues"},"author":{"name":"Alexis Sgarbossa"},"license":"MIT","homepage":"https://github.com/baires/archlex#readme","keywords":["architecture","diagrams","svg","renderer"],"repository":{"type":"git","url":"git+https://github.com/baires/archlex.git","directory":"packages/renderer-svg"},"description":"SVG renderer for ArchLex architecture diagrams","maintainers":[{"name":"baires","email":"alexis@sgarbossa.com.ar"}],"readme":"# @archlex/renderer-svg\n\nSVG renderer for ArchLex architecture diagrams.\n\n## Installation\n\n```bash\nnpm install @archlex/renderer-svg @archlex/model\n```\n\n## Usage\n\n```typescript\nimport { SvgRenderer } from '@archlex/renderer-svg';\nimport type { Diagram } from '@archlex/model';\n\nconst diagram: Diagram = {\n  nodes: [\n    { id: 'web', type: 'ec2', provider: 'aws', position: { x: 0, y: 0 } },\n    { id: 'db', type: 'rds', provider: 'aws', position: { x: 200, y: 0 } }\n  ],\n  edges: [\n    { source: 'web', target: 'db', label: 'queries' }\n  ]\n};\n\nconst renderer = new SvgRenderer();\nconst svg = renderer.render(diagram);\n\n// Save to file or send to browser\nconsole.log(svg);\n```\n\n## Features\n\n- Clean, optimized SVG output\n- Responsive sizing\n- Customizable styling\n- Icon embedding\n- Edge routing and labels\n- Theme support\n\n## Options\n\n```typescript\nconst renderer = new SvgRenderer({\n  theme: 'dark', // 'light' or 'dark'\n  fontSize: 14,\n  padding: 20,\n  nodeSpacing: 100,\n  edgeStyle: 'curved' // 'straight' or 'curved'\n});\n\nconst svg = renderer.render(diagram, {\n  width: 800,\n  height: 600,\n  backgroundColor: 'transparent'\n});\n```\n\n## Styling\n\nThe renderer supports CSS styling through class names:\n\n- `.archlex-node` - Service nodes\n- `.archlex-edge` - Connections\n- `.archlex-label` - Text labels\n- `.archlex-icon` - Service icons\n- `.archlex-container` - Container groups\n\n## Example Output\n\n```xml\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 800 600\">\n  <g class=\"archlex-node\" data-id=\"web\">\n    <rect class=\"archlex-node-bg\" x=\"0\" y=\"0\" width=\"120\" height=\"80\"/>\n    <image class=\"archlex-icon\" href=\"data:image/svg+xml;base64,...\"/>\n    <text class=\"archlex-label\">Web Server</text>\n  </g>\n  <!-- More nodes and edges -->\n</svg>\n```\n\n## Documentation\n\nVisit [archlex.dev](https://archlex.dev) for full documentation.\n\n## License\n\nMIT\n","readmeFilename":"README.md"}