🧪 Test XFN Link Extension Blueprint

Quick Test

Click this button to launch WordPress Playground with the XFN demo:

🚀 Launch Playground Demo

Note: This uses the GitHub version after you push

Test Local Version

To test your local blueprint before pushing to GitHub:

Start a local web server:
cd /Users/crobertson/Downloads/xfn/link-extension-for-xfn
python3 -m http.server 8000
Open this URL in your browser:
https://playground.wordpress.net/?blueprint-url=http://localhost:8000/assets/blueprints/blueprint.json

✅ What to Check

✓ Playground loads without errors
✓ You're automatically logged in
✓ Page opens at /xfn-demo/
✓ Demo page is published (not draft)
✓ Inspector Controls are enabled
✓ Inline links have rel="..." attributes
✓ Button has rel="friend met colleague"
✓ YouTube embed figure has data-xfn-rel="friend met"
✓ Instructions and table are visible

🔍 How to Inspect XFN

Once Playground loads:

You should see the demo page automatically
Right-click on "Sarah, my colleague" → Inspect
Look for: <a href="..." rel="colleague met co-worker">
Right-click the button → Inspect
Look for: <a ... rel="friend met colleague">
Right-click the YouTube embed → Inspect
Look for: <figure ... data-xfn-rel="friend met">

🐛 Troubleshooting

If the demo doesn't load:

Check browser console for errors (F12)
Verify JSON is valid (should see "✅ JSON is valid" above)
Make sure content filters are disabled in the PHP code

If XFN attributes are missing:

The plugin might not be activated
Check Settings → Link Extension for XFN
Content filters might be stripping them

📊 Expected Results Table

Element	Expected HTML
Sarah link	`rel="colleague met co-worker"`
John link	`rel="friend met"`
Personal website	`rel="me"`
Brother link	`rel="sibling met"`
Button	`rel="friend met colleague"`
YouTube embed	`data-xfn-rel="friend met"`