Skip to content

Commit

Permalink
debug
Browse files Browse the repository at this point in the history
  • Loading branch information
cpcramer committed Dec 10, 2024
1 parent 2d9183f commit d3d1f9f
Show file tree
Hide file tree
Showing 4 changed files with 46 additions and 6 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ You can find your Coinbase Commerce API key on [Coinbase Commerce](https://beta.

```sh
# See https://portal.cdp.coinbase.com/products/onchainkit
NEXT_PRIVATE_ONCHAINKIT_API_KEYY="GET_FROM_COINBASE_DEVELOPER_PLATFORM"
NEXT_PUBLIC_ONCHAINKIT_API_KEY="GET_FROM_COINBASE_DEVELOPER_PLATFORM"

# See https://beta.commerce.coinbase.com/
NEXT_PRIVATE_COINBASE_COMMERCE_API_KEY="GET_FROM_COINBASE_COMMERCE"
Expand Down
4 changes: 2 additions & 2 deletions src/components/OnchainProviders.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import type { ReactNode } from 'react';
import { base } from 'viem/chains';
import { WagmiProvider } from 'wagmi';
import { NEXT_PRIVATE_ONCHAINKIT_API_KEY } from '../config';
import { NEXT_PUBLIC_ONCHAINKIT_API_KEY } from '../config';
import { wagmiConfig } from '../wagmi';

type Props = { children: ReactNode };
Expand All @@ -16,7 +16,7 @@ function OnchainProviders({ children }: Props) {
<WagmiProvider config={wagmiConfig}>
<QueryClientProvider client={queryClient}>
<OnchainKitProvider
apiKey={NEXT_PRIVATE_ONCHAINKIT_API_KEY}
apiKey={NEXT_PUBLIC_ONCHAINKIT_API_KEY}
chain={base}
config={{ appearance: { theme: 'base' } }}
>
Expand Down
21 changes: 19 additions & 2 deletions src/config.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
// Add this debugging at the top of the file
console.log('=== Environment Variables Debug ===');
console.log({
commerceKey: process.env.NEXT_PRIVATE_COINBASE_COMMERCE_API_KEY,
onchainKitKey: process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY,
nodeEnv: process.env.NODE_ENV,
});

// Add your API key from Coinbase Commerce
export const COINBASE_COMMERCE_API_KEY =
process.env.NEXT_PRIVATE_COINBASE_COMMERCE_API_KEY || '';
Expand All @@ -7,5 +15,14 @@ export const NEXT_PUBLIC_URL =
? 'http://localhost:3000'
: 'https://onchain-commerce-template.vercel.app';
// Add your API KEY from the Coinbase Developer Portal
export const NEXT_PRIVATE_ONCHAINKIT_API_KEY =
process.env.NEXT_PRIVATE_ONCHAINKIT_API_KEY;
export const NEXT_PUBLIC_ONCHAINKIT_API_KEY =
process.env.NEXT_PUBLIC_ONCHAINKIT_API_KEY || '';

// Add validation
if (!NEXT_PUBLIC_ONCHAINKIT_API_KEY) {
console.warn('Missing NEXT_PUBLIC_ONCHAINKIT_API_KEY environment variable');
}

if (!COINBASE_COMMERCE_API_KEY) {
console.warn('Missing NEXT_PRIVATE_COINBASE_COMMERCE_API_KEY environment variable');
}
25 changes: 24 additions & 1 deletion src/hooks/useCreateCharge.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,18 @@ export type ChargeDetails = {

const useCreateCharge = () => {
const createCharge = useCallback(async (chargeDetails: ChargeDetails) => {
console.log('=== CreateCharge Debug ===');
console.log({
hasCommerceKey: !!COINBASE_COMMERCE_API_KEY,
commerceKeyLength: COINBASE_COMMERCE_API_KEY?.length,
chargeDetails,
});

if (!COINBASE_COMMERCE_API_KEY) {
console.error('Commerce API Key is missing or empty');
throw new Error('Missing Coinbase Commerce API key');
}

try {
const res = await fetch(`${COMMERCE_API_URL}/charges`, {
method: 'POST',
Expand All @@ -24,10 +36,21 @@ const useCreateCharge = () => {
'X-CC-Api-Key': COINBASE_COMMERCE_API_KEY,
},
});

if (!res.ok) {
const errorText = await res.text();
console.error('API Error:', {
status: res.status,
statusText: res.statusText,
errorText,
});
throw new Error(`HTTP error! status: ${res.status}`);
}

const { data } = await res.json();
return data.id;
} catch (error) {
console.error('Error creating charge:', error);
console.error('Detailed error in createCharge:', error);
throw error;
}
}, []);
Expand Down

0 comments on commit d3d1f9f

Please sign in to comment.