@griddo/cx 11.9.12-rc.0 → 11.9.13

package/exporter/ssg-adapters/gatsby/shared/extract-assets.ts

@@ -1,75 +0,0 @@
-import fsp from "node:fs/promises";
-import path from "node:path";
-
-import { pathExists } from "../../../core/fs";
-import { getRenderPathsHydratedWithDomainFromDB } from "../../../services/render";
-
-/**
- * Update the Griddo's `/dist` dir with the contents from `public` dir only
- * with files of type: js, json and css.
- * TODO: Explicar que el static se copia a assets porque el js va en el subdominio de assets.
- */
-async function extractAssetsFromDist(domain: string) {
-	const { __root, __exports } = await getRenderPathsHydratedWithDomainFromDB({ domain });
-
-	// Archivos (no carpetas) válidos de public
-	const filesFromDist = (await fsp.readdir(path.join(__exports, "dist"))).filter(
-		(file) =>
-			path.extname(file) === ".js" ||
-			path.extname(file) === ".json" ||
-			path.extname(file) === ".css",
-	);
-
-	// Creamos assets si es necesario (needsAssetPrefix)
-	await fsp.mkdir(path.join(__root, "assets"), { recursive: true });
-	// page-data folder
-	await fsp.cp(
-		path.join(__exports, "dist", "page-data"),
-		path.join(__root, "assets", "page-data"),
-		{
-			preserveTimestamps: true,
-			recursive: true,
-		},
-	);
-	// static folder si existe
-	if (await pathExists(path.join(__root, "static"))) {
-		await fsp.cp(path.join(__root, "static"), path.join(__root, "assets"), {
-			force: false,
-			preserveTimestamps: true,
-			recursive: true,
-		});
-	}
-	// dist/static -> assets/static
-	if (await pathExists(path.join(__exports, "dist", "static"))) {
-		await fsp.cp(path.join(__exports, "dist", "static"), path.join(__root, "assets", "static"), {
-			force: false,
-			preserveTimestamps: true,
-			recursive: true,
-		});
-	}
-	// otro static...
-	if (await pathExists(path.join(__root, "static"))) {
-		await fsp.cp(path.join(__root, "static"), path.join(__exports, "dist", domain), {
-			preserveTimestamps: true,
-			recursive: true,
-			force: false,
-		});
-	}
-
-	// Copia el resto de archivos...
-	// for (const file of filesFromDist) {
-	// 	const fileSrc = path.join(__exports, "dist", file);
-	// 	const fileDest = path.join(__root, "assets", file);
-	// 	await fsp.cp(fileSrc, fileDest, { preserveTimestamps: true, recursive: true });
-	// }
-
-	const arraysOfPromises: Promise<void>[] = filesFromDist.map((file) => {
-		const fileSrc = path.join(__exports, "dist", file);
-		const fileDest = path.join(__root, "assets", file);
-		return fsp.cp(fileSrc, fileDest, { preserveTimestamps: true, recursive: true });
-	});
-
-	await Promise.all(arraysOfPromises);
-}
-
-export { extractAssetsFromDist };

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

