purgetss 5.3.13 → 5.3.16

package/index.js

@@ -10,11 +10,10 @@ const chalk = require('chalk');
 const convert = require('xml-js');
 const readCSS = require('read-css');
 const traverse = require('traverse');
+const helpers = require('./lib/helpers');
 const colores = require('./lib/colores').colores;
-const isInstalledGlobally = require('is-installed-globally');
 module.exports.colores = colores;
 const purgeLabel = colores.purgeLabel;
-const helpers = require(path.resolve(__dirname, './lib/helpers'));
 
 let purgingDebug = false;
 
@@ -96,13 +95,18 @@ const srcMaterialDesignIconsTSSFile = path.resolve(__dirname, './dist/materialde
 const srcConfigFile = path.resolve(__dirname, './lib/templates/purgetss.config.js');
 
 const configFile = (fs.existsSync(projectConfigJS)) ? require(projectConfigJS) : require(srcConfigFile);
-if (!configFile.purge) configFile.purge = { mode: 'all' };
-if (!configFile.fonts) configFile.fonts = { mode: 'fileName' };
 configFile.corePlugins = configFile.corePlugins ?? {};
+configFile.purge = configFile.purge ?? { mode: 'all' };
+configFile.theme.extend = configFile.theme.extend ?? {};
+configFile.fonts = configFile.fonts ?? { mode: 'fileName' };
+
 const configOptions = (configFile.purge && configFile.purge.options) ? configFile.purge.options : false;
-configOptions.widgets = configOptions.widgets ?? false;
-configOptions.missing = configOptions.missing ?? false;
-const srcJMKFile = (isInstalledGlobally) ? path.resolve(__dirname, './lib/templates/alloy.jmk') : path.resolve(__dirname, './lib/templates/alloy-local.jmk');
+if (configOptions) {
+	configOptions.widgets = configOptions.widgets ?? false;
+	configOptions.missing = configOptions.missing ?? false;
+}
+
+const srcJMKFile = path.resolve(__dirname, './lib/templates/alloy.jmk');
 
 //! Interfase
 
@@ -139,10 +143,6 @@ function purgeClasses(options) {
 		logger.file('app.tss');
 
 		finish();
-
-		if (!isInstalledGlobally) {
-			logger.error('Please install PurgeTSS globally!');
-		}
 	}
 }
 module.exports.purgeClasses = purgeClasses;
