121 lines
3.6 KiB
JavaScript
121 lines
3.6 KiB
JavaScript
|
/* global Metamaps, $ */
|
||
|
|
||
|
/*
|
||
|
* Metamaps.PasteInput.js.erb
|
||
|
*
|
||
|
* Dependencies:
|
||
|
* - Metamaps.Import
|
||
|
* - Metamaps.AutoLayout
|
||
|
*/
|
||
|
|
||
|
Metamaps.PasteInput = {
|
||
|
init: function () {
|
||
|
var self = Metamaps.PasteInput
|
||
|
|
||
|
// intercept dragged files
|
||
|
// see http://stackoverflow.com/questions/6756583
|
||
|
window.addEventListener("dragover", function(e){
|
||
|
e = e || event;
|
||
|
e.preventDefault();
|
||
|
}, false);
|
||
|
window.addEventListener("drop", function(e){
|
||
|
e = e || event;
|
||
|
e.preventDefault();
|
||
|
var coords = Metamaps.Util.pixelsToCoords({ x: e.clientX, y: e.clientY })
|
||
|
if (e.dataTransfer.files.length > 0) {
|
||
|
var fileReader = new FileReader()
|
||
|
var text = fileReader.readAsText(e.dataTransfer.files[0])
|
||
|
fileReader.onload = function(e) {
|
||
|
var text = e.currentTarget.result
|
||
|
if (text.substring(0,5) === '<?xml') {
|
||
|
// assume this is a macOS .webloc link
|
||
|
text = text.replace(/[\s\S]*<string>(.*)<\/string>[\s\S]*/m, '$1')
|
||
|
}
|
||
|
self.handle(text, coords)
|
||
|
}
|
||
|
}
|
||
|
}, false);
|
||
|
|
||
|
// allow pasting onto canvas (but don't break existing inputs/textareas)
|
||
|
$('body').bind('paste', function (e) {
|
||
|
if (e.target.tagName === 'INPUT') return
|
||
|
if (e.target.tagName === 'TEXTAREA') return
|
||
|
|
||
|
var text = e.originalEvent.clipboardData.getData('text/plain').trim()
|
||
|
self.handle(text)
|
||
|
})
|
||
|
},
|
||
|
|
||
|
handle: function(text, coords) {
|
||
|
var self = Metamaps.PasteInput
|
||
|
// thanks to https://github.com/kevva/url-regex
|
||
|
const URL_REGEX = new RegExp('^(?:(?:(?:[a-z]+:)?//)|www\.)(?:\S+(?::\S*)?@)?(?:localhost|(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])(?:\.(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])){3}|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,}))\.?)(?::\d{2,5})?(?:[/?#][^\s"]*)?$')
|
||
|
|
||
|
if (text.match(URL_REGEX)) {
|
||
|
self.handleURL(text, coords)
|
||
|
} else if (text[0] === '{') {
|
||
|
self.handleJSON(text)
|
||
|
} else if (text.match(/\t/)) {
|
||
|
self.handleTSV(text)
|
||
|
} else {
|
||
|
// fail silently
|
||
|
}
|
||
|
},
|
||
|
|
||
|
handleURL: function (text, coords) {
|
||
|
var title = 'Link'
|
||
|
if (!coords || !coords.x || !coords.y) {
|
||
|
coords = Metamaps.AutoLayout.getNextCoord()
|
||
|
}
|
||
|
|
||
|
var import_id = null // don't store a cidMapping
|
||
|
var permission = null // use default
|
||
|
|
||
|
// try {
|
||
|
// // fetch title in 150ms or less
|
||
|
// Promise.race([
|
||
|
// new Promise(function(resolve, reject) {
|
||
|
// fetch(text).then(function(response) {
|
||
|
// return response.text()
|
||
|
// }).then(function(html) {
|
||
|
// title = html.replace(/[\s\S]*<title>(.*)<\/title>[\s\S]*/m, '$1')
|
||
|
// resolve()
|
||
|
// })
|
||
|
// }), new Promise(function(resolve, reject) {
|
||
|
// window.setTimeout(function() {
|
||
|
// resolve()
|
||
|
// }, 150)
|
||
|
// })
|
||
|
// ]).then(function() {
|
||
|
// finish()
|
||
|
// }).catch(function(error) {
|
||
|
// throw error
|
||
|
// })
|
||
|
// } catch (err) {
|
||
|
// console.warn("Your browser can't fetch the title") // TODO move to webpack to avoid this error
|
||
|
// }
|
||
|
finish()
|
||
|
|
||
|
function finish() {
|
||
|
Metamaps.Import.createTopicWithParameters(
|
||
|
title,
|
||
|
'Reference', // metacode - todo fix
|
||
|
permission,
|
||
|
text, // desc - todo load from url?
|
||
|
text, // link - todo fix because this isn't being POSTed
|
||
|
coords.x,
|
||
|
coords.y,
|
||
|
import_id
|
||
|
)
|
||
|
}
|
||
|
},
|
||
|
|
||
|
handleJSON: function (text) {
|
||
|
Metamaps.Import.handleJSON(text)
|
||
|
},
|
||
|
|
||
|
handleTSV: function (text) {
|
||
|
Metamaps.Import.handleTSV(text)
|
||
|
}
|
||
|
}
|