w
Документация Основные инструменты Cursor Canvas

Инструмент Cursor Canvas

Вставьте файл .canvas.tsx из Cursor, посмотрите превью в браузере и опубликуйте короткую ссылку.

Справка по API

Все маршруты находятся под /api/cursor-canvas. Владелец — текущий пользователь сессии (включая анонимного, cookie sessionId).

POST /api/cursor-canvas

Сохраняет исходник и возвращает короткий URL обмена.

Запрос:

{
  "source": "import { H1 } from \"cursor/canvas\";\nexport default function App() { return <H1>Hi</H1>; }",
  "title": "Optional"
}
ПолеТипЗаметки
sourcestringОбязательно. 20–200 000 символов. Должен импортировать из cursor/canvas.
titlestringНеобязательно. Макс. 200 символов. Показывается на странице обмена.

Ответ:

{
  "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, если этот владелец уже публиковал тот же MD5.

GET /api/cursor-canvas/:canvasId

Загружает исходник страницы обмена. Увеличивает 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

Перечисляет canvas, привязанные к cookie владельца. Возвращает [], если cookie нет.

DELETE /api/cursor-canvas/:canvasId

Удаляет canvas, созданный текущим cookie владельца. Возвращает 204. Без cookie: 401.

Пример canvas для source

Предпросмотр

hello.canvas.tsx

Hello, Canvas

Live preview rendered in the browser from cursor/canvas.

Была ли эта страница полезной?