tabler/preview/eleventy.config.mjs

import { readFileSync } from 'node:fs';
import { EleventyRenderPlugin } from "@11ty/eleventy";
import { join, dirname } from 'node:path';
import { sync } from 'glob';
import { appConfig } from '@repo/e11ty'

/*
 * Copy list
 */
const getCopyList = () => {
	let copy = {
		"node_modules/@tabler/core/dist": "dist",
		"pages/favicon.ico": "favicon.ico",
		"static": "static",
	}

	const libs = JSON.parse(readFileSync('./pages/_data/libs.json'));

	let files = []

	Object.keys(libs.js).forEach((lib) => {
		files.push(Array.isArray(libs.js[lib]) ? libs.js[lib] : [libs.js[lib]])
	})

	Object.keys(libs.css).forEach((lib) => {
		files.push(Array.isArray(libs.css[lib]) ? libs.css[lib] : [libs.css[lib]])
	})

	Object.keys(libs['js-copy']).forEach((lib) => {
		files.push(libs['js-copy'][lib])
	})

	files = files.flat()

	files.forEach((file) => {
		if (!file.match(/^https?/)) {
			copy[`node_modules/${dirname(file)}`] = `libs/${dirname(file) }`;
		}
	})

	return copy;
}

/** @type {import('@11ty/eleventy').LocalConfig} */
export default function (eleventyConfig) {
	const environment = process.env.NODE_ENV || "production";

	eleventyConfig.setInputDirectory("pages");
	eleventyConfig.setOutputDirectory("dist");

	eleventyConfig.setLayoutsDirectory("_layouts");
	eleventyConfig.setIncludesDirectory("_includes");

	// eleventyConfig.addWatchTarget("../core/dist/**");
	// eleventyConfig.setWatchThrottleWaitTime(100);

	eleventyConfig.addPassthroughCopy(getCopyList());

	eleventyConfig.addPlugin(EleventyRenderPlugin, {
		accessGlobalData: true,
	});

	appConfig(eleventyConfig);

	/**
	 * Server
	 */
	if (process.env.ELEVENTY_RUN_MODE === "serve") {
		eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
	}


	/**
	 * Data
	 */
	eleventyConfig.addGlobalData("environment", environment);

	eleventyConfig.addGlobalData("package", JSON.parse(readFileSync(join("..", "core", "package.json"), "utf-8")));
	eleventyConfig.addGlobalData("readme", readFileSync(join("..", "README.md"), "utf-8"));
	eleventyConfig.addGlobalData("license", readFileSync(join("..", "LICENSE"), "utf-8"));
	eleventyConfig.addGlobalData("changelog", readFileSync(join("..", "CHANGELOG.md"), "utf-8"));

	eleventyConfig.addGlobalData("pages", () => {
		return sync('pages/**/*.html').filter((file) => {
			return !file.includes('pages/_') && !file.includes('pages/docs/index.html');
		}).map((file) => {
			return {
				url: file.replace(/^pages\//, '/')
			}
		});
	});

	eleventyConfig.addGlobalData("site", {
		title: "Tabler",
		description: "Premium and Open Source dashboard template with responsive and high quality UI.",
		themeColor: "#066fd1",

		email: "support@tabler.io",
		homepage: "https://tabler.io",
		githubUrl: "https://github.com/tabler/tabler",
		githubSponsorsUrl: "https://github.com/sponsors/codecalm",
		changelogUrl: "https://github.com/tabler/tabler/releases",
		sponsorUrl: "https://github.com/sponsors/codecalm",
		previewUrl: "https://preview.tabler.io",
		docsUrl: "https://tabler.io/docs",

		mapboxKey: "pk.eyJ1IjoidGFibGVyIiwiYSI6ImNscHh3dnhndjB2M3QycW85bGd0NXRmZ3YifQ.9LfHPsNoEXQH-xzz-81Ffw",
		googleMapsKey: "AIzaSyAr5mRB4U1KRkVznIrDWEvZjroYcD202DI",
		googleMapsDevKey: "AIzaSyCL-BY8-sq12m0S9H-S_yMqDmcun3A9znw",
		npmPackage: "@tabler/core",

		tablerCssPlugins: [
			"tabler-flags",
			"tabler-socials",
			"tabler-payments",
			"tabler-vendors",
			"tabler-marketing"
		],

		icons: {
			link: "https://tabler.io/icons"
		},
		emails: {
			price: "$29",
			buy_link: "https://r.tabler.io/buy-emails"
		},
		illustrations: {
			price: "$59",
			count: 50,
			buy_link: "https://r.tabler.io/buy-illustrations"
		},

		colors: {
			"blue": {
				"class": "blue",
				"hex": "#066fd1",
				"title": "Blue"
			},
			"azure": {
				"class": "azure",
				"hex": "#45aaf2",
				"title": "Azure"
			},
			"indigo": {
				"class": "indigo",
				"hex": "#6574cd",
				"title": "Indigo"
			},
			"purple": {
				"class": "purple",
				"hex": "#a55eea",
				"title": "Purple"
			},
			"pink": {
				"class": "pink",
				"hex": "#f66d9b",
				"title": "Pink"
			},
			"red": {
				"class": "red",
				"hex": "#fa4654",
				"title": "Red"
			},
			"orange": {
				"class": "orange",
				"hex": "#fd9644",
				"title": "Orange"
			},
			"yellow": {
				"class": "yellow",
				"hex": "#f1c40f",
				"title": "Yellow"
			},
			"lime": {
				"class": "lime",
				"hex": "#7bd235",
				"title": "Lime"
			},
			"green": {
				"class": "green",
				"hex": "#5eba00",
				"title": "Green"
			},
			"teal": {
				"class": "teal",
				"hex": "#2bcbba",
				"title": "Teal"
			},
			"cyan": {
				"class": "cyan",
				"hex": "#17a2b8",
				"title": "Cyan"
			}
		},
		skinColors: {
			"rose": {
				"hex": "#FFCB9D",
				"title": "Rose",
				"class": "rose"
			},
			"yellow": {
				"hex": "#F0BA60",
				"title": "Yellow",
				"class": "yellow"
			},
			"skin-1": {
				"hex": "#e2c6a7",
				"title": "Skin 1",
				"class": "skin-1"
			},
			"skin-2": {
				"hex": "#c7a786",
				"title": "Skin 2",
				"class": "skin-2"
			},
			"skin-3": {
				"hex": "#a68063",
				"title": "Skin 3",
				"class": "skin-3"
			},
			"skin-4": {
				"hex": "#926241",
				"title": "Skin 4",
				"class": "skin-4"
			},
			"skin-5": {
				"hex": "#654c45",
				"title": "Skin 5",
				"class": "skin-5"
			},
			"gray": {
				"hex": "#d5d7dd",
				"title": "Gray",
				"class": "gray"
			}
		},
		colorsExtra: {
			"white": {
				"hex": "#ffffff",
				"title": "White"
			},
			"dark": {
				"hex": "#303645",
				"title": "Dark"
			},
			"gray": {
				"hex": "#868e96",
				"title": "Gray"
			}
		},
		variants: [
			{
				"name": "success",
				"icon": "check"
			},
			{
				"name": "info",
				"icon": "info-circle"
			},
			{
				"name": "warning",
				"icon": "alert-triangle"
			},
			{
				"name": "danger",
				"icon": "alert-circle"
			}
		],
		"themeColors": {
			"primary": {
				"class": "primary",
				"title": "Primary"
			},
			"secondary": {
				"class": "secondary",
				"title": "Secondary"
			},
			"success": {
				"class": "success",
				"title": "Success"
			},
			"warning": {
				"class": "warning",
				"title": "Warning"
			},
			"danger": {
				"class": "danger",
				"title": "Danger"
			},
			"info": {
				"class": "info",
				"title": "Info"
			},
			"dark": {
				"class": "dark",
				"title": "Dark"
			},
			"light": {
				"class": "light",
				"title": "Light"
			}
		},
		"buttonStates": [
			{
				"class": null,
				"title": "Normal"
			},
			{
				"class": "active",
				"title": "Active state"
			},
			{
				"class": "disabled",
				"title": "Disabled"
			}
		],
		"socials": {
			"x": {
				"icon": "brand-x",
				"title": "X"
			},
			"facebook": {
				"icon": "brand-facebook",
				"title": "Facebook"
			},
			"twitter": {
				"icon": "brand-twitter",
				"title": "Twitter"
			},
			"google": {
				"icon": "brand-google",
				"title": "Google"
			},
			"youtube": {
				"icon": "brand-youtube",
				"title": "Youtube"
			},
			"vimeo": {
				"icon": "brand-vimeo",
				"title": "Vimeo"
			},
			"dribbble": {
				"icon": "brand-dribbble",
				"title": "Dribbble"
			},
			"github": {
				"icon": "brand-github",
				"title": "Github"
			},
			"instagram": {
				"icon": "brand-instagram",
				"title": "Instagram"
			},
			"pinterest": {
				"icon": "brand-pinterest",
				"title": "Pinterest"
			},
			"vk": {
				"icon": "brand-vk",
				"title": "VK"
			},
			"rss": {
				"icon": "rss",
				"title": "RSS"
			},
			"flickr": {
				"icon": "brand-flickr",
				"title": "Flickr"
			},
			"bitbucket": {
				"icon": "brand-bitbucket",
				"title": "Bitbucket"
			},
			"tabler": {
				"icon": "brand-tabler",
				"title": "Tabler"
			}
		},
		"months-short": [
			"Jan",
			"Feb",
			"Mar",
			"Apr",
			"May",
			"Jun",
			"Jul",
			"Aug",
			"Sep",
			"Oct",
			"Nov",
			"Dec"
		],
		"months-long": [
			"January",
			"February",
			"March",
			"April",
			"May",
			"June",
			"July",
			"August",
			"September",
			"October",
			"November",
			"December"
		]
	});
};