Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update PKP social auth project to be on cayenne #233

Merged
merged 8 commits into from
Oct 19, 2023
Merged

Update PKP social auth project to be on cayenne #233

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
0a43820
Update project to be on cayenne
debbly Oct 11, 2023
534b1dd
Update package.json
debbly Oct 11, 2023
19e1a33
Update to cayenne on 3.0.6 and above
debbly Oct 12, 2023
9e5aa6d
Update example, now running
debbly Oct 17, 2023
c1cc696
Updated example to run with nextjs
debbly Oct 17, 2023
169f116
Revert "Updated example to run with nextjs"
debbly Oct 17, 2023
42a78a9
Revert "Update example, now running"
debbly Oct 17, 2023
9928737
Update to package.json
debbly Oct 17, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 15 additions & 11 deletions apps/demo-pkp-social-auth-next-ts/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,26 +9,30 @@
"lint": "next lint"
},
"dependencies": {
"@lit-protocol/auth-helpers": "file:../../packages/auth-helpers",
"@lit-protocol/constants": "file:../../packages/constants",
"@lit-protocol/lit-auth-client": "file:../../packages/lit-auth-client",
"@lit-protocol/pkp-ethers": "file:../../packages/pkp-ethers",
"@lit-protocol/types": "file:../../packages/types",
"@lit-protocol/auth-helpers": "^3.0.5",
"@lit-protocol/constants": "^3.0.5",
"@lit-protocol/lit-auth-client": "^3.0.5",
"@lit-protocol/pkp-ethers": "^3.0.5",
"@lit-protocol/types": "^3.0.5",
"@radix-ui/react-radio-group": "^1.1.3",
"@stytch/nextjs": "^9.0.0",
"@stytch/vanilla-js": "^3.0.1",
Copy link
Contributor

@sarahzdev sarahzdev Oct 11, 2023 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove the @stytch/vanilla-js package

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it's needed here bc it's a dependency with the stytch package!

"dotenv": "^16.3.1",
"eslint": "8.36.0",
"eslint-config-next": "13.2.4",
"eslint-config-next": "^13.5.4",
"eslint-config-prettier": "^8.8.0",
"ethers": "^5",
"next": "13.2.4",
"next": "^13.5.4",
"prettier": "^2.8.7",
"react": "18.2.0",
"react-dom": "18.2.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"stytch": "^9.0.2",
Copy link
Contributor

@sarahzdev sarahzdev Oct 11, 2023 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove the stytch package

"wagmi": "^0.12.8"
},
"devDependencies": {
"@types/node": "18.15.11",
"@types/react": "18.0.31",
"sass": "^1.64.2"
"@types/react": "18.2.28",
"sass": "^1.64.2",
"typescript": "5.2.2"
}
}
123 changes: 0 additions & 123 deletions apps/demo-pkp-social-auth-next-ts/src/components/EmailSMSAuth.tsx
View file
Open in desktop

This file was deleted.

10 changes: 0 additions & 10 deletions apps/demo-pkp-social-auth-next-ts/src/components/LoginMethods.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import { useState } from 'react';

