import {typestripped} from "./typestripped.js";

let transformCache: Record<string,string> = {};
let baseUrl = location.href;

function transformImport(url: string): string {
    // Do we need to translate?
    if (url.slice(-3)==='.js') return url;

    const absoluteUrl = new URL(url, baseUrl).toString();
    let objectUrl = transformCache[absoluteUrl];
    if (!objectUrl) {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', absoluteUrl, false); // false for synchronous request
        xhr.send(null);
        
        if (xhr.status !== 200) {
            throw new Error(`HTTP error! status: ${xhr.status} for ${absoluteUrl}`);
        }
        
        const ts = xhr.responseText;
        let oldBaseUrl = baseUrl;
        baseUrl = absoluteUrl;
        const js = typestripped(ts, {recover: true, transformImport}) + "\n//# sourceURL=" + absoluteUrl;
        baseUrl = oldBaseUrl;
        const blob = new Blob([js], { type: 'application/javascript' });
        objectUrl = URL.createObjectURL(blob);
        transformCache[absoluteUrl] = objectUrl;
    }
    console.log(`typestripped browser transformed import`, absoluteUrl, objectUrl);
    return objectUrl;
}

export async function transpile(tsE: Element): Promise<void> {
    let ts: string;
    
    // Check if there's a src attribute
    let src = tsE.getAttribute('src');
    if (src) {
        src = new URL(src, baseUrl).toString();
        // Fetch the TypeScript file
        const response = await fetch(src);
        if (!response.ok) {
            throw new Error(`Failed to fetch ${src}: ${response.status} ${response.statusText}`);
        }
        ts = await response.text();
    } else {
        // Use inline code
        ts = tsE.textContent || '';
    }
    
    // Convert TypeScript to JavaScript
    const jsE = document.createElement('script');
    let js = typestripped(ts, {recover: true, transformImport});
    if (src) js += "\n//# sourceURL=" + src;
    jsE.textContent = js;
    jsE.setAttribute('type', 'module');
            
    // Replace the TypeScript script with the JavaScript one
    tsE.parentNode!.replaceChild(jsE, tsE);
}

export async function transpileAll(): Promise<void> {
    const tsEs = document.querySelectorAll('script[type="text/typescript"]');
    for (const tsE of tsEs) {
        try {
            await transpile(tsE);
        } catch(e) {
            console.error(e);
        }
    }
}

document.addEventListener('DOMContentLoaded', transpileAll);