feat(code-editor): fetch title when pasting url

browser/components/CodeEditor.js

@@ -226,9 +226,14 @@ export default class CodeEditor extends React.Component {
   }
 
   handlePaste (editor, e) {
-    const dataTransferItem = e.clipboardData.items[0]
-    if (!dataTransferItem.type.match('image')) return
-
+    const clipboardData = e.clipboardData
+    const dataTransferItem = clipboardData.items[0]
+    const pasteTxt = clipboardData.getData('text')
+    const isURL = (str) => {
+      const matcher = /^(?:\w+:)?\/\/([^\s\.]+\.\S{2}|localhost[\:?\d]*)\S*$/
+      return matcher.test(str)
+    }
+    if (dataTransferItem.type.match('image')) {
       const blob = dataTransferItem.getAsFile()
       const reader = new FileReader()
       let base64data
@@ -247,6 +252,31 @@ export default class CodeEditor extends React.Component {
         const imageMd = `![${imageName}](${path.join('/:storage', `${imageName}.png`)})`
         this.insertImageMd(imageMd)
       }
+    } else if (this.props.fetchUrlTitle && isURL(pasteTxt)) {
+      e.preventDefault()
+      const taggedUrl = '[' + pasteTxt + ']'
+      editor.replaceSelection(taggedUrl)
+
+      fetch(pasteTxt, {
+        method: 'get'
+      }).then((response) => {
+        return (response.text())
+      }).then((response) => {
+        const parsedResponse = (new window.DOMParser()).parseFromString(response, 'text/html')
+        const value = editor.getValue()
+        const cursor = editor.getCursor()
+        const LinkWithTitle = `[${parsedResponse.title}](${pasteTxt})`
+        const newValue = value.replace(taggedUrl, LinkWithTitle)
+        editor.setValue(newValue)
+        editor.setCursor(cursor)
+      }).catch((e) => {
+        const value = editor.getValue()
+        const newValue = value.replace(taggedUrl, pasteTxt)
+        const cursor = editor.getCursor()
+        editor.setValue(newValue)
+        editor.setCursor(cursor)
+      })
+    }
   }
 
   render () {