(async () => {
      // Define an asynchronous function to write a poem
      const writePoem = async () => {
        try {
          // Check if the language model capabilities are available
          const { available, defaultTemperature, defaultTopK, maxTopK } = await ai.languageModel.capabilities();

          // console.log ((await ai.languageModel.capabilities()).available);

          if (available !== "no") {
            // Create a session for the language model
            const session = await ai.languageModel.create();

            // Prompt the model and wait for the result
            document.getElementById("output").innerHTML = "Generating....";
            const result = await session.prompt("Write me a poem");

            if (result) {
              // Display the result in the output element
              document.getElementById("output").innerHTML = result;
            } else {
              console.log("No result received from the language model.");
            }
          } else {
            console.log("Language model is not available.");
          }
        } catch (error) {
          console.error("An error occurred:", error);
        }
      };

      // Define an asynchronous function to summarize text
      const summarize = async () => {
        try {
          // Check the summarizer's capabilities
          const canSummarize = await ai.summarizer.capabilities();
          let summarizer;

          // Check if the summarizer is available
          if (canSummarize && canSummarize.available !== 'no') {
            if (canSummarize.available === 'readily') {
              // If the summarizer is readily available, create an instance immediately
              summarizer = await ai.summarizer.create();
            } else {
              // If the summarizer requires a model download, create an instance and track download progress
              summarizer = await ai.summarizer.create();

              // // Add an event listener to monitor download progress
              // summarizer.addEventListener('downloadprogress', (e) => {
              //   console.log(`Download progress: ${e.loaded}/${e.total}`);
              // });

              // Wait for the summarizer to be ready after the download is complete
              await summarizer.ready;
            }
          } else {
            // Log a message if the summarizer is not available
            console.log("The summarizer is not available for use.");
          }

          // Get the text to summarize
          const someUserText = document.getElementById("sample").innerHTML;

          document.getElementById("output").innerHTML = "Summarizing....";
          const result = await summarizer.summarize(someUserText);
          document.getElementById("output").innerHTML = result;

        } catch (error) {
          // Handle and log any errors that occur
          console.error("An error occurred:", error);
        }
      };

      const languageDetection = async () => {
        try {
          // Check the language detection capabilities
          const canDetect = await translation.canDetect();
          console.log("Language detection capability:", canDetect);
          let detector;

          if (canDetect === "no") {
            // The language detector isn't usable.
            console.log("Language detector is not available.");
            return;
          }

          if (canDetect === "readily") {
            // The language detector can immediately be used.
            detector = await translation.createDetector();
            // detector = new i18nextBrowserLanguageDetector();
            console.log(detector);
          } else {
            // The language detector can be used after model download.
            detector = await translation.createDetector();
            detector.addEventListener("downloadprogress", (e) => {
              console.log(`Download progress: ${e.loaded}/${e.total}`);
            });
            await detector.ready; // Ensure the detector is ready
          }

          // Retrieve user text safely
          const userText = document.getElementById("input-text")?.value || "";
          if (!userText.trim()) {
            console.error("No input text found for detection.");
            return;
          }

          console.log("Input text:", userText);

          const detectionOutput = await detector.detect(userText);
          console.log("Hello");

          if (detectionOutput.length > 0) {
            const { detectedLanguage, confidence } = detectionOutput[0];
            document.getElementById("language").innerHTML = detectedLanguage;
            document.getElementById("confidence").innerHTML = `${(confidence * 100).toFixed(1)}%`;
            console.log("Detected Language:", detectedLanguage);
            console.log("Confidence:", confidence);
          } else {
            console.warn("No language detected.");
          }

          console.log("Language detection completed.");
        } catch (error) {
          // Handle and log any errors that occur
          console.error("An error occurred:", error);
        }
      };

// Global error handling
window.addEventListener('error', (event) => {
  console.error('Global error caught:', event.error);
});

window.addEventListener('unhandledrejection', (event) => {
  console.error('Unhandled promise rejection:', event.reason);
});

// Trigger function with additional error catching
try {
  languageDetection().catch(promiseError => {
    console.error('Promise-level error:', promiseError);
  });
} catch (syncError) {
  console.error('Synchronous error in function call:', syncError);
}  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

      // Attach the click event listener to the prompt button
      const promptButton = document.getElementById("prompt");
      if (promptButton) {
        promptButton.addEventListener("click", writePoem);
      } else {
        console.error("Prompt button element not found.");
      }

      // Attach the click event listener to the Summarize button
      const summarizeButton = document.getElementById("summarize");
      if (summarizeButton) {
        summarizeButton.addEventListener("click", summarize);
      } else {
        console.error("summarize button element not found.");
      }

      // Attach the language detection API to click for detect button.
      const detectButton = document.getElementById("detect");
      // console.log(detectButton);
      if (detectButton) {
        detectButton.addEventListener("click", languageDetection);
      } else {
        console.error("language detetction element not found.");
      }

    })();