{"_id":"@andamio/andamio-badge","name":"@andamio/andamio-badge","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@andamio/andamio-badge","version":"0.1.0","description":"The <andamio-badge> web component: embed an Andamio credential badge on any site with a script tag and one element. Renders the badge card, shows honest baked-aware verified state, and links back to the credential's display page.","type":"module","main":"./andamio-badge.js","module":"./andamio-badge.js","exports":{".":"./andamio-badge.js"},"sideEffects":["./andamio-badge.js"],"keywords":["web-component","custom-element","open-badges","verifiable-credentials","cardano","andamio","credential-badge"],"publishConfig":{"access":"public","provenance":true},"repository":{"type":"git","url":"git+https://github.com/Andamio-Platform/credential-badges.git","directory":"web-component"},"homepage":"https://credentials.andamio.io","license":"Apache-2.0","engines":{"node":">=22"},"gitHead":"4bdd1c9d3607ae5c2db7dac86019bfe07daa67c4","_id":"@andamio/andamio-badge@0.1.0","bugs":{"url":"https://github.com/Andamio-Platform/credential-badges/issues"},"_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-O9AMW5Sb5lRjyf3vrTRO4NwO9SPqYKj7PwItSpgGBnSoEJcnohw/w+x7Kx9Jj/2qCpXmuDgmXKLnBdhVq29JGw==","shasum":"1657789b9b1200bae7e256e638d9b5d4b540de94","tarball":"https://registry.npmjs.org/@andamio/andamio-badge/-/andamio-badge-0.1.0.tgz","fileCount":3,"unpackedSize":10511,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCf9mCcL/WmuXugatOZWCV3hsHlM5s/6raDYnRHsFsb6wIgTxqwZaDfABuvs7HdkzESEUuLDtRTZZyHQlr0oAXfokU="}]},"_npmUser":{"name":"james-andamio","email":"james@andamio.io"},"directories":{},"maintainers":[{"name":"james-andamio","email":"james@andamio.io"},{"name":"nelsonksh","email":"nelsonksh@gimbalabs.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/andamio-badge_0.1.0_1784918178110_0.2786091546283185"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-24T18:36:17.915Z","0.1.0":"2026-07-24T18:36:18.251Z","modified":"2026-07-24T18:36:18.704Z"},"maintainers":[{"name":"james-andamio","email":"james@andamio.io"},{"name":"nelsonksh","email":"nelsonksh@gimbalabs.io"}],"description":"The <andamio-badge> web component: embed an Andamio credential badge on any site with a script tag and one element. Renders the badge card, shows honest baked-aware verified state, and links back to the credential's display page.","homepage":"https://credentials.andamio.io","keywords":["web-component","custom-element","open-badges","verifiable-credentials","cardano","andamio","credential-badge"],"repository":{"type":"git","url":"git+https://github.com/Andamio-Platform/credential-badges.git","directory":"web-component"},"bugs":{"url":"https://github.com/Andamio-Platform/credential-badges/issues"},"license":"Apache-2.0","readme":"# `@andamio/andamio-badge`\n\nThe `<andamio-badge>` web component — embed an Andamio credential badge on any\nsite with a `<script>` tag and one element. It renders the badge card (image +\ntitles + an honest, baked-aware verified-state line) and links back to the\ncredential's display page. It's the upgrade path from the iframe embed snippet.\n\n## Quick start (script tag)\n\nPaste this where the badge should appear — the [badge display page][disp] gives\nyou a snippet with the values already filled in:\n\n```html\n<script type=\"module\" src=\"https://credentials.andamio.io/embed/andamio-badge.js\"></script>\n<andamio-badge\n  stem=\"ae192632…df.e9b53431…db\"\n  module-title=\"I can find a bug in the Cardano XP app.\"\n  course-title=\"Join Cardano XP\"\n  signed></andamio-badge>\n```\n\n## Or install from npm\n\n```sh\nnpm install @andamio/andamio-badge\n```\n\n```js\nimport \"@andamio/andamio-badge\"; // defines <andamio-badge>\n```\n\nThe package is dependency-free vanilla JS — no build step required.\n\n## Attributes\n\n| Attribute | Required | Meaning |\n|-----------|----------|---------|\n| `stem` | yes | The badge id `{course_id}.{slt_hash}` (56 hex `.` 64 hex). A malformed stem renders an inert placeholder. |\n| `module-title` | recommended | The learning-target title shown on the card. |\n| `course-title` | recommended | The course title shown under it. |\n| `signed` | no (boolean) | Present only for a **signed** (baked) credential. Controls the state label. |\n| `host` | no | Override the badge host origin (must be `https://…`, no path). Defaults to `https://credentials.andamio.io`. A non-https or malformed value falls back to the default. |\n\n## Verified state is presentational — the link is the trust anchor\n\nThe `signed` attribute sets the state label (`Signed & verifiable` vs\n`Anchored on-chain`) and is provided by the badge host when it generates the\nsnippet. It is **presentational**: the load-bearing trust is the **View\ncredential** link, which opens the credential's display page on\n`credentials.andamio.io`, where the real, baked-aware verification copy lives and\nlinks to the full [how-to-check guide][check]. Only signed badges carry a\ncryptographic proof you can check with a DI-capable OB 3.0 / VC verifier; most\nbadges are presentation-only and prove themselves by their on-chain anchor. The\ncomponent never claims a signature that isn't there.\n\n## Styling\n\nThe component renders in a shadow root, so host-page CSS can't leak in. Size it\nby styling the `<andamio-badge>` element (it's `display:inline-block`); the inner\ncard exposes a `::part(card)` for light customization.\n\n[disp]: https://credentials.andamio.io\n[check]: https://credentials.andamio.io/badges/how-to-check\n","readmeFilename":"README.md","_rev":"1-29f15db16c08dcfbb2ad0182dcc4399b"}