@griddo/cx 1.61.7 → 1.62.2

package/gatsby-browser.js

@@ -1,15 +1,138 @@
-import PageElement from './src/components/PageElement';
+/* eslint-disable node/no-unpublished-require */
+/* eslint-disable node/no-missing-require */
 
-export const wrapPageElement = PageElement;
+let builderBrowserConfig;
 
-const measurableHeaderSelector = '.griddo-header';
+// Intance Gatsby Browser configuration file
+// Se intenta hacer require del archivo builder.config que solo está en la
+// instancia. De no existir, se avisa por consola.
+// TODO: Añadir un método infalible para saber si es monorepo o instancia.
+try {
+  builderBrowserConfig = require('../../../builder.browser');
+  console.log('Instance build.config loaded');
+} catch (e) {
+  builderBrowserConfig = require('../griddo-components/builder.browser');
+  console.warn('Loading builder.config from Griddo monorepo');
+}
+
+// Gatsby API Browser
+// Si builderBrowserConfig.* es "truthy" es que `builderBrowserConfig` no es `undefined`, es decir se
+// está ejecutando en la instancia y * está definido en el archivo de la
+// instancia para ejecutar código.
+
+exports.disableCorePrefetching = () => {
+  if (builderBrowserConfig.disableCorePrefetching) {
+    builderBrowserConfig.disableCorePrefetching();
+  }
+};
+
+exports.onClientEntry = () => {
+  if (builderBrowserConfig.onClientEntry) {
+    builderBrowserConfig.onClientEntry();
+  }
+};
+
+exports.onInitialClientRender = () => {
+  if (builderBrowserConfig.onInitialClientRender) {
+    builderBrowserConfig.onInitialClientRender();
+  }
+};
+
+exports.onPostPrefetchPathname = props => {
+  if (builderBrowserConfig.onPostPrefetchPathname) {
+    builderBrowserConfig.onPostPrefetchPathname(props);
+  }
+};
+
+exports.onPreRouteUpdate = props => {
+  if (builderBrowserConfig.onPreRouteUpdate) {
+    builderBrowserConfig.onPreRouteUpdate(props);
+  }
+};
+
+exports.onPrefetchPathname = props => {
+  if (builderBrowserConfig.onPrefetchPathname) {
+    builderBrowserConfig.onPrefetchPathname(props);
+  }
+};
+
+exports.onRouteUpdateDelayed = props => {
+  if (builderBrowserConfig.onServiceWorkerActive) {
+    builderBrowserConfig.onRouteUpdateDelayed(props);
+  }
+};
+
+exports.onServiceWorkerActive = props => {
+  if (builderBrowserConfig.onServiceWorkerActive) {
+    builderBrowserConfig.onServiceWorkerActive(props);
+  }
+};
+
+exports.onServiceWorkerInstalled = props => {
+  if (builderBrowserConfig.onServiceWorkerInstalled) {
+    builderBrowserConfig.onServiceWorkerInstalled(props);
+  }
+};
 
