@griddo/cx 1.75.178 → 1.75.180

package/gatsby-browser.tsx

@@ -0,0 +1,140 @@
+// Types
+import type { GatsbyBrowser } from "gatsby";
+
+// Core providers
+import { SessionProvider } from "@griddo/core";
+
+// External libraries
+import * as React from "react";
+
+// Instance
+// @ts-expect-error
+import { browser } from "components";
+
+// Gatsby Browser API
+
+export const disableCorePrefetching = () => {
+	if (browser.disableCorePrefetching) {
+		browser.disableCorePrefetching();
+	}
+};
+
+export const onClientEntry = () => {
+	if (browser.onClientEntry) {
+		browser.onClientEntry();
+	}
+};
+
+export const onInitialClientRender = () => {
+	if (browser.onInitialClientRender) {
+		browser.onInitialClientRender();
+	}
+};
+
+export const onPostPrefetchPathname: GatsbyBrowser["onPostPrefetchPathname"] = (
+	props
+) => {
+	if (browser.onPostPrefetchPathname) {
+		browser.onPostPrefetchPathname(props);
+	}
+};
+
+export const onPreRouteUpdate: GatsbyBrowser["onPreRouteUpdate"] = (props) => {
+	if (browser.onPreRouteUpdate) {
+		browser.onPreRouteUpdate(props);
+	}
+};
+
+export const onPrefetchPathname: GatsbyBrowser["onPrefetchPathname"] = (
+	props
+) => {
+	if (browser.onPrefetchPathname) {
+		browser.onPrefetchPathname(props);
+	}
+};
+
+export const onRouteUpdateDelayed: GatsbyBrowser["onRouteUpdateDelayed"] = (
+	props
+) => {
+	if (browser.onServiceWorkerActive) {
+		browser.onRouteUpdateDelayed(props);
+	}
+};
+
+export const onServiceWorkerActive: GatsbyBrowser["onServiceWorkerActive"] = (
+	props
+) => {
+	if (browser.onServiceWorkerActive) {
+		browser.onServiceWorkerActive(props);
+	}
+};
+
+export const onServiceWorkerInstalled: GatsbyBrowser["onServiceWorkerInstalled"] =
+	(props) => {
+		if (browser.onServiceWorkerInstalled) {
+			browser.onServiceWorkerInstalled(props);
+		}
+	};
+
+export const onServiceWorkerRedundant: GatsbyBrowser["onServiceWorkerRedundant"] =
+	(props) => {
+		if (browser.onServiceWorkerRedundant) {
+			browser.onServiceWorkerRedundant(props);
+		}
+	};
+
+export const onServiceWorkerUpdateFound: GatsbyBrowser["onServiceWorkerUpdateFound"] =
+	(props) => {
+		if (browser.onServiceWorkerUpdateFound) {
+			browser.onServiceWorkerUpdateFound(props);
+		}
+	};
+
+export const onServiceWorkerUpdateReady: GatsbyBrowser["onServiceWorkerUpdateReady"] =
+	(props) => {
+		if (browser.onServiceWorkerUpdateReady) {
+			browser.onServiceWorkerUpdateReady(props);
+		}
+	};
+
+export const registerServiceWorker: GatsbyBrowser["registerServiceWorker"] =
+	() => {
+		if (browser.registerServiceWorker) {
+			return browser.registerServiceWorker();
+		}
+	};
+
+export const replaceHydrateFunction: GatsbyBrowser["replaceHydrateFunction"] =
+	() => {
+		if (browser.replaceHydrateFunction) {
+			return browser.replaceHydrateFunction();
+		}
+	};
+
+export const shouldUpdateScroll: GatsbyBrowser["shouldUpdateScroll"] = (
+	props
+) => {
+	if (browser.shouldUpdateScroll) {
+		return browser.shouldUpdateScroll(props);
+	}
+};
+
+export const wrapPageElement: GatsbyBrowser["wrapPageElement"] = (props) => {
+	if (browser.wrapPageElement) {
+		return browser.wrapPageElement(props);
+	}
+};
+
+export const wrapRootElement: GatsbyBrowser["wrapRootElement"] = (props) => {
+	return (
+		<SessionProvider>
+			{browser.wrapRootElement ? browser.wrapRootElement(props) : props.element}
+		</SessionProvider>
+	);
+};
+
+export const onRouteUpdate: GatsbyBrowser["onRouteUpdate"] = (props) => {
+	if (browser.onRouteUpdate) {
+		browser.onRouteUpdate(props);
+	}
+};

