- 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
115 lines
4.7 KiB
JavaScript
115 lines
4.7 KiB
JavaScript
import URL from '../url/URL.js';
|
|
import Fetch from './Fetch.js';
|
|
import SyncFetch from './SyncFetch.js';
|
|
import WindowBrowserContext from '../window/WindowBrowserContext.js';
|
|
import PreloadUtility from './preload/PreloadUtility.js';
|
|
import * as PropertySymbol from '../PropertySymbol.js';
|
|
/**
|
|
* Helper class for performing fetch of resources.
|
|
*/
|
|
export default class ResourceFetch {
|
|
window;
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @param window Window.
|
|
*/
|
|
constructor(window) {
|
|
this.window = window;
|
|
}
|
|
/**
|
|
* Returns resource data asynchronously.
|
|
*
|
|
* @param url URL.
|
|
* @param destination Destination.
|
|
* @param [options]
|
|
* @param [options.credentials] Credentials.
|
|
* @param options.referrerPolicy
|
|
* @returns Response.
|
|
*/
|
|
async fetch(url, destination, options) {
|
|
const browserFrame = new WindowBrowserContext(this.window).getBrowserFrame();
|
|
// Preloaded resource
|
|
if (destination === 'script' || destination === 'style') {
|
|
const preloadKey = PreloadUtility.getKey({
|
|
url: String(url),
|
|
destination,
|
|
mode: 'cors',
|
|
credentialsMode: options.credentials || 'same-origin'
|
|
});
|
|
const preloadEntry = this.window.document[PropertySymbol.preloads].get(preloadKey);
|
|
if (preloadEntry) {
|
|
this.window.document[PropertySymbol.preloads].delete(preloadKey);
|
|
const response = preloadEntry.response || (await preloadEntry.onResponseAvailable());
|
|
if (!response.ok) {
|
|
throw new this.window.DOMException(`Failed to perform request to "${new URL(url, this.window.location.href).href}". Status ${preloadEntry.response.status} ${preloadEntry.response.statusText}.`);
|
|
}
|
|
return preloadEntry.response[PropertySymbol.buffer].toString();
|
|
}
|
|
}
|
|
const fetch = new Fetch({
|
|
browserFrame,
|
|
window: this.window,
|
|
url,
|
|
disableSameOriginPolicy: destination === 'script' || destination === 'style',
|
|
disablePreload: true,
|
|
init: {
|
|
credentials: options?.credentials,
|
|
referrerPolicy: options?.referrerPolicy
|
|
}
|
|
});
|
|
const response = await fetch.send();
|
|
if (!response.ok) {
|
|
throw new this.window.DOMException(`Failed to perform request to "${new URL(url, this.window.location.href).href}". Status ${response.status} ${response.statusText}.`);
|
|
}
|
|
return await response.text();
|
|
}
|
|
/**
|
|
* Returns resource data synchronously.
|
|
*
|
|
* @param url URL.
|
|
* @param destination Destination.
|
|
* @param [options] Options.
|
|
* @param [options.credentials] Credentials.
|
|
* @param [options.referrerPolicy] Referrer policy.
|
|
* @returns Response.
|
|
*/
|
|
fetchSync(url, destination, options) {
|
|
const browserFrame = new WindowBrowserContext(this.window).getBrowserFrame();
|
|
// Preloaded resource
|
|
if (destination === 'script' || destination === 'style') {
|
|
const preloadKey = PreloadUtility.getKey({
|
|
url: String(url),
|
|
destination,
|
|
mode: 'cors',
|
|
credentialsMode: options.credentials || 'same-origin'
|
|
});
|
|
const preloadEntry = this.window.document[PropertySymbol.preloads].get(preloadKey);
|
|
// We will only use this if the fetch for the resource is complete as it is async and this request is sync.
|
|
if (preloadEntry && preloadEntry.response) {
|
|
this.window.document[PropertySymbol.preloads].delete(preloadKey);
|
|
const response = preloadEntry.response;
|
|
if (!response.ok) {
|
|
throw new this.window.DOMException(`Failed to perform request to "${new URL(url, this.window.location.href).href}". Status ${preloadEntry.response.status} ${preloadEntry.response.statusText}.`);
|
|
}
|
|
return preloadEntry.response[PropertySymbol.buffer].toString();
|
|
}
|
|
}
|
|
const fetch = new SyncFetch({
|
|
browserFrame,
|
|
window: this.window,
|
|
url,
|
|
disableSameOriginPolicy: true,
|
|
init: {
|
|
credentials: options?.credentials,
|
|
referrerPolicy: options?.referrerPolicy
|
|
}
|
|
});
|
|
const response = fetch.send();
|
|
if (!response.ok) {
|
|
throw new this.window.DOMException(`Failed to perform request to "${new URL(url, this.window.location.href).href}". Status ${response.status} ${response.statusText}.`);
|
|
}
|
|
return response.body.toString();
|
|
}
|
|
}
|
|
//# sourceMappingURL=ResourceFetch.js.map
|