@magic-ext/oidc

Magic OIDC SDK Extension for Web environments.

12.1.0

latest

Source

npm

Version published: last month

Weekly downloads: 4.3K

Maintainers: 17

Weekly downloads

Created: 3 years ago

Source

🔒 Magic Open Id Connect for Web Browsers

Magic Open Id Connect JavaScript SDK extension.

License · Changelog · Contributing Guide

📖 Documentation

TODO once docs links are active.

🔗 Installation

Integrating your app with Magic will require our client-side NPM package and the OIDC extension:

# Via NPM:
npm install --save magic-sdk @magic-ext/oidc

# Via Yarn:
yarn add magic-sdk @magic-ext/oidc

Alternatively, you can load via CDN with by adding a script tag to your app’s <head>:

<script src="https://cdn.jsdelivr.net/npm/magic-sdk/dist/magic.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@magic-ext/oidc/dist/extension.js"></script>

⚡️ Quick Start

Sign up or log in to the developer dashboard to receive API keys that will allow your application to interact with Magic's APIs.

Request access to this feature sending the API key you want enabled to our customer support.

From your login page:

import Web3 from 'web3';
import { Magic } from 'magic-sdk';
import { OpenIdExtension } from '@magic-ext/oidc';

const magic = new Magic('YOUR_API_KEY', {
  extensions: [new OpenIdExtension()],
  network: 'mainnet', // 'mainnet' or 'testnet'
});

const DID = await magic.openid.loginWithOIDC({
  jwt: myOpenIdJwt,
  providerId: myProviderId,
});

const web3 = new Web3(magic.rpcProvider);
await web3.eth.getAccounts();

FAQs

What is @magic-ext/oidc?

Is @magic-ext/oidc popular?

Is @magic-ext/oidc well maintained?

Package last updated on 27 May 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install