JSPM

@claracom/convai-widget-embed

1.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 11
  • Score
    100M100P100Q58315F
  • License MIT

Drop-in build of @elevenlabs/convai-widget-embed with Clara footer (same ElevenLabs UI + ConvAI behavior).

Package Exports

  • @claracom/convai-widget-embed
  • @claracom/convai-widget-embed/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@claracom/convai-widget-embed) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@claracom/convai-widget-embed

Same bundle as @elevenlabs/convai-widget-embed (ElevenLabs ConvAI widget UI and session). Only the default “Powered by” link is changed: ElevenAgents → Clara, default https://elevenlabs.io/agents → https://www.askclara.co.

This is not the separate clara-convai-widget UI—it is the vendor minified dist/index.js with a tiny string patch (scripts/build-fork.mjs).

Use

Webhook API (production): swiftclinic-webhook-api prebuild builds this package and copy-widget.js writes
dist/public/clara-convai-widget-embed.js. It is served at /public/clara-convai-widget-embed.js.
Clara Admin’s widget cleaner defaults to {NEXT_PUBLIC_WEBHOOK_API_URL}/public/clara-convai-widget-embed.js.

npm / CDN (optional):

<elevenlabs-convai agent-id="agent_…"></elevenlabs-convai>
<script
  src="https://unpkg.com/@claracom/convai-widget-embed@1.0.2/dist/index.js"
  async
  type="text/javascript"
></script>

override-link on the element still overrides the href when set.

First-time: npm org @claracom

  1. On npmjs.com, ensure the claracom organization exists and your npm user can publish scoped packages under @claracom (or change the name in package.json to a scope you own).
  2. Ensure your npm user is a member of that org with permission to publish packages.

Publish (local)

cd clara-convai-widget-embed
npm install
npm login   # if not already logged in
npm publish --access public

Scoped packages must use --access public on the first publish (publishConfig.access is already set).

Publish (GitHub Actions)

  1. Create an npm Access Token (type: Automation or Publish) at npmjs.com/settings/tokens.
  2. In the repo: Settings → Secrets and variables → Actions → add NPM_TOKEN (user or org token with publish rights to @claracom).
  3. Run workflow Publish @claracom/convai-widget-embed (Actions tab → workflow_dispatch).

After upstream changes

When ElevenLabs ships a new convai-widget-embed, bump devDependencies["@elevenlabs/convai-widget-embed"], run npm install, run build, fix scripts/build-fork.mjs if minified strings moved, then semver-bump this package and publish again.

ElevenLabs package is MIT. This package redistributes a modified build; keep their license notice in your product docs as appropriate.