canva-reference-architecture

# Canva Reference Architecture ## Overview Production-ready architecture for Canva Connect API integrations. All interactions use the REST API at `api.canva.com/rest/v1/*` with OAuth 2.0 PKCE authentication. ## Project Structure ``` my-canva-integration/ ├── src/ │ ├── canva/ │ │ ├── client.ts # REST client wrapper with auto-refresh │ │ ├── auth.ts # OAuth 2.0 PKCE flow │ │ ├── types.ts # API request/response TypeScript types │ │ └── errors.ts # CanvaAPIError class │ ├── services/ │ │ ├── design.service.ts # Design creation, export, listing │ │ ├── asset.service.ts # Asset upload and management │ │ ├── template.service.ts # Brand template autofill (Enterprise) │ │ └── folder.service.ts # Folder management │ ├── routes/ │ │ ├── auth.ts # OAuth callback endpoints │ │ ├── designs.ts # Design CRUD routes │ │ ├── exports.ts # Export trigger/download routes │ │ └── webhooks.ts # Webhook receiver │ ├── middleware/ │ │ ├── auth.ts # Verify user has valid Canva token │ │ └── rate-limit.ts # Client-side rate limit guard │ ├── store/ │ │ └── tokens.ts # Encrypted token storage (DB) │ └── index.ts ├── tests/ │ ├── mocks/ │ │ └── canva-server.ts # MSW mock server │ ├── unit/ │ │ └── design.service.test.ts │ └── integration/ │ └── canva-api.test.ts ├── .env.example └── package....