housekeeping: remarkable (#6073)

Refs: #6050

Author: tim-lai

package-lock.json

@@ -78,7 +78,7 @@
     "react-redux": "^4.x.x",
     "redux": "^3.x.x",
     "redux-immutable": "3.1.0",
-    "remarkable": "^1.7.4",
+    "remarkable": "^2.0.1",
     "reselect": "^4.0.0",
     "serialize-error": "^2.1.0",
     "sha.js": "^2.4.11",

package.json

@@ -1,6 +1,7 @@
 import React from "react"
 import PropTypes from "prop-types"
-import Remarkable from "remarkable"
+import { Remarkable } from "remarkable"
+import { linkify } from "remarkable/linkify"
 import DomPurify from "dompurify"
 import cx from "classnames"
 
@@ -16,35 +17,34 @@ DomPurify.addHook("beforeSanitizeElements", function (current, ) {
 })
 
 function Markdown({ source, className = "" }) {
-    if (typeof source !== "string") {
-      return null
-    }
-
-    const md = new Remarkable({
-        html: true,
-        typographer: true,
-        breaks: true,
-        linkify: true,
-        linkTarget: "_blank"
-    })
-    
-    md.core.ruler.disable(["replacements", "smartquotes"])
-
-    const html = md.render(source)
-    const sanitized = sanitizer(html)
-
-    if ( !source || !html || !sanitized ) {
-        return null
-    }
-
-    return (
-        <div className={cx(className, "markdown")} dangerouslySetInnerHTML={{ __html: sanitized }}></div>
-    )
+  if (typeof source !== "string") {
+    return null
+  }
+
+  const md = new Remarkable({
+    html: true,
+    typographer: true,
+    breaks: true,
+    linkTarget: "_blank"
+  }).use(linkify)
+
+  md.core.ruler.disable(["replacements", "smartquotes"])
+
+  const html = md.render(source)
+  const sanitized = sanitizer(html)
+
+  if (!source || !html || !sanitized) {
+    return null
+  }
+
+  return (
+    <div className={cx(className, "markdown")} dangerouslySetInnerHTML={{ __html: sanitized }}></div>
+  )
 }
 
 Markdown.propTypes = {
-    source: PropTypes.string.isRequired,
-    className: PropTypes.string
+  source: PropTypes.string.isRequired,
+  className: PropTypes.string
 }
 
 export default Markdown

src/core/components/providers/markdown.jsx

@@ -1,7 +1,7 @@
 import React from "react"
 import PropTypes from "prop-types"
 import cx from "classnames"
-import Remarkable from "remarkable"
+import { Remarkable } from "remarkable"
 import { OAS3ComponentWrapFactory } from "../helpers"
 import { sanitizer } from "core/components/providers/markdown"