gatsby-core-theme 35.1.6 → 35.1.8

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## [35.1.8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v35.1.7...v35.1.8) (2024-08-20)
+
+
+### Bug Fixes
+
+* apis translations ([52cb981](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/52cb981a461ef3558202e24f2999b8235a7c0eb1))
+* cards v2 fix ([5bec538](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5bec5381355d33d5738a608f86dd2f8c53b2d98e))
+* clean ups ([f2322f4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f2322f4e703addce10834ff71982b43768d72346))
+* conflict ([c00065e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c00065ee5a2d615885a6b587cfa5c1dd30bf42ba))
+* conflict ([c427423](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c4274235ac10dd80903bef1a7f02c589ce2fa182))
+* conflict ([d6cacf8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d6cacf86c3df764518dca2416376805b2c135ae4))
+* convert ms to seconds ([45c4d23](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/45c4d23aaad19593d5c3a5ee016151fa1ab74650))
+* null values ([6f1acbb](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6f1acbb84e512132be45b758c8f8557ab4b5a40a))
+* null values ([d14704f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d14704ff2f3548396c890f2731554e1bdaf68a4a))
+* null values ([11d5928](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/11d592828be89944a1219e15b17341ef7065fa51))
+* remove operator logo from splash screen ([23a0691](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/23a0691c2b2d21deefa5df7635145b1bd10a368d))
+* removed preview mode ([dd99508](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/dd99508dfe3c37b26e339d3944f98b17fdfa69fc))
+* storybook ([a505e39](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a505e3916296569b1faf4e1f0368fefe8663f79d))
+* translation improvements ([577e135](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/577e135632283bb618318ae20551dc415f6d5c3e))
+
+
+* Merge branch 'v2-apis' into 'master' ([8dc5ec3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8dc5ec3277d4346d845a42238f03a57baa4ce672))
+* Merge branch 'tm-4676-remove-operator-logo' into 'master' ([9116b88](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9116b88f9cc8d3dbefb52b5bfdeeda7f117351ef))
+
+## [35.1.7](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v35.1.6...v35.1.7) (2024-08-16)
+
+
+### Bug Fixes
+
+* add language code for tracker ssr page ([013b349](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/013b34972254dbd73f96ed63dcd259041188184c))
+
 ## [35.1.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v35.1.5...v35.1.6) (2024-08-09)
 
 

package/gatsby-node.mjs

@@ -14,37 +14,35 @@ import { getData, getLocalData, getTranslations, getSiteSettings } from './src/h
 
 import { generateTrackerLink } from './src/helpers/generators.mjs';
 import processor, { processSitemapPages } from './src/helpers/processor/index.mjs';
-import { pickAuthorsPageKeys, pickRelationKeys } from './src/constants/pick-keys.mjs';
+import { pickRelationKeys, pickTrackerOperatorKeys } from './src/constants/pick-keys.mjs';
 import settings from './src/constants/settings.mjs';
 import { translate } from './src/helpers/getters.mjs';
-import { groupBy } from './src/helpers/processor/common.mjs';
+import { clean } from './src/helpers/processor/common.mjs';
 import { sanitizeOperatorData } from './src/helpers/processor/operators.mjs';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const { cloneDeep, chunk, pick } = loadash;
 
-const isPreview = process.env.GATSBY_PREVIEW_MODE === 'true';
-const appName = isPreview ? '/src/components/app-preview.js' : '/src/components/app.js';
-
 let preconnectLinks = null;
 let pages = null;
 let htmlSitemapPages = null;
-let marketSections = [];
-let allMarketSections = null;
 let prefilledModules = [];
 let siteInfo = null;
 let operators = null;
-let allMarkets = null;
-let translations = {};
-let languageKey = null;
+
 let context404 = null;
 let sports = null;
 let siteSchema = null;
-let templates = null;
 let authors = null;
-let translationsData = null;
 
