@griddo/cx 11.9.8-rc.1 → 11.9.8-rc.2

package/exporter/constants/envs.ts

@@ -0,0 +1,94 @@
+/**
+ * Here are all the environment variables that the CX code uses.
+ */
+
+import dotenv from "dotenv";
+
+import { isTruthy } from "../utils/core-utils";
+
+dotenv.config();
+
+//
+// Credentials
+//
+/* prettier-ignore */ const GRIDDO_API_URL = process.env.GRIDDO_API_URL || process.env.API_URL;
+/* prettier-ignore */ const GRIDDO_PUBLIC_API_URL = process.env.GRIDDO_PUBLIC_API_URL || process.env.PUBLIC_API_URL;
+/* prettier-ignore */ const GRIDDO_BOT_USER = process.env.botEmail || process.env.GRIDDO_BOT_USER;
+/* prettier-ignore */ const GRIDDO_BOT_PASSWORD = process.env.botPassword|| process.env.GRIDDO_BOT_PASSWORD;
+
+//
+// Rendering
+//
+/* prettier-ignore */ const GRIDDO_API_CONCURRENCY_COUNT = Number.parseInt( process.env.GRIDDO_API_CONCURRENCY_COUNT || "10");
+/* prettier-ignore */ const GRIDDO_RENDER_ALL_SITES = isTruthy(process.env.GRIDDO_RENDER_ALL_SITES || process.env.updateAllSites);
+/* prettier-ignore */ const GRIDDO_RENDER_SITE = Number.parseInt(process.env.GRIDDO_RENDER_SITE || "")
+/* prettier-ignore */ const GRIDDO_RENDER_PAGES = (process.env.GRIDDO_RENDER_PAGES || "").split(",").map((item) => Number.parseInt(item)).filter(Boolean);
+/* prettier-ignore */ const GRIDDO_SKIP_BUILD_CHECKS = isTruthy(process.env.GRIDDO_SKIP_BUILD_CHECKS)
+/* prettier-ignore */ const GRIDDO_DEBUG_LOGS = isTruthy(process.env.GRIDDO_DEBUG_LOGS);
+/* prettier-ignore */ const GRIDDO_BUILD_LOGS = isTruthy(process.env.GRIDDO_BUILD_LOGS);
+/* prettier-ignore */ const GRIDDO_RENDER_BREAKPOINTS_FEATURE = isTruthy(process.env.GRIDDO_RENDER_BREAKPOINTS_FEATURE);
+/* prettier-ignore */ const GRIDDO_SSG_VERBOSE_LOGS = isTruthy(process.env.GRIDDO_SSG_VERBOSE_LOGS)
+/* prettier-ignore */ const GRIDDO_SEARCH_FEATURE = isTruthy(process.env.GRIDDO_SEARCH_FEATURE);
+/* prettier-ignore */ const GRIDDO_ASSET_PREFIX = process.env.GRIDDO_ASSET_PREFIX || process.env.ASSET_PREFIX;
+/* prettier-ignore */ const GRIDDO_REACT_APP_INSTANCE = process.env.GRIDDO_REACT_APP_INSTANCE || process.env.REACT_APP_INSTANCE;
+/* prettier-ignore */ const GRIDDO_AI_EMBEDDINGS = isTruthy(process.env.GRIDDO_AI_EMBEDDINGS);
+/* prettier-ignore */ const GRIDDO_VERBOSE_LOGS = isTruthy(process.env.GRIDDO_VERBOSE_LOGS);
+/* prettier-ignore */ const GRIDDO_ALERT_FEATURE = isTruthy(process.env.GRIDDO_ALERT_FEATURE);
+/* prettier-ignore */ const GRIDDO_API_MAX_RESPONSE_SIZE = Number.parseInt(process.env.GRIDDO_API_MAX_RESPONSE_SIZE || "81920") // 80KB
+/* prettier-ignore */ const GRIDDO_SSG_MAX_PAGE_SIZE = Number.parseInt(process.env.GRIDDO_SSG_MAX_PAGE_SIZE || "524288") // 512KB
+
+//
+// LifeCycle
+//
+/* prettier-ignore */ const GRIDDO_INIT_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_INIT_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_CLEAN_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_CLEAN_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_CLOSE_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_CLOSE_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_PREPARE_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_PREPARE_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_RESTORE_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_RESTORE_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_DATA_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_DATA_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_SSG_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_SSG_LIFECYCLE_MAX_ATTEMPTS || "2");
+/* prettier-ignore */ const GRIDDO_RELOCATION_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_RELOCATION_LIFECYCLE_MAX_ATTEMPTS || "1");
+/* prettier-ignore */ const GRIDDO_META_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_META_LIFECYCLE_MAX_ATTEMPTS || "4");
+/* prettier-ignore */ const GRIDDO_ARCHIVE_LIFECYCLE_MAX_ATTEMPTS = Number.parseInt(process.env.GRIDDO_ARCHIVE_LIFECYCLE_MAX_ATTEMPTS || "1");
+
+//
+// Testing
+//
+/* prettier-ignore */ const GRIDDO_FIXTURES_DOMAIN_NAMES = process.env.GRIDDO_CX_FIXTURES_DOMAIN_NAMES;
+/* prettier-ignore */ const GRIDDO_FIXTURES_SITE_NAMES = process.env.GRIDDO_CX_FIXTURES_SITE_NAMES;
+
+export {
+	GRIDDO_AI_EMBEDDINGS,
+	GRIDDO_ALERT_FEATURE,
+	GRIDDO_API_CONCURRENCY_COUNT,
+	GRIDDO_API_MAX_RESPONSE_SIZE,
+	GRIDDO_API_URL,
+	GRIDDO_ARCHIVE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_ASSET_PREFIX,
+	GRIDDO_BOT_PASSWORD,
+	GRIDDO_BOT_USER,
+	GRIDDO_BUILD_LOGS,
+	GRIDDO_CLEAN_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_CLOSE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DATA_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DEBUG_LOGS,
+	GRIDDO_FIXTURES_DOMAIN_NAMES,
+	GRIDDO_FIXTURES_SITE_NAMES,
+	GRIDDO_INIT_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_META_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PREPARE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PUBLIC_API_URL,
+	GRIDDO_REACT_APP_INSTANCE,
+	GRIDDO_RELOCATION_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_RENDER_ALL_SITES,
+	GRIDDO_RENDER_BREAKPOINTS_FEATURE,
+	GRIDDO_RENDER_PAGES,
+	GRIDDO_RENDER_SITE,
+	GRIDDO_RESTORE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SEARCH_FEATURE,
+	GRIDDO_SKIP_BUILD_CHECKS,
+	GRIDDO_SSG_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SSG_MAX_PAGE_SIZE,
+	GRIDDO_SSG_VERBOSE_LOGS,
+	GRIDDO_VERBOSE_LOGS,
+};

