API Integration Examples

import OpenAI from 'openai';

// Instead of exposing your API key in the client
const openai = new OpenAI({
  apiKey: 'dummy-key', // Real key is stored in Conduit Link
  baseURL: 'https://proxy.conduit.link/YOUR_LINK_ID/v1',
  defaultHeaders: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    // Optional: Add JWT for user-specific rate limiting
    'Authorization': 'Bearer YOUR_USER_JWT_TOKEN'
  },
  dangerouslyAllowBrowser: true // Required for client-side usage
});

// Use the SDK normally
const completion = await openai.chat.completions.create({
  model: "gpt-3.5-turbo",
  messages: [
    { role: "user", content: "Hello, how are you?" }
  ],
});

console.log(completion.choices[0].message);

// Direct API call without SDK
const response = await fetch('https://proxy.conduit.link/YOUR_LINK_ID/v1/chat/completions', {
  method: 'POST',
  headers: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    'Content-Type': 'application/json',
    // Optional: Add JWT for user-specific rate limiting
    'Authorization': 'Bearer YOUR_USER_JWT_TOKEN'
  },
  body: JSON.stringify({
    model: 'gpt-3.5-turbo',
    messages: [
      { role: 'user', content: 'Explain quantum computing in simple terms' }
    ],
    temperature: 0.7,
  }),
});

const data = await response.json();
console.log(data.choices[0].message.content);

// Handle streaming responses
const response = await fetch('https://proxy.conduit.link/YOUR_LINK_ID/v1/chat/completions', {
  method: 'POST',
  headers: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    model: 'gpt-3.5-turbo',
    messages: [{ role: 'user', content: 'Write a story' }],
    stream: true,
  }),
});

const reader = response.body.getReader();
const decoder = new TextDecoder();

while (true) {
  const { done, value } = await reader.read();
  if (done) break;
  
  const chunk = decoder.decode(value);
  console.log(chunk); // Process each chunk
}

import Stripe from 'stripe';

// Configure Stripe to use Conduit Link
const stripe = new Stripe('dummy-key', {
  apiVersion: '2023-10-16',
  host: 'proxy.conduit.link',
  protocol: 'https',
  port: 443,
  basePath: '/YOUR_LINK_ID/v1',
  httpAgent: {
    defaultHeaders: {
      'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
      // Optional: Add JWT for user-specific rate limiting
      'Authorization': 'Bearer YOUR_USER_JWT_TOKEN'
    }
  }
});

// Create a customer
const customer = await stripe.customers.create({
  email: '[email protected]',
  name: 'John Doe',
});

// Create a payment intent
const paymentIntent = await stripe.paymentIntents.create({
  amount: 2000, // $20.00
  currency: 'usd',
  customer: customer.id,
});

// Create a Stripe customer without SDK
const response = await fetch('https://proxy.conduit.link/YOUR_LINK_ID/v1/customers', {
  method: 'POST',
  headers: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    'Content-Type': 'application/x-www-form-urlencoded',
  },
  body: new URLSearchParams({
    email: '[email protected]',
    name: 'Jane Smith',
    description: 'Premium customer',
  }),
});

const customer = await response.json();
console.log('Customer created:', customer.id);

// Geocode an address securely
async function geocodeAddress(address) {
  const response = await fetch(
    `https://proxy.conduit.link/YOUR_LINK_ID/geocode/json?${new URLSearchParams({
      address: address,
    })}`,
    {
      headers: {
        'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
      },
    }
  );

  const data = await response.json();
  return data.results[0]?.geometry.location;
}

// Usage
const location = await geocodeAddress('1600 Amphitheatre Parkway, Mountain View, CA');
console.log('Coordinates:', location); // { lat: 37.4224764, lng: -122.0842499 }

// Implement places autocomplete
async function getPlaceSuggestions(input) {
  const response = await fetch(
    `https://proxy.conduit.link/YOUR_LINK_ID/place/autocomplete/json?${new URLSearchParams({
      input: input,
      types: 'establishment',
      language: 'en',
    })}`,
    {
      headers: {
        'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
      },
    }
  );

  const data = await response.json();
  return data.predictions.map(p => ({
    description: p.description,
    placeId: p.place_id,
  }));
}

// React component example
function PlaceSearch() {
  const [query, setQuery] = useState('');
  const [suggestions, setSuggestions] = useState([]);

  useEffect(() => {
    if (query.length > 2) {
      getPlaceSuggestions(query).then(setSuggestions);
    }
  }, [query]);

  return (
    <input
      value={query}
      onChange={(e) => setQuery(e.target.value)}
      placeholder="Search for a place..."
    />
  );
}

// Using Anthropic's Claude API
const response = await fetch('https://proxy.conduit.link/YOUR_LINK_ID/v1/messages', {
  method: 'POST',
  headers: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    'Content-Type': 'application/json',
    'anthropic-version': '2023-06-01',
    // Optional: Add JWT for user-specific rate limiting
    'Authorization': 'Bearer YOUR_USER_JWT_TOKEN'
  },
  body: JSON.stringify({
    model: 'claude-3-opus-20240229',
    max_tokens: 1024,
    messages: [
      {
        role: 'user',
        content: 'What are the key differences between REST and GraphQL?'
      }
    ],
  }),
});

const data = await response.json();
console.log(data.content[0].text);

// Send an email using SendGrid
const response = await fetch('https://proxy.conduit.link/YOUR_LINK_ID/mail/send', {
  method: 'POST',
  headers: {
    'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    personalizations: [
      {
        to: [{ email: '[email protected]', name: 'Recipient Name' }],
        subject: 'Hello from Conduit Link!',
      },
    ],
    from: {
      email: '[email protected]',
      name: 'Your App Name',
    },
    content: [
      {
        type: 'text/plain',
        value: 'This email was sent securely through Conduit Link!',
      },
      {
        type: 'text/html',
        value: '<p>This email was sent <strong>securely</strong> through Conduit Link!</p>',
      },
    ],
  }),
});

if (response.ok) {
  console.log('Email sent successfully!');
} else {
  console.error('Failed to send email:', await response.text());
}

// Send an SMS message
const accountSid = 'YOUR_TWILIO_ACCOUNT_SID'; // This can be public
const response = await fetch(
  `https://proxy.conduit.link/YOUR_LINK_ID/Accounts/${accountSid}/Messages.json`,
  {
    method: 'POST',
    headers: {
      'X-Access-Token': 'YOUR_CONDUIT_ACCESS_TOKEN',
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: new URLSearchParams({
      To: '+1234567890',
      From: '+0987654321', // Your Twilio phone number
      Body: 'Hello from Conduit Link! Your verification code is: 123456',
    }),
  }
);

const message = await response.json();
console.log('Message sent:', message.sid);