removed the localhost

Author: EL BADOURI Youssef

backend/requirements.txt

@@ -19,4 +19,4 @@ transformers
 torch
 flask_sqlalchemy
 semgrep
-checkov
+check

frontend/.env

@@ -0,0 +1 @@
+VITE_SIP=http://localhost

frontend/.gitignore

@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.env
 
 npm-debug.log*
 yarn-debug.log*

frontend/src/pages/AdminDashboard.jsx

@@ -7,7 +7,8 @@ import {
   ArrowPathIcon,
   ExclamationTriangleIcon,
 } from "@heroicons/react/24/outline";
-
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}/api`;
 // Utility function for smooth number animation
 const useCountUp = (end, duration = 2000) => {
   const [count, setCount] = useState(0);
@@ -62,7 +63,7 @@ const AdminDashboard = () => {
 
     const fetchAdminStats = async () => {
       try {
-        const response = await fetch("http://127.0.0.1:5000/api/admin-stats", {
+        const response = await fetch(`${API}/admin-stats`, {
           method: "GET",
           headers: {
             Authorization: `Bearer ${localStorage.getItem("token")}`,

frontend/src/pages/AllInOne.jsx

@@ -10,6 +10,9 @@ import {
   DocumentDuplicateIcon,
 } from "@heroicons/react/24/outline";
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 // Fonction pour convertir les données Checkov en texte lisible avec fichier en premier
 const formatCheckovText = (data, filename) => {
   if (!data || !data.failed_checks) return "Aucune vérification disponible pour ce fichier.";
@@ -44,7 +47,7 @@ const AllInOne = ({ userId }) => {
 
     setLoading(true);
     try {
-      const response = await fetch("http://127.0.0.1:5000/full-scan", {
+      const response = await fetch(`${API}/full-scan`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

frontend/src/pages/Configs.jsx

@@ -5,6 +5,9 @@ import { Link, useNavigate } from "react-router-dom";
 import LoadingLogo from "../components/LoadingLogo";
 import loadingVideo from "../assets/loading.mp4";
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 const Configs = () => {
   const [configs, setConfigs] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -16,7 +19,7 @@ const Configs = () => {
       setLoading(true);
       setError("");
       try {
-        const response = await fetch("http://127.0.0.1:5000/github/repo-configs", {
+        const response = await fetch(`${API}:5000/github/repo-configs`, {
           method: "GET",
           headers: { Authorization: `Bearer ${localStorage.getItem("token")}` },
         });

frontend/src/pages/Login.jsx

@@ -4,6 +4,9 @@ import { toast } from "react-toastify";
 import { Eye, EyeOff } from "lucide-react";
 import SetPassword from "./SetPassword"; // Adjust path
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 const Login = ({ setIsAuthenticated, setUser }) => {
   const navigate = useNavigate();
   const location = useLocation();
@@ -67,7 +70,7 @@ const Login = ({ setIsAuthenticated, setUser }) => {
     setLoading(true);
 
     try {
-      const response = await fetch("http://127.0.0.1:5000/login", {
+      const response = await fetch(`${API}:5000/login`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ email, password }),
@@ -112,7 +115,7 @@ const Login = ({ setIsAuthenticated, setUser }) => {
 
   const handleGoogleLogin = async () => {
     try {
-      const response = await fetch("http://127.0.0.1:5000/auth/google");
+      const response = await fetch(`${API}:5000/auth/google`);
       const data = await response.json();
       if (data.authorization_url) {
         window.location.href = data.authorization_url;
@@ -134,7 +137,7 @@ const Login = ({ setIsAuthenticated, setUser }) => {
 
   const handleGitHubLogin = async () => {
     try {
-      window.location.href = "http://127.0.0.1:5000/auth/github";
+      window.location.href = `${API}/auth/github`;
     } catch (error) {
       toast.error("Erreur GitHub OAuth", {
         position: "top-right",

frontend/src/pages/PoliciesGenerator.jsx

@@ -6,6 +6,9 @@ import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { dracula } from "react-syntax-highlighter/dist/esm/styles/prism";
 import ReactMarkdown from "react-markdown";
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 const PoliciesGenerator = () => {
   const location = useLocation();
   const selectedFiles = location.state?.selectedFiles || [];
@@ -34,7 +37,7 @@ const PoliciesGenerator = () => {
 
     setIsLoading(true);
     try {
-      const response = await fetch("http://127.0.0.1:5000/t5", {
+      const response = await fetch(`${API}:5000/t5`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",

frontend/src/pages/Register.jsx

@@ -2,6 +2,9 @@ import React, { useState } from "react";
 import { useNavigate, Link } from "react-router-dom";
 import { toast } from "react-toastify";
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 const Register = () => {
   const navigate = useNavigate();
   const [step, setStep] = useState(1); // 1: Register form, 2: Verify code
@@ -13,7 +16,7 @@ const Register = () => {
   const handleRegister = async (e) => {
     e.preventDefault();
     try {
-      const response = await fetch("http://127.0.0.1:5000/register", {
+      const response = await fetch(`${API}/register`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ name, email, password }),
@@ -46,7 +49,7 @@ const Register = () => {
   const handleVerifyCode = async (e) => {
     e.preventDefault();
     try {
-      const response = await fetch("http://127.0.0.1:5000/verify-code", {
+      const response = await fetch(`${API}:5000/verify-code`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ email, code }),

frontend/src/pages/SetPassword.jsx

@@ -2,6 +2,9 @@ import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 
+const BASE_URL = (import.meta.env?.VITE_SIP || "http://localhost").replace(/\/+$/, "");
+const API = `${BASE_URL}`;
+
 const SetPassword = ({ user, setIsAuthenticated, setUser }) => {
   const navigate = useNavigate();
   const [password, setPassword] = useState("");
@@ -23,7 +26,7 @@ const SetPassword = ({ user, setIsAuthenticated, setUser }) => {
     }
 
     try {
-      const response = await fetch("http://127.0.0.1:5000/set-password", {
+      const response = await fetch(`${API}:5000/set-password`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",