@griddo/cx 11.9.17 → 11.10.0

package/package.json

@@ -1,13 +1,9 @@
 {
 	"name": "@griddo/cx",
 	"description": "Griddo SSG based on Gatsby",
-	"version": "11.9.17",
+	"version": "11.10.0",
 	"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",
@@ -16,8 +12,7 @@
 		"url": "https://github.com/griddo/griddo"
 	},
 	"bin": {
-		"griddo-cx": "./start-render.js",
-		"griddo-start-render": "./start-render.js"
+		"griddo-render": "cli.mjs"
 	},
 	"exports": {
 		".": {
@@ -35,100 +30,68 @@
 		"// 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 --root=../..",
+		"// 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.17",
-		"@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"
 	},
 	"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.3.4",
+		"@types/node": "20.19.4",
+		"@typescript/native-preview": "latest",
+		"cheerio": "1.1.2",
+		"esbuild": "0.25.12",
+		"p-limit": "7.2.0",
+		"typescript": "5.9.3"
 	},
 	"peerDependencies": {
-		"@types/react": ">=18 <19",
-		"@types/react-dom": ">=18 <19",
+		"@griddo/core": "11.9.16",
 		"react": ">=18 <19",
 		"react-dom": ">=18 <19"
 	},
 	"engines": {
-		"node": ">=20"
+		"node": ">=20.19"
 	},
 	"files": [
 		"build",
 		"exporter",
 		"src",
-		"cx.config.d.ts",
-		"cx.config.js",
 		"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": "fb41027634e11f1b8fd1629cfba632d49ce7c5ff"
+	"gitHead": "2a4fbf94b7614274ee583bd8049036440de60f0e"
 }

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/src/components/Head.tsx

@@ -1,7 +1,14 @@
 import type { CustomHeadProps } from "../types";
 
-import { Favicon, GriddoIntegrations } from "@griddo/cx/react";
-import * as React from "react";
+import { GriddoFavicon, GriddoIntegrations, GriddoOpenGraph } from "@griddo/cx/react";
+
+function cleanCommaSeparated(str: string) {
+	return str
+		.split(",")
+		.map((item) => item.trim())
+		.filter(Boolean)
+		.join(",");
+}
 
 /**
  * Gatsby Head API
@@ -12,13 +19,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 +32,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 +55,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 +66,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 +88,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 +118,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,16 @@
-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
 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 +19,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 +36,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 +50,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,19 @@
+import type { GriddoPageObject } from "@griddo/cx";
 import type { GatsbyNode } from "gatsby";
 
-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 "@griddo/cx";
+
+import { pathExists } from "../exporter/core/fs";
 
 const onCreateWebpackConfig: GatsbyNode["onCreateWebpackConfig"] = ({
 	actions,
@@ -40,7 +53,73 @@ 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");
+
+	if (!pathExists(pagesDirPath)) {
+		throwError(ReadFromStoreError, `Pages directory not found: ${pagesDirPath}`);
+	}
+
+	try {
+		for await (const filePath of walkStore(pagesDirPath)) {
+			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

@@ -16,7 +16,7 @@ interface CustomHeadProps extends HeadProps {
 		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,21 @@
+{
+	"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/**/*"]
+}