wordpress-workspace-preview-routing-debug

Déboguer le comportement de prévisualisation, du mode édition, de l'authentification, du proxy et du routage d'URL de l'agent d'espace de travail WordPress sur les sites simples WordPress.com, Jetpack et Atomic. Utiliser…

npx skills add https://github.com/automattic/workspace --skill wordpress-workspace-preview-routing-debug

WordPress Workspace Preview Routing Debug

Use this skill for preview/auth/editor-mode problems in the WordPress Agent window or detached preview.

Workflow

  1. Ground the report in the current code path.
    • Inspect Sources/WordPressAgentPreviewURLResolver.swift, Sources/WordPressAgentWindowView.swift, Sources/WPCOMClient.swift, and relevant Sources/AppState.swift preview methods.
    • Search with rg -n "preview|frame_nonce|jetpack_frame_nonce|unmapped|Atomic|cookie|requested|effective|private|proxy" Sources.
  2. Preserve the preview trust rules.
    • Show the requested user-facing URL in UI.
    • Do not expose effective preview URLs, frame nonces, auth bootstrap URLs, or private preview details.
    • Reject localhost and private-network URLs.
  3. Check site type and mode.
    • Simple WordPress.com, Jetpack, and Atomic sites can require different preview URL, unmapped-host, nonce, cookie, or read-access handling.
    • Distinguish signed-out view, authenticated preview, and editor mode.
  4. Check proxy and routing overrides.
    • Inspect Sources/NetworkRoutingSettings.swift and the WordPress.com auth-cookie bootstrap in Sources/WPCOMClient.swift.
    • The app has a developer setting to bypass the macOS system proxy for sandbox routing, but the preview cookie-bootstrap flow intentionally uses a one-off direct session because proxy routing has produced wp-login.php 200 responses with empty auth cookies.
    • Keep normal API traffic aligned with the user's network setting unless the code path is specifically browser-cookie infrastructure.
  5. Reproduce with focused signals.
    • Prefer app logs, existing preview loading states, and targeted code inspection before inventing shell-only repros.
    • Verify loading/preparation states, navigation updates, requested-vs-effective URL display, and mode switch behavior.
  6. Keep comments where behavior is non-obvious.
    • Proxy bypass, cookie bootstrap, nonce handling, and URL rewriting deserve concise code comments when changed.

Output

  • Lead with the failing route or trust boundary.
  • Include file references and the specific site/mode assumptions.
  • Recommend tests for public URL, same-site URL, preview URL, editor URL, internal navigation, and rejected private URL.

Plus de skills de automattic

testing-js
automattic
Directives pour vérifier les fichiers JavaScript pour les erreurs de syntaxe
setup
automattic
Vérifier que l'interface en ligne de commande dn est installée et configurée. Utiliser lorsque l'utilisateur installe pour la première fois le plugin domain-names, ou lorsqu'une commande dn échoue parce que l'interface en ligne de commande est…
studio-cli
automattic
Utilisez le Studio CLI pour gérer les sites WordPress locaux, l'authentification et les sites de prévisualisation. Invoquez cette compétence lorsque vous devez exécuter des commandes Studio CLI, gérer…
dn-info
automattic
Obtenez des informations détaillées sur un domaine enregistré à l'aide de l'interface en ligne de commande dn. Utilisez lorsque l'utilisateur souhaite consulter les détails d'un domaine comme la date d'expiration, les serveurs de noms, les contacts,…
qa
automattic
Comparez le contenu WXR extrait avec la page source d'origine, page par page. Repérez les textes, titres, images et liens manquants. Corrigez en patchant le WXR ou…
add-skill
automattic
Ajouter une nouvelle compétence au plugin a8c-design. À utiliser lorsque vous avez créé une compétence Claude Code et que vous souhaitez la contribuer au plugin partagé Automattic a8c-design —…
design-foundations
automattic
Construire un JSON design-foundation cohérent à partir d'un site libéré — rôles sémantiques de couleur/typographie/espacement avec des traces de preuve. Consomme le scaffold partiel…
wp-phpstan
automattic
À utiliser lors de la configuration, de l'exécution ou de la correction de l'analyse statique PHPStan dans des projets WordPress (plugins/thèmes/sites) : configuration de phpstan.neon, baselines,…