-let siteSettings = null;
+
+let translationsData = null;
+let siteSettingsData = null;
+let allMarketsData = null;
+let allMarketSectionsData = null;
+let schemaData = null;
+let templatesData = null;
+let defaultLanguage = null;
 
 function createArchivePage(pageObject, marketSections, prefilledModules, createPage) {
   const archiveModuleIndex = pageObject.sections.main.modules.findIndex(
@@ -90,17 +88,17 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
             break;
           default:
             page.path = `${pageObject.path}/${translate(
-              translations,
+              translationsData[pageObject.language],
               'archive_page_path',
               'page'
             )}/${archive.currentPage}`;
             page.meta_title += translate(
-              translations,
+              translationsData[pageObject.language],
               'archive_title_suffix',
               '- Page [number]'
             ).replace('[number]', archive.currentPage);
             page.meta_description += translate(
-              translations,
+              translationsData[pageObject.language],
               'archive_description_suffix',
               '- Page [number]'
             ).replace('[number]', archive.currentPage);
@@ -110,8 +108,8 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
 
         createPage({
           path: page.path,
-          component: `${__dirname}${appName}`,
-          context: { page, marketSections, prefilledModules, siteInfo, allMarkets },
+          component: `${__dirname}/src/components/app.js`,
+          context: { page, marketSections, prefilledModules, siteInfo, allMarkets: allMarketsData },
         });
       });
     } else {
@@ -119,8 +117,8 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
       page.hasArchive = true;
       createPage({
         path: page.path,
-        component: `${__dirname}${appName}`,
-        context: { page, marketSections, prefilledModules, siteInfo, allMarkets },
+        component: `${__dirname}/src/components/app.js`,
+        context: { page, marketSections, prefilledModules, siteInfo, allMarkets: allMarketsData },
       });
     }
   } else {
@@ -131,8 +129,8 @@ function createArchivePage(pageObject, marketSections, prefilledModules, createP
     page.sections.main.modules[archiveModuleIndex] = archive;
     createPage({
       path: page.path,
-      component: `${__dirname}${appName}`,
-      context: { page, marketSections, prefilledModules, siteInfo, allMarkets },
+      component: `${__dirname}/src/components/app.js`,
+      context: { page, marketSections, prefilledModules, siteInfo, allMarkets: allMarketsData },
     });
   }
 }
