Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
94 lines
2.7 KiB
JavaScript
94 lines
2.7 KiB
JavaScript
import Blob from '../file/Blob.js';
|
|
/**
|
|
* Clipboard API.
|
|
*
|
|
* Reference:
|
|
* https://developer.mozilla.org/en-US/docs/Web/API/Clipboard.
|
|
*/
|
|
export default class Clipboard {
|
|
#window;
|
|
#data = [];
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @param window Owner window.
|
|
*/
|
|
constructor(window) {
|
|
if (!window) {
|
|
throw new TypeError('Illegal constructor');
|
|
}
|
|
this.#window = window;
|
|
}
|
|
/**
|
|
* Returns data.
|
|
*
|
|
* @returns Data.
|
|
*/
|
|
async read() {
|
|
const permissionStatus = await this.#window.navigator.permissions.query({
|
|
name: 'clipboard-read'
|
|
});
|
|
if (permissionStatus.state === 'denied') {
|
|
throw new this.#window.DOMException(`Failed to execute 'read' on 'Clipboard': The request is not allowed`);
|
|
}
|
|
return this.#data;
|
|
}
|
|
/**
|
|
* Returns text.
|
|
*
|
|
* @returns Text.
|
|
*/
|
|
async readText() {
|
|
const permissionStatus = await this.#window.navigator.permissions.query({
|
|
name: 'clipboard-read'
|
|
});
|
|
if (permissionStatus.state === 'denied') {
|
|
throw new this.#window.DOMException(`Failed to execute 'readText' on 'Clipboard': The request is not allowed`);
|
|
}
|
|
let text = '';
|
|
for (const item of this.#data) {
|
|
if (item.types.includes('text/plain')) {
|
|
const data = await item.getType('text/plain');
|
|
if (typeof data === 'string') {
|
|
text += data;
|
|
}
|
|
else {
|
|
// Instance of Blob
|
|
text += await data.text();
|
|
}
|
|
}
|
|
}
|
|
return text;
|
|
}
|
|
/**
|
|
* Writes data.
|
|
*
|
|
* @param data Data.
|
|
*/
|
|
async write(data) {
|
|
const permissionStatus = await this.#window.navigator.permissions.query({
|
|
name: 'clipboard-write'
|
|
});
|
|
if (permissionStatus.state === 'denied') {
|
|
throw new this.#window.DOMException(`Failed to execute 'write' on 'Clipboard': The request is not allowed`);
|
|
}
|
|
this.#data = data;
|
|
}
|
|
/**
|
|
* Writes text.
|
|
*
|
|
* @param text Text.
|
|
*/
|
|
async writeText(text) {
|
|
const permissionStatus = await this.#window.navigator.permissions.query({
|
|
name: 'clipboard-write'
|
|
});
|
|
if (permissionStatus.state === 'denied') {
|
|
throw new this.#window.DOMException(`Failed to execute 'writeText' on 'Clipboard': The request is not allowed`);
|
|
}
|
|
this.#data = [
|
|
new this.#window.ClipboardItem({ 'text/plain': new Blob([text], { type: 'text/plain' }) })
|
|
];
|
|
}
|
|
}
|
|
//# sourceMappingURL=Clipboard.js.map
|