Herramienta Cursor Canvas
Pega un archivo .canvas.tsx de Cursor, previsualízalo en el navegador y publica un enlace corto compartible.
Referencia de API
Todas las rutas están bajo /api/cursor-canvas. La propiedad es el usuario de sesión actual (incluido anónimo, cookie sessionId).
POST /api/cursor-canvas
Guarda el origen y devuelve una URL de compartir corta.
Solicitud:
{
"source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
"title": "Optional"
}
| Campo | Tipo | Notas |
|---|---|---|
source | string | Obligatorio. 20–200.000 caracteres. Debe importar desde cursor/canvas. |
title | string | Opcional. Máx. 200 caracteres. Se muestra en la página de compartir. |
Respuesta:
{
"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 es true cuando este propietario ya publicó el mismo MD5.
GET /api/cursor-canvas/:canvasId
Carga el origen de una página de compartir. 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 los canvas ligados a la cookie de propietario. Devuelve [] si falta la cookie.
DELETE /api/cursor-canvas/:canvasId
Elimina un canvas creado por la cookie de propietario actual. Devuelve 204. Sin cookie: 401.
Canvas de ejemplo para source
Vista previa
hello.canvas.tsx
Hello, Canvas
Live preview rendered in the browser from cursor/canvas.