import os
import re

def port_html():
    source_path = r"C:\Users\naman\OneDrive\Desktop\pragativeer-v2\pragativeer-celebration_1.html"
    dest_path = r"C:\Users\naman\OneDrive\Desktop\pragativeer-v2\public\streak-animation.html"
    
    with open(source_path, 'r', encoding='utf-8') as f:
        html = f.read()

    # 1. Inject CSS to make background transparent and hide stage layout
    hide_css = """
  body, html {
    background: #000000 !important;
    background-image: none !important;
  }
  body.sad {
    background: #000000 !important;
    background-image: none !important;
  }
  body::after {
    display: none !important;
  }
  .stage {
    height: 100vh !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
  }
  .count, .panel, .hint {
    display: none !important;
  }
    """
    
    # Insert hide_css inside <style>
    style_tag = "</style>"
    html = html.replace(style_tag, hide_css + "\n</style>", 1)

    # 2. Replace parseTarget to read from URL search params
    parse_target_replacement = """
  const parseTarget=()=>{
    const params = new URLSearchParams(window.location.search);
    const s = params.get('streak');
    const v=parseFloat(s); 
    return isFinite(v)?v:0; 
  };
    """
    html = re.sub(r"const parseTarget=\(\)=>\{.*?\};", parse_target_replacement, html, flags=re.DOTALL)

    # 3. Replace the huge base64 logo image in .badge class with the local PragatiVeer SVG logo
    new_badge_css = """  .badge{
    position:absolute; inset:0; border-radius:50%;
    background: url('/PragatiVeer_Logo/SVG_Logos/Square_dark_background.svg') center/cover no-repeat !important;
  }"""
    html = re.sub(r"\.badge\s*\{[^}]*\}", new_badge_css, html, flags=re.DOTALL)

    # 4. Modify sad threshold and intensity scaling
    html = html.replace("const sad = target<5;", "const sad = target<=2;")
    html = html.replace("Math.max(target,5)/5", "Math.max(target,3)/3")
    html = html.replace("(4 - target) / 3", "(3 - target) / 3")
    
    # Replace blue canvas trailing colors
    html = html.replace("'rgba(8,18,38,0.22)'", "'rgba(0,0,0,0.22)'")
    html = html.replace("'rgba(10,16,23,0.3)'", "'rgba(0,0,0,0.3)'")
    html = html.replace("rgba(8,18,38,0.22)", "rgba(0,0,0,0.22)")
    html = html.replace("rgba(10,16,23,0.3)", "rgba(0,0,0,0.3)")
    
    # Replace blue root CSS variables
    html = html.replace("#081226", "#000000")
    html = html.replace("#0c1c39", "#000000")
    html = html.replace("#13294d", "#000000")
    html = html.replace("#16305c", "#000000")
    html = html.replace("#22303f", "#000000")
    html = html.replace("#131c26", "#000000")
    html = html.replace("#0a1017", "#000000")
    html = html.replace("rgba(130,160,200,.30)", "rgba(100,100,100,.30)")
    html = html.replace("rgba(96,124,164,.14)", "rgba(80,80,80,.14)")

    # 5. Adjust badge size from 230px to 240px
    html = html.replace("--badge:230px;", "--badge:240px;")

    light_theme_script = """
<script>
  (function(){
    setInterval(() => {
      let isLight = false;
      try {
        isLight = window.parent.document.documentElement.classList.contains('light') || 
                  window.parent.document.documentElement.getAttribute('data-theme') === 'light';
      } catch (e) {
        const p = new URLSearchParams(window.location.search);
        isLight = p.get('theme') === 'light';
      }

      if (isLight) {
        document.body.style.setProperty('background', '#ffffff', 'important');
        document.documentElement.style.setProperty('background', '#ffffff', 'important');
        const b = document.querySelector('.badge');
        if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_light_background.svg') center/cover no-repeat", 'important');
        if (typeof fadeCol !== 'undefined') {
          fadeCol = 'rgba(255,255,255,0.22)';
        }
      } else {
        document.body.style.setProperty('background', '#000000', 'important');
        document.documentElement.style.setProperty('background', '#000000', 'important');
        const b = document.querySelector('.badge');
        if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_dark_background.svg') center/cover no-repeat", 'important');
        if (typeof fadeCol !== 'undefined') {
          fadeCol = 'rgba(0,0,0,0.22)';
        }
      }
    }, 100);
  })();
</script>
    """
    html += light_theme_script

    with open(dest_path, 'w', encoding='utf-8') as f:
        f.write(html)
    print("Ported successfully to public/streak-animation.html")

if __name__ == "__main__":
    port_html()