-export const onRouteUpdate = ({ location }) => {
+exports.onServiceWorkerRedundant = props => {
+  if (builderBrowserConfig.onServiceWorkerRedundant) {
+    builderBrowserConfig.onServiceWorkerRedundant(props);
+  }
+};
+
+exports.onServiceWorkerUpdateFound = props => {
+  if (builderBrowserConfig.onServiceWorkerUpdateFound) {
+    builderBrowserConfig.onServiceWorkerUpdateFound(props);
+  }
+};
+
+exports.onServiceWorkerUpdateReady = props => {
+  if (builderBrowserConfig.onServiceWorkerUpdateReady) {
+    builderBrowserConfig.onServiceWorkerUpdateReady(props);
+  }
+};
+
+exports.registerServiceWorker = () => {
+  if (builderBrowserConfig.registerServiceWorker) {
+    builderBrowserConfig.registerServiceWorker();
+  }
+};
+
+exports.replaceHydrateFunction = () => {
+  if (builderBrowserConfig.replaceHydrateFunction) {
+    builderBrowserConfig.replaceHydrateFunction();
+  }
+};
+
+exports.shouldUpdateScroll = props => {
+  if (builderBrowserConfig.shouldUpdateScroll) {
+    builderBrowserConfig.shouldUpdateScroll(props);
+  }
+};
+
+exports.wrapRootElement = props => {
+  if (builderBrowserConfig.wrapPageElement) {
+    return builderBrowserConfig.wrapRootElement(props);
+  }
+};
+
+exports.wrapRootElement = props => {
+  if (builderBrowserConfig.wrapRootElement) {
+    return builderBrowserConfig.wrapRootElement(props);
+  }
+};
+
+exports.onRouteUpdate = props => {
+  // Instance onRouteUpdate
+  if (builderBrowserConfig.onRouteUpdate) {
+    builderBrowserConfig.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 +142,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-ssr.js

@@ -1,32 +1,50 @@
-// Gatsby SSR API
-// https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/
+/* eslint-disable node/no-unpublished-require */
+/* eslint-disable node/no-missing-require */
 
-import PageElement from './src/components/PageElement';
-import { onRenderBody as onRenderBodyFromClient } from 'components';
+let builderSSRConfig;
 
-export const wrapPageElement = PageElement;
+// Intance Gatsby Browser configuration file
+// Se intenta hacer require del archivo builder.config que solo está en la
+// instancia. De no existir, se avisa por consola.
+// TODO: Añadir un método infalible para saber si es monorepo o instancia.
+try {
+  builderSSRConfig = require('../../../builder.ssr');
+  console.log('Instance build.ssr loaded');
+} catch (e) {
+  builderSSRConfig = require('../griddo-components/builder.ssr');
+  console.warn('Loading builder.ssr from Griddo monorepo');
+}
 
-export const onRenderBody = ({
-  setHeadComponents,
-  setPreBodyComponents,
-  setPostBodyComponents,
-  setHtmlAttributes,
-  setBodyAttributes,
-  setBodyProps,
-}) => {
-  const {
-    headComponents,
-    preBodyComponents,
-    postBodyComponents,
-    htmlAttributes,
-    bodyAttributes,
-    bodyProps,
-  } = onRenderBodyFromClient || {};
+// Gatsby SSR Browser
+// Si builderSSRConfig.* es "truthy" es que `builderSSRConfig` no es `undefined`, es decir se
+// está ejecutando en la instancia y * está definido en el archivo de la
+// instancia para ejecutar código.
+exports.onRenderBody = props => {
+  if (builderSSRConfig.onRenderBody) {
+    builderSSRConfig.onRenderBody(props);
+  }
+};
+
+exports.onPreRenderHTML = props => {
+  if (builderSSRConfig.onPreRenderHTML) {
+    builderSSRConfig.onPreRenderHTML(props);
+  }
+};
+
+exports.replaceRenderer = props => {
+  if (builderSSRConfig.replaceRenderer) {
+    builderSSRConfig.replaceRenderer(props);
+  }
+};
+
+exports.wrapPageElement = props => {
+  if (builderSSRConfig.wrapPageElement) {
+    return builderSSRConfig.wrapPageElement(props);
+  }
+};
 
-  headComponents && setHeadComponents(headComponents);
-  preBodyComponents && setPreBodyComponents(preBodyComponents);
-  postBodyComponents && setPostBodyComponents(postBodyComponents);
-  htmlAttributes && setHtmlAttributes(htmlAttributes);
-  bodyAttributes && setBodyAttributes(bodyAttributes);
-  bodyProps && setBodyProps(bodyProps);
+exports.wrapRootElement = props => {
+  if (builderSSRConfig.wrapRootElement) {
+    return builderSSRConfig.wrapRootElement(props);
+  }
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/cx",
   "description": "Griddo SSG based on Gatsby",
-  "version": "1.61.7",
+  "version": "1.62.2",
   "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.61.7",
+    "@griddo/eslint-config-back": "^1.62.2",
     "eslint": "^7.5.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "7.14.3",
@@ -98,5 +98,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9b014749b0e843961331bd3c95724e2449f67a8d"
+  "gitHead": "df32ddb1e4be034954e3f1f8af032af0e56453c6"
 }

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