feat: emag

extension/manifest.json

@@ -12,6 +12,11 @@
       "matches": ["https://*.pcgarage.ro/*"],
       "js": ["stores/pcgarage.js"],
       "run_at": "document_idle"
-    }
+    },
+    {
+          "matches": ["https://*.emag.ro/*"],
+          "js": ["stores/emag.js"],
+          "run_at": "document_idle"
+        }
   ]
 }

extension/stores/emag.js

@@ -0,0 +1,35 @@
+let price = document.getElementsByClassName("product-new-price")[0];
+if (price) {
+  let element = document.createElement("span");
+  element.innerHTML = `<img src="http://localhost:3000/logo_black.png" alt="vezipret" style="width: auto; height: 70px; margin-top: -30px; margin-bottom: -25px;"/>`;
+
+  price = price.innerText;
+  price = parseFloat(
+    price.replace(/\./g, "").replace(".", "").replace(",", ".")
+  );
+
+  let produs = document.getElementsByClassName("product-code-display")[0]
+    .innerText;
+  produs = produs.replace("Cod produs: ", "");
+
+  element.onclick = function () {
+    window.open(
+      "http://localhost:3000/price?marketplace=emag&product=" + produs
+    );
+  };
+
+  document
+    .getElementsByClassName("product-page-pricing")[0]
+    .appendChild(element);
+
+  fetch(`http://localhost:3001/emag/${produs}`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      price: price,
+    },
+  })
+    .then((response) => response.json())
+    .then((data) => console.log(data))
+    .catch((error) => console.error("Error:", error));
+}

frontend/components/Chart.js

@@ -84,7 +84,12 @@ export default function Chart({ prices }) {
 
   return (
     <div>
-      <Line height={300} options={options} data={{ labels, datasets }} />
+      <Line
+        height={400}
+        width={500}
+        options={options}
+        data={{ labels, datasets }}
+      />
     </div>
   );
 }