w

Outil Cursor Canvas

Collez un fichier .canvas.tsx Cursor, prévisualisez-le dans le navigateur et publiez un lien court partageable.

FAQ

Pourquoi l’apparence diffère-t-elle de Cursor ? Cet aperçu réimplémente l’API publique cursor/canvas en React. Ce n’est pas le runtime de l’IDE. Espacements, graphiques et contrôles sont proches, pas identiques au pixel près.

Les boutons Agent fonctionnent-ils ? En partie. useCanvasAction ouvre Cursor via deeplink (cursor://). Les invites de chat et les chemins de fichiers absolus fonctionnent ; les chemins relatifs et les identifiants de conversation Agent ne peuvent pas cibler l’espace de travail local, donc ils préremplissent une invite.

Les liens courts expirent-ils ? Ils restent jusqu’à ce que le propriétaire les supprime dans Liens publiés. Ce ne sont pas des messages à usage unique.

Pourquoi la publication a-t-elle échoué ? Le backend doit tourner, et la source doit importer depuis cursor/canvas. Fichiers vides, plus de 200 000 caractères, et imports interdits sont rejetés.

Pourquoi l’aperçu est-il vide ? Le fichier doit exporter par défaut un composant qui renvoie des primitives canvas. Dépliez les exemples live de la page exemples.

Puis-je importer lucide-react ou des fichiers locaux ? Non. Seuls cursor/canvas et React sont autorisés. Pour une icône, inlinez un petit SVG dans IconButton.

La source est-elle privée ? Seulement tant que vous n’avez pas créé de lien court. Ensuite, quiconque a l’URL peut charger la source.

« Charger l’exemple » correspond-il à cette doc ? Non. Charger l’exemple dans l’outil injecte la galerie SDK complète. Cette documentation utilise de plus petits aperçus pour copier une idée à la fois.

Cette page vous a-t-elle été utile ?