package/gatsby-config.ts

@@ -0,0 +1,40 @@
+// Types
+import type { GatsbyConfig } from "gatsby";
+
+// External libraries
+import dotenv from "dotenv";
+
+// Utils
+import { resolveComponentsPath } from "./src/utils/instance";
+
+dotenv.config();
+
+// Envs
+const GRIDDO_ASSET_PREFIX = process.env.GRIDDO_ASSET_PREFIX || undefined;
+
+// Gatsby configuration file from client
+const { plugins, ...gatsbyConfig } = require(resolveComponentsPath(
+	"builder.config.js"
+));
+
+const config: GatsbyConfig = {
+	// cliente config
+	...gatsbyConfig,
+	plugins: [
+		// client plugins
+		...plugins,
+
+		// defaults plugins
+		"gatsby-plugin-provide-react",
+		"gatsby-plugin-react-svg",
+		"gatsby-plugin-react-helmet", // TODO: Remove with Gatsby@5.5.0
+		"gatsby-plugin-no-sourcemaps",
+	],
+};
+
+if (GRIDDO_ASSET_PREFIX) {
+	config.assetPrefix = GRIDDO_ASSET_PREFIX;
+	config.pathPrefix = undefined;
+}
+
+export default config;

package/gatsby-node.ts

@@ -0,0 +1,130 @@
+// Types
+import type { GatsbyNode } from "gatsby";
+import type { StoreMode } from "./src/types/global";
+
+// External libraries
+import dotenv from "dotenv";
+import path from "path";
+
+// Services
+import { RobotsService } from "./src/services/robots";
+import { StoreService } from "./src/services/store";
+
+// Utils
+import { initCache } from "./src/utils/cache";
+import {
+	prepareServe,
+	prepareStaticFolder,
+	updateDist,
+} from "./src/utils/folders";
+import { isComponentLibraryEnv, projectAliases } from "./src/utils/instance";
+import { generateSitemaps, setPagesRenderEnd } from "./src/utils/sites";
+import { logInfo, logPageSize, msToSec, splash } from "./src/utils/shared";
+
+dotenv.config();
+
+// Envs
+const IS_SERVE = !!process.env.IS_SERVE && !!JSON.parse(process.env.IS_SERVE);
+const GRIDDO_STORE_MODE = (process.env.GRIDDO_STORE_MODE ||
+	"file") as StoreMode;
+
+// Consts
+const storeDirPath = path.resolve(__dirname, "./.store/");
+
+// -----------------------------------------------------------------------------
+// onPreInit
+// -----------------------------------------------------------------------------
+export const onPreInit = async () => {
+	splash();
+	initCache();
+	prepareStaticFolder();
+	StoreService.init(storeDirPath, { mode: GRIDDO_STORE_MODE });
+	await StoreService.saveBuildData();
+
+	console.log("\n✨ onPreInit\n");
+};
+
+// -----------------------------------------------------------------------------
+// createPages
+// -----------------------------------------------------------------------------
+export const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
+	const pages = StoreService.getPages();
+
+	let totalPagesSize = 0;
+
+	for (const page of pages) {
+		const startTime = performance.now();
+
+		actions.createPage(page);
+
+		const duration = msToSec(performance.now() - startTime);
+
+		logInfo(
+			`Creating page (${GRIDDO_STORE_MODE}) ${page.path} - ${duration}s - ${
+				page.context.id
+			} - ${logPageSize(Math.round(page.size))}`
+		);
+
+		totalPagesSize += page.size;
+	}
+
+	console.info(
+		`Total page-data.json sizes: ${(totalPagesSize / 1024).toFixed(3)}MB`
+	);
+	console.log("\n✨ createPages\n");
+};
+
+// -----------------------------------------------------------------------------
+// onPostBuild
+// -----------------------------------------------------------------------------
+export const onPostBuild = async () => {
+	const { buildProcessData, createdPages, sitesToPublish } =
+		StoreService.getMetadata();
+
+	await setPagesRenderEnd(buildProcessData, createdPages);
+	await RobotsService.writeFiles(`${__dirname}/public`);
+	await generateSitemaps(sitesToPublish);
+	await updateDist();
+	IS_SERVE && (await prepareServe());
+
+	console.log("\n✨ onPostBuild\n");
+};
+
+// -----------------------------------------------------------------------------
+// onCreateWebpackConfig
+// -----------------------------------------------------------------------------
+// TODO: Use webpack types
+export const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = ({
+	actions,
+	plugins,
+	loaders,
+	getConfig,
+}) => {
+	if (isComponentLibraryEnv) {
+		const config = getConfig();
+		config.module.rules = [
+			// Omit the default rule where test === '\.jsx?$'
+			...config.module.rules.filter(
+				(rule: any) => String(rule.test) !== String(/\.jsx?$/)
+			),
+			// Recreate it with custom exclude filter
+			{
+				...loaders.js(),
+				test: /\.jsx?$/,
+				// Exclude all node_modules from transpilation, except for '@griddo/cx'
+				exclude: (modulePath: string) =>
+					/node_modules/.test(modulePath) && !/@griddo\/cx/.test(modulePath),
+			},
+		];
+		actions.replaceWebpackConfig(config);
+	}
+
+	// Add component-system aliases to Webpack's Resolve:
+	actions.setWebpackConfig({
+		resolve: {
+			fallback: { path: false },
+			alias: projectAliases,
+		},
+		plugins: [plugins.provide({ process: "process/browser" })],
+	});
+};

