Step 2: Load the SDK (CDN or npm)

Load Transcodes once per app: HTML / CDN (webworker.js) or @bigstrider/transcodes-sdk with init({ projectId }). Both expose the same modal and token APIs.

Option A — HTML / CDN

Authentication Toolkit (passkeys, step-up MFA, audit):

<script
  type="module"
  src="https://cdn.transcodes.link/{YOUR_PROJECT_ID}/webworker.js"
></script>

Web App Toolkit (PWA) — also add manifest and a root sw.js. Download sw.js from the Console → Web App Cluster → Installation Guide and serve it at /sw.js.

<link rel="manifest" href="https://cdn.transcodes.link/{YOUR_PROJECT_ID}/manifest.json" />
<script
  type="module"
  src="https://cdn.transcodes.link/{YOUR_PROJECT_ID}/webworker.js"
></script>

After load, use the global transcodes object (window.transcodes).

Option B — npm

Install once, then call init at your client entry (no webworker.js script tag).

npm install @bigstrider/transcodes-sdk

import { init } from '@bigstrider/transcodes-sdk';
 
await init({ projectId: 'YOUR_PROJECT_ID' });

Use named exports for modals and APIs (e.g. openAuthLoginModal, on, trackUserAction) — not window.transcodes. See Quick Integration for React, Next.js, Vue, and Vanilla examples.

Framework guides

Verify (CDN path)

In the browser console:

console.log(transcodes);
// e.g. openAuthLoginModal, token, on, trackUserAction, …