@compass-labs/widgets 0.1.0

package/dist/server/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/server/handler.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { CompassApiSDK } from '@compass-labs/api-sdk';\nimport {\n  createWalletClient,\n  createPublicClient,\n  http,\n  type Chain,\n  type Hex,\n} from 'viem';\nimport { privateKeyToAccount } from 'viem/accounts';\nimport { mainnet, base, arbitrum } from 'viem/chains';\n\nconst CHAIN_MAP: Record<string, Chain> = {\n  ethereum: mainnet,\n  base: base,\n  arbitrum: arbitrum,\n};\n\nexport interface CompassHandlerConfig {\n  /** Compass API key - keep this in environment variables */\n  apiKey: string;\n  /** Optional custom API server URL */\n  serverUrl?: string;\n  /** Gas sponsor private key (required for executing gas-sponsored transactions) */\n  gasSponsorPrivateKey?: string;\n  /** RPC URLs per chain (required for executing gas-sponsored transactions) */\n  rpcUrls?: {\n    ethereum?: string;\n    base?: string;\n    arbitrum?: string;\n  };\n}\n\nexport interface CompassRouteContext {\n  params: Promise<{ path: string[] }>;\n}\n\ntype NextRequest = Request;\n\n/**\n * Creates a Next.js API route handler for Compass widget operations.\n *\n * This handler proxies requests from client-side widgets to the Compass API,\n * keeping your API key secure on the server.\n *\n * @example\n * ```typescript\n * // app/api/compass/[...path]/route.ts\n * import { createCompassHandler } from '@compass-labs/widgets/server';\n *\n * const handler = createCompassHandler({\n *   apiKey: process.env.COMPASS_API_KEY!,\n *   gasSponsorPrivateKey: process.env.GAS_SPONSOR_PK,\n *   rpcUrls: {\n *     ethereum: process.env.ETHEREUM_MAINNET_RPC_URL,\n *     base: process.env.BASE_MAINNET_RPC_URL,\n *     arbitrum: process.env.ARBITRUM_MAINNET_RPC_URL,\n *   },\n * });\n *\n * export const GET = handler;\n * export const POST = handler;\n * ```\n *\n * The handler supports these routes:\n * - GET  /api/compass/earn-account/check?owner=0x...&chain=base\n * - POST /api/compass/create-account\n * - POST /api/compass/deposit/prepare\n * - POST /api/compass/deposit/execute\n * - POST /api/compass/withdraw/prepare\n * - POST /api/compass/withdraw/execute\n */\nexport function createCompassHandler(config: CompassHandlerConfig) {\n  const { apiKey, serverUrl = 'https://api.compasslabs.ai' } = config;\n\n  // Create SDK client\n  const client = new CompassApiSDK({\n    apiKeyAuth: apiKey,\n    serverURL: serverUrl,\n  });\n\n  return async function handler(\n    request: NextRequest,\n    context: CompassRouteContext\n  ): Promise<Response> {\n    try {\n      const { path } = await context.params;\n      const route = path.join('/');\n      const method = request.method;\n\n      // Handle GET requests\n      if (method === 'GET') {\n        const url = new URL(request.url);\n        const searchParams = Object.fromEntries(url.searchParams.entries());\n\n        switch (route) {\n          case 'earn-account/check':\n            return await handleEarnAccountCheck(client, searchParams);\n          default:\n            return jsonResponse({ error: `Unknown GET route: ${route}` }, 404);\n        }\n      }\n\n      // Handle POST requests\n      if (method === 'POST') {\n        const body = await request.json();\n\n        switch (route) {\n          case 'create-account':\n            return await handleCreateAccount(client, body, config);\n          case 'deposit/prepare':\n            return await handleManagePrepare(client, body, 'DEPOSIT');\n          case 'deposit/execute':\n            return await handleExecute(client, body, config);\n          case 'withdraw/prepare':\n            return await handleManagePrepare(client, body, 'WITHDRAW');\n          case 'withdraw/execute':\n            return await handleExecute(client, body, config);\n          default:\n            return jsonResponse({ error: `Unknown POST route: ${route}` }, 404);\n        }\n      }\n\n      return jsonResponse({ error: `Method ${method} not allowed` }, 405);\n    } catch (error) {\n      console.error('[Compass Handler Error]', error);\n      const message = error instanceof Error ? error.message : 'Internal server error';\n      return jsonResponse({ error: message }, 500);\n    }\n  };\n}\n\nfunction jsonResponse(data: unknown, status = 200): Response {\n  return new Response(JSON.stringify(data), {\n    status,\n    headers: { 'Content-Type': 'application/json' },\n  });\n}\n\n// --- Earn Account Handlers ---\n\ninterface EarnAccountCheckParams {\n  owner?: string;\n  chain?: string;\n}\n\nasync function handleEarnAccountCheck(\n  client: CompassApiSDK,\n  params: EarnAccountCheckParams\n): Promise<Response> {\n  const { owner, chain = 'base' } = params;\n\n  if (!owner) {\n    return jsonResponse({ error: 'Missing owner parameter' }, 400);\n  }\n\n  // Use the SDK's earnCreateAccount method to check if account exists\n  // - If response has `transaction` field → account doesn't exist yet\n  // - If response has no `transaction` field → account already exists\n  const response = await client.earn.earnCreateAccount({\n    chain: chain as any,\n    owner: owner as `0x${string}`,\n    sender: owner as `0x${string}`,\n    estimateGas: false,\n  });\n\n  const earnAccountAddress = response.earnAccountAddress;\n  const hasTransaction = !!response.transaction;\n\n  return jsonResponse({\n    earnAccountAddress,\n    isDeployed: !hasTransaction,\n    needsCreation: hasTransaction,\n  });\n}\n\ninterface CreateAccountBody {\n  owner: string;\n  chain?: string;\n}\n\nasync function handleCreateAccount(\n  client: CompassApiSDK,\n  body: CreateAccountBody,\n  config: CompassHandlerConfig\n): Promise<Response> {\n  const { owner, chain = 'base' } = body;\n  const { gasSponsorPrivateKey, rpcUrls } = config;\n\n  if (!owner) {\n    return jsonResponse({ error: 'Missing owner parameter' }, 400);\n  }\n\n  if (!gasSponsorPrivateKey) {\n    return jsonResponse(\n      { error: 'Gas sponsor not configured. Set gasSponsorPrivateKey in handler config.' },\n      500\n    );\n  }\n\n  // Get chain config\n  const viemChain = CHAIN_MAP[chain.toLowerCase()];\n  if (!viemChain) {\n    return jsonResponse({ error: `Unsupported chain: ${chain}` }, 500);\n  }\n\n  // Get RPC URL for the chain\n  const rpcUrl = rpcUrls?.[chain.toLowerCase() as keyof typeof rpcUrls];\n  if (!rpcUrl) {\n    return jsonResponse({ error: `No RPC URL configured for chain: ${chain}` }, 500);\n  }\n\n  // Create sponsor account from private key\n  const sponsorAccount = privateKeyToAccount(gasSponsorPrivateKey as Hex);\n\n  // Create wallet client for signing/sending transactions\n  const walletClient = createWalletClient({\n    account: sponsorAccount,\n    chain: viemChain,\n    transport: http(rpcUrl),\n  });\n\n  // Create public client for waiting on receipts\n  const publicClient = createPublicClient({\n    chain: viemChain,\n    transport: http(rpcUrl),\n  });\n\n  // Get create account transaction from API with sponsor as sender\n  const response = await client.earn.earnCreateAccount({\n    chain: chain as any,\n    owner: owner as `0x${string}`,\n    sender: sponsorAccount.address,\n    estimateGas: false,\n  });\n\n  const earnAccountAddress = response.earnAccountAddress;\n\n  // If no transaction needed (account may already exist)\n  if (!response.transaction) {\n    return jsonResponse({\n      earnAccountAddress,\n      success: true,\n      alreadyExists: true,\n    });\n  }\n\n  // Send the transaction from the sponsor wallet\n  const transaction = response.transaction;\n  const txHash = await walletClient.sendTransaction({\n    to: transaction.to as Hex,\n    data: transaction.data as Hex,\n    value: transaction.value ? BigInt(transaction.value) : 0n,\n    gas: transaction.gas ? BigInt(transaction.gas) : undefined,\n  });\n\n  // Wait for the transaction receipt\n  const receipt = await publicClient.waitForTransactionReceipt({\n    hash: txHash,\n  });\n\n  // Check if transaction reverted\n  if (receipt.status === 'reverted') {\n    return jsonResponse({ error: 'Account creation transaction reverted' }, 500);\n  }\n\n  return jsonResponse({\n    earnAccountAddress,\n    txHash,\n    success: true,\n  });\n}\n\n// --- Manage (Deposit/Withdraw) Handlers ---\n\ninterface ManagePrepareBody {\n  amount: string;\n  token: string;\n  owner: string;\n  chain: string;\n  venueType: 'VAULT' | 'AAVE' | 'PENDLE_PT';\n  vaultAddress?: string;\n  marketAddress?: string;\n  maxSlippagePercent?: number;\n}\n\ntype ManageAction = 'DEPOSIT' | 'WITHDRAW';\n\nasync function handleManagePrepare(\n  client: CompassApiSDK,\n  body: ManagePrepareBody,\n  action: ManageAction\n): Promise<Response> {\n  const { amount, token, owner, chain, venueType, vaultAddress, marketAddress, maxSlippagePercent } = body;\n\n  // Build venue based on type\n  let venue: any;\n\n  if (venueType === 'VAULT' && vaultAddress) {\n    venue = {\n      type: 'VAULT' as const,\n      vaultAddress,\n    };\n  } else if (venueType === 'AAVE') {\n    venue = {\n      type: 'AAVE' as const,\n      token,\n    };\n  } else if (venueType === 'PENDLE_PT' && marketAddress) {\n    venue = {\n      type: 'PENDLE_PT' as const,\n      marketAddress,\n      token: action === 'DEPOSIT' ? token : undefined,\n      maxSlippagePercent: maxSlippagePercent ?? 1.0,\n    };\n  } else {\n    return jsonResponse({ error: 'Invalid venue type or missing address' }, 400);\n  }\n\n  const response = await client.earn.earnManage({\n    owner,\n    chain: chain as any,\n    venue,\n    action,\n    amount,\n    gasSponsorship: true,\n  });\n\n  // Extract EIP-712 data for signing\n  const eip712 = (response as any).eip712;\n  if (!eip712) {\n    return jsonResponse({ error: 'No EIP-712 data returned from API' }, 500);\n  }\n\n  // Normalize types for wallet signing\n  // SDK returns camelCase keys (safeTx, eip712Domain) but wallets expect PascalCase (SafeTx)\n  // to match the primaryType\n  const types = eip712.types as any;\n  const normalizedTypes = {\n    EIP712Domain: types.eip712Domain,\n    SafeTx: types.safeTx,\n  };\n\n  return jsonResponse({\n    eip712,\n    normalizedTypes,\n    domain: eip712.domain,\n    message: eip712.message,\n  });\n}\n\n// --- Execute Handler (shared for all operations) ---\n\ninterface ExecuteBody {\n  owner: string;\n  eip712: any;\n  signature: string;\n  chain: string;\n}\n\nasync function handleExecute(\n  client: CompassApiSDK,\n  body: ExecuteBody,\n  config: CompassHandlerConfig\n): Promise<Response> {\n  const { owner, eip712, signature, chain } = body;\n  const { gasSponsorPrivateKey, rpcUrls } = config;\n\n  // Validate gas sponsor config\n  if (!gasSponsorPrivateKey) {\n    return jsonResponse(\n      { error: 'Gas sponsor not configured. Set gasSponsorPrivateKey in handler config.' },\n      500\n    );\n  }\n\n  // Get chain config\n  const viemChain = CHAIN_MAP[chain.toLowerCase()];\n  if (!viemChain) {\n    return jsonResponse({ error: `Unsupported chain: ${chain}` }, 500);\n  }\n\n  // Get RPC URL for the chain\n  const rpcUrl = rpcUrls?.[chain.toLowerCase() as keyof typeof rpcUrls];\n  if (!rpcUrl) {\n    return jsonResponse({ error: `No RPC URL configured for chain: ${chain}` }, 500);\n  }\n\n  // Create sponsor account from private key\n  const sponsorAccount = privateKeyToAccount(gasSponsorPrivateKey as Hex);\n\n  // Create wallet client for signing/sending transactions\n  const walletClient = createWalletClient({\n    account: sponsorAccount,\n    chain: viemChain,\n    transport: http(rpcUrl),\n  });\n\n  // Create public client for waiting on receipts\n  const publicClient = createPublicClient({\n    chain: viemChain,\n    transport: http(rpcUrl),\n  });\n\n  // Call gas sponsorship prepare with sponsor as sender\n  const response = await client.gasSponsorship.gasSponsorshipPrepare({\n    chain: chain as any,\n    owner,\n    sender: sponsorAccount.address,\n    eip712,\n    signature,\n  });\n\n  // Extract the unsigned transaction from the response\n  const transaction = (response as any).transaction;\n  if (!transaction) {\n    return jsonResponse(\n      { error: 'No transaction returned from gas sponsorship prepare' },\n      500\n    );\n  }\n\n  // Send the transaction from the sponsor wallet\n  const txHash = await walletClient.sendTransaction({\n    to: transaction.to as Hex,\n    data: transaction.data as Hex,\n    value: transaction.value ? BigInt(transaction.value) : 0n,\n    gas: transaction.gas ? BigInt(transaction.gas) : undefined,\n  });\n\n  // Wait for the transaction receipt\n  const receipt = await publicClient.waitForTransactionReceipt({\n    hash: txHash,\n  });\n\n  // Check if transaction reverted\n  if (receipt.status === 'reverted') {\n    return jsonResponse({ error: 'Transaction reverted' }, 500);\n  }\n\n  return jsonResponse({ txHash, success: true });\n}\n"]}

package/dist/styles.css

@@ -0,0 +1,166 @@
+/* @compass-labs/widgets - Base Styles */
+
+/* Default theme (dark) */
+:root {
+  --compass-color-primary: #8b5cf6;
+  --compass-color-primary-hover: #7c3aed;
+  --compass-color-primary-text: #ffffff;
+  --compass-color-background: #0a0a0b;
+  --compass-color-surface: #141417;
+  --compass-color-border: rgba(255, 255, 255, 0.08);
+  --compass-color-text: #ffffff;
+  --compass-color-text-secondary: #a1a1aa;
+  --compass-color-text-tertiary: #71717a;
+  --compass-color-success: #22c55e;
+  --compass-color-success-muted: rgba(34, 197, 94, 0.1);
+  --compass-color-error: #ef4444;
+  --compass-color-error-muted: rgba(239, 68, 68, 0.1);
+  --compass-color-warning: #f59e0b;
+  --compass-color-warning-muted: rgba(245, 158, 11, 0.1);
+  --compass-color-secondary: rgba(255, 255, 255, 0.06);
+
+  --compass-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --compass-font-size-xs: 0.75rem;
+  --compass-font-size-small: 0.875rem;
+  --compass-font-size-body: 1rem;
+  --compass-font-size-large: 1.125rem;
+
+  --compass-border-radius: 0.75rem;
+  --compass-border-radius-sm: 0.5rem;
+  --compass-border-radius-lg: 1rem;
+}
+
+/* Light theme override */
+[data-compass-theme="light"] {
+  --compass-color-primary: #7c3aed;
+  --compass-color-primary-hover: #6d28d9;
+  --compass-color-primary-text: #ffffff;
+  --compass-color-background: #ffffff;
+  --compass-color-surface: #f4f4f5;
+  --compass-color-border: rgba(0, 0, 0, 0.08);
+  --compass-color-text: #18181b;
+  --compass-color-text-secondary: #52525b;
+  --compass-color-text-tertiary: #a1a1aa;
+  --compass-color-success: #16a34a;
+  --compass-color-success-muted: rgba(22, 163, 74, 0.1);
+  --compass-color-error: #dc2626;
+  --compass-color-error-muted: rgba(220, 38, 38, 0.1);
+  --compass-color-warning: #d97706;
+  --compass-color-warning-muted: rgba(217, 119, 6, 0.1);
+  --compass-color-secondary: rgba(0, 0, 0, 0.04);
+}
+
+/* Base widget container */
+.compass-widget {
+  font-family: var(--compass-font-family);
+  color: var(--compass-color-text);
+  font-size: var(--compass-font-size-body);
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Reset box-sizing for widget */
+.compass-widget *,
+.compass-widget *::before,
+.compass-widget *::after {
+  box-sizing: border-box;
+}
+
+/* Utility classes */
+.compass-widget-card {
+  background-color: var(--compass-color-surface);
+  border: 1px solid var(--compass-color-border);
+  border-radius: var(--compass-border-radius);
+  padding: 1rem;
+}
+
+.compass-widget-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  font-size: var(--compass-font-size-small);
+  font-weight: 500;
+  border-radius: var(--compass-border-radius-sm);
+  border: none;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.compass-widget-button-primary {
+  background-color: var(--compass-color-primary);
+  color: var(--compass-color-primary-text);
+}
+
+.compass-widget-button-primary:hover:not(:disabled) {
+  background-color: var(--compass-color-primary-hover);
+}
+
+.compass-widget-button-primary:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.compass-widget-button-secondary {
+  background-color: var(--compass-color-secondary);
+  color: var(--compass-color-text-secondary);
+}
+
+.compass-widget-button-secondary:hover:not(:disabled) {
+  background-color: var(--compass-color-border);
+}
+
+/* Loading spinner */
+.compass-widget-spinner {
+  animation: compass-spin 1s linear infinite;
+}
+
+@keyframes compass-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Input styles */
+.compass-widget-input {
+  width: 100%;
+  padding: 0.75rem 1rem;
+  font-size: var(--compass-font-size-body);
+  font-family: var(--compass-font-family);
+  background-color: var(--compass-color-background);
+  color: var(--compass-color-text);
+  border: 1px solid var(--compass-color-border);
+  border-radius: var(--compass-border-radius-sm);
+  outline: none;
+  transition: border-color 0.15s ease;
+}
+
+.compass-widget-input:focus {
+  border-color: var(--compass-color-primary);
+}
+
+.compass-widget-input::placeholder {
+  color: var(--compass-color-text-tertiary);
+}
+
+/* Select styles */
+.compass-widget-select {
+  padding: 0.5rem 0.75rem;
+  font-size: var(--compass-font-size-small);
+  font-family: var(--compass-font-family);
+  background-color: var(--compass-color-background);
+  color: var(--compass-color-text);
+  border: 1px solid var(--compass-color-border);
+  border-radius: var(--compass-border-radius-sm);
+  cursor: pointer;
+  outline: none;
+}
+
+.compass-widget-select:focus {
+  border-color: var(--compass-color-primary);
+}

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@compass-labs/widgets",
+  "version": "0.1.0",
+  "description": "Embeddable DeFi widgets powered by Compass Labs",
+  "author": "Compass Labs",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CompassLabs/mono.git",
+    "directory": "widgets-sdk"
+  },
+  "homepage": "https://docs.compasslabs.ai/v2/Products/Widgets",
+  "bugs": {
+    "url": "https://github.com/CompassLabs/mono/issues"
+  },
+  "keywords": [
+    "defi",
+    "react",
+    "widgets",
+    "ethereum",
+    "yield",
+    "vaults",
+    "aave",
+    "pendle",
+    "compass"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.mjs",
+      "require": "./dist/server/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "build": "tsup && cp src/styles.css dist/styles.css",
+    "dev": "tsup --watch",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@tanstack/react-query": "^5.0.0"
+  },
+  "dependencies": {
+    "@compass-labs/api-sdk": "^2.2.2",
+    "lucide-react": "^0.469.0",
+    "viem": "^2.21.58"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.66.0",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.3"
+  }
+}