Figma Plugin Monetization Powered by Usage Tokens

// ─── BalancYZ Token Skeleton ─────────────────────────────────
// Route all API calls through YOUR backend proxy.
// Never put the API token directly in plugin code.

const BACKEND = 'https://your-backend.com/api';

async function initPlugin() {
  const userId = figma.currentUser?.id;
  if (!userId) { figma.notify('⚠️ Could not identify you.'); return; }

  // 1. Register (idempotent — safe every plugin open)
  await fetch(`${BACKEND}/register`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ name: figma.currentUser.name, client_id: userId })
  }); // 201 new ✅  409 exists ✅ — both are success

  // 2. Fetch balance
  const { balance } = await fetch(`${BACKEND}/balance/${userId}`)
    .then(r => r.json());

  figma.ui.postMessage({ type: 'balance', balance });
}

async function runPremiumAction(userId: string) {
  // 3. Debit 10 tokens after the action completes
  const res = await fetch(`${BACKEND}/debit/${userId}`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ amount: 10 })
  });

  if (res.status === 402) {
    // Show buy tokens UI — open Lemon Squeezy checkout
    figma.openExternal(`https://your-store.lemonsqueezy.com/buy/xxx?checkout[custom][client_id]=${userId}`);
    return;
  }

  // ✅ Debit succeeded — run your actual feature here
  figma.notify('✨ Done! 10 tokens used.');
}

figma.on('run', initPlugin);