purgetss 3.1.3 → 3.2.0

package/index.js

@@ -69,10 +69,11 @@ const srcFontAwesomeProWebFontsFolderAlternate = cwd + '/app/lib/node_modules/@f
 const srcFontAwesomeProResetTSS = './lib/templates/fontawesome/pro-reset.tss';
 const srcFontAwesomeProTemplateTSS = './lib/templates/fontawesome/pro-template.tss';
 const srcFontAwesomeProFontFamilies = {
-	'fa-light-300.ttf': 'FontAwesome5Pro-Light.ttf',
-	'fa-brands-400.ttf': 'FontAwesome5Brands-Regular.ttf',
-	'fa-regular-400.ttf': 'FontAwesome5Pro-Regular.ttf',
-	'fa-solid-900.ttf': 'FontAwesome5Pro-Solid.ttf'
+	'fa-thin-100.ttf': 'FontAwesome6Pro-Thin.ttf',
+	'fa-light-300.ttf': 'FontAwesome6Pro-Light.ttf',
+	'fa-brands-400.ttf': 'FontAwesome6Brands-Regular.ttf',
+	'fa-regular-400.ttf': 'FontAwesome6Pro-Regular.ttf',
+	'fa-solid-900.ttf': 'FontAwesome6Pro-Solid.ttf'
 }
 
 // BETA
