Files
headroom/frontend/node_modules/happy-dom/lib/nodes/html-media-element/MediaStreamTrack.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

150 lines
3.9 KiB
JavaScript

import EventTarget from '../../event/EventTarget.js';
import * as PropertySymbol from '../../PropertySymbol.js';
import Crypto from 'crypto';
const CAPABILITIES = {
aspectRatio: {
max: 300,
min: 0.006666666666666667
},
deviceId: '',
facingMode: [],
frameRate: {
max: 60,
min: 0
},
height: {
max: 150,
min: 1
},
resizeMode: ['none', 'crop-and-scale'],
width: {
max: 300,
min: 1
}
};
const SETTINGS = {
deviceId: '',
frameRate: 60,
resizeMode: 'none'
};
/**
* Canvas Capture Media Stream Track.
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack
*/
export default class MediaStreamTrack extends EventTarget {
contentHint = '';
enabled = true;
id = Crypto.randomUUID();
muted = false;
readyState = 'live';
label = '';
[PropertySymbol.label] = '';
[PropertySymbol.kind] = 'video';
[PropertySymbol.constraints] = {};
[PropertySymbol.capabilities] = JSON.parse(JSON.stringify(CAPABILITIES));
[PropertySymbol.settings] = JSON.parse(JSON.stringify(SETTINGS));
// Events
onended = null;
onmute = null;
onunmute = null;
/**
* Constructor.
*
* @param illegalConstructorSymbol Illegal constructor symbol.
*/
constructor(illegalConstructorSymbol) {
super();
if (illegalConstructorSymbol !== PropertySymbol.illegalConstructor) {
throw new TypeError('Illegal constructor');
}
if (!this[PropertySymbol.window]) {
throw new TypeError(`Failed to construct '${this.constructor.name}': '${this.constructor.name}' was constructed outside a Window context.`);
}
}
/**
* Returns the kind of the track.
*
* @returns Kind.
*/
get kind() {
return this[PropertySymbol.kind];
}
/**
* Applies constraints.
*
* @param _constraints Constraints.
* @param constraints
*/
async applyConstraints(constraints) {
this.#mergeObjects(this[PropertySymbol.constraints], constraints);
}
/**
* Returns constraints.
*
* @returns Constraints.
*/
getConstraints() {
return this[PropertySymbol.constraints];
}
/**
* Returns capabilities.
*
* @returns Capabilities.
*/
getCapabilities() {
return this[PropertySymbol.capabilities];
}
/**
* Returns settings.
*
* @returns Settings.
*/
getSettings() {
return this[PropertySymbol.settings];
}
/**
* Clones the track.
*
* @returns Clone.
*/
clone() {
const clone = new this.constructor(PropertySymbol.illegalConstructor);
clone[PropertySymbol.kind] = this[PropertySymbol.kind];
clone[PropertySymbol.constraints] = this[PropertySymbol.constraints];
clone[PropertySymbol.capabilities] = this[PropertySymbol.capabilities];
clone[PropertySymbol.settings] = this[PropertySymbol.settings];
clone.contentHint = this.contentHint;
clone.enabled = this.enabled;
clone.label = this.label;
clone.muted = this.muted;
clone.readyState = this.readyState;
return clone;
}
/**
* Stops the track.
*/
stop() {
this.readyState = 'ended';
}
/**
* Merges two objects.
*
* @param source Target.
* @param target Source.
*/
#mergeObjects(source, target) {
for (const key in target) {
if (target[key] !== null && typeof target[key] === 'object' && !Array.isArray(target[key])) {
if (typeof source[key] !== 'object') {
source[key] = {};
}
this.#mergeObjects(source[key], target[key]);
}
else {
source[key] = target[key];
}
}
}
}
//# sourceMappingURL=MediaStreamTrack.js.map