@griddo/cx 11.9.7-rc.2 → 11.9.8-rc.0

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

@@ -1,8 +1,6 @@
-import * as React from "react";
-
 import { formatImage } from "./utils";
 
-function Favicon({ url }: { url: string | undefined }) {
+function GriddoFavicon({ url }: { url: string | undefined }) {
 	if (!url) {
 		return null;
 	}
@@ -26,13 +24,9 @@ function Favicon({ 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 { Favicon };
+export { GriddoFavicon };

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

@@ -1,18 +1,19 @@
-import type { Dimensions } from "../../types/pages";
 import type { Core } from "@griddo/core";
+import type { Dimensions } from "../../build";
 
-import { generateAutomaticDimensions } from "@griddo-instance";
-import parse from "html-react-parser";
 import * as React from "react";
 
+import { generateAutomaticDimensions } from "@griddo-instance";
+
 import {
 	composeAnalytics,
+	extractScriptContent,
 	filterBodyIntegrationFromPosition,
 	filterHeadIntegrations,
 } from "./utils";
 
 export interface GriddoIntegrationsProps {
-	integrations?: Array<Core.PageIntegration>;
+	integrations?: Core.PageIntegration[];
 	location: "head" | "start-body" | "end-body";
 	id?: string;
 	analyticScript?: string;
@@ -56,12 +57,7 @@ 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
@@ -70,9 +66,13 @@ 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,25 +88,19 @@ 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 (
-						<React.Fragment key={key}>
-							{siteScript && parse(siteScript, { trim: true })}
-						</React.Fragment>
-					);
+					return siteScriptContent ? (
+						<script key={key} dangerouslySetInnerHTML={{ __html: siteScriptContent }} />
+					) : null;
 				}
 
 				/* Integration integration.type === "addon" */
 				if (integration.type === "addon") {
-					return (
-						<React.Fragment key={key}>
-							{parse(integration.content, { trim: true })}
-						</React.Fragment>
-					);
+					return integrationScriptContent ? (
+						<script key={key} dangerouslySetInnerHTML={{ __html: integrationScriptContent }} />
+					) : null;
 				}
 
 				return null;

package/{exporter/react → 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: Array<Core.PageIntegration>,
+	integrations: Core.PageIntegration[],
 	position: "start" | "end",
 ) {
 	return (
@@ -26,7 +26,7 @@ function filterBodyIntegrationFromPosition(
 	);
 }
 
-function filterHeadIntegrations(integrations: Array<Core.PageIntegration>) {
+function filterHeadIntegrations(integrations: 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: Array<Core.PageIntegration>) {
 }
 
 const filterPositionIntegrations = (
-	integrations: Array<Core.PageIntegration>,
+	integrations: Core.PageIntegration[],
 	position: "head" | "start" | "end",
 ) => {
 	switch (position) {
@@ -70,16 +70,13 @@ function composeAnalytics(
 			};
 		};
 	},
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
-	generateAutomaticDimensions = (page: Record<string, unknown>) => null,
+	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 || {})
 		: {};
@@ -104,9 +101,7 @@ function composeAnalytics(
 		);
 	}
 
-	const analyticsDimensions = allDimensions.length
-		? `{${allDimensions.join(",")}}`
-		: null;
+	const analyticsDimensions = allDimensions.length ? `{${allDimensions.join(",")}}` : null;
 
 	return {
 		analyticsScript,
@@ -114,8 +109,25 @@ 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/react/GriddoOpenGraph/index.tsx

@@ -0,0 +1,39 @@
+import type { CustomHeadProps } from "../../src/types";
+
+interface GriddoOpenGraphProps {
+	openGraph?: CustomHeadProps["pageContext"]["openGraph"];
+	pageMetadata?: CustomHeadProps["pageContext"]["pageMetadata"];
+	siteMetadata?: CustomHeadProps["pageContext"]["siteMetadata"];
+	locale?: string;
+	fullUrl?: string;
+}
+
+const GriddoOpenGraph = (props: GriddoOpenGraphProps) => {
+	const { openGraph, pageMetadata, siteMetadata, locale, fullUrl } = props;
+
+	// La lógica de fallback se encapsula aquí
+	const ogTitle = openGraph?.title || pageMetadata?.title;
+	const ogDescription = openGraph?.description || pageMetadata?.description;
+	const ogUrl = pageMetadata?.canonical || fullUrl || "";
+
+	return (
+		<>
+			{/* Open Graph */}
+			{!!siteMetadata?.title && <meta property="og:site_name" content={siteMetadata.title} />}
+			{!!locale && <meta property="og:locale" content={locale} />}
+			{!!ogTitle && <meta property="og:title" content={ogTitle} />}
+			<meta property="og:type" content={openGraph?.type || "website"} />
+			{!!ogDescription && <meta property="og:description" content={ogDescription} />}
+			{!!openGraph?.image && <meta property="og:image" content={openGraph.image} />}
+			<meta property="og:url" content={ogUrl} />
+
+			{/* Twitter */}
+			<meta property="twitter:card" content="summary_large_image" />
+			{!!openGraph?.twitterImage && (
+				<meta property="twitter:image" content={openGraph.twitterImage} />
+			)}
+		</>
+	);
+};
+
+export { GriddoOpenGraph };

package/src/components/Head.tsx

@@ -1,7 +1,16 @@
 import type { CustomHeadProps } from "../types";
 
-import { Favicon, GriddoIntegrations } from "@griddo/cx/react";
-import * as React from "react";
+import { GriddoFavicon } from "../../react/GriddoFavicon";
+import { GriddoIntegrations } from "../../react/GriddoIntegrations";
+import { GriddoOpenGraph } from "../../react/GriddoOpenGraph";
+
+function cleanCommaSeparated(str: string) {
+	return str
+		.split(",")
+		.map((item) => item.trim())
+		.filter(Boolean)
+		.join(",");
+}
 
 /**
  * Gatsby Head API
@@ -12,13 +21,7 @@ const Head = (props: CustomHeadProps) => {
 		pageContext: {
 			locale,
 			openGraph,
-			page: {
-				disableHrefLangs,
-				fullUrl,
-				defaultLang,
-				integrations = [],
-				dimensions,
-			},
+			page: { disableHrefLangs, fullUrl, defaultLang, integrations = [], dimensions },
 			pageMetadata,
 			siteMetadata,
 			siteOptions,
@@ -31,19 +34,13 @@ const Head = (props: CustomHeadProps) => {
 	);
 
 	const showMetaRobots =
-		!!metaRobots &&
-		(siteOptions?.showBasicMetaRobots || metaRobots !== "index,follow");
+		!!metaRobots && (siteOptions?.showBasicMetaRobots || metaRobots !== "index,follow");
 
-	// Validate options
-	const cleanPageLanguages =
-		pageMetadata?.pageLanguages?.filter((item) => item.isLive) || [];
+	const cleanPageLanguages = pageMetadata?.pageLanguages?.filter((item) => item.isLive) || [];
 
 	const useCanonical =
 		!!pageMetadata?.canonical &&
-		!(
-			siteOptions?.avoidSelfReferenceCanonicals &&
-			pageMetadata?.canonical === fullUrl
-		);
+		!(siteOptions?.avoidSelfReferenceCanonicals && pageMetadata?.canonical === fullUrl);
 
 	const useHrefLangs =
 		!(
@@ -60,8 +57,7 @@ const Head = (props: CustomHeadProps) => {
 		(useHrefLangs &&
 			!siteOptions?.avoidHrefLangXDefault &&
 			defaultLangId &&
-			cleanPageLanguages.find((item) => item.languageId === defaultLangId)
-				?.url) ||
+			cleanPageLanguages.find((item) => item.languageId === defaultLangId)?.url) ||
 		null;
 
 	return (
@@ -72,15 +68,12 @@ const Head = (props: CustomHeadProps) => {
 			{!!pageMetadata?.description && (
 				<meta name="description" content={pageMetadata?.description} />
 			)}
-			{siteOptions?.useMetaTitle && (
-				<meta name="title" content={pageMetadata?.title} />
-			)}
+			{siteOptions?.useMetaTitle && <meta name="title" content={pageMetadata?.title} />}
 			{useCanonical && <link rel="canonical" href={pageMetadata?.canonical} />}
 
-			{/* Favicon images */}
-			<Favicon url={siteMetadata?.favicon} />
+			<GriddoFavicon url={siteMetadata?.favicon} />
 
-			{/* Alternate, solo si se indexa la página y tiene traducciones */}
+			{/* Alternate, only if the page is indexed and has translations */}
 			{hrefLangXDefaultUrl && (
 				<link rel="alternate" href={hrefLangXDefaultUrl} hrefLang="x-default" />
 			)}
@@ -97,51 +90,23 @@ const Head = (props: CustomHeadProps) => {
 			{/* Robots */}
 			{showMetaRobots && <meta name="robots" content={metaRobots} />}
 
-			{/* Open Graph */}
-			{!!siteMetadata?.title && (
-				<meta property="og:site_name" content={siteMetadata?.title} />
-			)}
-			{!!locale && <meta property="og:locale" content={locale} />}
-			{(!!openGraph?.title || !!pageMetadata?.title) && (
-				<meta
-					property="og:title"
-					content={openGraph?.title || pageMetadata?.title}
-				/>
-			)}
-			<meta property="og:type" content={openGraph?.type || "website"} />
-			{(!!openGraph?.description || !!pageMetadata?.description) && (
-				<meta
-					property="og:description"
-					content={openGraph?.description || pageMetadata?.description}
-				/>
-			)}
-			{!!openGraph?.image && (
-				<meta property="og:image" content={openGraph?.image} />
-			)}
-			<meta
-				property="og:url"
-				content={pageMetadata?.canonical || fullUrl || ""}
-			/>
-
-			{/* Twitter */}
-			<meta property="twitter:card" content="summary_large_image" />
-			{!!openGraph?.twitterImage && (
-				<meta property="twitter:image" content={openGraph?.twitterImage} />
-			)}
-
-			{/* Debug */}
-			{/* {!siteOptions?.avoidDebugMetas && (
-				<meta
-					property="debug"
-					content={`Griddo v${griddoVersion} @ ${renderDate}}`}
-				/>
-			)} */}
+			{/* Griddo Metadatos */}
+			{<meta name="griddo-render-date" content={new Date().toISOString()} />}
 
 			{/* Keywords */}
 			{siteOptions?.useMetaKeywords && !!pageMetadata?.metaKeywords && (
 				<meta name="keywords" content={pageMetadata.metaKeywords} />
 			)}
 
+			{/* Open Graph */}
+			<GriddoOpenGraph
+				openGraph={openGraph}
+				pageMetadata={pageMetadata}
+				siteMetadata={siteMetadata}
+				locale={locale}
+				fullUrl={fullUrl}
+			/>
+
 			{/* Integrations */}
 			<GriddoIntegrations
 				id={fullUrl}
@@ -155,12 +120,4 @@ const Head = (props: CustomHeadProps) => {
 	);
 };
 
-function cleanCommaSeparated(str: string) {
-	return str
-		.split(",")
-		.map((item) => item.trim())
-		.filter(Boolean)
-		.join(",");
-}
-
 export { Head };

package/src/components/template.tsx

@@ -1,30 +1,17 @@
-import type { TemplateProps } from "../types";
 import type { Core } from "@griddo/core";
+import type { TemplateProps } from "../types";
 
 import { Page as RenderGriddoPage } from "@griddo/core";
-import { GriddoIntegrations } from "@griddo/cx/react";
-import {
-	components,
-	SiteProvider,
-	templates,
-	formsTemplates,
-} from "@griddo-instance";
+import { components, formsTemplates, SiteProvider, templates } from "@griddo-instance";
 import { Link, navigate } from "gatsby";
-import * as React from "react";
 
-// Gatsby Head
+import { GriddoIntegrations } from "../../react/GriddoIntegrations";
+
 export { Head } from "./Head";
 
 const Template = (data: TemplateProps) => {
 	const {
-		pageContext: {
-			cloudinaryName,
-			page,
-			siteLangs,
-			siteMetadata,
-			socials,
-			theme,
-		},
+		pageContext: { cloudinaryName, page, siteLangs, siteMetadata, socials, theme },
 	} = data;
 
 	const library = {
@@ -33,8 +20,6 @@ const Template = (data: TemplateProps) => {
 		formsTemplates,
 	};
 
-	const mappedTheme = theme || "default-theme";
-
 	const header = data.pageContext.header as Core.HeaderModule;
 	const footer = data.pageContext.footer as Core.FooterModule;
 
@@ -52,14 +37,10 @@ const Template = (data: TemplateProps) => {
 			siteLangs={siteLangs}
 			siteMetadata={siteMetadata}
 			socials={socials}
-			theme={mappedTheme}
+			theme={theme}
 		>
-			<GriddoIntegrations
-				location="start-body"
-				integrations={page.integrations}
-			/>
+			<GriddoIntegrations location="start-body" integrations={page.integrations} />
 
-			{/* Render every page */}
 			<RenderGriddoPage
 				apiUrl={page.apiUrl}
 				content={page}
@@ -70,10 +51,7 @@ const Template = (data: TemplateProps) => {
 				pageLanguages={page.pageLanguages}
 			/>
 
-			<GriddoIntegrations
-				location="end-body"
-				integrations={page.integrations}
-			/>
+			<GriddoIntegrations location="end-body" integrations={page.integrations} />
 		</SiteProvider>
 	);
 };

package/src/gatsby-node-utils.ts

@@ -1,6 +1,17 @@
 import type { GatsbyNode } from "gatsby";
+import type { GriddoPageObject } from "../build";
 
-import { componentLibraryPathAlias, isComponentLibrary } from "@griddo/cx";
+import fsp from "node:fs/promises";
+import path from "node:path";
+
+import {
+	componentLibraryPathAlias,
+	getRenderPathsHydratedWithDomainFromDB,
+	isComponentLibrary,
+	ReadFromStoreError,
+	throwError,
+	walkStore,
+} from "../build";
 
 const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = ({
 	actions,
@@ -40,7 +51,70 @@ const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = ({
 	// No sourcemaps on builds
 	if (stage === "build-javascript") {
 		actions.setWebpackConfig({ devtool: false });
+
+		// TODO: Hablar con infra para no invalidar cache de los assets
+		// const newWebpackConfig = {
+		// 	...getConfig(),
+		// 	output: {
+		// 		filename: `[name].js`, // no contenthash
+		// 		chunkFilename: `[name].js`, // no contenthash
+		// 		path: getConfig().output.path,
+		// 		publicPath: getConfig().output.publicPath,
+		// 	},
+		// };
+
+		// actions.replaceWebpackConfig(newWebpackConfig);
 	}
 };
 
-export { onCreateWebpackConfig };
+/**
+ * Return a scale size colors with a number and a measure string (KB by default).
+ *
+ * @param size The page size in KB.
+ * @param measure The measure string to be added in the log.
+ */
+function pageSizeLog(size: number, measure = "KB") {
+	return `${size}${measure}`;
+}
+
+/**
+ * Read all pages stored in the `store` Griddo directory and returns one by one
+ * with a generator.
+ *
+ * @param basePath - Base directory to get pages from.
+ * @param options.withSizeProp - Add size prop to the page object.
+ * @todo throw error if the basePath is not an store folder
+ */
+async function* getBuildPagesFromStore<PageType extends GriddoPageObject>(args?: {
+	basePath?: string;
+	withSizeProp?: boolean;
+	dbFilePath?: string;
+}): AsyncGenerator<PageType> {
+	const { basePath, withSizeProp, dbFilePath } = args || {};
+	const { __root } = await getRenderPathsHydratedWithDomainFromDB({
+		dbFilePath,
+	});
+	const pagesDirPath = basePath || path.join(__root, "store");
+
+	// Procesamos archivos JSON uno por uno sin cargar todos los paths en memoria
+	for await (const filePath of walkStore(pagesDirPath)) {
+		try {
+			const fileContent = await fsp.readFile(filePath, "utf-8");
+			const page = JSON.parse(fileContent) as PageType;
+
+			if (withSizeProp) {
+				const fileStats = await fsp.stat(filePath);
+				page.size = fileStats.size / 1024;
+			}
+
+			// SECURITY: Only returns valid page objects
+			if (page.path) {
+				yield page;
+			}
+		} catch (error) {
+			throwError(ReadFromStoreError, error);
+		}
+	}
+}
+
+export { getBuildPagesFromStore, onCreateWebpackConfig, pageSizeLog };

package/src/html.tsx

@@ -1,26 +1,17 @@
 import type { HtmlProps } from "./types";
 
-import * as React from "react";
-
 function HTML(props: HtmlProps) {
 	return (
 		<html {...props.htmlAttributes}>
 			<head>
 				<meta charSet="utf-8" />
 				<meta httpEquiv="x-ua-compatible" content="ie=edge" />
-				<meta
-					name="viewport"
-					content="width=device-width, initial-scale=1, shrink-to-fit=no"
-				/>
+				<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 				{props.headComponents}
 			</head>
 			<body {...props.bodyAttributes}>
 				{props.preBodyComponents}
-				<div
-					key={"body"}
-					id="___gatsby"
-					dangerouslySetInnerHTML={{ __html: props.body }}
-				/>
+				<div key={"body"} id="___gatsby" dangerouslySetInnerHTML={{ __html: props.body }} />
 				<div id="modal" />
 				{props.postBodyComponents}
 			</body>

package/src/types.ts

@@ -1,4 +1,5 @@
 import type { Core } from "@griddo/core";
+import type { HeadProps } from "gatsby";
 import type {
 	AdditionalInfo,
 	Dimensions,
@@ -8,15 +9,14 @@ import type {
 	GriddoSinglePage,
 	Site,
 	SocialsResponse,
-} from "@griddo/cx";
-import type { HeadProps } from "gatsby";
+} from "../build";
 
 interface CustomHeadProps extends HeadProps {
 	pageContext: GriddoPageObject["context"] & {
 		page: Core.Page & {
 			defaultLang: { id: number };
 			dimensions: Dimensions;
-			disableHrefLangs: Array<number>;
+			disableHrefLangs: number[];
 		};
 	};
 }
@@ -81,7 +81,7 @@ type GatsbyPageObject = {
 		siteMetadata: Site["siteMetadata"];
 		theme: string;
 		title: string;
-		siteLangs: Array<Core.SiteLanguage>;
+		siteLangs: Core.SiteLanguage[];
 		siteOptions: AdditionalInfo["siteOptions"];
 		siteScript: string;
 		socials: SocialsResponse;
@@ -89,4 +89,4 @@ type GatsbyPageObject = {
 	};
 };
 
-export { CustomHeadProps, GatsbyPageObject, HtmlProps, TemplateProps };
+export type { CustomHeadProps, GatsbyPageObject, HtmlProps, TemplateProps };

package/tsconfig.commands.json

@@ -0,0 +1,36 @@
+{
+	"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

@@ -0,0 +1,20 @@
+{
+	"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/index.ts"]
+}