@@ -230,6 +231,8 @@ function purgeClasses(options) {
 
 		tempPurged += purgeBootstrapIcons(uniqueClasses, cleanUniqueClasses);
 
+		tempPurged += purgeCustomFonts(uniqueClasses, cleanUniqueClasses);
+
 		saveFile(destAppTSSFile, tempPurged);
 
 		logger.file('app.tss');
@@ -283,7 +286,7 @@ function create(args, options) {
 			console.log('');
 			logger.info('Creating a new Titanium project');
 
-			let projectName = args.name.replace(/ /g, '\\ ');
+			let projectName = `"${args.name}"`;
 			let projectID = `${idPrefix}.${args.name.replace(/ /g, '').replace(/-/g, '').replace(/_/g, '').toLowerCase()}`;
 
 			let tiCreateCommand = `ti create -t app -p all -n ${projectName} --no-prompt --id ${projectID}`;
@@ -312,9 +315,9 @@ function create(args, options) {
 					if (options.tailwind) {
 						logger.info('Installing Tailwind CSS');
 
-						fs.writeFileSync(`${workspace}/${args.name}/package.json`, JSON.stringify({ "name": `${args.name.replace(/ /g, '-').toLowerCase()}` }));
+						fs.writeFileSync(`${workspace}/${args.name}/package.json`, JSON.stringify({ "name": `${args.name.replace(/ /g, '-').toLowerCase()}`, "private": true }));
 
-						let installTailwind = `cd ${workspace}/${projectName} && npm init -y && npm i tailwindcss -D && npm i postcss -D && npx tailwindcss init`;
+						let installTailwind = `cd ${workspace}/${projectName} && npm init -y && npm i tailwindcss -D && npx tailwindcss init`;
 						exec(installTailwind, (error) => {
 							if (error) return logger.error(error);
 
@@ -390,20 +393,6 @@ function processCustomFontAwesomeTSS(CSSFile, templateTSS, resetTSS, fontFamilie
 	});
 }
 
-function prettifyFontName(str) {
-	str = str.replace('fa-', '');
-	var temp = str.split('-'), i, pretty;
-
-	for (i = 0; i < temp.length; i++) {
-		temp[i] = temp[i].charAt(0).toUpperCase() + temp[i].slice(1);
-	}
-
-	pretty = temp.join('').replace(':', '');
-	pretty = pretty.replace(/^.{1}/g, pretty[0].toLowerCase());
-
-	return pretty;
-};
-
 function buildCustomFontAwesomeJS() {
 	if (fs.existsSync(srcFontAwesomeBetaCSSFile)) {
 		processCustomFontAwesomeJS(srcFontAwesomeBetaCSSFile, './lib/templates/fontawesome/beta-template.js');
@@ -433,7 +422,7 @@ function processCustomFontAwesomeJS(CSSFile, faJS) {
 
 		_.each(rules, rule => {
 			if (rule) {
-				exportIcons += `\t'${prettifyFontName(rule.selector)}': '\\u${rule.property}',\n`;
+				exportIcons += `\t'${prettifyFontName(rule.selector, 'fa-')}': '\\u${rule.property}',\n`;
 			}
 		});
 
@@ -455,9 +444,9 @@ function processCustomFontAwesomeJS(CSSFile, faJS) {
 
 function copyFreeFonts() {
 	// FontAwesome Fonts
-	fs.copyFile(srcFontsFolder + '/FontAwesome5Brands-Regular.ttf', destFontsFolder + '/FontAwesome5Brands-Regular.ttf', callback);
-	fs.copyFile(srcFontsFolder + '/FontAwesome5Free-Regular.ttf', destFontsFolder + '/FontAwesome5Free-Regular.ttf', callback);
-	fs.copyFile(srcFontsFolder + '/FontAwesome5Free-Solid.ttf', destFontsFolder + '/FontAwesome5Free-Solid.ttf', callback);
+	fs.copyFile(srcFontsFolder + '/FontAwesome6Brands-Regular.ttf', destFontsFolder + '/FontAwesome6Brands-Regular.ttf', callback);
+	fs.copyFile(srcFontsFolder + '/FontAwesome6Free-Regular.ttf', destFontsFolder + '/FontAwesome6Free-Regular.ttf', callback);
+	fs.copyFile(srcFontsFolder + '/FontAwesome6Free-Solid.ttf', destFontsFolder + '/FontAwesome6Free-Solid.ttf', callback);
 
 	logger.info('Font Awesome Free Icons Fonts copied to', chalk.yellow('./app/assets/fonts'), 'folder');
 }
@@ -557,6 +546,330 @@ function processFontawesomeStyles(data) {
 	return convertedTSSClasses;
 }
 
+// ! Build fonts.tss
+function getFiles(dir) {
+	return fs.readdirSync(dir).flatMap((item) => {
+		const path = `${dir}/${item}`;
+		if (fs.statSync(path).isDirectory()) {
+			return getFiles(path);
+		}
+
+		return path;
+	});
+}
+
+function buildCustomFonts(options) {
+	if (fs.existsSync(cwd + '/purgetss/fonts/')) {
+		start();
+
+		let files = getFiles(cwd + '/purgetss/fonts').filter(file => {
+			return file.endsWith('.ttf') || file.endsWith('.otf') || file.endsWith('.css') || file.endsWith('.TTF') || file.endsWith('.OTF') || file.endsWith('.CSS');
+		});
+
+		let fontMeta = '';
+		let customFontsJS = '';
+		const FontName = require('fontname');
+		let tssClasses = `// Fonts TSS file generated with PurgeTSS\n// https://github.com/macCesar/purgeTSS\n`;
+		let prefix, tssPrefix = '';
+
+		_.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);
+
+				tssClasses += `\n'.${fontMeta.postScriptName.replace(/\//g, '').toLowerCase()}': { font: { fontFamily: '${fontMeta.postScriptName.replace(/\//g, '')}' } }\n`;
+
+				//! Copy Font File
+				makeSureFolderExists(destFontsFolder);
+				let fontExtension = file.split('.').pop();
+				fs.copyFile(file, `${destFontsFolder}/${fontMeta.postScriptName.replace(/\//g, '')}.${fontExtension}`, 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`;
+
+		_.each(files, file => {
+			if (file.endsWith('.css') || file.endsWith('.CSS')) {
+				let cssFileString = fs.readFileSync(file).toString();
+
+				let syntax = cssFileString.includes('::before') ? '::before' : ':before';
+
+				tssClasses += oneTimeMessage + `\n// ${file.split('/').pop()}\n`;
+				oneTimeMessage = '';
+
+				tssClasses += processCustomFontsCSS(readCSS(file), syntax, prefix, tssPrefix);
+
+				//! JavaScript Module
+				if (options.modules) {
+					customFontsJS += processCustomFontsJS(readCSS(file), syntax, prefix, tssPrefix, `\n	// ${file.split('/').pop()}`);
+				}
+
+				// !Done processing stylesheet
+				logger.info('Processing', `${chalk.yellow(file.split('/').pop())}...`);
+			}
+		});
+
+		fs.writeFileSync(cwd + '/purgetss/fonts.tss', tssClasses, err => {
+			throw err;
+		});
+
+		makeSureFolderExists(destLibFolder);
+
+		if (customFontsJS) {
+			let exportIcons = fs.readFileSync(path.resolve(__dirname, './lib/templates/icon-functions.js'), 'utf8');
+			exportIcons += '\nconst icons = {';
+			exportIcons += customFontsJS
+			exportIcons += '};\n';
+			exportIcons += 'exports.icons = icons;\n';
+
+			fs.writeFileSync(destLibFolder + '/purgetss.fonts.js', exportIcons, err => {
+				throw err;
+			});
+
+			logger.info(`${chalk.yellow('./app/lib/purgetss.fonts.js')} file created!`);
+		} else {
+			if (fs.existsSync(destLibFolder + '/purgetss.fonts.js')) {
+				fs.unlinkSync(destLibFolder + '/purgetss.fonts.js');
+			}
+		}
+
+		if (files.length > 0) {
+			console.log();
+
+			finish(`Finished building ${chalk.yellow('fonts.tss')} in`);
+		} else {
+			logger.info('No fonts found in', chalk.yellow('./purgetss/fonts'), 'folder!');
+		}
+	} else {
+		logger.info(`Add fonts and css files to ${chalk.yellow('./purgetss/fonts')} and run this command again!`);
+	}
+}
+module.exports.buildCustomFonts = buildCustomFonts;
+
+function readFilesAndFolers(currentDirPath, callback) {
+	const getAllFiles = dir =>
+		fs.readdirSync(dir).reduce((files, file) => {
+			const name = path.join(dir, file);
+			const isDirectory = fs.statSync(name).isDirectory();
+			return isDirectory ? [...files, ...getAllFiles(name)] : [...files, name];
+		}, []);
+}
+
+function processCustomFontsCSS(data, syntax, prefix, tssPrefix) {
+	let rules = getRules(data, syntax, prefix, tssPrefix);
+
+	let paraTSS = '';
+
+	_.each(rules, rule => {
+		if (rule) {
+			paraTSS += `'${rule.selector}': { text: '\\u${rule.property}', title: '\\u${rule.property}' }\n`;
+		}
+	});
+
+	return paraTSS;
+}
+
+function processCustomFontsJS(data, syntax, prefix, tssPrefix, fontFamily = '') {
+	let rules = getRules(data, syntax, prefix, tssPrefix);
+
+	let exportIcons = `${fontFamily}\n`;
+
+	_.each(rules, rule => {
+		if (rule) {
+			exportIcons += `\t'${prettifyFontName(rule.selector.replace('.', ''))}': '\\u${rule.property}',\n`;
+		}
+	});
+
+	return exportIcons;
+}
+
+function getRules(data, syntax, prefix, tssPrefix) {
+	let rules = _.map(data.stylesheet.rules, rule => {
+		if (rule.type === 'rule' && rule.declarations[0].property === 'content') {
+			return {
+				'selector': '.' + rule.selectors[0].replace('.', '').replace(prefix, tssPrefix ? tssPrefix : prefix).replace(syntax, ''),
+				'property': ('0000' + rule.declarations[0].value.replace('\"\\', '').replace('\"', '').replace('\'\\', '').replace('\'', '')).slice(-4)
+			};
+		}
+	});
+
+	return rules;
+}
+
+function processFontMeta(fontMeta) {
+	let fontMetaString = `\n/**\n * ${fontMeta.fullName}`;
+
+	fontMetaString += `\n * ${fontMeta.version}`;
+
+	// if (fontMeta.description) {
+	// 	fontMetaString += `\n * description: ${fontMeta.description}`;
+	// }
+
+	if (fontMeta.designer) {
+		fontMetaString += `\n * ${fontMeta.designer}`;
+	}
+
+	if (fontMeta.urlVendor) {
+		fontMetaString += `\n * ${fontMeta.urlVendor}`;
+	}
+
+	// if (fontMeta.urlDesigner) {
+	// 	fontMetaString += `\n * urlDesigner: ${fontMeta.urlDesigner}`;
+	// }
+
+	if (fontMeta.copyright) {
+		fontMetaString += `\n * ${fontMeta.copyright}`;
+	}
+
+	if (fontMeta.trademark) {
+		fontMetaString += `\n * ${fontMeta.trademark}`;
+	}
+
+	if (fontMeta.licence) {
+		fontMetaString += `\n * ${fontMeta.licence.split('\n')[0]}`;
+	}
+
+	if (fontMeta.licenceURL) {
+		fontMetaString += `\n * ${fontMeta.licenceURL}`;
+	}
+
+	fontMetaString += `\n */`;
+
+	return fontMetaString;
+}
+
+//! Purge Custom Fonts
+function purgeCustomFonts(uniqueClasses, cleanUniqueClasses) {
+	if (fs.existsSync(cwd + '/purgetss/fonts.tss')) {
+		let purgedClasses = '\n// Custom Fonts styles\n';
+
+		let sourceTSS = fs.readFileSync(cwd + '/purgetss/fonts.tss', 'utf8').split(/\r?\n/);
+
+		purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging Custom Fonts styles...', cleanUniqueClasses, []);
+
+		return (purgedClasses === '\n// Custom Fonts styles\n') ? '' : purgedClasses;
+	}
+
+	return '';
+}
+
+function prettifyFontName(str, prefix) {
+	str = str.replace(/_/g, '-');
+
+	if (prefix) {
+		str = str.replace(prefix, '');
+	}
+
+	str = str.replace(/\s/g, '');
+
+	let temp = str.split('-'), i, pretty;
+
+	for (i = 1; i < temp.length; i++) {
+		temp[i] = temp[i].charAt(0).toUpperCase() + temp[i].slice(1);
+	}
+
+	pretty = temp.join('').replace(':', '');
+
+	pretty = pretty.replace(/^.{1}/g, pretty[0].toLowerCase());
+
+	return pretty;
+};
+
+function buildCustomFontsXXX() {
+	let configFile = require(destConfigJSFile);
+
+	if (configFile.fonts) {
+		start();
+		const FontName = require('fontname');
+		let tssClasses = `// Fonts TSS file generated with PurgeTSS\n// https://github.com/macCesar/purgeTSS\n`;
+		let exportIcons = fs.readFileSync(path.resolve(__dirname, './lib/templates/icon-functions.js'), 'utf8');
+		let customFontsJS = '';
+
+		_.each(configFile.fonts, customFont => {
+			let { folder, prefix, tssPrefix } = customFont;
+
+			if (!fs.existsSync(cwd + `/purgetss/fonts/${folder}`)) {
+				throw new Error(`The folder '${folder}' does not exist`);
+			}
+
+			// use glob.sync to read .ttf and otf files
+			let fontFiles = glob.sync(cwd + `/purgetss/fonts/${folder}/*.{ttf,otf}`);
+			// let trueType = glob.sync(cwd + `/purgetss/fonts/${folder}/*.ttf`,);
+			// let openType = glob.sync(cwd + `/purgetss/fonts/${folder}/*.otf`);
+
+			if (fontFiles.length === 0) {
+				throw new Error(`The folder '${folder}' does not contain any font file`);
+			}
+
+			// let fontFiles = trueType.length > 0 ? trueType : openType.length > 0 ? openType : '';
+			let fontMeta = '';
+
+			_.each(fontFiles, fontFile => {
+				fontMeta = FontName.parse(fs.readFileSync(fontFile))[0];
+
+				// Add font information and font-family
+				tssClasses += processFontMeta(fontMeta);
+
+				if (fontFiles.length > 0) {
+					tssClasses += `\n'.${fontMeta.postScriptName.replace(/\//g, '').toLowerCase()}': { font: { fontFamily: '${fontMeta.postScriptName.replace(/\//g, '')}' } }\n`;
+				} else {
+					tssClasses += `\n'.${tssPrefix ? tssPrefix.replace('-', '') : prefix ? prefix : fontMeta.postScriptName.replace(/\//g, '').toLowerCase()}': { font: { fontFamily: '${fontMeta.postScriptName.replace(/\//g, '')}' } }\n`;
+				}
+
+				//! Copy Font File
+				makeSureFolderExists(destFontsFolder);
+				let fontExtension = fontFile.split('.').pop();
+				fs.copyFile(fontFile, `${destFontsFolder}/${fontMeta.postScriptName.replace(/\//g, '')}.${fontExtension}`, err => { });
+			});
+
+			//! Stylesheet
+			let stylesheetFiles = glob.sync(cwd + `/purgetss/fonts/${folder}/*.css`);
+			_.each(stylesheetFiles, stylesheet => {
+				// let stylesheet = stylesheetFiles.length > 0 ? stylesheetFiles[0] : '';
+
+				let cssFileString = fs.readFileSync(stylesheet).toString();
+
+				let syntax = cssFileString.includes('::before') ? '::before' : ':before';
+
+				tssClasses += `\n// Unicode Characters\n// To use your Icon Fonts in Buttons AND Labels each class sets 'text' and 'title' properties\n`;
+
+				tssClasses += processCustomFontsCSS(readCSS(stylesheet), syntax, prefix, tssPrefix);
+
+				// !JavaScript Module
+				customFontsJS += processCustomFontsJS(readCSS(stylesheet), syntax, prefix, tssPrefix, processFontMeta(fontMeta));
+
+				// !Done processing stylesheet
+				logger.info('Processing', `${chalk.yellow(stylesheet.split('/').pop())}...`);
+			});
+		});
+
+		fs.writeFileSync(cwd + '/purgetss/fonts.tss', tssClasses, err => {
+			throw err;
+		});
+
+		makeSureFolderExists(destLibFolder);
+
+		if (customFontsJS) {
+			exportIcons += '\nconst icons = {';
+			exportIcons += customFontsJS
+			exportIcons += '};\n';
+			fs.writeFileSync(destLibFolder + '/purgetss.fonts.js', exportIcons, err => {
+				throw err;
+			});
+		} else {
+			if (fs.existsSync(destLibFolder + '/purgetss.fonts.js')) {
+				fs.unlinkSync(destLibFolder + '/purgetss.fonts.js');
+			}
+		}
+
+		console.log();
+		finish(`Finished building ${chalk.yellow('fonts.tss')} in`);
+	}
+}
+module.exports.buildCustomFontsXXX = buildCustomFontsXXX;
+
 //! Helper Functions
 function addHook() {
 	logger.warn(chalk.green('Adding Auto-Purging hook!'));
@@ -655,7 +968,7 @@ function getUniqueClasses() {
 
 	let viewPaths = [];
 
-	walkSync(cwd + '/app/views', viewPath => {
+	readAllXMLFiles(cwd + '/app/views', viewPath => {
 		viewPaths.push(viewPath);
 	});
 
@@ -839,6 +1152,7 @@ function buildCustomTailwind(message = 'file created!') {
 	configFile.theme.dropShadow = {};
 	configFile.theme.dropShadowColor = combineKeys(configFile.theme, base.colors, 'dropShadowColor');
 	configFile.theme.editable = {};
+	configFile.theme.elevation = combineKeys(configFile.theme, _.merge(base.spacing, configFile.theme.spacing, configFile.theme.extend.spacing), 'elevation');
 	configFile.theme.ellipsize = {};
 	configFile.theme.enableCopy = {};
 	configFile.theme.enableReturnKey = {};
@@ -883,6 +1197,7 @@ function buildCustomTailwind(message = 'file created!') {
 	configFile.theme.loginKeyboardType = {};
 	configFile.theme.loginReturnKeyType = {};
 	configFile.theme.margin = combineKeys(configFile.theme, base.spacing, 'margin');
+	configFile.theme.maxElevation = combineKeys(configFile.theme, _.merge(base.spacing, configFile.theme.spacing, configFile.theme.extend.spacing), 'maxElevation');
 	configFile.theme.modal = {};
 	configFile.theme.navBarHidden = {};
 	configFile.theme.navTintColor = combineKeys(configFile.theme, base.colors, 'navTintColor');
@@ -902,6 +1217,7 @@ function buildCustomTailwind(message = 'file created!') {
 	configFile.theme.pickerType = {};
 	configFile.theme.placeholderColor = combineKeys(configFile.theme, base.colors, 'placeholderColor');
 	configFile.theme.placement = {};
+	configFile.theme.preventCornerOverlap = {};
 	configFile.theme.preventDefaultImage = {};
 	configFile.theme.repeat = {};
 	configFile.theme.returnKeyType = {};
@@ -920,6 +1236,7 @@ function buildCustomTailwind(message = 'file created!') {
 	configFile.theme.statusBar = {};
 	configFile.theme.sustainedPerformanceMode = {};
 	configFile.theme.swipeToClose = {};
+	configFile.theme.useCompatPadding = {};
 	configFile.theme.tabBarHidden = {};
 	configFile.theme.tabGroupStyle = {};
 	configFile.theme.tabsBackgroundColor = combineKeys(configFile.theme, base.colors, 'tabsBackgroundColor');
@@ -932,8 +1249,8 @@ function buildCustomTailwind(message = 'file created!') {
 	configFile.theme.titleColor = combineKeys(configFile.theme, base.colors, 'titleColor');
 	configFile.theme.touchFeedbackColor = combineKeys(configFile.theme, base.colors, 'touchFeedbackColor');
 	configFile.theme.transition = {};
-	configFile.theme.transitionDelay = combineKeys(configFile.theme, { ...{ '0': '0ms', '25': '25ms', '50': '50ms', '2000': '2000ms', '3000': '3000ms', '4000': '4000ms', '5000': '5000ms' }, ...defaultTheme.transitionDelay }, 'transitionDelay');
-	configFile.theme.transitionDuration = combineKeys(configFile.theme, { ...{ 0: '0ms', 25: '25ms', 50: '50ms' }, ...defaultTheme.transitionDuration }, 'transitionDuration');
+	configFile.theme.transitionDelay = combineKeys(configFile.theme, { ...{ '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' }, ...defaultTheme.transitionDelay }, 'transitionDelay');
+	configFile.theme.transitionDuration = combineKeys(configFile.theme, { ...{ '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' }, ...defaultTheme.transitionDuration }, 'transitionDuration');
 	configFile.theme.translucent = {};
 	configFile.theme.useSpinner = {};
 	configFile.theme.verticalAlignment = {};
@@ -1025,6 +1342,7 @@ function helpersToBuildCustomTailwindClasses(key, value) {
 		case 'dropShadow': return helpers.dropShadow();
 		case 'dropShadowColor': return helpers.dropShadowColor(value);
 		case 'editable': return helpers.editable();
+		case 'elevation': return helpers.elevation(value);
 		case 'ellipsize': return helpers.ellipsize();
 		case 'enableCopy': return helpers.enableCopy();
 		case 'enableReturnKey': return helpers.enableReturnKey();
@@ -1069,6 +1387,7 @@ function helpersToBuildCustomTailwindClasses(key, value) {
 		case 'loginKeyboardType': return helpers.loginKeyboardType();
 		case 'loginReturnKeyType': return helpers.loginReturnKeyType();
 		case 'margin': return helpers.margin(value);
+		case 'maxElevation': return helpers.maxElevation(value);
 		case 'modal': return helpers.modal();
 		case 'navBarHidden': return helpers.navBarHidden();
 		case 'navTintColor': return helpers.navTintColor(value);
@@ -1088,6 +1407,7 @@ function helpersToBuildCustomTailwindClasses(key, value) {
 		case 'pickerType': return helpers.pickerType();
 		case 'placeholderColor': return helpers.placeholderColor(value);
 		case 'placement': return helpers.placement();
+		case 'preventCornerOverlap': return helpers.preventCornerOverlap();
 		case 'preventDefaultImage': return helpers.preventDefaultImage();
 		case 'repeat': return helpers.repeat();
 		case 'returnKeyType': return helpers.returnKeyType();
@@ -1106,6 +1426,7 @@ function helpersToBuildCustomTailwindClasses(key, value) {
 		case 'statusBar': return helpers.statusBar();
 		case 'sustainedPerformanceMode': return helpers.sustainedPerformanceMode();
 		case 'swipeToClose': return helpers.swipeToClose();
+		case 'useCompatPadding': return helpers.useCompatPadding();
 		case 'tabBarHidden': return helpers.tabBarHidden();
 		case 'tabGroupStyle': return helpers.tabGroupStyle();
 		case 'tabsBackgroundColor': return helpers.tabsBackgroundColor(value);
@@ -1160,7 +1481,7 @@ function callback(err) {
 	if (err) throw err;
 }
 
-function walkSync(currentDirPath, callback) {
+function readAllXMLFiles(currentDirPath, callback) {
 	let files = fs.readdirSync(currentDirPath);
 
 	files.filter(junk.not).forEach(name => {
@@ -1173,7 +1494,7 @@ function walkSync(currentDirPath, callback) {
 				callback(filePath, stat);
 			}
 		} else if (stat.isDirectory()) {
-			walkSync(filePath, callback);
+			readAllXMLFiles(filePath, callback);
 		}
 	});
 }
@@ -1483,6 +1804,7 @@ const arbitraryValuesTable = {
 	'delay': '{ delay: {value} }',
 	'drop-shadow': '{ shadowColor: {value} } }',
 	'duration': '{ duration: {value} }',
+	'elevation': '{ elevation: {value} }',
 	'feedback': '{ touchFeedback: true, touchFeedbackColor: {value} }',
 	'font': '{ fontWeight: {value} }',
 	'from': '{ backgroundGradient: { colors: [ {value1}, {value} ] } }',
@@ -1492,6 +1814,7 @@ const arbitraryValuesTable = {
 	'indicator': '{ indicatorColor: {value} }',
 	'left': '{ left: {value} }',
 	'm': '{ top: {value}, right: {value}, bottom: {value}, left: {value} }',
+	'max-elevation': '{ maxElevation: {value} }',
 	'max-scale': '{ maxZoomScale: {value} }',
 	'mb': '{ bottom: {value} }',
 	'min-scale': '{ minZoomScale: {value} }',
@@ -1625,8 +1948,8 @@ function purgeFontAwesome(uniqueClasses, cleanUniqueClasses) {
 
 	if (fs.existsSync(customFontAwesomeFile)) {
 		sourceFolder = customFontAwesomeFile;
-		purgedClasses = '\n// Custom Font Awesome styles\n';
-		purgingMessage = `Purging ${chalk.yellow('Custom Font Awesome')} styles...')`;
+		purgedClasses = '\n// Pro/Beta Font Awesome styles\n';
+		purgingMessage = `Purging ${chalk.yellow('Pro/Beta Font Awesome')} styles...')`;
 	} else {
 		sourceFolder = srcFontAwesomeTSSFile;
 		purgedClasses = '\n// Default Font Awesome styles\n';
@@ -1635,9 +1958,9 @@ function purgeFontAwesome(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(sourceFolder, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, purgingMessage, cleanUniqueClasses, ['fa', 'fab', 'fal', 'far', 'fas', 'fat', 'fontawesome', 'fontawesome-thin', 'fontawesome-solid', 'fontawesome-light', 'fontawesome-regular', 'fontawesome-brands']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, purgingMessage, cleanUniqueClasses, ['fa', 'fat', 'fas', 'fal', 'far', 'fab', 'fa-thin', 'fa-solid', 'fa-light', 'fa-regular', 'fa-brands', 'fontawesome', 'fontawesome-thin', 'fontawesome-solid', 'fontawesome-light', 'fontawesome-regular', 'fontawesome-brands']);
 
-	return (purgedClasses === '\n// Custom Font Awesome styles\n' || purgedClasses === '\n// Default Font Awesome styles\n') ? '' : purgedClasses;
+	return (purgedClasses === '\n// Pro/Beta Font Awesome styles\n' || purgedClasses === '\n// Default Font Awesome styles\n') ? '' : purgedClasses;
 }
 
 //! Material Design Icons
@@ -1646,7 +1969,7 @@ function purgeMaterialDesign(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcMaterialDesignIconsTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging Material Design Icons styles...', cleanUniqueClasses, ['md', 'mdo', 'mdr', 'mds', 'mdt', '.materialdesign', '.materialdesign-round', '.materialdesign-sharp', '.materialdesign-two-tone', '.materialdesign-outlined', '.material-icons', '.material-icons-round', '.material-icons-sharp', '.material-icons-two-tone', '.material-icons-outlined']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging Material Design Icons styles...', cleanUniqueClasses, ['md', 'mdo', 'mdr', 'mds', 'mdt', '.materialdesign', '.materialdesign-round', '.materialdesign-sharp', '.materialdesign-two-tone', '.materialdesign-outlined', '.material-icons', '.material-icons-round', '.material-icons-sharp', '.material-icons-two-tone', '.material-icons-outlined']);
 
 	return (purgedClasses === '\n// Material Design Icons styles\n') ? '' : purgedClasses;
 }
@@ -1657,7 +1980,7 @@ function purgeLineIcons(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcLineiconsFontTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging LineIcons styles...', cleanUniqueClasses, ['li', 'lni', 'lineicons']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging LineIcons styles...', cleanUniqueClasses, ['li', 'lni', 'lineicons']);
 
 	return (purgedClasses === '\n// LineIcons styles\n') ? '' : purgedClasses;
 }
@@ -1668,7 +1991,7 @@ function purgeFramework7(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcFramework7FontTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging Framework7 Icons styles...', cleanUniqueClasses, ['f7', 'f7i', 'framework7']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging Framework7 Icons styles...', cleanUniqueClasses, ['f7', 'f7i', 'framework7']);
 
 	return (purgedClasses === '\n// Framework7 styles\n') ? '' : purgedClasses;
 }
@@ -1679,7 +2002,7 @@ function purgeBoxIcons(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcBoxIconsFontTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging BoxIcons styles...', cleanUniqueClasses, ['bx', 'bxi', 'boxicons']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging BoxIcons styles...', cleanUniqueClasses, ['bx', 'bxi', 'boxicons']);
 
 	return (purgedClasses === '\n// BoxIcons styles\n') ? '' : purgedClasses;
 }
@@ -1690,7 +2013,7 @@ function purgeTablerIcons(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcTablerIconsFontTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging Tabler Icons styles...', cleanUniqueClasses, ['ti', 'tablericons', 'tabler']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging Tabler Icons styles...', cleanUniqueClasses, ['ti', 'tablericons', 'tabler']);
 
 	return (purgedClasses === '\n// Tabler Icons styles\n') ? '' : purgedClasses;
 }
@@ -1701,16 +2024,30 @@ function purgeBootstrapIcons(uniqueClasses, cleanUniqueClasses) {
 
 	let sourceTSS = fs.readFileSync(srcBootstrapIconsFontTSSFile, 'utf8').split(/\r?\n/);
 
-	purgedClasses += processFontIcons(sourceTSS, uniqueClasses, 'Purging Bootstrap Icons styles...', cleanUniqueClasses, ['bi', 'bootstrap']);
+	purgedClasses += purgeFontIcons(sourceTSS, uniqueClasses, 'Purging Bootstrap Icons styles...', cleanUniqueClasses, ['bi', 'bootstrap']);
 
 	return (purgedClasses === '\n// Bootstrap Icons styles\n') ? '' : purgedClasses;
 }
 
-function processFontIcons(sourceTSS, uniqueClasses, message, cleanUniqueClasses, fontFamily) {
+function purgeFontIcons(sourceTSS, uniqueClasses, message, cleanUniqueClasses, prefixes) {
 	let purgedClasses = '';
 	let soc = sourceTSS.toString();
 
-	if (cleanUniqueClasses.some(element => fontFamily.includes(element))) {
+	if (prefixes.length > 0) {
+		if (cleanUniqueClasses.some(element => prefixes.includes(element))) {
+			logger.info(message);
+			uniqueClasses.forEach(className => {
+				let cleanClassName = cleanClassNameFn(className);
+				if (soc.includes(`'.${cleanClassName}'`)) {
+					sourceTSS.forEach(line => {
+						if (line.startsWith(`'.${cleanClassName}'`)) {
+							purgedClasses += helpers.checkPlatformAndDevice(line, uniqueClasses[uniqueClasses.indexOf(className)]);
+						}
+					});
+				}
+			});
+		}
+	} else {
 		logger.info(message);
 		uniqueClasses.forEach(className => {
 			let cleanClassName = cleanClassNameFn(className);

package/lib/build-fontawesome-free-js.js

@@ -17,8 +17,8 @@ if (!fs.existsSync('./dist')) {
 		let rules = _.map(data.stylesheet.rules, rule => {
 			if (rule.type === 'rule' && rule.selectors[0].includes(':before')) {
 				return {
-					'selector': rule.selectors[0].replace(':before', '').replace('.', ''),
-					'property': rule.declarations[0].value.replace('\"\\', '').replace('\"', '')
+					'selector': rule.selectors[0].replace('::before', '').replace(':before', '').replace('.', ''),
+					'property': ('0000' + rule.declarations[0].value.replace('\"\\', '').replace('\"', '')).slice(-4)
 				};
 			}
 		});

package/lib/build-fontawesome-free-tss.js

@@ -32,8 +32,8 @@ function processCSS(data) {
 	let rules = _.map(data.stylesheet.rules, rule => {
 		if (rule.type === 'rule' && rule.selectors[0].includes(':before')) {
 			return {
-				'selector': rule.selectors[0].replace(':before', ''),
-				'property': rule.declarations[0].value.replace('\"\\', '').replace('\"', '')
+				'selector': rule.selectors[0].replace('::before', '').replace(':before', ''),
+				'property': ('0000' + rule.declarations[0].value.replace('\"\\', '').replace('\"', '')).slice(-4)
 			};
 		}
 	});

package/lib/build-fonts-folder.js

@@ -18,9 +18,9 @@ function callback(err) {
 		fs.mkdirSync(detinationFontsFolder)
 	}
 
-	fs.copyFile(sourceFontsFolder + '/fa-brands-400.ttf', detinationFontsFolder + '/FontAwesome5Brands-Regular.ttf', callback);
-	fs.copyFile(sourceFontsFolder + '/fa-regular-400.ttf', detinationFontsFolder + '/FontAwesome5Free-Regular.ttf', callback);
-	fs.copyFile(sourceFontsFolder + '/fa-solid-900.ttf', detinationFontsFolder + '/FontAwesome5Free-Solid.ttf', callback);
+	fs.copyFile(sourceFontsFolder + '/fa-brands-400.ttf', detinationFontsFolder + '/FontAwesome6Brands-Regular.ttf', callback);
+	fs.copyFile(sourceFontsFolder + '/fa-regular-400.ttf', detinationFontsFolder + '/FontAwesome6Free-Regular.ttf', callback);
+	fs.copyFile(sourceFontsFolder + '/fa-solid-900.ttf', detinationFontsFolder + '/FontAwesome6Free-Solid.ttf', callback);
 
 	console.log(`${purgeLabel} Font Awesome Free copied to './assets/fonts'`);