Install the SDK on Web

This guide will teach you how to get started with the Genius Scan SDK for the Web.

Setup

Install the SDK

Add @thegrizzlylabs/web-geniusscan-sdk to your project:

npm install --save @thegrizzlylabs/web-geniusscan-sdk

Alternatively, you can load the library directly from a CDN using a script tag:

<script src="https://cdn.jsdelivr.net/npm/@thegrizzlylabs/web-geniusscan-sdk@latest/dist/geniusscan-sdk.iife.js"></script>

Note: For production use, we recommend using a fixed version number instead of @latest to ensure consistent behavior.

Content Security Policy

If your page uses Content Security Policy (CSP), you will need the following exceptions for the Genius Scan SDK:

connect-src 'self' data:;
worker-src 'self' blob:;
script-src 'self' 'unsafe-eval';
style-src 'self' 'unsafe-inline';

SDK Size

The Web SDK is distributed as a JavaScript package. When integrated into your application, it will increase your bundle size by approximately 2.5 MB (minified and gzipped).

What’s Next?

Next, configure a license key.