artifacts.md +3 −3
326Chaque artifact est une page autonome. Claude Code enveloppe le fichier que vous publiez dans une coquille de document HTML et le sert selon une politique de sécurité du contenu (CSP) stricte, qui façonne ce que la page peut faire.326Chaque artifact est une page autonome. Claude Code enveloppe le fichier que vous publiez dans une coquille de document HTML et le sert selon une politique de sécurité du contenu (CSP) stricte, qui façonne ce que la page peut faire.
327 327
328| Contrainte | Effet |328| Contrainte | Effet |
329329| :----------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ || :----------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
330330| Requêtes externes | La page peut charger des polices de caractères à partir de Google Fonts et des scripts à partir de [quatre hôtes CDN publics](#allowlist-the-viewer-domain) : cdnjs, les CDN Tailwind et jQuery, et les chemins sélectionnés sur jsDelivr tels que `/npm/`. La CSP bloque chaque image externe et tous les autres scripts, feuilles de style et polices externes, et permet aux appels `fetch`, XHR et WebSocket d'atteindre uniquement l'origine de la page et les hôtes Google Fonts. Claude charge donc toute bibliothèque dont la page a besoin à partir de l'un de ces CDN, intègre tous les autres CSS et JavaScript, et incorpore les images en tant qu'URI de données. [Les appels Connector](#pull-live-data-with-mcp-connectors) passent par claude.ai, qui effectue lui-même l'appel réseau. || Requêtes externes | La page peut charger des polices de caractères à partir de Google Fonts et des scripts à partir de [cinq hôtes CDN publics](#allowlist-the-viewer-domain) : cdnjs, unpkg, les CDN Tailwind et jQuery, et les chemins sélectionnés sur jsDelivr tels que `/npm/`. La CSP bloque chaque image externe et tous les autres scripts, feuilles de style et polices externes, et permet aux appels `fetch`, XHR et WebSocket d'atteindre uniquement l'origine de la page et les hôtes Google Fonts. Claude charge donc toute bibliothèque dont la page a besoin à partir de l'un de ces CDN, intègre tous les autres CSS et JavaScript, et incorpore les images en tant qu'URI de données. [Les appels Connector](#pull-live-data-with-mcp-connectors) passent par claude.ai, qui effectue lui-même l'appel réseau. |
331| Pas de backend | Un artifact est une page statique. Il ne peut pas authentifier les visiteurs lui-même. |331| Pas de backend | Un artifact est une page statique. Il ne peut pas authentifier les visiteurs lui-même. |
332| Téléchargements | La page ne peut pas lancer un téléchargement elle-même. Pour permettre aux visiteurs d'enregistrer un fichier généré par la page, Claude déclare la capacité de téléchargements. Voir [Proposer un téléchargement de fichier](#offer-a-file-download). |332| Téléchargements | La page ne peut pas lancer un téléchargement elle-même. Pour permettre aux visiteurs d'enregistrer un fichier généré par la page, Claude déclare la capacité de téléchargements. Voir [Proposer un téléchargement de fichier](#offer-a-file-download). |
333| Page unique | Les liens relatifs ne se résolvent pas, car rien n'est déployé aux côtés de la page. Pour le contenu multi-sections, Claude utilise des ancres dans la page plutôt que des fichiers séparés. |333| Page unique | Les liens relatifs ne se résolvent pas, car rien n'est déployé aux côtés de la page. Pour le contenu multi-sections, Claude utilise des ancres dans la page plutôt que des fichiers séparés. |
417 417
418Un artefact qui charge une police de caractères à partir de [Google Fonts](#improve-the-visual-design) demande également `fonts.googleapis.com` et `fonts.gstatic.com`. Les deux hôtes sont facultatifs. Si vous les bloquez, les artefacts s'affichent dans les polices de secours. Bloquez avec un rejet rapide plutôt qu'une suppression silencieuse afin que la demande de police échoue immédiatement au lieu de retarder le premier rendu de la page.418Un artefact qui charge une police de caractères à partir de [Google Fonts](#improve-the-visual-design) demande également `fonts.googleapis.com` et `fonts.gstatic.com`. Les deux hôtes sont facultatifs. Si vous les bloquez, les artefacts s'affichent dans les polices de secours. Bloquez avec un rejet rapide plutôt qu'une suppression silencieuse afin que la demande de police échoue immédiatement au lieu de retarder le premier rendu de la page.
419 419
420420Les artefacts peuvent également charger des bibliothèques JavaScript, telles que React ou un package de graphiques, à partir de `cdnjs.cloudflare.com`, `cdn.jsdelivr.net`, `cdn.tailwindcss.com` et `code.jquery.com`, et d'aucun autre hôte externe. Si vous bloquez ces hôtes, les parties d'un artefact qui dépendent d'une bibliothèque ne fonctionnent pas, et contrairement à une police bloquée, une bibliothèque bloquée n'a pas de secours. Bloquez avec un rejet rapide ici aussi, afin qu'une demande de bibliothèque bloquée échoue immédiatement plutôt que de rester en attente jusqu'à l'expiration du délai.Les artefacts peuvent également charger des bibliothèques JavaScript, telles que React ou un package de graphiques, à partir de `cdnjs.cloudflare.com`, `cdn.jsdelivr.net`, `cdn.tailwindcss.com`, `code.jquery.com` et `unpkg.com`, et d'aucun autre hôte externe. Si vous bloquez ces hôtes, les parties d'un artefact qui dépendent d'une bibliothèque ne fonctionnent pas, et contrairement à une police bloquée, une bibliothèque bloquée n'a pas de secours. Bloquez avec un rejet rapide ici aussi, afin qu'une demande de bibliothèque bloquée échoue immédiatement plutôt que de rester en attente jusqu'à l'expiration du délai.
421 421
422<h3 id="list-and-delete-artifacts-with-the-compliance-api">422<h3 id="list-and-delete-artifacts-with-the-compliance-api">
423 Lister et supprimer les artefacts avec l'API de conformité423 Lister et supprimer les artefacts avec l'API de conformité