unified-video-framework 1.4.411 → 1.4.413

package/packages/web/dist/drm/utils/DRMErrorHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DRMErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/drm/utils/DRMErrorHandler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3D,qBAAa,eAAe;IAI1B,MAAM,CAAC,sBAAsB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM;IAwCtD,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM;IAiBnD,MAAM,CAAC,WAAW,CAChB,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,OAAc,EACrB,OAAO,CAAC,EAAE,GAAG,EACb,WAAW,CAAC,EAAE,GAAG,GAChB,QAAQ;CASZ"}

package/packages/web/dist/drm/utils/DRMErrorHandler.js

@@ -0,0 +1,49 @@
+import { DRMErrorCode } from "../types/DRMTypes.js";
+export class DRMErrorHandler {
+    static getUserFriendlyMessage(error) {
+        switch (error.code) {
+            case DRMErrorCode.UNSUPPORTED_BROWSER:
+                return 'DRM is not supported in this browser. Please use Chrome, Safari, Firefox, or Edge.';
+            case DRMErrorCode.CERTIFICATE_LOAD_FAILED:
+                return 'Failed to load DRM certificate. Please check your internet connection.';
+            case DRMErrorCode.LICENSE_REQUEST_FAILED:
+                return 'Failed to obtain content license. Please check your internet connection and try again.';
+            case DRMErrorCode.KEY_SYSTEM_ACCESS_DENIED:
+                return 'Access to DRM system was denied. Please ensure DRM is enabled in your browser settings.';
+            case DRMErrorCode.MEDIA_KEYS_CREATION_FAILED:
+                return 'Failed to initialize DRM protection. Please try refreshing the page.';
+            case DRMErrorCode.SESSION_CREATION_FAILED:
+                return 'Failed to create secure playback session. Please try again.';
+            case DRMErrorCode.LICENSE_INVALID:
+                return 'Invalid or expired content license. You may not have permission to view this content.';
+            case DRMErrorCode.CONFIGURATION_ERROR:
+                return 'DRM configuration error. Please contact support.';
+            case DRMErrorCode.NETWORK_ERROR:
+                return 'Network error while loading protected content. Please check your internet connection.';
+            case DRMErrorCode.TIMEOUT:
+                return 'DRM initialization timed out. Please try again.';
+            default:
+                return 'An error occurred while loading protected content. Please try again.';
+        }
+    }
+    static getTechnicalMessage(error) {
+        let message = `[${error.code}] ${error.message}`;
+        if (error.details) {
+            message += `\nDetails: ${JSON.stringify(error.details, null, 2)}`;
+        }
+        if (error.systemError) {
+            message += `\nSystem Error: ${error.systemError}`;
+        }
+        return message;
+    }
+    static createError(code, message, fatal = true, details, systemError) {
+        return {
+            code,
+            message,
+            fatal,
+            details,
+            systemError,
+        };
+    }
+}
+//# sourceMappingURL=DRMErrorHandler.js.map