package/gatsby-ssr.tsx

@@ -0,0 +1,63 @@
+import React from "react";
+
+// Types
+import type { GatsbySSR } from "gatsby";
+
+// Core providers
+import { SessionProvider } from "@griddo/core";
+
+// Instance
+// @ts-ignore
+import { ssr } from "components";
+
+// Gatsby SSR API
+
+export const wrapPageElement: GatsbySSR["wrapPageElement"] = ({ props }) => {
+	if (ssr.wrapPageElement) {
+		return ssr.wrapPageElement(props);
+	}
+};
+
+export const onRenderBody: GatsbySSR["onRenderBody"] = (props) => {
+	if (ssr.onRenderBody) {
+		ssr.onRenderBody(props);
+	}
+};
+
+export const onPreRenderHTML: GatsbySSR["onPreRenderHTML"] = (props) => {
+	const { getHeadComponents, replaceHeadComponents } = props;
+
+	const headComponents = getHeadComponents();
+	const newHeadComponents = headComponents.map((component) => {
+		if (
+			React.isValidElement(component) &&
+			component.type === "meta" &&
+			component.props.name === "generator" &&
+			component.props.content.includes("Gatsby")
+		) {
+			return <meta name="generator" content="Griddo" key="generator" />;
+		}
+
+		return component;
+	});
+
+	replaceHeadComponents(newHeadComponents);
+
+	if (ssr.onPreRenderHTML) {
+		ssr.onPreRenderHTML(props);
+	}
+};
+
+export const replaceRenderer: GatsbySSR["replaceRenderer"] = (props) => {
+	if (ssr.replaceRenderer) {
+		ssr.replaceRenderer(props);
+	}
+};
+
+export const wrapRootElement: GatsbySSR["wrapRootElement"] = (props) => {
+	return (
+		<SessionProvider>
+			{ssr.wrapRootElement ? ssr.wrapRootElement(props) : props.element}
+		</SessionProvider>
+	);
+};

package/index.js

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+/* eslint-disable node/no-missing-require */
+
+require("./build");

package/package.json