@@ -1,58 +0,0 @@
-import { spawn } from "node:child_process";
-import path from "node:path";
-
-import { GriddoLog } from "../../../core/GriddoLog";
-import { getRenderPathsHydratedWithDomainFromDB } from "../../../services/render";
-import { GRIDDO_SSG_VERBOSE_LOGS } from "../../../shared/envs";
-
-/**
- * Spawn a new node process `gatsby build`
- * @note This proccess can not access to the custom Griddo `process.env` so it
- * needs variables passed to it via the `env` prop.
- */
-async function gatsbyBuild(assetPrefixWithDomain: string): Promise<void> {
-	GriddoLog.verbose(`read assetPrefixWithDomain, ${assetPrefixWithDomain}`);
-	GriddoLog.verbose(`using this NODE_OPTIONS in gatsby command: ${process.env.NODE_OPTIONS}`);
-
-	const { __ssg } = await getRenderPathsHydratedWithDomainFromDB();
-
-	// Remove `--openssl-legacy-provider` from NODE_OPTIONS because this value
-	// break Gatsby render.
-	const nodeOptionsWithoutLegacyOpenSSL = process.env.NODE_OPTIONS
-		? process.env.NODE_OPTIONS.replace(/--openssl-legacy-provider\s*/g, "").trim()
-		: "";
-
-	// Ruta al ejecutable de Gatsby
-	const gatsbyExecutable = path.join(__ssg, "node_modules", ".bin", "gatsby");
-
-	const args = ["build", "--prefix-paths"];
-	if (GRIDDO_SSG_VERBOSE_LOGS) {
-		args.push("--verbose");
-	}
-
-	return new Promise((resolve, reject) => {
-		const child = spawn(gatsbyExecutable, args, {
-			cwd: __ssg,
-			stdio: ["ignore", "inherit", "inherit"],
-			env: {
-				...process.env,
-				SPAWN_ASSET_PREFIX_WITH_DOMAIN: assetPrefixWithDomain,
-				NODE_OPTIONS: nodeOptionsWithoutLegacyOpenSSL,
-			},
-		});
-
-		child.on("close", (code) => {
-			if (code === 0) {
-				resolve();
-			} else {
-				reject(new Error(`Gatsby build failed with exit code ${code}`));
-			}
-		});
-
-		child.on("error", (error) => {
-			reject(new Error(`Failed to start Gatsby build process: ${error.message}`));
-		});
-	});
-}
-
-export { gatsbyBuild };

package/exporter/ssg-adapters/gatsby/shared/render-rollback.ts

@@ -1,33 +0,0 @@
-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/exporter/ssg-adapters/gatsby/shared/sync-render.ts

