CopyBot/create-farcaster-mini-app
1
0
Fork 0
mirror of https://github.com/neynarxyz/create-farcaster-mini-app.git synced 2025-11-16 08:08:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

Comment console.logs

Browse Source
This commit is contained in:
Shreyaschorge 2025-07-05 00:58:57 +05:30
parent 8563812b4f
commit f92becd789
No known key found for this signature in database
1 changed files with 34 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/components/ui/NeynarAuthButton.tsx
View File

@ -456,7 +456,7 @@ export function NeynarAuthButton() {
// Helper function to create a signer // Helper function to create a signer
const createSigner = useCallback(async () => { const createSigner = useCallback(async () => {
try { try {
console.log('🔧 Creating new signer...'); // console.log('🔧 Creating new signer...');
const response = await fetch('/api/auth/signer', { const response = await fetch('/api/auth/signer', {
method: 'POST', method: 'POST',
@ -467,11 +467,11 @@ export function NeynarAuthButton() {
} }
const signerData = await response.json(); const signerData = await response.json();
console.log('✅ Signer created:', signerData); // console.log('✅ Signer created:', signerData);
return signerData; return signerData;
} catch (error) { } catch (error) {
console.error('❌ Error creating signer:', error); // console.error('❌ Error creating signer:', error);
throw error; throw error;
} }
}, []); }, []);
@ -480,7 +480,7 @@ export function NeynarAuthButton() {
const generateSignedKeyRequest = useCallback( const generateSignedKeyRequest = useCallback(
async (signerUuid: string, publicKey: string) => { async (signerUuid: string, publicKey: string) => {
try { try {
console.log('🔑 Generating signed key request...'); // console.log('🔑 Generating signed key request...');
// Prepare request body // Prepare request body
const requestBody: { const requestBody: {
@ -508,7 +508,7 @@ export function NeynarAuthButton() {
} }
const data = await response.json(); const data = await response.json();
console.log('✅ Signed key request generated:', data); // console.log('✅ Signed key request generated:', data);
return data; return data;
} catch (error) { } catch (error) {
@ -523,7 +523,7 @@ export function NeynarAuthButton() {
const fetchAllSigners = useCallback( const fetchAllSigners = useCallback(
async (message: string, signature: string) => { async (message: string, signature: string) => {
try { try {
console.log('<27> Fetching all signers...'); // console.log('<27> Fetching all signers...');
setSignersLoading(true); setSignersLoading(true);
const response = await fetch( const response = await fetch(
@ -533,10 +533,10 @@ export function NeynarAuthButton() {
); );
const signerData = await response.json(); const signerData = await response.json();
console.log('<27> Signer response:', signerData); // console.log('<27> Signer response:', signerData);
if (response.ok) { if (response.ok) {
console.log('✅ Signers fetched successfully:', signerData.signers); // console.log('✅ Signers fetched successfully:', signerData.signers);
// Store signers in localStorage // Store signers in localStorage
const updatedState = updateSignersInAuthState( const updatedState = updateSignersInAuthState(
@ -564,7 +564,7 @@ export function NeynarAuthButton() {
// Helper function to poll signer status // Helper function to poll signer status
const startPolling = useCallback( const startPolling = useCallback(
(signerUuid: string, message: string, signature: string) => { (signerUuid: string, message: string, signature: string) => {
console.log('<27> Starting polling for signer:', signerUuid); // console.log('<27> Starting polling for signer:', signerUuid);
const interval = setInterval(async () => { const interval = setInterval(async () => {
try { try {
@ -577,10 +577,10 @@ export function NeynarAuthButton() {
} }
const signerData = await response.json(); const signerData = await response.json();
console.log('<27> Signer status:', signerData.status); // console.log('<27> Signer status:', signerData.status);
if (signerData.status === 'approved') { if (signerData.status === 'approved') {
console.log('🎉 Signer approved!'); // console.log('🎉 Signer approved!');
clearInterval(interval); clearInterval(interval);
setPollingInterval(null); setPollingInterval(null);
setShowDialog(false); setShowDialog(false);
@ -634,14 +634,14 @@ export function NeynarAuthButton() {
if (stored && stored.isAuthenticated) { if (stored && stored.isAuthenticated) {
setStoredAuth(stored); setStoredAuth(stored);
if (stored.signers && stored.signers.length > 0) { if (stored.signers && stored.signers.length > 0) {
console.log('📂 Loaded stored signers:', stored.signers); // console.log('📂 Loaded stored signers:', stored.signers);
} }
} }
}, []); }, []);
// Success callback - this is critical! // Success callback - this is critical!
const onSuccessCallback = useCallback((res: unknown) => { const onSuccessCallback = useCallback((res: unknown) => {
console.log('🎉 Sign in successful!', res); // console.log('🎉 Sign in successful!', res);
const authState: StoredAuthState = { const authState: StoredAuthState = {
isAuthenticated: true, isAuthenticated: true,
userData: res as StoredAuthState['userData'], userData: res as StoredAuthState['userData'],
@ -652,11 +652,6 @@ export function NeynarAuthButton() {
// setShowDialog(false); // setShowDialog(false);
}, []); }, []);
// Status response callback
const onStatusCallback = useCallback((statusData: unknown) => {
console.log('📊 Status response:', statusData);
}, []);
// Error callback // Error callback
const onErrorCallback = useCallback((error?: Error | null) => { const onErrorCallback = useCallback((error?: Error | null) => {
console.error('❌ Sign in error:', error); console.error('❌ Sign in error:', error);
@ -665,7 +660,6 @@ export function NeynarAuthButton() {
const signInState = useSignIn({ const signInState = useSignIn({
nonce: nonce || undefined, nonce: nonce || undefined,
onSuccess: onSuccessCallback, onSuccess: onSuccessCallback,
onStatusResponse: onStatusCallback,
onError: onErrorCallback, onError: onErrorCallback,
}); });
@ -687,30 +681,30 @@ export function NeynarAuthButton() {
// Connect when component mounts and we have a nonce // Connect when component mounts and we have a nonce
useEffect(() => { useEffect(() => {
if (nonce && !channelToken) { if (nonce && !channelToken) {
console.log('🔌 Connecting with nonce:', nonce); // console.log('🔌 Connecting with nonce:', nonce);
connect(); connect();
} }
}, [nonce, channelToken, connect]); }, [nonce, channelToken, connect]);
// Debug logging // Debug logging
useEffect(() => { // useEffect(() => {
console.log('🔍 Auth state:', { // console.log('🔍 Auth state:', {
isSuccess, // isSuccess,
validSignature, // validSignature,
hasData: !!data, // hasData: !!data,
isPolling, // isPolling,
isError, // isError,
storedAuth: !!storedAuth?.isAuthenticated, // storedAuth: !!storedAuth?.isAuthenticated,
}); // });
}, [isSuccess, validSignature, data, isPolling, isError, storedAuth]); // }, [isSuccess, validSignature, data, isPolling, isError, storedAuth]);
// Handle fetching signers after successful authentication // Handle fetching signers after successful authentication
useEffect(() => { useEffect(() => {
if (data?.message && data?.signature) { if (data?.message && data?.signature) {
console.log('📝 Got message and signature:', { // console.log('📝 Got message and signature:', {
message: data.message, // message: data.message,
signature: data.signature, // signature: data.signature,
}); // });
const handleSignerFlow = async () => { const handleSignerFlow = async () => {
try { try {
// Ensure we have message and signature // Ensure we have message and signature
@ -728,7 +722,7 @@ export function NeynarAuthButton() {
// Check if no signers exist // Check if no signers exist
if (!signers || signers.length === 0) { if (!signers || signers.length === 0) {
console.log('<27> No signers found, creating new signer...'); // console.log('<27> No signers found, creating new signer...');
// Step 1: Create a signer // Step 1: Create a signer
const newSigner = await createSigner(); const newSigner = await createSigner();
@ -750,7 +744,7 @@ export function NeynarAuthButton() {
} }
} else { } else {
// If signers exist, close the dialog // If signers exist, close the dialog
console.log('✅ Signers already exist, closing dialog'); // console.log('✅ Signers already exist, closing dialog');
setSignersLoading(false); setSignersLoading(false);
setShowDialog(false); setShowDialog(false);
setDialogStep('signin'); setDialogStep('signin');
@ -775,9 +769,9 @@ export function NeynarAuthButton() {
]); ]);
const handleSignIn = useCallback(() => { const handleSignIn = useCallback(() => {
console.log('🚀 Starting sign in flow...'); // console.log('🚀 Starting sign in flow...');
if (isError) { if (isError) {
console.log('🔄 Reconnecting due to error...'); // console.log('🔄 Reconnecting due to error...');
reconnect(); reconnect();
} }
setDialogStep('signin'); setDialogStep('signin');
@ -786,13 +780,13 @@ export function NeynarAuthButton() {
// Open mobile app if on mobile and URL is available // Open mobile app if on mobile and URL is available
if (url && isMobile()) { if (url && isMobile()) {
console.log('📱 Opening mobile app:', url); // console.log('📱 Opening mobile app:', url);
window.open(url, '_blank'); window.open(url, '_blank');
} }
}, [isError, reconnect, signIn, url]); }, [isError, reconnect, signIn, url]);
const handleSignOut = useCallback(() => { const handleSignOut = useCallback(() => {
console.log('👋 Signing out...'); // console.log('👋 Signing out...');
setShowDialog(false); setShowDialog(false);
signOut(); signOut();
clearAuthState(); clearAuthState();