@griddo/cx 11.9.7 → 11.9.8-rc.1

package/exporter/ssg-adapters/gatsby/shared/types.ts

@@ -0,0 +1,35 @@
+interface SSG {
+	assetPrefix: string;
+	ssgArtifacts: {
+		disposables: string[];
+		cacheables: string[];
+	};
+}
+
+// Minimal representation of the page structure
+interface GatsbyPageData {
+	path: string;
+	result: {
+		pageContext: {
+			id: number;
+			title: string;
+			path: string;
+			openGraph: any;
+			pageMetadata: any;
+			page: {
+				site: number;
+				id: number;
+				fullPath: { compose: string };
+				language: number;
+				title: string;
+				fullUrl: string;
+				templateId: string;
+				template: {
+					templateType: string;
+				};
+			};
+		};
+	};
+}
+
+export type { GatsbyPageData, SSG };

package/exporter/ssg-adapters/gatsby/shared/utils.ts

@@ -0,0 +1,33 @@
+import { readDB, writeDB } from "../../../core/db";
+import { GriddoLog } from "../../../core/GriddoLog";
+
+/**
+ * Enables the rollback-on-error feature for subsequent render lifecycles.
+ * When this feature is active, if an error occurs during a render process,
+ * the application will automatically restore the 'exports' directory to its
+ * state before the render began. This function updates the configuration
+ * in the database to reflect this change.
+ * @async
+ */
+async function enableRollbackOnError() {
+	const data = await readDB();
+	data.needsRollbackOnError = true;
+	await writeDB(data);
+	GriddoLog.info("Render lifecycles that follow will restore the exports dir on error if needed\n");
+}
+
+/**
+ * Disables the rollback-on-error feature for subsequent render lifecycles.
+ * When this feature is inactive, the application will not restore the
+ * 'exports' directory if a render process fails. This is the default behavior.
+ * This function updates the configuration in the database.
+ * @async
+ */
+async function disableRollbackOnError() {
+	const data = await readDB();
+	data.needsRollbackOnError = false;
+	await writeDB(data);
+	GriddoLog.info("Render lifecycles that follow will not restore the exports dir on error\n");
+}
+
+export { disableRollbackOnError, enableRollbackOnError };

package/gatsby-browser.tsx

@@ -2,7 +2,6 @@ import type { GatsbyBrowser } from "gatsby";
 
 import { SessionProvider } from "@griddo/core";
 import { browser } from "@griddo-instance";
