w

Cursor Canvas aracı

Bir Cursor .canvas.tsx dosyasını yapıştırın, tarayıcıda önizleyin ve paylaşılabilir kısa bir bağlantı yayımlayın.

API başvurusu

Tüm yollar /api/cursor-canvas altındadır. Sahiplik geçerli oturum kullanıcısıdır (anonim dahil, cookie sessionId).

POST /api/cursor-canvas

Kaynağı saklar ve kısa bir paylaşım URL’si döndürür.

İstek:

{
  "source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
  "title": "Optional"
}
AlanTürNotlar
sourcestringZorunlu. 20–200.000 karakter. cursor/canvas içe aktarmalıdır.
titlestringİsteğe bağlı. En fazla 200 karakter. Paylaşım sayfasında gösterilir.

Yanıt:

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

Bu sahip aynı MD5’i zaten yayımladıysa reused true olur.

GET /api/cursor-canvas/:canvasId

Bir paylaşım sayfasının kaynağını yükler. viewCount artar.

{
  "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

Sahip çerezine bağlı canvas’ları listeler. Çerez yoksa [] döner.

DELETE /api/cursor-canvas/:canvasId

Geçerli sahip çerezinin oluşturduğu bir canvas’ı siler. 204 döner. Çerez yoksa 401.

source için örnek canvas

Canlı önizleme

hello.canvas.tsx

Hello, Canvas

Live preview rendered in the browser from cursor/canvas.

Bu sayfa yardımcı oldu mu?