@@ -1,298 +0,0 @@
-import fsp from "node:fs/promises";
-import path from "node:path";
-
-import pLimit from "p-limit";
-
-import { findFilesBySuffix } from "../../../core/fs";
-import { GriddoLog } from "../../../core/GriddoLog";
-import { GRIDDO_SSG_BUNDLE_ANALYZER } from "../../../shared/envs";
-import { getAssetsDiffBetweenRenders, patchHtmlFile } from "./diff-assets";
-
-interface SyncRenderConfig {
-	src: string;
-	dst: string;
-	pagesToCreate: number[];
-	pagesToDelete: number[];
-	artifactsToCopyToExports: string[];
-}
-interface CopyFilePath {
-	from: string;
-	to: string;
-}
-interface SyncState {
-	htmlToAdd: CopyFilePath[];
-	jsonToAdd: CopyFilePath[];
-	htmlToDelete: string[];
-	jsonToDelete: string[];
-}
-interface PageInfo {
-	id: number;
-	composePath: string; // p.ej. '/about-us' o '/'
-	htmlPath: string; // p.ej. '/path/to/public/about-us/index.html'
-	jsonPath: string; // p.ej. '/path/to/public/page-data/about-us/page-data.json'
-}
-interface GatsbyPageData {
-	result: {
-		pageContext: {
-			id: number;
-			fullPath: {
-				site: string;
-				domain: string;
-				domainUrl: string;
-				language: string;
-				page: string;
-				compose: string;
-			};
-		};
-	};
-}
-
-class SyncRender {
-	private bundleDir: string;
-	private currentRenderDir: string;
-	private pagesToCreate: number[];
-	private pagesToDelete: number[];
-	private assetArtifacts: string[];
-
-	private state: SyncState = {
-		htmlToAdd: [],
-		jsonToAdd: [],
-		htmlToDelete: [],
-		jsonToDelete: [],
-	};
-
-	constructor(config: SyncRenderConfig) {
-		this.bundleDir = config.dst;
-		this.currentRenderDir = config.src;
-		this.pagesToCreate = config.pagesToCreate;
-		this.pagesToDelete = config.pagesToDelete;
-		this.assetArtifacts = config.artifactsToCopyToExports;
-	}
-
-	public async execute() {
-		await this.setPagesToDelete();
-		await this.setPagesToAdd();
-		await this.sync();
-		if (GRIDDO_SSG_BUNDLE_ANALYZER) {
-			await this.assertAssetsAreValid();
-		}
-	}
-
-	private async assertAssetsAreValid() {
-		const isDifferent = await getAssetsDiffBetweenRenders(this.currentRenderDir, this.bundleDir);
-		if (isDifferent) {
-			GriddoLog.info(
-				"Warning: JavaScript and CSS bundles must have the same files and content. You can ignore this warning if the rendering process only has pages to unpublish.",
-			);
-		} else {
-			GriddoLog.info("Previous and current JavaScript and CSS packages successfully matched");
-		}
-	}
-
-	private async setPagesToDelete() {
-		// INCLUIMOS LAS PÁGINAS A CREAR EN LAS CANDIDATAS A BORRAR
-		// =======================================================
-		// El set de ids incluye tanto las páginas a borrar como las que se van
-		// a crear para manejar correctamente los cambios de slug.
-		//
-		// Ejemplo: Si la página `id=3` tiene slug `about` y después viene con
-		// `slug=about-us`, necesitamos borrar la página `id=3` del render previo
-		// y volver a crearla con la nueva ruta.
-		//
-		// ¿Por qué? Porque el slug determina dónde se guarda la página:
-		// - /about/index.html -> /about-us/index.html
-		//
-		// Si no la borrásemos previamente, tendríamos ambas páginas:
-		// `/about/index.html` y `/about-us/index.html`
-		const candidateIdsToDelete = new Set<number>([...this.pagesToDelete, ...this.pagesToCreate]);
-		const existingPreviousPages = await this.scanPages(this.bundleDir);
-
-		for (const page of existingPreviousPages) {
-			if (candidateIdsToDelete.has(page.id)) {
-				this.state.htmlToDelete.push(page.htmlPath);
-				this.state.jsonToDelete.push(page.jsonPath);
-			}
-		}
-
-		GriddoLog.verbose(`${this.state.htmlToDelete.length} pages HTML to delete`);
-		GriddoLog.verbose(`${this.state.jsonToDelete.length} pages JSON to delete`);
-	}
-
-	private async setPagesToAdd() {
-		const candidateIdsToCreate = new Set<number>(this.pagesToCreate);
-		const newPages = await this.scanPages(this.currentRenderDir);
-
-		for (const page of newPages) {
-			if (candidateIdsToCreate.has(page.id)) {
-				const htmlTo = path.join(this.bundleDir, page.composePath, "index.html");
-				const normalizedCompose = page.composePath === "/" ? "index" : page.composePath;
-				const jsonTo = path.join(this.bundleDir, "page-data", normalizedCompose, "page-data.json");
-
-				this.state.htmlToAdd.push({ from: page.htmlPath, to: htmlTo });
-				this.state.jsonToAdd.push({ from: page.jsonPath, to: jsonTo });
-			}
-		}
-
-		GriddoLog.verbose(`${this.state.htmlToAdd.length} pages HTML to create`);
-		GriddoLog.verbose(`${this.state.jsonToAdd.length} pages JSON to create`);
-	}
-
-	private async sync() {
-		// Delete...
-		const allFilesToDelete = [...this.state.htmlToDelete, ...this.state.jsonToDelete];
-		for (const file of allFilesToDelete) {
-			try {
-				// Usar `force: true` para no fallar si el archivo ya no existe.
-				await fsp.rm(file, { force: true });
-				GriddoLog.verbose(`Sync (remove) : ${file}`);
-			} catch (e) {
-				// El error solo se registraría si es un problema de permisos, etc.
-				GriddoLog.error(`Failed to remove ${file}:`, e);
-			}
-		}
-
-		await this.restoreWebpackCompilationHash();
-
-		// Copy...
-		const allFilesToAdd = [...this.state.htmlToAdd, ...this.state.jsonToAdd];
-		for (const file of allFilesToAdd) {
-			try {
-				await fsp.mkdir(path.dirname(file.to), { recursive: true });
-				await fsp.copyFile(file.from, file.to);
-				GriddoLog.verbose(`Sync (copy) : ${file.from} -> ${file.to}`);
-			} catch (e) {
-				GriddoLog.error(`Failed to copy ${file.from} to ${file.to}:`, e);
-			}
-		}
-
-		// AVOID TO RESTORE webpackCompilationHash
-		// await this.copyAppDataJsonFile();
-		await this.copyAssetArtifacts();
-		await this.copySitemaps();
-	}
-
-	// TODO: Optimizar esto a lo bestia...
-	private async restoreWebpackCompilationHash() {
-		const appDataJsonFile = path.join(this.bundleDir, "page-data", "app-data.json");
-		const webpackCompilationHash = JSON.parse(
-			await fsp.readFile(appDataJsonFile, "utf8"),
-		).webpackCompilationHash;
-		GriddoLog.build(
-			`Reading webpackCompilationHash from ${appDataJsonFile} = ${webpackCompilationHash}`,
-		);
-
-		const changedHtmlFilePaths = this.state.htmlToAdd.map(({ from }) => from);
-
-		for (const htmlFilePath of changedHtmlFilePaths) {
-			GriddoLog.build(`Patching HTML file ${htmlFilePath} with the new webpackCompilationHash`);
-			await patchHtmlFile(htmlFilePath, webpackCompilationHash);
-		}
-	}
-
-	// private async copyAppDataJsonFile() {
-	// 	try {
-	// 		const src = path.join(this.currentRenderDir, "page-data", "app-data.json");
-	// 		const dst = path.join(this.bundleDir, "page-data", "app-data.json");
-	// 		await fsp.copyFile(src, dst);
-	// 		GriddoLog.verbose("Copied app-data.json");
-	// 	} catch (e) {
-	// 		GriddoLog.error("Failed to copy app-data.json:", e);
-	// 	}
-	// }
-
-	private async copyAssetArtifacts() {
-		for (const assetArtifact of this.assetArtifacts) {
-			const src = path.join(this.currentRenderDir, assetArtifact);
-			const dst = path.join(this.bundleDir, assetArtifact);
-			try {
-				await fsp.mkdir(path.dirname(dst), { recursive: true });
-				await fsp.copyFile(src, dst);
-				GriddoLog.verbose(`Copied artifact: ${assetArtifact}`);
-			} catch (e) {
-				GriddoLog.error(`Failed to copy artifact ${src} to ${dst}:`, e);
-			}
-		}
-	}
-
-	private async copySitemaps() {
-		const renderSrc = path.resolve(this.currentRenderDir);
-		const renderDst = path.resolve(this.bundleDir);
-
-		// Primero, elimina los sitemaps existentes en el destino
-		const xmlFilesInDst = findFilesBySuffix(renderDst, ".xml");
-		for await (const xmlFile of xmlFilesInDst) {
-			const basename = path.basename(xmlFile);
-			if (basename.startsWith("sitemap-") || basename === "sitemap.xml") {
-				await fsp.rm(xmlFile, { force: true });
-			}
-		}
-
-		// Segundo, copia los nuevos sitemaps desde el origen
-		const xmlFilesInSrc = findFilesBySuffix(renderSrc, ".xml");
-		for await (const src of xmlFilesInSrc) {
-			// Reconstruye la ruta de destino de forma más robusta
-			const relativePath = path.relative(renderSrc, src);
-			const dst = path.join(renderDst, relativePath);
-
-			try {
-				await fsp.mkdir(path.dirname(dst), { recursive: true });
-				await fsp.copyFile(src, dst);
-			} catch (e) {
-				GriddoLog.error(`Failed to copy sitemap ${src} to ${dst}:`, e);
-			}
-		}
-
-		GriddoLog.verbose(`Copied sitemap files.`);
-	}
-
-	/**
-	 * Escanea un directorio de build de Gatsby y extrae la información esencial
-	 * (PageInfo[]) de cada página.
-	 * @param dir Directorio a escanear (src o dst).
-	 * @returns Un array con la información de cada página encontrada.
-	 */
-	private async scanPages(dir: string): Promise<PageInfo[]> {
-		// 1. Crea una instancia de p-limit con 128 lecturas a la vez...
-		// Como ejemplo: macOS tiene un límite que suele empezar en 256.
-		// De todas maneras libuv tiene un límite de 4 hilos en node
-		const limit = pLimit(32);
-
-		// 2. Recolecta todos los paths de los archivos.
-		const gatsbyPageDataGenerator = findFilesBySuffix(
-			path.join(dir, "page-data"),
-			"page-data.json",
-		);
-		const processingPromises: Promise<PageInfo | null>[] = [];
-		for await (const file of gatsbyPageDataGenerator) {
-			processingPromises.push(
-				limit(async (): Promise<PageInfo | null> => {
-					try {
-						const fileContent = await fsp.readFile(file, "utf-8");
-						const content = JSON.parse(fileContent) as GatsbyPageData;
-
-						const id = content.result.pageContext.id;
-						const composePath = content.result.pageContext.fullPath.compose;
-
-						return {
-							id,
-							composePath,
-							htmlPath: path.join(dir, composePath, "index.html"),
-							jsonPath: file,
-						};
-					} catch (e) {
-						GriddoLog.error(`Error reading or parsing page data from ${file}:`, e);
-						return null;
-					}
-				}),
-			);
-		}
-
-		// 4. Go :)
-		const pagesFoundOrNull = await Promise.all(processingPromises);
-
-		// 5. Filtra los nulos y devuelve solo las páginas válidas.
-		return pagesFoundOrNull.filter((page): page is PageInfo => page !== null);
-	}
-}
-
-export { SyncRender };

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

