import { Artha } from 'artha-js';

// Initialize with your backend URL and API key
const artha = new Artha('https://your-backend-url.com', 'your-api-key');

// Check feature access
const checkResult = await artha.check({
  featureId: 'premium-feature',
  productId: 'pro-plan'
});

// Track usage
await artha.track({
  featureId: 'api-calls',
  value: 1,
  entityId: 'optional-entity-id'
});

// Attach product to customer
const attachResult = await artha.attach({
  productId: 'pro-plan',
  customerId: 'customer-123'
});

import { ArthaProvider, useCustomer, usePricingTable } from 'artha-js/react';

function App() {
  return (
    <ArthaProvider 
      backendUrl={process.env.REACT_APP_ARTHA_BACKEND_URL} 
      apiKey={process.env.REACT_APP_ARTHA_API_KEY}
    >
      <CustomerDashboard />
    </ArthaProvider>
  );
}

function CustomerDashboard() {
  const { customer, loading } = useCustomer();
  const { products } = usePricingTable();

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

  return (
    <div>
      <h1>Welcome, {customer?.name}</h1>
      {/* Your billing UI here */}
    </div>
  );
}

import { createArthaHandler } from 'artha-js/next';

export const { GET, POST } = createArthaHandler({
  backendUrl: process.env.ARTHA_BACKEND_URL!,
  getCustomerId: (request) => {
    // Extract customer ID from your auth system
    return request.headers.get('x-customer-id');
  },
  getCustomerData: async (customerId) => {
    // Fetch customer data from your database
    return { name: 'John Doe', email: 'john@example.com' };
  }
});

import express from 'express';
import { createArthaMiddleware } from 'artha-js/express';

const app = express();

app.use('/api/artha', createArthaMiddleware({
  backendUrl: process.env.ARTHA_BACKEND_URL!,
  getCustomerId: (req) => req.user?.id,
  getCustomerData: async (customerId) => {
    return await User.findById(customerId);
  }
}));