@griddo/cx 10.4.12 → 10.4.13

package/ssg/gatsby/.eslintrc.json

@@ -0,0 +1,51 @@
+{
+	"env": {
+		"browser": true,
+		"node": true,
+		"es6": true
+	},
+	"extends": [
+		"plugin:node/recommended",
+		"eslint:recommended",
+		"plugin:@typescript-eslint/eslint-recommended",
+		"plugin:@typescript-eslint/recommended"
+	],
+	"plugins": ["node", "react", "prettier", "import"],
+	"parserOptions": {
+		"ecmaVersion": 2020,
+		"ecmaFeatures": { "jsx": true },
+		"sourceType": "module",
+		"allowImportExportEverywhere": true
+	},
+	"parser": "@typescript-eslint/parser",
+	"rules": {
+		"@typescript-eslint/explicit-module-boundary-types": 0,
+		"@typescript-eslint/no-explicit-any": 0,
+		"@typescript-eslint/no-non-null-assertion": 0,
+		"@typescript-eslint/array-type": ["error", { "default": "generic" }],
+		"no-process-exit": 0,
+		"node/no-missing-import": 0,
+		"node/no-unsupported-features/es-syntax": 0,
+		"node/no-extraneous-import": 0,
+		"react/jsx-uses-react": "error",
+		"react/jsx-uses-vars": "error",
+		"linebreak-style": ["error", "unix"],
+		"no-mixed-spaces-and-tabs": ["error", "smart-tabs"],
+		"import/order": [
+			"error",
+			{
+				"newlines-between": "always",
+				"groups": [
+					["type"],
+					["builtin"],
+					["external"],
+					["parent", "internal", "sibling", "index", "unknown"]
+				],
+				"alphabetize": {
+					"order": "asc",
+					"caseInsensitive": true
+				}
+			}
+		]
+	}
+}

package/ssg/gatsby/.prettierignore

@@ -0,0 +1,6 @@
+.cache
+apiCache
+build
+dist
+exports
+public

package/ssg/gatsby/.prettierrc.json

@@ -0,0 +1,3 @@
+{
+	"useTabs": true
+}

package/{gatsby-browser.tsx → ssg/gatsby/gatsby-browser.tsx}

@@ -1,7 +1,7 @@
 import type { GatsbyBrowser } from "gatsby";
 
+import { browser } from "@components";
 import { SessionProvider } from "@griddo/core";
-import { browser } from "components";
 import * as React from "react";
 
 export const disableCorePrefetching = () => {
@@ -60,49 +60,47 @@ export const onServiceWorkerActive: GatsbyBrowser["onServiceWorkerActive"] = (
 	}
 };
 
-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 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

package/{gatsby-config.ts → ssg/gatsby/gatsby-config.ts}

@@ -1,9 +1,8 @@
 import type { GatsbyConfig } from "gatsby";
 
+import { resolveComponentsPath } from "@griddo/cx/build";
 import dotenv from "dotenv";
 
-import { resolveComponentsPath } from "./exporter/utils/instance";
-
 dotenv.config();
 
 // Este process.env.GRIDDO_ASSET_PREFIX se lee porque se ha introducido en

package/{gatsby-node.ts → ssg/gatsby/gatsby-node.ts}

@@ -2,18 +2,22 @@ import type { GatsbyNode } from "gatsby";
 
 import path from "node:path";
 
-import { logInfo, logPageSize } from "./exporter/utils/shared";
-import { getBuildPages } from "./exporter/utils/store";
-import { getConfig } from "./exporter/utils/temp-utils";
+import {
+	getBuildPages,
+	getConfig,
+	logInfo,
+	logPageSize,
+} from "@griddo/cx/build";
+
 import { getMatchPath } from "./src/gatsby-node-utils";
 import { GatsbyPageObject } from "./src/types";
 
 const dirs = getConfig().dirs();
-const storeDir = path.join(dirs.__cx, "store");
-const templateFile = path.join(dirs.__ssg, "src/components/template.tsx");
+const store = path.join(dirs.__cx, "store");
+const template = path.join(dirs.__ssg, "src/components/template.tsx");
 
 const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
-	const pages = getBuildPages<GatsbyPageObject>(storeDir);
+	const pages = getBuildPages<GatsbyPageObject>(store);
 
 	for await (const page of pages) {
 		if (!page) return;
@@ -21,7 +25,7 @@ const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
 		const { domain, compose } = page.context.fullPath;
 		const matchPath = getMatchPath(domain, compose);
 
-		page.component = templateFile;
+		page.component = template;
 		page.matchPath = matchPath;
 
 		actions.createPage(page);
@@ -34,6 +38,5 @@ const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
 	}
 };
 
-// onCreateWebpackConfig
 export { onCreateWebpackConfig } from "./src/gatsby-node-utils";
 export { createPages };

package/{gatsby-ssr.tsx → ssg/gatsby/gatsby-ssr.tsx}

@@ -1,7 +1,7 @@
 import type { GatsbySSR } from "gatsby";
 
+import { ssr } from "@components";
 import { SessionProvider } from "@griddo/core";