@@ -1,35 +0,0 @@
-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/plugins/gatsby-plugin-svgr-loader/gatsby-node.js

@@ -1,55 +0,0 @@
-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

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

package/tsconfig.commands.json

@@ -1,36 +0,0 @@
-{
-	"compilerOptions": {
-		/* Opciones del Proyecto */
-		"target": "es2022", // Genera JavaScript compatible con versiones modernas de Node.js
-		"module": "commonjs", // El formato de módulo que usará Node.js para ejecutar los scripts
-		"outDir": "./build", // Directorio de salida para los archivos .js compilados
-		"rootDir": "./exporter", // Directorio raíz de los fuentes, para mantener la estructura en 'outDir'
-
-		/* Módulos */
-		"moduleResolution": "node", // Cómo se resuelven los módulos (estándar para Node)
-		"esModuleInterop": true, // Permite una mejor interoperabilidad entre CommonJS y ES Modules
-
-		// AÑADIDO: Permitir la importación de archivos .json como módulos.
-		// Esto soluciona el error con `import ... from "../../package.json"`.
-		"resolveJsonModule": true,
-
-		/* Opciones de Emisión */
-		"sourceMap": true, // Genera sourcemaps para facilitar el debugging
-
-		/* Chequeo de Tipos Estricto */
-		"strict": true, // Habilita todas las opciones de chequeo de tipos estrictas
-		"skipLibCheck": true, // Evita el chequeo de tipos en los archivos de declaración (.d.ts) de las dependencias
-
-		/* Opciones Adicionales */
-		"forceConsistentCasingInFileNames": true, // Asegura que las mayúsculas y minúsculas en los nombres de archivo sean consistentes
-		"types": ["node"]
-	},
-	"include": [
-		"exporter/**/*.ts", // Incluye todos los archivos .ts dentro de la carpeta exporter
-		"exporter/**/*.tsx"
-	],
-	"exclude": [
-		"node_modules", // Excluye las dependencias
-		"**/*.test.ts" // Excluye los archivos de test
-	]
-}

package/tsconfig.exporter.json

@@ -1,21 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "es2022",
-		"lib": ["dom", "esnext"],
-		"jsx": "react-jsx",
-		"module": "esnext",
-		"moduleResolution": "node",
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"strict": true,
-		"skipLibCheck": true,
-		"resolveJsonModule": true,
-		"outDir": "./build",
-		"sourceMap": true,
-		"inlineSourceMap": false,
-		"types": ["node"],
-		"rootDir": "./exporter"
-	},
-	"include": ["./exporter/**/*.ts", "./exporter/**/*.tsx", "global.d.ts"],
-	"exclude": ["./src/**/*"]
-}