/**
 * Version Check Script
 * Tests if browser is using cached JavaScript files
 */

// Get the version from the main docs page
fetch('/docs.html?' + Date.now())
  .then(r => r.text())
  .then(html => {
    const match = html.match(/docs-app\.js\?v=(\d+)/);
    const version = match ? match[1] : 'NOT FOUND';

    const expected = '1759828916';
    const correct = version === expected;

    // Now fetch the actual JavaScript
    return fetch('/js/docs-app.js?v=' + version + '&' + Date.now())
      .then(r => r.text())
      .then(js => {
        const hasNewHandler = js.includes('window.location.href=');
        const hasOldHandler = js.includes('event.stopPropagation()');

        let html = '';

        if (correct && hasNewHandler) {
          html = `
            <div class="box good">
              <h2>✅ Version is CORRECT</h2>
              <p>JavaScript version: <code>${version}</code></p>
              <p>Handler includes: <code>window.location.href</code></p>
              <p><strong>Downloads should work now!</strong></p>
            </div>
          `;
        } else {
          html = `
            <div class="box bad">
              <h2>❌ Version is WRONG</h2>
              <p>JavaScript version loaded: <code>${version}</code></p>
              <p>Expected: <code>${expected}</code></p>
              <p>Has new handler: ${hasNewHandler ? '✅ YES' : '❌ NO'}</p>
              <p><strong>Your browser is serving cached files!</strong></p>
            </div>
            <div class="box">
              <h3>Cached JavaScript Snippet:</h3>
              <pre>${js.substring(js.indexOf('onclick='), js.indexOf('onclick=') + 200).replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre>
            </div>
          `;
        }

        document.getElementById('results').innerHTML = html;
      });
  })
  .catch(err => {
    document.getElementById('results').innerHTML = `
      <div class="box bad">
        <h2>Error</h2>
        <p>${err.message}</p>
      </div>
    `;
  });