From 1a87fd49be98ef8196365dccc7b8a0f83661daea Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 21 Feb 2024 14:45:38 +0100
Subject: [PATCH] working on a new backend fetch way

---
 src/services/WordpressFetchData.js | 171 +++++++++++++++++------------
 1 file changed, 101 insertions(+), 70 deletions(-)

diff --git a/src/services/WordpressFetchData.js b/src/services/WordpressFetchData.js
index 9db45a7..c787da7 100644
--- a/src/services/WordpressFetchData.js
+++ b/src/services/WordpressFetchData.js
@@ -6,9 +6,9 @@ const BASE_URL = "https://staysafe.deligraph.info/wp-json/wp/v2";
 const BASE_CUSTOM_URL = "https://staysafe.deligraph.info/wp-json/lhoist-datas";
 const WORDPRESS_API_TOKEN = process.env.REACT_APP_WORDPRESS_API_TOKEN;
 
-const UMAMI_API_TOKEN = process.env.REACT_APP_UMAMI_API_TOKEN;
-const UMAMI_WEBSITE_ID = process.env.REACT_APP_UMAMI_WEBSITE_ID;
-const UMAMI_API_BASE_ENDPOINT = process.env.REACT_APP_UMAMI_API_BASE_ENDPOINT;
+// const UMAMI_API_TOKEN = process.env.REACT_APP_UMAMI_API_TOKEN;
+// const UMAMI_WEBSITE_ID = process.env.REACT_APP_UMAMI_WEBSITE_ID;
+// const UMAMI_API_BASE_ENDPOINT = process.env.REACT_APP_UMAMI_API_BASE_ENDPOINT;
 
 const umamiBaseEndpoint = process.env.REACT_APP_UMAMI_API_BASE_ENDPOINT;
 
@@ -30,6 +30,7 @@ function useWordpressCustomData(url) {
 
 	return data;
 }
