peworkshop/components/scanner-polyfill.js

// This is a helper function to ensure QR scanner compatibility
export const ensureScannerCompatibility = () => {
  // Add basic polyfills for methods that might be missing
  if (typeof Function.prototype.bind !== "function") {
    Function.prototype.bind = function (context) {
      const fn = this;
      return function () {
        return fn.apply(context, arguments);
      };
    };
  }

  // Ensure MediaDevices API is available
  if (typeof window !== "undefined") {
    if (!navigator.mediaDevices) {
      navigator.mediaDevices = {};
    }

    // Polyfill for older browsers that don't implement getUserMedia
    if (!navigator.mediaDevices.getUserMedia) {
      navigator.mediaDevices.getUserMedia = function(constraints) {
        const getUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
        
        // Return a rejected promise if getUserMedia is not implemented
        if (!getUserMedia) {
          return Promise.reject(new Error('getUserMedia is not implemented in this browser'));
        }
        
        // Otherwise, wrap the call to the old navigator.getUserMedia with a Promise
        return new Promise(function(resolve, reject) {
          getUserMedia.call(navigator, constraints, resolve, reject);
        });
      };
    }

    // Ensure console methods exist for debugging
    if (!window.console) window.console = {};
    const methods = ["log", "error", "warn", "info"];
    methods.forEach((method) => {
      if (!window.console[method]) {
        window.console[method] = function () {};
      }
    });
  }

  return true;
};

// Helper function to check if camera is available and accessible
export const checkCameraAvailability = async () => {
  try {
    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
      return { available: false, error: 'MediaDevices API not supported' };
    }
    
    // Try to access the camera with explicit video request
    const stream = await navigator.mediaDevices.getUserMedia({ 
      video: true,
      audio: false
    });
    
    // If we get here, camera is available - stop the stream
    if (stream) {
      stream.getTracks().forEach(track => track.stop());
    }
    
    return { available: true };
  } catch (error) {
    return {
      available: false,
      error: error.message,
      name: error.name,
      permission: error.name === 'NotAllowedError' || error.name === 'PermissionDeniedError' 
        ? 'denied' 
        : 'unknown'
    };
  }
};