canva-hello-world

# Canva Hello World ## Overview Minimal working example: authenticate, get user profile, create a design, and export it as PNG. All via the Canva Connect REST API at `api.canva.com/rest/v1/*`. ## Prerequisites - Completed `canva-install-auth` — valid OAuth access token - Scopes enabled: `design:meta:read`, `design:content:write`, `design:content:read` ## Instructions ### Step 1: Create a Reusable API Helper ```typescript // src/canva/client.ts const CANVA_BASE = 'https://api.canva.com/rest/v1'; export async function canvaAPI( path: string, accessToken: string, options: RequestInit = {} ): Promise<any> { const res = await fetch(`${CANVA_BASE}${path}`, { ...options, headers: { 'Authorization': `Bearer ${accessToken}`, 'Content-Type': 'application/json', ...options.headers, }, }); if (!res.ok) { const body = await res.text(); throw new Error(`Canva API ${res.status}: ${body}`); } return res.status === 204 ? null : res.json(); } ``` ### Step 2: Get Your User Profile ```typescript // GET /v1/users/me — no scopes required, rate limit: 10 req/min const me = await canvaAPI('/users/me', accessToken); console.log(`User ID: ${me.team_user.user_id}`); console.log(`Team ID: ${me.team_user.team_id}`); ``` ### Step 3: Create a Design ```typescript // POST /v1/designs — scope: design:content:write, rate limit: 20 req/min const design = await canvaAPI('/designs', accessToken, { method: 'POST', body: JSON.stringify({ d...