New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@clerk/clerk-react

Package Overview
Dependencies
Maintainers
9
Versions
2811
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clerk/clerk-react - npm Package Compare versions

Comparing version 3.0.0-alpha.10 to 3.0.1-alpha.0

src/hooks/utils.ts

10

dist/components/SignOutButton.d.ts

@@ -1,3 +0,9 @@

/// <reference types="react" />
import { SignOutButtonProps, WithClerkProp } from '../types';
import { SignOutCallback, SignOutOptions } from '@clerk/types';
import React from 'react';
import { WithClerkProp } from '../types';
export declare type SignOutButtonProps = {
signOutCallback?: SignOutCallback;
signOutOptions?: SignOutOptions;
children?: React.ReactNode;
};
export declare const SignOutButton: {

@@ -4,0 +10,0 @@ (props: Omit<WithClerkProp<SignOutButtonProps>, "clerk">): JSX.Element | null;

4

dist/components/SignOutButton.js

@@ -10,7 +10,7 @@ "use strict";

var { clerk, children } = _a, props = tslib_1.__rest(_a, ["clerk", "children"]);
const { signOutCallback } = props, rest = tslib_1.__rest(props, ["signOutCallback"]);
const { signOutCallback, signOutOptions } = props, rest = tslib_1.__rest(props, ["signOutCallback", "signOutOptions"]);
children = (0, utils_1.normalizeWithDefaultValue)(children, 'Sign out');
const child = (0, utils_1.assertSingleChild)(children)('SignOutButton');
const clickHandler = () => {
return clerk.signOutOne(signOutCallback);
return clerk.signOut(signOutCallback, signOutOptions);
};

@@ -17,0 +17,0 @@ const wrappedChildClickHandler = async (e) => {

2

dist/contexts/ClerkContextWrapper.js

@@ -5,3 +5,3 @@ "use strict";

const tslib_1 = require("tslib");
const react_1 = (0, tslib_1.__importDefault)(require("react"));
const react_1 = tslib_1.__importDefault(require("react"));
const ClientContext_1 = require("./ClientContext");

@@ -8,0 +8,0 @@ const IsomorphicClerkContext_1 = require("./IsomorphicClerkContext");

6

dist/hooks/useAuth.d.ts

@@ -1,3 +0,2 @@

import { GetSessionTokenOptions } from '@clerk/types';
declare type GetToken = (options?: GetSessionTokenOptions) => Promise<string | null>;
import { GetToken, SignOut } from '@clerk/types';
declare type UseAuthReturn = {

@@ -8,2 +7,3 @@ isLoaded: false;

sessionId: undefined;
signOut: SignOut;
getToken: GetToken;

@@ -15,2 +15,3 @@ } | {

sessionId: null;
signOut: SignOut;
getToken: GetToken;

@@ -22,2 +23,3 @@ } | {

sessionId: string;
signOut: SignOut;
getToken: GetToken;

@@ -24,0 +26,0 @@ };

40

dist/hooks/useAuth.js

@@ -7,2 +7,3 @@ "use strict";

const errors_1 = require("../errors");
const utils_1 = require("./utils");
/**

@@ -50,3 +51,4 @@ * Returns the current auth state, the user and session ids and the `getToken`

const isomorphicClerk = (0, IsomorphicClerkContext_1.useIsomorphicClerkContext)();
const getToken = __unstable_getToken(isomorphicClerk);
const getToken = (0, utils_1.createGetToken)(isomorphicClerk);
const signOut = (0, utils_1.createSignOut)(isomorphicClerk);
if (sessionId === undefined && userId === undefined) {

@@ -58,2 +60,3 @@ return {

userId,
signOut,
getToken,

@@ -63,6 +66,20 @@ };

if (sessionId === null && userId === null) {
return { isLoaded: true, isSignedIn: false, sessionId, userId, getToken };
return {
isLoaded: true,
isSignedIn: false,
sessionId,
userId,
signOut,
getToken,
};
}
if (!!sessionId && !!userId) {
return { isLoaded: true, isSignedIn: true, sessionId, userId, getToken };
return {
isLoaded: true,
isSignedIn: true,
sessionId,
userId,
signOut,
getToken,
};
}

@@ -72,19 +89,2 @@ throw new Error(errors_1.invalidStateError);

exports.useAuth = useAuth;
/**
* @internal
*/
const __unstable_getToken = (isomorphicClerk) => (options) => {
const loaded = new Promise(resolve => {
if (isomorphicClerk.loaded) {
resolve();
}
isomorphicClerk.addOnLoaded(resolve);
});
return loaded.then(() => {
if (isomorphicClerk.session) {
return isomorphicClerk.session.getToken(options);
}
return null;
});
};
//# sourceMappingURL=useAuth.js.map

4

dist/hooks/useSessionList.d.ts

@@ -1,8 +0,10 @@

import { SessionResource } from '@clerk/types';
import { SessionResource, SetSession } from '@clerk/types';
declare type UseSessionListReturn = {
isLoaded: false;
sessions: undefined;
setSession: undefined;
} | {
isLoaded: true;
sessions: SessionResource[];
setSession: SetSession;
};

@@ -9,0 +11,0 @@ declare type UseSessionList = () => UseSessionListReturn;

6

dist/hooks/useSessionList.js

@@ -5,10 +5,12 @@ "use strict";

const ClientContext_1 = require("../contexts/ClientContext");
const IsomorphicClerkContext_1 = require("../contexts/IsomorphicClerkContext");
const useSessionList = () => {
const isomorphicClerk = (0, IsomorphicClerkContext_1.useIsomorphicClerkContext)();
const client = (0, ClientContext_1.useClientContext)();
if (!client) {
return { isLoaded: false, sessions: undefined };
return { isLoaded: false, sessions: undefined, setSession: undefined };
}
return { isLoaded: true, sessions: client.sessions };
return { isLoaded: true, sessions: client.sessions, setSession: isomorphicClerk.setSession };
};
exports.useSessionList = useSessionList;
//# sourceMappingURL=useSessionList.js.map

4

dist/hooks/useSignIn.d.ts

@@ -1,8 +0,10 @@

import { SignInResource } from '@clerk/types';
import { SetSession, SignInResource } from '@clerk/types';
declare type UseSignInReturn = {
isLoaded: false;
signIn: undefined;
setSession: undefined;
} | {
isLoaded: true;
signIn: SignInResource;
setSession: SetSession;
};

@@ -9,0 +11,0 @@ declare type UseSignIn = () => UseSignInReturn;

6

dist/hooks/useSignIn.js

@@ -5,10 +5,12 @@ "use strict";

const ClientContext_1 = require("../contexts/ClientContext");
const IsomorphicClerkContext_1 = require("../contexts/IsomorphicClerkContext");
const useSignIn = () => {
const isomorphicClerk = (0, IsomorphicClerkContext_1.useIsomorphicClerkContext)();
const client = (0, ClientContext_1.useClientContext)();
if (!client) {
return { isLoaded: false, signIn: undefined };
return { isLoaded: false, signIn: undefined, setSession: undefined };
}
return { isLoaded: true, signIn: client.signIn };
return { isLoaded: true, signIn: client.signIn, setSession: isomorphicClerk.setSession };
};
exports.useSignIn = useSignIn;
//# sourceMappingURL=useSignIn.js.map

4

dist/hooks/useSignUp.d.ts

@@ -1,8 +0,10 @@

import { SignUpResource } from '@clerk/types';
import { SetSession, SignUpResource } from '@clerk/types';
declare type UseSignUpReturn = {
isLoaded: false;
signUp: undefined;
setSession: undefined;
} | {
isLoaded: true;
signUp: SignUpResource;
setSession: SetSession;
};

@@ -9,0 +11,0 @@ declare type UseSignUp = () => UseSignUpReturn;

6

dist/hooks/useSignUp.js

@@ -5,10 +5,12 @@ "use strict";

const ClientContext_1 = require("../contexts/ClientContext");
const IsomorphicClerkContext_1 = require("../contexts/IsomorphicClerkContext");
const useSignUp = () => {
const isomorphicClerk = (0, IsomorphicClerkContext_1.useIsomorphicClerkContext)();
const client = (0, ClientContext_1.useClientContext)();
if (!client) {
return { isLoaded: false, signUp: undefined };
return { isLoaded: false, signUp: undefined, setSession: undefined };
}
return { isLoaded: true, signUp: client.signUp };
return { isLoaded: true, signUp: client.signUp, setSession: isomorphicClerk.setSession };
};
exports.useSignUp = useSignUp;
//# sourceMappingURL=useSignUp.js.map

2

dist/hooks/utils.d.ts

@@ -5,3 +5,3 @@ import IsomorphicClerk from '../isomorphicClerk';

*/
export declare const createGetToken: (isomorphicClerk: IsomorphicClerk) => (options: any) => Promise<string | null>;
export declare const createGetToken: (isomorphicClerk: IsomorphicClerk) => (options: any) => Promise<string>;
/**

@@ -8,0 +8,0 @@ * @internal

6

dist/hooks/utils.js

@@ -20,6 +20,6 @@ "use strict";

await clerkLoaded(isomorphicClerk);
if (isomorphicClerk.session) {
return isomorphicClerk.session.getToken(options);
if (!isomorphicClerk.session) {
throw new Error('getToken cannot be called without a session. Check if sessionId has a value before calling getToken');
}
return null;
return isomorphicClerk.session.getToken(options);
};

@@ -26,0 +26,0 @@ exports.createGetToken = createGetToken;

2

dist/info.d.ts
/** DO NOT EDIT: This file is automatically generated by ../scripts/info.js */
export declare const LIB_VERSION = "3.0.0-alpha.10";
export declare const LIB_VERSION = "3.0.1-alpha.0";
export declare const LIB_NAME = "@clerk/clerk-react";
//# sourceMappingURL=info.d.ts.map

2

dist/info.js

@@ -5,4 +5,4 @@ "use strict";

/** DO NOT EDIT: This file is automatically generated by ../scripts/info.js */
exports.LIB_VERSION = '3.0.0-alpha.10';
exports.LIB_VERSION = '3.0.1-alpha.0';
exports.LIB_NAME = '@clerk/clerk-react';
//# sourceMappingURL=info.js.map

5

dist/isomorphicClerk.d.ts

@@ -1,2 +0,2 @@

import type { ActiveSessionResource, AuthenticateWithMetamaskParams, ClientResource, CreateOrganizationParams, HandleMagicLinkVerificationParams, HandleOAuthCallbackParams, OrganizationMembershipResource, OrganizationResource, InitialState, RedirectOptions, Resources, SignInProps, SignOutCallback, SignUpProps, UserButtonProps, UserProfileProps, UserResource } from '@clerk/types';
import type { ActiveSessionResource, AuthenticateWithMetamaskParams, ClientResource, CreateOrganizationParams, HandleMagicLinkVerificationParams, HandleOAuthCallbackParams, InitialState, OrganizationMembershipResource, OrganizationResource, RedirectOptions, Resources, SignInProps, SignOut, SignUpProps, UserButtonProps, UserProfileProps, UserResource } from '@clerk/types';
import type { BrowserClerk, ClerkProp, IsomorphicClerkOptions } from './types';

@@ -58,5 +58,4 @@ export interface Global {

getOrganization: (organizationId: string) => Promise<OrganizationResource | undefined | void>;
signOut: (signOutCallback?: SignOutCallback | undefined) => Promise<void>;
signOutOne: (signOutCallback?: SignOutCallback | undefined) => Promise<void>;
signOut: SignOut;
}
//# sourceMappingURL=isomorphicClerk.d.ts.map

13

dist/isomorphicClerk.js

@@ -255,4 +255,4 @@ "use strict";

};
this.signOut = async (signOutCallback) => {
const callback = () => { var _a; return (_a = this.clerkjs) === null || _a === void 0 ? void 0 : _a.signOut(signOutCallback); };
this.signOut = async (signOutCallbackOrOptions, options) => {
const callback = () => { var _a; return (_a = this.clerkjs) === null || _a === void 0 ? void 0 : _a.signOut(signOutCallbackOrOptions, options); };
if (this.clerkjs && this._loaded) {

@@ -265,11 +265,2 @@ return callback();

};
this.signOutOne = async (signOutCallback) => {
const callback = () => { var _a; return (_a = this.clerkjs) === null || _a === void 0 ? void 0 : _a.signOutOne(signOutCallback); };
if (this.clerkjs && this._loaded) {
return callback();
}
else {
this.premountMethodCalls.set('signOutOne', callback);
}
};
this.frontendApi = frontendApi;

@@ -276,0 +267,0 @@ this.options = options;

6

dist/types.d.ts
/// <reference types="react" />
import type { Clerk, ClerkOptions, ClientResource, LoadedClerk, RedirectOptions, SignOutCallback, UserResource } from '@clerk/types';
import type { Clerk, ClerkOptions, ClientResource, LoadedClerk, RedirectOptions, UserResource } from '@clerk/types';
export interface IsomorphicClerkOptions extends ClerkOptions {

@@ -38,8 +38,4 @@ clerkJSUrl?: string;

export declare type SignInWithMetamaskButtonProps = Pick<ButtonProps, 'redirectUrl' | 'children'>;
export declare type SignOutButtonProps = {
signOutCallback?: SignOutCallback;
children?: React.ReactNode;
};
export declare type RedirectToProps = RedirectOptions;
export {};
//# sourceMappingURL=types.d.ts.map

2

dist/useMagicLink.js

@@ -5,3 +5,3 @@ "use strict";

const tslib_1 = require("tslib");
const react_1 = (0, tslib_1.__importDefault)(require("react"));
const react_1 = tslib_1.__importDefault(require("react"));
function useMagicLink(resource) {

@@ -8,0 +8,0 @@ const { startMagicLinkFlow, cancelMagicLinkFlow } = react_1.default.useMemo(() => resource.createMagicLinkFlow(), [resource]);

6

package.json
{
"name": "@clerk/clerk-react",
"version": "3.0.0-alpha.10",
"version": "3.0.1-alpha.0",
"license": "MIT",

@@ -31,3 +31,3 @@ "description": "Clerk.dev React library",

"dependencies": {
"@clerk/types": "^2.0.0-alpha.9",
"@clerk/types": "^2.0.1-alpha.0",
"tslib": "^2.3.1"

@@ -71,3 +71,3 @@ },

"homepage": "https://clerk.dev/",
"gitHead": "512055698ef62a9c760afb092aac0ca33a8e5408"
"gitHead": "c452dd2bbf65275752616dc1c61eb6612025a26c"
}

51

src/hooks/useAuth.ts

@@ -1,2 +0,2 @@

import { GetSessionTokenOptions } from '@clerk/types';
import { GetToken, SignOut } from '@clerk/types';

@@ -6,6 +6,4 @@ import { useAuthContext } from '../contexts/AuthContext';

import { invalidStateError } from '../errors';
import IsomorphicClerk from '../isomorphicClerk';
import { createGetToken, createSignOut } from './utils';
type GetToken = (options?: GetSessionTokenOptions) => Promise<string | null>;
type UseAuthReturn =

@@ -17,2 +15,3 @@ | {

sessionId: undefined;
signOut: SignOut;
getToken: GetToken;

@@ -25,2 +24,3 @@ }

sessionId: null;
signOut: SignOut;
getToken: GetToken;

@@ -33,2 +33,3 @@ }

sessionId: string;
signOut: SignOut;
getToken: GetToken;

@@ -82,3 +83,4 @@ };

const getToken: GetToken = __unstable_getToken(isomorphicClerk);
const getToken: GetToken = createGetToken(isomorphicClerk);
const signOut: SignOut = createSignOut(isomorphicClerk);

@@ -91,2 +93,3 @@ if (sessionId === undefined && userId === undefined) {

userId,
signOut,
getToken,

@@ -97,7 +100,21 @@ };

if (sessionId === null && userId === null) {
return { isLoaded: true, isSignedIn: false, sessionId, userId, getToken };
return {
isLoaded: true,
isSignedIn: false,
sessionId,
userId,
signOut,
getToken,
};
}
if (!!sessionId && !!userId) {
return { isLoaded: true, isSignedIn: true, sessionId, userId, getToken };
return {
isLoaded: true,
isSignedIn: true,
sessionId,
userId,
signOut,
getToken,
};
}

@@ -107,21 +124,1 @@

};
/**
* @internal
*/
const __unstable_getToken =
(isomorphicClerk: IsomorphicClerk) => (options: any) => {
const loaded = new Promise<void>(resolve => {
if (isomorphicClerk.loaded) {
resolve();
}
isomorphicClerk.addOnLoaded(resolve);
});
return loaded.then(() => {
if (isomorphicClerk.session) {
return isomorphicClerk.session.getToken(options);
}
return null;
});
};

12

src/hooks/useSessionList.ts

@@ -1,8 +0,9 @@

import { SessionResource } from '@clerk/types';
import { SessionResource, SetSession } from '@clerk/types';
import { useClientContext } from '../contexts/ClientContext';
import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
type UseSessionListReturn =
| { isLoaded: false; sessions: undefined }
| { isLoaded: true; sessions: SessionResource[] };
| { isLoaded: false; sessions: undefined; setSession: undefined }
| { isLoaded: true; sessions: SessionResource[]; setSession: SetSession };

@@ -12,9 +13,10 @@ type UseSessionList = () => UseSessionListReturn;

export const useSessionList: UseSessionList = () => {
const isomorphicClerk = useIsomorphicClerkContext();
const client = useClientContext();
if (!client) {
return { isLoaded: false, sessions: undefined };
return { isLoaded: false, sessions: undefined, setSession: undefined };
}
return { isLoaded: true, sessions: client.sessions };
return { isLoaded: true, sessions: client.sessions, setSession: isomorphicClerk.setSession };
};

12

src/hooks/useSignIn.ts

@@ -1,8 +0,9 @@

import { SignInResource } from '@clerk/types';
import { SetSession, SignInResource } from '@clerk/types';
import { useClientContext } from '../contexts/ClientContext';
import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
type UseSignInReturn =
| { isLoaded: false; signIn: undefined }
| { isLoaded: true; signIn: SignInResource };
| { isLoaded: false; signIn: undefined; setSession: undefined }
| { isLoaded: true; signIn: SignInResource; setSession: SetSession };

@@ -12,9 +13,10 @@ type UseSignIn = () => UseSignInReturn;

export const useSignIn: UseSignIn = () => {
const isomorphicClerk = useIsomorphicClerkContext();
const client = useClientContext();
if (!client) {
return { isLoaded: false, signIn: undefined };
return { isLoaded: false, signIn: undefined, setSession: undefined };
}
return { isLoaded: true, signIn: client.signIn };
return { isLoaded: true, signIn: client.signIn, setSession: isomorphicClerk.setSession };
};

12

src/hooks/useSignUp.ts

@@ -1,8 +0,9 @@

import { SignUpResource } from '@clerk/types';
import { SetSession, SignUpResource } from '@clerk/types';
import { useClientContext } from '../contexts/ClientContext';
import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
type UseSignUpReturn =
| { isLoaded: false; signUp: undefined }
| { isLoaded: true; signUp: SignUpResource };
| { isLoaded: false; signUp: undefined; setSession: undefined }
| { isLoaded: true; signUp: SignUpResource; setSession: SetSession };

@@ -12,9 +13,10 @@ type UseSignUp = () => UseSignUpReturn;

export const useSignUp: UseSignUp = () => {
const isomorphicClerk = useIsomorphicClerkContext();
const client = useClientContext();
if (!client) {
return { isLoaded: false, signUp: undefined };
return { isLoaded: false, signUp: undefined, setSession: undefined };
}
return { isLoaded: true, signUp: client.signUp };
return { isLoaded: true, signUp: client.signUp, setSession: isomorphicClerk.setSession };
};

2

src/info.ts
/** DO NOT EDIT: This file is automatically generated by ../scripts/info.js */
export const LIB_VERSION='3.0.0-alpha.10';
export const LIB_VERSION='3.0.1-alpha.0';
export const LIB_NAME='@clerk/clerk-react';

21

src/isomorphicClerk.ts

@@ -8,9 +8,11 @@ import type {

HandleOAuthCallbackParams,
InitialState,
OrganizationMembershipResource,
OrganizationResource,
InitialState,
RedirectOptions,
Resources,
SignInProps,
SignOut,
SignOutCallback,
SignOutOptions,
SignUpProps,

@@ -465,4 +467,8 @@ UserButtonProps,

signOut = async (signOutCallback?: SignOutCallback): Promise<void> => {
const callback = () => this.clerkjs?.signOut(signOutCallback);
signOut: SignOut = async (
signOutCallbackOrOptions?: SignOutCallback | SignOutOptions,
options?: SignOutOptions,
): Promise<void> => {
const callback = () =>
this.clerkjs?.signOut(signOutCallbackOrOptions as any, options);
if (this.clerkjs && this._loaded) {

@@ -474,11 +480,2 @@ return callback() as Promise<void>;

};
signOutOne = async (signOutCallback?: SignOutCallback): Promise<void> => {
const callback = () => this.clerkjs?.signOutOne(signOutCallback);
if (this.clerkjs && this._loaded) {
return callback() as Promise<void>;
} else {
this.premountMethodCalls.set('signOutOne', callback);
}
};
}

26

src/types.ts

@@ -1,10 +0,2 @@

import type {
Clerk,
ClerkOptions,
ClientResource,
LoadedClerk,
RedirectOptions,
SignOutCallback,
UserResource,
} from '@clerk/types';
import type { Clerk, ClerkOptions, ClientResource, LoadedClerk, RedirectOptions, UserResource } from '@clerk/types';

@@ -38,7 +30,3 @@ export interface IsomorphicClerkOptions extends ClerkOptions {

export type ClerkProp =
| BrowserClerkConstructor
| BrowserClerk
| undefined
| null;
export type ClerkProp = BrowserClerkConstructor | BrowserClerk | undefined | null;

@@ -56,12 +44,4 @@ type ButtonProps = {

export type SignInWithMetamaskButtonProps = Pick<
ButtonProps,
'redirectUrl' | 'children'
>;
export type SignInWithMetamaskButtonProps = Pick<ButtonProps, 'redirectUrl' | 'children'>;
export type SignOutButtonProps = {
signOutCallback?: SignOutCallback;
children?: React.ReactNode;
};
export type RedirectToProps = RedirectOptions;
dist/components/SignOutButton.d.ts.map

Sorry, the diff of this file is not supported yet

dist/components/SignOutButton.js.map

Sorry, the diff of this file is not supported yet

dist/contexts/ClerkContextWrapper.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/useAuth.d.ts.map

Sorry, the diff of this file is not supported yet

dist/hooks/useAuth.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSessionList.d.ts.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSessionList.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSignIn.d.ts.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSignIn.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSignUp.d.ts.map

Sorry, the diff of this file is not supported yet

dist/hooks/useSignUp.js.map

Sorry, the diff of this file is not supported yet

dist/hooks/utils.d.ts.map

Sorry, the diff of this file is not supported yet

dist/hooks/utils.js.map

Sorry, the diff of this file is not supported yet

dist/info.d.ts.map

Sorry, the diff of this file is not supported yet

dist/info.js.map

Sorry, the diff of this file is not supported yet

dist/isomorphicClerk.d.ts.map

Sorry, the diff of this file is not supported yet

dist/isomorphicClerk.js.map

Sorry, the diff of this file is not supported yet

dist/types.d.ts.map

Sorry, the diff of this file is not supported yet

dist/useMagicLink.js.map

Sorry, the diff of this file is not supported yet

src/components/SignOutButton.test.tsx

Sorry, the diff of this file is not supported yet

src/components/SignOutButton.tsx

Sorry, the diff of this file is not supported yet