491f0cd08a
* Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
/**
|
|
* Copy plaintext to user's clipboard
|
|
* It will overwrite user's selection range
|
|
* In certain browsers it may only work if triggered by a user action or may ask user for permissions
|
|
* Tries to use new async clipboard API if available
|
|
* @param text the plaintext to put in the user's clipboard
|
|
*/
|
|
import { logger } from "matrix-js-sdk/src/logger";
|
|
|
|
export async function copyPlaintext(text: string): Promise<boolean> {
|
|
try {
|
|
if (navigator?.clipboard?.writeText) {
|
|
await navigator.clipboard.writeText(text);
|
|
return true;
|
|
} else {
|
|
const textArea = document.createElement("textarea");
|
|
textArea.value = text;
|
|
|
|
// Avoid scrolling to bottom
|
|
textArea.style.top = "0";
|
|
textArea.style.left = "0";
|
|
textArea.style.position = "fixed";
|
|
|
|
document.body.appendChild(textArea);
|
|
const selection = document.getSelection()!;
|
|
const range = document.createRange();
|
|
// range.selectNodeContents(textArea);
|
|
range.selectNode(textArea);
|
|
selection.removeAllRanges();
|
|
selection.addRange(range);
|
|
|
|
const successful = document.execCommand("copy");
|
|
selection.removeAllRanges();
|
|
document.body.removeChild(textArea);
|
|
return successful;
|
|
}
|
|
} catch (e) {
|
|
logger.error("copyPlaintext failed", e);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
export function selectText(target: Element): void {
|
|
const range = document.createRange();
|
|
range.selectNodeContents(target);
|
|
|
|
const selection = window.getSelection()!;
|
|
selection.removeAllRanges();
|
|
selection.addRange(range);
|
|
}
|
|
|
|
/**
|
|
* Copy rich text to user's clipboard
|
|
* It will overwrite user's selection range
|
|
* In certain browsers it may only work if triggered by a user action or may ask user for permissions
|
|
* @param ref pointer to the node to copy
|
|
*/
|
|
export function copyNode(ref?: Element | null): boolean {
|
|
if (!ref) return false;
|
|
selectText(ref);
|
|
return document.execCommand("copy");
|
|
}
|
|
|
|
/**
|
|
* Returns text which has been selected by the user
|
|
* @returns the selected text
|
|
*/
|
|
export function getSelectedText(): string {
|
|
return window.getSelection()!.toString();
|
|
}
|
|
|
|
export const graphemeSegmenter = new Intl.Segmenter();
|
|
|
|
/**
|
|
* Returns the first grapheme in the given string,
|
|
* especially useful for strings containing emoji, will not break compound emoji up.
|
|
* @param str string to parse
|
|
* @returns the first grapheme or an empty string if given an empty string
|
|
*/
|
|
export function getFirstGrapheme(str: string): string {
|
|
const result = graphemeSegmenter.segment(str)[Symbol.iterator]().next();
|
|
return result.done ? "" : result.value.segment;
|
|
}
|