@griddo/cx 1.62.1 → 1.62.4

package/gatsby-browser.js

@@ -1,29 +1,111 @@
-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);
+  }
+};
+
+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);
+  }
+};
 
-export const onRouteUpdate = ({ location }) => {
-  if (!window || !document || !location || !location.hash) return;
+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);
+  }
+};
 
-  const headerHeight =
-    document.querySelector(measurableHeaderSelector)?.offsetHeight || 0;
+exports.onServiceWorkerUpdateReady = props => {
+  if (browser.onServiceWorkerUpdateReady) {
+    browser.onServiceWorkerUpdateReady(props);
+  }
+};
 
-  if (location.hash !== '') {
-    window.scrollTo({
-      left: 0,
-      top: getOffset(location.hash).top - headerHeight,
-      behavior: 'smooth',
-    });
+exports.registerServiceWorker = () => {
+  if (browser.registerServiceWorker) {
+    browser.registerServiceWorker();
   }
 };
 
-function getOffset(el) {
-  const rect = document?.querySelector(el)?.getBoundingClientRect();
+exports.replaceHydrateFunction = () => {
+  if (browser.replaceHydrateFunction) {
+    browser.replaceHydrateFunction();
+  }
+};
 
-  return {
-    left: rect?.left + window?.scrollX,
-    top: rect?.top + window?.scrollY,
-  };
-}
+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 => {
+  if (browser.onRouteUpdate) {
+    browser.onRouteUpdate(props);
+  }
+};

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.1",
+  "version": "1.62.4",
   "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.1",
+    "@griddo/eslint-config-back": "^1.62.4",
     "eslint": "^7.5.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "7.14.3",
@@ -98,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "36e527f0b4a08d89fb6170a11b38bea5798438d0"
+  "gitHead": "880c563378704e4a44a22a794b0fafee9fad88e6"
 }

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;
-}