{
  "$schema": "https://playground.wordpress.net/blueprint-schema.json",
  "meta": {
    "title": "Royal Access — Live Demo",
    "description": "Try the accessibility toolbar live in your browser. 14 controls including font size, high contrast, dyslexia font, reading guide, and more — no signup.",
    "author": "royalplugins",
    "categories": ["Accessibility"]
  },
  "landingPage": "/?p=1",
  "preferredVersions": { "php": "8.2", "wp": "latest" },
  "phpExtensionBundles": ["kitchen-sink"],
  "features": { "networking": true },
  "login": { "username": "admin", "password": "password" },
  "steps": [
    {
      "step": "setSiteOptions",
      "options": {
        "blogname": "Royal Access Demo",
        "blogdescription": "Click the accessibility button (bottom-right) to try the toolbar live."
      }
    },
    {
      "step": "installPlugin",
      "pluginData": { "resource": "wordpress.org/plugins", "slug": "royal-access" },
      "options": { "activate": true }
    },
    {
      "step": "runPHP",
      "code": "<?php\nrequire_once '/wordpress/wp-load.php';\n\n$body = <<<HTML\n<h2>Try the accessibility toolbar</h2>\n<p>Click the accessibility button in the bottom-right corner to open the toolbar. All 14 controls are live &mdash; font size, high contrast, dark mode, dyslexia font, line spacing, reading guide, stop animations, hide images, monochrome, highlight links, big cursor, and more.</p>\n<h3>Sample content for testing</h3>\n<p>This paragraph is here so you can test readability features like font size scaling, line height, letter spacing, and word spacing. Notice how the text reflows smoothly when you adjust each control &mdash; no page reload required. Your preferences are saved in localStorage and persist across page loads.</p>\n<p>Here are a few <a href=\"https://royalplugins.com/royal-access/\">sample links</a> so you can try the <strong>Highlight Links</strong> feature, which underlines and outlines every link on the page. Pair it with <a href=\"https://royalplugins.com/\">Highlight Focus</a> for stronger keyboard-navigation cues.</p>\n<h3>Images</h3>\n<p>Toggle <strong>Hide Images</strong> and <strong>Monochrome</strong> to see how Royal Access handles visual distractions. Navigation icons and UI chrome are preserved &mdash; only content images are affected.</p>\n<p><img src=\"https://s.w.org/images/core/5.5/don-quixote-6.jpg\" alt=\"Sample illustration\" style=\"max-width:100%;height:auto;\" /></p>\n<h3>Admin tools</h3>\n<p>Accessibility checklist, contrast checker, statement generator, and per-feature toggles live at <a href=\"/wp-admin/admin.php?page=royal-access\">Royal Access &rarr; Dashboard</a>. Log in with <code>admin</code> / <code>password</code> to explore.</p>\nHTML;\n\n// Overwrite the default 'Hello world!' post (ID 1) so the landing URL is stable.\nwp_update_post( [\n  'ID'           => 1,\n  'post_title'   => 'Royal Access — Live Demo',\n  'post_content' => $body,\n  'post_status'  => 'publish',\n  'post_author'  => 1,\n] );\n"
    }
  ]
}