@griddo/cx 1.62.0 → 1.62.3

package/gatsby-browser.js

@@ -1,15 +1,120 @@
-import PageElement from './src/components/PageElement';
+/* eslint-disable node/no-missing-require */
 
-export const wrapPageElement = PageElement;
+const { browser } = require('components');
 
-const measurableHeaderSelector = '.griddo-header';
+exports.disableCorePrefetching = () => {
+  if (browser.disableCorePrefetching) {
+    browser.disableCorePrefetching();
+  }
+};
+
+exports.onClientEntry = () => {
+  if (browser.onClientEntry) {
+    browser.onClientEntry();
+  }
+};
+
+exports.onInitialClientRender = () => {
+  if (browser.onInitialClientRender) {
+    browser.onInitialClientRender();
+  }
+};
+
+exports.onPostPrefetchPathname = props => {
+  if (browser.onPostPrefetchPathname) {
+    browser.onPostPrefetchPathname(props);
+  }
+};
+
+exports.onPreRouteUpdate = props => {
+  if (browser.onPreRouteUpdate) {
+    browser.onPreRouteUpdate(props);
+  }
+};
 
-export const onRouteUpdate = ({ location }) => {
+exports.onPrefetchPathname = props => {
+  if (browser.onPrefetchPathname) {
+    browser.onPrefetchPathname(props);
+  }
+};
+
+exports.onRouteUpdateDelayed = props => {
+  if (browser.onServiceWorkerActive) {
+    browser.onRouteUpdateDelayed(props);
+  }
+};
+
+exports.onServiceWorkerActive = props => {
+  if (browser.onServiceWorkerActive) {
+    browser.onServiceWorkerActive(props);
+  }
+};
+
+exports.onServiceWorkerInstalled = props => {
+  if (browser.onServiceWorkerInstalled) {
+    browser.onServiceWorkerInstalled(props);
+  }
+};
+
+exports.onServiceWorkerRedundant = props => {
+  if (browser.onServiceWorkerRedundant) {
+    browser.onServiceWorkerRedundant(props);
+  }
+};
+
+exports.onServiceWorkerUpdateFound = props => {
+  if (browser.onServiceWorkerUpdateFound) {
+    browser.onServiceWorkerUpdateFound(props);
+  }
+};
+
+exports.onServiceWorkerUpdateReady = props => {
+  if (browser.onServiceWorkerUpdateReady) {
+    browser.onServiceWorkerUpdateReady(props);
+  }
+};
+
+exports.registerServiceWorker = () => {
+  if (browser.registerServiceWorker) {
+    browser.registerServiceWorker();
+  }
+};
+
+exports.replaceHydrateFunction = () => {
+  if (browser.replaceHydrateFunction) {
+    browser.replaceHydrateFunction();
+  }
+};
+
+exports.shouldUpdateScroll = props => {
+  if (browser.shouldUpdateScroll) {
+    browser.shouldUpdateScroll(props);
+  }
+};
+
+exports.wrapRootElement = props => {
+  if (browser.wrapPageElement) {
+    return browser.wrapRootElement(props);
+  }
+};
+
+exports.wrapRootElement = props => {
+  if (browser.wrapRootElement) {
+    return browser.wrapRootElement(props);
+  }
+};
+
+exports.onRouteUpdate = props => {
+  // Instance onRouteUpdate
+  if (browser.onRouteUpdate) {
+    browser.onRouteUpdate(props);
+  }
+
+  // Griddo onRouteUpdate
   if (!window || !document || !location || !location.hash) return;
 
   const headerHeight =
-    document.querySelector(measurableHeaderSelector)?.offsetHeight || 0;
-
+    document.querySelector('.griddo-header')?.offsetHeight || 0;
   if (location.hash !== '') {
     window.scrollTo({
       left: 0,
@@ -19,9 +124,10 @@ export const onRouteUpdate = ({ location }) => {
   }
 };
 
+// Functions
+
 function getOffset(el) {
   const rect = document?.querySelector(el)?.getBoundingClientRect();
-
   return {
     left: rect?.left + window?.scrollX,
     top: rect?.top + window?.scrollY,

package/gatsby-config.js

@@ -4,13 +4,14 @@ require('dotenv').config();
 
 const assetPrefix = process.env.ASSET_PREFIX || undefined;
 
-// Gatsby plugins configuration file from client
-// TODO: Filter the configuration to allow just supported plugins?
-const { plugins } = require(computils.resolveComponentsPath(
+// Gatsby configuration file from client
+const { plugins, ...gatsbyConfig } = require(computils.resolveComponentsPath(
   'builder.config.js'
 ));
 
 const CONFIG = {
+  // cliente config
+  ...gatsbyConfig,
   plugins: [
     // client plugins
     ...plugins,

package/gatsby-ssr.js

@@ -1,32 +1,33 @@
-// Gatsby SSR API
-// https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/
+/* eslint-disable node/no-missing-require */
 
-import PageElement from './src/components/PageElement';
-import { onRenderBody as onRenderBodyFromClient } from 'components';
+const { ssr } = require('components');
 
-export const wrapPageElement = PageElement;
+exports.onRenderBody = props => {
+  if (ssr.onRenderBody) {
+    ssr.onRenderBody(props);
+  }
+};
+
+exports.onPreRenderHTML = props => {
+  if (ssr.onPreRenderHTML) {
+    ssr.onPreRenderHTML(props);
+  }
+};
 
-export const onRenderBody = ({
-  setHeadComponents,
-  setPreBodyComponents,
-  setPostBodyComponents,
-  setHtmlAttributes,
-  setBodyAttributes,
-  setBodyProps,
-}) => {
-  const {
-    headComponents,
-    preBodyComponents,
-    postBodyComponents,
-    htmlAttributes,
-    bodyAttributes,
-    bodyProps,
-  } = onRenderBodyFromClient || {};
+exports.replaceRenderer = props => {
+  if (ssr.replaceRenderer) {
+    ssr.replaceRenderer(props);
+  }
+};
+
+exports.wrapPageElement = props => {
+  if (ssr.wrapPageElement) {
+    return ssr.wrapPageElement(props);
+  }
+};
 
-  headComponents && setHeadComponents(headComponents);
-  preBodyComponents && setPreBodyComponents(preBodyComponents);
-  postBodyComponents && setPostBodyComponents(postBodyComponents);
-  htmlAttributes && setHtmlAttributes(htmlAttributes);
-  bodyAttributes && setBodyAttributes(bodyAttributes);
-  bodyProps && setBodyProps(bodyProps);
+exports.wrapRootElement = props => {
+  if (ssr.wrapRootElement) {
+    return ssr.wrapRootElement(props);
+  }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/cx",
   "description": "Griddo SSG based on Gatsby",
-  "version": "1.62.0",
+  "version": "1.62.3",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -66,7 +66,7 @@
     "react-helmet": "^6.0.0"
   },
   "devDependencies": {
-    "@griddo/eslint-config-back": "^1.62.0",
+    "@griddo/eslint-config-back": "^1.62.3",
     "eslint": "^7.5.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "7.14.3",
@@ -98,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ccd43cb7570877ce9c1e21d7656202dd35ec500f"
+  "gitHead": "a06d325550a9963c24c2072634bfa751a063f2ac"
 }

package/src/components/template.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Link } from 'gatsby';
+import { Link, navigate } from 'gatsby';
 import Seo from './seo';
 import {
   core,
@@ -45,7 +45,8 @@ export default data => {
       theme={mappedTheme}
       cloudinaryCloudName={cloudinaryName}
       linkComponent={Link}
-      googleMapAPIKey="AIzaSyBVJ_qu0_-4EzAVuLVoP93f7wLlXHzVVPQ"
+      navigate={navigate}
+      location={data.location}
       socials={socials}
       siteLangs={siteLangs}
       translations={translations}

package/src/components/PageElement.js

@@ -1,4 +0,0 @@
-export default function Page(props) {
-  const { element } = props;
-  return element;
-}