-import * as React from "react";
 
 export const disableCorePrefetching = () => {
 	if (browser.disableCorePrefetching) {
@@ -22,9 +21,7 @@ export const onInitialClientRender = () => {
 	}
 };
 
-export const onPostPrefetchPathname: GatsbyBrowser["onPostPrefetchPathname"] = (
-	props,
-) => {
+export const onPostPrefetchPathname: GatsbyBrowser["onPostPrefetchPathname"] = (props) => {
 	if (browser.onPostPrefetchPathname) {
 		browser.onPostPrefetchPathname(props);
 	}
@@ -36,75 +33,61 @@ export const onPreRouteUpdate: GatsbyBrowser["onPreRouteUpdate"] = (props) => {
 	}
 };
 
-export const onPrefetchPathname: GatsbyBrowser["onPrefetchPathname"] = (
-	props,
-) => {
+export const onPrefetchPathname: GatsbyBrowser["onPrefetchPathname"] = (props) => {
 	if (browser.onPrefetchPathname) {
 		browser.onPrefetchPathname(props);
 	}
 };
 
-export const onRouteUpdateDelayed: GatsbyBrowser["onRouteUpdateDelayed"] = (
-	props,
-) => {
+export const onRouteUpdateDelayed: GatsbyBrowser["onRouteUpdateDelayed"] = (props) => {
 	if (browser.onServiceWorkerActive) {
 		browser.onRouteUpdateDelayed(props);
 	}
 };
 
-export const onServiceWorkerActive: GatsbyBrowser["onServiceWorkerActive"] = (
-	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,
-) => {
+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);
 	}

package/gatsby-config.ts

@@ -1,33 +1,26 @@
 import type { GatsbyConfig } from "gatsby";
 
-import { resolveComponentsPath, verboseLog } from "@griddo/cx";
-import dotenv from "dotenv";
-
-dotenv.config();
+import { resolveComponentsPath } from "./build";
 
 /**
  * Este process.env.SPAWN_ASSET_PREFIX_WITH_DOMAIN se lee porque
- * se ha introducido en el spawnSync del la función runGatsbyBuildCommand.
+ * se ha introducido en el spawnSync del la función gatsbyBuild.
  *
  *	...
- *	env: Object.assign(process.env, {
- *		GRIDDO_EXPORTER: "true",
+ *	env: {
+ *		...process.env,
  *		SPAWN_ASSET_PREFIX_WITH_DOMAIN: assetPrefixWithDomain, <--------------
  *		NODE_OPTIONS: undefined,
- *	}),
- *
- * @see runGatsbyBuildCommand()
- * @todo quiar el `... || undefined`
+ *	},
  */
-const griddoAssetPrefixWithDomain =
-	process.env.SPAWN_ASSET_PREFIX_WITH_DOMAIN || undefined;
+const griddoAssetPrefixWithDomain = process.env.SPAWN_ASSET_PREFIX_WITH_DOMAIN || undefined;
 
-verboseLog(`set config.assetPrefix=${griddoAssetPrefixWithDomain}`);
+if (process.env.GRIDDO_SSG_VERBOSE_LOGS) {
+	console.log(`set config.assetPrefix=${griddoAssetPrefixWithDomain}`);
+}
 
 // Gatsby configuration file from client
-const { plugins, ...gatsbyConfig } = require(
-	resolveComponentsPath("builder.config.js"),
-);
+const { plugins, ...gatsbyConfig } = require(resolveComponentsPath("builder.config.js"));
 
 const config: GatsbyConfig = {
 	// Client config

package/gatsby-node.ts

@@ -1,49 +1,33 @@
-import type { GatsbyPageObject } from "./src/types";
 import type { GatsbyNode } from "gatsby";
+import type { GatsbyPageObject } from "./src/types";
 
 import path from "node:path";
 
-import {
-	buildLog,
-	debugLog,
-	envs,
-	getBuildPagesFromStore,
-	getConfig,
-	pageSizeLog,
-	verboseLog,
-} from "@griddo/cx";
-
-import { gatsbyRegister } from "./exporter/registers";
-import { insertAlert } from "./exporter/utils/alerts";
-
-const showGriddoBuildLogs = envs.GRIDDO_BUILD_LOGS;
+import { addLogToBuffer, isComponentLibrary } from "./build";
+import { getBuildPagesFromStore, pageSizeLog } from "./src/gatsby-node-utils";
 
 // process.env available through gatsbyBuildCommand.
+const showGriddoBuildLogs = JSON.parse(process.env.GRIDDO_BUILD_LOGS || "false");
+const showSSGVerboseLogs = JSON.parse(process.env.GRIDDO_VERBOSE_SSG || "false");
 const assetPrefixWithDomain = process.env.SPAWN_ASSET_PREFIX_WITH_DOMAIN;
-const sendAlertActive = JSON.parse(process.env.GRIDDO_ALERT_FEATURE || "false");
-const avoidMatchPath = JSON.parse(
-	process.env.GRIDDO_EXPERIMENTAL_DO_NOT_USE_MATCH_PATH || "false",
-);
-const useMatchPaths = !avoidMatchPath;
-const needsAssetDomainPrefix =
-	!!assetPrefixWithDomain && assetPrefixWithDomain !== "";
+const needsAssetDomainPrefix = !!assetPrefixWithDomain && assetPrefixWithDomain !== "";
+const nodeOptions = process.env.NODE_OPTIONS;
 
-const { __ssg } = getConfig().paths();
-const template = path.join(__ssg, "src/components/template.tsx");
+const template = path.resolve("./src/components/template.tsx");
+const dbFilePath = isComponentLibrary
+	? path.resolve(__dirname, "../../..", ".griddo/cache/db.json")
+	: path.resolve(__dirname, "../..", ".griddo/cache/db.json");
 
 const pages = getBuildPagesFromStore<GatsbyPageObject>({
 	withSizeProp: showGriddoBuildLogs,
+	dbFilePath,
 });
 
 const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
-	verboseLog(`read assetPrefixWithDomain=${assetPrefixWithDomain}`);
-	verboseLog(`set needsAssetDomainPrefix=${needsAssetDomainPrefix}`);
-	console.log(
-		`using this NODE_OPTIONS in gatsby-node.ts: ${process.env.NODE_OPTIONS}`,
-	);
-
-	if (avoidMatchPath) {
-		console.log(`[!] GRIDDO EXPERIMENTAL: Avoiding use of matchPath`);
+	if (showSSGVerboseLogs) {
+		console.log(`read assetPrefixWithDomain=${assetPrefixWithDomain}`);
+		console.log(`set needsAssetDomainPrefix=${needsAssetDomainPrefix}`);
+		console.log(`using NODE_OPTIONS in gatsby-node.ts: ${nodeOptions}`);
 	}
 
 	for await (const page of pages) {
@@ -51,60 +35,16 @@ const createPages: GatsbyNode["createPages"] = async ({ actions }) => {
 			return;
 		}
 
-		const matchPath =
-			needsAssetDomainPrefix && useMatchPaths
-				? page.context.fullPath.compose
-				: "";
-
 		page.component = template;
-		page.matchPath = matchPath;
 
 		actions.createPage(page);
 
-		const path = page.path;
-		const id = page.context.id;
-		const size = pageSizeLog(Math.round(page.size || 0));
-
-		if (sendAlertActive && page.size) {
-			const pageMaxSizeReached =
-				page.size >
-				Number.parseInt(process.env.GRIDDO_SSG_MAX_PAGE_SIZE || "524288") /
-					1024;
-
-			if (pageMaxSizeReached) {
-				gatsbyRegister.insert("GATSBY_PAGE_SIZE_TOO_BIG", {
-					path: page.path,
-					size: `${Math.round(page.size)}KB`,
-				});
-			}
-		}
-
 		if (showGriddoBuildLogs) {
-			buildLog(`Creating page ${path} - ${id} - ${size}`);
-		}
-	}
-
-	if (sendAlertActive) {
-		const registerContent = gatsbyRegister.get("GATSBY_PAGE_SIZE_TOO_BIG");
-
-		if (registerContent.entries.length < 1) {
-			return;
+			const id = page.context.id;
+			const path = page.path;
+			const size = pageSizeLog(Math.round(page.size || 0));
+			addLogToBuffer(`Creating page ${path} - ${id} - ${size}`);
 		}
-
-		debugLog("\nRender register report\n");
-		debugLog(registerContent);
-		debugLog();
-
-		await insertAlert({
-			description: "Render register report",
-			area: "Griddo",
-			level: "W",
-			fullData: {
-				output: registerContent,
-				date: new Date().toISOString(),
-			},
-			instantNotification: false,
-		});
 	}
 };
 

package/gatsby-ssr.tsx

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

package/package.json

@@ -1,13 +1,9 @@
 {
 	"name": "@griddo/cx",
 	"description": "Griddo SSG based on Gatsby",
-	"version": "11.9.7",
+	"version": "11.9.8-rc.1",
 	"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>"
+		"Hisco <francis.vega@griddo.io>"
 	],
 	"license": "UNLICENSED",
 	"homepage": "https://griddo.io",
@@ -15,120 +11,73 @@
 		"type": "git",
 		"url": "https://github.com/griddo/griddo"
 	},
-	"bin": {
-		"griddo-cx": "./start-render.js",
-		"griddo-start-render": "./start-render.js"
-	},
-	"exports": {
-		".": {
-			"import": "./build/index.js",
-			"require": "./build/index.js",
-			"types": "./build/index.d.ts"
-		},
-		"./react": {
-			"import": "./build/react/index.js",
-			"require": "./build/react/index.js",
-			"types": "./build/react/index.d.ts"
-		}
-	},
 	"scripts": {
 		"// NPM": "",
 		"prepare": "yarn run build",
 		"// BUILD": "",
-		"build": "sh ./exporter/build.sh",
-		"build:debug": "sh ./exporter/build.sh --debug",
+		"build": "rm -rf build && sh ./exporter/build.sh",
+		"build:debug": "rm -rf build && sh ./exporter/build.sh --debug",
 		"// TESTS": "",
-		"test": "NODE_OPTIONS='--import tsx' env-cmd node --test ./__tests__/*",
-		"test:create-render-fixtures": "env-cmd tsx ./__tests__/utils/create-fixtures.ts",
-		"test:remove-render-fixtures": "env-cmd tsx ./__tests__/utils/remove-fixtures.ts",
+		"test": "npm run test:compile && npm run test:create-render-fixtures && node --env-file=.env --test ./build/__tests__/* && npm run test:remove-render-fixtures",
+		"test-exporter": "npm run test:compile && node --env-file=.env --test ./build/__tests__exporter__/",
+		"test:create-render-fixtures": "node --env-file=.env ./build/__tests__/utils/create-fixtures",
+		"test:remove-render-fixtures": "node --env-file=.env ./build/__tests__/utils/remove-fixtures",
+		"test:compile": "tsgo --project tsconfig.tests.json",
 		"// INFRA SCRIPTS": "",
-		"upload-search-content": "node ./build/upload-search-content.js",
-		"complete-render": "node ./build/end-render.js",
-		"end-render": "node ./build/end-render.js",
-		"start-render": "node ./build/start-render.js",
-		"reset-render": "node ./build/reset-render.js",
-		"prepare-domains-render": "node ./build/prepare-domains-render.js",
-		"// SSG": "",
-		"clean": "gatsby clean; rm -rf assets .cx-cache caches store apiCache build .render-sentinel",
-		"gatsby-build": "gatsby telemetry --disable && gatsby build --prefix-paths",
-		"// LINTER": "",
-		"run:ts-lint": "tsc --noEmit",
-		"watch:ts-lint": "tsc --noEmit --watch",
-		"run:eslint": "eslint .",
-		"run:lint": "yarn run:ts-lint && yarn run:eslint",
-		"// FORMATTER": "",
-		"run:format": "prettier --write ."
+		"prepare-domains-render": "node ./build/commands/prepare-domains-render",
+		"start-render": "node ./build/commands/start-render",
+		"end-render": "node ./build/commands/end-render",
+		"upload-search-content": "node ./build/commands/upload-search-content",
+		"reset-render": "node ./build/commands/reset-render",
+		"// ONLY LOCAL SCRIPTS": "",
+		"prepare-assets-directory": "node ./build/commands/prepare-assets-directory",
+		"create-rollback-copy": "rm -rf ../../exports-backup && cp -r ../../exports ../../exports-backup",
+		"render": "npm run build && node --env-file=.env cli.mjs render",
+		"// LINTER & FORMATTER": "",
+		"lint": "biome check --write",
+		"format": "biome format --write",
+		"flint": "npm run lint && npm run format",
+		"ts-lint": "tsgo --noEmit",
+		"watch:ts-lint": "tsc --noEmit --watch"
 	},
 	"dependencies": {
-		"@babel/core": "7.26.0",
-		"@babel/plugin-transform-class-properties": "7.25.9",
-		"@babel/preset-env": "7.26.0",
-		"@babel/preset-react": "7.26.3",
-		"@babel/preset-typescript": "7.26.0",
-		"@griddo/core": "11.9.7",
-		"@svgr/webpack": "5.5.0",
-		"axios": "1.7.9",
-		"babel-loader": "9.2.1",
-		"babel-plugin-transform-runtime": "6.23.0",
-		"babel-polyfill": "6.26.0",
-		"dotenv": "16.4.5",
-		"esbuild": "0.24.0",
-		"find-up": "5.0.0",
-		"fs-extra": "11.2.0",
-		"gatsby": "5.14.0",
-		"gatsby-plugin-svgr-loader": "0.1.0",
-		"html-react-parser": "5.2.0",
-		"js2xmlparser": "5.0.0",
-		"kleur": "4.1.5",
-		"p-limit": "3.1.0",
-		"path-browserify": "1.0.1",
-		"pkg-dir": "5.0.0",
-		"typescript": "5.7.2",
-		"webpack": "5.76.1"
+		"gatsby": "5.15.0",
+		"typescript": "4.9.5"
 	},
 	"devDependencies": {
-		"@types/cheerio": "0.22.35",
-		"@types/eslint": "8.56.10",
-		"@types/fs-extra": "11.0.4",
-		"@types/node": "20.17.10",
-		"@types/webpack": "5.28.5",
-		"@typescript-eslint/eslint-plugin": "^8.0.0",
-		"@typescript-eslint/parser": "^8.0.0",
-		"cheerio": "1.0.0",
-		"eslint": "^9.0.0",
-		"eslint-plugin-import": "2.31.0",
-		"eslint-plugin-node": "11.1.0",
-		"eslint-plugin-react": "7.37.4",
-		"eslint-plugin-react-hooks": "^4.6.0",
-		"eslint-plugin-testing-library": "^6.2.0",
-		"globals": "^16.0.0",
-		"prettier": "3.4.2"
+		"@biomejs/biome": "2.2.6",
+		"@types/node": "20.19.4",
+		"@typescript/native-preview": "latest",
+		"cheerio": "1.1.2",
+		"esbuild": "0.25.11",
+		"p-limit": "7.2.0"
 	},
 	"peerDependencies": {
-		"@types/react": ">=18 <19",
-		"@types/react-dom": ">=18 <19",
+		"@griddo/core": "*",
 		"react": ">=18 <19",
 		"react-dom": ">=18 <19"
 	},
 	"engines": {
-		"node": ">=20"
+		"node": ">=20.19"
 	},
 	"files": [
 		"build",
 		"exporter",
 		"src",
-		"cx.config.d.ts",
-		"cx.config.js",
+		"react",
 		"gatsby-browser.tsx",
 		"gatsby-config.ts",
 		"gatsby-node.ts",
 		"gatsby-ssr.tsx",
 		"global.d.ts",
-		"start-render.js",
-		"tsconfig.json"
+		"tsconfig.commands.json",
+		"tsconfig.exporter.json",
+		"tsconfig.json",
+		"plugins",
+		"cli.mjs"
 	],
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e6a697e2f759b66841a8aa9461f368519254e96f"
+	"gitHead": "69d82b3b9c3f25bb54e502439b81d2c6009652d7"
 }

package/plugins/gatsby-plugin-svgr-loader/gatsby-node.js

@@ -0,0 +1,55 @@
+exports.onCreateWebpackConfig = (
+	{ stage, actions, getConfig, rules },
+	{ rule: ruleProps = {} },
+) => {
+	const { include, exclude, options, ...otherProps } = ruleProps;
+
+	if (["develop", "develop-html", "build-html", "build-javascript"].includes(stage)) {
+		// Add the react-svg-loader rule
+		actions.setWebpackConfig({
+			module: {
+				rules: [
+					{
+						test: /\.svg$/,
+						include,
+						exclude,
+						...otherProps,
+						use: [
+							{
+								loader: "@svgr/webpack",
+								options,
+							},
+						],
+					},
+				],
+			},
+		});
+		const cfg = getConfig();
+		const imgsRule = rules.images();
+
+		const newUrlLoaderRule =
+			include || exclude
+				? {
+						...imgsRule,
+						include: exclude,
+						exclude: include,
+					}
+				: {
+						...imgsRule,
+						test: new RegExp(imgsRule.test.toString().replace("svg|", "").slice(1, -1)),
+					};
+
+		cfg.module.rules = [
+			// Remove the base url-loader images rule entirely
+			...cfg.module.rules.filter((rule) => {
+				if (rule.test) {
+					return rule.test.toString() !== imgsRule.test.toString();
+				}
+				return true;
+			}),
+			// Put it back without SVG loading
+			newUrlLoaderRule,
+		];
+		actions.replaceWebpackConfig(cfg);
+	}
+};

package/plugins/gatsby-plugin-svgr-loader/package.json

@@ -0,0 +1,8 @@
+{
+	"name": "gatsby-plugin-svgr-loader",
+	"version": "0.1.0",
+	"main": "gatsby-node.js",
+	"dependencies": {
+		"@svgr/webpack": "^4.3.2"
+	}
+}

package/react/DynamicScript/index.tsx

@@ -0,0 +1,33 @@
+import { useEffect } from "react";
+
+const DynamicScript = (props: { scriptContent: string }) => {
+	const { scriptContent } = props;
+
+	useEffect(() => {
+		if (!scriptContent) {
+			return;
+		}
+
+		const scriptText = scriptContent.replace(/<script>|<\/script>/g, "");
+		if (!scriptText.trim()) {
+			return;
+		}
+
+		const script = document.createElement("script");
+		script.innerHTML = scriptText;
+		script.async = true;
+
+		document.body.appendChild(script);
+
+		return () => {
+			// Hacemos un chequeo por si el script ya fue removido por otro proceso.
+			if (document.body.contains(script)) {
+				document.body.removeChild(script);
+			}
+		};
+	}, [scriptContent]);
+
+	return null;
+};
+
+export { DynamicScript };