Update resolveSitemap for generated sitemap

Author: hsoulier

packages/next/src/build/webpack/loaders/metadata/resolve-route-data.test.ts

@@ -110,6 +110,10 @@ describe('resolveRouteData', () => {
                 es: 'https://example.com/es',
                 de: 'https://example.com/de',
               },
+              media: {
+                '(max-width: 600px)': 'https://example.com/mobile',
+                '(min-width: 601px)': 'https://example.com/desktop',
+              },
             },
           },
         ])
@@ -120,6 +124,8 @@ describe('resolveRouteData', () => {
         <loc>https://example.com</loc>
         <xhtml:link rel="alternate" hreflang="es" href="https://example.com/es" />
         <xhtml:link rel="alternate" hreflang="de" href="https://example.com/de" />
+        <xhtml:link rel="alternate" media="(max-width: 600px)" href="https://example.com/mobile" />
+        <xhtml:link rel="alternate" media="(min-width: 601px)" href="https://example.com/desktop" />
         <lastmod>2021-01-01</lastmod>
         </url>
         </urlset>

packages/next/src/build/webpack/loaders/metadata/resolve-route-data.ts

@@ -78,6 +78,15 @@ export function resolveSitemap(data: MetadataRoute.Sitemap): string {
         }" />\n`
       }
     }
+
+    const medias = item.alternates?.media
+    if (medias && Object.keys(medias).length) {
+      for (const media in medias) {
+        content += `<xhtml:link rel="alternate" media="${media}" href="${
+          medias[media as keyof typeof medias]
+        }" />\n`
+      }
+    }
     if (item.images?.length) {
       for (const image of item.images) {
         content += `<image:image>\n<image:loc>${image}</image:loc>\n</image:image>\n`

packages/next/src/lib/metadata/types/metadata-interface.ts

@@ -712,6 +712,9 @@ type SitemapFile = Array<{
   alternates?:
     | {
         languages?: Languages<string> | undefined
+        media?: {
+          [media: string]: string | undefined
+        }
       }
     | undefined
   images?: string[] | undefined