package/exporter/constants/index.ts

@@ -0,0 +1,129 @@
+import type { LifeCyclesNames } from "../types/global";
+
+import {
+	AI_EMBEDDINGS,
+	ALERT,
+	BUILD_END,
+	BUILD_START,
+	DOMAINS,
+	GET_ALL,
+	GET_PAGE,
+	GET_PAGES,
+	GET_REFERENCE_FIELD_DATA,
+	GET_SITEMAP,
+	INFO,
+	LANGUAGES,
+	LOGIN,
+	RESET_RENDER,
+	ROBOTS,
+	SEARCH,
+	SETTINGS,
+	SOCIALS,
+} from "./endpoints";
+import {
+	GRIDDO_AI_EMBEDDINGS,
+	GRIDDO_ALERT_FEATURE,
+	GRIDDO_API_CONCURRENCY_COUNT,
+	GRIDDO_API_MAX_RESPONSE_SIZE,
+	GRIDDO_API_URL,
+	GRIDDO_ARCHIVE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_ASSET_PREFIX,
+	GRIDDO_BOT_PASSWORD,
+	GRIDDO_BOT_USER,
+	GRIDDO_BUILD_LOGS,
+	GRIDDO_CLEAN_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_CLOSE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DATA_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DEBUG_LOGS,
+	GRIDDO_FIXTURES_DOMAIN_NAMES,
+	GRIDDO_FIXTURES_SITE_NAMES,
+	GRIDDO_META_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PREPARE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PUBLIC_API_URL,
+	GRIDDO_REACT_APP_INSTANCE,
+	GRIDDO_RELOCATION_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_RENDER_ALL_SITES,
+	GRIDDO_RENDER_BREAKPOINTS_FEATURE,
+	GRIDDO_RENDER_PAGES,
+	GRIDDO_RENDER_SITE,
+	GRIDDO_RESTORE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SEARCH_FEATURE,
+	GRIDDO_SKIP_BUILD_CHECKS,
+	GRIDDO_SSG_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SSG_MAX_PAGE_SIZE,
+	GRIDDO_SSG_VERBOSE_LOGS,
+	GRIDDO_VERBOSE_LOGS,
+} from "./envs";
+
+const endpoints = {
+	ALERT,
+	AI_EMBEDDINGS,
+	BUILD_END,
+	BUILD_START,
+	DOMAINS,
+	GET_ALL,
+	GET_PAGE,
+	GET_PAGES,
+	GET_REFERENCE_FIELD_DATA,
+	GET_SITEMAP,
+	INFO,
+	LANGUAGES,
+	LOGIN,
+	RESET_RENDER,
+	ROBOTS,
+	SEARCH,
+	SETTINGS,
+	SOCIALS,
+};
+
+const envs = {
+	GRIDDO_AI_EMBEDDINGS,
+	GRIDDO_ALERT_FEATURE,
+	GRIDDO_API_CONCURRENCY_COUNT,
+	GRIDDO_API_MAX_RESPONSE_SIZE,
+	GRIDDO_API_URL,
+	GRIDDO_ARCHIVE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_ASSET_PREFIX,
+	GRIDDO_BOT_PASSWORD,
+	GRIDDO_BOT_USER,
+	GRIDDO_BUILD_LOGS,
+	GRIDDO_CLEAN_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_CLOSE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DATA_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_DEBUG_LOGS,
+	GRIDDO_FIXTURES_DOMAIN_NAMES,
+	GRIDDO_FIXTURES_SITE_NAMES,
+	GRIDDO_META_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PREPARE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_PUBLIC_API_URL,
+	GRIDDO_REACT_APP_INSTANCE,
+	GRIDDO_RELOCATION_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_RENDER_ALL_SITES,
+	GRIDDO_RENDER_BREAKPOINTS_FEATURE,
+	GRIDDO_RENDER_PAGES,
+	GRIDDO_RENDER_SITE,
+	GRIDDO_RESTORE_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SEARCH_FEATURE,
+	GRIDDO_SKIP_BUILD_CHECKS,
+	GRIDDO_SSG_LIFECYCLE_MAX_ATTEMPTS,
+	GRIDDO_SSG_MAX_PAGE_SIZE,
+	GRIDDO_SSG_VERBOSE_LOGS,
+	GRIDDO_VERBOSE_LOGS,
+};
+
+const lifeCycleNames: Record<LifeCyclesNames, LifeCyclesNames> = {
+	__DEBUG__: "__DEBUG__",
+	Archive: "Archive",
+	Clean: "Clean",
+	Close: "Close",
+	Data: "Data",
+	HealthCheck: "HealthCheck",
+	Init: "Init",
+	Meta: "Meta",
+	Prepare: "Prepare",
+	Relocation: "Relocation",
+	Restore: "Restore",
+	SSG: "SSG",
+} as const;
+
+export { endpoints, envs, lifeCycleNames };

