nextcloud/core/src/utils/ClipboardFallback.ts
skjnldsv ed901604ab feat(core): offer clipboard fallback for non-secure environments
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
2024-11-08 14:01:33 +01:00

47 lines
1.2 KiB
TypeScript

/**
* SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
import { t } from '@nextcloud/l10n'
/**
*
* @param text
*/
function unsecuredCopyToClipboard(text) {
const textArea = document.createElement('textarea')
const textAreaContent = document.createTextNode(text)
textArea.appendChild(textAreaContent)
document.body.appendChild(textArea)
textArea.focus({ preventScroll: true })
textArea.select()
try {
// This is a fallback for browsers that do not support the Clipboard API
// execCommand is deprecated, but it is the only way to copy text to the clipboard in some browsers
document.execCommand('copy')
} catch (err) {
window.prompt(t('core', 'Clipboard not available, please copy manually'), text)
console.error('[ERROR] core: files Unable to copy to clipboard', err)
}
document.body.removeChild(textArea)
}
/**
*
*/
function initFallbackClipboardAPI() {
if (!window.navigator?.clipboard?.writeText) {
console.info('[INFO] core: Clipboard API not available, using fallback')
Object.defineProperty(window.navigator, 'clipboard', {
value: {
writeText: unsecuredCopyToClipboard,
},
writable: false,
})
}
}
export { initFallbackClipboardAPI }