Installation
The Circadify Web SDK is distributed as a private npm package on GitHub Packages. Authorized customers install it with npm install @circadify/web-sdk after a one-time .npmrc setup.
Get registry access
Section titled “Get registry access”@circadify/web-sdk is a private package — you need read access on the @circadify GitHub Packages scope before you can install it.
-
Send Circadify the GitHub username of the engineer (or service account) who will install the SDK. After your enterprise agreement is signed, support grants that user read access on
@circadify/web-sdkand confirms by email. -
Mint a Personal Access Token as the granted user at github.com/settings/tokens/new with the
read:packagesscope (no other scopes required). Save theghp_…token — GitHub only shows it once. -
Configure npm by creating a project-level
.npmrcnext to yourpackage.json:.npmrc @circadify:registry=https://npm.pkg.github.com//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN} -
Export the token so npm picks it up at install time:
Terminal window export GITHUB_TOKEN=ghp_your_read_packages_token
This tells npm that anything under the @circadify scope is fetched from GitHub Packages with your token; every other package continues to come from the public npm registry.
Package Manager
Section titled “Package Manager”Once the registry is configured and your token is exported, install @circadify/web-sdk with your preferred package manager. The SDK ships as ESM with a CommonJS fallback.
npm install @circadify/web-sdkyarn add @circadify/web-sdkpnpm add @circadify/web-sdkRequirements
Section titled “Requirements”- Bundle size: ~38 KB (ESM core). WebAssembly modules (~6 MB) are lazy-loaded from CDN on first use and cached by the browser.
- HTTPS: Required for camera access.
localhostworks during development. - Browser support:
| Browser | Minimum Version |
|---|---|
| Chrome | 80+ |
| Firefox | 75+ |
| Safari | 14+ |
| Edge | 80+ |
- Required browser APIs:
| API | Purpose |
|---|---|
| WebAssembly | Vision Engine execution (face detection, skin region extraction) |
| Web Workers | Background frame processing |
MediaDevices (navigator.mediaDevices) | Camera stream access |
| WebGL (optional) | Hardware-accelerated frame processing; falls back to Canvas 2D |
TypeScript Support
Section titled “TypeScript Support”The SDK ships with full TypeScript definitions included. No additional @types package is needed.
import { CircadifySDK, CircadifyError, CircadifyErrorCode, type CircadifyConfig, type VitalSignsResult, type ProgressEvent, type QualityWarning,} from '@circadify/web-sdk';All public interfaces, callback signatures, and error types are exported. TypeScript 4.7 or later is recommended for full ESM support.
Next Steps
Section titled “Next Steps”- Configuration — Configure the SDK for your use case
- Quick Start — End-to-end getting started guide