w

Cursor-Canvas-Tool

Fügen Sie eine Cursor-.canvas.tsx-Datei ein, zeigen Sie sie im Browser in der Vorschau an und veröffentlichen Sie einen kurzen teilbaren Link.

API-Referenz

Alle Routen liegen unter /api/cursor-canvas. Die Zuordnung erfolgt über den aktuellen Session-Nutzer (inkl. anonym, Cookie sessionId).

POST /api/cursor-canvas

Speichert die Quelle und gibt eine kurze Share-URL zurück.

Anfrage:

{
  "source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
  "title": "Optional"
}
FeldTypHinweise
sourcestringPflicht. 20–200.000 Zeichen. Muss aus cursor/canvas importieren.
titlestringOptional. Max. 200 Zeichen. Wird auf der Share-Seite gezeigt.

Antwort:

{
  "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 ist true, wenn dieser Owner dieselbe MD5 bereits veröffentlicht hat.

GET /api/cursor-canvas/:canvasId

Lädt die Quelle einer Share-Seite. Erhöht 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

Listet Canvases des aktuellen Session-Nutzers. Gibt [] zurück, wenn kein Session-Nutzer vorhanden ist.

DELETE /api/cursor-canvas/:canvasId

Löscht ein Canvas des aktuellen Session-Nutzers. Antwort 204. Ohne Session-Nutzer: 401.

Beispiel-Canvas für source

Live-Vorschau

hello.canvas.tsx

Hello, Canvas

Live preview rendered in the browser from cursor/canvas.

War diese Seite hilfreich?