snapdrop

A Progressive Web App for local file sharing
git clone http://git.hanabi.in/repos/snapdrop.git
Log | Files | Refs | README | LICENSE

commit a838062564fb87d0c6300597d6d8f75d1187787c
parent 662a2e48dec193a73c4a2c557fee4351b83b7e9c
Author: CJ <sonicblis@users.noreply.github.com>
Date:   Tue,  3 Mar 2020 09:16:08 -0500

Merge pull request #1 from sonicblis/paste-clipboard-image

Paste image content from the clipboard
Diffstat:
Mclient/scripts/ui.js | 23++++++++++++++++++++---
1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/client/scripts/ui.js b/client/scripts/ui.js @@ -11,7 +11,8 @@ class PeersUI { Events.on('peer-joined', e => this._onPeerJoined(e.detail)); Events.on('peer-left', e => this._onPeerLeft(e.detail)); Events.on('peers', e => this._onPeers(e.detail)); - Events.on('file-progress', e => this._onFileProgress(e.detail)); + Events.on('file-progress', e => this._onFileProgress(e.detail)); + window.addEventListener('paste', e => this._onPaste(e)); } _onPeerJoined(peer) { @@ -40,6 +41,23 @@ class PeersUI { _clearPeers() { const $peers = $$('x-peers').innerHTML = ''; + } + + _onPaste(e) { + const files = e.clipboardData.items + .filter(i => i.type.indexOf('image') > -1) + .map(i => i.getAsFile()); + + // send the pasted image content to the only peer if there is one + // otherwise, select the peer somehow by notifying the client that + // "image data has been pasted, click the client to which to send it" + // not implemented + if (files.length > 0 && $$('x-peer').length === 1) { + Events.fire('files-selected', { + files: files, + to: $$('x-peer').id + }); + } } } @@ -613,4 +631,4 @@ document.body.onclick = e => { // safari hack to fix audio document.body.onclick = null; if (!(/.*Version.*Safari.*/.test(navigator.userAgent))) return; blop.play(); -} -\ No newline at end of file +}