(() => {
  const params  = new URLSearchParams(location.search);
  const destUrl = params.get('url');
  const loadDelay = params.get('load_delay'); // seconds, or null

  if (!destUrl) {
    document.querySelector('.label').textContent = 'No URL provided.';
    document.getElementById('dest').textContent  = '';
    document.getElementById('goNow').style.display = 'none';
    return;
  }

  document.getElementById('dest').textContent = destUrl;
  document.title = '⏳ ' + destUrl;

  let navigated = false;

  function navigate() {
    if (navigated) return;
    navigated = true;
    if( destUrl.indexOf('chrome://')==0 ) {
      document.querySelector('.ring').style.display = 'none';
      document.querySelector('.label').textContent = 'Cant load url';
    }
    else {
      location.replace(destUrl);
    }
  }

  // "Load now" button — immediate bypass
  document.getElementById('goNow').addEventListener('click', navigate);

  // Navigate when the tab becomes visible (user switches to it)
  if (document.visibilityState === 'visible') {
    document.getElementById('content').style.display = 'block';
    requestAnimationFrame(navigate);
  }
  else {
    document.addEventListener('visibilitychange', () => {
      if (document.visibilityState === 'visible') {
        document.getElementById('content').style.display = 'block';
        requestAnimationFrame(navigate);
      }
    });
  }

  if( loadDelay!=null ) {
    setTimeout(navigate, loadDelay*1000);
  }
})();