wordpress-workspace-preview-routing-debug

โดย automattic

ดีบักการแสดงตัวอย่าง Workspace Agent ของ WordPress โหมดแก้ไข การรับรองความถูกต้อง พร็อกซี และพฤติกรรมการกำหนดเส้นทาง URL ครอบคลุมไซต์ WordPress.com แบบง่าย Jetpack และ Atomic ใช้…

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.

Skills เพิ่มเติมจาก automattic

testing-js
automattic
แนวทางสำหรับการตรวจสอบไฟล์ JavaScript เพื่อหาข้อผิดพลาดทางไวยากรณ์
setup
automattic
ตรวจสอบว่า dn CLI ได้ถูกติดตั้งและกำหนดค่าแล้ว ใช้เมื่อผู้ใช้ติดตั้งปลั๊กอิน domain-names เป็นครั้งแรก หรือเมื่อคำสั่ง dn ล้มเหลวเนื่องจาก CLI ยัง...
studio-cli
automattic
ใช้ Studio CLI เพื่อจัดการไซต์ WordPress ในพื้นที่ การยืนยันตัวตน และไซต์ตัวอย่าง เรียกใช้สกิลนี้เมื่อคุณต้องการรันคำสั่ง Studio CLI จัดการ…
dn-info
automattic
รับข้อมูลรายละเอียดของโดเมนที่ลงทะเบียนโดยใช้ dn CLI ใช้เมื่อผู้ใช้ต้องการดูรายละเอียดโดเมน เช่น วันหมดอายุ เนมเซิร์ฟเวอร์ ผู้ติดต่อ…
qa
automattic
เปรียบเทียบเนื้อหา WXR ที่แยกออกมากับหน้าเว็บไซต์ต้นฉบับทีละหน้า ค้นหาข้อความ หัวข้อ รูปภาพ และลิงก์ที่หายไป แก้ไขโดยการแพตช์ WXR หรือ…
add-skill
automattic
เพิ่มทักษะใหม่ให้กับปลั๊กอิน a8c-design ใช้เมื่อคุณได้สร้างทักษะ Claude Code และต้องการนำไปร่วมในปลั๊กอิน Automattic a8c-design ที่ใช้ร่วมกัน —…
design-foundations
automattic
สร้าง design-foundation JSON ที่สอดคล้องกันจากไซต์ที่ถูกปลดปล่อย — บทบาทสี/ตัวอักษร/ระยะห่างเชิงความหมายพร้อมหลักฐานประกอบ ใช้โครงร่างบางส่วน…
wp-phpstan
automattic
ใช้เมื่อกำหนดค่า เรียกใช้ หรือแก้ไขการวิเคราะห์แบบสแตติกของ PHPStan ในโปรเจกต์ WordPress (ปลั๊กอิน/ธีม/ไซต์): การตั้งค่า phpstan.neon, เบสไลน์,…