All recipes
Browser
CodeBrowserIIFE
Once you have access to the browser SDK bundle, host it on your own site and add the script below. It instruments window.fetch; use exact request hostnames in the data-services allowlist.
SDK access required
Node.js and browser packages are not on public npm yet. Contact us for access before following the installation steps. Check the SDK reference for your runtime and review what the SDK sends.
1. Add the script tag
HTML
<script
src="/assets/checkupstream-sdk.js"
data-sdk-key="cup_sdk_your_key"
data-services="api.stripe.com,api.openai.com"
async
></script>Package setup after release
After the public npm release, a site with a bundler can use the package and call init() directly.
src/checkupstream.ts
import { checkupstreamBrowser } from "@checkupstream/sdk-browser";
checkupstreamBrowser.init({
sdkKey: "cup_sdk_your_key",
});Warning
Use SDK Keys (cup_sdk_*), never API Tokens, in browser bundles. SDK Keys are publishable by design; API Tokens are secrets and the ingest endpoint refuses them.
Continue your setup
Check runtime availability and credentials before deploying an integration.