chore: add forcedSanitizeWhiteList

Author: St1ggy

src/transform/constants.ts

@@ -0,0 +1,3 @@
+import {CssWhiteList} from './typings';
+
+export const forcedSanitizeWhiteList: CssWhiteList = {};

src/transform/plugins/imsize/plugin.ts

@@ -2,6 +2,8 @@ import type MarkdownIt from 'markdown-it';
 import type ParserInline from 'markdown-it/lib/parser_inline';
 import type Token from 'markdown-it/lib/token';
 
+import {forcedSanitizeWhiteList} from '../../constants';
+
 import {ImsizeAttr} from './const';
 import {parseImageSize} from './helpers';
 
@@ -225,6 +227,7 @@ export const imageWithSize = (md: MarkdownIt, opts?: ImsizeOptions): ParserInlin
                 if (height !== '') {
                     if (width !== '' && !heightWithPercent && !widthWithPercent) {
                         style += `aspect-ratio: ${width} / ${height};height: auto;`;
+                        forcedSanitizeWhiteList['aspect-ratio'] = true;
                     } else {
                         const heightString = heightWithPercent ? height : `${height}px`;
                         style += `height: ${heightString};`;

src/transform/sanitize.ts

@@ -4,6 +4,9 @@ import cssfilter from 'cssfilter';
 import * as cheerio from 'cheerio';
 import css from 'css';
 
+import {forcedSanitizeWhiteList} from './constants';
+import {CssWhiteList} from './typings';
+
 const htmlTags = [
     'a',
     'abbr',
@@ -492,8 +495,6 @@ const allowedTags = Array.from(
 );
 const allowedAttributes = Array.from(new Set([...htmlAttrs, ...svgAttrs, ...yfmHtmlAttrs]));
 
-export type CssWhiteList = {[property: string]: boolean};
-
 export interface SanitizeOptions extends sanitizeHtml.IOptions {
     cssWhiteList?: CssWhiteList;
     disableStyleSanitizer?: boolean;
@@ -584,7 +585,7 @@ function sanitizeStyleAttrs(dom: cheerio.CheerioAPI, cssWhiteList: CssWhiteList)
 }
 
 function sanitizeStyles(html: string, options: SanitizeOptions) {
-    const cssWhiteList = options.cssWhiteList || {};
+    const cssWhiteList = {...forcedSanitizeWhiteList, ...(options.cssWhiteList || {})};
 
     const $ = cheerio.load(html);
 

src/transform/typings.ts

@@ -98,3 +98,5 @@ export type MarkdownItPluginCb<T extends {} = {}> = {
 export type MarkdownItPreprocessorCb<T extends unknown = {}> = {
     (input: string, opts: T & Partial<MarkdownItPluginOpts>, md?: MarkdownIt): string;
 };
+
+export type CssWhiteList = {[property: string]: boolean};