Outil Cursor Canvas
Collez un fichier .canvas.tsx Cursor, prévisualisez-le dans le navigateur et publiez un lien court partageable.
Référence API
Toutes les routes sont sous /api/cursor-canvas. La propriété est l’utilisateur de session actuel (y compris anonyme, cookie sessionId).
POST /api/cursor-canvas
Enregistre la source et renvoie une URL de partage courte.
Requête :
{
"source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
"title": "Optional"
}
| Champ | Type | Notes |
|---|---|---|
source | string | Obligatoire. 20–200 000 caractères. Doit importer depuis cursor/canvas. |
title | string | Optionnel. 200 caractères max. Affiché sur la page de partage. |
Réponse :
{
"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 vaut true lorsque ce propriétaire a déjà publié le même MD5.
GET /api/cursor-canvas/:canvasId
Charge la source d’une page de partage. Incrémente 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
Liste les canvas liés au cookie propriétaire. Renvoie [] si le cookie est absent.
DELETE /api/cursor-canvas/:canvasId
Supprime un canvas créé par le cookie propriétaire actuel. Renvoie 204. Sans cookie : 401.
Canvas d’exemple pour source
Aperçu en direct
hello.canvas.tsx
Hello, Canvas
Live preview rendered in the browser from cursor/canvas.