import AuthMethods from './AuthMethods';
import EmailSMSAuth from './EmailSMSAuth';
import WalletMethods from './WalletMethods';
import WebAuthn from './WebAuthn';
import StytchOTP from './StytchOTP';
Expand All @@ -10,7 +9,6 @@ interface LoginProps {
handleGoogleLogin: () => Promise<void>;
handleDiscordLogin: () => Promise<void>;
authWithEthWallet: any;
authWithOTP: any;
authWithWebAuthn: any;
authWithStytch: any;
signUp: any;
Expand All @@ -23,7 +21,6 @@ export default function LoginMethods({
handleGoogleLogin,
handleDiscordLogin,
authWithEthWallet,
authWithOTP,
authWithWebAuthn,
authWithStytch,
signUp,
Expand Down Expand Up @@ -55,13 +52,6 @@ export default function LoginMethods({
</div>
</>
)}
{view === 'email' && (
<EmailSMSAuth
method={'email'}
setView={setView}
authWithOTP={authWithOTP}
/>
)}
{/* {view === 'phone' && (
<EmailSMSAuth
method={'phone'}
Expand Down
10 changes: 0 additions & 10 deletions apps/demo-pkp-social-auth-next-ts/src/components/SignUpMethods.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import { useState } from 'react';

import AuthMethods from './AuthMethods';
import EmailSMSAuth from './EmailSMSAuth';
import WalletMethods from './WalletMethods';
import WebAuthn from './WebAuthn';
import StytchOTP from './StytchOTP';
Expand All @@ -10,7 +9,6 @@ interface SignUpProps {
handleGoogleLogin: () => Promise<void>;
handleDiscordLogin: () => Promise<void>;
authWithEthWallet: any;
authWithOTP: any;
registerWithWebAuthn: any;
authWithWebAuthn: any;
authWithStytch: any;
Expand All @@ -24,7 +22,6 @@ export default function SignUpMethods({
handleGoogleLogin,
handleDiscordLogin,
authWithEthWallet,
authWithOTP,
registerWithWebAuthn,
authWithWebAuthn,
authWithStytch,
Expand Down Expand Up @@ -65,13 +62,6 @@ export default function SignUpMethods({
</div>
</>
)}
{view === 'email' && (
<EmailSMSAuth
method={'email'}
setView={setView}
authWithOTP={authWithOTP}
/>
)}
{/* {view === 'phone' && (
<EmailSMSAuth
method={'phone'}
Expand Down
20 changes: 0 additions & 20 deletions apps/demo-pkp-social-auth-next-ts/src/hooks/useAuthenticate.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import {
authenticateWithDiscord,
authenticateWithEthWallet,
authenticateWithWebAuthn,
authenticateWithOTP,
authenticateWithStytch,
} from '../utils/lit';
import { useConnect } from 'wagmi';
Expand Down Expand Up @@ -119,24 +118,6 @@ export default function useAuthenticate(redirectUri?: string) {
[]
);

/**
* Authenticate with OTP
*/
const authWithOTP = useCallback(async (code: string): Promise<void> => {
setLoading(true);
setError(undefined);
setAuthMethod(undefined);

try {
const result: AuthMethod = (await authenticateWithOTP(code)) as any;
setAuthMethod(result);
} catch (err) {
setError(err);
} finally {
setLoading(false);
}
}, []);

/**
* Authenticate with Stytch
*/
Expand Down Expand Up @@ -177,7 +158,6 @@ export default function useAuthenticate(redirectUri?: string) {
return {
authWithEthWallet,
authWithWebAuthn,
authWithOTP,
authWithStytch,
authMethod,
loading,
Expand Down
2 changes: 0 additions & 2 deletions apps/demo-pkp-social-auth-next-ts/src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,6 @@ export default function SignUpView() {
const {
authMethod,
authWithEthWallet,
authWithOTP,
authWithWebAuthn,
authWithStytch,
loading: authLoading,
Expand Down Expand Up @@ -98,7 +97,6 @@ export default function SignUpView() {
handleGoogleLogin={handleGoogleLogin}
handleDiscordLogin={handleDiscordLogin}
authWithEthWallet={authWithEthWallet}
authWithOTP={authWithOTP}
registerWithWebAuthn={registerWithWebAuthn}
authWithWebAuthn={authWithWebAuthn}
authWithStytch={authWithStytch}
Expand Down
2 changes: 0 additions & 2 deletions apps/demo-pkp-social-auth-next-ts/src/pages/login.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,6 @@ export default function LoginView() {
const {
authMethod,
authWithEthWallet,
authWithOTP,
authWithWebAuthn,
authWithStytch,
loading: authLoading,
Expand Down Expand Up @@ -130,7 +129,6 @@ export default function LoginView() {
handleGoogleLogin={handleGoogleLogin}
handleDiscordLogin={handleDiscordLogin}
authWithEthWallet={authWithEthWallet}
authWithOTP={authWithOTP}
authWithWebAuthn={authWithWebAuthn}
authWithStytch={authWithStytch}
signUp={goToSignUp}
Expand Down
35 changes: 0 additions & 35 deletions apps/demo-pkp-social-auth-next-ts/src/utils/lit.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@ import {
EthWalletProvider,
WebAuthnProvider,
LitAuthClient,
OtpProvider,
} from '@lit-protocol/lit-auth-client';
import { LitNodeClient } from '@lit-protocol/lit-node-client';
import { AuthMethodType, ProviderType } from '@lit-protocol/constants';
Expand All @@ -13,7 +12,6 @@ import {
AuthMethod,
GetSessionSigsProps,
IRelayPKP,
ProviderOptions,
SessionSigs,
} from '@lit-protocol/types';

Expand All @@ -34,12 +32,6 @@ export const litAuthClient: LitAuthClient = new LitAuthClient({
// relayUrl: 'http://localhost:3001',
relayApiKey: 'test-api-key',
},
litOtpConfig: {
baseUrl: 'https://auth-api.litgateway.com',
port: '443',
startRoute: '/api/otp/start',
checkRoute: '/api/otp/check',
},
litNodeClient,
});

Expand Down Expand Up @@ -161,31 +153,6 @@ export async function authenticateWithWebAuthn(): Promise<
return authMethod;
}

/**
* Send OTP code to user
*/
export async function sendOTPCode(emailOrPhone: string) {
const otpProvider = litAuthClient.initProvider<OtpProvider>(
ProviderType.Otp,
{
userId: emailOrPhone,
} as unknown as ProviderOptions
);
const status = await otpProvider.sendOtpCode();
return status;
}

/**
* Get auth method object by validating the OTP code
*/
export async function authenticateWithOTP(
code: string
): Promise<AuthMethod | undefined> {
const otpProvider = litAuthClient.getProvider(ProviderType.Otp);
const authMethod = await otpProvider?.authenticate({ code });
return authMethod;
}

/**
* Get auth method object by validating Stytch JWT
*/
Expand Down Expand Up @@ -309,8 +276,6 @@ function getProviderByAuthMethod(authMethod: AuthMethod) {
return litAuthClient.getProvider(ProviderType.EthWallet);
case AuthMethodType.WebAuthn:
return litAuthClient.getProvider(ProviderType.WebAuthn);
case AuthMethodType.OTP:
return litAuthClient.getProvider(ProviderType.Otp);
case AuthMethodType.StytchOtp:
return litAuthClient.getProvider(ProviderType.StytchOtp);
default:
Expand Down
Loading