feat(seo): custom page sitemap via fetchCustomPages (#380)

Rewrite sitemap-weaverse.xml.ts to use weaverse.fetchCustomPages() SDK method. Bumps @weaverse/hydrogen to 5.13.0.

Author: paul-phan

app/routes.ts

@@ -20,6 +20,7 @@ export default hydrogenRoutes([
     ),
     route("sitemap.xml", "routes/seo/sitemap.ts"),
     route("sitemap/:type/:page.xml", "routes/seo/sitemap-page.ts"),
+    route("sitemap-weaverse.xml", "routes/seo/sitemap-weaverse.xml.ts"),
     route("pages/:pageHandle", "routes/pages/regular-page.tsx"),
     route("discount/:code", "routes/others/discount-code.tsx"),
     ...prefix("api", [

app/routes/seo/sitemap-weaverse.xml.ts

@@ -0,0 +1,40 @@
+import type { LoaderFunctionArgs } from "react-router";
+
+function escapeXml(str: string): string {
+  return str
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&apos;");
+}
+
+export async function loader({ request, context }: LoaderFunctionArgs) {
+  const { weaverse } = context as any;
+  const url = new URL(request.url);
+  const baseUrl = `${url.protocol}//${url.host}`;
+
+  const entries = await weaverse.fetchCustomPages();
+
+  const urls = entries.map((entry) => {
+    const loc = escapeXml(`${baseUrl}${entry.path}`);
+    return `  <url>
+      <loc>${loc}</loc>
+      <lastmod>${escapeXml(entry.lastModified)}</lastmod>
+      <changefreq>${entry.changeFrequency || "weekly"}</changefreq>
+      <priority>${entry.priority ?? 0.7}</priority>
+    </url>`;
+  });
+
+  const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${urls.join("\n")}
+</urlset>`;
+
+  return new Response(xml, {
+    headers: {
+      "Content-Type": "application/xml",
+      "Cache-Control": `max-age=${60 * 60 * 24}`,
+    },
+  });
+}

app/routes/seo/sitemap.ts

@@ -10,6 +10,21 @@ export async function loader({
     request,
   });
 
-  response.headers.set("Cache-Control", `max-age=${60 * 60 * 24}`);
-  return response;
+  // Add Weaverse custom pages sitemap to the index
+  const sitemapXml = await response.text();
+  const url = new URL(request.url);
+  const weaverseSitemapUrl = `${url.protocol}//${url.host}/sitemap-weaverse.xml`;
+  
+  // Insert Weaverse sitemap before closing sitemapindex tag
+  const modifiedXml = sitemapXml.replace(
+    "</sitemapindex>",
+    `  <sitemap>\n    <loc>${weaverseSitemapUrl}</loc>\n  </sitemap>\n</sitemapindex>`
+  );
+
+  return new Response(modifiedXml, {
+    headers: {
+      "Content-Type": "application/xml",
+      "Cache-Control": `max-age=${60 * 60 * 24}`,
+    },
+  });
 }

package.json

@@ -64,7 +64,7 @@
     "@shopify/hydrogen": "^2026.4.1",
     "@shopify/hydrogen-react": "^2026.4.1",
     "@tailwindcss/vite": "^4.2.2",
-    "@weaverse/hydrogen": "^5.12.0",
+    "@weaverse/hydrogen": "^5.13.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "colord": "2.9.3",