-import { ssr } from "components";
 import * as React from "react";
 
 export const wrapPageElement: GatsbySSR["wrapPageElement"] = ({ props }) => {

package/ssg/gatsby/global.d.ts

@@ -0,0 +1 @@
+declare module "@components";

package/ssg/gatsby/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@griddo/gatsby",
+  "description": "gatsbyjs",
+  "version": "10.4.7",
+  "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>"
+  ],
+  "license": "UNLICENSED",
+  "homepage": "https://griddo.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/griddo/griddo"
+  },
+  "scripts": {
+    "clean": "gatsby clean; rm -rf .cache public assets",
+    "gatsby-build": "gatsby telemetry --disable && gatsby build --prefix-paths"
+  },
+  "dependencies": {
+    "@babel/core": "^7.21.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",
+    "dotenv": "^8.1.0",
+    "gatsby": "^4.8.0",
+    "gatsby-plugin-react-helmet": "^5.8.0",
+    "gatsby-plugin-svgr-loader": "^0.1.0",
+    "html-react-parser": "^1.4.10",
+    "path-browserify": "^1.0.1",
+    "react-helmet": "^6.0.0"
+  },
+  "devDependencies": {
+    "@types/eslint": "^7.29.0",
+    "@types/fs-extra": "^9.0.13",
+    "@types/gradient-string": "^1.1.2",
+    "@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",
+    "exporter",
+    "index.js",
+    "src",
+    "static"
+  ],
+  "keywords": [
+    "gatsby",
+    "griddo",
+    "secuoyas",
+    "typescript",
+    "SSG"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/{src → ssg/gatsby/src}/components/Head.tsx

@@ -1,10 +1,10 @@
 import type { CustomHeadProps } from "../types";
 
-import { generateAutomaticDimensions } from "components";
+import { generateAutomaticDimensions } from "@components";
+import { filterHeadIntegrations } from "@griddo/cx/build/browser";
 import parse from "html-react-parser";
 import * as React from "react";
 
-import { filterHeadIntegrations } from "../../exporter/utils/integrations";
 import { cleanCommaSeparated, composeAnalytics, formatImage } from "../utils";
 
 /**

package/{src → ssg/gatsby/src}/components/template.tsx

@@ -1,14 +1,13 @@
 import type { TemplateProps } from "../types";
 
+import { components, SiteProvider, templates } from "@components";
 import { Core, Page as RenderGriddoPage } from "@griddo/core";
-import { components, SiteProvider, templates } from "components";
+import { filterPositionIntegrations } from "@griddo/cx/build/browser";
 import { Link, navigate } from "gatsby";
 import parse from "html-react-parser";
 import * as React from "react";
 import { Helmet } from "react-helmet";
 
-import { filterPositionIntegrations } from "../../exporter/utils/integrations";
-
 // Gatsby Head
 export { Head } from "./Head";
 

package/{src → ssg/gatsby/src}/gatsby-node-utils.ts

@@ -1,12 +1,12 @@
 import type { GatsbyNode } from "gatsby";
 
-import fs from "fs-extra";
-
 import {
 	IS_COMPONENT_LIBRARY,
 	PROJECT_ALIASES,
+	getConfig,
 	resolveComponentsPath,
-} from "../exporter/utils/instance";
+} from "@griddo/cx/build";
+import fs from "fs-extra";
 
 /**
  * Copy the instance's `/static` dir into the Gatsby's to include it in the render assets.
@@ -72,11 +72,12 @@ const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = ({
 };
 
 function getGatsbyAssetPrefixSlug(domain: string) {
+	const { proDomain } = getConfig();
+
 	const assetPrefix =
 		process.env.GRIDDO_ASSET_PREFIX || process.env.ASSET_PREFIX;
-
 	if (!assetPrefix || !domain) return "";
-	if (!domain.startsWith("pro-")) return "";
+	if (!domain.startsWith(proDomain)) return "";
 
 	return `${assetPrefix}/${domain}`;
 }

package/{src → ssg/gatsby/src}/types.ts

@@ -1,13 +1,14 @@
-import type { SocialsResponse } from "../exporter/types/api";
+/* eslint-disable node/no-unpublished-import */
+import type { Core } from "@griddo/core";
 import type {
 	AdditionalInfo,
 	GriddoListPage,
 	GriddoMultiPage,
 	GriddoPageObject,
 	GriddoSinglePage,
-} from "../exporter/types/pages";
-import type { Site } from "../exporter/types/sites";
-import type { Core } from "@griddo/core";
+	Site,
+	SocialsResponse,
+} from "@griddo/cx/build";
 import type { HeadProps } from "gatsby";
 
 interface CustomHeadProps extends HeadProps {

package/ssg/gatsby/tsconfig.json

@@ -0,0 +1,15 @@
+{
+	"compilerOptions": {
+		"target": "esnext",
+		"lib": ["dom", "esnext"],
+		"jsx": "react",
+		"module": "esnext",
+		"moduleResolution": "node",
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"strict": true,
+		"skipLibCheck": true,
+		"resolveJsonModule": true
+	},
+	"include": ["./src/**/*", "./*.ts", "./*.tsx"]
+}

package/start-render.js

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+/* eslint-disable node/shebang */
+/* eslint-disable node/no-missing-require */
+
+// This is the "bin" for the griddo-cx package used by the infre to trigger a
+// render running `npm run griddo-cx`.
+require("./build/run-start-render.js");