{"_id":"@caraveo/arcmark-viewer","_rev":"2-acbb725411b217c32da85c053b04a92b","name":"@caraveo/arcmark-viewer","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.1":{"name":"@caraveo/arcmark-viewer","version":"1.0.1","keywords":["arcmark","architecture","diagram","system-design","uml","web-component","viewer"],"author":{"name":"Caraveo"},"license":"MIT","_id":"@caraveo/arcmark-viewer@1.0.1","maintainers":[{"name":"caraveo","email":"caraveo@me.com"}],"homepage":"https://github.com/Caraveo/arcmark#readme","bugs":{"url":"https://github.com/Caraveo/arcmark/issues"},"dist":{"shasum":"72c01d313c24ca5f0f5bbcb474ee76126713ade5","tarball":"https://registry.npmjs.org/@caraveo/arcmark-viewer/-/arcmark-viewer-1.0.1.tgz","fileCount":4,"integrity":"sha512-hKwUH3rnw7dvkzfv04vWzsKazemCSTaalCUm94G7XLF0jOYU/SyuHXz84AmHvCxtaV1EAMb1rV5+VPmxHksCmQ==","signatures":[{"sig":"MEUCIE+NdYlV1D9gIyNsB3hVjg8sxjselicUsc+nJLvjJyJZAiEAxRMSo4VqDfGpaap38cpbtD8ny/0kiaFLAHjZXIEZnnk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10043},"main":"./src/arcmark-viewer.js","type":"module","engines":{"node":">=18"},"exports":"./src/arcmark-viewer.js","gitHead":"0a3d9137cfa1cacb39ade3dfa31a9d231bb388d2","scripts":{"test":"node --test"},"_npmUser":{"name":"caraveo","email":"caraveo@me.com"},"repository":{"url":"git+https://github.com/Caraveo/arcmark.git","type":"git","directory":"packages/arcmark-viewer"},"_npmVersion":"11.16.0","description":"A dependency-free web component for displaying ArcMark Standard .arc system diagrams.","directories":{},"_nodeVersion":"24.18.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"linkedom":"^0.18.13"},"_npmOperationalInternal":{"tmp":"tmp/arcmark-viewer_1.0.1_1784158144040_0.9000357482054133","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@caraveo/arcmark-viewer","version":"1.0.3","description":"A dependency-free web component for displaying ArcMark Standard .arc system diagrams.","type":"module","main":"./src/arcmark-viewer.js","exports":"./src/arcmark-viewer.js","scripts":{"test":"node --test"},"keywords":["arcmark","architecture","diagram","system-design","uml","web-component","viewer"],"license":"MIT","author":{"name":"Caraveo"},"repository":{"type":"git","url":"git+https://github.com/Caraveo/arcmark.git","directory":"packages/arcmark-viewer"},"bugs":{"url":"https://github.com/Caraveo/arcmark/issues"},"homepage":"https://github.com/Caraveo/arcmark#readme","engines":{"node":">=18"},"publishConfig":{"access":"public"},"devDependencies":{"linkedom":"^0.18.13"},"gitHead":"d296b81d73395bec3ffa7fc812b9af1960a49621","_id":"@caraveo/arcmark-viewer@1.0.3","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-D4oDtDY7gV2l1kqUyB8p8itDuM7yrgKY+U1H44680Uf48zav/i1JSIxaDaP43ZRT7FCl8D4HA2CtyJaVhjxEEA==","shasum":"53f47df1a915e379f36692190a4717cf57171967","tarball":"https://registry.npmjs.org/@caraveo/arcmark-viewer/-/arcmark-viewer-1.0.3.tgz","fileCount":4,"unpackedSize":11990,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCc34TTALWYY9k9fUmnAYCXKDEFj61rk4aXkxGemaCPnAIgccf2NqNSAGp9ic8cjoKneSmmUXRC8RoEwoCDvRa7hOA="}]},"_npmUser":{"name":"caraveo","email":"caraveo@me.com"},"directories":{},"maintainers":[{"name":"caraveo","email":"caraveo@me.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/arcmark-viewer_1.0.3_1784161721530_0.7133919822653347"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-15T23:29:03.896Z","modified":"2026-07-16T00:28:41.815Z","1.0.1":"2026-07-15T23:29:04.174Z","1.0.3":"2026-07-16T00:28:41.693Z"},"bugs":{"url":"https://github.com/Caraveo/arcmark/issues"},"author":{"name":"Caraveo"},"license":"MIT","homepage":"https://github.com/Caraveo/arcmark#readme","keywords":["arcmark","architecture","diagram","system-design","uml","web-component","viewer"],"repository":{"type":"git","url":"git+https://github.com/Caraveo/arcmark.git","directory":"packages/arcmark-viewer"},"description":"A dependency-free web component for displaying ArcMark Standard .arc system diagrams.","maintainers":[{"name":"caraveo","email":"caraveo@me.com"}],"readme":"# @caraveo/arcmark-viewer\n\n`@caraveo/arcmark-viewer` is the web delivery layer for Universal System Design: a dependency-free, read-only web component that turns an ArcMark `.arc` document into a useful diagram inside a Node.js web project.\n\nArcMark Studio is where a team authors the system model; this component is how that same portable model can appear in product documentation, internal portals, developer tools, and customer-facing architecture pages. It validates and accepts the ArcMark Standard v1.0.0 `.arc` format without needing a server-side renderer.\n\n## Install\n\n```bash\nnpm install @caraveo/arcmark-viewer\n```\n\nFor local development, install it from this repository:\n\n```bash\nnpm install /path/to/Universal\\ Systems\\ Design/packages/arcmark-viewer\n```\n\n## Use with a file URL\n\n```js\nimport \"@caraveo/arcmark-viewer\";\n```\n\n```html\n<arcmark-diagram src=\"/diagrams/commerce.arc\"></arcmark-diagram>\n```\n\n## Use with an XML string\n\n```js\nimport \"@caraveo/arcmark-viewer\";\n\ndocument.querySelector(\"arcmark-diagram\").data = arcDocumentText;\n```\n\nThe component emits `arcmark-load` with the parsed diagram model and `arcmark-error` when fetching or parsing fails. This makes it easy to connect a diagram to surrounding application UI, analytics, or documentation metadata.\n\nIt is a browser component, so use it in client-side code in Next.js, Vite, Express-rendered pages, Electron, and similar Node.js projects. For server-side rendering, load it only after the page reaches the browser. For a clean relationship-first export, create a **System Design Overview** from ArcMark Studio and export SVG, PNG, JPEG, or PDF.\n\n## Verify the package\n\n```bash\nnpm test\nnpm pack --dry-run\n```\n\nThe test suite exercises ArcMark XML parsing with a browser-compatible DOM implementation. The published package itself remains dependency-free at runtime.\n","readmeFilename":"README.md"}