Production-Ready Embedding Guide

DATABRAIN_API_TOKEN=dbn_live_abc123...
DATABRAIN_API_URL=https://api.usedatabrain.com
DATA_APP_NAME=customer-analytics-app

// routes/databrain.js
const express = require('express');
const router = express.Router();

router.post('/guest-token', async (req, res) => {
  try {
    const { userId } = req.user; // From your auth middleware
    
    const response = await fetch(
      `${process.env.DATABRAIN_API_URL}/api/v2/guest-token/create`,
      {
        method: 'POST',
        headers: {
          'Authorization': `Bearer ${process.env.DATABRAIN_API_TOKEN}`,
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          clientId: userId,
          dataAppName: process.env.DATA_APP_NAME,
          expiryTime: 3600000 // 1 hour
        })
      }
    );
    
    const data = await response.json();
    
    if (!response.ok) {
      throw new Error(data.error?.message || 'Failed to generate token');
    }
    
    res.json({ token: data.token });
  } catch (error) {
    console.error('Token generation error:', error);
    res.status(500).json({ error: 'Failed to generate token' });
  }
});

module.exports = router;

import { useEffect, useState } from 'react';
import '@databrainhq/plugin/web';

function AnalyticsDashboard() {
  const [token, setToken] = useState(null);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState(null);

  useEffect(() => {
    async function fetchToken() {
      try {
        const response = await fetch('/api/databrain/guest-token', {
          method: 'POST',
          credentials: 'include' // Include auth cookies
        });
        
        if (!response.ok) {
          throw new Error('Failed to fetch token');
        }
        
        const data = await response.json();
        setToken(data.token);
      } catch (err) {
        setError(err.message);
      } finally {
        setLoading(false);
      }
    }

    fetchToken();
  }, []);

  if (loading) {
    return <div>Loading dashboard...</div>;
  }

  if (error) {
    return <div>Error loading dashboard: {error}</div>;
  }

  return (
    <div className="dashboard-container">
      <dbn-dashboard 
        token={token}
        dashboard-id="sales-dashboard"
        enable-download-csv
        enable-download-all-metrics
      />
    </div>
  );
}

export default AnalyticsDashboard;

DATABRAIN_API_TOKEN=dbn_test_...
DATABRAIN_API_URL=https://api.usedatabrain.com
DATA_APP_NAME=my-app-dev