Add check for clipboard permissions

This commit is contained in:
Juanjo Diaz 2022-10-16 12:10:44 +02:00 committed by rodion
parent 439be0740d
commit fce6da505b
2 changed files with 40 additions and 11 deletions

View File

@ -14,18 +14,47 @@ export default class Clipboard {
// ===== PRIVATE METHODS =====
_handleCopy(e) {
async _handleCopy(e) {
try {
if (navigator.permissions && navigator.permissions.query) {
const permission = await navigator.permissions.query({ name: "clipboard-write", allowWithoutGesture: false });
if (permission.state === 'denied') return;
}
} catch (err) {
// Some browsers might error due to lack of support, e.g. Firefox.
}
if (navigator.clipboard.writeText) {
navigator.clipboard.writeText(e.clipboardData.getData('text/plain')).catch(() => {/* Do nothing */});
try {
await navigator.clipboard.writeText(e.clipboardData.getData('text/plain'));
} catch (e) {
/* Do nothing */
}
}
}
_handlePaste(e) {
if (navigator.clipboard.readText) {
navigator.clipboard.readText().then(this.onpaste).catch(() => {/* Do nothing */});
} else if (e.clipboardData) {
this.onpaste(e.clipboardData.getData('text/plain'));
async _handlePaste(e) {
try {
if (navigator.permissions && navigator.permissions.query) {
const permission = await navigator.permissions.query({ name: "clipboard-read", allowWithoutGesture: false });
if (permission.state === 'denied') return;
}
} catch (err) {
// Some browsers might error due to lack of support, e.g. Firefox.
}
let data;
if (navigator.clipboard.readText) {
try {
data = await navigator.clipboard.readText();
} catch (e) {
/* Do nothing */
return;
}
} else if (e.clipboardData) {
data = e.clipboardData.getData('text/plain');
}
this.onpaste(data);
}
// ===== PUBLIC METHODS =====

View File

@ -25,7 +25,7 @@ describe('Automatic Clipboard Sync', function () {
});
}
it('incoming clipboard data from the server is copied to the local clipboard', function () {
it('incoming clipboard data from the server is copied to the local clipboard', async function () {
const text = 'Random string for testing';
const clipboard = new Clipboard();
if (Clipboard.isSupported) {
@ -36,14 +36,14 @@ describe('Automatic Clipboard Sync', function () {
if (!clipboardEvent.clipboardData.items.length) {
clipboardEvent.clipboardData.items.add(text, "text/plain");
}
clipboard._handleCopy(clipboardEvent);
await clipboard._handleCopy(clipboardEvent);
if (navigator.clipboard.writeText) {
expect(navigator.clipboard.writeText).to.have.been.calledWith(text);
}
}
});
it('should copy local pasted data to the server clipboard', function () {
it('should copy local pasted data to the server clipboard', async function () {
const text = 'Another random string for testing';
const clipboard = new Clipboard();
clipboard.onpaste = pasterText => expect(pasterText).to.equal(text);
@ -55,7 +55,7 @@ describe('Automatic Clipboard Sync', function () {
if (!clipboardEvent.clipboardData.items.length) {
clipboardEvent.clipboardData.items.add(text, "text/plain");
}
clipboard._handlePaste(clipboardEvent);
await clipboard._handlePaste(clipboardEvent);
if (navigator.clipboard.readText) {
expect(navigator.clipboard.readText).to.have.been.called;
}