@angular-helpers/browser-web-apis 21.4.0 → 21.5.0

package/fesm2022/angular-helpers-browser-web-apis.mjs

@@ -1,33 +1,22 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, DestroyRef, PLATFORM_ID, signal, computed, isSignal, effect, ElementRef, makeEnvironmentProviders } from '@angular/core';
+import { InjectionToken, inject, DestroyRef, PLATFORM_ID, Injectable, signal, computed, isSignal, effect, ElementRef, makeEnvironmentProviders } from '@angular/core';
 import { isPlatformBrowser, isPlatformServer } from '@angular/common';
-import { Observable, fromEvent, Subject, of, map as map$1 } from 'rxjs';
+import { Observable, fromEvent, BehaviorSubject, Subject, of, map as map$1 } from 'rxjs';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { filter, distinctUntilChanged, map } from 'rxjs/operators';
 import { Router } from '@angular/router';
 
-class PermissionsService {
-    async query(descriptor) {
-        if (!this.isSupported()) {
-            throw new Error('Permissions API not supported');
-        }
-        try {
-            return await navigator.permissions.query(descriptor);
-        }
-        catch (error) {
-            console.error('Error querying permission:', error);
-            throw error;
-        }
-    }
-    isSupported() {
-        return typeof navigator !== 'undefined' && 'permissions' in navigator;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService, decorators: [{
-            type: Injectable
-        }] });
+const BROWSER_API_LOGGER = new InjectionToken('BROWSER_API_LOGGER', {
+    providedIn: 'root',
+    factory: () => ({
+        // oxlint-disable-next-line no-console
+        info: (message) => console.info(message),
+        // oxlint-disable-next-line no-console
+        warn: (message) => console.warn(message),
+        // oxlint-disable-next-line no-console
+        error: (message, error) => console.error(message, error),
+    }),
+});
 
 /**
  * Base class for all Browser Web API services.
@@ -35,7 +24,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * - Platform detection (browser vs server)
  * - Support assertion via Template Method
  * - Error creation with cause chaining
- * - Structured logging
+ * - Structured logging via injectable BROWSER_API_LOGGER token
  * - Lifecycle management with destroyRef
  *
  * Services that also need permission querying should extend
@@ -44,6 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 class BrowserApiBaseService {
     destroyRef = inject(DestroyRef);
     platformId = inject(PLATFORM_ID);
+    logger = inject(BROWSER_API_LOGGER);
     /**
      * Check if running in browser environment using Angular's platform detection.
      */
