From dc6778c2ab73349aad6b6694ebd948957c9e405f Mon Sep 17 00:00:00 2001
From: Lucas <85502182+puksh@users.noreply.github.com>
Date: Tue, 17 Sep 2024 12:52:37 +0200
Subject: [PATCH] prettiefied the code >ww<

---
 README.md         |   2 -
 public/index.html | 412 +++++++++++++++++----------------
 public/script.js  | 571 ++++++++++++++++++++++++----------------------
 public/styles.css | 149 ++++++------
 server.mjs        |  68 +++---
 5 files changed, 624 insertions(+), 578 deletions(-)
diff --git a/README.md b/README.md
index 59aaaf0..b6f44e1 100644
--- a/README.md
+++ b/README.md
@@ -2,10 +2,8 @@
 
 ![image](https://github.com/user-attachments/assets/af423b37-55b9-4c3c-a3af-e1f16e4c15ae)
 
-
 <!--![image](https://github.com/user-attachments/assets/38f3187b-bb4c-42a9-872d-35e01b55e5a7) -->
 
-
 <!-- Old style ![image](https://github.com/user-attachments/assets/5708a6a7-1cb1-446d-a7f6-b17ec85bd215)  -->
 
 OLXScrapper is a simple web scraper designed to enhance search capabilities for the OLX website. It allows you to search and extract relevant information from the OLX platform using a given query, providing a basic foundation for a better search engine.
diff --git a/public/index.html b/public/index.html
index 14c1542..1f5103c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,216 +1,236 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>OLX Custom Search</title>
-    <link rel="stylesheet" href="styles.css">
-    <link rel="icon" href="/Site-favicon.ico" type="image/x-icon">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="icon" href="/Site-favicon.ico" type="image/x-icon" />
+  </head>
 
-<body>
+  <body>
     <div class="top-bar">
-        <button id="darkModeToggle">🌙 Toggle Dark Mode</button>
-        <button id="toggleAdsButton">Hide Highlighted Ads</button>
+      <button id="darkModeToggle">🌙 Toggle Dark Mode</button>
+      <button id="toggleAdsButton">Hide Highlighted Ads</button>
     </div>
     <div class="search-bar-container">
-        <!-- Search Bar -->
-        <label>🔍</label>
-        <input type="text" id="searchBox" placeholder="Enter your search query">
-
-        <!-- City Input -->
-        <label>🌆</label>
-        <input type="text" id="cityInput" placeholder="Enter your city">
-        <button id="findLocationButton">Find My Location</button>
-
-
-        <!-- Sorting -->
-        <label>🔽</label>
-        <label for="category-select">Sort:</label>
-        <select id="sortOrder">
-            <option value="created_at:desc">Newest</option>
-            <option value="filter_float_price:asc">Cheapest</option>
-            <option value="filter_float_price:desc">Most Expensive</option>
+      <!-- Search Bar -->
+      <label>🔍</label>
+      <input type="text" id="searchBox" placeholder="Enter your search query" />
+
+      <!-- City Input -->
+      <label>🌆</label>
+      <input type="text" id="cityInput" placeholder="Enter your city" />
+      <button id="findLocationButton">Find My Location</button>
+
+      <!-- Sorting -->
+      <label>🔽</label>
+      <label for="category-select">Sort:</label>
+      <select id="sortOrder">
+        <option value="created_at:desc">Newest</option>
+        <option value="filter_float_price:asc">Cheapest</option>
+        <option value="filter_float_price:desc">Most Expensive</option>
+      </select>
+
+      <!-- Categories List -->
+      <label>📂</label>
+      <div class="category-chooser">
+        <label for="category-select">Category:</label>
+        <select id="category-select" class="category-select">
+          <option value="">Wszystkie kategorie</option>
+
+          <!-- Antyki i Kolekcje with subcategories -->
+          <optgroup label="Antyki i Kolekcje">
+            <option value="4042">Antyki i Kolekcje</option>
+            <option value="4042-396">Antyki</option>
+            <option value="4042-517">Kolekcje</option>
+            <option value="4042-64">Sztuka</option>
+            <option value="4042-88">Rękodzieło</option>
+          </optgroup>
+
+          <!-- Motoryzacja with subcategories -->
+          <optgroup label="Motoryzacja">
+            <option value="5">Motoryzacja</option>
+          </optgroup>
+
+          <!-- Nieruchomości with subcategories -->
+          <optgroup label="Nieruchomości">
+            <option value="3">Nieruchomości</option>
+          </optgroup>
+
+          <!-- Praca with subcategories -->
+          <optgroup label="Praca">
+            <option value="4">Praca</option>
+          </optgroup>
+
+          <!-- Dom i Ogród with subcategories -->
+          <optgroup label="Dom i Ogród">
+            <option value="628">Dom i Ogród</option>
+          </optgroup>
+
+          <!-- Elektronika with subcategories -->
+          <optgroup label="Elektronika">
+            <option value="99-1">Fotografia</option>
+            <option value="99-2">Gry i Konsole</option>
+            <option value="komputery">Komputery</option>
+            <option value="akcesoria-komputerowe">Akcesoria komputerowe</option>
+            <option value="dyski-zewnetrzne">Dyski zewnetrzne</option>
+            <option value="glosniki-komputerowe">Glosniki komputerowe</option>
+            <option value="kable-i-przejsciowki">Kable i przejsciowki</option>
+            <option value="kamerki-internetowe">Kamerki internetowe</option>
+            <option value="klawiatury">Klawiatury</option>
+            <option value="mikrofony">Mikrofony</option>
+            <option value="myszki">Myszki</option>
+            <option value="pendrive">Pendrive</option>
+            <option value="podkladki-i-stojaki">Podkladki i stojaki</option>
+            <option value="sluchawki">Sluchawki</option>
+            <option value="torby-i-etui">Torby i etui</option>
+            <option value="pozostale">Pozostale</option>
+            <option value="drukarki">Drukarki i skanery</option>
+            <option value="stacjonarne">Komputery stacjonarne</option>
+            <option value="laptopy">Laptopy</option>
+            <option value="monitory">Monitory</option>
+            <option value="oprogramowanie">Oprogramowanie</option>
+            <option value="podzespoly">Podzespoły i części</option>
+            <option value="tablety">Tablety</option>
+            <option value="sieciowe">Urządzenia sieciowe</option>
+            <option value="pozostale">Pozostałe</option>
+
+            <option value="99-4">Smartwatche i opaski</option>
+            <option value="99-5">Sprzęt AGD</option>
+            <option value="99-6">Sprzęt audio</option>
+            <option value="99-7">Sprzęt video</option>
+            <option value="99-8">Telefony</option>
+            <option value="99-9">TV</option>
+            <option value="99-10">Pozostała elektronika</option>
+            <option value="99-11">Sprzęt car audio</option>
+            <option value="99-12">
+              Serwis i naprawa RTV, AGD, Elektronika
+            </option>
+          </optgroup>
+
+          <!-- Moda with subcategories -->
+          <optgroup label="Moda">
+            <option value="87">Moda</option>
+          </optgroup>
+
+          <!-- Rolnictwo with subcategories -->
+          <optgroup label="Rolnictwo">
+            <option value="757">Rolnictwo</option>
+          </optgroup>
+
+          <!-- Zwierzęta with subcategories -->
+          <optgroup label="Zwierzęta">
+            <option value="103">Zwierzęta</option>
+          </optgroup>
+
+          <!-- Dla Dzieci with subcategories -->
+          <optgroup label="Dla Dzieci">
+            <option value="88">Dla Dzieci</option>
+          </optgroup>
+
+          <!-- Sport i Hobby with subcategories -->
+          <optgroup label="Sport i Hobby">
+            <option value="767">Sport i Hobby</option>
+          </optgroup>
+
+          <!-- Muzyka i Edukacja with subcategories -->
+          <optgroup label="Muzyka i Edukacja">
+            <option value="751">Muzyka i Edukacja</option>
+          </optgroup>
+
+          <!-- Zdrowie i Uroda with subcategories -->
+          <optgroup label="Zdrowie i Uroda">
+            <option value="3647">Zdrowie i Uroda</option>
+          </optgroup>
+
+          <!-- Usługi with subcategories -->
+          <optgroup label="Usługi">
+            <option value="4371">Usługi</option>
+          </optgroup>
+
+          <!-- Noclegi with subcategories -->
+          <optgroup label="Noclegi">
+            <option value="1816">Noclegi</option>
+          </optgroup>
+
+          <!-- Wypożyczalnia with subcategories -->
+          <optgroup label="Wypożyczalnia">
+            <option value="3018">Wypożyczalnia</option>
+          </optgroup>
+
+          <!-- Dla Firm with subcategories -->
+          <optgroup label="Dla Firm">
+            <option value="4269">Dla Firm</option>
+          </optgroup>
+
+          <!-- Oddam za darmo with subcategories -->
+          <optgroup label="Oddam za darmo">
+            <option value="1151">Oddam za darmo</option>
+          </optgroup>
         </select>
-
-        <!-- Categories List -->
-        <label>📂</label>
-        <div class="category-chooser">
-            <label for="category-select">Category:</label>
-            <select id="category-select" class="category-select">
-                <option value="">Wszystkie kategorie</option>
-
-                <!-- Antyki i Kolekcje with subcategories -->
-                <optgroup label="Antyki i Kolekcje">
-                    <option value="4042">Antyki i Kolekcje</option>
-                    <option value="4042-396">Antyki</option>
-                    <option value="4042-517">Kolekcje</option>
-                    <option value="4042-64">Sztuka</option>
-                    <option value="4042-88">Rękodzieło</option>
-                </optgroup>
-
-                <!-- Motoryzacja with subcategories -->
-                <optgroup label="Motoryzacja">
-                    <option value="5">Motoryzacja</option>
-                </optgroup>
-
-                <!-- Nieruchomości with subcategories -->
-                <optgroup label="Nieruchomości">
-                    <option value="3">Nieruchomości</option>
-                </optgroup>
-
-                <!-- Praca with subcategories -->
-                <optgroup label="Praca">
-                    <option value="4">Praca</option>
-                </optgroup>
-
-                <!-- Dom i Ogród with subcategories -->
-                <optgroup label="Dom i Ogród">
-                    <option value="628">Dom i Ogród</option>
-                </optgroup>
-
-                <!-- Elektronika with subcategories -->
-                <optgroup label="Elektronika">
-                    <option value="99">Elektronika</option>
-                    <option value="99-1">Fotografia</option>
-                    <option value="99-2">Gry i Konsole</option>
-                    <option value="komputery">Komputery</option>
-                      <option value="akcesoria-komputerowe">Akcesoria komputerowe</option>
-                        <option value="akcesoria-komputerowe-dyski-zewnetrzne">   Dyski zewnetrzne</option>
-                        <option value="akcesoria-komputerowe-glosniki-komputerowe">   Glosniki komputerowe</option>
-                        <option value="akcesoria-komputerowe-kable-i-przejsciowki">   Kable i przejsciowki</option>
-                        <option value="akcesoria-komputerowe-kamerki-internetowe">   Kamerki internetowe</option>
-                        <option value="akcesoria-komputerowe-klawiatury">   Klawiatury</option>
-                        <option value="akcesoria-komputerowe-mikrofony">   Mikrofony</option>
-                        <option value="akcesoria-komputerowe-myszki">   Myszki</option>
-                        <option value="akcesoria-komputerowe-pendrive">   Pendrive</option>
-                        <option value="akcesoria-komputerowe-podkladki-i-stojaki">   Podkladki i stojaki</option>
-                        <option value="akcesoria-komputerowe-sluchawki">   Sluchawki</option>
-                        <option value="akcesoria-komputerowe-torby-i-etui">   Torby i etui</option>
-                        <option value="akcesoria-komputerowe-pozostale">   Pozostale</option>
-                        <option value="komputery-drukarki">   Drukarki i skanery</option>
-                        <option value="komputery-stacjonarne">   Komputery stacjonarne</option>
-                        <option value="komputery-laptopy">   Laptopy</option>
-                        <option value="komputery-monitory">   Monitory</option>
-                        <option value="komputery-oprogramowanie">   Oprogramowanie</option>
-                        <option value="komputery-podzespoly">   Podzespoły i części</option>
-                        <option value="komputery-tablety">   Tablety</option>
-                        <option value="komputery-sieciowe">   Urządzenia sieciowe</option>
-                        <option value="komputery-pozostale">   Pozostałe</option>
-                        
-                    <option value="99-4">Smartwatche i opaski</option>
-                    <option value="99-5">Sprzęt AGD</option>
-                    <option value="99-6">Sprzęt audio</option>
-                    <option value="99-7">Sprzęt video</option>
-                    <option value="99-8">Telefony</option>
-                    <option value="99-9">TV</option>
-                    <option value="99-10">Pozostała elektronika</option>
-                    <option value="99-11">Sprzęt car audio</option>
-                    <option value="99-12">Serwis i naprawa RTV, AGD, Elektronika</option>
-                </optgroup>
-
-                <!-- Moda with subcategories -->
-                <optgroup label="Moda">
-                    <option value="87">Moda</option>
-                </optgroup>
-
-                <!-- Rolnictwo with subcategories -->
-                <optgroup label="Rolnictwo">
-                    <option value="757">Rolnictwo</option>
-                </optgroup>
-
-                <!-- Zwierzęta with subcategories -->
-                <optgroup label="Zwierzęta">
-                    <option value="103">Zwierzęta</option>
-                </optgroup>
-
-                <!-- Dla Dzieci with subcategories -->
-                <optgroup label="Dla Dzieci">
-                    <option value="88">Dla Dzieci</option>
-                </optgroup>
-
-                <!-- Sport i Hobby with subcategories -->
-                <optgroup label="Sport i Hobby">
-                    <option value="767">Sport i Hobby</option>
-                </optgroup>
-
-                <!-- Muzyka i Edukacja with subcategories -->
-                <optgroup label="Muzyka i Edukacja">
-                    <option value="751">Muzyka i Edukacja</option>
-                </optgroup>
-
-                <!-- Zdrowie i Uroda with subcategories -->
-                <optgroup label="Zdrowie i Uroda">
-                    <option value="3647">Zdrowie i Uroda</option>
-                </optgroup>
-
-                <!-- Usługi with subcategories -->
-                <optgroup label="Usługi">
-                    <option value="4371">Usługi</option>
-                </optgroup>
-
-                <!-- Noclegi with subcategories -->
-                <optgroup label="Noclegi">
-                    <option value="1816">Noclegi</option>
-                </optgroup>
-
-                <!-- Wypożyczalnia with subcategories -->
-                <optgroup label="Wypożyczalnia">
-                    <option value="3018">Wypożyczalnia</option>
-                </optgroup>
-
-                <!-- Dla Firm with subcategories -->
-                <optgroup label="Dla Firm">
-                    <option value="4269">Dla Firm</option>
-                </optgroup>
-
-                <!-- Oddam za darmo with subcategories -->
-                <optgroup label="Oddam za darmo">
-                    <option value="1151">Oddam za darmo</option>
-                </optgroup>
-
-            </select>
-            <div class="custom-select-wrapper">
-                <div class="custom-select">
-                    <div class="select-selected">Select an option</div>
-                    <div class="select-items select-hide">
-                        <div class="option">Elektronika
-                            <div class="nested-items select-hide">
-                                <div class="option">Komputery
-                                    <div class="nested-items select-hide">
-                                        <div class="option">Akcesoria komputerowe</div>
-                                        <div class="option">Dyski zewnętrzne</div>
-                                    </div>
-                                </div>
-                                <div class="option">Fotografia</div>
-                                <div class="option">Gry i Konsole</div>
-                            </div>
-                        </div>
-                        <div class="option">Home Appliances</div>
-                        <div class="option">Furniture</div>
+        <div class="custom-select-wrapper">
+          <div class="custom-select">
+            <div class="select-selected">Select an option</div>
+            <div class="select-items select-hide">
+              <div class="option">
+                Elektronika
+                <div class="nested-items select-hide">
+                  <div class="option">
+                    Komputery
+                    <div class="nested-items select-hide">
+                      <div class="option">Akcesoria komputerowe</div>
+                      <div class="option">Dyski zewnętrzne</div>
                     </div>
+                  </div>
+                  <div class="option">Fotografia</div>
+                  <div class="option">Gry i Konsole</div>
                 </div>
+              </div>
+              <div class="option">Home Appliances</div>
+              <div class="option">Furniture</div>
             </div>
-            <button id="searchButton">Search</button>
+          </div>
         </div>
+        <button id="searchButton">Search</button>
+      </div>
     </div>
 
     <div id="results"></div>
 
     <!-- SVG Spinner -->
-    <div id="spinner" style="display: none;">
-        <svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
-            <circle cx="25" cy="25" r="20" stroke="#3498db" stroke-width="5" fill="none" stroke-linecap="round">
-                <animate attributeName="stroke-dasharray" values="1,200;100,200;1,200" dur="1.5s"
-                    repeatCount="indefinite" />
-                <animate attributeName="stroke-dashoffset" values="0; -15; -125" dur="1.5s" repeatCount="indefinite" />
-            </circle>
-        </svg>
+    <div id="spinner" style="display: none">
+      <svg
+        width="50"
+        height="50"
+        viewBox="0 0 50 50"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <circle
+          cx="25"
+          cy="25"
+          r="20"
+          stroke="#3498db"
+          stroke-width="5"
+          fill="none"
+          stroke-linecap="round"
+        >
+          <animate
+            attributeName="stroke-dasharray"
+            values="1,200;100,200;1,200"
+            dur="1.5s"
+            repeatCount="indefinite"
+          />
+          <animate
+            attributeName="stroke-dashoffset"
+            values="0; -15; -125"
+            dur="1.5s"
+            repeatCount="indefinite"
+          />
+        </circle>
+      </svg>
     </div>
 
-
     <script src="script.js"></script>
-</body>
-
-</html>
\ No newline at end of file
+  </body>
+</html>
diff --git a/public/script.js b/public/script.js
index dfb6172..cdeddb5 100644
--- a/public/script.js
+++ b/public/script.js
@@ -1,268 +1,297 @@
 // Function to handle search logic
 async function performSearch() {
-    const query = document.getElementById("searchBox").value.trim();
-    const sortOrder = document.getElementById("sortOrder").value;
-
-    if (query !== "") {
-        // Initialize pagination
-        window.currentPage = 0;
-        window.query = query;
-        window.sortOrder = sortOrder;
-        window.isLoading = false;
-
-        document.getElementById("results").innerHTML = "";
-        loadMoreResults(); // Load the first page of results
-    } else {
-        alert("Please enter a search query!");
-    }
+  const query = document.getElementById("searchBox").value.trim();
+  const sortOrder = document.getElementById("sortOrder").value;
+
+  if (query !== "") {
+    // Initialize pagination
+    window.currentPage = 0;
+    window.query = query;
+    window.sortOrder = sortOrder;
+    window.isLoading = false;
+
+    document.getElementById("results").innerHTML = "";
+    loadMoreResults(); // Load the first page of results
+  } else {
+    alert("Please enter a search query!");
+  }
 }
 
 // Search button click event listener
-document.getElementById("searchButton").addEventListener("click", performSearch);
+document
+  .getElementById("searchButton")
+  .addEventListener("click", performSearch);
 
 // Enter key event listener for searchBox
-document.getElementById("searchBox").addEventListener("keydown", function (event) {
+document
+  .getElementById("searchBox")
+  .addEventListener("keydown", function (event) {
     if (event.key === "Enter") {
-        event.preventDefault(); // Prevent default form submission behavior
-        performSearch();
+      event.preventDefault(); // Prevent default form submission behavior
+      performSearch();
     }
-});
+  });
 
 // Function to show the spinner
 function showSpinner() {
-    document.getElementById('spinner').style.display = 'block';
+  document.getElementById("spinner").style.display = "block";
 }
 
 // Function to hide the spinner
 function hideSpinner() {
-    document.getElementById('spinner').style.display = 'none';
+  document.getElementById("spinner").style.display = "none";
 }
 
 // Initialize a variable to keep track of the last index
 let lastIndex = 0;
 
-window.addEventListener('scroll', function () {
-    const {
-        scrollTop,
-        clientHeight,
-        scrollHeight
-    } = document.documentElement;
+window.addEventListener("scroll", function () {
+  const { scrollTop, clientHeight, scrollHeight } = document.documentElement;
 
-    if (scrollTop + clientHeight >= scrollHeight - 10) { // Near the bottom of the page
-        if (!window.isLoading) {
-            loadMoreResults();
-        }
+  if (scrollTop + clientHeight >= scrollHeight - 10) {
+    // Near the bottom of the page
+    if (!window.isLoading) {
+      loadMoreResults();
     }
+  }
 });
 
 async function loadMoreResults() {
-    showSpinner();
-    window.isLoading = true;
-
-    const response = await fetch("/scrape", {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-            query: window.query,
-            page: ++window.currentPage,
-            sortOrder: window.sortOrder
-        })
-    });
-
-    const reader = response.body.getReader();
-    const decoder = new TextDecoder('utf-8');
-    let accumulatedText = ''; // Buffer for incoming text
-
-    while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-
-        // Decode and accumulate the current chunk
-        accumulatedText += decoder.decode(value, { stream: true });
-
-        // Attempt to process complete JSON objects in the accumulated text
-        let boundary;
-        while ((boundary = accumulatedText.indexOf("\n")) !== -1) {
-            // Extract the JSON object up to the newline
-            const jsonString = accumulatedText.slice(0, boundary).trim();
-
-            // Try parsing the extracted string
-            try {
-                if (jsonString) {
-                    const parsedObject = JSON.parse(jsonString);
-                    displayResults(parsedObject.listings);
-                }
-            } catch (e) {
-                console.error("Failed to parse JSON chunk", e);
-            }
-
-            // Remove processed part from the accumulated text
-            accumulatedText = accumulatedText.slice(boundary + 1);
+  showSpinner();
+  window.isLoading = true;
+
+  const response = await fetch("/scrape", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      query: window.query,
+      page: ++window.currentPage,
+      sortOrder: window.sortOrder,
+    }),
+  });
+
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let accumulatedText = ""; // Buffer for incoming text
+
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+
+    // Decode and accumulate the current chunk
+    accumulatedText += decoder.decode(value, { stream: true });
+
+    // Attempt to process complete JSON objects in the accumulated text
+    let boundary;
+    while ((boundary = accumulatedText.indexOf("\n")) !== -1) {
+      // Extract the JSON object up to the newline
+      const jsonString = accumulatedText.slice(0, boundary).trim();
+
+      // Try parsing the extracted string
+      try {
+        if (jsonString) {
+          const parsedObject = JSON.parse(jsonString);
+          displayResults(parsedObject.listings);
         }
+      } catch (e) {
+        console.error("Failed to parse JSON chunk", e);
+      }
+
+      // Remove processed part from the accumulated text
+      accumulatedText = accumulatedText.slice(boundary + 1);
     }
+  }
 
-    window.isLoading = false;
+  window.isLoading = false;
 }
 
 async function fetchThumbnailForListing(listing, index) {
-    try {
-        if (!listing.imageUrl && listing.link) {
-            //console.log(`Fetching image for listing ${index + 1}: ${listing.title}`);
-
-            // Fetch the HTML content of the listing page using the proxy
-            const proxyUrl = `/proxy?url=${encodeURIComponent(listing.link)}`;
-            const response = await fetch(proxyUrl);
-            const html = await response.text();
-            
-            // Create a DOMParser to parse the HTML string into a document
-            const parser = new DOMParser();
-            const doc = parser.parseFromString(html, 'text/html');
-
-            // Extract the image URL from meta tags
-            const fetchedImageUrl = doc.querySelector('meta[property="og:image"]')?.getAttribute('content') ||
-                                    doc.querySelector('link[rel="image_src"]')?.getAttribute('href') ||
-                                    null;
-
-            if (fetchedImageUrl) {
-                //console.log(`Fetched image URL for listing ${index + 1}: ${fetchedImageUrl}`);
-                
-                // Update the listing with the fetched image URL
-                listing.imageUrl = fetchedImageUrl;
-
-                // Dynamically update the displayed image if the listing is already displayed
-                const imageElement = document.querySelector(`#listing-${index} img`);
-                if (imageElement) {
-                    imageElement.src = fetchedImageUrl;
-                }
-            } else {
-                console.warn(`No image found for listing ${index + 1}: ${listing.title}`);
-            }
+  try {
+    if (!listing.imageUrl && listing.link) {
+      //console.log(`Fetching image for listing ${index + 1}: ${listing.title}`);
+
+      // Fetch the HTML content of the listing page using the proxy
+      const proxyUrl = `/proxy?url=${encodeURIComponent(listing.link)}`;
+      const response = await fetch(proxyUrl);
+      const html = await response.text();
+
+      // Create a DOMParser to parse the HTML string into a document
+      const parser = new DOMParser();
+      const doc = parser.parseFromString(html, "text/html");
+
+      // Extract the image URL from meta tags
+      const fetchedImageUrl =
+        doc
+          .querySelector('meta[property="og:image"]')
+          ?.getAttribute("content") ||
+        doc.querySelector('link[rel="image_src"]')?.getAttribute("href") ||
+        null;
+
+      if (fetchedImageUrl) {
+        //console.log(`Fetched image URL for listing ${index + 1}: ${fetchedImageUrl}`);
+
+        // Update the listing with the fetched image URL
+        listing.imageUrl = fetchedImageUrl;
+
+        // Dynamically update the displayed image if the listing is already displayed
+        const imageElement = document.querySelector(`#listing-${index} img`);
+        if (imageElement) {
+          imageElement.src = fetchedImageUrl;
         }
-    } catch (error) {
-        console.error(`Error fetching image for listing ${index + 1} (${listing.title}):`, error);
+      } else {
+        console.warn(
+          `No image found for listing ${index + 1}: ${listing.title}`
+        );
+      }
     }
+  } catch (error) {
+    console.error(
+      `Error fetching image for listing ${index + 1} (${listing.title}):`,
+      error
+    );
+  }
 }
 
-
 async function displayResults(listings) {
-    hideSpinner();
-    const resultsDiv = document.getElementById("results");
+  hideSpinner();
+  const resultsDiv = document.getElementById("results");
 
-    let table = resultsDiv.querySelector("table");
-    if (!table) {
-        table = document.createElement("table");
+  let table = resultsDiv.querySelector("table");
+  if (!table) {
+    table = document.createElement("table");
 
-        const headerRow = document.createElement("tr");
-        headerRow.innerHTML = `
+    const headerRow = document.createElement("tr");
+    headerRow.innerHTML = `
             <th>Title</th>
             <th>Location & Date</th>
             <th>Price</th>
             <th>Image</th>
             <th>Link</th>
         `;
-        table.appendChild(headerRow);
-
-        resultsDiv.appendChild(table);
+    table.appendChild(headerRow);
+
+    resultsDiv.appendChild(table);
+  }
+
+  // Calculate the starting index based on the lastIndex
+  let currentIndex = lastIndex;
+
+  for (const listing of listings) {
+    if (
+      !listing ||
+      !listing.title ||
+      !listing.link ||
+      !listing.locationAndDate
+    ) {
+      console.warn("Invalid listing data:", listing);
+      continue;
     }
 
-    // Calculate the starting index based on the lastIndex
-    let currentIndex = lastIndex;
-
-    for (const listing of listings) {
-        if (!listing || !listing.title || !listing.link || !listing.locationAndDate) {
-            console.warn("Invalid listing data:", listing);
-            continue;
-        }
-
-        let price = listing.price ? listing.price.trim() : "za darmo";
-        price = price.replace(/<[^>]+>/g, '').replace(/\.[a-zA-Z0-9_-]+\{[^}]*\}/g, '').trim();
-        if (price.includes("do negocjacji")) {
-            price = price.replace("do negocjacji", " 💸").trim();
-        }
+    let price = listing.price ? listing.price.trim() : "za darmo";
+    price = price
+      .replace(/<[^>]+>/g, "")
+      .replace(/\.[a-zA-Z0-9_-]+\{[^}]*\}/g, "")
+      .trim();
+    if (price.includes("do negocjacji")) {
+      price = price.replace("do negocjacji", " 💸").trim();
+    }
 
-        let featuredText = listing.featuredText ? listing.featuredText.trim() : " ";
+    let featuredText = listing.featuredText ? listing.featuredText.trim() : " ";
 
-        const row = document.createElement("tr");
-        row.id = `listing-${currentIndex}`; // Add an ID to match the listing for dynamic image updating
+    const row = document.createElement("tr");
+    row.id = `listing-${currentIndex}`; // Add an ID to match the listing for dynamic image updating
 
-        row.innerHTML = `
-            <td>${featuredText + ' ' + listing.title}</td>
+    row.innerHTML = `
+            <td>${featuredText + " " + listing.title}</td>
             <td>
                 ${listing.locationAndDate}
                 <button class="locationButton">🚗</button>
                 <div id="distanceDisplay"></div>
             </td>
             <td>${price}</td>
-            <td><img src="${listing.imageUrl || 'placeholder.png'}" alt="${listing.title}" /></td>
+            <td><img src="${listing.imageUrl || "placeholder.png"}" alt="${
+      listing.title
+    }" /></td>
             <td><a href="${listing.link}" target="_blank">View Listing</a></td>
         `;
 
-        if (listing.featuredText) {
-            row.classList.add('highlighted-ad');
-        }
+    if (listing.featuredText) {
+      row.classList.add("highlighted-ad");
+    }
 
-        table.appendChild(row);
+    table.appendChild(row);
 
-        // Fetch the thumbnail image asynchronously if not present
-        fetchThumbnailForListing(listing, currentIndex);
+    // Fetch the thumbnail image asynchronously if not present
+    fetchThumbnailForListing(listing, currentIndex);
 
-        // Increment the index for the next listing
-        currentIndex++;
-    }
+    // Increment the index for the next listing
+    currentIndex++;
+  }
 
-    // Update the lastIndex to the latest processed index
-    lastIndex = currentIndex;
+  // Update the lastIndex to the latest processed index
+  lastIndex = currentIndex;
 }
 
 function toggleSubcategories(categoryId) {
-    var subcategories = document.getElementById(categoryId);
-    var isVisible = subcategories.style.display === 'block';
-    subcategories.style.display = isVisible ? 'none' : 'block';
+  var subcategories = document.getElementById(categoryId);
+  var isVisible = subcategories.style.display === "block";
+  subcategories.style.display = isVisible ? "none" : "block";
 }
 
-document.getElementById('findLocationButton').addEventListener('click', () => {
-    // Check if Geolocation is available
-    if (navigator.geolocation) {
-        // Request the user's current position
-        navigator.geolocation.getCurrentPosition((position) => {
-            const latitude = position.coords.latitude;
-            const longitude = position.coords.longitude;
-
-
-            const apiKey = '5b3ce3597851110001cf62482e73e166785f414da55420c7c4ef8591';
-            // Call ORS API to get location details
-            fetch(`https://api.openrouteservice.org/geocode/reverse?api_key=${apiKey}&point.lon=${longitude}&point.lat=${latitude}`)
-                .then(response => response.json())
-                .then(data => {
-                    if (data.features && data.features.length > 0) {
-                        const address = data.features[0].properties.label;
-                        const city = data.features[0].properties.city || data.features[0].properties.locality || 'Unknown';
-
-                        // Save location details to local storage
-                        localStorage.setItem('location', JSON.stringify({
-                            latitude: latitude,
-                            longitude: longitude,
-                            address: address,
-                            city: city
-                        }));
-
-                        // Populate the cityInput field with the city name
-                        document.getElementById('cityInput').value = city;
-                    } else {
-                        console.error('Unable to determine location.', error);
-                    }
+document.getElementById("findLocationButton").addEventListener("click", () => {
+  // Check if Geolocation is available
+  if (navigator.geolocation) {
+    // Request the user's current position
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        const latitude = position.coords.latitude;
+        const longitude = position.coords.longitude;
+
+        const apiKey =
+          "5b3ce3597851110001cf62482e73e166785f414da55420c7c4ef8591";
+        // Call ORS API to get location details
+        fetch(
+          `https://api.openrouteservice.org/geocode/reverse?api_key=${apiKey}&point.lon=${longitude}&point.lat=${latitude}`
+        )
+          .then((response) => response.json())
+          .then((data) => {
+            if (data.features && data.features.length > 0) {
+              const address = data.features[0].properties.label;
+              const city =
+                data.features[0].properties.city ||
+                data.features[0].properties.locality ||
+                "Unknown";
+
+              // Save location details to local storage
+              localStorage.setItem(
+                "location",
+                JSON.stringify({
+                  latitude: latitude,
+                  longitude: longitude,
+                  address: address,
+                  city: city,
                 })
-                .catch(error => {
-                    console.error('Error fetching location data:', error);
-                });
-        }, (error) => {
-            console.error('Error getting location:', error);
-        });
-    } else {
-        console.error('Geolocation is not supported by this browser', error);
-    }
+              );
+
+              // Populate the cityInput field with the city name
+              document.getElementById("cityInput").value = city;
+            } else {
+              console.error("Unable to determine location.", error);
+            }
+          })
+          .catch((error) => {
+            console.error("Error fetching location data:", error);
+          });
+      },
+      (error) => {
+        console.error("Error getting location:", error);
+      }
+    );
+  } else {
+    console.error("Geolocation is not supported by this browser", error);
+  }
 });
 /* 
 async function getCoordinatesFromCity(cityName) {
@@ -353,97 +382,99 @@ async function calculateDistanceMatrix(locations, profile = 'driving-car', units
     }
 }*/
 
+document.addEventListener("DOMContentLoaded", () => {
+  // Check if dark mode is enabled in local storage
+  const isDarkMode = localStorage.getItem("darkMode") === "true";
+  applyDarkMode(isDarkMode);
+  document.getElementById("toggleAdsButton").addEventListener("click", () => {
+    if (state === "hide") {
+      state = "unhide";
+    } else if (state === "unhide") {
+      state = "showOnly";
+    } else if (state === "showOnly") {
+      state = "hide";
+    }
+    updateAds();
+  });
+  const customSelects = document.querySelectorAll(".custom-select");
 
-document.addEventListener('DOMContentLoaded', () => {
-    // Check if dark mode is enabled in local storage
-    const isDarkMode = localStorage.getItem('darkMode') === 'true';
-    applyDarkMode(isDarkMode);
-    document.getElementById('toggleAdsButton').addEventListener('click', () => {
-        if (state === 'hide') {
-          state = 'unhide';
-        } else if (state === 'unhide') {
-          state = 'showOnly';
-        } else if (state === 'showOnly') {
-          state = 'hide';
-        }
-        updateAds();
-      });
-      const customSelects = document.querySelectorAll('.custom-select');
-    
-    customSelects.forEach(customSelect => {
-        const selected = customSelect.querySelector('.select-selected');
-        const items = customSelect.querySelector('.select-items');
-
-        // Toggle the dropdown menu
-        selected.addEventListener('click', function() {
-            items.classList.toggle('select-hide');
-        });
+  customSelects.forEach((customSelect) => {
+    const selected = customSelect.querySelector(".select-selected");
+    const items = customSelect.querySelector(".select-items");
 
-        // Close the dropdown if the user clicks outside of it
-        document.addEventListener('click', function(event) {
-            if (!customSelect.contains(event.target)) {
-                items.classList.add('select-hide');
-            }
-        });
+    // Toggle the dropdown menu
+    selected.addEventListener("click", function () {
+      items.classList.toggle("select-hide");
+    });
 
-        // Handle item selection
-        items.querySelectorAll('.option').forEach(option => {
-            option.addEventListener('click', function() {
-                selected.textContent = this.textContent;
-                items.classList.add('select-hide');
-                items.querySelectorAll('.option').forEach(opt => opt.classList.remove('selected'));
-                this.classList.add('selected');
-            });
-        });
+    // Close the dropdown if the user clicks outside of it
+    document.addEventListener("click", function (event) {
+      if (!customSelect.contains(event.target)) {
+        items.classList.add("select-hide");
+      }
     });
+
+    // Handle item selection
+    items.querySelectorAll(".option").forEach((option) => {
+      option.addEventListener("click", function () {
+        selected.textContent = this.textContent;
+        items.classList.add("select-hide");
+        items
+          .querySelectorAll(".option")
+          .forEach((opt) => opt.classList.remove("selected"));
+        this.classList.add("selected");
+      });
+    });
+  });
 });
 
-document.getElementById('darkModeToggle').addEventListener('click', () => {
-    // Get the current mode
-    const isDarkMode = document.body.classList.toggle('dark-mode');
+document.getElementById("darkModeToggle").addEventListener("click", () => {
+  // Get the current mode
+  const isDarkMode = document.body.classList.toggle("dark-mode");
 
-    // Save the current mode to local storage
-    localStorage.setItem('darkMode', isDarkMode);
+  // Save the current mode to local storage
+  localStorage.setItem("darkMode", isDarkMode);
 });
 
 function applyDarkMode(isDarkMode) {
-    if (isDarkMode) {
-        document.body.classList.add('dark-mode');
-    } else {
-        document.body.classList.remove('dark-mode');
-    }
+  if (isDarkMode) {
+    document.body.classList.add("dark-mode");
+  } else {
+    document.body.classList.remove("dark-mode");
+  }
 }
 
 //Highlighted listings logic
-let state = 'hide'; // Possible states: 'hide', 'unhide', 'showOnly'
+let state = "hide"; // Possible states: 'hide', 'unhide', 'showOnly'
 
 // Attach the event listener to the button
 function updateAds() {
-const highlightedAds = document.querySelectorAll('.highlighted-ad');
-const button = document.getElementById('toggleAdsButton');
-if (state === 'hide') {
-    highlightedAds.forEach(ad => {
-        console.log('hid '+ad);
-    ad.style.height = '0';
-    ad.style.overflow = 'hidden';
+  const highlightedAds = document.querySelectorAll(".highlighted-ad");
+  const button = document.getElementById("toggleAdsButton");
+  if (state === "hide") {
+    highlightedAds.forEach((ad) => {
+      console.log("hid " + ad);
+      ad.style.height = "0";
+      ad.style.overflow = "hidden";
     });
-    button.textContent = 'Show Highlighted Ads';
-} else if (state === 'unhide') {
-    console.log('unhid '+ad);
-    highlightedAds.forEach(ad => {
-    ad.style.height = 'auto';
-    ad.style.overflow = 'visible';
+    button.textContent = "Show Highlighted Ads";
+  } else if (state === "unhide") {
+    console.log("unhid " + ad);
+    highlightedAds.forEach((ad) => {
+      ad.style.height = "auto";
+      ad.style.overflow = "visible";
     });
-    button.textContent = 'Hide Highlighted Ads';
-} else if (state === 'showOnly') {
-    const allAds = document.querySelectorAll('.ad');
-    allAds.forEach(ad => {
-        console.log('shown only '+ad);
-
-    ad.style.height = ad.classList.contains('highlighted-ad') ? 'auto' : '0';
-    ad.style.overflow = ad.classList.contains('highlighted-ad') ? 'visible' : 'hidden';
+    button.textContent = "Hide Highlighted Ads";
+  } else if (state === "showOnly") {
+    const allAds = document.querySelectorAll(".ad");
+    allAds.forEach((ad) => {
+      console.log("shown only " + ad);
+
+      ad.style.height = ad.classList.contains("highlighted-ad") ? "auto" : "0";
+      ad.style.overflow = ad.classList.contains("highlighted-ad")
+        ? "visible"
+        : "hidden";
     });
-    button.textContent = 'Show All Ads';
+    button.textContent = "Show All Ads";
+  }
 }
-}
-
diff --git a/public/styles.css b/public/styles.css
index 0b90402..427ef87 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -1,153 +1,152 @@
 body {
-    font-family: Arial, sans-serif;
-    background-color: #f4f4f4;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 40px;
+  font-family: Arial, sans-serif;
+  background-color: #f4f4f4;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 40px;
 }
 
 /* Search bar */
 .search-bar-container {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    align-items: stretch;
-    height: 24px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  align-items: stretch;
+  height: 24px;
 }
 
 /* Buttons */
 button {
-    cursor: pointer;
+  cursor: pointer;
 }
 
-
 /* Results */
 #results {
-    width: 100%;
-    max-width: 800px;
+  width: 100%;
+  max-width: 800px;
 }
 
 table {
-    width: 100%;
-    border-collapse: collapse;
-    margin-top: 20px;
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 20px;
 }
 
 table,
 th,
 td {
-    border: 1px solid #ddd;
+  border: 1px solid #ddd;
 }
 
 th,
 td {
-    padding: 10px;
-    text-align: left;
+  padding: 10px;
+  text-align: left;
 }
 
 img {
-    max-width: 100px;
+  max-width: 100px;
 }
 
 /*Style for highlighted listings */
 .highlighted-ad {
-    background-color: #23E5DB;
-    position: relative;
-    color: black;
-    font-weight: bold;
+  background-color: #23e5db;
+  position: relative;
+  color: black;
+  font-weight: bold;
 }
 
 .ad {
-    transition: height 0.3s ease, overflow 0.3s ease;
+  transition: height 0.3s ease, overflow 0.3s ease;
 }
 
 /* Top bar */
 .top-bar {
-    position: fixed;
-    top: 0;
-    padding: 1px;
-    width: 100%;
-    background-color: #333;
-    height: 24px;
+  position: fixed;
+  top: 0;
+  padding: 1px;
+  width: 100%;
+  background-color: #333;
+  height: 24px;
 }
 
 /* Retro button style */
 #darkModeToggle {
-    background-color: #e0e0e0;
-    border: 2px solid #333;
-    color: #333;
-    font-size: 12px;
-    font-family: 'Courier New', Courier, monospace;
-    text-transform: uppercase;
-    cursor: pointer;
+  background-color: #e0e0e0;
+  border: 2px solid #333;
+  color: #333;
+  font-size: 12px;
+  font-family: "Courier New", Courier, monospace;
+  text-transform: uppercase;
+  cursor: pointer;
 }
 
 /* Dark mode styles */
 body.dark-mode {
-    background-color: #121212;
-    color: #e0e0e0;
+  background-color: #121212;
+  color: #e0e0e0;
 }
 
 /* Category menu styling */
 .custom-select-wrapper {
-    position: relative;
-    display: inline-block;
-    width: 200px;
+  position: relative;
+  display: inline-block;
+  width: 200px;
 }
 
 .custom-select {
-    position: relative;
-    display: block;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    color:#121212;
-    border-radius: 4px;
-    cursor: pointer;
-    font-family: Arial, sans-serif;
+  position: relative;
+  display: block;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  color: #121212;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: Arial, sans-serif;
 }
 
 /* Style for the selected item */
 .select-selected {
-    padding: 8px;
-    border-radius: 4px;
-    box-sizing: border-box;
-    background-color: #f9f9f9;
+  padding: 8px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  background-color: #f9f9f9;
 }
 
 /* Style for the dropdown list */
 .select-items {
-    position: absolute;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 99;
-    width: 100%;
-    box-sizing: border-box;
-    max-height: 200px;
-    overflow-y: auto;
+  position: absolute;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 99;
+  width: 100%;
+  box-sizing: border-box;
+  max-height: 200px;
+  overflow-y: auto;
 }
 
 /* Hide the dropdown by default */
 .select-hide {
-    display: none;
+  display: none;
 }
 
 /* Style for each item in the dropdown */
 .option {
-    color:#121212;
-    padding: 8px;
-    cursor: pointer;
+  color: #121212;
+  padding: 8px;
+  cursor: pointer;
 }
 
 /* Hover effect for options */
 .option:hover {
-    background-color: #f1f1f1;
+  background-color: #f1f1f1;
 }
 
 /* Optional: style for the selected item in the dropdown */
 .option.selected {
-    background-color: #d9d9d9;
-}
\ No newline at end of file
+  background-color: #d9d9d9;
+}
diff --git a/server.mjs b/server.mjs
index d0c1329..e43d30a 100644
--- a/server.mjs
+++ b/server.mjs
@@ -1,10 +1,8 @@
-import express from 'express';
-import axios from 'axios';
-import * as cheerio from 'cheerio';
-import PQueue from 'p-queue';
-import {
-  URL
-} from 'url';
+import express from "express";
+import axios from "axios";
+import * as cheerio from "cheerio";
+import PQueue from "p-queue";
+import { URL } from "url";
 
 const app = express();
 app.use(express.static("public"));
@@ -14,16 +12,14 @@ const PORT = process.env.PORT || 3000;
 
 // Create a queue with concurrency control
 const imageQueue = new PQueue({
-  concurrency: 5
+  concurrency: 5,
 });
 
-app.post('/scrape', async (req, res) => {
-  const {
-    query,
-    page = 1,
-    sortOrder = 'created_at:desc'
-  } = req.body;
-  const searchUrl = `https://www.olx.pl/oferty/q-${encodeURIComponent(query)}/?search[order]=${sortOrder}&page=${page}`;
+app.post("/scrape", async (req, res) => {
+  const { query, page = 1, sortOrder = "created_at:desc" } = req.body;
+  const searchUrl = `https://www.olx.pl/oferty/q-${encodeURIComponent(
+    query
+  )}/?search[order]=${sortOrder}&page=${page}`;
 
   console.log(`Starting to scrape: ${searchUrl}`);
   try {
@@ -39,17 +35,20 @@ app.post('/scrape', async (req, res) => {
 
     $("div[data-cy='l-card']").each((index, el) => {
       const title = $(el).find("h6").text().trim() || null;
-      const price = $(el).find("p[data-testid='ad-price']").text().trim() || null;
-      let link = $(el).find("a").attr('href') || null;
-      const featuredText = $(el).find("div[data-testid='adCard-featured']").text().trim() || null;
-      const locationAndDate = $(el).find("p[data-testid='location-date']").text().trim() || null;
+      const price =
+        $(el).find("p[data-testid='ad-price']").text().trim() || null;
+      let link = $(el).find("a").attr("href") || null;
+      const featuredText =
+        $(el).find("div[data-testid='adCard-featured']").text().trim() || null;
+      const locationAndDate =
+        $(el).find("p[data-testid='location-date']").text().trim() || null;
 
       // Ensure link is an absolute URL
       if (link) {
         try {
           link = new URL(link, searchUrl).href;
         } catch (error) {
-          console.error('Invalid link URL:', link);
+          console.error("Invalid link URL:", link);
           link = null; // If URL conversion fails, set link to null
         }
       }
@@ -64,7 +63,7 @@ app.post('/scrape', async (req, res) => {
         price,
         imageUrl,
         link,
-        locationAndDate
+        locationAndDate,
       });
 
       //console.log(`Extracted listing ${listingCount + 1}: ${title}`);
@@ -74,39 +73,38 @@ app.post('/scrape', async (req, res) => {
     //console.log(`Extracted ${listingCount} listings, sending them without images...`);
 
     // Send the listings without images first
-    res.write(JSON.stringify({
-      listings
-    }) + '\n');
+    res.write(
+      JSON.stringify({
+        listings,
+      }) + "\n"
+    );
     // Signal the end of the response
     res.end();
-
   } catch (error) {
-    console.error('Error scraping the site:', error.message);
-    res.status(500).send('Error scraping the site.');
+    console.error("Error scraping the site:", error.message);
+    res.status(500).send("Error scraping the site.");
   }
 });
 
 // Proxy endpoint to fetch the content
-app.get('/proxy', async (req, res) => {
-  const {
-    url
-  } = req.query;
+app.get("/proxy", async (req, res) => {
+  const { url } = req.query;
 
   if (!url) {
-    return res.status(400).send('URL is required');
+    return res.status(400).send("URL is required");
   }
 
   try {
     const response = await axios.get(url, {
-      responseType: 'text'
+      responseType: "text",
     });
     res.send(response.data);
   } catch (error) {
     console.error(`Error fetching URL ${url}:`, error);
-    res.status(500).send('Error fetching URL');
+    res.status(500).send("Error fetching URL");
   }
 });
 
 app.listen(PORT, () => {
   console.log(`Server is running on port ${PORT}`);
-});
\ No newline at end of file
+});
