@nuxtjs/sitemap 7.5.2 → 8.0.0

package/dist/runtime/server/routes/sitemap.xsl.js

@@ -1,8 +1,8 @@
-import { defineEventHandler, getHeader, setHeader, getQuery as h3GetQuery } from "h3";
+import { getSiteConfig } from "#site-config/server/composables";
+import { createSitePathResolver } from "#site-config/server/composables/utils";
+import { defineEventHandler, getHeader, getQuery as h3GetQuery, setHeader } from "h3";
 import { getQuery, parseURL, withQuery } from "ufo";
 import { useSitemapRuntimeConfig, xmlEscape } from "../utils.js";
-import { useSiteConfig } from "#site-config/server/composables/useSiteConfig";
-import { createSitePathResolver } from "#site-config/server/composables/utils";
 export default defineEventHandler(async (e) => {
   const fixPath = createSitePathResolver(e, { absolute: false, withBase: true });
   const { sitemapName: fallbackSitemapName, cacheMaxAgeSeconds, version, xslColumns, xslTips } = useSitemapRuntimeConfig();
@@ -11,20 +11,18 @@ export default defineEventHandler(async (e) => {
     setHeader(e, "Cache-Control", `public, max-age=${cacheMaxAgeSeconds}, must-revalidate`);
   else
     setHeader(e, "Cache-Control", `no-cache, no-store`);
-  const svgIcon = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="icon" style="margin-right: 4px; font-size: 25px;" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#93c5fd" d="M4 26h4v4H4zm10 0h4v4h-4zm10 0h4v4h-4zm1-10h-8v-2h-2v2H7a2.002 2.002 0 0 0-2 2v6h2v-6h8v6h2v-6h8v6h2v-6a2.002 2.002 0 0 0-2-2zM9 2v10h14V2zm2 2h2v6h-2zm10 6h-6V4h6z"></path></svg>`;
-  const creditName = `<a href="https://github.com/nuxt-modules/sitemap" style="color: black; display: flex; align-items: center; font-weight: 500;" target="_blank" rel="noopener">${svgIcon} Nuxt Sitemap v${version}</a>`;
-  const { name: siteName, url: siteUrl } = useSiteConfig(e);
+  const { name: siteName, url: siteUrl } = getSiteConfig(e);
   const referrer = getHeader(e, "Referer") || "/";
   const referrerPath = parseURL(referrer).pathname;
   const isNotIndexButHasIndex = referrerPath !== "/sitemap.xml" && referrerPath !== "/sitemap_index.xml" && referrerPath.endsWith(".xml");
   const sitemapName = parseURL(referrer).pathname.split("/").pop()?.split("-sitemap")[0] || fallbackSitemapName;
   const title = `${siteName}${sitemapName !== "sitemap.xml" ? ` - ${sitemapName === "sitemap_index.xml" ? "index" : sitemapName}` : ""}`.replace(/&/g, "&amp;");
+  const isIndexPage = referrerPath === "/sitemap.xml" || referrerPath === "/sitemap_index.xml";
   const canonicalQuery = getQuery(referrer).canonical;
   const isShowingCanonical = typeof canonicalQuery !== "undefined" && canonicalQuery !== "false";
-  const conditionalTips = [
-    'You are looking at a <a href="https://developer.mozilla.org/en-US/docs/Web/XSLT/Transforming_XML_with_XSLT/An_Overview" style="color: #398465" target="_blank">XML stylesheet</a>. Read the <a href="https://nuxtseo.com/sitemap/guides/customising-ui" style="color: #398465" target="_blank">docs</a> to learn how to customize it. View the page source to see the raw XML.',
-    `URLs missing? Check Nuxt Devtools Sitemap tab (or the <a href="${xmlEscape(withQuery("/__sitemap__/debug.json", { sitemap: sitemapName }))}" style="color: #398465" target="_blank">debug endpoint</a>).`
-  ];
+  const debugUrl = xmlEscape(withQuery("/__sitemap__/debug.json", { sitemap: sitemapName }));
+  const devUrl = xmlEscape(referrerPath);
+  const prodUrl = xmlEscape(withQuery(referrerPath, { canonical: "" }));
   const fetchErrors = [];
   const xslQuery = h3GetQuery(e);
   if (xslQuery.error_messages) {
@@ -35,25 +33,20 @@ export default defineEventHandler(async (e) => {
       const urls = Array.isArray(errorUrls) ? errorUrls : errorUrls ? [errorUrls] : [];
       messages.forEach((msg, i) => {
         const errorParts = [xmlEscape(msg)];
-        if (urls[i]) {
+        if (urls[i])
           errorParts.push(xmlEscape(urls[i]));
-        }
-        fetchErrors.push(`<strong style="color: #dc2626;">Error ${i + 1}:</strong> ${errorParts.join(" - ")}`);
+        fetchErrors.push(`<span class="error-item">${errorParts.join(" \u2014 ")}</span>`);
       });
     }
   }
-  if (!isShowingCanonical) {
-    const canonicalPreviewUrl = withQuery(referrer, { canonical: "" });
-    conditionalTips.push(`Your canonical site URL is <strong>${xmlEscape(siteUrl)}</strong>.`);
-    conditionalTips.push(`You can preview your canonical sitemap by visiting <a href="${xmlEscape(canonicalPreviewUrl)}" style="color: #398465; white-space: nowrap;">${xmlEscape(fixPath(canonicalPreviewUrl))}?canonical</a>`);
-  } else {
-    conditionalTips.push(`You are viewing the canonical sitemap. You can switch to using the request origin: <a href="${xmlEscape(fixPath(referrer))}" style="color: #398465; white-space: nowrap ">${xmlEscape(fixPath(referrer))}</a>`);
-  }
   const hasRuntimeErrors = fetchErrors.length > 0;
-  const showDevTips = import.meta.dev && xslTips !== false;
-  const showSidebar = showDevTips || hasRuntimeErrors;
-  const devTips = showDevTips ? conditionalTips.map((t) => `<li><p>${t}</p></li>`).join("\n") : "";
-  const runtimeErrors = hasRuntimeErrors ? fetchErrors.map((t) => `<li><p>${t}</p></li>`).join("\n") : "";
+  const showDevTools = import.meta.dev && xslTips !== false;
+  const hints = [
+    `This is an XSL sitemap (CSS for XML). Disable with <code>xsl: false</code>`,
+    `View the raw XML by adding <code>?canonical</code> to the URL`,
+    `Check <code>/__sitemap__/debug.json</code> for full sitemap diagnostics`
+  ];
+  const hint = hints[Math.floor(Math.random() * hints.length)];
   let columns = [...xslColumns];
   if (!columns.length) {
     columns = [
@@ -77,176 +70,379 @@ export default defineEventHandler(async (e) => {
         <title>XML Sitemap</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
         <style type="text/css">
+          :root {
+            --accent: #00dc82;
+            --accent-hover: #00b86b;
+            --bg: #0a0a0a;
+            --bg-elevated: #141414;
+            --bg-subtle: #1a1a1a;
+            --border: #262626;
+            --border-subtle: #1f1f1f;
+            --text: #e5e5e5;
+            --text-muted: #737373;
+            --text-faint: #525252;
+            --error: #ef4444;
+            --error-bg: rgba(239,68,68,0.1);
+            --warning: #f59e0b;
+          }
+          * { box-sizing: border-box; }
           body {
-            font-family: Inter, Helvetica, Arial, sans-serif;
-            font-size: 14px;
-            color: #333;
+            font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+            font-size: 13px;
+            color: var(--text);
+            background: var(--bg);
+            margin: 0;
+            padding: 0;
+            line-height: 1.6;
+            -webkit-font-smoothing: antialiased;
           }
+          a { color: inherit; transition: color 0.15s; }
+          a:hover { color: var(--accent); }
 
-          table {
-            border: none;
-            border-collapse: collapse;
+          /* Debug bar (dev only) */
+          .debug-bar {
+            position: fixed;
+            bottom: 0.75rem;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 80%;
+            background: var(--bg-elevated);
+            border: 1px solid var(--border);
+            border-radius: 10px;
+            padding: 0 1rem;
+            height: 2.5rem;
+            display: flex;
+            align-items: center;
+            gap: 0.75rem;
+            z-index: 100;
+            font-size: 11px;
           }
-
-          .bg-yellow-200 {
-            background-color: #fef9c3;
+          .debug-bar-brand {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            color: var(--text-muted);
+            text-decoration: none;
           }
-
-          .p-5 {
-            padding: 1.25rem;
+          .debug-bar-brand:hover { color: var(--text); }
+          .debug-bar-brand svg { flex-shrink: 0; }
+          .debug-bar-hint {
+            color: var(--text-faint);
+            margin-right: auto;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
           }
-
-          .rounded {
+          .debug-bar-hint code {
+            background: var(--bg-subtle);
+            padding: 0.1rem 0.3rem;
+            border-radius: 3px;
+            font-size: 10px;
+          }
+          .mode-badge {
+            font-size: 9px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.04em;
+            padding: 0.2rem 0.4rem;
+            border-radius: 3px;
+          }
+          .mode-dev { background: rgba(245,158,11,0.15); color: var(--warning); }
+          .mode-prod { background: rgba(0,220,130,0.12); color: var(--accent); }
+          .mode-toggle {
+            display: inline-flex;
             border-radius: 4px;
-            }
-
-          .shadow {
-            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+            overflow: hidden;
+            background: var(--bg-subtle);
+            padding: 2px;
+            gap: 1px;
           }
-
-          #sitemap tr:nth-child(odd) td {
-            background-color: #f8f8f8 !important;
+          .mode-toggle a {
+            padding: 0.2rem 0.4rem;
+            font-size: 9px;
+            font-weight: 500;
+            text-decoration: none;
+            color: var(--text-muted);
+            border-radius: 2px;
+            transition: all 0.15s;
           }
-
-          #sitemap tbody tr:hover td {
-            background-color: #fff;
+          .mode-toggle a:hover { color: var(--text); }
+          .mode-toggle a.active {
+            background: var(--accent);
+            color: #0a0a0a;
           }
-
-          #sitemap tbody tr:hover td, #sitemap tbody tr:hover td a {
-            color: #000;
+          .btn {
+            display: inline-flex;
+            align-items: center;
+            gap: 0.25rem;
+            padding: 0.25rem 0.5rem;
+            border-radius: 4px;
+            text-decoration: none;
+            font-size: 10px;
+            font-weight: 500;
+            transition: all 0.15s;
           }
-
-          .expl a {
-            color: #398465;
-            font-weight: 600;
+          .btn-primary {
+            background: var(--accent);
+            color: #0a0a0a;
           }
+          .btn-primary:hover { background: var(--accent-hover); color: #0a0a0a; }
+          .btn svg { width: 12px; height: 12px; }
 
-          .expl a:visited {
-            color: #398465;
+          /* Error banner */
+          .error-banner {
+            background: var(--error-bg);
+            border-bottom: 1px solid rgba(239,68,68,0.2);
+            padding: 0.75rem 1.5rem;
+            color: #fca5a5;
+            font-size: 12px;
           }
-
-          a {
-            color: #000;
+          .error-banner strong { color: var(--error); }
+          .error-item { display: block; margin-top: 0.375rem; color: #fca5a5; }
+          .error-debug-link {
+            display: inline-flex;
+            align-items: center;
+            gap: 0.25rem;
+            margin-top: 0.625rem;
+            padding: 0.25rem 0.5rem;
+            background: var(--error);
+            color: #fff;
+            border-radius: 4px;
+            font-size: 11px;
+            font-weight: 500;
             text-decoration: none;
+            transition: background 0.15s;
           }
+          .error-debug-link:hover { background: #dc2626; color: #fff; }
 
-          a:visited {
-            color: #777;
+          /* Main content */
+          .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 1.5rem;
           }
-
-          a:hover {
+          .header {
+            margin-bottom: 1.25rem;
+          }
+          .header h1 {
+            font-size: 1rem;
+            font-weight: 600;
+            margin: 0 0 0.25rem 0;
+            color: var(--text);
+          }
+          .header-meta {
+            color: var(--text-muted);
+            font-size: 12px;
+          }
+          .header-meta a {
+            color: var(--text-muted);
             text-decoration: underline;
+            text-decoration-color: var(--border);
+            text-underline-offset: 2px;
           }
+          .header-meta a:hover { color: var(--accent); text-decoration-color: var(--accent); }
 
+          /* Table */
+          .table-wrap {
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            overflow: hidden;
+            background: var(--bg-elevated);
+          }
+          table {
+            width: 100%;
+            border-collapse: collapse;
+          }
+          th {
+            text-align: left;
+            padding: 0.625rem 1rem;
+            font-size: 10px;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            color: var(--text-muted);
+            background: var(--bg-subtle);
+            border-bottom: 1px solid var(--border);
+          }
           td {
+            padding: 0.5rem 1rem;
+            border-bottom: 1px solid var(--border-subtle);
             font-size: 12px;
+            color: var(--text);
           }
+          tr:last-child td { border-bottom: none; }
+          tr:hover td { background: rgba(255,255,255,0.02); }
+          td a {
+            text-decoration: none;
+            word-break: break-all;
+            color: var(--text);
+          }
+          td a:hover { color: var(--accent); }
+          .inline-warning {
+            font-size: 11px;
+            color: var(--warning);
+            margin-top: 0.25rem;
+            line-height: 1.4;
+          }
+          .inline-warning::before {
+            content: "\u26A0 ";
+          }
+          .count {
+            display: inline-block;
+            min-width: 1.25rem;
+            padding: 0.125rem 0.375rem;
+            background: var(--bg-subtle);
+            border-radius: 4px;
+            text-align: center;
+            font-size: 11px;
+            color: var(--text-muted);
+            font-variant-numeric: tabular-nums;
+          }
+          .count:empty::before { content: "0"; }
 
-          .text-2xl {
-            font-size: 2rem;
-            font-weight: 600;
-            line-height: 1.25;
+          /* Light mode */
+          @media (prefers-color-scheme: light) {
+            :root {
+              --accent: #00a963;
+              --accent-hover: #008f54;
+              --bg: #ffffff;
+              --bg-elevated: #f5f5f5;
+              --bg-subtle: #ebebeb;
+              --border: #d4d4d4;
+              --border-subtle: #e5e5e5;
+              --text: #171717;
+              --text-muted: #525252;
+              --text-faint: #737373;
+              --error: #dc2626;
+              --error-bg: rgba(220,38,38,0.08);
+              --warning: #b45309;
+            }
+            tr:hover td { background: rgba(0,0,0,0.02); }
+            .btn-primary { color: #fff; }
+            .btn-primary:hover { color: #fff; }
+            .mode-toggle a.active { color: #fff; }
+            .error-banner { color: #991b1b; }
+            .error-item { color: #b91c1c; }
+            .error-debug-link { color: #fff; }
+            .error-debug-link:hover { color: #fff; }
           }
 
-          th {
-            text-align: left;
-            padding-right: 30px;
-            font-size: 12px;
+          .debug-bar-version {
+            color: var(--text-faint);
+            font-size: 10px;
           }
 
-          thead th {
-            border-bottom: 1px solid #000;
-          }
-          .fixed { position: fixed; }
-          .right-2 { right: 2rem; }
-          .top-2 { top: 2rem; }
-          .w-30 { width: 30rem; }
-          p { margin: 0; }
-          li { padding-bottom: 0.5rem; line-height: 1.5; }
-          h1 { margin: 0; }
-          .mb-5 { margin-bottom: 1.25rem; }
-          .mb-3 { margin-bottom: 0.75rem; }
+          /* Responsive */
+          @media (max-width: 640px) {
+            .debug-bar { padding: 0 0.75rem; gap: 0.5rem; width: 95%; }
+            .debug-bar-brand span { display: none; }
+            .debug-bar-hint { display: none; }
+            .debug-bar-version { display: none; }
+            .mode-badge { display: none; }
+            .container { padding: 1rem; }
+            th, td { padding: 0.5rem 0.75rem; }
+          }
+          ${showDevTools ? "body { padding-bottom: 3.5rem; }" : ""}
         </style>
       </head>
       <body>
-        <div style="grid-template-columns: 1fr 1fr; display: grid; margin: 3rem;">
-            <div>
-             <div id="content">
-          <h1 class="text-2xl mb-3">XML Sitemap</h1>
-          <h2>${xmlEscape(title)}</h2>
-          ${isNotIndexButHasIndex ? `<p style="font-size: 12px; margin-bottom: 1rem;"><a href="${xmlEscape(fixPath("/sitemap_index.xml"))}">${xmlEscape(fixPath("/sitemap_index.xml"))}</a></p>` : ""}
+        ${hasRuntimeErrors ? `<div class="error-banner">
+            <strong>Sitemap Generation Errors</strong>
+            ${fetchErrors.join("")}
+            <a href="${debugUrl}" target="_blank" class="error-debug-link">View Debug Info \u2192</a>
+          </div>` : ""}
+        <div class="container">
+          <div class="header">
+            <h1>${xmlEscape(title)}</h1>
+            <div class="header-meta">
+              ${isNotIndexButHasIndex ? `Part of <a href="${xmlEscape(fixPath("/sitemap_index.xml"))}">${xmlEscape(fixPath("/sitemap_index.xml"))}</a> \xB7 ` : ""}
+              <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
+                <xsl:value-of select="count(sitemap:sitemapindex/sitemap:sitemap)"/> sitemaps
+              </xsl:if>
+              <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &lt; 1">
+                <xsl:value-of select="count(sitemap:urlset/sitemap:url)"/> URLs
+              </xsl:if>
+            </div>
+          </div>
           <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &gt; 0">
-            <p class="expl" style="margin-bottom: 1rem;">
-              This XML Sitemap Index file contains
-              <xsl:value-of select="count(sitemap:sitemapindex/sitemap:sitemap)"/> sitemaps.
-            </p>
-            <table id="sitemap" cellpadding="3">
-              <thead>
-                <tr>
-                  <th width="75%">Sitemap</th>
-                  <th width="25%">Last Modified</th>
-                </tr>
-              </thead>
-              <tbody>
-                <xsl:for-each select="sitemap:sitemapindex/sitemap:sitemap">
-                  <xsl:variable name="sitemapURL">
-                    <xsl:value-of select="sitemap:loc"/>
-                  </xsl:variable>
+            <div class="table-wrap">
+              <table>
+                <thead>
                   <tr>
-                    <td>
-                      <a href="{$sitemapURL}">
-                        <xsl:value-of select="sitemap:loc"/>
-                      </a>
-                    </td>
-                    <td>
-                      <xsl:value-of
-                        select="concat(substring(sitemap:lastmod,0,11),concat(' ', substring(sitemap:lastmod,12,5)),concat(' ', substring(sitemap:lastmod,20,6)))"/>
-                    </td>
+                    <th style="width:70%">Sitemap</th>
+                    <th style="width:30%">Last Modified</th>
                   </tr>
-                </xsl:for-each>
-              </tbody>
-            </table>
+                </thead>
+                <tbody>
+                  <xsl:for-each select="sitemap:sitemapindex/sitemap:sitemap">
+                    <xsl:variable name="sitemapURL">
+                      <xsl:value-of select="sitemap:loc"/>
+                    </xsl:variable>
+                    <tr>
+                      <td>
+                        <a href="{$sitemapURL}">
+                          <xsl:value-of select="sitemap:loc"/>
+                        </a>
+                      </td>
+                      <td>
+                        <xsl:value-of
+                          select="concat(substring(sitemap:lastmod,0,11),concat(' ', substring(sitemap:lastmod,12,5)),concat(' ', substring(sitemap:lastmod,20,6)))"/>
+                      </td>
+                    </tr>
+                  </xsl:for-each>
+                </tbody>
+              </table>
+            </div>
           </xsl:if>
           <xsl:if test="count(sitemap:sitemapindex/sitemap:sitemap) &lt; 1">
-            <p class="expl" style="margin-bottom: 1rem;">
-              This XML Sitemap contains
-              <xsl:value-of select="count(sitemap:urlset/sitemap:url)"/> URLs.
-            </p>
-            <table id="sitemap" cellpadding="3">
-              <thead>
-                <tr>
-                  ${columns.map((c) => `<th width="${c.width}">${c.label}</th>`).join("\n")}
-                </tr>
-              </thead>
-              <tbody>
-                <xsl:variable name="lower" select="'abcdefghijklmnopqrstuvwxyz'"/>
-                <xsl:variable name="upper" select="'ABCDEFGHIJKLMNOPQRSTUVWXYZ'"/>
-                <xsl:for-each select="sitemap:urlset/sitemap:url">
+            <div class="table-wrap">
+              <table>
+                <thead>
                   <tr>
-                    <td>
-                      <xsl:variable name="itemURL">
-                        <xsl:value-of select="sitemap:loc"/>
-                      </xsl:variable>
-                      <a href="{$itemURL}">
-                        <xsl:value-of select="sitemap:loc"/>
-                      </a>
-                    </td>
-                    ${columns.filter((c) => c.label !== "URL").map((c) => `<td>
-<xsl:value-of select="${c.select}"/>
-</td>`).join("\n")}
+                    ${columns.map((c) => `<th style="width:${c.width}">${c.label}</th>`).join("\n")}
                   </tr>
-                </xsl:for-each>
-              </tbody>
-            </table>
+                </thead>
+                <tbody>
+                  <xsl:for-each select="sitemap:urlset/sitemap:url">
+                    <tr>
+                      <td>
+                        <xsl:variable name="itemURL">
+                          <xsl:value-of select="sitemap:loc"/>
+                        </xsl:variable>
+                        <a href="{$itemURL}">
+                          <xsl:value-of select="sitemap:loc"/>
+                        </a>
+                        ${showDevTools ? `<xsl:for-each select="comment()[starts-with(normalize-space(.), 'WARN:')]">
+                          <div class="inline-warning">
+                            <xsl:value-of select="substring-after(normalize-space(.), 'WARN:')"/>
+                          </div>
+                        </xsl:for-each>` : ""}
+                      </td>
+                      ${columns.filter((c) => c.label !== "URL").map((c) => `<td><span class="count"><xsl:value-of select="${c.select}"/></span></td>`).join("\n")}
+                    </tr>
+                  </xsl:for-each>
+                </tbody>
+              </table>
+            </div>
           </xsl:if>
         </div>
-        </div>
-                    ${showSidebar ? `<div class="w-30 top-2 shadow rounded p-5 right-2" style="margin: 0 auto;">
-                      ${showDevTips ? `<div><p><strong>Development Tips</strong></p><ul style="margin: 1rem 0; padding: 0;">${devTips}</ul></div>` : ""}
-                      ${hasRuntimeErrors ? `<div${showDevTips ? ' style="margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #e5e7eb;"' : ""}><p><strong style="color: #dc2626;">Runtime Errors</strong></p><ul style="margin: 1rem 0; padding: 0;">${runtimeErrors}</ul></div>` : ""}
-                      ${showDevTips ? `<p style="margin-top: 1rem;">${creditName}</p>` : ""}
-                    </div>` : ""}
-        </div>
+        ${showDevTools ? `<div class="debug-bar">
+            <a href="${xmlEscape(fixPath("/sitemap_index.xml"))}" class="debug-bar-brand">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 32 32"><path fill="#00dc82" d="M4 26h4v4H4zm10 0h4v4h-4zm10 0h4v4h-4zm1-10h-8v-2h-2v2H7a2 2 0 0 0-2 2v6h2v-6h8v6h2v-6h8v6h2v-6a2 2 0 0 0-2-2zM9 2v10h14V2zm2 2h2v6h-2zm10 6h-6V4h6z"/></svg>
+              <span>Sitemap Debug Bar</span>
+            </a>
+            <span class="debug-bar-version">v${version} \xB7 ${xmlEscape(siteUrl)}</span>
+            <span class="debug-bar-hint">Hint: ${hint}</span>
+            ${isIndexPage ? `<span class="mode-badge ${isShowingCanonical ? "mode-prod" : "mode-dev"}">${isShowingCanonical ? "Prod" : "Dev"}</span>
+              <div class="mode-toggle">
+                <a href="${isShowingCanonical ? devUrl : "#"}" class="${!isShowingCanonical ? "active" : ""}">Dev</a>
+                <a href="${!isShowingCanonical ? prodUrl : "#"}" class="${isShowingCanonical ? "active" : ""}">Prod</a>
+              </div>` : ""}
+            <a href="${debugUrl}" target="_blank" class="btn btn-primary">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
+              Debug
+            </a>
+          </div>` : ""}
       </body>
     </html>
   </xsl:template>

package/dist/runtime/server/sitemap/builder/sitemap-index.js

@@ -1,12 +1,12 @@
 import { defu } from "defu";
-import { joinURL, withQuery } from "ufo";
-import { defineCachedFunction } from "nitropack/runtime";
 import { getHeader } from "h3";
+import { defineCachedFunction, useRuntimeConfig } from "nitropack/runtime";
+import { joinURL, withQuery } from "ufo";
 import { normaliseDate } from "../urlset/normalise.js";
-import { globalSitemapSources, childSitemapSources, resolveSitemapSources } from "../urlset/sources.js";
 import { sortInPlace } from "../urlset/sort.js";
-import { escapeValueForXml } from "./xml.js";
+import { childSitemapSources, globalSitemapSources, resolveSitemapSources } from "../urlset/sources.js";
 import { resolveSitemapEntries } from "./sitemap.js";
+import { escapeValueForXml } from "./xml.js";
 const buildSitemapIndexCached = defineCachedFunction(
   async (event, resolvers, runtimeConfig, nitro) => {
     return buildSitemapIndexInternal(resolvers, runtimeConfig, nitro);
@@ -47,7 +47,8 @@ async function buildSitemapIndexInternal(resolvers, runtimeConfig, nitro) {
   const chunks = {};
   const allFailedSources = [];
   for (const sitemapName in sitemaps) {
-    if (sitemapName === "index" || sitemapName === "chunks") continue;
+    if (sitemapName === "index" || sitemapName === "chunks")
+      continue;
     const sitemapConfig = sitemaps[sitemapName];
     if (sitemapConfig.chunks || sitemapConfig._isChunking) {
       sitemapConfig._isChunking = true;
@@ -80,7 +81,7 @@ async function buildSitemapIndexInternal(resolvers, runtimeConfig, nitro) {
       event: resolvers.event
     };
     await nitro?.hooks.callHook("sitemap:input", resolvedCtx);
-    const normalisedUrls = resolveSitemapEntries(sitemap, resolvedCtx.urls, { autoI18n, isI18nMapped }, resolvers);
+    const normalisedUrls = resolveSitemapEntries(sitemap, resolvedCtx.urls, { autoI18n, isI18nMapped }, resolvers, useRuntimeConfig().app.baseURL);
     const enhancedUrls = normalisedUrls.map((e) => defu(e, sitemap.defaults));
     const sortedUrls = maybeSort(enhancedUrls);
     sortedUrls.forEach((url, i) => {
@@ -129,7 +130,7 @@ async function buildSitemapIndexInternal(resolvers, runtimeConfig, nitro) {
         event: resolvers.event
       };
       await nitro?.hooks.callHook("sitemap:input", resolvedCtx);
-      const normalisedUrls = resolveSitemapEntries(sitemapConfig, resolvedCtx.urls, { autoI18n, isI18nMapped }, resolvers);
+      const normalisedUrls = resolveSitemapEntries(sitemapConfig, resolvedCtx.urls, { autoI18n, isI18nMapped }, resolvers, useRuntimeConfig().app.baseURL);
       const totalUrls = normalisedUrls.length;
       const chunkCount = Math.ceil(totalUrls / chunkSize);
       sitemapConfig._chunkCount = chunkCount;

package/dist/runtime/server/sitemap/builder/sitemap.d.ts

@@ -5,7 +5,7 @@ export interface NormalizedI18n extends ResolvedSitemapUrl {
     _locale: AutoI18nConfig['locales'][number];
     _index?: number;
 }
-export declare function resolveSitemapEntries(sitemap: SitemapDefinition, urls: SitemapUrlInput[], runtimeConfig: Pick<ModuleRuntimeConfig, 'autoI18n' | 'isI18nMapped'>, resolvers?: NitroUrlResolvers): ResolvedSitemapUrl[];
+export declare function resolveSitemapEntries(sitemap: SitemapDefinition, urls: SitemapUrlInput[], runtimeConfig: Pick<ModuleRuntimeConfig, 'autoI18n' | 'isI18nMapped'>, resolvers?: NitroUrlResolvers, baseURL?: string): ResolvedSitemapUrl[];
 export declare function buildSitemapUrls(sitemap: SitemapDefinition, resolvers: NitroUrlResolvers, runtimeConfig: ModuleRuntimeConfig, nitro?: NitroApp): Promise<{
     urls: ResolvedSitemapUrl[];
     failedSources: Array<{