use custom rehypeExternalLinks plugin

Author: Artyom Podymov

package.json

@@ -79,7 +79,6 @@
       "unified": "<rootDir>/redisinsight/__mocks__/unified.js",
       "remark-parse": "<rootDir>/redisinsight/__mocks__/remarkParse.js",
       "remark-rehype": "<rootDir>/redisinsight/__mocks__/remarkRehype.js",
-      "rehype-external-links": "<rootDir>/redisinsight/__mocks__/rehypeExternalLinks.js",
       "rehype-stringify": "<rootDir>/redisinsight/__mocks__/rehypeStringify.js",
       "unist-util-visit": "<rootDir>/redisinsight/__mocks__/unistUtilsVisit.js"
     },
@@ -252,7 +251,6 @@
     "react-virtualized": "^9.22.2",
     "remark-parse": "^10.0.1",
     "remark-rehype": "^10.0.1",
-    "rehype-external-links": "^1.0.0",
     "rehype-stringify": "^9.0.2",
     "unified": "^10.1.1",
     "unist-util-visit": "^4.1.0"

redisinsight/__mocks__/rehypeExternalLinks.js

@@ -1,9 +1,9 @@
 import { unified } from 'unified'
 import remarkParse from 'remark-parse'
 import remarkRehype from 'remark-rehype'
-import rehypeExternalLinks from 'rehype-external-links'
 import rehypeStringify from 'rehype-stringify'
 import { visit } from 'unist-util-visit'
+import { IS_ABSOLUTE_PATH } from 'uiSrc/constants/regex'
 
 import { IFormatter } from './formatter.interfaces'
 
@@ -14,7 +14,7 @@ class MarkdownToJsxString implements IFormatter {
         .use(remarkParse)
         .use(MarkdownToJsxString.remarkRedisCode)
         .use(remarkRehype, { allowDangerousHtml: true }) // Pass raw HTML strings through.
-        .use(rehypeExternalLinks, { target: '_blank', rel: ['nofollow'] }) // Set External links
+        .use(MarkdownToJsxString.rehypeExternalLinks) // Set External links
         .use(rehypeStringify, { allowDangerousHtml: true }) // Serialize the raw HTML strings
         .process(data)
         .then((file) => {
@@ -38,6 +38,20 @@ class MarkdownToJsxString implements IFormatter {
       })
     }
   }
+
+  private static rehypeExternalLinks(): (tree: Node) => void {
+    return (tree: any) => {
+      visit(tree, 'element', (node) => {
+        if (node.tagName === 'a' && node.properties && typeof node.properties.href === 'string') {
+          const url = node.properties.href
+          if (IS_ABSOLUTE_PATH.test(url)) {
+            node.properties.rel = ['nofollow', 'noopener', 'noreferrer']
+            node.properties.target = '_blank'
+          }
+        }
+      })
+    }
+  }
 }
 
 export default MarkdownToJsxString

redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/utils/formatter/MarkdownToJsxString.ts

@@ -7957,11 +7957,6 @@ is-absolute-url@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
   integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
 
-is-absolute-url@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-4.0.1.tgz#16e4d487d4fded05cfe0685e53ec86804a5e94dc"
-  integrity sha512-/51/TKE88Lmm7Gc4/8btclNXWS+g50wXhYJq8HWIBAGUBnoAdRu1aXeh364t/O7wXDAcTJDP8PNuNKWUDWie+A==
-
 is-accessor-descriptor@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
@@ -12337,18 +12332,6 @@ regjsparser@^0.6.4:
   dependencies:
     jsesc "~0.5.0"
 
-rehype-external-links@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rehype-external-links/-/rehype-external-links-1.0.0.tgz#f8ade4e91c20123a3ce71b7d6cf80e2c2920eb9d"
-  integrity sha512-IHXDsz2ZSseOc2TYNqH9zWOfCeb0UAwdwMuGvQCvoxMyUNU7IC1KZ94zllAqaV1O1rnXPt8nLQWtyMNPZ0HEkw==
-  dependencies:
-    "@types/hast" "^2.0.0"
-    extend "^3.0.0"
-    is-absolute-url "^4.0.0"
-    space-separated-tokens "^2.0.0"
-    unified "^10.0.0"
-    unist-util-visit "^4.0.0"
-
 rehype-raw@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/rehype-raw/-/rehype-raw-5.1.0.tgz#66d5e8d7188ada2d31bc137bc19a1000cf2c6b7e"