!npm
!npm bundle size
!NPM

arweave-viewer

Web Component to display arweave content.

Run npx http-server to view docs

dynamic-svg-renderer

This web component takes a source code or arweave hash reference and renders a svg image that responds to attribute changes. Key Attributes are
- theme: theme string
- hue: id for generative theme.
- duration: number
- intensity: number
- depth: number
- progress: number

Source

The content of the svg can be set multiple ways
- source: url of source code. eg source="https://arweave.net/15khInB7-fbJMLokDdGBFQ4ZVdJYJ2EA8q1yokGfqRA" This can also be a dataUrl, which is useful for svg based nft.
- content: innerHtml content for the render iframe. eg content=""
- hash:arweave hash id. (will load content from url. DEPRECATED. Should use source attribute instead)
- src: ?

PROPS

- uid: optional uid id to insert into svg. For multiple images in same page if you want to reference one
optional/deprecated:
- debug: flag to switch on debug information
- style: Style string to pass into viewer card attribute