diff --git a/packages/pl-api/.oxlintrc.json b/packages/pl-api/.oxlintrc.json index 478574a87..92d30f12c 100644 --- a/packages/pl-api/.oxlintrc.json +++ b/packages/pl-api/.oxlintrc.json @@ -22,7 +22,8 @@ "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" } - ] + ], + "no-shadow": "off" }, "settings": { "jsx-a11y": { diff --git a/packages/pl-fe/.oxlintrc.json b/packages/pl-fe/.oxlintrc.json index 653ddbe26..137676f89 100644 --- a/packages/pl-fe/.oxlintrc.json +++ b/packages/pl-fe/.oxlintrc.json @@ -43,6 +43,7 @@ "no-unsafe-type-assertion": "warn", "require-array-sort-compare": "off", "unbound-method": "warn", + "no-shadow": "off", "formatjs/enforce-default-message": "error", "formatjs/enforce-id": "error", diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx index d66150dbd..cb7cbaf7d 100644 --- a/packages/pl-fe/src/components/parsed-content.tsx +++ b/packages/pl-fe/src/components/parsed-content.tsx @@ -6,7 +6,7 @@ import parse, { domToReact, type DOMNode, } from 'html-react-parser'; -import DOMPurify from 'isomorphic-dompurify'; +import { sanitize } from 'isomorphic-dompurify'; import groupBy from 'lodash/groupBy'; import minBy from 'lodash/minBy'; import React from 'react'; @@ -353,7 +353,7 @@ function parseContent( }; let content = parse( - DOMPurify.sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }), + sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }), options, ); diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx index df8fc9282..9203a82e7 100644 --- a/packages/pl-fe/src/components/preview-card.tsx +++ b/packages/pl-fe/src/components/preview-card.tsx @@ -1,6 +1,6 @@ import { Link } from '@tanstack/react-router'; import clsx from 'clsx'; -import DOMPurify from 'isomorphic-dompurify'; +import { sanitize } from 'isomorphic-dompurify'; import { type MediaAttachment, type PreviewCard as CardEntity, @@ -65,7 +65,7 @@ interface IPreviewCardVideo { const PreviewCardVideo: React.FC = React.memo( React.forwardRef(({ card }, ref) => { - const html = DOMPurify.sanitize(handleIframeUrl(card.html, card.url, card.provider_name), { + const html = sanitize(handleIframeUrl(card.html, card.url, card.provider_name), { ADD_TAGS: ['iframe'], ADD_ATTR: ['allow', 'allowfullscreen', 'referrerpolicy'], });