interweave/src/StyleFilter.ts

React library to safely render HTML, filter attributes, autowrap text, autolink, and much more.

import { Filter } from './Filter';
import { ElementAttributes } from './types';

const INVALID_STYLES = /(url|image|image-set)\(/i;

export class StyleFilter extends Filter {
	override attribute<K extends keyof ElementAttributes>(
		name: K,
		value: ElementAttributes[K],
	): ElementAttributes[K] {
		if (name === 'style') {
			Object.keys(value).forEach((key) => {
				if (String(value[key]).match(INVALID_STYLES)) {
					// eslint-disable-next-line no-param-reassign
					delete value[key];
				}
			});
		}

		// eslint-disable-next-line @typescript-eslint/no-unsafe-return
		return value;
	}
}