XKit extension for developers to insert unmapped css class names all over the react dash. Credit: beccasafan

becca_css_map.js

//* TITLE becca_css_map **//
//* VERSION 1.0.0 **//
//* DESCRIPTION	**//
//* DEVELOPER beccasafan, mostly **//
//* FRAME false **//
//* BETA false **//

XKit.extensions.becca_css_map = new Object({

	running: false,

	run: async function() {
		this.running = true;

		if (!XKit.page.react) { return; };

		await XKit.css_map.getCssMap().then((map) => {
			var keys = Object.keys(map);
			var elements = document.getElementsByTagName("*");
			for (var i = 0; i < elements.length; i++) {
				var element = elements[i];
		
				var classes = element.classList;
		
				for (var j = 0; j < classes.length; j++) {
					var className = classes[j];
					var newClassName = keys.filter(key => map[key].indexOf(className) >= 0);
					newClassName.forEach(c => classes.add(`tumblr--${c}`));
				}
			}
		});
	},

	destroy: function() {
		this.running = false;
	}

});