📚 API DOCUMENTATION! 🚀

http://localhost:3000/api

// Generate an awesome diagram!
const response = await fetch('http://localhost:3000/api/generate', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    text: 'Netflix streaming architecture with CDN and user devices',
    format: 'png',
    visualType: 'auto',
    theme: 'vibrant'
  })
});

const imageBlob = await response.blob();
// 💥 BAM! Your visual is ready!

import requests

def generate_diagram(text, format='png'):
    response = requests.post('http://localhost:3000/api/generate', 
                           json={
                               'text': text,
                               'format': format,
                               'visualType': 'auto',
                               'theme': 'vibrant'
                           })
    
    if response.status_code == 200:
        return response.content
    else:
        raise Exception(f"Error: {response.status_code}")

# Usage
diagram_data = generate_diagram("Database schema for e-commerce app")
with open('schema.png', 'wb') as f:
    f.write(diagram_data)

const fs = require('fs');

async function generateDiagram(text, format = 'png') {
  try {
    const response = await fetch('http://localhost:3000/api/generate', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({
        text: text,
        format: format,
        visualType: 'auto',
        theme: 'vibrant',
        gifOptions: format === 'gif' ? { loop: true, frameRate: 10 } : undefined
      }),
    });

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const buffer = await response.arrayBuffer();
    return Buffer.from(buffer);
  } catch (error) {
    console.error('Error generating diagram:', error);
    throw error;
  }
}

// Usage
generateDiagram('Microservices architecture diagram', 'gif')
  .then(buffer => {
    fs.writeFileSync('architecture.gif', buffer);
    console.log('✅ Diagram saved!');
  })
  .catch(console.error);

import { useState } from 'react';

function DiagramGenerator() {
  const [loading, setLoading] = useState(false);
  const [imageUrl, setImageUrl] = useState(null);

  const generateDiagram = async (text) => {
    setLoading(true);
    try {
      const response = await fetch('/api/generate', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          text: text,
          format: 'png',
          visualType: 'auto',
          theme: 'vibrant'
        }),
      });

      if (!response.ok) throw new Error('Generation failed');

      const blob = await response.blob();
      const url = URL.createObjectURL(blob);
      setImageUrl(url);
    } catch (error) {
      console.error('Error:', error);
    } finally {
      setLoading(false);
    }
  };

  return (
    <div>
      <button 
        onClick={() => generateDiagram('User onboarding flow')}
        disabled={loading}
      >
        {loading ? 'Generating...' : 'Generate Diagram'}
      </button>
      {imageUrl && <img src={imageUrl} alt="Generated diagram" />}
    </div>
  );
}