feat: lint codebase and run precommit hook
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
type Options = {
|
||||
/** The time before the copied status is reset. */
|
||||
delay: number;
|
||||
/** The time before the copied status is reset. */
|
||||
delay: number;
|
||||
};
|
||||
|
||||
/** Use this hook to copy text to the clipboard and show a copied state.
|
||||
@@ -26,58 +26,58 @@ type Options = {
|
||||
*
|
||||
*/
|
||||
export class UseClipboard {
|
||||
#copiedStatus = $state<'success' | 'failure'>();
|
||||
private delay: number;
|
||||
private timeout: ReturnType<typeof setTimeout> | undefined = undefined;
|
||||
#copiedStatus = $state<'success' | 'failure'>();
|
||||
private delay: number;
|
||||
private timeout: ReturnType<typeof setTimeout> | undefined = undefined;
|
||||
|
||||
constructor({ delay = 500 }: Partial<Options> = {}) {
|
||||
this.delay = delay;
|
||||
}
|
||||
constructor({ delay = 500 }: Partial<Options> = {}) {
|
||||
this.delay = delay;
|
||||
}
|
||||
|
||||
/** Copies the given text to the users clipboard.
|
||||
*
|
||||
* ## Usage
|
||||
* ```ts
|
||||
* clipboard.copy('Hello, World!');
|
||||
* ```
|
||||
*
|
||||
* @param text
|
||||
* @returns
|
||||
*/
|
||||
async copy(text: string) {
|
||||
if (this.timeout) {
|
||||
this.#copiedStatus = undefined;
|
||||
clearTimeout(this.timeout);
|
||||
}
|
||||
/** Copies the given text to the users clipboard.
|
||||
*
|
||||
* ## Usage
|
||||
* ```ts
|
||||
* clipboard.copy('Hello, World!');
|
||||
* ```
|
||||
*
|
||||
* @param text
|
||||
* @returns
|
||||
*/
|
||||
async copy(text: string) {
|
||||
if (this.timeout) {
|
||||
this.#copiedStatus = undefined;
|
||||
clearTimeout(this.timeout);
|
||||
}
|
||||
|
||||
try {
|
||||
await navigator.clipboard.writeText(text);
|
||||
try {
|
||||
await navigator.clipboard.writeText(text);
|
||||
|
||||
this.#copiedStatus = 'success';
|
||||
this.#copiedStatus = 'success';
|
||||
|
||||
this.timeout = setTimeout(() => {
|
||||
this.#copiedStatus = undefined;
|
||||
}, this.delay);
|
||||
} catch {
|
||||
// an error can occur when not in the browser or if the user hasn't given clipboard access
|
||||
this.#copiedStatus = 'failure';
|
||||
this.timeout = setTimeout(() => {
|
||||
this.#copiedStatus = undefined;
|
||||
}, this.delay);
|
||||
} catch {
|
||||
// an error can occur when not in the browser or if the user hasn't given clipboard access
|
||||
this.#copiedStatus = 'failure';
|
||||
|
||||
this.timeout = setTimeout(() => {
|
||||
this.#copiedStatus = undefined;
|
||||
}, this.delay);
|
||||
}
|
||||
this.timeout = setTimeout(() => {
|
||||
this.#copiedStatus = undefined;
|
||||
}, this.delay);
|
||||
}
|
||||
|
||||
return this.#copiedStatus;
|
||||
}
|
||||
return this.#copiedStatus;
|
||||
}
|
||||
|
||||
/** true when the user has just copied to the clipboard. */
|
||||
get copied() {
|
||||
return this.#copiedStatus === 'success';
|
||||
}
|
||||
/** true when the user has just copied to the clipboard. */
|
||||
get copied() {
|
||||
return this.#copiedStatus === 'success';
|
||||
}
|
||||
|
||||
/** Indicates whether a copy has occurred
|
||||
* and gives a status of either `success` or `failure`. */
|
||||
get status() {
|
||||
return this.#copiedStatus;
|
||||
}
|
||||
/** Indicates whether a copy has occurred
|
||||
* and gives a status of either `success` or `failure`. */
|
||||
get status() {
|
||||
return this.#copiedStatus;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user