Files
headroom/frontend/node_modules/happy-dom/lib/browser/utilities/BrowserFrameFactory.js
Santhosh Janardhanan de2d83092e feat: Reinitialize frontend with SvelteKit and TypeScript
- 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
2026-02-17 16:19:59 -05:00

79 lines
2.9 KiB
JavaScript

import * as PropertySymbol from '../../PropertySymbol.js';
/**
* Browser frame factory.
*/
export default class BrowserFrameFactory {
/**
* Creates a new frame.
*
* @param parentFrame Parent frame.
* @returns Frame.
*/
static createChildFrame(parentFrame) {
const frame = new parentFrame.constructor(parentFrame.page);
frame.parentFrame = parentFrame;
parentFrame.childFrames.push(frame);
return frame;
}
/**
* Aborts all ongoing operations and destroys the frame.
*
* @param frame Frame.
*/
static destroyFrame(frame) {
const exceptionObserver = frame.page?.context?.browser?.[PropertySymbol.exceptionObserver];
// Using Promise instead of async/await to prevent usage of a microtask
return new Promise((resolve, reject) => {
if (!frame.window) {
resolve();
return;
}
if (frame.parentFrame) {
const index = frame.parentFrame.childFrames.indexOf(frame);
if (index !== -1) {
frame.parentFrame.childFrames.splice(index, 1);
}
}
if (!frame.childFrames.length) {
frame[PropertySymbol.asyncTaskManager]
.destroy()
.then(() => {
if (exceptionObserver && frame.window) {
exceptionObserver.disconnect(frame.window);
}
frame.page = null;
frame.window = null;
frame[PropertySymbol.openerFrame] = null;
frame[PropertySymbol.openerWindow] = null;
resolve();
})
.catch((error) => reject(error));
if (frame.window) {
frame.window[PropertySymbol.destroy]();
}
return;
}
Promise.all(frame.childFrames.slice().map((childFrame) => this.destroyFrame(childFrame)))
.then(() => {
frame[PropertySymbol.asyncTaskManager]
.destroy()
.then(() => {
if (exceptionObserver && frame.window) {
exceptionObserver.disconnect(frame.window);
}
frame.page = null;
frame.window = null;
frame[PropertySymbol.openerFrame] = null;
frame[PropertySymbol.openerWindow] = null;
resolve();
})
.catch((error) => reject(error));
if (frame.window) {
frame.window[PropertySymbol.destroy]();
}
})
.catch((error) => reject(error));
});
}
}
//# sourceMappingURL=BrowserFrameFactory.js.map