From 9b54272f8e748edfdb4f7a0af65c26b5f0850b5f Mon Sep 17 00:00:00 2001
From: Georges Indrianjafy <georges.indrianjafy@gmail.com>
Date: Sun, 4 Feb 2018 13:57:00 +0200
Subject: [PATCH] feat(code-editor): fetch title when pasting url

---
 browser/components/CodeEditor.js | 66 +++++++++++++++++++++++---------
 1 file changed, 48 insertions(+), 18 deletions(-)

diff --git a/browser/components/CodeEditor.js b/browser/components/CodeEditor.js
index 5d799935..2b6cfafc 100644
--- a/browser/components/CodeEditor.js
+++ b/browser/components/CodeEditor.js
@@ -226,26 +226,56 @@ 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
 
-    const blob = dataTransferItem.getAsFile()
-    const reader = new FileReader()
-    let base64data
+      reader.readAsDataURL(blob)
+      reader.onloadend = () => {
+        base64data = reader.result.replace(/^data:image\/png;base64,/, '')
+        base64data += base64data.replace('+', ' ')
+        const binaryData = new Buffer(base64data, 'base64').toString('binary')
+        const imageName = Math.random().toString(36).slice(-16)
+        const storagePath = findStorage(this.props.storageKey).path
+        const imageDir = path.join(storagePath, 'images')
+        if (!fs.existsSync(imageDir)) fs.mkdirSync(imageDir)
+        const imagePath = path.join(imageDir, `${imageName}.png`)
+        fs.writeFile(imagePath, binaryData, 'binary')
+        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)
 
-    reader.readAsDataURL(blob)
-    reader.onloadend = () => {
-      base64data = reader.result.replace(/^data:image\/png;base64,/, '')
-      base64data += base64data.replace('+', ' ')
-      const binaryData = new Buffer(base64data, 'base64').toString('binary')
-      const imageName = Math.random().toString(36).slice(-16)
-      const storagePath = findStorage(this.props.storageKey).path
-      const imageDir = path.join(storagePath, 'images')
-      if (!fs.existsSync(imageDir)) fs.mkdirSync(imageDir)
-      const imagePath = path.join(imageDir, `${imageName}.png`)
-      fs.writeFile(imagePath, binaryData, 'binary')
-      const imageMd = `![${imageName}](${path.join('/:storage', `${imageName}.png`)})`
-      this.insertImageMd(imageMd)
+      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)
+      })
     }
   }