package/packages/web/dist/drm/utils/DRMErrorHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DRMErrorHandler.js","sourceRoot":"","sources":["../../../src/drm/utils/DRMErrorHandler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,OAAO,eAAe;IAI1B,MAAM,CAAC,sBAAsB,CAAC,KAAe;QAC3C,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB,KAAK,YAAY,CAAC,mBAAmB;gBACnC,OAAO,oFAAoF,CAAC;YAE9F,KAAK,YAAY,CAAC,uBAAuB;gBACvC,OAAO,wEAAwE,CAAC;YAElF,KAAK,YAAY,CAAC,sBAAsB;gBACtC,OAAO,wFAAwF,CAAC;YAElG,KAAK,YAAY,CAAC,wBAAwB;gBACxC,OAAO,yFAAyF,CAAC;YAEnG,KAAK,YAAY,CAAC,0BAA0B;gBAC1C,OAAO,sEAAsE,CAAC;YAEhF,KAAK,YAAY,CAAC,uBAAuB;gBACvC,OAAO,6DAA6D,CAAC;YAEvE,KAAK,YAAY,CAAC,eAAe;gBAC/B,OAAO,uFAAuF,CAAC;YAEjG,KAAK,YAAY,CAAC,mBAAmB;gBACnC,OAAO,kDAAkD,CAAC;YAE5D,KAAK,YAAY,CAAC,aAAa;gBAC7B,OAAO,uFAAuF,CAAC;YAEjG,KAAK,YAAY,CAAC,OAAO;gBACvB,OAAO,iDAAiD,CAAC;YAE3D;gBACE,OAAO,sEAAsE,CAAC;SACjF;IACH,CAAC;IAKD,MAAM,CAAC,mBAAmB,CAAC,KAAe;QACxC,IAAI,OAAO,GAAG,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,OAAO,EAAE,CAAC;QAEjD,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,OAAO,IAAI,cAAc,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;SACnE;QAED,IAAI,KAAK,CAAC,WAAW,EAAE;YACrB,OAAO,IAAI,mBAAmB,KAAK,CAAC,WAAW,EAAE,CAAC;SACnD;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAKD,MAAM,CAAC,WAAW,CAChB,IAAkB,EAClB,OAAe,EACf,QAAiB,IAAI,EACrB,OAAa,EACb,WAAiB;QAEjB,OAAO;YACL,IAAI;YACJ,OAAO;YACP,KAAK;YACL,OAAO;YACP,WAAW;SACZ,CAAC;IACJ,CAAC;CACF"}

package/packages/web/dist/drm/utils/LicenseRequestHandler.d.ts

@@ -0,0 +1,15 @@
+import { ExtendedDRMConfig, LicenseRequest, LicenseResponse } from '../types/DRMTypes';
+export declare class LicenseRequestHandler {
+    private config;
+    private debug;
+    constructor(config: ExtendedDRMConfig, debug?: boolean);
+    requestLicense(request: LicenseRequest): Promise<LicenseResponse>;
+    private makeRequest;
+    private isFatalError;
+    private textToArrayBuffer;
+    private base64ToArrayBuffer;
+    private delay;
+    private createError;
+    private log;
+}
+//# sourceMappingURL=LicenseRequestHandler.d.ts.map

package/packages/web/dist/drm/utils/LicenseRequestHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicenseRequestHandler.d.ts","sourceRoot":"","sources":["../../../src/drm/utils/LicenseRequestHandler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAgB,MAAM,mBAAmB,CAAC;AAErG,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,KAAK,CAAU;gBAEX,MAAM,EAAE,iBAAiB,EAAE,KAAK,GAAE,OAAe;IAQvD,cAAc,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,eAAe,CAAC;YAqCzD,WAAW;IAgEzB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,KAAK;IAOb,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,GAAG;CAKZ"}

package/packages/web/dist/drm/utils/LicenseRequestHandler.js

