mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
544 lines
11 KiB
JavaScript
544 lines
11 KiB
JavaScript
import { readFileSync } from 'fs';
|
|
import { EleventyRenderPlugin } from "@11ty/eleventy";
|
|
|
|
/** @type {import('@11ty/eleventy').LocalConfig} */
|
|
export default function (eleventyConfig) {
|
|
const env = process.env.NODE_ENV || "development";
|
|
const isDevelopment = env === "development";
|
|
|
|
eleventyConfig.setInputDirectory("src/pages");
|
|
eleventyConfig.setOutputDirectory(process.env.DIST_DIR || "demo");
|
|
|
|
eleventyConfig.setLayoutsDirectory("_layouts");
|
|
eleventyConfig.setIncludesDirectory("_includes");
|
|
|
|
eleventyConfig.setWatchThrottleWaitTime(100);
|
|
|
|
eleventyConfig.addPassthroughCopy("src/pages/favicon.ico");
|
|
|
|
eleventyConfig.addPlugin(EleventyRenderPlugin, {
|
|
accessGlobalData: true,
|
|
});
|
|
|
|
eleventyConfig.setLiquidOptions({
|
|
timezoneOffset: 0,
|
|
jekyllInclude: true,
|
|
dynamicPartials: true,
|
|
jekyllWhere: true,
|
|
});
|
|
|
|
if (isDevelopment) {
|
|
eleventyConfig.addWatchTarget("dist");
|
|
}
|
|
|
|
/**
|
|
* Data
|
|
*/
|
|
eleventyConfig.addGlobalData("environment", env);
|
|
|
|
eleventyConfig.addGlobalData("package", JSON.parse(readFileSync("package.json", "utf-8")));
|
|
eleventyConfig.addGlobalData("readme", readFileSync("README.md", "utf-8"));
|
|
eleventyConfig.addGlobalData("license", readFileSync("LICENSE", "utf-8"));
|
|
eleventyConfig.addGlobalData("changelog", readFileSync("CHANGELOG.md", "utf-8"));
|
|
|
|
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://tabler.io/demo",
|
|
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"
|
|
]
|
|
});
|
|
|
|
/**
|
|
* Filters
|
|
*/
|
|
eleventyConfig.addFilter("miliseconds_to_minutes", function (value) {
|
|
// Raturn 3:45 time format
|
|
const minutes = Math.floor(value / 60000);
|
|
const seconds = ((value % 60000) / 1000).toFixed(0);
|
|
return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
|
|
});
|
|
|
|
eleventyConfig.addFilter("relative", (page) => {
|
|
const segments = (page.url || '').replace(/^\//).split('/');
|
|
if (segments.length === 1) {
|
|
return '.';
|
|
} else {
|
|
return '../'.repeat(segments.length - 1).slice(0, -1);
|
|
}
|
|
});
|
|
|
|
eleventyConfig.addFilter("concat_objects", function (object, object2) {
|
|
if (
|
|
object &&
|
|
object2 &&
|
|
typeof object === 'object' &&
|
|
typeof object2 === 'object' &&
|
|
!Array.isArray(object) &&
|
|
!Array.isArray(object2)
|
|
) {
|
|
return { ...object, ...object2 };
|
|
}
|
|
return object;
|
|
});
|
|
|
|
eleventyConfig.addFilter("replace_regex", function (input, regStr, replStr) {
|
|
const regex = new RegExp(regStr, 'gm');
|
|
return input.replace(regex, replStr);
|
|
});
|
|
|
|
eleventyConfig.addFilter("timestamp_to_date", function (timestamp) {
|
|
const date = new Date(timestamp * 1000); // Convert timestamp to milliseconds
|
|
return date.toISOString().split('T')[0]; // Extract the date in 'YYYY-MM-DD' format
|
|
});
|
|
|
|
eleventyConfig.addFilter("split_to_n", function (arr, n) {
|
|
const chunkSize = Math.round(arr.length / n);
|
|
const result = [];
|
|
for (let i = 0; i < arr.length; i += chunkSize) {
|
|
result.push(arr.slice(i, i + chunkSize));
|
|
}
|
|
return result;
|
|
})
|
|
|
|
eleventyConfig.addFilter("format_number", function (value) {
|
|
return value.toString()
|
|
.split('')
|
|
.reverse()
|
|
.reduce((acc, char, index) => {
|
|
if (index > 0 && index % 3 === 0) {
|
|
acc.push(',');
|
|
}
|
|
acc.push(char);
|
|
return acc;
|
|
}, [])
|
|
.reverse()
|
|
.join('');
|
|
});
|
|
|
|
function randomNumber(x, min = 0, max = 100, round = 0) {
|
|
let value = ((x * x * Math.PI * Math.E * (max + 1) * (Math.sin(x) / Math.cos(x * x))) % (max + 1 - min)) + min;
|
|
|
|
value = value > max ? max : value;
|
|
value = value < min ? min : value;
|
|
|
|
if (round !== 0) {
|
|
value = parseFloat(value.toFixed(round));
|
|
} else {
|
|
value = Math.floor(value);
|
|
}
|
|
|
|
return value;
|
|
}
|
|
|
|
eleventyConfig.addFilter("random_date_ago", function (x, daysAgo = 100) {
|
|
const today = new Date();
|
|
const randomDaysAgo = randomNumber(x, 0, daysAgo);
|
|
today.setDate(today.getDate() - randomDaysAgo);
|
|
return today;
|
|
});
|
|
|
|
eleventyConfig.addFilter("random_date", function (x, startDate = null, endDate = null) {
|
|
const start = startDate ? new Date(startDate).getTime() : Date.now() - 100 * 24 * 60 * 60 * 1000;
|
|
const end = endDate ? new Date(endDate).getTime() : Date.now();
|
|
|
|
const randomTimestamp = randomNumber(x, start, end);
|
|
return new Date(randomTimestamp);
|
|
});
|
|
|
|
eleventyConfig.addFilter("random_item", function (x, items) {
|
|
const index = randomNumber(x, 0, items.length - 1);
|
|
return items[index];
|
|
});
|
|
|
|
eleventyConfig.addFilter("random_number", randomNumber);
|
|
|
|
eleventyConfig.addFilter("first_letters", function capitalizeFirstLetter(string) {
|
|
return string.split(' ').map(word => word.charAt(0)).join('');
|
|
})
|
|
|
|
eleventyConfig.addFilter("size", function (elem) {
|
|
if (elem instanceof Object) {
|
|
return Object.keys(elem).length;
|
|
}
|
|
|
|
return elem.length;
|
|
})
|
|
|
|
eleventyConfig.addFilter("first", function (elem) {
|
|
if (elem instanceof Object) {
|
|
return elem[Object.keys(elem)[0]];
|
|
}
|
|
|
|
return elem[0];
|
|
})
|
|
|
|
// time ago from today
|
|
eleventyConfig.addFilter("timeago", function (date) {
|
|
const seconds = Math.floor((new Date() - date) / 1000);
|
|
|
|
let interval = Math.floor(seconds / 31536000);
|
|
|
|
if (interval > 1) {
|
|
return interval + " years ago";
|
|
}
|
|
interval = Math.floor(seconds / 2592000);
|
|
if (interval > 1) {
|
|
return interval + " months ago";
|
|
}
|
|
interval = Math.floor(seconds / 86400);
|
|
if (interval > 1) {
|
|
return interval + " days ago";
|
|
}
|
|
interval = Math.floor(seconds / 3600);
|
|
if (interval > 1) {
|
|
return interval + " hours ago";
|
|
}
|
|
interval = Math.floor(seconds / 60);
|
|
if (interval > 1) {
|
|
return interval + " minutes ago";
|
|
}
|
|
if (seconds > 0) {
|
|
return Math.floor(seconds) + " seconds ago";
|
|
}
|
|
|
|
return "now";
|
|
})
|
|
|
|
/**
|
|
* Shortcodes
|
|
*/
|
|
const tags = ["capture_global", "endcapture_global", "highlight", "endhighlight"];
|
|
tags.forEach(tag => {
|
|
eleventyConfig.addLiquidTag(tag, function (liquidEngine) {
|
|
return {
|
|
parse: function (tagToken, remainingTokens) {
|
|
this.str = tagToken.args;
|
|
},
|
|
render: function (scope, hash) {
|
|
return "";
|
|
},
|
|
};
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transforms
|
|
*/
|
|
function prettifyHTML(content, outputPath) {
|
|
return outputPath.endsWith('.html')
|
|
? content
|
|
.replace(/\/\/ @formatter:(on|off)\n+/gm, '')
|
|
: content
|
|
}
|
|
|
|
eleventyConfig.addTransform('htmlformat', prettifyHTML)
|
|
}; |