Camera API

// Enable mirroring for front-facing camera
anyline.camera.mirrorStream(true);

// Disable mirroring for back-facing camera
anyline.camera.mirrorStream(false);

// Flip the preview upside down
anyline.camera.flipStream(true);

const mirrored = anyline.camera.isMirrored();

anyline.camera.flipFramesLeftRight(true);

anyline.camera.flipFramesTopBottom(true);

// Get available cameras
const devices = await navigator.mediaDevices.enumerateDevices();
const cameras = devices.filter(d => d.kind === 'videoinput');

console.log('Available cameras:', cameras);

// Switch to back camera
const backCamera = cameras.find(c =>
  c.label.toLowerCase().includes('back') ||
  c.label.toLowerCase().includes('rear')
);

if (backCamera) {
  anyline.camera.setCamera(backCamera.deviceId);
}

async function createCameraSelector(anyline: AnylineJS) {
  const devices = await navigator.mediaDevices.enumerateDevices();
  const cameras = devices.filter(d => d.kind === 'videoinput');

  const select = document.createElement('select');

  cameras.forEach(camera => {
    const option = document.createElement('option');
    option.value = camera.deviceId;
    option.text = camera.label || `Camera ${cameras.indexOf(camera) + 1}`;
    select.appendChild(option);
  });

  select.addEventListener('change', (e) => {
    const deviceId = (e.target as HTMLSelectElement).value;
    anyline.camera.setCamera(deviceId);
  });

  return select;
}

// Reappend camera when window regains focus
window.addEventListener('focus', () => {
  anyline.camera.reappend();
});

// Handle visibility change
document.addEventListener('visibilitychange', () => {
  if (!document.hidden) {
    // Page became visible, reappend camera
    anyline.camera.reappend();
  }
});

// Comprehensive camera stream recovery
let wasHidden = false;

document.addEventListener('visibilitychange', () => {
  if (document.hidden) {
    wasHidden = true;
  } else if (wasHidden) {
    // Only reappend if page was actually hidden
    console.log('Recovering camera stream...');
    anyline.camera.reappend();
    wasHidden = false;
  }
});

// Handle page show events (e.g., returning from background on mobile browsers)
window.addEventListener('pageshow', () => {
  if (anyline.getState() === 'scanning') {
    console.log('App resumed, recovering camera...');
    anyline.camera.reappend();
  }
});

import { OnlyAndroidChromeError } from '@anyline/anyline-js';

// Refocus button handler
async function handleRefocusClick() {
  try {
    await anyline.camera.refocus();
    console.log('Camera refocused successfully');
  } catch (error) {
    if (error instanceof OnlyAndroidChromeError) {
      console.warn('Manual refocus not supported on this browser');
    } else {
      console.error('Refocus failed:', error);
    }
  }
}

// Only show refocus button on supported platforms
async function setupRefocusButton() {
  const refocusBtn = document.createElement('button');
  refocusBtn.textContent = 'Refocus';
  refocusBtn.onclick = async () => {
    try {
      await anyline.camera.refocus();
      showToast('Camera refocused');
    } catch (error) {
      if (error instanceof OnlyAndroidChromeError) {
        console.warn('Manual refocus not supported on this browser');
      } else {
        console.error('Refocus failed:', error);
      }
    }
  };

  document.body.appendChild(refocusBtn);
}

import { OnlyAndroidChromeError } from '@anyline/anyline-js';

// Toggle flash
async function toggleFlash(enabled: boolean) {
  try {
    await anyline.camera.activateFlash(enabled);
    console.log(`Flash ${enabled ? 'enabled' : 'disabled'}`);
  } catch (error) {
    if (error instanceof OnlyAndroidChromeError) {
      console.warn('Flash control not supported on this browser');
    } else {
      console.error('Flash toggle failed:', error);
    }
  }
}

// Flash toggle with state management
let flashEnabled = false;

async function createFlashToggle() {
  const flashBtn = document.createElement('button');
  flashBtn.className = 'flash-toggle';
  flashBtn.textContent = 'Flash Off';

  flashBtn.onclick = async () => {
    flashEnabled = !flashEnabled;

    try {
      await anyline.camera.activateFlash(flashEnabled);
      flashBtn.textContent = flashEnabled ? 'Flash On' : 'Flash Off';
      flashBtn.classList.toggle('active', flashEnabled);
    } catch (error) {
      if (error instanceof OnlyAndroidChromeError) {
        console.warn('Flash control not supported on this browser');
      } else {
        console.error('Failed to toggle flash:', error);
      }
      flashEnabled = !flashEnabled; // Revert state
    }
  };

  return flashBtn;
}

document.addEventListener('visibilitychange', () => {
  if (!document.hidden) {
    anyline.camera.reappend();
  }
});

import { OnlyAndroidChromeError } from '@anyline/anyline-js';

try {
  await anyline.camera.refocus();
} catch (error) {
  if (error instanceof OnlyAndroidChromeError) {
    console.log('Feature not supported on this browser');
  }
}

showLoadingIndicator();
anyline.camera.setCamera(deviceId);
// Camera switches asynchronously, show indicator until stream restarts