w

Ferramenta Cursor Canvas

Cole um arquivo .canvas.tsx do Cursor, visualize no navegador e publique um link curto compartilhável.

Referência da API

Todas as rotas estão em /api/cursor-canvas. A posse é o usuário da sessão atual (incluindo anônimo, cookie sessionId).

POST /api/cursor-canvas

Armazena a origem e retorna uma URL de compartilhamento curta.

Pedido:

{
  "source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
  "title": "Optional"
}
CampoTipoNotas
sourcestringObrigatório. 20–200.000 caracteres. Deve importar de cursor/canvas.
titlestringOpcional. Máx. 200 caracteres. Exibido na página de compartilhamento.

Resposta:

{
  "canvasId": "cv_a1b2c3d4e5f6",
  "shareUrl": "https://example.com/cursor-canvas/cv_a1b2c3d4e5f6",
  "title": "Optional",
  "sourceMd5": "5d41402abc4b2a76b9719d911017c592",
  "reused": false,
  "createdAt": "2026-08-31T08:00:00.000Z"
}

reused é true quando este proprietário já publicou o mesmo MD5.

GET /api/cursor-canvas/:canvasId

Carrega a origem de uma página de compartilhamento. Incrementa viewCount.

{
  "canvasId": "cv_a1b2c3d4e5f6",
  "title": "Optional",
  "source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
  "viewCount": 3,
  "createdAt": "2026-08-31T08:00:00.000Z"
}

GET /api/cursor-canvas/mine

Lista os canvas ligados ao cookie de proprietário. Retorna [] quando o cookie está ausente.

DELETE /api/cursor-canvas/:canvasId

Exclui um canvas criado pelo cookie de proprietário atual. Retorna 204. Sem cookie: 401.

Canvas de exemplo para source

Pré-visualização

hello.canvas.tsx

Hello, Canvas

Live preview rendered in the browser from cursor/canvas.

Esta página foi útil?