+
 function useWordpressData(url) {
 	const [data, setData] = useState();
 
@@ -46,6 +47,29 @@ function useWordpressData(url) {
 	return data;
 }
 
+async function postGameStatisticsDataBackend(requestDatas) {
+	const requestDataExample = {
+		user_locale: "zz",
+		user_country: "France",
+		level_post_id: 43,
+		level_score: 3,
+		level_completion_time: 800,
+	};
+	const options = {
+		method: "POST",
+		url: "http://localhost:8000/post-statistics",
+		data: requestDataExample,
+	};
+
+	axios.request(options)
+		.then((response) => {
+			console.log(response.data);
+		})
+		.catch((error) => {
+			console.error(error);
+		});
+}
+
 async function postGameStatisticsData(requestDatas) {
 	// console.log(requestDatas);
 	// const locals = ["FR", "BE", "DE", "NL", "UK", "US", "FR"];
@@ -101,80 +125,87 @@ async function postGameStatisticsData(requestDatas) {
 	}
 }
 
-function useUmamiDatas() {
-	const umamiUrl = "https://umami.deligraph.be/api/websites";
-	const bearerToken =
-		"Ii96P0XNdBE0gD0l8lX5Qf3+Lt7T0RsEoWUjf8qNaifyPbhi/PXmGygkIHuGbMm6bJ9iHPe9pIzfBJeFvG+ehlQSd4MWuWr3xKEmxtcwDMOlN4aDo3rlSf9phB02sjx0QcBhngfl0p9g/nI30d1XTWvHspw5BCNT7+NRzb5gDa24tbbSS/a/wL9+TN+mCjCUsaMOt9o/t0D3kNtE6qSgK4gAFijbDBXsgjbiPwb3HemrEb19JfY9gtMMpwBVE2KKst0j6kyKUWWDeJiBz3LQHO+FSthwG9tQCovVFgHNzLh+L+6fcmUkEpDC3nA62UCPmVAy3zJgjFWgtVZdXaSeFm7mLF1/Wsqk3g==";
+// function useUmamiDatas() {
+// 	const umamiUrl = "https://umami.deligraph.be/api/websites";
+// 	const bearerToken =
+// 		"Ii96P0XNdBE0gD0l8lX5Qf3+Lt7T0RsEoWUjf8qNaifyPbhi/PXmGygkIHuGbMm6bJ9iHPe9pIzfBJeFvG+ehlQSd4MWuWr3xKEmxtcwDMOlN4aDo3rlSf9phB02sjx0QcBhngfl0p9g/nI30d1XTWvHspw5BCNT7+NRzb5gDa24tbbSS/a/wL9+TN+mCjCUsaMOt9o/t0D3kNtE6qSgK4gAFijbDBXsgjbiPwb3HemrEb19JfY9gtMMpwBVE2KKst0j6kyKUWWDeJiBz3LQHO+FSthwG9tQCovVFgHNzLh+L+6fcmUkEpDC3nA62UCPmVAy3zJgjFWgtVZdXaSeFm7mLF1/Wsqk3g==";
 
-	const [data, setData] = useState();
+// 	const [data, setData] = useState();
 
-	useEffect(() => {
-		const dataFetch = async () => {
-			const data = await (
-				await fetch(umamiUrl, {
-					method: "GET",
-					headers: {
-						"Content-Type": "application/json",
-						Authorization: `Bearer ${bearerToken}`,
-					},
-				})
-			).json();
+// 	useEffect(() => {
+// 		const dataFetch = async () => {
+// 			const data = await (
+// 				await fetch(umamiUrl, {
+// 					method: "GET",
+// 					headers: {
+// 						"Content-Type": "application/json",
+// 						Authorization: `Bearer ${bearerToken}`,
+// 					},
+// 				})
+// 			).json();
 
-			setData(data);
-		};
+// 			setData(data);
+// 		};
 
-		dataFetch();
-	}, []);
-	return data;
-}
+// 		dataFetch();
+// 	}, []);
+// 	return data;
+// }
 
-function useUmamiUpdateDatas() {
-	const [result, setResult] = useState(null); // État local pour stocker le résultat
+// function useUmamiUpdateDatas() {
+// 	const [result, setResult] = useState(null); // État local pour stocker le résultat
 
-	const eventName = "event-name-de-test";
+// 	const eventName = "event-name-de-test";
 
-	const UMAMI_SEND_URL = UMAMI_API_BASE_ENDPOINT + "/send";
+// 	const UMAMI_SEND_URL = UMAMI_API_BASE_ENDPOINT + "/send";
 
-	const dataPayload = {
-		payload: {
-			hostname: window.location.hostname,
-			language: navigator.language,
-			referrer: document.referrer,
-			screen: `${window.screen.width}x${window.screen.height}`,
-			title: document.title,
-			url: window.location.pathname,
-			website: UMAMI_WEBSITE_ID,
-			name: "puzzle-1-complete",
-			data: {
-				lang: "fr",
-				country: "France",
-				level_post_id: 154,
-				level_is_completed: 0,
-				level_completion_time: 20000,
-				level_score: 12,
-			},
-		},
-		type: "event",
-	};
-	useEffect(() => {
-		const dataFetch = async () => {
-			try {
-				await axios.post(UMAMI_SEND_URL, dataPayload, {
-					headers: {
-						"User-Agent": navigator.userAgent,
-					},
-				});
-				setResult(`Event '${eventName}' sent successfully to Umami.`);
-				console.log(`Event '${eventName}' sent successfully to Umami.`);
-			} catch (error) {
-				setResult("Error sending Umami event:");
-				console.error("Error sending Umami event:", error);
-			}
-		};
+// 	const dataPayload = {
+// 		payload: {
+// 			hostname: window.location.hostname,
+// 			language: navigator.language,
+// 			referrer: document.referrer,
+// 			screen: `${window.screen.width}x${window.screen.height}`,
+// 			title: document.title,
+// 			url: window.location.pathname,
+// 			website: UMAMI_WEBSITE_ID,
+// 			name: "puzzle-1-complete",
+// 			data: {
+// 				lang: "fr",
+// 				country: "France",
+// 				level_post_id: 154,
+// 				level_is_completed: 0,
+// 				level_completion_time: 20000,
+// 				level_score: 12,
+// 			},
+// 		},
+// 		type: "event",
+// 	};
+// 	useEffect(() => {
+// 		const dataFetch = async () => {
+// 			try {
+// 				await axios.post(UMAMI_SEND_URL, dataPayload, {
+// 					headers: {
+// 						"User-Agent": navigator.userAgent,
+// 					},
+// 				});
+// 				setResult(`Event '${eventName}' sent successfully to Umami.`);
+// 				console.log(`Event '${eventName}' sent successfully to Umami.`);
+// 			} catch (error) {
+// 				setResult("Error sending Umami event:");
+// 				console.error("Error sending Umami event:", error);
+// 			}
+// 		};
 
-		dataFetch();
-	}, []);
-	return result;
-}
+// 		dataFetch();
+// 	}, []);
+// 	return result;
+// }
 
-export { useWordpressData, useWordpressCustomData, postGameStatisticsData, useUmamiDatas, useUmamiUpdateDatas };
+export {
+	useWordpressData,
+	useWordpressCustomData,
+	postGameStatisticsDataBackend,
+	postGameStatisticsData,
+	// useUmamiDatas,
+	// useUmamiUpdateDatas,
+};