{% extends "base.html" %}

{% block extrahead %}
  {{ super() }}
  {% set seo = config.extra.seo or {} %}
  {% set verification = seo.verification or {} %}
  {% set raw_page_title = page.meta.title if page.meta and page.meta.title else page.title | striptags %}
  {% set seo_description = page.meta.description if page.meta and page.meta.description else config.site_description %}
  {% set canonical_url = page.canonical_url or config.site_url %}
  {% set page_language = i18n_page_locale if i18n_page_locale is defined else config.theme.language | default('en') %}

  <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/brand/apple-touch-icon.png' | url }}" />
  <link rel="manifest" href="{{ 'site.webmanifest' | url }}" />
  <link rel="sitemap" type="application/xml" href="{{ config.site_url }}sitemap.xml" />
  <script>
    /*
     * mkdocs-static-i18n emits page-level hreflang alternates, while Material for
     * MkDocs treats every exact rel="alternate" link as an alternate version root
     * and probes sitemap.xml below it. Keep hreflang metadata in the static HTML,
     * but avoid the runtime selector that causes localized page sitemap 404s.
     */
    document.querySelectorAll('link[rel="alternate"][hreflang]').forEach((link) => {
      link.rel = "alternate i18n"
    })
  </script>
  <link rel="mask-icon" href="{{ 'assets/brand/mask-icon.svg' | url }}" color="#0f766e" />
  <meta name="theme-color" content="#0f766e" />
  <meta name="robots" content="{{ page.meta.robots if page.meta and page.meta.robots else 'index, follow' }}" />

  {% if verification.google %}
    <meta name="google-site-verification" content="{{ verification.google }}" />
  {% endif %}
  {% if verification.bing %}
    <meta name="msvalidate.01" content="{{ verification.bing }}" />
  {% endif %}
  {% if verification.yandex %}
    <meta name="yandex-verification" content="{{ verification.yandex }}" />
  {% endif %}
  {% if verification.baidu %}
    <meta name="baidu-site-verification" content="{{ verification.baidu }}" />
  {% endif %}
  {% if verification.naver %}
    <meta name="naver-site-verification" content="{{ verification.naver }}" />
  {% endif %}

  <script type="application/ld+json">
    {{
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": config.site_name,
        "url": config.site_url,
        "description": config.site_description,
        "inLanguage": page_language,
        "publisher": {
          "@type": "Person",
          "name": config.site_author
        }
      } | tojson
    }}
  </script>

  {% if page.is_homepage %}
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "SoftwareApplication",
          "name": "cloakbrowser-mcp",
          "alternateName": "CloakBrowser MCP",
          "applicationCategory": "DeveloperApplication",
          "operatingSystem": "Linux, macOS, Windows",
          "description": config.site_description,
          "url": config.site_url,
          "inLanguage": page_language,
          "codeRepository": config.repo_url,
          "license": "https://github.com/swimmwatch/cloakbrowser-mcp/blob/main/LICENSE",
          "softwareRequirements": "Node.js 22.13+ (22.x) or 24+",
          "downloadUrl": "https://www.npmjs.com/package/cloakbrowser-mcp",
          "sameAs": [
            config.repo_url,
            "https://www.npmjs.com/package/cloakbrowser-mcp",
            "https://hub.docker.com/r/swimmwatch/cloakbrowser-mcp",
            "https://github.com/swimmwatch/cloakbrowser-mcp/pkgs/container/cloakbrowser-mcp",
            "https://github.com/microsoft/playwright-mcp",
            "https://github.com/CloakHQ/CloakBrowser",
            "https://modelcontextprotocol.io/"
          ],
          "featureList": [
            "Model Context Protocol stdio and Streamable HTTP server",
            "Playwright MCP browser automation bridge",
            "CloakBrowser Chromium executable integration",
            "Persistent Chromium profiles through browser.userDataDir",
            "Validated browser context options",
            "Chrome extension loading with persistent profiles",
            "Docker image for MCP browser automation",
            "Docker /data persistence conventions",
            "GeoIP-aware proxy fingerprint matching",
            "Humanized mouse, keyboard, and scroll behavior",
            "npm CLI package for MCP clients"
          ]
        } | tojson
      }}
    </script>
  {% else %}
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "TechArticle",
          "headline": raw_page_title,
          "description": seo_description,
          "url": canonical_url,
          "inLanguage": page_language,
          "author": {
            "@type": "Person",
            "name": config.site_author
          },
          "isPartOf": {
            "@type": "WebSite",
            "name": config.site_name,
            "url": config.site_url
          },
          "about": [
            "CloakBrowser MCP",
            "Playwright MCP",
            "Model Context Protocol",
            "browser automation",
            "Docker"
          ]
        } | tojson
      }}
    </script>
    <script type="application/ld+json">
      {{
        {
          "@context": "https://schema.org",
          "@type": "BreadcrumbList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "name": config.site_name,
              "item": config.site_url
            },
            {
              "@type": "ListItem",
              "position": 2,
              "name": raw_page_title,
              "item": canonical_url
            }
          ]
        } | tojson
      }}
    </script>
  {% endif %}
{% endblock %}