@@ -154,20 +152,6 @@ function keygen() {
 // eslint-disable-next-line import/prefer-default-export
 export const createPages = async ({ actions: { createPage } }, themeOptions) => {
   process.env.GATSBY_SITE_NAME = String(themeOptions.siteName);
-  if (process.env.GATSBY_PREVIEW_MODE === 'true') {
-    console.log(chalk.magenta('info') + chalk.whiteBright(' preview mode enabled'));
-    createPage({
-      path: '/',
-      component: `${__dirname}${appName}`,
-      context: {
-        page: { relation_type: 'page' },
-        preview: true,
-        siteInfo,
-        ...themeOptions,
-      },
-    });
-    return;
-  }
 
   let response = [];
   if (process.env.LOCAL_DATA === 'false') {
@@ -180,19 +164,21 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
 
   const stream = fs.createWriteStream('rewrites.conf');
   console.log(chalk.magenta('info') + chalk.whiteBright(' creating rewrite rules'));
-  if (response.redirects) {
-    response.redirects.forEach((redirect) => {
-      if (![301, 302, 410].includes(parseInt(redirect.code))) return;
-      if ([301, 302].includes(parseInt(redirect.code))) {
-        const redirectName = parseInt(redirect.code) === 301 ? 'permanent' : 'redirect';
-        stream.write(
-          `rewrite (?i)^${redirect.from}/?$ ${redirect.to.replace(/[{}]/g, '')} ${redirectName}; \n`
-        );
-      }
-      if (parseInt(redirect.code) === 410) {
-        stream.write(`location ~ /${redirect.from} { return 410; } \n`);
+  if (siteSettingsData.redirects) {
+    Object.entries(siteSettingsData.redirects).forEach(
+      ([key, value]) => {
+        if (![301, 302, 410].includes(parseInt(value.type))) return;
+        if ([301, 302].includes(parseInt(value.type))) {
+          const redirectName = parseInt(value.type) === 301 ? 'permanent' : 'redirect';
+          stream.write(
+            `rewrite (?i)^${value.from}/?$ ${value.to.replace(/[{}]/g, '')} ${redirectName}; \n`
+          );
+        }
+        if (parseInt(value.type) === 410) {
+          stream.write(`location ~ /${value.from} { return 410; } \n`);
+        }
       }
-    });
+    )
   }
   stream.end();
 
@@ -200,17 +186,14 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
   console.log(chalk.magenta('info') + chalk.whiteBright(' starting processor'));
   
   // add data to modules
-  const processed = processor.run(response, themeOptions, fs, translationsData);
+  const processed = processor.run({
+    ...siteSettingsData,
+    ...response,
+  }, themeOptions, fs, translationsData);
   pages = processed.pages;
   siteInfo = processed.general;
+  allMarketSectionsData = processed.market_sections;
   operators = processed.relations.operator;
-  templates = processed.templates;
-  // eslint-disable-next-line prefer-destructuring
-  languageKey = Object.keys(processed.relations.translations)[0];
-  translations = processed.relations.translations[languageKey];
-  allMarkets = processed.site_markets;
-  allMarketSections = processed.market_sections;
-
   htmlSitemapPages = processSitemapPages(pages, processed.site_markets);
 
   if (['rage_seo', 'rage_ppc', 'sports'].includes(response.general.type)) {
@@ -242,9 +225,11 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
         footer: { modules: [] },
       },
     });
+    let count = 0;
     Object.keys(processed.pages[siteMarket]).forEach((pageType) => {
       processed.pages[siteMarket][pageType].forEach((page) => {
-        marketSections = processed.market_sections[siteMarket];
+        count += 1;
+        const marketSection = allMarketSectionsData[siteMarket];
         prefilledModules = processed.prefilled_market_modules[siteMarket];
 
         const processedPage = page;
@@ -252,19 +237,16 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
 
         siteSchema =
           page.path === 'preview'
-            ? (page.siteSchema = Object.values(response.schema || {})[0])
-            : response.schema[page['market_id']];
+            ? (page.siteSchema = Object.values(schemaData || {})[0])
+            : schemaData[page['market_id']];
         authors = response.authors;
 
         // siteInfo, siteSchema and authors are added to page for schemaGenerator()
         page.siteInfo = siteInfo;
         page.siteSchema = siteSchema;
-        page.authors = Object.keys(authors || {}).map((key) =>
-          pick(authors[key], pickAuthorsPageKeys)
-        );
 
         if (hasArchiveModule(page)) {
-          createArchivePage(page, marketSections, prefilledModules, createPage);
+          createArchivePage(page, marketSection, prefilledModules, createPage);
           return;
         }
 
@@ -272,29 +254,30 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
           return;
         }
 
-        const template = templates[page.template_id];
+        const template = templatesData[page.template_id];
         const autogenerated = template && template.autogenerated_content;
-        const contextData = {
+        const contextData = clean({
           page,
-          allMarkets,
-          marketSections,
+          allMarkets: allMarketsData,
+          marketSections: marketSection,
           prefilledModules,
           siteInfo,
           autogenerated,
           siteSchema,
           authors,
+          lang: page.language,
           ...themeOptions,
-        };
+        });
 
-        const pathPrefix = processed.site_markets[siteMarket].path_prefix
-          ? `${processed.site_markets[siteMarket].path_prefix}/`
+        const pathPrefix = allMarketsData[siteMarket].path_prefix
+          ? `${allMarketsData[siteMarket].path_prefix}/`
           : null;
 
         if (page.path === '404') {
           context404 = contextData;
         } else if (
           page.path ===
-          `${pathPrefix || ''}${translate(translations, 'sitemap', 'sitemap')}`
+          `${pathPrefix || ''}${translate(translationsData[page.language], 'sitemap', 'sitemap')}`
         ) {
           createPage({
             path: `/${page.path}`,
@@ -302,7 +285,7 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
             context: {
               ...contextData,
               sitemapData: { ...htmlSitemapPages[page.market] },
-              templates,
+              templates: templatesData,
             },
           });
         } else if (page.path === `${pathPrefix || ''}s`) {
@@ -328,8 +311,11 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
             },
           });
         }
+         
       });
+    
     });