@@ -155,7 +155,7 @@ function init(options) {
 
 	// tailwind.tss
 	if (!fs.existsSync(projectTailwindTSS) || options.all) {
-		buildCustomTailwind('file created!');
+		buildCustomTailwind();
 	}
 
 	// definitios file
@@ -268,8 +268,8 @@ function copyModulesLibrary() {
 }
 module.exports.copyModulesLibrary = copyModulesLibrary;
 
-function getFileUpdatedDate(path) {
-	return fs.statSync(path).mtime;
+function getFileUpdatedDate(thePath) {
+	return fs.statSync(thePath).mtime;
 }
 
 function cleanClasses(uniqueClasses) {
@@ -310,8 +310,6 @@ function create(args, options) {
 		let idPrefix = results[0];
 		let workspace = results[1];
 
-		// if (error) return logger.error(error);
-
 		if (idPrefix !== 'app.idprefix not found' && workspace !== '') {
 			console.log('');
 			logger.info('Creating a new Titanium project');
@@ -402,45 +400,64 @@ function buildCustomFonts(options) {
 
 		let fontMeta = '';
 		let customFontsJS = '';
+		let customFontFamiliesJS = '';
 		const FontName = require('fontname');
 		let tssClasses = `// Fonts TSS file generated with PurgeTSS\n// https://github.com/macCesar/purgeTSS\n`;
 
+		//! Process font files
 		_.each(files, file => {
 			if (file.endsWith('.ttf') || file.endsWith('.otf') || file.endsWith('.TTF') || file.endsWith('.OTF')) {
 				fontMeta = FontName.parse(fs.readFileSync(file))[0];
 
 				tssClasses += processFontMeta(fontMeta);
 
+				let fontFamilyName = fontMeta.postScriptName.replace(/\//g, '');
+				//! Maybe this is deprecated
 				if (configFile.fonts.mode.toLowerCase() === 'postscriptname' || configFile.fonts.mode.toLowerCase() === 'postscript' || configFile.fonts.mode.toLowerCase() === 'ps') {
-					tssClasses += `\n'.${fontMeta.postScriptName.replace(/\//g, '')}': { font: { fontFamily: '${fontMeta.postScriptName.replace(/\//g, '')}' } }\n`;
+					tssClasses += `\n'.${fontFamilyName}': { font: { fontFamily: '${fontFamilyName}' } }\n`;
 				} else {
-					tssClasses += `\n'.${getFileName(file)}': { font: { fontFamily: '${fontMeta.postScriptName.replace(/\//g, '')}' } }\n`;
+					tssClasses += `\n'.${getFileName(file)}': { font: { fontFamily: '${fontFamilyName}' } }\n`;
 				}
 
 				//! Copy Font File
 				makeSureFolderExists(projectFontsFolder);
 				let fontExtension = file.split('.').pop();
-				fs.copyFile(file, `${projectFontsFolder}/${fontMeta.postScriptName.replace(/\//g, '')}.${fontExtension}`, err => { });
+				fs.copyFile(file, `${projectFontsFolder}/${fontFamilyName}.${fontExtension}`, err => {
+					if (err) {
+						throw err;
+					}
+				});
 				logger.info('Copying font', `${chalk.yellow(file.split('/').pop())}...`);
 			}
 		});
 
 		let oneTimeMessage = `\n// Unicode Characters\n// To use your Icon Fonts in Buttons AND Labels each class sets 'text' and 'title' properties\n`;
 
+		//! Process styles files
 		_.each(files, file => {
 			if (file.endsWith('.css') || file.endsWith('.CSS')) {
-				tssClasses += oneTimeMessage + `\n// ${file.split('/').pop()}\n`;
+				let theFile = file.split('/');
+				let theCSSFile = theFile.pop();
+				let theFolder = theFile.pop() + '/';
+				if (theFolder === 'fonts/') {
+					theFolder = '';
+				}
+
+				let theCSSFileName = theFolder + theCSSFile;
+
+				tssClasses += oneTimeMessage + `\n// ${theCSSFileName}\n`;
 				oneTimeMessage = '';
 
 				tssClasses += processCustomFontsCSS(readCSS(file));
 
 				//! JavaScript Module
 				if (options.modules) {
-					customFontsJS += processCustomFontsJS(readCSS(file), `\n\t// ${getFileName(file)}`);
+					customFontsJS += processCustomFontsJS(readCSS(file), `\n\t// ${theCSSFileName}`);
+					customFontFamiliesJS += processCustomFontFamilyNamesJS(readCSS(file), `\n\t// ${theCSSFileName}`);
 				}
 
 				// !Done processing stylesheet
-				logger.info('Processing', `${chalk.yellow(file.split('/').pop())}...`);
+				logger.info('Processing', `${chalk.yellow(theCSSFileName)}...`);
 			}
 		});
 
@@ -455,12 +472,18 @@ function buildCustomFonts(options) {
 		}
 
 		if (customFontsJS) {
-			let exportIcons = fs.readFileSync(path.resolve(__dirname, './lib/templates/icon-functions.js'), 'utf8');
-			exportIcons += '\nconst icons = {';
+			let exportIcons = 'const icons = {';
 			exportIcons += customFontsJS.slice(0, -1);
 			exportIcons += '\n};\n';
 			exportIcons += 'exports.icons = icons;\n';
 
+			exportIcons += '\nconst families = {';
+			exportIcons += customFontFamiliesJS.slice(0, -1);
+			exportIcons += '\n};\n';
+			exportIcons += 'exports.families = families;\n';
+
+			exportIcons += '\n// Helper Functions\n' + fs.readFileSync(path.resolve(__dirname, './lib/templates/icon-functions.js'), 'utf8');
+
 			fs.writeFileSync(projectLibFolder + '/purgetss.fonts.js', exportIcons, err => {
 				throw err;
 			});
@@ -507,8 +530,8 @@ function processCustomFontAwesomeTSS(CSSFile, templateTSS, resetTSS, fontFamilie
 
 		tssClasses += processFontawesomeStyles(data);
 
-		fs.writeFileSync(projectFontAwesomeTSS, tssClasses, err => {
-			throw err;
+		fs.writeFileSync(projectFontAwesomeTSS, tssClasses, err2 => {
+			throw err2;
 		});
 
 		logger.file('./purgetss/fontawesome.tss');
@@ -582,8 +605,8 @@ function processCustomFontAwesomeJS(CSSFile, faJS) {
 
 		makeSureFolderExists(projectLibFolder);
 
-		fs.writeFileSync(projectFontAwesomeJS, fontAwesomeContent, err => {
-			throw err;
+		fs.writeFileSync(projectFontAwesomeJS, fontAwesomeContent, err2 => {
+			throw err2;
 		});
 
 		logger.file('./app/lib/fontawesome.js');
@@ -663,27 +686,38 @@ function processCustomFontsJS(data, fontFamily = '') {
 	return `${fontFamily}\n\t'${_.camelCase(thePrefix)}': {${exportIcons}\t},`;
 }
 
+function processCustomFontFamilyNamesJS(data, fontFamily = '') {
+	let rules = getRules(data);
+
+	let thePrefix = findPrefix(rules);
+
+	if (thePrefix === undefined) {
+		thePrefix = fontFamily;
+	}
+
+	return `${fontFamily}\n\t'${_.camelCase(thePrefix)}': '${getFontFamily(data)}',`;
+}
+
 function processFontMeta(fontMeta) {
 	let fontMetaString = `\n/**\n * ${fontMeta.fullName}`;
 
 	fontMetaString += `\n * ${fontMeta.version}`;
 
+	if (fontMeta.urlVendor) {
+		fontMetaString += `\n * ${fontMeta.urlVendor}`;
+	}
+
 	// if (fontMeta.description) {
-	// 	fontMetaString += `\n * description: ${fontMeta.description}`;
+	// 	fontMetaString += `\n * Description: ${fontMeta.description}`;
 	// }
 
 	if (fontMeta.designer) {
 		fontMetaString += `\n * ${fontMeta.designer}`;
+		if (fontMeta.urlDesigner) {
+			fontMetaString += ` - ${fontMeta.urlDesigner}`;
+		}
 	}
 
-	if (fontMeta.urlVendor) {
-		fontMetaString += `\n * ${fontMeta.urlVendor}`;
-	}
-
-	// if (fontMeta.urlDesigner) {
-	// 	fontMetaString += `\n * urlDesigner: ${fontMeta.urlDesigner}`;
-	// }
-
 	if (fontMeta.copyright) {
 		fontMetaString += `\n * ${fontMeta.copyright}`;
 	}
@@ -694,10 +728,9 @@ function processFontMeta(fontMeta) {
 
 	if (fontMeta.licence) {
 		fontMetaString += `\n * ${fontMeta.licence.split('\n')[0]}`;
-	}
-
-	if (fontMeta.licenceURL) {
-		fontMetaString += `\n * ${fontMeta.licenceURL}`;
+		if (fontMeta.licenceURL) {
+			fontMetaString += ` - ${fontMeta.licenceURL}`;
+		}
 	}
 
 	fontMetaString += `\n */`;
@@ -707,12 +740,12 @@ function processFontMeta(fontMeta) {
 
 function getFiles(dir) {
 	return fs.readdirSync(dir).flatMap((item) => {
-		const path = `${dir}/${item}`;
-		if (fs.statSync(path).isDirectory()) {
-			return getFiles(path);
+		const thePath = `${dir}/${item}`;
+		if (fs.statSync(thePath).isDirectory()) {
+			return getFiles(thePath);
 		}
 
-		return path;
+		return thePath;
 	});
 }
 
@@ -721,7 +754,7 @@ function getFileName(file) {
 }
 
 function getRules(data) {
-	let rules = _.map(data.stylesheet.rules, rule => {
+	return _.map(data.stylesheet.rules, rule => {
 		if (rule.type === 'rule' && rule.declarations[0].property === 'content' && rule.selectors[0].includes('before')) {
 			return {
 				'selector': '.' + rule.selectors[0].replace('.', '').replace('::before', '').replace(':before', ''),
@@ -729,8 +762,16 @@ function getRules(data) {
 			};
 		}
 	}).filter(rule => rule);
+}
 
-	return rules;
+function getFontFamily(data) {
+	return _.map(data.stylesheet.rules, rule => {
+		if (rule.type === 'font-face') {
+			let something = rule.declarations.filter(declaration => declaration.property === 'font-family').map(declaration => declaration.value)[0];
+			something = something.replace(/'(.*?)'/g, (_match, p1) => p1);
+			return something;
+		}
+	}).filter(rule => rule);
 }
 
 function findPrefix(rules) {
@@ -840,17 +881,7 @@ function addHook() {
 
 		originalJMKFile.split(/\r?\n/).forEach((line) => {
 			if (line.includes('pre:compile')) {
-				let execCommand = "";
-
-				if (__dirname.includes('alloy')) {
-					execCommand = 'alloy purgetss';
-				} else if (isInstalledGlobally) {
-					execCommand = 'purgetss';
-				} else {
-					execCommand = 'node node_modules/purgetss/bin/purgetss';
-				};
-
-				line += `\n\trequire('child_process').execSync('${execCommand}', logger.warn('::PurgeTSS:: Auto-Purging ' + event.dir.project));`;
+				line += `\n\trequire('child_process').execSync('purgetss', logger.warn('::PurgeTSS:: Auto-Purging ' + event.dir.project));`;
 			}
 			updatedJMKFile.push(line);
 		});
@@ -874,8 +905,8 @@ function removeHook() {
 				updatedJMKFile.push(`\t//${line}`);
 				logger.warn(chalk.yellow('Auto-Purging hook disabled!'));
 			} else {
-				logger.warn(chalk.red('Auto-Purging hook removed!'));
-				// logger.warn(chalk.red('It will be added the next time `PurgeTSS` runs!'));
+				updatedJMKFile.push(line);
+				logger.warn(chalk.red('Auto-Purging hook already disabled!'));
 			}
 		});
 
@@ -945,7 +976,7 @@ function getClassesOnlyFromXMLFiles() {
 
 	let allClasses = [];
 	_.each(viewPaths, viewPath => {
-		allClasses.push(extractOnlyClasses(fs.readFileSync(viewPath, 'utf8'), viewPath));
+		allClasses.push(extractClassesOnly(fs.readFileSync(viewPath, 'utf8'), viewPath));
 	});
 
 	let uniqueClasses = [];
@@ -1013,447 +1044,453 @@ function filterCharacters(uniqueClass) {
 		!uniqueClass.endsWith('/');
 }
 
-//! Build Custom Tailwind ( Main )
-function buildCustomTailwind(message = 'file created!') {
+function getBaseValues(defaultTheme) {
 	const defaultColors = require('tailwindcss/colors');
-	const defaultTheme = require('tailwindcss/defaultTheme');
 	const defaultThemeWidth = defaultTheme.width({ theme: () => (defaultTheme.spacing) });
 	const defaultThemeHeight = defaultTheme.height({ theme: () => (defaultTheme.spacing) });
 
 	removeDeprecatedColors(defaultColors);
 
 	// !Prepare values
-	configFile.theme.extend = configFile.theme.extend ?? {};
-
 	let tiResets = { full: '100%' };
+	let allWidthsCombined = (configFile.theme.spacing) ? { ...configFile.theme.spacing, ...tiResets } : { ...defaultThemeWidth };
+	let allHeightsCombined = (configFile.theme.spacing) ? { ...configFile.theme.spacing, ...tiResets } : { ...defaultThemeHeight };
+	let allSpacingCombined = (configFile.theme.spacing) ? { ...configFile.theme.spacing, ...tiResets } : { ...defaultThemeWidth, ...defaultThemeHeight };
 
-	let allWidthsCombined = (configFile.theme.spacing)
-		? { ...configFile.theme.spacing, ...tiResets }
-		: { ...defaultThemeWidth };
-	let allHeightsCombined = (configFile.theme.spacing)
-		? { ...configFile.theme.spacing, ...tiResets }
-		: { ...defaultThemeHeight };
-	let allSpacingCombined = (configFile.theme.spacing)
-		? { ...configFile.theme.spacing, ...tiResets }
-		: { ...defaultThemeWidth, ...defaultThemeHeight };
-
-	let overwritten = {
+	let themeOrDefaultValues = {
 		width: configFile.theme.width ?? allWidthsCombined,
 		height: configFile.theme.height ?? allHeightsCombined,
 		spacing: configFile.theme.spacing ?? allSpacingCombined,
+		fontSize: configFile.theme.spacing ?? defaultTheme.fontSize,
 		colors: configFile.theme.colors ?? { transparent: 'transparent', ...defaultColors },
 	}
 
 	//! Remove unnecessary values
-	removeFitMaxMin(overwritten);
+	removeFitMaxMin(themeOrDefaultValues);
 
+	//! Merge with extend values
 	let base = {
-		colors: {},
-		spacing: {},
-		width: {},
-		height: {},
+		width: { ...themeOrDefaultValues.spacing, ...configFile.theme.extend.spacing, ...themeOrDefaultValues.width, ...configFile.theme.extend.width },
+		height: { ...themeOrDefaultValues.spacing, ...configFile.theme.extend.spacing, ...themeOrDefaultValues.height, ...configFile.theme.extend.height },
+		colors: { ...themeOrDefaultValues.colors, ...configFile.theme.extend.colors },
+		spacing: { ...themeOrDefaultValues.spacing, ...configFile.theme.extend.spacing },
+		fontSize: { ...themeOrDefaultValues.fontSize, ...configFile.theme.extend.spacing, ...configFile.theme.extend.fontSize },
 		columns: { 0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12 },
 		delay: { 0: '0ms', 25: '25ms', 50: '50ms', 250: '250ms', 350: '350ms', 400: '400ms', 450: '450ms', 600: '600ms', 800: '800ms', 900: '900ms', 2000: '2000ms', 3000: '3000ms', 4000: '4000ms', 5000: '5000ms' }
 	};
 
-	_.merge(base.colors, overwritten.colors, configFile.theme.extend.colors);
-	_.merge(base.spacing, overwritten.spacing, configFile.theme.extend.spacing);
-	_.merge(base.width, overwritten.spacing, configFile.theme.extend.spacing, overwritten.width, configFile.theme.extend.width);
-	_.merge(base.height, overwritten.spacing, configFile.theme.extend.spacing, overwritten.height, configFile.theme.extend.height);
-
 	fixPercentages(base.width);
 	fixPercentages(base.height);
 	fixPercentages(base.spacing);
 
-	let configThemeFile = {};
-	//! Process custom Window, View and ImageView
-	configThemeFile.Window = (configFile.theme.Window && configFile.theme.Window.apply)
+	return base;
+}
+
+function combineAllValues(base, defaultTheme) {
+	let allValues = {};
+
+	//! Custom Window, View and ImageView
+	allValues.Window = (configFile.theme.Window && configFile.theme.Window.apply)
 		? _.merge({ apply: configFile.theme.Window.apply }, configFile.theme.Window)
 		: _.merge({ default: { backgroundColor: '#ffffff' } }, configFile.theme.Window);
 
-	configThemeFile.ImageView = (configFile.theme.ImageView && configFile.theme.ImageView.apply)
+	allValues.ImageView = (configFile.theme.ImageView && configFile.theme.ImageView.apply)
 		? _.merge({ apply: configFile.theme.ImageView.apply }, { ios: { hires: true } }, configFile.theme.ImageView)
 		: _.merge({ ios: { hires: true } }, configFile.theme.ImageView);
 
-	configThemeFile.View = (configFile.theme.View && configFile.theme.View.apply)
+	allValues.View = (configFile.theme.View && configFile.theme.View.apply)
 		? _.merge({ apply: configFile.theme.View.apply }, configFile.theme.View)
 		: _.merge({ default: { width: 'Ti.UI.SIZE', height: 'Ti.UI.SIZE' } }, configFile.theme.View);
 
-	let defaultBorderRadius = (configFile.theme.spacing || configFile.theme.borderRadius) ? {} : { ...defaultTheme.borderRadius, ...base.spacing };
-
 	//! Width, height and margin properties
-	configThemeFile.sizingProperties = {};
-	configThemeFile.height = base.height;
-	configThemeFile.width = base.width;
-	configThemeFile.margin = combineKeys(configFile.theme, base.spacing, 'margin');
-	configThemeFile.marginAlternate = combineKeys(configFile.theme, base.spacing, 'margin');
+	// INFO: sizingProperties: For glossary generator only... Do not move from this position.
+	allValues.sizingProperties = {};
+
+	allValues.height = base.height;
+	allValues.width = base.width;
+	allValues.margin = combineKeys(configFile.theme, base.spacing, 'margin');
+	allValues.marginAlternate = combineKeys(configFile.theme, base.spacing, 'margin');
 
 	//! Properties with constant values
-	configThemeFile.constantProperties = {};
-	// configThemeFile.audioStreamType = {};
-	// configThemeFile.category = {};
-	configThemeFile.accessibilityHidden = {};
-	configThemeFile.accessoryType = {};
-	configThemeFile.activeIconIsMask = {};
-	configThemeFile.activityEnterTransition = {};
-	configThemeFile.activityExitTransition = {};
-	configThemeFile.activityIndicatorStyle = {};
-	configThemeFile.activityReenterTransition = {};
-	configThemeFile.activityReturnTransition = {};
-	configThemeFile.activitySharedElementEnterTransition = {};
-	configThemeFile.activitySharedElementExitTransition = {};
-	configThemeFile.activitySharedElementReenterTransition = {};
-	configThemeFile.activitySharedElementReturnTransition = {};
-	configThemeFile.alertDialogStyle = {};
-	configThemeFile.allowsBackForwardNavigationGestures = {};
-	configThemeFile.allowsLinkPreview = {};
-	configThemeFile.allowsMultipleSelectionDuringEditing = {};
-	configThemeFile.allowsMultipleSelectionInteraction = {};
-	configThemeFile.allowsSelection = {};
-	configThemeFile.allowsSelectionDuringEditing = {};
-	configThemeFile.allowUserCustomization = {};
-	configThemeFile.anchorPoint = {};
-	configThemeFile.autoAdjustScrollViewInsets = {};
-	configThemeFile.autocapitalization = {};
-	configThemeFile.autocorrect = {};
-	configThemeFile.autofillType = {};
-	configThemeFile.autoLink = {};
-	configThemeFile.autoreverse = {};
-	configThemeFile.autorotate = {};
-	configThemeFile.backgroundBlendMode = {};
-	configThemeFile.backgroundLinearGradient = {};
-	configThemeFile.backgroundRadialGradient = {};
-	configThemeFile.backgroundRepeat = {};
-	configThemeFile.borderStyle = {};
-	configThemeFile.bubbleParent = {};
-	configThemeFile.buttonStyle = {};
-	configThemeFile.cacheMode = {};
-	configThemeFile.cachePolicy = {};
-	configThemeFile.calendarViewShown = {};
-	configThemeFile.canCancelEvents = {};
-	configThemeFile.cancelable = {};
-	configThemeFile.canceledOnTouchOutside = {};
-	configThemeFile.canDelete = {};
-	configThemeFile.canEdit = {};
-	configThemeFile.canInsert = {};
-	configThemeFile.canMove = {};
-	configThemeFile.canScroll = {};
-	configThemeFile.caseInsensitiveSearch = {};
-	configThemeFile.checkable = {};
-	configThemeFile.clearButtonMode = {};
-	configThemeFile.clearOnEdit = {};
-	configThemeFile.clipMode = {};
-	configThemeFile.constraint = {};
-	configThemeFile.contentHeightAndWidth = {};
-	configThemeFile.curve = {};
-	configThemeFile.datePickerStyle = {};
-	configThemeFile.defaultItemTemplate = {};
-	configThemeFile.dimBackgroundForSearch = {};
-	configThemeFile.disableBounce = {};
-	configThemeFile.disableContextMenu = {};
-	configThemeFile.displayCaps = {};
-	configThemeFile.displayHomeAsUp = {};
-	configThemeFile.draggingType = {};
-	configThemeFile.drawerIndicatorEnabled = {};
-	configThemeFile.drawerLockMode = {};
-	configThemeFile.dropShadow = {};
-	configThemeFile.duration = {};
-	configThemeFile.editable = {};
-	configThemeFile.editing = {};
-	configThemeFile.ellipsize = {};
-	configThemeFile.enableCopy = {};
-	configThemeFile.enabled = {};
-	configThemeFile.enableJavascriptInterface = {};
-	configThemeFile.enableReturnKey = {};
-	configThemeFile.enableZoomControls = {};
-	configThemeFile.exitOnClose = {};
-	configThemeFile.extendBackground = {};
-	configThemeFile.extendEdges = {};
-	configThemeFile.extendSafeArea = {};
-	configThemeFile.fastScroll = {};
-	configThemeFile.filterAnchored = {};
-	configThemeFile.filterAttribute = {};
-	configThemeFile.filterCaseInsensitive = {};
-	configThemeFile.filterTouchesWhenObscured = {};
-	configThemeFile.flags = {};
-	configThemeFile.flagSecure = {};
-	configThemeFile.flip = {};
-	configThemeFile.focusable = {};
-	configThemeFile.fontStyle = {};
-	configThemeFile.footerDividersEnabled = {};
-	configThemeFile.format24 = {};
-	configThemeFile.fullscreen = {};
-	configThemeFile.gravity = {};
-	configThemeFile.gridColumnsRowsStartEnd = {};
-	configThemeFile.gridFlow = {};
-	configThemeFile.gridSystem = {};
-	configThemeFile.hasCheck = {};
-	configThemeFile.hasChild = {};
-	configThemeFile.hasDetail = {};
-	configThemeFile.headerDividersEnabled = {};
-	configThemeFile.hiddenBehavior = {};
-	configThemeFile.hideLoadIndicator = {};
-	configThemeFile.hidesBackButton = {};
-	configThemeFile.hidesBarsOnSwipe = {};
-	configThemeFile.hidesBarsOnTap = {};
-	configThemeFile.hidesBarsWhenKeyboardAppears = {};
-	configThemeFile.hideSearchOnSelection = {};
-	configThemeFile.hideShadow = {};
-	configThemeFile.hidesSearchBarWhenScrolling = {};
-	configThemeFile.hintType = {};
-	configThemeFile.hires = {};
-	configThemeFile.homeButtonEnabled = {};
-	configThemeFile.homeIndicatorAutoHidden = {};
-	configThemeFile.horizontalMargin = {};
-	configThemeFile.horizontalWrap = {};
-	configThemeFile.html = {};
-	configThemeFile.icon = {};
-	configThemeFile.iconified = {};
-	configThemeFile.iconifiedByDefault = {};
-	configThemeFile.iconIsMask = {};
-	configThemeFile.ignoreSslError = {};
-	configThemeFile.imageTouchFeedback = {};
-	configThemeFile.includeFontPadding = {};
-	configThemeFile.includeOpaqueBars = {};
-	configThemeFile.inputType = {};
-	configThemeFile.items = {};
-	configThemeFile.keepScreenOn = {};
-	configThemeFile.keepSectionsInSearch = {};
-	configThemeFile.keyboardAppearance = {};
-	configThemeFile.keyboardDismissMode = {};
-	configThemeFile.keyboardDisplayRequiresUserAction = {};
-	configThemeFile.keyboardType = {};
-	configThemeFile.largeTitleDisplayMode = {};
-	configThemeFile.largeTitleEnabled = {};
-	configThemeFile.layout = {};
-	configThemeFile.lazyLoadingEnabled = {};
-	configThemeFile.leftButtonMode = {};
-	configThemeFile.leftDrawerLockMode = {};
-	configThemeFile.lightTouchEnabled = {};
-	configThemeFile.listViewStyle = {};
-	configThemeFile.location = {};
-	configThemeFile.loginKeyboardType = {};
-	configThemeFile.loginReturnKeyType = {};
-	configThemeFile.mixedContentMode = {};
-	configThemeFile.modal = {};
-	configThemeFile.moveable = {};
-	configThemeFile.moving = {};
-	configThemeFile.nativeSpinner = {};
-	configThemeFile.navBarHidden = {};
-	configThemeFile.navigationMode = {};
-	configThemeFile.orientationModes = {};
-	configThemeFile.overlayEnabled = {};
-	configThemeFile.overrideCurrentAnimation = {};
-	configThemeFile.overScrollMode = {};
-	configThemeFile.pagingControlOnTop = {};
-	configThemeFile.passwordKeyboardType = {};
-	configThemeFile.passwordMask = {};
-	configThemeFile.pickerType = {};
-	configThemeFile.placement = {};
-	configThemeFile.pluginState = {};
-	configThemeFile.preventCornerOverlap = {};
-	configThemeFile.preventDefaultImage = {};
-	configThemeFile.previewActionStyle = {};
-	configThemeFile.progressBarStyle = {};
-	configThemeFile.progressIndicatorType = {};
-	configThemeFile.pruneSectionsOnEdit = {};
-	configThemeFile.requestedOrientation = {};
-	configThemeFile.resultsSeparatorStyle = {};
-	configThemeFile.returnKeyType = {};
-	configThemeFile.reverse = {};
-	configThemeFile.rightButtonMode = {};
-	configThemeFile.rightDrawerLockMode = {};
-	configThemeFile.scalesPageToFit = {};
-	configThemeFile.scrollable = {};
-	configThemeFile.scrollIndicators = {};
-	configThemeFile.scrollIndicatorStyle = {};
-	configThemeFile.scrollingEnabled = {};
-	configThemeFile.scrollsToTop = {};
-	configThemeFile.scrollType = {};
-	configThemeFile.searchAsChild = {};
-	configThemeFile.searchBarStyle = {};
-	configThemeFile.searchHidden = {};
-	configThemeFile.selectionGranularity = {};
-	configThemeFile.selectionOpens = {};
-	configThemeFile.selectionStyle = {};
-	configThemeFile.separatorStyle = {};
-	configThemeFile.shiftMode = {};
-	configThemeFile.showAsAction = {};
-	configThemeFile.showBookmark = {};
-	configThemeFile.showCancel = {};
-	configThemeFile.showHorizontalScrollIndicator = {};
-	configThemeFile.showPagingControl = {};
-	configThemeFile.showSearchBarInNavBar = {};
-	configThemeFile.showSelectionCheck = {};
-	configThemeFile.showUndoRedoActions = {};
-	configThemeFile.showVerticalScrollIndicator = {};
-	configThemeFile.smoothScrollOnTabClick = {};
-	configThemeFile.statusBarStyle = {};
-	configThemeFile.submitEnabled = {};
-	configThemeFile.suppressReturn = {};
-	configThemeFile.sustainedPerformanceMode = {};
-	configThemeFile.swipeToClose = {};
-	configThemeFile.switchStyle = {};
-	configThemeFile.systemButton = {};
-	configThemeFile.tabBarHidden = {};
-	configThemeFile.tabbedBarStyle = {};
-	configThemeFile.tabGroupStyle = {};
-	configThemeFile.tableViewStyle = {};
-	configThemeFile.tabsTranslucent = {};
-	configThemeFile.textAlign = {};
-	configThemeFile.theme = {};
-	configThemeFile.tiMedia = {};
-	configThemeFile.titleAttributesShadow = {};
-	configThemeFile.toolbarEnabled = {};
-	configThemeFile.touchEnabled = {};
-	configThemeFile.touchFeedback = {};
-	configThemeFile.transition = {};
-	configThemeFile.translucent = {};
-	configThemeFile.useCompatPadding = {};
-	configThemeFile.useSpinner = {};
-	configThemeFile.verticalAlign = {};
-	configThemeFile.verticalBounce = {};
-	configThemeFile.verticalMargin = {};
-	configThemeFile.viewShadow = {};
-	configThemeFile.visible = {};
-	configThemeFile.willHandleTouches = {};
-	configThemeFile.willScrollOnStatusTap = {};
-	configThemeFile.windowPixelFormat = {};
-	configThemeFile.windowSoftInputMode = {};
-	configThemeFile.wobble = {};
+	// INFO: constantProperties: For glossary generator only... Do not move from this position.
+	allValues.constantProperties = {};
+
+	// allValues.audioStreamType = {};
+	// allValues.category = {};
+	allValues.accessibilityHidden = {};
+	allValues.accessoryType = {};
+	allValues.activeIconIsMask = {};
+	allValues.activityEnterTransition = {};
+	allValues.activityExitTransition = {};
+	allValues.activityIndicatorStyle = {};
+	allValues.activityReenterTransition = {};
+	allValues.activityReturnTransition = {};
+	allValues.activitySharedElementEnterTransition = {};
+	allValues.activitySharedElementExitTransition = {};
+	allValues.activitySharedElementReenterTransition = {};
+	allValues.activitySharedElementReturnTransition = {};
+	allValues.alertDialogStyle = {};
+	allValues.allowsBackForwardNavigationGestures = {};
+	allValues.allowsLinkPreview = {};
+	allValues.allowsMultipleSelectionDuringEditing = {};
+	allValues.allowsMultipleSelectionInteraction = {};
+	allValues.allowsSelection = {};
+	allValues.allowsSelectionDuringEditing = {};
+	allValues.allowUserCustomization = {};
+	allValues.anchorPoint = {};
+	allValues.autoAdjustScrollViewInsets = {};
+	allValues.autocapitalization = {};
+	allValues.autocorrect = {};
+	allValues.autofillType = {};
+	allValues.autoLink = {};
+	allValues.autoreverse = {};
+	allValues.autorotate = {};
+	allValues.backgroundBlendMode = {};
+	allValues.backgroundLinearGradient = {};
+	allValues.backgroundRadialGradient = {};
+	allValues.backgroundRepeat = {};
+	allValues.borderStyle = {};
+	allValues.bubbleParent = {};
+	allValues.buttonStyle = {};
+	allValues.cacheMode = {};
+	allValues.cachePolicy = {};
+	allValues.calendarViewShown = {};
+	allValues.canCancelEvents = {};
+	allValues.cancelable = {};
+	allValues.canceledOnTouchOutside = {};
+	allValues.canDelete = {};
+	allValues.canEdit = {};
+	allValues.canInsert = {};
+	allValues.canMove = {};
+	allValues.canScroll = {};
+	allValues.caseInsensitiveSearch = {};
+	allValues.checkable = {};
+	allValues.clearButtonMode = {};
+	allValues.clearOnEdit = {};
+	allValues.clipMode = {};
+	allValues.constraint = {};
+	allValues.contentHeightAndWidth = {};
+	allValues.curve = {};
+	allValues.datePickerStyle = {};
+	allValues.defaultItemTemplate = {};
+	allValues.dimBackgroundForSearch = {};
+	allValues.disableBounce = {};
+	allValues.disableContextMenu = {};
+	allValues.displayCaps = {};
+	allValues.displayHomeAsUp = {};
+	allValues.draggingType = {};
+	allValues.drawerIndicatorEnabled = {};
+	allValues.drawerLockMode = {};
+	allValues.dropShadow = {};
+	allValues.duration = {};
+	allValues.editable = {};
+	allValues.editing = {};
+	allValues.ellipsize = {};
+	allValues.enableCopy = {};
+	allValues.enabled = {};
+	allValues.enableJavascriptInterface = {};
+	allValues.enableReturnKey = {};
+	allValues.enableZoomControls = {};
+	allValues.exitOnClose = {};
+	allValues.extendBackground = {};
+	allValues.extendEdges = {};
+	allValues.extendSafeArea = {};
+	allValues.fastScroll = {};
+	allValues.filterAnchored = {};
+	allValues.filterAttribute = {};
+	allValues.filterCaseInsensitive = {};
+	allValues.filterTouchesWhenObscured = {};
+	allValues.flags = {};
+	allValues.flagSecure = {};
+	allValues.flip = {};
+	allValues.focusable = {};
+	allValues.fontStyle = {};
+	allValues.footerDividersEnabled = {};
+	allValues.format24 = {};
+	allValues.fullscreen = {};
+	allValues.gravity = {};
+	allValues.gridColumnsRowsStartEnd = {};
+	allValues.gridFlow = {};
+	allValues.gridSystem = {};
+	allValues.hasCheck = {};
+	allValues.hasChild = {};
+	allValues.hasDetail = {};
+	allValues.headerDividersEnabled = {};
+	allValues.hiddenBehavior = {};
+	allValues.hideLoadIndicator = {};
+	allValues.hidesBackButton = {};
+	allValues.hidesBarsOnSwipe = {};
+	allValues.hidesBarsOnTap = {};
+	allValues.hidesBarsWhenKeyboardAppears = {};
+	allValues.hideSearchOnSelection = {};
+	allValues.hideShadow = {};
+	allValues.hidesSearchBarWhenScrolling = {};
+	allValues.hintType = {};
+	allValues.hires = {};
+	allValues.homeButtonEnabled = {};
+	allValues.homeIndicatorAutoHidden = {};
+	allValues.horizontalMargin = {};
+	allValues.horizontalWrap = {};
+	allValues.html = {};
+	allValues.icon = {};
+	allValues.iconified = {};
+	allValues.iconifiedByDefault = {};
+	allValues.iconIsMask = {};
+	allValues.ignoreSslError = {};
+	allValues.imageTouchFeedback = {};
+	allValues.includeFontPadding = {};
+	allValues.includeOpaqueBars = {};
+	allValues.inputType = {};
+	allValues.items = {};
+	allValues.keepScreenOn = {};
+	allValues.keepSectionsInSearch = {};
+	allValues.keyboardAppearance = {};
+	allValues.keyboardDismissMode = {};
+	allValues.keyboardDisplayRequiresUserAction = {};
+	allValues.keyboardType = {};
+	allValues.largeTitleDisplayMode = {};
+	allValues.largeTitleEnabled = {};
+	allValues.layout = {};
+	allValues.lazyLoadingEnabled = {};
+	allValues.leftButtonMode = {};
+	allValues.leftDrawerLockMode = {};
+	allValues.lightTouchEnabled = {};
+	allValues.listViewStyle = {};
+	allValues.location = {};
+	allValues.loginKeyboardType = {};
+	allValues.loginReturnKeyType = {};
+	allValues.mixedContentMode = {};
+	allValues.modal = {};
+	allValues.moveable = {};
+	allValues.moving = {};
+	allValues.nativeSpinner = {};
+	allValues.navBarHidden = {};
+	allValues.navigationMode = {};
+	allValues.orientationModes = {};
+	allValues.overlayEnabled = {};
+	allValues.overrideCurrentAnimation = {};
+	allValues.overScrollMode = {};
+	allValues.pagingControlOnTop = {};
+	allValues.passwordKeyboardType = {};
+	allValues.passwordMask = {};
+	allValues.pickerType = {};
+	allValues.placement = {};
+	allValues.pluginState = {};
+	allValues.preventCornerOverlap = {};
+	allValues.preventDefaultImage = {};
+	allValues.previewActionStyle = {};
+	allValues.progressBarStyle = {};
+	allValues.progressIndicatorType = {};
+	allValues.pruneSectionsOnEdit = {};
+	allValues.requestedOrientation = {};
+	allValues.resultsSeparatorStyle = {};
+	allValues.returnKeyType = {};
+	allValues.reverse = {};
+	allValues.rightButtonMode = {};
+	allValues.rightDrawerLockMode = {};
+	allValues.scalesPageToFit = {};
+	allValues.scrollable = {};
+	allValues.scrollIndicators = {};
+	allValues.scrollIndicatorStyle = {};
+	allValues.scrollingEnabled = {};
+	allValues.scrollsToTop = {};
+	allValues.scrollType = {};
+	allValues.searchAsChild = {};
+	allValues.searchBarStyle = {};
+	allValues.searchHidden = {};
+	allValues.selectionGranularity = {};
+	allValues.selectionOpens = {};
+	allValues.selectionStyle = {};
+	allValues.separatorStyle = {};
+	allValues.shiftMode = {};
+	allValues.showAsAction = {};
+	allValues.showBookmark = {};
+	allValues.showCancel = {};
+	allValues.showHorizontalScrollIndicator = {};
+	allValues.showPagingControl = {};
+	allValues.showSearchBarInNavBar = {};
+	allValues.showSelectionCheck = {};
+	allValues.showUndoRedoActions = {};
+	allValues.showVerticalScrollIndicator = {};
+	allValues.smoothScrollOnTabClick = {};
+	allValues.statusBarStyle = {};
+	allValues.submitEnabled = {};
+	allValues.suppressReturn = {};
+	allValues.sustainedPerformanceMode = {};
+	allValues.swipeToClose = {};
+	allValues.switchStyle = {};
+	allValues.systemButton = {};
+	allValues.tabBarHidden = {};
+	allValues.tabbedBarStyle = {};
+	allValues.tabGroupStyle = {};
+	allValues.tableViewStyle = {};
+	allValues.tabsTranslucent = {};
+	allValues.textAlign = {};
+	allValues.theme = {};
+	allValues.tiMedia = {};
+	allValues.titleAttributesShadow = {};
+	allValues.toolbarEnabled = {};
+	allValues.touchEnabled = {};
+	allValues.touchFeedback = {};
+	allValues.transition = {};
+	allValues.translucent = {};
+	allValues.useCompatPadding = {};
+	allValues.useSpinner = {};
+	allValues.verticalAlign = {};
+	allValues.verticalBounce = {};
+	allValues.verticalMargin = {};
+	allValues.viewShadow = {};
+	allValues.visible = {};
+	allValues.willHandleTouches = {};
+	allValues.willScrollOnStatusTap = {};
+	allValues.windowPixelFormat = {};
+	allValues.windowSoftInputMode = {};
+	allValues.wobble = {};
 
 	//! Configurable properties
-	configThemeFile.configurableProperties = {};
-	configThemeFile.activeTab = combineKeys(configFile.theme, base.columns, 'activeTab');
-	configThemeFile.backgroundLeftCap = combineKeys(configFile.theme, base.spacing, 'backgroundLeftCap');
-	configThemeFile.backgroundPaddingBottom = combineKeys(configFile.theme, base.height, 'backgroundPaddingBottom');
-	configThemeFile.backgroundPaddingLeft = combineKeys(configFile.theme, base.spacing, 'backgroundPaddingLeft');
-	configThemeFile.backgroundPaddingRight = combineKeys(configFile.theme, base.spacing, 'backgroundPaddingRight');
-	configThemeFile.backgroundPaddingTop = combineKeys(configFile.theme, base.height, 'backgroundPaddingTop');
-	configThemeFile.backgroundTopCap = combineKeys(configFile.theme, base.spacing, 'backgroundTopCap');
-	configThemeFile.borderRadius = combineKeys(configFile.theme, defaultBorderRadius, 'borderRadius');
-	configThemeFile.borderWidth = combineKeys(configFile.theme, defaultTheme.borderWidth, 'borderWidth');
-	configThemeFile.bottomNavigation = combineKeys(configFile.theme, base.spacing, 'bottomNavigation');
-	configThemeFile.cacheSize = combineKeys(configFile.theme, base.columns, 'cacheSize');
-	configThemeFile.columnCount = combineKeys(configFile.theme, base.columns, 'columnCount');
-	configThemeFile.contentHeight = combineKeys(configFile.theme, base.height, 'contentHeight');
-	configThemeFile.contentWidth = combineKeys(configFile.theme, base.width, 'contentWidth');
-	configThemeFile.countDownDuration = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDuration }, 'countDownDuration');
-	configThemeFile.elevation = combineKeys(configFile.theme, base.spacing, 'elevation');
-	configThemeFile.fontFamily = combineKeys(configFile.theme, {}, 'fontFamily');
-	configThemeFile.fontSize = combineKeys(configFile.theme, defaultTheme.fontSize, 'fontSize');
-	configThemeFile.fontWeight = combineKeys(configFile.theme, defaultTheme.fontWeight, 'fontWeight');
-	configThemeFile.gap = combineKeys(configFile.theme, base.spacing, 'margin');
-	configThemeFile.indentionLevel = combineKeys(configFile.theme, base.spacing, 'indentionLevel');
-	configThemeFile.keyboardToolbarHeight = combineKeys(configFile.theme, base.height, 'keyboardToolbarHeight');
-	configThemeFile.leftButtonPadding = combineKeys(configFile.theme, base.spacing, 'leftButtonPadding');
-	configThemeFile.leftWidth = combineKeys(configFile.theme, base.width, 'leftWidth');
-	configThemeFile.lines = combineKeys(configFile.theme, base.columns, 'lines');
-	configThemeFile.maxElevation = combineKeys(configFile.theme, base.spacing, 'maxElevation');
-	configThemeFile.maxLines = combineKeys(configFile.theme, base.columns, 'maxLines');
-	configThemeFile.maxRowHeight = combineKeys(configFile.theme, base.height, 'maxRowHeight');
-	configThemeFile.maxZoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'maxZoomScale');
-	configThemeFile.minimumFontSize = combineKeys(configFile.theme, defaultTheme.fontSize, 'minimumFontSize');
-	configThemeFile.minRowHeight = combineKeys(configFile.theme, base.height, 'minRowHeight');
-	configThemeFile.minZoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'minZoomScale');
-	configThemeFile.offsets = combineKeys(configFile.theme, base.height, 'offsets');
-	configThemeFile.opacity = combineKeys(configFile.theme, defaultTheme.opacity, 'opacity');
-	configThemeFile.padding = combineKeys(configFile.theme, base.spacing, 'padding');
-	configThemeFile.pagingControlAlpha = combineKeys(configFile.theme, defaultTheme.opacity, 'pagingControlAlpha');
-	configThemeFile.pagingControlHeight = combineKeys(configFile.theme, base.height, 'pagingControlHeight');
-	configThemeFile.pagingControlTimeout = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'pagingControlTimeout');
-	configThemeFile.repeat = combineKeys(configFile.theme, base.columns, 'repeat');
-	configThemeFile.repeatCount = combineKeys(configFile.theme, base.columns, 'repeatCount');
-	configThemeFile.rightButtonPadding = combineKeys(configFile.theme, base.spacing, 'rightButtonPadding');
-	configThemeFile.rightWidth = combineKeys(configFile.theme, base.width, 'rightWidth');
-	configThemeFile.rotate = combineKeys(configFile.theme, defaultTheme.rotate, 'rotate');
-	configThemeFile.rowCount = combineKeys(configFile.theme, base.columns, 'rowCount');
-	configThemeFile.rowHeight = combineKeys(configFile.theme, base.height, 'rowHeight');
-	configThemeFile.scale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'scale');
-	configThemeFile.sectionHeaderTopPadding = combineKeys(configFile.theme, base.height, 'sectionHeaderTopPadding');
-	configThemeFile.separatorHeight = combineKeys(configFile.theme, base.height, 'separatorHeight');
-	configThemeFile.shadowRadius = combineKeys(configFile.theme, base.spacing, 'shadowRadius');
-	configThemeFile.timeout = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'timeout');
-	configThemeFile.transitionDelay = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'transitionDelay');
-	configThemeFile.transitionDuration = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDuration }, 'transitionDuration');
-	configThemeFile.zIndex = combineKeys(configFile.theme, defaultTheme.zIndex, 'zIndex');
-	configThemeFile.zoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'zoomScale');
+	// INFO: configurableProperties: For glossary generator only... Do not move from this position.
+	allValues.configurableProperties = {};
+
+	allValues.activeTab = combineKeys(configFile.theme, base.columns, 'activeTab');
+	allValues.backgroundLeftCap = combineKeys(configFile.theme, base.spacing, 'backgroundLeftCap');
+	allValues.backgroundPaddingBottom = combineKeys(configFile.theme, base.height, 'backgroundPaddingBottom');
+	allValues.backgroundPaddingLeft = combineKeys(configFile.theme, base.spacing, 'backgroundPaddingLeft');
+	allValues.backgroundPaddingRight = combineKeys(configFile.theme, base.spacing, 'backgroundPaddingRight');
+	allValues.backgroundPaddingTop = combineKeys(configFile.theme, base.height, 'backgroundPaddingTop');
+	allValues.backgroundTopCap = combineKeys(configFile.theme, base.spacing, 'backgroundTopCap');
+	allValues.borderRadius = combineKeys(configFile.theme, (configFile.theme.spacing || configFile.theme.borderRadius) ? {} : { ...defaultTheme.borderRadius, ...base.spacing }, 'borderRadius');
+	allValues.borderWidth = combineKeys(configFile.theme, defaultTheme.borderWidth, 'borderWidth');
+	allValues.bottomNavigation = combineKeys(configFile.theme, base.spacing, 'bottomNavigation');
+	allValues.cacheSize = combineKeys(configFile.theme, base.columns, 'cacheSize');
+	allValues.columnCount = combineKeys(configFile.theme, base.columns, 'columnCount');
+	allValues.contentHeight = combineKeys(configFile.theme, base.height, 'contentHeight');
+	allValues.contentWidth = combineKeys(configFile.theme, base.width, 'contentWidth');
+	allValues.countDownDuration = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDuration }, 'countDownDuration');
+	allValues.elevation = combineKeys(configFile.theme, base.spacing, 'elevation');
+	allValues.fontFamily = combineKeys(configFile.theme, {}, 'fontFamily');
+	allValues.fontSize = combineKeys(configFile.theme, base.fontSize, 'fontSize');
+	allValues.fontWeight = combineKeys(configFile.theme, defaultTheme.fontWeight, 'fontWeight');
+	allValues.gap = combineKeys(configFile.theme, base.spacing, 'margin');
+	allValues.indentionLevel = combineKeys(configFile.theme, base.spacing, 'indentionLevel');
+	allValues.keyboardToolbarHeight = combineKeys(configFile.theme, base.height, 'keyboardToolbarHeight');
+	allValues.leftButtonPadding = combineKeys(configFile.theme, base.spacing, 'leftButtonPadding');
+	allValues.leftWidth = combineKeys(configFile.theme, base.width, 'leftWidth');
+	allValues.lines = combineKeys(configFile.theme, base.columns, 'lines');
+	allValues.maxElevation = combineKeys(configFile.theme, base.spacing, 'maxElevation');
+	allValues.maxLines = combineKeys(configFile.theme, base.columns, 'maxLines');
+	allValues.maxRowHeight = combineKeys(configFile.theme, base.height, 'maxRowHeight');
+	allValues.maxZoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'maxZoomScale');
+	allValues.minimumFontSize = combineKeys(configFile.theme, defaultTheme.fontSize, 'minimumFontSize');
+	allValues.minRowHeight = combineKeys(configFile.theme, base.height, 'minRowHeight');
+	allValues.minZoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'minZoomScale');
+	allValues.offsets = combineKeys(configFile.theme, base.height, 'offsets');
+	allValues.opacity = combineKeys(configFile.theme, defaultTheme.opacity, 'opacity');
+	allValues.padding = combineKeys(configFile.theme, base.spacing, 'padding');
+	allValues.pagingControlAlpha = combineKeys(configFile.theme, defaultTheme.opacity, 'pagingControlAlpha');
+	allValues.pagingControlHeight = combineKeys(configFile.theme, base.height, 'pagingControlHeight');
+	allValues.pagingControlTimeout = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'pagingControlTimeout');
+	allValues.repeat = combineKeys(configFile.theme, base.columns, 'repeat');
+	allValues.repeatCount = combineKeys(configFile.theme, base.columns, 'repeatCount');
+	allValues.rightButtonPadding = combineKeys(configFile.theme, base.spacing, 'rightButtonPadding');
+	allValues.rightWidth = combineKeys(configFile.theme, base.width, 'rightWidth');
+	allValues.rotate = combineKeys(configFile.theme, defaultTheme.rotate, 'rotate');
+	allValues.rowCount = combineKeys(configFile.theme, base.columns, 'rowCount');
+	allValues.rowHeight = combineKeys(configFile.theme, base.height, 'rowHeight');
+	allValues.scale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'scale');
+	allValues.sectionHeaderTopPadding = combineKeys(configFile.theme, base.height, 'sectionHeaderTopPadding');
+	allValues.separatorHeight = combineKeys(configFile.theme, base.height, 'separatorHeight');
+	allValues.shadowRadius = combineKeys(configFile.theme, base.spacing, 'shadowRadius');
+	allValues.timeout = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'timeout');
+	allValues.transitionDelay = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDelay }, 'transitionDelay');
+	allValues.transitionDuration = combineKeys(configFile.theme, { ...base.delay, ...defaultTheme.transitionDuration }, 'transitionDuration');
+	allValues.zIndex = combineKeys(configFile.theme, defaultTheme.zIndex, 'zIndex');
+	allValues.zoomScale = combineKeys(configFile.theme, { ...{ 5: '.05', 10: '.10', 25: '.25' }, ...defaultTheme.scale }, 'zoomScale');
 
 	//! Color related properties
-	configThemeFile.colorProperties = {};
-	configThemeFile.activeTintColor = combineKeys(configFile.theme, base.colors, 'activeTintColor');
-	configThemeFile.activeTitleColor = combineKeys(configFile.theme, base.colors, 'activeTitleColor');
-	configThemeFile.backgroundColor = combineKeys(configFile.theme, base.colors, 'backgroundColor');
-	configThemeFile.backgroundDisabledColor = combineKeys(configFile.theme, base.colors, 'backgroundDisabledColor');
-	configThemeFile.backgroundFocusedColor = combineKeys(configFile.theme, base.colors, 'backgroundFocusedColor');
-	configThemeFile.backgroundGradient = combineKeys(configFile.theme, base.colors, 'backgroundGradient');
-	configThemeFile.backgroundSelectedColor = combineKeys(configFile.theme, base.colors, 'backgroundSelectedColor');
-	configThemeFile.backgroundSelectedGradient = combineKeys(configFile.theme, base.colors, 'backgroundSelectedGradient');
-	configThemeFile.badgeColor = combineKeys(configFile.theme, base.colors, 'badgeColor');
-	configThemeFile.barColor = combineKeys(configFile.theme, base.colors, 'barColor');
-	configThemeFile.borderColor = combineKeys(configFile.theme, base.colors, 'borderColor');
-	configThemeFile.currentPageIndicatorColor = combineKeys(configFile.theme, base.colors, 'currentPageIndicatorColor');
-	configThemeFile.dateTimeColor = combineKeys(configFile.theme, base.colors, 'dateTimeColor');
-	configThemeFile.disabledColor = combineKeys(configFile.theme, base.colors, 'disabledColor');
-	configThemeFile.highlightedColor = combineKeys(configFile.theme, base.colors, 'highlightedColor');
-	configThemeFile.hintTextColor = combineKeys(configFile.theme, base.colors, 'hintTextColor');
-	configThemeFile.imageTouchFeedbackColor = combineKeys(configFile.theme, base.colors, 'imageTouchFeedbackColor');
-	configThemeFile.indicatorColor = combineKeys(configFile.theme, base.colors, 'indicatorColor');
-	configThemeFile.keyboardToolbarColor = combineKeys(configFile.theme, base.colors, 'keyboardToolbarColor');
-	configThemeFile.navTintColor = combineKeys(configFile.theme, base.colors, 'navTintColor');
-	configThemeFile.onTintColor = combineKeys(configFile.theme, base.colors, 'onTintColor');
-	configThemeFile.pageIndicatorColor = combineKeys(configFile.theme, base.colors, 'pageIndicatorColor');
-	configThemeFile.pagingControlColor = combineKeys(configFile.theme, base.colors, 'pagingControlColor');
-	configThemeFile.placeholder = combineKeys(configFile.theme, base.colors, 'placeholder');
-	configThemeFile.pullBackgroundColor = combineKeys(configFile.theme, base.colors, 'pullBackgroundColor');
-	configThemeFile.resultsBackgroundColor = combineKeys(configFile.theme, base.colors, 'resultsBackgroundColor');
-	configThemeFile.resultsSeparatorColor = combineKeys(configFile.theme, base.colors, 'resultsSeparatorColor');
-	configThemeFile.selectedButtonColor = combineKeys(configFile.theme, base.colors, 'selectedButtonColor');
-	configThemeFile.selectedColor = combineKeys(configFile.theme, base.colors, 'selectedColor');
-	configThemeFile.selectedSubtitleColor = combineKeys(configFile.theme, base.colors, 'selectedSubtitleColor');
-	configThemeFile.selectedTextColor = combineKeys(configFile.theme, base.colors, 'selectedTextColor');
-	configThemeFile.separatorColor = combineKeys(configFile.theme, base.colors, 'separatorColor');
-	configThemeFile.shadowColor = combineKeys(configFile.theme, base.colors, 'shadowColor');
-	configThemeFile.subtitleColor = combineKeys(configFile.theme, base.colors, 'subtitleColor');
-	configThemeFile.tabsBackgroundColor = combineKeys(configFile.theme, base.colors, 'tabsBackgroundColor');
-	configThemeFile.tabsBackgroundSelectedColor = combineKeys(configFile.theme, base.colors, 'tabsBackgroundSelectedColor');
-	configThemeFile.textColor = combineKeys(configFile.theme, base.colors, 'textColor');
-	configThemeFile.thumbTintColor = combineKeys(configFile.theme, base.colors, 'thumbTintColor');
-	configThemeFile.tintColor = combineKeys(configFile.theme, base.colors, 'tintColor');
-	configThemeFile.titleAttributesColor = combineKeys(configFile.theme, base.colors, 'titleAttributesColor');
-	configThemeFile.titleAttributesShadowColor = combineKeys(configFile.theme, base.colors, 'titleAttributesShadowColor');
-	configThemeFile.titleColor = combineKeys(configFile.theme, base.colors, 'titleColor');
-	configThemeFile.titleTextColor = combineKeys(configFile.theme, base.colors, 'titleTextColor');
-	configThemeFile.touchFeedbackColor = combineKeys(configFile.theme, base.colors, 'touchFeedbackColor');
-	configThemeFile.trackTintColor = combineKeys(configFile.theme, base.colors, 'trackTintColor');
-	configThemeFile.viewShadowColor = combineKeys(configFile.theme, base.colors, 'viewShadowColor');
+	// INFO: colorProperties: For glossary generator only... Do not move from this position.
+	allValues.colorProperties = {};
+
+	allValues.activeTintColor = combineKeys(configFile.theme, base.colors, 'activeTintColor');
+	allValues.activeTitleColor = combineKeys(configFile.theme, base.colors, 'activeTitleColor');
+	allValues.backgroundColor = combineKeys(configFile.theme, base.colors, 'backgroundColor');
+	allValues.backgroundDisabledColor = combineKeys(configFile.theme, base.colors, 'backgroundDisabledColor');
+	allValues.backgroundFocusedColor = combineKeys(configFile.theme, base.colors, 'backgroundFocusedColor');
+	allValues.backgroundGradient = combineKeys(configFile.theme, base.colors, 'backgroundGradient');
+	allValues.backgroundSelectedColor = combineKeys(configFile.theme, base.colors, 'backgroundSelectedColor');
+	allValues.backgroundSelectedGradient = combineKeys(configFile.theme, base.colors, 'backgroundSelectedGradient');
+	allValues.badgeColor = combineKeys(configFile.theme, base.colors, 'badgeColor');
+	allValues.barColor = combineKeys(configFile.theme, base.colors, 'barColor');
+	allValues.borderColor = combineKeys(configFile.theme, base.colors, 'borderColor');
+	allValues.currentPageIndicatorColor = combineKeys(configFile.theme, base.colors, 'currentPageIndicatorColor');
+	allValues.dateTimeColor = combineKeys(configFile.theme, base.colors, 'dateTimeColor');
+	allValues.disabledColor = combineKeys(configFile.theme, base.colors, 'disabledColor');
+	allValues.highlightedColor = combineKeys(configFile.theme, base.colors, 'highlightedColor');
+	allValues.hintTextColor = combineKeys(configFile.theme, base.colors, 'hintTextColor');
+	allValues.imageTouchFeedbackColor = combineKeys(configFile.theme, base.colors, 'imageTouchFeedbackColor');
+	allValues.indicatorColor = combineKeys(configFile.theme, base.colors, 'indicatorColor');
+	allValues.keyboardToolbarColor = combineKeys(configFile.theme, base.colors, 'keyboardToolbarColor');
+	allValues.navTintColor = combineKeys(configFile.theme, base.colors, 'navTintColor');
+	allValues.onTintColor = combineKeys(configFile.theme, base.colors, 'onTintColor');
+	allValues.pageIndicatorColor = combineKeys(configFile.theme, base.colors, 'pageIndicatorColor');
+	allValues.pagingControlColor = combineKeys(configFile.theme, base.colors, 'pagingControlColor');
+	allValues.placeholder = combineKeys(configFile.theme, base.colors, 'placeholder');
+	allValues.pullBackgroundColor = combineKeys(configFile.theme, base.colors, 'pullBackgroundColor');
+	allValues.resultsBackgroundColor = combineKeys(configFile.theme, base.colors, 'resultsBackgroundColor');
+	allValues.resultsSeparatorColor = combineKeys(configFile.theme, base.colors, 'resultsSeparatorColor');
+	allValues.selectedButtonColor = combineKeys(configFile.theme, base.colors, 'selectedButtonColor');
+	allValues.selectedColor = combineKeys(configFile.theme, base.colors, 'selectedColor');
+	allValues.selectedSubtitleColor = combineKeys(configFile.theme, base.colors, 'selectedSubtitleColor');
+	allValues.selectedTextColor = combineKeys(configFile.theme, base.colors, 'selectedTextColor');
+	allValues.separatorColor = combineKeys(configFile.theme, base.colors, 'separatorColor');
+	allValues.shadowColor = combineKeys(configFile.theme, base.colors, 'shadowColor');
+	allValues.subtitleColor = combineKeys(configFile.theme, base.colors, 'subtitleColor');
+	allValues.tabsBackgroundColor = combineKeys(configFile.theme, base.colors, 'tabsBackgroundColor');
+	allValues.tabsBackgroundSelectedColor = combineKeys(configFile.theme, base.colors, 'tabsBackgroundSelectedColor');
+	allValues.textColor = combineKeys(configFile.theme, base.colors, 'textColor');
+	allValues.thumbTintColor = combineKeys(configFile.theme, base.colors, 'thumbTintColor');
+	allValues.tintColor = combineKeys(configFile.theme, base.colors, 'tintColor');
+	allValues.titleAttributesColor = combineKeys(configFile.theme, base.colors, 'titleAttributesColor');
+	allValues.titleAttributesShadowColor = combineKeys(configFile.theme, base.colors, 'titleAttributesShadowColor');
+	allValues.titleColor = combineKeys(configFile.theme, base.colors, 'titleColor');
+	allValues.titleTextColor = combineKeys(configFile.theme, base.colors, 'titleTextColor');
+	allValues.touchFeedbackColor = combineKeys(configFile.theme, base.colors, 'touchFeedbackColor');
+	allValues.trackTintColor = combineKeys(configFile.theme, base.colors, 'trackTintColor');
+	allValues.viewShadowColor = combineKeys(configFile.theme, base.colors, 'viewShadowColor');
 
 	// !Some final cleanup
 	delete configFile.theme.extend;
 	delete configFile.theme.colors;
 	delete configFile.theme.spacing;
 
-	if (!Object.keys(configThemeFile.fontFamily).length) {
-		delete configThemeFile.fontFamily;
+	if (!Object.keys(allValues.fontFamily).length) {
+		delete allValues.fontFamily;
 		delete configFile.theme.fontFamily;
 	}
 
-	// convert Object to Array
-	let corePlugins = Array.isArray(configFile.corePlugins) ? configFile.corePlugins : Object.keys(configFile.corePlugins).map(key => key);
 	// !Delete corePlugins specified in the config file
+	let corePlugins = Array.isArray(configFile.corePlugins) ? configFile.corePlugins : Object.keys(configFile.corePlugins).map(key => key);
 	_.each(corePlugins, value => {
-		delete configThemeFile[value];
+		delete allValues[value];
 		delete configFile.theme[value];
 	});
 
+	_.each(allValues, (value, key) => {
+		delete configFile.theme[key];
+	});
+
+	return allValues;
+}
+
+//! Build Custom Tailwind ( Main )
+function buildCustomTailwind(message = 'file created!') {
+	const defaultTheme = require('tailwindcss/defaultTheme');
+
+	let allValuesCombined = combineAllValues(getBaseValues(defaultTheme), defaultTheme);
+
 	let tailwindStyles = fs.readFileSync(path.resolve(__dirname, './lib/templates/tailwind/template.tss'), 'utf8');
 	tailwindStyles += fs.readFileSync(path.resolve(__dirname, './lib/templates/tailwind/custom-template.tss'), 'utf8');
 	tailwindStyles += (fs.existsSync(projectConfigJS)) ? `// config.js file updated on: ${getFileUpdatedDate(projectConfigJS)}\n` : `// default config.js file\n`;
 
-	_.each(configThemeFile, (value, key) => {
-		delete configFile.theme[key];
-	});
-
 	if (Object.keys(configFile.theme).length) {
 		tailwindStyles += '\n// Custom Styles\n';
 		_.each(configFile.theme, (value, key) => {
@@ -1471,7 +1508,7 @@ function buildCustomTailwind(message = 'file created!') {
 	}
 
 	let menuPosition = 1;
-	_.each(configThemeFile, (value, key) => {
+	_.each(allValuesCombined, (value, key) => {
 		if (key.includes('Properties') && distributionFolder) {
 			destinationFolder = path.resolve(__dirname, './dist/glossary/' + key);
 			makeSureFolderExists(destinationFolder);
@@ -1480,7 +1517,7 @@ function buildCustomTailwind(message = 'file created!') {
 		} else {
 			let theClasses = helperToBuildCustomTailwindClasses(key, value);
 
-			if (distributionFolder) {
+			if (destinationFolder) {
 				fs.writeFileSync(`${destinationFolder}/${key}.md`, '```scss' + theClasses + '```');
 			}
 
@@ -1488,7 +1525,8 @@ function buildCustomTailwind(message = 'file created!') {
 		}
 	});
 
-	let finalTailwindStyles = helpers.applyProperties(tailwindStyles);
+	//! Compile @apply properties
+	let finalTailwindStyles = helpers.compileApplyDirectives(tailwindStyles);
 
 	if (fs.existsSync(projectConfigJS)) {
 		fs.writeFileSync(projectTailwindTSS, finalTailwindStyles);
@@ -1541,11 +1579,7 @@ function createDefinitionsFile() {
 		classDefinitions += fs.readFileSync(cwd + '/purgetss/fonts.tss', 'utf8').replace(/\n\/\*\*\n([\s\S]*?)\*\/\n/g, '');
 	}
 
-	if (fs.existsSync(projectFontAwesomeTSS)) {
-		classDefinitions += fs.readFileSync(projectFontAwesomeTSS, 'utf8');
-	} else {
-		classDefinitions += fs.readFileSync(srcFontAwesomeTSSFile, 'utf8');
-	}
+	classDefinitions += (fs.existsSync(projectFontAwesomeTSS)) ? fs.readFileSync(projectFontAwesomeTSS, 'utf8') : fs.readFileSync(srcFontAwesomeTSSFile, 'utf8');
 
 	classDefinitions += fs.readFileSync(srcFramework7FontTSSFile, 'utf8');
 
@@ -1561,6 +1595,8 @@ function createDefinitionsFile() {
 		.replace(/\/\/(.*)\n/g, '')
 		.replace(/\n/g, '');
 
+	classDefinitions += '.ios{}.android{}.handheld{}.tablet{}.open{}.close{}.complete{}.drag{}.drop{}.bounds{}';
+
 	fs.writeFileSync(cwd + '/purgetss/definitions.css', `/* Class definitions */${classDefinitions}`);
 
 	logger.file('./purgetss/definitions.css');
@@ -1928,7 +1964,7 @@ function extractClasses(currentText, currentFile) {
 	}
 }
 
-function extractOnlyClasses(currentText, currentFile) {
+function extractClassesOnly(currentText, currentFile) {
 	try {
 		let jsontext = convert.xml2json(encodeHTML(currentText), { compact: true });
 
@@ -2074,7 +2110,7 @@ let startTime;
 
 function start() {
 	startTime = new Date();
-};
+}
 
 function finish(customMessage = 'Finished purging in') {
 	let endTime = new Date(new Date() - startTime);
@@ -2084,7 +2120,7 @@ function finish(customMessage = 'Finished purging in') {
 let localStartTime;
 function localStart() {
 	localStartTime = new Date();
-};
+}
 
 function localFinish(customMessage = 'Finished purging in') {
 	let localEndTime = new Date(new Date() - localStartTime);
@@ -2101,7 +2137,7 @@ function purgeTailwind(uniqueClasses) {
 
 	if (`// config.js file updated on: ${getFileUpdatedDate(projectConfigJS)}` !== tailwindClasses[6]) {
 		logger.info(chalk.yellow('config.js'), 'file updated!, rebuilding tailwind.tss...');
-		buildCustomTailwind('file updated!');
+		buildCustomTailwind();
 		createDefinitionsFile();
 		tailwindClasses = fs.readFileSync(projectTailwindTSS, 'utf8').split(/\r?\n/);
 	}
@@ -2124,8 +2160,8 @@ function purgeTailwind(uniqueClasses) {
 			let transparency = Math.round(decimalValue * 255 / 100).toString(16);
 			if (transparency.length === 1) transparency = '0' + transparency;
 			let classNameWithTransparency = uniqueClasses[index];
-			let className = cleanClassName.substring(0, cleanClassName.lastIndexOf('/'));
-			classesWithOpacityValues.push({ decimalValue, transparency, className, classNameWithTransparency });
+			let theClassName = cleanClassName.substring(0, cleanClassName.lastIndexOf('/'));
+			classesWithOpacityValues.push({ decimalValue, transparency, theClassName, classNameWithTransparency });
 		} else {
 			cleanUniqueClasses.push(className);
 		}
@@ -2232,7 +2268,7 @@ function purgeTailwind(uniqueClasses) {
 }
 
 function cleanClassNameFn(className) {
-	return className.replace('ios:', '').replace('android:', '').replace('handheld:', '').replace('tablet:', '').replace('open:', '').replace('complete:', '').replace('close:', '').replace('complete:', '').replace('drag:', '').replace('drop:', '').replace('bounds:', '');
+	return className.replace('ios:', '').replace('android:', '').replace('handheld:', '').replace('tablet:', '').replace('open:', '').replace('close:', '').replace('complete:', '').replace('drag:', '').replace('drop:', '').replace('bounds:', '');
 }
 
 //! FontAwesome
@@ -2286,7 +2322,7 @@ function purgeFramework7(uniqueClasses, cleanUniqueClasses) {
 	return (purgedClasses === '\n// Framework7 styles\n') ? '' : purgedClasses;
 }
 
-function purgeFontIcons(sourceFolder, uniqueClasses, message, cleanUniqueClasses, prefixes) {
+function purgeFontIcons(sourceFolder, uniqueClasses, message, cleanUniqueClasses, _prefixes) {
 	localStart();
 
 	let purgedClasses = '';
@@ -2326,7 +2362,3 @@ function createJMKFile() {
 }
 
 //! Soon to be deleted
-function reviewThis(className) {
-	let twStylesWithoyPlatformSpecificStyles = className.replace(/\[platform=ios\]/g, '').replace(/\[platform=android\]/g, '').split(/\r?\n/);
-	twStylesArray[indexOfClass].replace('[platform=android]', '').replace('[platform=ios]', '')
-}