callforth

import { eventOn, timeout } from "callforth"; async function loadAndTrackScript(url: string) { console.log(`Attempting to load script from: ${url}`); const script = document.createElement("script"); script.src = url; script.async = true; // Append to document to start loading document.head.appendChild(script); try { // Await either 'load' for success or 'error' for failure const result = await eventOn(script, "load", "error"); if (result.type === "load") { console.log(`Script loaded successfully from ${url} at ${new Date().toLocaleTimeString()}.`); await timeout(500); // Simulate a small delay after loading console.log("Further processing after a short pause."); } else if (result.type === "error") { console.error(`Failed to load script from ${url}.`); } } catch (err) { console.error(`An unexpected error occurred during script loading for ${url}:`, err); } finally { // Clean up the script element after it's done if (script.parentNode) { script.parentNode.removeChild(script); } console.log(`Cleanup for ${url} complete.`); } } // Example usage: Try loading a valid and an invalid script loadAndTrackScript('https://unpkg.com/react@18/umd/react.production.min.js'); // In a real scenario, you'd replace 'nonexistent.js' with a URL that genuinely fails // loadAndTrackScript('https://example.com/nonexistent.js');