+  
   });
 
   // Generating Affiliate Tracker Link
@@ -348,7 +334,7 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
         template: pageTemplate,
         title: 'Tracker',
         relation_type: 'page',
-        language: languageKey,
+        language: defaultLanguage,
         path: tracker,
         meta_robots: ['noindex', 'nofollow'],
       };
@@ -368,113 +354,43 @@ export const createPages = async ({ actions: { createPage } }, themeOptions) =>
   }
 
   // Creating Tracking links
-  if (process.env.GEO_TRACKING) {
-    const operatorsShortName = groupBy(operators, 'short_name');
-    const trackerNames = [];
-    Object.keys(operatorsShortName).forEach((shortname) => {
-      const operatorsAllMarket = operatorsShortName[shortname];
-
-      Object.keys(operatorsAllMarket).forEach((operator) => {
-        Object.keys(operatorsAllMarket[operator].links).forEach((link) => {
-          if (!trackerNames.includes(link)) {
-            trackerNames.push(link);
-          }
-        });
-      });
-
-      const operatorsByType = groupBy(operatorsAllMarket, 'type');
-
-      Object.keys(operatorsByType).forEach((type) => {
-        const operatorsByMarket = groupBy(operatorsByType[type], 'market');
-        console.log(trackerNames);
-
-        trackerNames.forEach((link) => {
-          const trackerLinkPath = generateTrackerLink(
-            operatorsByType[type][0],
-            link,
-            false,
-            pageTemplate
-          )
-            .toLowerCase()
-            .replace(' ', '_');
-          console.log(trackerLinkPath);
-          const trackerPageObject = {
-            meta_title: 'Tracker',
-            template: pageTemplate,
-            title: 'Tracker',
-            relation_type: 'page',
-            language: languageKey,
-            path: trackerLinkPath,
-            meta_robots: ['noindex', 'nofollow'],
-          };
-
-          const trackerComp =
-            process.env.IS_TRACKING_SSR === 'true'
-              ? `${__dirname}/src/components/pages/tracker-geo/index-ssr.js`
-              : `${__dirname}/src/components/pages/tracker-geo/index.js`;
-
-          createPage({
-            path: trackerLinkPath,
-            component: trackerComp,
-            context: {
-              page: trackerPageObject,
-              siteInfo,
-              operator: Object.fromEntries(
-                Object.entries(operatorsByMarket).map(([key, operator]) => [
-                  key, 
-                  pick(cloneDeep(sanitizeOperatorData(operator)), pickRelationKeys.operator)
-                ])
-              ),
-              isTrackeGeo: true,
-              isLiveStreamProvider: false,
-            },
-          });
+  Object.keys(operators || {}).forEach((operatorId) => {
+    const operator = operators[operatorId];
+    const trackerLinks = Object.keys(operator.links);
+    const tracker = trackerLinks.map((key) =>
+      operator.links[key]
+        ? generateTrackerLink(operator, key, false, pageTemplate).toLowerCase().replace(' ', '_')
+        : null
+    );
+    const marketOperator = operator.market.match(/_(\w+)/)[1];
+
+    tracker.forEach((trackerPath) => {
+      // Create splash page
+      if (trackerPath) {
+        const trackerPageObject = {
+          meta_title: 'Tracker',
+          template: pageTemplate,
+          title: 'Tracker',
+          relation_type: 'page',
+          language: marketOperator,
+          path: trackerPath,
+          meta_robots: ['noindex', 'nofollow'],
+        };
+        createPage({
+          path: trackerPath,
+          component: `${__dirname}/src/components/app-tracker-ssr.js`,
+          context: {
+            page: trackerPageObject,
+            siteInfo,
+            operator: pick(cloneDeep(sanitizeOperatorData(operator, [], [], translationsData[defaultLanguage], [])), pickTrackerOperatorKeys),
+            isTracker: true,
+            isLiveStreamProvider: false,
+          },
         });
-      });
-    });
-  } else {
-    Object.keys(operators || {}).forEach((operatorId) => {
-      const operator = operators[operatorId];
-      const trackerLinks = Object.keys(operator.links);
-      const tracker = trackerLinks.map((key) =>
-        operator.links[key]
-          ? generateTrackerLink(operator, key, false, pageTemplate).toLowerCase().replace(' ', '_')
-          : null
-      );
-      const marketOperator = operator.market.match(/_(\w+)/)[1];
-
-      const trackerComp =
-        process.env.IS_TRACKING_SSR === 'true'
-          ? `${__dirname}/src/components/app-tracker-ssr.js`
-          : `${__dirname}/src/components/app-tracker.js`;
-
-      tracker.forEach((trackerPath) => {
-        // Create splash page
-        if (trackerPath) {
-          const trackerPageObject = {
-            meta_title: 'Tracker',
-            template: pageTemplate,
-            title: 'Tracker',
-            relation_type: 'page',
-            language: languageKey,
-            path: trackerPath,
-            meta_robots: ['noindex', 'nofollow'],
-          };
-          createPage({
-            path: trackerPath,
-            component: trackerComp,
-            context: {
-              page: trackerPageObject,
-              siteInfo,
-              operator: pick(cloneDeep(sanitizeOperatorData(operator, [], [], translations, [])), pickRelationKeys.operator),
-              isTracker: true,
-              isLiveStreamProvider: false,
-            },
-          });
-        }
-      });
+      }
     });
-  }
+  });
+  
 };
 
 export const onCreatePage = ({ page, actions }) => {
@@ -483,8 +399,8 @@ export const onCreatePage = ({ page, actions }) => {
     const oldPage = { ...page };
     const langCode = page.path.split(`/`)[1];
     page.matchPath = `/${langCode}/*`;
-    const marketCode = Object.keys(allMarkets).find(
-      (key) => allMarkets[key].path_prefix === langCode
+    const marketCode = Object.keys(allMarketSectionsData).find(
+      (key) => allMarketSectionsData[key].path_prefix === langCode
     );
     if (marketCode) {
       // Recreate the modified page
@@ -494,7 +410,7 @@ export const onCreatePage = ({ page, actions }) => {
         context: {
           ...context404,
           page: { ...context404.page, market: marketCode, language: langCode },
-          marketSections: allMarketSections[marketCode],
+          marketSections: allMarketSectionsData[marketCode],
         },
         component: `${__dirname}/src/components/app.js`,
       });
@@ -510,28 +426,42 @@ export const onCreatePage = ({ page, actions }) => {
   } else {
     createPage({
       path: page.path,
-      component: `${__dirname}${appName}`,
-      context: { page, marketSections, prefilledModules, siteInfo },
+      component: `${__dirname}/src/components/app.js`,
+      context: { page, marketSections: allMarketSectionsData[page.market], prefilledModules, siteInfo },
     });
   }
 };
 
 export const onPreBootstrap = async () => {
   // Get Data from Hercules
-  siteSettings = await getSiteSettings(process.env.GATSBY_SITE_NAME);
-
-}
+  siteSettingsData = await getSiteSettings(process.env.GATSBY_SITE_NAME);
+  allMarketsData = siteSettingsData.site_markets;
+  schemaData = siteSettingsData.schema;
+  templatesData = siteSettingsData.templates;
+  allMarketSectionsData = siteSettingsData.market_sections;
+  }
 
 export const sourceNodes = async ({ actions, createNodeId, createContentDigest }) => {
   const { createNode } = actions;
-  const keys = Object.keys(siteSettings.site_markets)
+  const keys = Object.keys(siteSettingsData.site_markets)
       .map(key => `language_codes[]=${key.split('_')[1]}`)
       .join('&');
-    console.log(keys);
+
+  let defaultMarket = null;
+  Object.entries(siteSettingsData.site_markets).forEach(
+    ([key, value]) => {
+      if(value.path_prefix === null)  
+      { 
+        defaultMarket = key;
+      }
+    }
+  )
+  defaultLanguage = defaultMarket.split('_')[1];
   translationsData = await getTranslations(process.env.GATSBY_SITE_NAME, keys);
   
   // eslint-disable-next-line array-callback-return
   Object.keys(translationsData).map((language) => {
+    // eslint-disable-next-line array-callback-return
     Object.entries(translationsData[language]).map((key) => {
       const translation = {
         'key': key[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "35.1.6",
+  "version": "35.1.8",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/app-ssr.js

@@ -3,13 +3,28 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { globalHistory } from '@reach/router';
-import { graphql } from 'gatsby';
+import { graphql, useStaticQuery } from 'gatsby';
 import MainProvider from '~context/MainProvider';
 import Body from '~pages/body';
 import HeadData from '~organisms/head';
 import { getAPIData } from '~helpers/server-data';
 
-const AppSSR = ({ pageContext, serverData, data }) => {
+const AppSSR = ({ pageContext, serverData }) => {
+
+  const data = useStaticQuery(graphql`
+    query {
+      translations: allTranslation(filter: {}) {
+        edges {
+          node {
+            key
+            language
+            value
+          }
+        }
+      }
+    }
+  `);
+
   const { isPreview } = pageContext;
   const [previewContext, setPreviewContext] = useState({});
   const [isLoading, setIsLoading] = useState({});
@@ -63,20 +78,6 @@ const AppSSR = ({ pageContext, serverData, data }) => {
   );
 };
 
-export const query = graphql`
-  query {
-    translations: allTranslation(filter: {}) {
-      edges {
-        node {
-          key
-          language
-          value
-        }
-      }
-    }
-  }
-`;
-
 export const Head = ({ pageContext }) => (
   <HeadData page={pageContext.page} siteInfo={pageContext.siteInfo} />
 );
@@ -103,11 +104,12 @@ AppSSR.propTypes = {
   serverData: PropTypes.any,
 };
 
+export default AppSSR;
+
 export async function getServerData(props) {
   // eslint-disable-next-line no-shadow
   const { pageContext, url, query, headers } = props;
   let res = '';
   res = await getAPIData(pageContext.page, query.s ? url : headers.get('referer'));
   return res;
-}
-export default AppSSR;
+}

package/src/components/app-tracker-ssr.js

@@ -1,11 +1,11 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/forbid-prop-types */
-import React from 'react';
-import { useStaticQuery, graphql } from 'gatsby';
-import MainProvider from '~context/MainProvider';
-import Tracker from './pages/tracker/index-ssr';
-import { getAffiliateLink } from '~helpers/tracker';
-import HeadData from '~organisms/head';
+import React from "react";
+import { useStaticQuery, graphql } from "gatsby";
+import MainProvider from "~context/MainProvider";
+import Tracker from "./pages/tracker/index-ssr";
+import { getAffiliateLink } from "~helpers/tracker";
+import HeadData from "~organisms/head";
 
 const AppTracker = (props) => {
   const data = useStaticQuery(graphql`
@@ -22,19 +22,23 @@ const AppTracker = (props) => {
     }
   `);
 
+  const { pageContext } = props;
+
   return (
-    <MainProvider value={{ translations: data.translations }}>
+    <MainProvider
+      value={{ translations: data.translations, language: [pageContext.page.language] }}
+    >
       <Tracker {...props} />
     </MainProvider>
   );
 };
 
 export const Head = ({ pageContext }) => (
-  <HeadData page={pageContext.page} siteInfo={pageContext.siteInfo} />
+  <HeadData page={pageContext.page} authors={pageContext.authors} siteInfo={pageContext.siteInfo} />
 );
 
 export async function getServerData({ pageContext, headers, url }) {
-  let res = '';
+  let res = "";
   res = await getAffiliateLink(
     pageContext.operator,
     pageContext.page.path,

package/src/components/app.js

@@ -48,7 +48,7 @@ const App = ({ pageContext, data }) => {
       return 'Loading...';
     }
   }
-
+  
   return (
     <MainProvider value={{ translations: data.translations, language: pageContext.page.language }}>
       <div
@@ -66,8 +66,8 @@ const App = ({ pageContext, data }) => {
 };
 
 export const query = graphql`
-  query {
-    translations: allTranslation(filter: {}) {
+  query ($lang: String) {
+    translations: allTranslation(filter: {language: {eq: $lang}}) {
       edges {
         node {
           key