You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

@magic-ext/oidc

Package Overview
Dependencies
Maintainers
17
Versions
769
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@magic-ext/oidc

Magic OIDC SDK Extension for Web environments.

12.4.1
latest
Source
npmnpm
Version published
Weekly downloads
0
Maintainers
17
Weekly downloads
 
Created
Source

🔒 Magic Open Id Connect for Web Browsers

<MagicLabs>

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

Package last updated on 01 Aug 2025

Did you know?

Socket

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

Related posts