@@ -57,8 +47,8 @@ class BrowserApiBaseService {
         return isPlatformServer(this.platformId);
     }
     /**
-     * Template Method: throws a standard error when the API is not available.
-     * Uses getApiName() to produce consistent error messages.
+     * Template Method: asserts the service can run in the current environment.
+     * Subclasses must call super.ensureSupported() and then add their own API check.
      */
     ensureSupported() {
         if (!this.isBrowserEnvironment()) {
@@ -76,16 +66,22 @@ class BrowserApiBaseService {
         return error;
     }
     /**
-     * Log an error with the service name as prefix.
+     * Log an error through the injected BROWSER_API_LOGGER (default: console).
      */
     logError(message, error) {
-        console.error(`[${this.getApiName()}] ${message}`, error);
+        this.logger.error(`[${this.getApiName()}] ${message}`, error);
     }
     /**
-     * Log an informational message with the service name as prefix.
+     * Log a warning through the injected BROWSER_API_LOGGER (default: console).
+     */
+    logWarn(message) {
+        this.logger.warn(`[${this.getApiName()}] ${message}`);
+    }
+    /**
+     * Log an informational message through the injected BROWSER_API_LOGGER (default: console).
      */
     logInfo(message) {
-        console.info(`[${this.getApiName()}] ${message}`);
+        this.logger.info(`[${this.getApiName()}] ${message}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BrowserApiBaseService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: BrowserApiBaseService });
@@ -94,59 +90,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
-/**
- * Extension of `BrowserApiBaseService` for services that need to query
- * browser permissions via the Permissions API.
- *
- * Only services that actively call `requestPermission()` should extend this
- * class. All other services should extend `BrowserApiBaseService` directly
- * to avoid carrying an unnecessary PermissionsService dependency.
- */
-class PermissionAwareBrowserApiBaseService extends BrowserApiBaseService {
-    permissionsService = inject(PermissionsService);
-    /**
-     * Query the Permissions API for the given permission name.
-     * Returns `true` if the permission state is `'granted'`.
-     */
-    async requestPermission(permission) {
-        if (this.isServerEnvironment()) {
-            throw new Error(`${this.getApiName()} API not available in server environment`);
+class PermissionsService extends BrowserApiBaseService {
+    getApiName() {
+        return 'permissions';
+    }
+    async query(descriptor) {
+        if (!this.isSupported()) {
+            throw new Error('Permissions API not supported in this environment');
         }
         try {
-            const status = await this.permissionsService.query({ name: permission });
-            return status.state === 'granted';
+            return await navigator.permissions.query(descriptor);
         }
         catch (error) {
-            this.logError(`Error requesting permission for ${permission}:`, error);
-            return false;
+            // Firefox does not support querying 'camera', 'microphone', or 'speaker' via
+            // the Permissions API and throws a TypeError. Return a synthetic 'prompt' status
+            // so callers fall through to the native getUserMedia / requestPermission flow.
+            if (error instanceof TypeError) {
+                return { state: 'prompt', onchange: null };
+            }
+            this.logError(`Error querying permission for ${descriptor.name}:`, error);
+            throw error;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService });
+    isSupported() {
+        return this.isBrowserEnvironment() && 'permissions' in navigator;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionAwareBrowserApiBaseService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PermissionsService, decorators: [{
             type: Injectable
         }] });
 
-class CameraService extends PermissionAwareBrowserApiBaseService {
+class CameraService extends BrowserApiBaseService {
     currentStream = null;
     getApiName() {
         return 'camera';
     }
-    ensureCameraSupport() {
-        if (!('mediaDevices' in navigator) || !('getUserMedia' in navigator.mediaDevices)) {
-            throw new Error('Camera API not supported in this browser');
+    ensureSupported() {
+        super.ensureSupported();
+        if (!navigator.mediaDevices?.getUserMedia) {
+            throw new Error('Camera API not supported — a secure context (HTTPS) is required');
         }
     }
     async startCamera(constraints) {
-        this.ensureCameraSupport();
+        this.ensureSupported();
         if (this.currentStream) {
             this.stopCamera();
         }
-        const permissionStatus = await this.permissionsService.query({ name: 'camera' });
-        if (permissionStatus.state !== 'granted') {
-            throw new Error('Camera permission required. Please grant camera access and try again.');
-        }
         try {
             const streamConstraints = constraints || {
                 video: {
@@ -159,7 +150,7 @@ class CameraService extends PermissionAwareBrowserApiBaseService {
             return this.currentStream;
         }
         catch (error) {
-            console.error('[CameraService] Error starting camera:', error);
+            this.logError('Error starting camera:', error);
             if (error instanceof Error && error.name === 'NotAllowedError') {
                 throw this.createError('Camera permission denied by user. Please allow camera access in your browser settings and refresh the page.', error);
             }
@@ -201,19 +192,24 @@ class CameraService extends PermissionAwareBrowserApiBaseService {
         return this.startCamera(finalConstraints);
     }
     async getCameraCapabilities(deviceId) {
-        this.ensureCameraSupport();
+        this.ensureSupported();
         try {
+            const activeTrack = this.currentStream
+                ?.getVideoTracks()
+                .find((t) => t.getSettings().deviceId === deviceId);
+            if (activeTrack) {
+                return activeTrack.getCapabilities() ?? null;
+            }
             const stream = await navigator.mediaDevices.getUserMedia({
                 video: { deviceId: { exact: deviceId } },
             });
             const videoTrack = stream.getVideoTracks()[0];
             const capabilities = videoTrack.getCapabilities();
-            // Clean up the stream
             stream.getTracks().forEach((track) => track.stop());
-            return capabilities || null;
+            return capabilities ?? null;
         }
         catch (error) {
-            console.error('[CameraService] Error getting camera capabilities:', error);
+            this.logError('Error getting camera capabilities:', error);
             return null;
         }
     }
@@ -224,19 +220,19 @@ class CameraService extends PermissionAwareBrowserApiBaseService {
         return this.currentStream !== null;
     }
     async getVideoInputDevices() {
-        this.ensureCameraSupport();
+        this.ensureSupported();
         try {
             const devices = await navigator.mediaDevices.enumerateDevices();
             return devices.filter((device) => device.kind === 'videoinput');
         }
         catch (error) {
-            console.error('[CameraService] Error enumerating video devices:', error);
+            this.logError('Error enumerating video devices:', error);
             throw this.createError('Failed to enumerate video devices', error);
         }
     }
     // Direct access to native camera API
     getNativeMediaDevices() {
-        this.ensureCameraSupport();
+        this.ensureSupported();
         return navigator.mediaDevices;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: CameraService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
@@ -250,13 +246,14 @@ class GeolocationService extends BrowserApiBaseService {
     getApiName() {
         return 'geolocation';
     }
-    ensureGeolocationSupport() {
+    ensureSupported() {
+        super.ensureSupported();
         if (!('geolocation' in navigator)) {
-            throw new Error('Geolocation API not supported in this browser');
+            throw new Error('Geolocation API not supported — a secure context (HTTPS) is required');
         }
     }
     getCurrentPosition(options) {
-        this.ensureGeolocationSupport();
+        this.ensureSupported();
         return new Promise((resolve, reject) => {
             navigator.geolocation.getCurrentPosition((position) => resolve(position), (error) => {
                 this.logError('Error getting position:', error);
@@ -265,7 +262,7 @@ class GeolocationService extends BrowserApiBaseService {
         });
     }
     watchPosition(options) {
-        this.ensureGeolocationSupport();
+        this.ensureSupported();
         return new Observable((observer) => {
             const watchId = navigator.geolocation.watchPosition((position) => observer.next(position), (error) => {
                 this.logError('Error watching position:', error);
@@ -281,7 +278,7 @@ class GeolocationService extends BrowserApiBaseService {
     }
     // Direct access to native geolocation API
     getNativeGeolocation() {
-        this.ensureGeolocationSupport();
+        this.ensureSupported();
         return navigator.geolocation;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: GeolocationService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
@@ -295,24 +292,25 @@ class MediaDevicesService extends BrowserApiBaseService {
     getApiName() {
         return 'media-devices';
     }
-    ensureMediaDevicesSupport() {
-        if (!('mediaDevices' in navigator)) {
-            throw new Error('MediaDevices API not supported in this browser');
+    ensureSupported() {
+        super.ensureSupported();
+        if (!navigator.mediaDevices) {
+            throw new Error('MediaDevices API not supported — a secure context (HTTPS) is required');
         }
     }
     async getDevices() {
-        this.ensureMediaDevicesSupport();
+        this.ensureSupported();
         try {
             const devices = await navigator.mediaDevices.enumerateDevices();
             return devices;
         }
         catch (error) {
-            console.error('[MediaDevicesService] Error enumerating devices:', error);
+            this.logError('Error enumerating devices:', error);
             throw this.createError('Failed to enumerate media devices', error);
         }
     }
     async getUserMedia(constraints) {
-        this.ensureMediaDevicesSupport();
+        this.ensureSupported();
         try {
             const defaultConstraints = {
                 video: true,
@@ -322,12 +320,12 @@ class MediaDevicesService extends BrowserApiBaseService {
             return await navigator.mediaDevices.getUserMedia(finalConstraints);
         }
         catch (error) {
-            console.error('[MediaDevicesService] Error getting user media:', error);
+            this.logError('Error getting user media:', error);
             throw this.handleMediaError(error);
         }
     }
     async getDisplayMedia(constraints) {
-        this.ensureMediaDevicesSupport();
+        this.ensureSupported();
         if (!('getDisplayMedia' in navigator.mediaDevices)) {
             throw new Error('Display media API not supported in this browser');
         }
@@ -340,12 +338,12 @@ class MediaDevicesService extends BrowserApiBaseService {
             return await navigator.mediaDevices.getDisplayMedia(finalConstraints);
         }
         catch (error) {
-            console.error('[MediaDevicesService] Error getting display media:', error);
+            this.logError('Error getting display media:', error);
             throw this.createError('Failed to get display media', error);
         }
     }
     watchDeviceChanges() {
-        this.ensureMediaDevicesSupport();
+        this.ensureSupported();
         return new Observable((observer) => {
             const handleDeviceChange = async () => {
                 try {
@@ -353,7 +351,7 @@ class MediaDevicesService extends BrowserApiBaseService {
                     observer.next(devices);
                 }
                 catch (error) {
-                    console.error('[MediaDevicesService] Error handling device change:', error);
+                    this.logError('Error handling device change:', error);
                 }
             };
             // Listen for device changes
@@ -408,7 +406,7 @@ class MediaDevicesService extends BrowserApiBaseService {
     }
     // Direct access to native media devices API
     getNativeMediaDevices() {
-        this.ensureMediaDevicesSupport();
+        this.ensureSupported();
         return navigator.mediaDevices;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: MediaDevicesService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
@@ -422,22 +420,24 @@ class NotificationService extends BrowserApiBaseService {
     getApiName() {
         return 'notifications';
     }
+    ensureSupported() {
+        super.ensureSupported();
+        if (!('Notification' in window)) {
+            throw new Error('Notifications API not supported in this browser');
+        }
+    }
     get permission() {
+        if (!this.isBrowserEnvironment() || !('Notification' in window)) {
+            return 'default';
+        }
         return Notification.permission;
     }
-    isSupported() {
-        return this.isBrowserEnvironment() && 'Notification' in window;
-    }
     async requestNotificationPermission() {
-        if (!this.isSupported()) {
-            throw new Error('Notification API not supported in this browser');
-        }
+        this.ensureSupported();
         return Notification.requestPermission();
     }
     async showNotification(title, options) {
-        if (!this.isSupported()) {
-            throw new Error('Notification API not supported in this browser');
-        }
+        this.ensureSupported();
         if (Notification.permission !== 'granted') {
             throw new Error('Notification permission required. Please grant notification access and try again.');
         }
@@ -456,38 +456,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
             type: Injectable
         }] });
 
-class ClipboardService extends PermissionAwareBrowserApiBaseService {
+class ClipboardService extends BrowserApiBaseService {
     getApiName() {
         return 'clipboard';
     }
-    async ensureClipboardPermission(action) {
-        if (!('clipboard' in navigator)) {
-            throw new Error('Clipboard API not supported in this browser');
-        }
-        const permissionStatus = await this.permissionsService.query({
-            name: `clipboard-${action}`,
-        });
-        if (permissionStatus.state !== 'granted') {
-            throw new Error(`Clipboard ${action} permission required. Please grant clipboard access and try again.`);
+    ensureSupported() {
+        super.ensureSupported();
+        if (!navigator.clipboard) {
+            throw new Error('Clipboard API not supported \u2014 a secure context (HTTPS) is required');
         }
     }
     async writeText(text) {
-        await this.ensureClipboardPermission('write');
+        this.ensureSupported();
         try {
             await navigator.clipboard.writeText(text);
         }
         catch (error) {
-            console.error('[ClipboardService] Error writing to clipboard:', error);
+            this.logError('Error writing to clipboard:', error);
             throw error;
         }
     }
     async readText() {
-        await this.ensureClipboardPermission('read');
+        this.ensureSupported();
         try {
             return await navigator.clipboard.readText();
         }
         catch (error) {
-            console.error('[ClipboardService] Error reading from clipboard:', error);
+            this.logError('Error reading from clipboard:', error);
             throw error;
         }
     }
@@ -659,14 +654,15 @@ class BatteryService extends BrowserApiBaseService {
     getApiName() {
         return 'battery';
     }
-    ensureBatterySupport() {
+    ensureSupported() {
+        super.ensureSupported();
         const nav = navigator;
         if (!('getBattery' in nav)) {
-            throw new Error('Battery API not supported in this browser');
+            throw new Error('Battery Status API not supported in this browser');
         }
     }
     async initialize() {
-        this.ensureBatterySupport();
+        this.ensureSupported();
         try {
             const nav = navigator;
             this.batteryManager = await nav.getBattery();
@@ -674,7 +670,7 @@ class BatteryService extends BrowserApiBaseService {
             return batteryInfo;
         }
         catch (error) {
-            console.error('[BatteryService] Error initializing battery API:', error);
+            this.logError('Error initializing battery API:', error);
             throw this.createError('Failed to initialize battery API', error);
         }
     }
@@ -743,19 +739,20 @@ class WebShareService extends BrowserApiBaseService {
     getApiName() {
         return 'web-share';
     }
-    ensureWebShareSupport() {
+    ensureSupported() {
+        super.ensureSupported();
         if (!('share' in navigator)) {
             throw new Error('Web Share API not supported in this browser');
         }
     }
     async share(data) {
-        this.ensureWebShareSupport();
+        this.ensureSupported();
         try {
             await navigator.share(data);
             return { shared: true };
         }
         catch (error) {
-            console.error('[WebShareService] Error sharing:', error);
+            this.logError('Error sharing:', error);
             const errorMessage = error instanceof Error ? error.message : 'Share failed';
             return { shared: false, error: errorMessage };
         }
@@ -772,7 +769,7 @@ class WebShareService extends BrowserApiBaseService {
     }
     // Direct access to native share API
     getNativeShare() {
-        this.ensureWebShareSupport();
+        this.ensureSupported();
         return navigator.share;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebShareService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
@@ -784,7 +781,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 class WebStorageService extends BrowserApiBaseService {
     storageEvents = signal(null, ...(ngDevMode ? [{ debugName: "storageEvents" }] : /* istanbul ignore next */ []));
-    destroyRef = inject(DestroyRef);
     constructor() {
         super();
         this.setupEventListeners();
@@ -792,8 +788,9 @@ class WebStorageService extends BrowserApiBaseService {
     getApiName() {
         return 'storage';
     }
-    ensureStorageSupport() {
-        if (!this.isBrowserEnvironment() || typeof Storage === 'undefined') {
+    ensureSupported() {
+        super.ensureSupported();
+        if (typeof Storage === 'undefined') {
             throw new Error('Storage API not supported in this browser');
         }
     }
@@ -803,14 +800,13 @@ class WebStorageService extends BrowserApiBaseService {
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe((event) => {
                 const storageEvent = event;
-                if (storageEvent.key && storageEvent.newValue !== null) {
-                    this.storageEvents.set({
-                        key: storageEvent.key,
-                        newValue: this.deserializeValue(storageEvent.newValue),
-                        oldValue: storageEvent.oldValue ? this.deserializeValue(storageEvent.oldValue) : null,
-                        storageArea: storageEvent.storageArea === localStorage ? 'localStorage' : 'sessionStorage',
-                    });
-                }
+                const area = storageEvent.storageArea === localStorage ? 'localStorage' : 'sessionStorage';
+                this.storageEvents.set({
+                    key: storageEvent.key,
+                    newValue: storageEvent.newValue ? this.deserializeValue(storageEvent.newValue) : null,
+                    oldValue: storageEvent.oldValue ? this.deserializeValue(storageEvent.oldValue) : null,
+                    storageArea: area,
+                });
             });
         }
     }
@@ -837,50 +833,58 @@ class WebStorageService extends BrowserApiBaseService {
         const prefix = options?.prefix || '';
         return prefix ? `${prefix}:${key}` : key;
     }
+    emitStorageChange(fullKey, newValue, oldValue, area) {
+        this.storageEvents.set({ key: fullKey, newValue, oldValue, storageArea: area });
+    }
     // Local Storage Methods
     setLocalStorage(key, value, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const serializedValue = this.serializeValue(value, options);
             const fullKey = this.getKey(key, options);
+            const oldRaw = localStorage.getItem(fullKey);
+            const oldValue = oldRaw !== null ? this.deserializeValue(oldRaw, options) : null;
             localStorage.setItem(fullKey, serializedValue);
+            this.emitStorageChange(fullKey, value, oldValue, 'localStorage');
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error setting localStorage:', error);
+            this.logError('Error setting localStorage:', error);
             return false;
         }
     }
     getLocalStorage(key, defaultValue = null, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const fullKey = this.getKey(key, options);
             const value = localStorage.getItem(fullKey);
             return value !== null ? this.deserializeValue(value, options) : defaultValue;
         }
         catch (error) {
-            console.error('[WebStorageService] Error getting localStorage:', error);
+            this.logError('Error getting localStorage:', error);
             return defaultValue;
         }
     }
     removeLocalStorage(key, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const fullKey = this.getKey(key, options);
+            const oldRaw = localStorage.getItem(fullKey);
+            const oldValue = oldRaw !== null ? this.deserializeValue(oldRaw, options) : null;
             localStorage.removeItem(fullKey);
+            this.emitStorageChange(fullKey, null, oldValue, 'localStorage');
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error removing localStorage:', error);
+            this.logError('Error removing localStorage:', error);
             return false;
         }
     }
     clearLocalStorage(options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const prefix = options?.prefix;
             if (prefix) {
-                // Only remove keys with the specified prefix
                 const keysToRemove = [];
                 for (let i = 0; i < localStorage.length; i++) {
                     const key = localStorage.key(i);
@@ -888,62 +892,72 @@ class WebStorageService extends BrowserApiBaseService {
                         keysToRemove.push(key);
                     }
                 }
-                keysToRemove.forEach((key) => localStorage.removeItem(key));
+                keysToRemove.forEach((key) => {
+                    const oldRaw = localStorage.getItem(key);
+                    localStorage.removeItem(key);
+                    this.emitStorageChange(key, null, oldRaw, 'localStorage');
+                });
             }
             else {
                 localStorage.clear();
+                this.emitStorageChange(null, null, null, 'localStorage');
             }
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error clearing localStorage:', error);
+            this.logError('Error clearing localStorage:', error);
             return false;
         }
     }
     // Session Storage Methods
     setSessionStorage(key, value, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const serializedValue = this.serializeValue(value, options);
             const fullKey = this.getKey(key, options);
+            const oldRaw = sessionStorage.getItem(fullKey);
+            const oldValue = oldRaw !== null ? this.deserializeValue(oldRaw, options) : null;
             sessionStorage.setItem(fullKey, serializedValue);
+            this.emitStorageChange(fullKey, value, oldValue, 'sessionStorage');
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error setting sessionStorage:', error);
+            this.logError('Error setting sessionStorage:', error);
             return false;
         }
     }
     getSessionStorage(key, defaultValue = null, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const fullKey = this.getKey(key, options);
             const value = sessionStorage.getItem(fullKey);
             return value !== null ? this.deserializeValue(value, options) : defaultValue;
         }
         catch (error) {
-            console.error('[WebStorageService] Error getting sessionStorage:', error);
+            this.logError('Error getting sessionStorage:', error);
             return defaultValue;
         }
     }
     removeSessionStorage(key, options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const fullKey = this.getKey(key, options);
+            const oldRaw = sessionStorage.getItem(fullKey);
+            const oldValue = oldRaw !== null ? this.deserializeValue(oldRaw, options) : null;
             sessionStorage.removeItem(fullKey);
+            this.emitStorageChange(fullKey, null, oldValue, 'sessionStorage');
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error removing sessionStorage:', error);
+            this.logError('Error removing sessionStorage:', error);
             return false;
         }
     }
     clearSessionStorage(options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         try {
             const prefix = options?.prefix;
             if (prefix) {
-                // Only remove keys with the specified prefix
                 const keysToRemove = [];
                 for (let i = 0; i < sessionStorage.length; i++) {
                     const key = sessionStorage.key(i);
@@ -951,21 +965,26 @@ class WebStorageService extends BrowserApiBaseService {
                         keysToRemove.push(key);
                     }
                 }
-                keysToRemove.forEach((key) => sessionStorage.removeItem(key));
+                keysToRemove.forEach((key) => {
+                    const oldRaw = sessionStorage.getItem(key);
+                    sessionStorage.removeItem(key);
+                    this.emitStorageChange(key, null, oldRaw, 'sessionStorage');
+                });
             }
             else {
                 sessionStorage.clear();
+                this.emitStorageChange(null, null, null, 'sessionStorage');
             }
             return true;
         }
         catch (error) {
-            console.error('[WebStorageService] Error clearing sessionStorage:', error);
+            this.logError('Error clearing sessionStorage:', error);
             return false;
         }
     }
     // Utility Methods
     getLocalStorageSize(options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         let totalSize = 0;
         const prefix = options?.prefix;
         for (let i = 0; i < localStorage.length; i++) {
@@ -977,7 +996,7 @@ class WebStorageService extends BrowserApiBaseService {
         return totalSize;
     }
     getSessionStorageSize(options = {}) {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         let totalSize = 0;
         const prefix = options?.prefix;
         for (let i = 0; i < sessionStorage.length; i++) {
@@ -994,30 +1013,20 @@ class WebStorageService extends BrowserApiBaseService {
             prev.oldValue === curr.oldValue));
     }
     watchLocalStorage(key, options = {}) {
-        return this.getStorageEvents().pipe(map((event) => {
-            const fullKey = this.getKey(key, options);
-            if (event.key === fullKey && event.storageArea === 'localStorage') {
-                return event.newValue;
-            }
-            return this.getLocalStorage(key, null, options);
-        }));
+        const fullKey = this.getKey(key, options);
+        return this.getStorageEvents().pipe(filter((event) => event.storageArea === 'localStorage' && (event.key === null || event.key === fullKey)), map((event) => event.newValue));
     }
     watchSessionStorage(key, options = {}) {
-        return this.getStorageEvents().pipe(map((event) => {
-            const fullKey = this.getKey(key, options);
-            if (event.key === fullKey && event.storageArea === 'sessionStorage') {
-                return event.newValue;
-            }
-            return this.getSessionStorage(key, null, options);
-        }));
+        const fullKey = this.getKey(key, options);
+        return this.getStorageEvents().pipe(filter((event) => event.storageArea === 'sessionStorage' && (event.key === null || event.key === fullKey)), map((event) => event.newValue));
     }
     // Direct access to native storage APIs
     getNativeLocalStorage() {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         return localStorage;
     }
     getNativeSessionStorage() {
-        this.ensureStorageSupport();
+        this.ensureSupported();
         return sessionStorage;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: WebStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1029,21 +1038,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
 
 class WebSocketService extends BrowserApiBaseService {
     webSocket = null;
-    statusSubject = new Subject();
+    statusSubject = new BehaviorSubject({
+        connected: false,
+        connecting: false,
+        reconnecting: false,
+        reconnectAttempts: 0,
+    });
     messageSubject = new Subject();
     reconnectAttempts = 0;
     reconnectTimer = null;
     heartbeatTimer = null;
+    _cleanup = this.destroyRef.onDestroy(() => this.disconnect());
     getApiName() {
         return 'websocket';
     }
-    ensureWebSocketSupport() {
+    ensureSupported() {
+        super.ensureSupported();
         if (typeof WebSocket === 'undefined') {
             throw new Error('WebSocket API not supported in this browser');
         }
     }
     connect(config) {
-        this.ensureWebSocketSupport();
+        this.ensureSupported();
         return new Observable((observer) => {
             this.disconnect(); // Disconnect existing connection if any
             this.updateStatus({
@@ -1055,10 +1071,10 @@ class WebSocketService extends BrowserApiBaseService {
             try {
                 this.webSocket = new WebSocket(config.url, config.protocols);
                 this.setupWebSocketHandlers(config);
-                observer.next(this.getCurrentStatus());
+                observer.next(this.statusSubject.getValue());
             }
             catch (error) {
-                console.error('[WebSocketService] Error creating WebSocket:', error);
+                this.logError('Error creating WebSocket:', error);
                 this.updateStatus({
                     connected: false,
                     connecting: false,
@@ -1066,7 +1082,7 @@ class WebSocketService extends BrowserApiBaseService {
                     error: error instanceof Error ? error.message : 'Connection failed',
                     reconnectAttempts: 0,
                 });
-                observer.next(this.getCurrentStatus());
+                observer.next(this.statusSubject.getValue());
             }
             return () => {
                 this.disconnect();
@@ -1113,15 +1129,18 @@ class WebSocketService extends BrowserApiBaseService {
         return this.statusSubject.asObservable();
     }
     getMessages() {
+        return this.messageSubject.asObservable();
+    }
+    getMessagesByType(type) {
         return this.messageSubject
             .asObservable()
-            .pipe(filter((msg) => true));
+            .pipe(filter((msg) => msg.type === type));
     }
     setupWebSocketHandlers(config) {
         if (!this.webSocket)
             return;
         this.webSocket.onopen = () => {
-            console.log('[WebSocketService] Connected to:', config.url);
+            this.logInfo(`Connected to: ${config.url}`);
             this.reconnectAttempts = 0;
             this.updateStatus({
                 connected: true,
@@ -1135,7 +1154,7 @@ class WebSocketService extends BrowserApiBaseService {
             }
         };
         this.webSocket.onclose = (event) => {
-            console.log('[WebSocketService] Connection closed:', event.code, event.reason);
+            this.logInfo(`Connection closed: ${event.code} ${event.reason}`);
             this.updateStatus({
                 connected: false,
                 connecting: false,
@@ -1148,7 +1167,7 @@ class WebSocketService extends BrowserApiBaseService {
             }
         };
         this.webSocket.onerror = (error) => {
-            console.error('[WebSocketService] WebSocket error:', error);
+            this.logError('WebSocket error:', error);
             this.updateStatus({
                 connected: false,
                 connecting: false,
@@ -1163,7 +1182,7 @@ class WebSocketService extends BrowserApiBaseService {
                 this.messageSubject.next(message);
             }
             catch (error) {
-                console.error('[WebSocketService] Error parsing message:', error);
+                this.logError('Error parsing message:', error);
             }
         };
     }
@@ -1179,7 +1198,7 @@ class WebSocketService extends BrowserApiBaseService {
     }
     attemptReconnect(config) {
         if (this.reconnectAttempts >= (config.maxReconnectAttempts || 5)) {
-            console.log('[WebSocketService] Max reconnect attempts reached');
+            this.logInfo('Max reconnect attempts reached');
             return;
         }
         this.reconnectAttempts++;
@@ -1190,23 +1209,14 @@ class WebSocketService extends BrowserApiBaseService {
             reconnectAttempts: this.reconnectAttempts,
         });
         this.reconnectTimer = setTimeout(() => {
-            console.log(`[WebSocketService] Reconnect attempt ${this.reconnectAttempts}`);
+            this.logInfo(`Reconnect attempt ${this.reconnectAttempts}`);
             this.connect(config);
         }, config.reconnectInterval || 3000);
     }
     updateStatus(status) {
-        const currentStatus = this.getCurrentStatus();
-        const newStatus = { ...currentStatus, ...status };
+        const newStatus = { ...this.statusSubject.getValue(), ...status };
         this.statusSubject.next(newStatus);
     }
-    getCurrentStatus() {
-        return {
-            connected: this.webSocket?.readyState === WebSocket.OPEN,
-            connecting: false,
-            reconnecting: false,
-            reconnectAttempts: this.reconnectAttempts,
-        };
-    }
     // Direct access to native WebSocket
     getNativeWebSocket() {
         return this.webSocket;
@@ -1225,21 +1235,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
         }] });
 
 class WebWorkerService extends BrowserApiBaseService {
-    destroyRef = inject(DestroyRef);
     workers = new Map();
     workerStatuses = new Map();
     workerMessages = new Map();
     currentWorkerStatuses = new Map();
+    _cleanup = this.destroyRef.onDestroy(() => this.terminateAllWorkers());
     getApiName() {
         return 'webworker';
     }
-    ensureWorkerSupport() {
+    ensureSupported() {
+        super.ensureSupported();
         if (typeof Worker === 'undefined') {
             throw new Error('Web Workers not supported in this browser');
         }
     }
     createWorker(name, scriptUrl) {
-        this.ensureWorkerSupport();
+        this.ensureSupported();
         return new Observable((observer) => {
             if (this.workers.has(name)) {
                 observer.next(this.currentWorkerStatuses.get(name));
@@ -1261,7 +1272,7 @@ class WebWorkerService extends BrowserApiBaseService {
                 observer.next(status);
             }
             catch (error) {
-                console.error(`[WebWorkerService] Failed to create worker ${name}:`, error);
+                this.logError(`Failed to create worker ${name}:`, error);
                 const status = {
                     initialized: false,
                     running: false,
@@ -1295,7 +1306,7 @@ class WebWorkerService extends BrowserApiBaseService {
     postMessage(workerName, task) {
         const worker = this.workers.get(workerName);
         if (!worker) {
-            console.error(`[WebWorkerService] Worker ${workerName} not found`);
+            this.logError(`Worker ${workerName} not found`);
             return;
         }
         try {
@@ -1313,7 +1324,7 @@ class WebWorkerService extends BrowserApiBaseService {
             }
         }
         catch (error) {
-            console.error(`[WebWorkerService] Failed to post message to worker ${workerName}:`, error);
+            this.logError(`Failed to post message to worker ${workerName}:`, error);
         }
     }
     getMessages(workerName) {
@@ -1352,7 +1363,7 @@ class WebWorkerService extends BrowserApiBaseService {
             this.workerMessages.get(name).next(message);
         };
         worker.onerror = (error) => {
-            console.error(`[WebWorkerService] Worker ${name} error:`, error);
+            this.logError(`Worker ${name} error:`, error);
             const status = {
                 initialized: true,
                 running: false,
@@ -1724,7 +1735,7 @@ class ScreenWakeLockService extends BrowserApiBaseService {
         return 'screen-wake-lock';
     }
     isSupported() {
-        return isPlatformBrowser(this.platformId) && 'wakeLock' in navigator;
+        return this.isBrowserEnvironment() && 'wakeLock' in navigator;
     }
     get isActive() {
         return this.sentinel !== null && !this.sentinel.released;
@@ -1745,7 +1756,7 @@ class ScreenWakeLockService extends BrowserApiBaseService {
             return { active: true, type, released: false };
         }
         catch (error) {
-            console.error('[ScreenWakeLockService] Failed to acquire wake lock:', error);
+            this.logError('Failed to acquire wake lock:', error);
             throw this.createError('Failed to acquire wake lock', error);
         }
     }
@@ -1961,10 +1972,8 @@ class FileSystemAccessService extends BrowserApiBaseService {
     get win() {
         return window;
     }
-    ensureSupport() {
-        if (this.isServerEnvironment()) {
-            throw new Error('File System Access API not available in server environment');
-        }
+    ensureSupported() {
+        super.ensureSupported();
         if (!('showOpenFilePicker' in window)) {
             throw new Error('File System Access API not supported in this browser');
         }
@@ -1973,7 +1982,7 @@ class FileSystemAccessService extends BrowserApiBaseService {
         }
     }
     async openFile(options = {}) {
-        this.ensureSupport();
+        this.ensureSupported();
         try {
             const handles = await this.win.showOpenFilePicker(options);
             return Promise.all(handles.map((h) => h.getFile()));
@@ -1982,12 +1991,12 @@ class FileSystemAccessService extends BrowserApiBaseService {
             if (error instanceof DOMException && error.name === 'AbortError') {
                 return [];
             }
-            console.error('[FileSystemAccessService] Error opening file:', error);
+            this.logError('Error opening file:', error);
             throw error;
         }
     }
     async saveFile(content, options = {}) {
-        this.ensureSupport();
+        this.ensureSupported();
         if (!this.win.showSaveFilePicker) {
             throw new Error('showSaveFilePicker not supported');
         }
@@ -2001,12 +2010,12 @@ class FileSystemAccessService extends BrowserApiBaseService {
             if (error instanceof DOMException && error.name === 'AbortError') {
                 return;
             }
-            console.error('[FileSystemAccessService] Error saving file:', error);
+            this.logError('Error saving file:', error);
             throw error;
         }
     }
     async openDirectory(options = {}) {
-        this.ensureSupport();
+        this.ensureSupported();
         if (!this.win.showDirectoryPicker) {
             throw new Error('showDirectoryPicker not supported');
         }
@@ -2017,7 +2026,7 @@ class FileSystemAccessService extends BrowserApiBaseService {
             if (error instanceof DOMException && error.name === 'AbortError') {
                 return null;
             }
-            console.error('[FileSystemAccessService] Error opening directory:', error);
+            this.logError('Error opening directory:', error);
             throw error;
         }
     }
@@ -2084,7 +2093,7 @@ class MediaRecorderService extends BrowserApiBaseService {
             this.recorder.start(timeslice);
         }
         catch (error) {
-            console.error('[MediaRecorderService] Failed to start recording:', error);
+            this.logError('Failed to start recording:', error);
             throw this.createError('Failed to start recording', error);
         }
     }
@@ -2170,7 +2179,7 @@ class ServerSentEventsService extends ConnectionRegistryBaseService {
                     observer.error(new Error('SSE connection closed unexpectedly'));
                 }
                 else {
-                    console.warn(`[${this.getApiName()}] SSE connection error, reconnecting...`, event);
+                    this.logWarn('SSE connection error, reconnecting...');
                 }
             };
             source.addEventListener('message', messageHandler);
@@ -3365,218 +3374,253 @@ const permissionGuard = (permission) => {
     };
 };
 
-const defaultBrowserWebApisConfig = {
-    enableCamera: true,
-    enableGeolocation: true,
-    enableNotifications: true,
-    enableClipboard: true,
-    enableBattery: false,
-    enableMediaDevices: true,
-    enableWebShare: false,
-    enableWebStorage: false,
-    enableWebSocket: false,
-    enableWebWorker: false,
-    enableIntersectionObserver: false,
-    enableResizeObserver: false,
-    enablePageVisibility: false,
-    enableBroadcastChannel: false,
-    enableNetworkInformation: false,
-    enableScreenWakeLock: false,
-    enableScreenOrientation: false,
-    enableFullscreen: false,
-    enableFileSystemAccess: false,
-    enableMediaRecorder: false,
-    enableServerSentEvents: false,
-    enableVibration: false,
-    enableSpeechSynthesis: false,
-    enableMutationObserver: false,
-    enablePerformanceObserver: false,
-    enableIdleDetector: false,
-    enableEyeDropper: false,
-    enableBarcodeDetector: false,
-    enableWebAudio: false,
-    enableGamepad: false,
-    enableWebBluetooth: false,
-    enableWebUsb: false,
-    enableWebNfc: false,
-    enablePaymentRequest: false,
-    enableCredentialManagement: false,
-};
-function provideBrowserWebApis(config = {}) {
-    const mergedConfig = { ...defaultBrowserWebApisConfig, ...config };
-    const providers = [PermissionsService];
-    const conditionalProviders = [
-        [mergedConfig.enableCamera, CameraService],
-        [mergedConfig.enableGeolocation, GeolocationService],
-        [mergedConfig.enableNotifications, NotificationService],
-        [mergedConfig.enableClipboard, ClipboardService],
-        [mergedConfig.enableMediaDevices, MediaDevicesService],
-        [mergedConfig.enableBattery, BatteryService],
-        [mergedConfig.enableWebShare, WebShareService],
-        [mergedConfig.enableWebStorage, WebStorageService],
-        [mergedConfig.enableWebSocket, WebSocketService],
-        [mergedConfig.enableWebWorker, WebWorkerService],
-        [mergedConfig.enableIntersectionObserver, IntersectionObserverService],
-        [mergedConfig.enableResizeObserver, ResizeObserverService],
-        [mergedConfig.enablePageVisibility, PageVisibilityService],
-        [mergedConfig.enableBroadcastChannel, BroadcastChannelService],
-        [mergedConfig.enableNetworkInformation, NetworkInformationService],
-        [mergedConfig.enableScreenWakeLock, ScreenWakeLockService],
-        [mergedConfig.enableScreenOrientation, ScreenOrientationService],
-        [mergedConfig.enableFullscreen, FullscreenService],
-        [mergedConfig.enableFileSystemAccess, FileSystemAccessService],
-        [mergedConfig.enableMediaRecorder, MediaRecorderService],
-        [mergedConfig.enableServerSentEvents, ServerSentEventsService],
-        [mergedConfig.enableVibration, VibrationService],
-        [mergedConfig.enableSpeechSynthesis, SpeechSynthesisService],
-        [mergedConfig.enableMutationObserver, MutationObserverService],
-        [mergedConfig.enablePerformanceObserver, PerformanceObserverService],
-        [mergedConfig.enableIdleDetector, IdleDetectorService],
-        [mergedConfig.enableEyeDropper, EyeDropperService],
-        [mergedConfig.enableBarcodeDetector, BarcodeDetectorService],
-        [mergedConfig.enableWebAudio, WebAudioService],
-        [mergedConfig.enableGamepad, GamepadService],
-        [mergedConfig.enableWebBluetooth, WebBluetoothService],
-        [mergedConfig.enableWebUsb, WebUsbService],
-        [mergedConfig.enableWebNfc, WebNfcService],
-        [mergedConfig.enablePaymentRequest, PaymentRequestService],
-        [mergedConfig.enableCredentialManagement, CredentialManagementService],
-    ];
-    for (const [enabled, provider] of conditionalProviders) {
-        if (enabled) {
-            providers.push(provider);
-        }
-    }
-    return makeEnvironmentProviders(providers);
+function providePermissions() {
+    return makeEnvironmentProviders([PermissionsService]);
 }
-// Feature-specific providers for tree-shaking
+
 function provideCamera() {
-    return makeEnvironmentProviders([PermissionsService, CameraService]);
+    return makeEnvironmentProviders([CameraService]);
 }
+
 function provideGeolocation() {
     return makeEnvironmentProviders([PermissionsService, GeolocationService]);
 }
+
 function provideNotifications() {
     return makeEnvironmentProviders([PermissionsService, NotificationService]);
 }
+
 function provideClipboard() {
-    return makeEnvironmentProviders([PermissionsService, ClipboardService]);
+    return makeEnvironmentProviders([ClipboardService]);
 }
+
 function provideMediaDevices() {
     return makeEnvironmentProviders([PermissionsService, MediaDevicesService]);
 }
+
+function provideScreenWakeLock() {
+    return makeEnvironmentProviders([PermissionsService, ScreenWakeLockService]);
+}
+
+function provideFileSystemAccess() {
+    return makeEnvironmentProviders([PermissionsService, FileSystemAccessService]);
+}
+
+function provideMediaRecorder() {
+    return makeEnvironmentProviders([PermissionsService, MediaRecorderService]);
+}
+
+function provideIdleDetector() {
+    return makeEnvironmentProviders([PermissionsService, IdleDetectorService]);
+}
+
 function provideBattery() {
     return makeEnvironmentProviders([BatteryService]);
 }
+
 function provideWebShare() {
     return makeEnvironmentProviders([WebShareService]);
 }
+
 function provideWebStorage() {
     return makeEnvironmentProviders([WebStorageService]);
 }
+
 function provideWebSocket() {
     return makeEnvironmentProviders([WebSocketService]);
 }
+
 function provideWebWorker() {
     return makeEnvironmentProviders([WebWorkerService]);
 }
-function providePermissions() {
-    return makeEnvironmentProviders([PermissionsService]);
-}
-// Combined providers for common use cases
-function provideMediaApis() {
-    return makeEnvironmentProviders([PermissionsService, CameraService, MediaDevicesService]);
-}
-function provideLocationApis() {
-    return makeEnvironmentProviders([PermissionsService, GeolocationService]);
-}
-function provideStorageApis() {
-    return makeEnvironmentProviders([PermissionsService, ClipboardService, WebStorageService]);
-}
-function provideCommunicationApis() {
-    return makeEnvironmentProviders([
-        PermissionsService,
-        NotificationService,
-        WebShareService,
-        WebSocketService,
-    ]);
-}
+
 function provideIntersectionObserver() {
     return makeEnvironmentProviders([IntersectionObserverService]);
 }
+
 function provideResizeObserver() {
     return makeEnvironmentProviders([ResizeObserverService]);
 }
+
 function providePageVisibility() {
     return makeEnvironmentProviders([PageVisibilityService]);
 }
+
 function provideBroadcastChannel() {
     return makeEnvironmentProviders([BroadcastChannelService]);
 }
+
 function provideNetworkInformation() {
     return makeEnvironmentProviders([NetworkInformationService]);
 }
-function provideScreenWakeLock() {
-    return makeEnvironmentProviders([PermissionsService, ScreenWakeLockService]);
-}
+
 function provideScreenOrientation() {
     return makeEnvironmentProviders([ScreenOrientationService]);
 }
+
 function provideFullscreen() {
     return makeEnvironmentProviders([FullscreenService]);
 }
-function provideFileSystemAccess() {
-    return makeEnvironmentProviders([PermissionsService, FileSystemAccessService]);
-}
-function provideMediaRecorder() {
-    return makeEnvironmentProviders([PermissionsService, MediaRecorderService]);
-}
+
 function provideServerSentEvents() {
     return makeEnvironmentProviders([ServerSentEventsService]);
 }
+
 function provideVibration() {
     return makeEnvironmentProviders([VibrationService]);
 }
+
 function provideSpeechSynthesis() {
     return makeEnvironmentProviders([SpeechSynthesisService]);
 }
+
 function provideMutationObserver() {
     return makeEnvironmentProviders([MutationObserverService]);
 }
+
 function providePerformanceObserver() {
     return makeEnvironmentProviders([PerformanceObserverService]);
 }
-function provideIdleDetector() {
-    return makeEnvironmentProviders([PermissionsService, IdleDetectorService]);
-}
+
 function provideEyeDropper() {
     return makeEnvironmentProviders([EyeDropperService]);
 }
+
 function provideBarcodeDetector() {
     return makeEnvironmentProviders([BarcodeDetectorService]);
 }
+
 function provideWebAudio() {
     return makeEnvironmentProviders([WebAudioService]);
 }
+
 function provideGamepad() {
     return makeEnvironmentProviders([GamepadService]);
 }
+
 function provideWebBluetooth() {
     return makeEnvironmentProviders([WebBluetoothService]);
 }
+
 function provideWebUsb() {
     return makeEnvironmentProviders([WebUsbService]);
 }
+
 function provideWebNfc() {
     return makeEnvironmentProviders([WebNfcService]);
 }
+
 function providePaymentRequest() {
     return makeEnvironmentProviders([PaymentRequestService]);
 }
+
 function provideCredentialManagement() {
     return makeEnvironmentProviders([CredentialManagementService]);
 }
 
+function provideMediaApis() {
+    return makeEnvironmentProviders([PermissionsService, CameraService, MediaDevicesService]);
+}
+function provideLocationApis() {
+    return makeEnvironmentProviders([PermissionsService, GeolocationService]);
+}
+function provideStorageApis() {
+    return makeEnvironmentProviders([PermissionsService, ClipboardService, WebStorageService]);
+}
+function provideCommunicationApis() {
+    return makeEnvironmentProviders([
+        PermissionsService,
+        NotificationService,
+        WebShareService,
+        WebSocketService,
+    ]);
+}
+
+const defaultBrowserWebApisConfig = {
+    enableCamera: true,
+    enableGeolocation: true,
+    enableNotifications: true,
+    enableClipboard: true,
+    enableBattery: false,
+    enableMediaDevices: true,
+    enableWebShare: false,
+    enableWebStorage: false,
+    enableWebSocket: false,
+    enableWebWorker: false,
+    enableIntersectionObserver: false,
+    enableResizeObserver: false,
+    enablePageVisibility: false,
+    enableBroadcastChannel: false,
+    enableNetworkInformation: false,
+    enableScreenWakeLock: false,
+    enableScreenOrientation: false,
+    enableFullscreen: false,
+    enableFileSystemAccess: false,
+    enableMediaRecorder: false,
+    enableServerSentEvents: false,
+    enableVibration: false,
+    enableSpeechSynthesis: false,
+    enableMutationObserver: false,
+    enablePerformanceObserver: false,
+    enableIdleDetector: false,
+    enableEyeDropper: false,
+    enableBarcodeDetector: false,
+    enableWebAudio: false,
+    enableGamepad: false,
+    enableWebBluetooth: false,
+    enableWebUsb: false,
+    enableWebNfc: false,
+    enablePaymentRequest: false,
+    enableCredentialManagement: false,
+};
+function provideBrowserWebApis(config = {}) {
+    const mergedConfig = { ...defaultBrowserWebApisConfig, ...config };
+    const providers = [PermissionsService];
+    const conditionalProviders = [
+        [mergedConfig.enableCamera, CameraService],
+        [mergedConfig.enableGeolocation, GeolocationService],
+        [mergedConfig.enableNotifications, NotificationService],
+        [mergedConfig.enableClipboard, ClipboardService],
+        [mergedConfig.enableMediaDevices, MediaDevicesService],
+        [mergedConfig.enableBattery, BatteryService],
+        [mergedConfig.enableWebShare, WebShareService],
+        [mergedConfig.enableWebStorage, WebStorageService],
+        [mergedConfig.enableWebSocket, WebSocketService],
+        [mergedConfig.enableWebWorker, WebWorkerService],
+        [mergedConfig.enableIntersectionObserver, IntersectionObserverService],
+        [mergedConfig.enableResizeObserver, ResizeObserverService],
+        [mergedConfig.enablePageVisibility, PageVisibilityService],
+        [mergedConfig.enableBroadcastChannel, BroadcastChannelService],
+        [mergedConfig.enableNetworkInformation, NetworkInformationService],
+        [mergedConfig.enableScreenWakeLock, ScreenWakeLockService],
+        [mergedConfig.enableScreenOrientation, ScreenOrientationService],
+        [mergedConfig.enableFullscreen, FullscreenService],
+        [mergedConfig.enableFileSystemAccess, FileSystemAccessService],
+        [mergedConfig.enableMediaRecorder, MediaRecorderService],
+        [mergedConfig.enableServerSentEvents, ServerSentEventsService],
+        [mergedConfig.enableVibration, VibrationService],
+        [mergedConfig.enableSpeechSynthesis, SpeechSynthesisService],
+        [mergedConfig.enableMutationObserver, MutationObserverService],
+        [mergedConfig.enablePerformanceObserver, PerformanceObserverService],
+        [mergedConfig.enableIdleDetector, IdleDetectorService],
+        [mergedConfig.enableEyeDropper, EyeDropperService],
+        [mergedConfig.enableBarcodeDetector, BarcodeDetectorService],
+        [mergedConfig.enableWebAudio, WebAudioService],
+        [mergedConfig.enableGamepad, GamepadService],
+        [mergedConfig.enableWebBluetooth, WebBluetoothService],
+        [mergedConfig.enableWebUsb, WebUsbService],
+        [mergedConfig.enableWebNfc, WebNfcService],
+        [mergedConfig.enablePaymentRequest, PaymentRequestService],
+        [mergedConfig.enableCredentialManagement, CredentialManagementService],
+    ];
+    for (const [enabled, provider] of conditionalProviders) {
+        if (enabled) {
+            providers.push(provider);
+        }
+    }
+    return makeEnvironmentProviders(providers);
+}
+
 // Browser Web APIs Services
 // Version
 const version = '0.1.0';
@@ -3585,4 +3629,4 @@ const version = '0.1.0';
  * Generated bundle index. Do not edit.
  */
 
-export { BarcodeDetectorService, BatteryService, BroadcastChannelService, BrowserApiBaseService, BrowserCapabilityService, BrowserSupportUtil, CameraService, ClipboardService, ConnectionRegistryBaseService, CredentialManagementService, EyeDropperService, FileSystemAccessService, FullscreenService, GamepadService, GeolocationService, IdleDetectorService, IntersectionObserverService, MediaDevicesService, MediaRecorderService, MutationObserverService, NetworkInformationService, NotificationService, PageVisibilityService, PaymentRequestService, PerformanceObserverService, PermissionAwareBrowserApiBaseService, PermissionsService, ResizeObserverService, ScreenOrientationService, ScreenWakeLockService, ServerSentEventsService, SpeechSynthesisService, VibrationService, WebAudioService, WebBluetoothService, WebNfcService, WebShareService, WebSocketService, WebStorageService, WebUsbService, WebWorkerService, permissionGuard as createPermissionGuard, defaultBrowserWebApisConfig, injectGamepad, injectIdleDetector, injectIntersectionObserver, injectMutationObserver, injectNetworkInformation, injectPageVisibility, injectPerformanceObserver, injectResizeObserver, injectScreenOrientation, permissionGuard, provideBarcodeDetector, provideBattery, provideBroadcastChannel, provideBrowserWebApis, provideCamera, provideClipboard, provideCommunicationApis, provideCredentialManagement, provideEyeDropper, provideFileSystemAccess, provideFullscreen, provideGamepad, provideGeolocation, provideIdleDetector, provideIntersectionObserver, provideLocationApis, provideMediaApis, provideMediaDevices, provideMediaRecorder, provideMutationObserver, provideNetworkInformation, provideNotifications, providePageVisibility, providePaymentRequest, providePerformanceObserver, providePermissions, provideResizeObserver, provideScreenOrientation, provideScreenWakeLock, provideServerSentEvents, provideSpeechSynthesis, provideStorageApis, provideVibration, provideWebAudio, provideWebBluetooth, provideWebNfc, provideWebShare, provideWebSocket, provideWebStorage, provideWebUsb, provideWebWorker, version };
+export { BROWSER_API_LOGGER, BarcodeDetectorService, BatteryService, BroadcastChannelService, BrowserApiBaseService, BrowserCapabilityService, BrowserSupportUtil, CameraService, ClipboardService, ConnectionRegistryBaseService, CredentialManagementService, EyeDropperService, FileSystemAccessService, FullscreenService, GamepadService, GeolocationService, IdleDetectorService, IntersectionObserverService, MediaDevicesService, MediaRecorderService, MutationObserverService, NetworkInformationService, NotificationService, PageVisibilityService, PaymentRequestService, PerformanceObserverService, PermissionsService, ResizeObserverService, ScreenOrientationService, ScreenWakeLockService, ServerSentEventsService, SpeechSynthesisService, VibrationService, WebAudioService, WebBluetoothService, WebNfcService, WebShareService, WebSocketService, WebStorageService, WebUsbService, WebWorkerService, permissionGuard as createPermissionGuard, defaultBrowserWebApisConfig, injectGamepad, injectIdleDetector, injectIntersectionObserver, injectMutationObserver, injectNetworkInformation, injectPageVisibility, injectPerformanceObserver, injectResizeObserver, injectScreenOrientation, permissionGuard, provideBarcodeDetector, provideBattery, provideBroadcastChannel, provideBrowserWebApis, provideCamera, provideClipboard, provideCommunicationApis, provideCredentialManagement, provideEyeDropper, provideFileSystemAccess, provideFullscreen, provideGamepad, provideGeolocation, provideIdleDetector, provideIntersectionObserver, provideLocationApis, provideMediaApis, provideMediaDevices, provideMediaRecorder, provideMutationObserver, provideNetworkInformation, provideNotifications, providePageVisibility, providePaymentRequest, providePerformanceObserver, providePermissions, provideResizeObserver, provideScreenOrientation, provideScreenWakeLock, provideServerSentEvents, provideSpeechSynthesis, provideStorageApis, provideVibration, provideWebAudio, provideWebBluetooth, provideWebNfc, provideWebShare, provideWebSocket, provideWebStorage, provideWebUsb, provideWebWorker, version };