mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-23 06:50:17 +03:00
98 lines
3.3 KiB
TypeScript
98 lines
3.3 KiB
TypeScript
/*
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
/**
|
|
* 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";
|
|
import GraphemeSplitter from "graphemer";
|
|
|
|
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();
|
|
}
|
|
|
|
/**
|
|
* 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 splitter = new GraphemeSplitter();
|
|
const result = splitter.iterateGraphemes(str).next();
|
|
return result.done ? "" : result.value;
|
|
}
|