wordpress-workspace-preview-routing-debug

द्वारा automattic

सरल WordPress.com, Jetpack और Atomic साइटों पर WordPress Workspace Agent पूर्वावलोकन, संपादन-मोड, प्रमाणीकरण, प्रॉक्सी और URL-रूटिंग व्यवहार को डीबग करें। उपयोग करें…

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.

automattic की और Skills

testing-js
automattic
जावास्क्रिप्ट फ़ाइलों में सिंटैक्स त्रुटियों की जाँच करने के दिशानिर्देश
setup
automattic
सत्यापित करें कि dn CLI स्थापित और कॉन्फ़िगर किया गया है। इसका उपयोग तब करें जब उपयोगकर्ता पहली बार domain-names प्लगइन स्थापित करता है, या जब dn कमांड CLI के कारण विफल हो जाता है…
studio-cli
automattic
स्टूडियो CLI का उपयोग करके स्थानीय WordPress साइटों, प्रमाणीकरण और पूर्वावलोकन साइटों का प्रबंधन करें। इस कौशल को तब लागू करें जब आपको स्टूडियो CLI कमांड चलाने, प्रबंधित करने की आवश्यकता हो…
dn-info
automattic
dn CLI का उपयोग करके पंजीकृत डोमेन के बारे में विस्तृत जानकारी प्राप्त करें। जब उपयोगकर्ता डोमेन विवरण जैसे समाप्ति तिथि, नेमसर्वर, संपर्क आदि देखना चाहे तब उपयोग करें।
qa
automattic
निकाले गए WXR सामग्री की तुलना मूल स्रोत साइट से पृष्ठ दर पृष्ठ करें। लापता पाठ, शीर्षक, चित्र और लिंक खोजें। WXR को पैच करके या… ठीक करें।
add-skill
automattic
a8c-design प्लगइन में एक नया स्किल जोड़ें। जब आपने Claude Code स्किल बनाया हो और उसे साझा Automattic a8c-design प्लगइन में योगदान देना चाहते हों तो इसका उपयोग करें —…
design-foundations
automattic
मुक्त साइट से एक सुसंगत डिज़ाइन-फाउंडेशन JSON बनाएं — सिमेंटिक रंग/टाइपोग्राफी/स्पेसिंग भूमिकाएँ साक्ष्य-निशानों के साथ। आंशिक स्कैफोल्ड का उपभोग करता है…
wp-phpstan
automattic
वर्डप्रेस प्रोजेक्ट्स (प्लगइन्स/थीम्स/साइट्स) में PHPStan स्टैटिक एनालिसिस को कॉन्फ़िगर करने, चलाने या ठीक करने के लिए उपयोग करें: phpstan.neon सेटअप, बेसलाइन्स,…