@@ -0,0 +1,110 @@
+import { DRMErrorCode } from "../types/DRMTypes.js";
+export class LicenseRequestHandler {
+    constructor(config, debug = false) {
+        this.config = config;
+        this.debug = debug;
+    }
+    async requestLicense(request) {
+        const maxRetries = this.config.retryConfig?.maxRetries || 3;
+        const retryDelay = this.config.retryConfig?.retryDelay || 1000;
+        let lastError;
+        for (let attempt = 0; attempt <= maxRetries; attempt++) {
+            try {
+                if (attempt > 0) {
+                    this.log(`Retry attempt ${attempt}/${maxRetries}`);
+                    await this.delay(retryDelay * attempt);
+                }
+                const response = await this.makeRequest(request);
+                return response;
+            }
+            catch (error) {
+                lastError = error;
+                this.log(`License request failed (attempt ${attempt + 1}/${maxRetries + 1}):`, error);
+                if (this.isFatalError(error)) {
+                    throw error;
+                }
+            }
+        }
+        throw this.createError(DRMErrorCode.LICENSE_REQUEST_FAILED, `Failed to request license after ${maxRetries + 1} attempts`, lastError);
+    }
+    async makeRequest(request) {
+        this.log('Requesting license from:', request.url);
+        try {
+            const response = await fetch(request.url, {
+                method: request.method,
+                headers: request.headers,
+                body: request.body,
+            });
+            if (!response.ok) {
+                throw this.createError(DRMErrorCode.LICENSE_REQUEST_FAILED, `License server returned ${response.status}: ${response.statusText}`, { status: response.status, statusText: response.statusText });
+            }
+            let license;
+            if (request.responseType === 'arraybuffer') {
+                license = await response.arrayBuffer();
+            }
+            else if (request.responseType === 'text') {
+                const text = await response.text();
+                license = this.textToArrayBuffer(text);
+            }
+            else if (request.responseType === 'json') {
+                const json = await response.json();
+                if (json.license) {
+                    license = this.base64ToArrayBuffer(json.license);
+                }
+                else {
+                    throw this.createError(DRMErrorCode.LICENSE_INVALID, 'License response does not contain license field', json);
+                }
+            }
+            else {
+                license = await response.arrayBuffer();
+            }
+            this.log('License received, size:', license.byteLength, 'bytes');
+            return {
+                license,
+                metadata: response.headers,
+            };
+        }
+        catch (error) {
+            if (error.code && error.code.startsWith('DRM_')) {
+                throw error;
+            }
+            throw this.createError(DRMErrorCode.NETWORK_ERROR, `Network error requesting license: ${error.message}`, error);
+        }
+    }
+    isFatalError(error) {
+        if (error.details?.status === 401 || error.details?.status === 403) {
+            return true;
+        }
+        if (error.code === DRMErrorCode.LICENSE_INVALID) {
+            return true;
+        }
+        return false;
+    }
+    textToArrayBuffer(text) {
+        const encoder = new TextEncoder();
+        return encoder.encode(text).buffer;
+    }
+    base64ToArrayBuffer(base64) {
+        const binaryString = atob(base64);
+        const bytes = new Uint8Array(binaryString.length);
+        for (let i = 0; i < binaryString.length; i++) {
+            bytes[i] = binaryString.charCodeAt(i);
+        }
+        return bytes.buffer;
+    }
+    delay(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
+    createError(code, message, details) {
+        const error = new Error(message);
+        error.code = code;
+        error.details = details;
+        return error;
+    }
+    log(...args) {
+        if (this.debug) {
+            console.log('[LicenseRequestHandler]', ...args);
+        }
+    }
+}
+//# sourceMappingURL=LicenseRequestHandler.js.map

package/packages/web/dist/drm/utils/LicenseRequestHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicenseRequestHandler.js","sourceRoot":"","sources":["../../../src/drm/utils/LicenseRequestHandler.ts"],"names":[],"mappings":"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"}

package/packages/web/src/WebPlayer.ts

@@ -1015,6 +1015,39 @@ export class WebPlayer extends BasePlayer {
         this.debugLog(`⏩ HLS startPosition set to: ${this.config.startTime}s (continue watching)`);
       }
 
+      // Add DRM configuration if present
+      if (this.source?.drm) {
+        try {
+          const { DRMManager } = await import('./drm/DRMManager');
+          const drmManager = new DRMManager(this.video!, this.source.drm as any, this.config.debug);
+
+          this.debugLog('Initializing DRM for HLS...');
+          const initResult = await drmManager.initialize();
+
+          if (!initResult.success) {
+            throw initResult.error || new Error('DRM initialization failed');
+          }
+
+          // Merge DRM config into HLS config
+          const drmConfig = drmManager.getHLSConfig();
+          Object.assign(hlsConfig, drmConfig);
+
+          this.debugLog(`✅ HLS DRM configured: ${initResult.drmType} (${initResult.keySystem})`);
+
+          // Store for cleanup
+          (this as any)._drmManager = drmManager;
+        } catch (error: any) {
+          this.handleError({
+            code: 'DRM_ERROR',
+            message: `Failed to initialize DRM: ${error.message || error}`,
+            type: 'drm',
+            fatal: true,
+            details: error
+          });
+          throw error;
+        }
+      }
+
       this.hls = new window.Hls(hlsConfig);
 
       this.hls.loadSource(url);
@@ -1104,6 +1137,39 @@ export class WebPlayer extends BasePlayer {
       // The seek will be applied at canplay event when stream is ready
     }
 
+    // Add DRM configuration if present
+    if (this.source?.drm) {
+      try {
+        const { DRMManager } = await import('./drm/DRMManager');
+        const drmManager = new DRMManager(this.video!, this.source.drm as any, this.config.debug);
+
+        this.debugLog('Initializing DRM for DASH...');
+        const initResult = await drmManager.initialize();
+
+        if (!initResult.success) {
+          throw initResult.error || new Error('DRM initialization failed');
+        }
+
+        // Set protection data for dash.js
+        const protectionData = drmManager.getDashProtectionData();
+        this.dash.setProtectionData(protectionData);
+
+        this.debugLog(`✅ DASH DRM configured: ${initResult.drmType} (${initResult.keySystem})`);
+
+        // Store for cleanup
+        (this as any)._drmManager = drmManager;
+      } catch (error: any) {
+        this.handleError({
+          code: 'DRM_ERROR',
+          message: `Failed to initialize DRM: ${error.message || error}`,
+          type: 'drm',
+          fatal: true,
+          details: error
+        });
+        throw error;
+      }
+    }
+
     this.dash.initialize(this.video, url, this.config.autoPlay);
 
     // Configure DASH settings
@@ -8590,21 +8656,12 @@ export class WebPlayer extends BasePlayer {
 
     this.lastDuration = duration;
 
-    // Check if this is a live stream
-    // 1. Manual override via isLive config
-    // 2. Duration = Infinity (pure live)
-    // 3. Previously detected as live (duration increased at some point)
-    // 4. Near live edge: duration - currentTime < 15 seconds (live with DVR)
-    const isLiveStream = this.config.isLive === true ||
-                         !isFinite(duration) ||
-                         this.isDetectedAsLive ||
-                         (duration > 0 && (duration - current) < 15);
-
-    if (isLiveStream) {
+    // Check if this is a live stream - only use isLive prop
+    if (this.config.isLive === true) {
       // Show LIVE indicator for live streams
       timeDisplay.innerHTML = '<span class="uvf-live-dot"></span><span class="uvf-live-text">LIVE</span>';
       timeDisplay.classList.add('uvf-is-live');
-      this.debugLog('Time display: LIVE stream detected (isLive=' + this.config.isLive + ', wasDetected=' + this.isDetectedAsLive + ', duration=' + duration + ')');
+      this.debugLog('Time display: LIVE stream (isLive=true)');
     } else {
       // Show normal time display for VOD
       const currentFormatted = this.formatTime(current);
@@ -11330,6 +11387,17 @@ export class WebPlayer extends BasePlayer {
   }
 
   private async cleanup(): Promise<void> {
+    // Cleanup DRM resources
+    if ((this as any)._drmManager) {
+      try {
+        this.debugLog('Cleaning up DRM resources');
+        await (this as any)._drmManager.destroy();
+        (this as any)._drmManager = null;
+      } catch (error) {
+        this.debugLog('Error cleaning up DRM:', error);
+      }
+    }
+
     if (this.hls) {
       this.hls.destroy();
       this.hls = null;

package/packages/web/src/drm/DRMManager.ts

@@ -0,0 +1,213 @@
+/**
+ * DRM Manager
+ * Main orchestrator for all DRM systems
+ * Provides a unified interface for HLS.js, dash.js, and native playback
+ */
+
+import { DRMType, DRMConfig } from '@unified-video/core';
+import { ExtendedDRMConfig, DRMInitResult, DRMError, DRMErrorCode, DRMCapabilities } from './types/DRMTypes';
+import { BrowserDetector } from './utils/BrowserDetector';
+import { BunnyNetProvider } from './providers/BunnyNetProvider';
+import { WidevineDRM } from './systems/WidevineDRM';
+import { FairPlayDRM } from './systems/FairPlayDRM';
+import { PlayReadyDRM } from './systems/PlayReadyDRM';
+import { BaseDRM } from './systems/BaseDRM';
+import { DRMErrorHandler } from './utils/DRMErrorHandler';
+
+export class DRMManager {
+  private videoElement: HTMLVideoElement;
+  private config: ExtendedDRMConfig;
+  private drmSystem: BaseDRM | null = null;
+  private browserDetector: BrowserDetector;
+  private debug: boolean = false;
+
+  constructor(videoElement: HTMLVideoElement, config: DRMConfig, debug: boolean = false) {
+    this.videoElement = videoElement;
+    this.config = this.normalizeConfig(config);
+    this.debug = debug || this.config.debug || false;
+    this.browserDetector = BrowserDetector.getInstance();
+  }
+
+  /**
+   * Initialize DRM system based on browser capabilities
+   */
+  async initialize(): Promise<DRMInitResult> {
+    try {
+      this.log('Initializing DRM system...');
+
+      // Detect browser capabilities
+      const capabilities = await this.browserDetector.detectCapabilities();
+      this.log('Browser DRM capabilities:', capabilities);
+
+      // Determine which DRM system to use
+      const drmType = this.selectDRMType(capabilities);
+      if (!drmType) {
+        const browserName = this.browserDetector.getBrowserName();
+        throw DRMErrorHandler.createError(
+          DRMErrorCode.UNSUPPORTED_BROWSER,
+          `No supported DRM system found in ${browserName}. Please use Chrome, Safari, Firefox, or Edge.`,
+          true,
+          { browser: browserName, capabilities }
+        );
+      }
+
+      this.log(`Selected DRM type: ${drmType}`);
+
+      // Create appropriate DRM system
+      this.drmSystem = this.createDRMSystem(drmType);
+
+      // Initialize the DRM system
+      await this.drmSystem.initialize();
+
+      return {
+        success: true,
+        drmType,
+        keySystem: this.drmSystem.getKeySystem(),
+      };
+    } catch (error: any) {
+      this.log('DRM initialization failed:', error);
+
+      const drmError = error.code && error.code.startsWith('DRM_')
+        ? error
+        : DRMErrorHandler.createError(
+            DRMErrorCode.CONFIGURATION_ERROR,
+            error.message || 'DRM initialization failed',
+            true,
+            error
+          );
+
+      return {
+        success: false,
+        drmType: this.config.type,
+        keySystem: '',
+        error: drmError,
+      };
+    }
+  }
+
+  /**
+   * Get HLS.js configuration for DRM
+   */
+  getHLSConfig(): any {
+    if (!this.drmSystem) {
+      throw new Error('DRM system not initialized. Call initialize() first.');
+    }
+
+    return this.drmSystem.getHLSConfig();
+  }
+
+  /**
+   * Get dash.js protection data for DRM
+   */
+  getDashProtectionData(): any {
+    if (!this.drmSystem) {
+      throw new Error('DRM system not initialized. Call initialize() first.');
+    }
+
+    return this.drmSystem.getDashProtectionData();
+  }
+
+  /**
+   * Cleanup DRM resources
+   */
+  async destroy(): Promise<void> {
+    if (this.drmSystem) {
+      this.log('Destroying DRM system');
+      await this.drmSystem.destroy();
+      this.drmSystem = null;
+    }
+  }
+
+  /**
+   * Select appropriate DRM type based on config and capabilities
+   */
+  private selectDRMType(capabilities: DRMCapabilities): DRMType | null {
+    // If config specifies a type and it's supported, use it
+    if (this.config.type) {
+      const typeSupported = this.isDRMTypeSupported(this.config.type, capabilities);
+      if (typeSupported) {
+        return this.config.type;
+      }
+
+      this.log(`Requested DRM type ${this.config.type} not supported, falling back to browser default`);
+    }
+
+    // Otherwise, use browser's preferred DRM system
+    return capabilities.supportedType;
+  }
+
+  /**
+   * Check if specific DRM type is supported
+   */
+  private isDRMTypeSupported(drmType: DRMType, capabilities: DRMCapabilities): boolean {
+    switch (drmType) {
+      case DRMType.WIDEVINE:
+        return capabilities.widevine;
+      case DRMType.FAIRPLAY:
+        return capabilities.fairplay;
+      case DRMType.PLAYREADY:
+        return capabilities.playready;
+      default:
+        return false;
+    }
+  }
+
+  /**
+   * Create DRM system instance
+   */
+  private createDRMSystem(drmType: DRMType): BaseDRM {
+    switch (drmType) {
+      case DRMType.FAIRPLAY:
+        return new FairPlayDRM(this.videoElement, this.config, this.debug);
+
+      case DRMType.WIDEVINE:
+        return new WidevineDRM(this.videoElement, this.config, this.debug);
+
+      case DRMType.PLAYREADY:
+        return new PlayReadyDRM(this.videoElement, this.config, this.debug);
+
+      default:
+        throw DRMErrorHandler.createError(
+          DRMErrorCode.CONFIGURATION_ERROR,
+          `Unsupported DRM type: ${drmType}`,
+          true
+        );
+    }
+  }
+
+  /**
+   * Normalize and enrich DRM config
+   */
+  private normalizeConfig(config: DRMConfig): ExtendedDRMConfig {
+    const extended = { ...config } as ExtendedDRMConfig;
+
+    // Auto-detect Bunny.net and enhance config
+    if (BunnyNetProvider.isBunnyNetConfig(config)) {
+      extended.provider = 'bunny';
+
+      // Extract IDs if available
+      const ids = BunnyNetProvider.extractIdsFromUrl(config.licenseUrl);
+      if (ids.libraryId) extended.libraryId = ids.libraryId;
+      if (ids.videoId) extended.videoId = ids.videoId;
+
+      this.log('Detected Bunny.net DRM configuration');
+    }
+
+    // Set defaults
+    extended.retryConfig = extended.retryConfig || {
+      maxRetries: 3,
+      retryDelay: 1000,
+    };
+
+    return extended;
+  }
+
+  /**
+   * Debug logging
+   */
+  private log(...args: any[]): void {
+    if (this.debug) {
+      console.log('[DRMManager]', ...args);
+    }
+  }
+}

package/packages/web/src/drm/index.ts

@@ -0,0 +1,37 @@
+/**
+ * DRM System - Public API
+ * Exports for the DRM system
+ */
+
+// Main DRM Manager
+export { DRMManager } from './DRMManager';
+
+// Providers
+export { BunnyNetProvider } from './providers/BunnyNetProvider';
+export { GenericProvider } from './providers/GenericProvider';
+
+// Types
+export type {
+  ExtendedDRMConfig,
+  DRMCapabilities,
+  LicenseRequest,
+  LicenseResponse,
+  DRMInitResult,
+  DRMError,
+} from './types/DRMTypes';
+
+export { DRMErrorCode, KEY_SYSTEMS } from './types/DRMTypes';
+
+export type { BunnyNetConfig, BunnyNetEndpoints } from './types/BunnyNetTypes';
+export { BUNNY_NET_BASE_URL, BUNNY_NET_ENDPOINTS } from './types/BunnyNetTypes';
+
+// Utilities
+export { BrowserDetector } from './utils/BrowserDetector';
+export { DRMErrorHandler } from './utils/DRMErrorHandler';
+export { CertificateManager } from './utils/CertificateManager';
+
+// DRM Systems (for advanced usage)
+export { BaseDRM } from './systems/BaseDRM';
+export { WidevineDRM } from './systems/WidevineDRM';
+export { FairPlayDRM } from './systems/FairPlayDRM';
+export { PlayReadyDRM } from './systems/PlayReadyDRM';