package/exporter/{shared/errors.ts → errors/errors-data.ts}

@@ -7,13 +7,11 @@
  * obligatorily.
  */
 
+import type { ErrorData } from ".";
 import type { SpawnSyncReturns } from "node:child_process";
-import type { ErrorData } from "../core/errors";
 
 type ErrorsType =
 	| "ArtifactError"
-	| "BundlesInconsistencyError"
-	| "CheckHealthError"
 	| "ErrorInSSGBuildProcess"
 	| "LifecycleExecutionError"
 	| "LoginError"
@@ -22,7 +20,6 @@ type ErrorsType =
 	| "ReadFromStoreError"
 	| "ReferenceFieldSourcesNotFoundError"
 	| "RenderUUIDError"
-	| "UploadSearchError"
 	| "WriteToStoreError";
 
 const ArtifactError: ErrorData = {
@@ -33,13 +30,19 @@ const ArtifactError: ErrorData = {
 	hint: "Have there been any recent deployments? These can delete directories from the current render.",
 };
 
-const ErrorInSSGBuildProcess = (command: SpawnSyncReturns<string>): ErrorData => ({
+const ErrorInSSGBuildProcess = (
+	command: SpawnSyncReturns<string>,
+): ErrorData => ({
 	error: "ErrorInSSGBuildProcess",
 	message: `Error in SSG build process: ${JSON.stringify(command)}`,
-	expected: "This can happen if there was a problem with the SSG build process.",
+	expected:
+		"This can happen if there was a problem with the SSG build process.",
 });
 
-const LifecycleExecutionError = (attempts: number, name: string): ErrorData => ({
+const LifecycleExecutionError = (
+	attempts: number,
+	name: string,
+): ErrorData => ({
 	error: "LifecycleExecutionError",
 	message: `Exceeded maximum retry attempts (${attempts}) for ${name} LifeCycle`,
 });
@@ -47,12 +50,14 @@ const LifecycleExecutionError = (attempts: number, name: string): ErrorData => (
 const LoginError: ErrorData = {
 	error: "LoginError",
 	message: "There was a problem logging in to the API",
-	expected: "This happens if the API is currently not working or the credentials are incorrect.",
+	expected:
+		"This happens if the API is currently not working or the credentials are incorrect.",
 };
 
 const NoDomainsFoundError: ErrorData = {
 	error: "NoDomainsFoundError",
-	message: "No domains were found in this instance. The process cannot continue.",
+	message:
+		"No domains were found in this instance. The process cannot continue.",
 	expected:
 		"This may happen if the API is not functioning, or the site is not properly configured, or the domains are not registered.",
 	hint: "You can contact the instance administrator.",
@@ -93,22 +98,8 @@ const WriteToStoreError: ErrorData = {
 	hint: "There may be an issue such as lack of space or permissions preventing the file from being written.",
 };
 
-const UploadSearchError: ErrorData = {
-	error: "UploadSearchError",
-	message: "There was an error uploading content to API for search",
-	hint: "This happens if the API is currently not working or the credentials are incorrect.",
-};
-
-const CheckHealthError: ErrorData = {
-	error: "CheckHealthError",
-	message: "There was a problem with environment vars configuration.",
-	expected: "Some of the required environment variables are not set correctly or are missing",
-	hint: "Are the environment variables correctly set?",
-};
-
 export {
 	ArtifactError,
-	CheckHealthError,
 	ErrorInSSGBuildProcess,
 	LifecycleExecutionError,
 	LoginError,
@@ -117,7 +108,6 @@ export {
 	ReadFromStoreError,
 	ReferenceFieldSourcesNotFoundError,
 	RenderUUIDError,
-	UploadSearchError,
 	WriteToStoreError,
 	type ErrorsType,
 };

package/exporter/errors/index.ts

@@ -0,0 +1,40 @@
+import type { ErrorsType } from "./errors-data";
+
+import kleur from "kleur";
+
+export type ErrorData = {
+	error: ErrorsType;
+	message: string;
+	expected?: string;
+	hint?: string;
+};
+
+export class RenderError extends Error {
+	constructor() {
+		super();
+		this.name = "InternalCXError";
+		this.stack = "";
+	}
+}
+
+/**
+ * Throws an error with the provided error message, expected value, and hint.
+ */
+function throwError(options: ErrorData, stack?: unknown) {
+	const { error, message, expected, hint } = options;
+
+	const errorColor = kleur.red("[ " + error + " ]");
+	const extraText = [expected, hint].filter(Boolean).join("\n");
+
+	console.log(`
+${errorColor}
+${message}
+${extraText}
+
+${kleur.red("stack")}
+${JSON.stringify(stack, null, 2)}`);
+
+	throw new RenderError();
+}
+
+export { throwError };

package/exporter/index.ts

@@ -1,4 +1,22 @@
-import type { SocialsResponse } from "./shared/types/api";
+/**
+ *
+ * Griddo CX library main export file.
+ *
+ * This file exports functions to use in both: adapters and SSG's frameworks.
+ * Turning CX basically in a javascript library.
+ *
+ * # React
+ * There is another export in the `/react` directory to use exclusivelly in
+ * the browser context where nodejs (path, fs, etc..) is not available.
+ *
+ * # Separate scripts.
+ * There are some separate .ts files as end-render.ts or reset-render.ts
+ * that are intended to be used by infra via npm script like `npm run
+ * end-render`
+ *
+ */
+
+import type { SocialsResponse } from "./types/api";
 import type {
 	AdditionalInfo,
 	Dimensions,
@@ -6,29 +24,53 @@ import type {
 	GriddoMultiPage,
 	GriddoPageObject,
 	GriddoSinglePage,
-} from "./shared/types/pages";
-import type { Site } from "./shared/types/sites";
+} from "./types/pages";
+import type { Site } from "./types/sites";
 
-import { throwError } from "./core/errors";
-import { walkStore } from "./core/fs";
+import { endpoints, envs } from "./constants";
+import { apiRegister } from "./registers/index";
+import { FileRegister, MemoryRegister, Register } from "./services/register";
+import { insertAlert } from "./utils/alerts";
+import { getConfig, walk } from "./utils/core-utils";
 import {
 	componentLibraryPathAlias,
 	isComponentLibrary,
 	resolveComponentsPath,
-} from "./core/instance";
-import { addLogToBuffer } from "./core/logger";
-import { getRenderPathsHydratedWithDomainFromDB } from "./services/render";
-import { ReadFromStoreError } from "./shared/errors";
+} from "./utils/instance";
+import {
+	buildLog,
+	debugLog,
+	infoLog,
+	pageSizeLog,
+	verboseLog,
+} from "./utils/loggin";
+import {
+	getBuildPagesFromCachedStore,
+	getBuildPagesFromStore,
+	getBuildPagesPath,
+} from "./utils/store";
 
 export {
-	addLogToBuffer,
+	apiRegister,
+	buildLog,
 	componentLibraryPathAlias,
-	getRenderPathsHydratedWithDomainFromDB,
+	debugLog,
+	endpoints,
+	envs,
+	FileRegister,
+	getBuildPagesFromCachedStore,
+	getBuildPagesFromStore,
+	getBuildPagesPath,
+	getConfig,
+	infoLog,
+	insertAlert,
 	isComponentLibrary,
-	ReadFromStoreError,
+	MemoryRegister,
+	pageSizeLog,
+	Register,
 	resolveComponentsPath,
-	throwError,
-	walkStore,
+	verboseLog,
+	walk,
 	type AdditionalInfo,
 	type Dimensions,
 	type GriddoListPage,

package/{react/GriddoFavicon → exporter/react/Favicon}/index.tsx

@@ -1,6 +1,8 @@
+import * as React from "react";
+
 import { formatImage } from "./utils";
 
-function GriddoFavicon({ url }: { url: string | undefined }) {
+function Favicon({ url }: { url: string | undefined }) {
 	if (!url) {
 		return null;
 	}
@@ -24,9 +26,13 @@ function GriddoFavicon({ url }: { url: string | undefined }) {
 				sizes="180x180"
 				href={formatImage(url, { width: 180, height: 180, format: "png" })}
 			/>
-			<link rel="icon" type="image/svg+xml" href={formatImage(url, { format: "svg" })} />
+			<link
+				rel="icon"
+				type="image/svg+xml"
+				href={formatImage(url, { format: "svg" })}
+			/>
 		</>
 	);
 }
 
-export { GriddoFavicon };
+export { Favicon };

package/{react → exporter/react}/GriddoIntegrations/index.tsx

@@ -1,19 +1,18 @@
+import type { Dimensions } from "../../types/pages";
 import type { Core } from "@griddo/core";
-import type { Dimensions } from "../../build";
-
-import * as React from "react";
 
 import { generateAutomaticDimensions } from "@griddo-instance";
+import parse from "html-react-parser";
+import * as React from "react";
 
 import {
 	composeAnalytics,
-	extractScriptContent,
 	filterBodyIntegrationFromPosition,
 	filterHeadIntegrations,
 } from "./utils";
 
 export interface GriddoIntegrationsProps {
-	integrations?: Core.PageIntegration[];
+	integrations?: Array<Core.PageIntegration>;
 	location: "head" | "start-body" | "end-body";
 	id?: string;
 	analyticScript?: string;
@@ -57,7 +56,12 @@ function GriddoIntegrations(props: GriddoIntegrationsProps) {
 	// @shame!
 	// El fix sería llamar a `composeAnalytics()` solo si `pageInfo` existe.
 	const { analyticsScript, analyticsDimensions } = pageInfo
-		? composeAnalytics(siteScript, dimensions, pageInfo, generateAutomaticDimensions)
+		? composeAnalytics(
+				siteScript,
+				dimensions,
+				pageInfo,
+				generateAutomaticDimensions,
+			)
 		: { analyticsDimensions: null, analyticsScript: null };
 
 	// GTAG WITH UA
@@ -66,13 +70,9 @@ function GriddoIntegrations(props: GriddoIntegrationsProps) {
 			`https://www.googletagmanager.com/gtag/js?id=${analyticsScript}`) ||
 		null;
 
-	const siteScriptContent = extractScriptContent(siteScript);
-
 	return (
 		<>
 			{integrationsOrdered?.map((integration, key) => {
-				const integrationScriptContent = extractScriptContent(integration.content);
-
 				/* Data Layer */
 				if (integration.type === "datalayer") {
 					return (
@@ -88,19 +88,25 @@ function GriddoIntegrations(props: GriddoIntegrationsProps) {
 				if (integration.type === "analytics") {
 					// If UA- is provided
 					if (analyticsWithUA) {
-						return <script key={key} src={analyticsWithUA} data-griddo-id={id} />;
+						return (
+							<script key={key} src={analyticsWithUA} data-griddo-id={id} />
+						);
 					}
 
-					return siteScriptContent ? (
-						<script key={key} dangerouslySetInnerHTML={{ __html: siteScriptContent }} />
-					) : null;
+					return (
+						<React.Fragment key={key}>
+							{siteScript && parse(siteScript, { trim: true })}
+						</React.Fragment>
+					);
 				}
 
 				/* Integration integration.type === "addon" */
 				if (integration.type === "addon") {
-					return integrationScriptContent ? (
-						<script key={key} dangerouslySetInnerHTML={{ __html: integrationScriptContent }} />
-					) : null;
+					return (
+						<React.Fragment key={key}>
+							{parse(integration.content, { trim: true })}
+						</React.Fragment>
+					);
 				}
 
 				return null;

package/{react → exporter/react}/GriddoIntegrations/utils.ts

@@ -1,5 +1,5 @@
+import type { Dimensions } from "../../types/pages";
 import type { Core } from "@griddo/core";
-import type { Dimensions } from "../../build";
 
 /**
  * Return true if the argument is an object (not null)
@@ -9,7 +9,7 @@ function isObject(value: unknown) {
 }
 
 function filterBodyIntegrationFromPosition(
-	integrations: Core.PageIntegration[],
+	integrations: Array<Core.PageIntegration>,
 	position: "start" | "end",
 ) {
 	return (
@@ -26,7 +26,7 @@ function filterBodyIntegrationFromPosition(
 	);
 }
 
-function filterHeadIntegrations(integrations: Core.PageIntegration[]) {
+function filterHeadIntegrations(integrations: Array<Core.PageIntegration>) {
 	// A la hora de filtrar las integraciones, los addons si que tienen
 	// contenido en head pero en el caso de analytics y datalayer el contenido
 	// llega a null, pero deben ir en el <head>
@@ -48,7 +48,7 @@ function filterHeadIntegrations(integrations: Core.PageIntegration[]) {
 }
 
 const filterPositionIntegrations = (
-	integrations: Core.PageIntegration[],
+	integrations: Array<Core.PageIntegration>,
 	position: "head" | "start" | "end",
 ) => {
 	switch (position) {
@@ -70,13 +70,16 @@ function composeAnalytics(
 			};
 		};
 	},
-	generateAutomaticDimensions = (_page: Record<string, unknown>) => null,
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	generateAutomaticDimensions = (page: Record<string, unknown>) => null,
 ) {
 	const analyticsScript = siteScriptRaw ? siteScriptRaw.trim() : "";
 
 	// Las dimensiones o DataLayer
 	const dynamicValuePrefix = "__SCRIPT:";
-	const dimensionValues = isObject(dimensions?.values) ? dimensions?.values : {};
+	const dimensionValues = isObject(dimensions?.values)
+		? dimensions?.values
+		: {};
 	const automaticDimensionValues = generateAutomaticDimensions
 		? generateAutomaticDimensions(page || {})
 		: {};
@@ -101,7 +104,9 @@ function composeAnalytics(
 		);
 	}
 
-	const analyticsDimensions = allDimensions.length ? `{${allDimensions.join(",")}}` : null;
+	const analyticsDimensions = allDimensions.length
+		? `{${allDimensions.join(",")}}`
+		: null;
 
 	return {
 		analyticsScript,
@@ -109,25 +114,8 @@ function composeAnalytics(
 	};
 }
 
-function extractScriptContent(rawInput?: unknown) {
-	if (typeof rawInput !== "string" || !rawInput) {
-		return null;
-	}
-
-	const trimmedInput = rawInput.trim();
-
-	if (!trimmedInput.startsWith("<script>") || !trimmedInput.endsWith("</script>")) {
-		return null;
-	}
-
-	const content = trimmedInput.replace(/<script>|<\/script>/g, "").trim();
-
-	return content || null;
-}
-
 export {
 	composeAnalytics,
-	extractScriptContent,
 	filterBodyIntegrationFromPosition,
 	filterHeadIntegrations,
 	filterPositionIntegrations,

package/exporter/react/index.tsx

@@ -0,0 +1,11 @@
+//
+// Griddo CX library react export file.
+// This file exports functions to use in the SSG's frameworks.
+//
+// import { ... } from "@griddo/cx/react";
+//
+
+import { Favicon } from "./Favicon";
+import { GriddoIntegrations } from "./GriddoIntegrations";
+
+export { Favicon, GriddoIntegrations };

package/exporter/registers/api.ts

@@ -0,0 +1,14 @@
+import { MemoryRegister, Register } from "../services/register";
+
+const entries = {
+	API_RESPONSE_TOO_BIG: {
+		title: "API response size is too large",
+		description:
+			"API response size is too large and may affect rendering performance",
+		entries: [],
+	},
+};
+
+const register = new Register(new MemoryRegister(entries));
+
+export default register;

package/exporter/registers/gatsby.ts

@@ -0,0 +1,14 @@
+import { MemoryRegister, Register } from "../services/register";
+
+const entries = {
+	GATSBY_PAGE_SIZE_TOO_BIG: {
+		title: "Gatsby JSON page size is too large",
+		description:
+			"The JSON of some Gatsby pages (page-data folder) are too large and may affect rendering performance",
+		entries: [],
+	},
+};
+
+const register = new Register(new MemoryRegister(entries));
+
+export default register;