@@ -1,102 +1,121 @@
 {
-  "name": "@griddo/cx",
-  "description": "Griddo SSG based on Gatsby",
-  "version": "1.75.178",
-  "authors": [
-    "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
-    "Carlos Torres <carlos.torres@secuoyas.com>",
-    "Diego M. Béjar <diego.bejar@secuoyas.com>",
-    "Francis Vega <francis.vega@secuoyas.com>",
-    "Gonzalo Hernández <gonzalo.hernandez@secuoyas.com>",
-    "Sergio Ródenas <sergio.rodenas@secuoyas.com>",
-    "Txema León <txema.leon@secuoyas.com>"
-  ],
-  "homepage": "https://griddo.io",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/griddo/griddo"
-  },
-  "bin": {
-    "griddo-cx": "./scripts/griddo-exporter.js"
-  },
-  "scripts": {
-    "start": "BYPASSRENDER=true gatsby develop -H 0.0.0.0",
-    "build": "BYPASSRENDER=false gatsby build --prefix-paths",
-    "build:serve": "IS_SERVE=true BYPASSRENDER=false gatsby build --prefix-paths && gatsby serve",
-    "clean": "gatsby clean; rm -rf .clean .cache public assets dist;",
-    "serve": "gatsby serve",
-    "format": "prettier --write .",
-    "reset-render": "node src/scripts/build-reset.js"
-  },
-  "dependencies": {
-    "@babel/core": "^7.6.0",
-    "@babel/plugin-proposal-class-properties": "^7.7.4",
-    "@babel/preset-env": "^7.14.5",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.16.5",
-    "@svgr/webpack": "^5.5.0",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-styled-components": "^1.10.7",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-polyfill": "^6.26.0",
-    "branch-name": "^1.0.0",
-    "chalk": "^2.4.2",
-    "csvtojson": "^2.0.10",
-    "dotenv": "^8.1.0",
-    "find-up": "^5.0.0",
-    "fs-extra": "^9.0.1",
-    "gatsby": "^4.8.0",
-    "gatsby-plugin-catch-links": "^4.8.0",
-    "gatsby-plugin-no-sourcemaps": "^4.8.0",
-    "gatsby-plugin-polyfill-io": "^1.1.0",
-    "gatsby-plugin-provide-react": "^1.0.2",
-    "gatsby-plugin-react-helmet": "^5.8.0",
-    "gatsby-plugin-react-svg": "^3.1.0",
-    "gatsby-plugin-remove-generator": "^1.2.0",
-    "gatsby-plugin-sass": "^5.21.0",
-    "gatsby-plugin-styled-components": "^5.8.0",
-    "html-react-parser": "^1.4.10",
-    "js2xmlparser": "^4.0.1",
-    "node-sass": "^6.0.0",
-    "opn": "^6.0.0",
-    "p-limit": "^4.0.0",
-    "path-browserify": "^1.0.1",
-    "pkg-dir": "^5.0.0",
-    "process": "^0.11.10",
-    "react-helmet": "^6.0.0"
-  },
-  "devDependencies": {
-    "@griddo/eslint-config-back": "^1.75.178",
-    "eslint": "^7.5.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-react": "7.14.3",
-    "prettier": "2.0.4"
-  },
-  "peerDependencies": {
-    "axios": "*",
-    "react": "*",
-    "react-dom": "*"
-  },
-  "engines": {
-    "node": ">=16.17.0"
-  },
-  "files": [
-    ".babelrc",
-    "gatsby-browser.js",
-    "gatsby-config.js",
-    "gatsby-node.js",
-    "gatsby-ssr.js",
-    "scripts",
-    "src",
-    "static"
-  ],
-  "keywords": [
-    "gatsby",
-    "griddo",
-    "secuoyas"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "5f1e31c4f2d850a7eefd7bbe287ba45b28df9592"
+	"name": "@griddo/cx",
+	"description": "Griddo SSG based on Gatsby",
+	"version": "1.75.180",
+	"authors": [
+		"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
+		"Diego M. Béjar <diego.bejar@secuoyas.com>",
+		"Francis Vega <francis.vega@secuoyas.com>",
+		"Gonzalo Hernández <gonzalo.hernandez@secuoyas.com>",
+		"Sergio Ródenas <sergio.rodenas@secuoyas.com>",
+		"Txema León <txema.leon@secuoyas.com>"
+	],
+	"license": "UNLICENSED",
+	"homepage": "https://griddo.io",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/griddo/griddo"
+	},
+	"bin": {
+		"griddo-cx": "./index.js"
+	},
+	"scripts": {
+		"start": "gatsby develop -H 0.0.0.0",
+		"build": "yarn run build:exporter",
+		"build:exporter": "esbuild ./scripts/griddo-exporter.ts --bundle --platform=node --minify --outfile=./build/index.js",
+		"build:serve": "IS_SERVE=true gatsby build --prefix-paths && gatsby serve",
+		"export": "gatsby build --prefix-paths",
+		"clean": "gatsby clean; rm -rf .cache public assets dist build .store",
+		"serve": "gatsby serve",
+		"format": "prettier --write .",
+		"prepare": "yarn run build:exporter",
+		"watch:tscheck": "tsc --noEmit --watch"
+	},
+	"dependencies": {
+		"@babel/core": "^7.6.0",
+		"@babel/plugin-proposal-class-properties": "^7.7.4",
+		"@babel/preset-env": "^7.14.5",
+		"@babel/preset-react": "^7.14.5",
+		"@babel/preset-typescript": "^7.16.5",
+		"@griddo/core": "^1.75.180",
+		"@svgr/webpack": "^5.5.0",
+		"babel-loader": "^8.0.6",
+		"babel-plugin-styled-components": "^1.10.7",
+		"babel-plugin-transform-runtime": "^6.23.0",
+		"babel-polyfill": "^6.26.0",
+		"branch-name": "^1.0.0",
+		"chalk": "^2.4.2",
+		"csvtojson": "^2.0.10",
+		"dotenv": "^8.1.0",
+		"find-up": "^5.0.0",
+		"fs-extra": "^9.0.1",
+		"gatsby": "^4.8.0",
+		"gatsby-plugin-no-sourcemaps": "^4.8.0",
+		"gatsby-plugin-polyfill-io": "^1.1.0",
+		"gatsby-plugin-provide-react": "^1.0.2",
+		"gatsby-plugin-react-helmet": "^5.8.0",
+		"gatsby-plugin-react-svg": "^3.1.0",
+		"gatsby-plugin-sass": "^5.21.0",
+		"gatsby-plugin-styled-components": "^5.8.0",
+		"gradient-string": "^2.0.2",
+		"html-react-parser": "^1.4.10",
+		"js2xmlparser": "^4.0.1",
+		"node-sass": "^6.0.0",
+		"opn": "^6.0.0",
+		"p-limit": "^3.0.0",
+		"path-browserify": "^1.0.1",
+		"pkg-dir": "^5.0.0",
+		"process": "^0.11.10",
+		"react-helmet": "^6.0.0"
+	},
+	"devDependencies": {
+		"@griddo/eslint-config-back": "^1.75.180",
+		"@types/babel__core": "^7.20.0",
+		"@types/babel__preset-env": "^7.9.2",
+		"@types/csvtojson": "^2.0.0",
+		"@types/eslint": "^7.29.0",
+		"@types/fs-extra": "^9.0.13",
+		"@types/gradient-string": "^1.1.2",
+		"@types/node-sass": "^4.11.3",
+		"@types/prettier": "2.7.2",
+		"@types/react": "18.0.28",
+		"@types/react-dom": "18.0.11",
+		"@types/react-helmet": "^6.1.6",
+		"@types/webpack": "^5.28.0",
+		"eslint": "^7.5.0",
+		"eslint-plugin-node": "^11.1.0",
+		"eslint-plugin-react": "7.14.3",
+		"prettier": "2.0.4"
+	},
+	"peerDependencies": {
+		"axios": "*",
+		"react": "*",
+		"react-dom": "*"
+	},
+	"engines": {
+		"node": ">=16.17.0"
+	},
+	"files": [
+		".babelrc",
+		"build",
+		"gatsby-browser.tsx",
+		"gatsby-config.ts",
+		"gatsby-node.ts",
+		"gatsby-ssr.tsx",
+		"index.js",
+		"scripts",
+		"src",
+		"static"
+	],
+	"keywords": [
+		"gatsby",
+		"griddo",
+		"secuoyas",
+		"typescript",
+		"SSG"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"gitHead": "840c30d9ae22d8749015b110a203a4103367a8f6"
 }

package/scripts/build-reset.ts

@@ -0,0 +1,9 @@
+import { AuthService } from "../src/services/auth";
+import { SettingsService } from "../src/services/settings";
+
+const resetRender = async () => {
+	await AuthService.login();
+	await SettingsService.resetRender();
+};
+
+resetRender();