Merge pull request microapps#167

attempt to fix sitemap error

Author: jimmyn

.gitignore

@@ -74,3 +74,6 @@ dist/
 
 **/.yalc
 **/yalc.lock
+
+# Package-lock.json
+**/*/package-lock.json

example/gatsby-config.js

@@ -1,4 +1,5 @@
 const {languages, defaultLanguage} = require('./languages');
+const siteUrl = process.env.URL || `https://fallback.net`;
 
 module.exports = {
   siteMetadata: {
@@ -67,48 +68,43 @@ module.exports = {
       options: {
         excludes: ['/**/404', '/**/404.html'],
         query: `
-          {
-            site {
-              siteMetadata {
-                siteUrl
-              }
+        {
+          site {
+            siteMetadata {
+              siteUrl
             }
-            allSitePage(filter: {context: {i18n: {routed: {eq: false}}}}) {
-              edges {
-                node {
-                  context {
-                    i18n {
-                      defaultLanguage
-                      languages
-                      originalPath
-                    }
-                  }
-                  path
+          }
+          allSitePage(filter: {context: {i18n: {routed: {eq: false}}}}) {
+            nodes {
+              context {
+                i18n {
+                  defaultLanguage
+                  languages
+                  originalPath
                 }
               }
+              path
             }
           }
+        }
         `,
-        serialize: ({site, allSitePage}) => {
-          return allSitePage.edges.map((edge) => {
-            const {languages, originalPath, defaultLanguage} = edge.node.context.i18n;
-            const {siteUrl} = site.siteMetadata;
-            const url = siteUrl + originalPath;
-            const links = [
-              {lang: defaultLanguage, url},
-              {lang: 'x-default', url}
-            ];
-            languages.forEach((lang) => {
-              if (lang === defaultLanguage) return;
-              links.push({lang, url: `${siteUrl}/${lang}${originalPath}`});
-            });
-            return {
-              url,
-              changefreq: 'daily',
-              priority: originalPath === '/' ? 1.0 : 0.7,
-              links
-            };
+        serialize: (node) => {
+          const {languages, originalPath, defaultLanguage} = node.context.i18n;
+          const url = siteUrl + originalPath;
+          const links = [
+            {lang: defaultLanguage, url},
+            {lang: 'x-default', url}
+          ];
+          languages.forEach((lang) => {
+            if (lang === defaultLanguage) return;
+            links.push({lang, url: `${siteUrl}/${lang}${originalPath}`});
           });
+          return {
+            url,
+            changefreq: 'daily',
+            priority: originalPath === '/' ? 1.0 : 0.7,
+            links
+          };
         }
       }
     }

example/gatsby-node.js

@@ -0,0 +1,23 @@
+/**
+ * Workaround for missing sitePage.context:
+ * Used for generating sitemap with `gatsby-plugin-react-i18next` and `gatsby-plugin-sitemap` plugins
+ * https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v3-to-v4/#field-sitepagecontext-is-no-longer-available-in-graphql-queries
+ */
+exports.createSchemaCustomization = ({actions}) => {
+  const {createTypes} = actions;
+  createTypes(`
+    type SitePage implements Node {
+      context: SitePageContext
+    }
+    type SitePageContext {
+      i18n: i18nContext
+    }
+    type i18nContext {
+        language: String,
+        languages: [String],
+        defaultLanguage: String,
+        originalPath: String
+        routed: Boolean
+    }
+  `);
+};