probot-chatbot
v0.2.0
Published
Embed a ProBot AI chatbot on any website with a single script tag. BYO-key chatbot widget for job seekers.
Downloads
363
Maintainers
Readme
probot-chatbot
Install:
npm i probot-chatbot· npm: npmjs.com/package/probot-chatbot
Embed a ProBot AI chatbot on any website with a single script tag. ProBot turns your resume into an AI assistant that answers recruiters' questions in your voice, 24/7 - BYO LLM key, free and open source.
Quick start (no build step)
The fastest way - load straight from a CDN, no install:
<script
src="https://unpkg.com/probot-chatbot@latest/dist/probot-chatbot.js"
data-bot-id="YOUR_BOT_ID"
async
></script>Copy the exact snippet (with your real bot ID prefilled) from the Embed section of your ProBot dashboard. The script injects a floating chat bubble in the bottom-right corner.
Install via npm
npm i probot-chatbotThen either:
A) Serve the asset yourself - copy node_modules/probot-chatbot/dist/probot-chatbot.js into your static assets and reference it with a <script> tag (same data-bot-id attribute as above).
B) Import it in a bundler (Vite, webpack, Next.js, etc.):
<!-- somewhere in your page -->
<script data-bot-id="YOUR_BOT_ID"></script>// in your app entry - importing for its side effect mounts the widget
import "probot-chatbot";The widget reads data-bot-id from its own (or any) <script> tag on the page and mounts itself.
Configuration
| Attribute | Required | Description |
| --- | --- | --- |
| data-bot-id | yes | Your bot's ID, from the dashboard Embed section. |
| data-api-base | no | Override the platform URL (default https://pro-bot.dev). Set this if you self-host the platform. |
| async | recommended | Load without blocking page render. |
How it works
The widget is a tiny (~8 KB), dependency-free, iframe-isolated chat surface. It talks to the bot owner's hosted chat endpoint, so your LLM key is never exposed to the embedding site - the visitor uses the owner's hosted endpoint, not the key.
Links
- npm: npmjs.com/package/probot-chatbot (
npm i probot-chatbot) - Website: pro-bot.dev
- Docs: pro-bot.dev/docs
- Embed & share guide: pro-bot.dev/docs/embed-share
- Source: github.com/vishalpatil18/probot
License
MIT
