Fix environment import paths and configuration (Permission given by Yousif)

.gitignore

@@ -15,7 +15,8 @@ react-ystemandchess/environment.prod.ts
 react-ystemandchess/environment.ts
 environment.php
 .env
-environment.*
+environment.*.local
+environment.secret.*
 create_envs.sh
 create_env.sh
 create_dev_envs.sh

react-ystemandchess/src/App.tsx

@@ -9,7 +9,7 @@
 import "./App.css";
 import React, { useEffect } from "react";
 import { BrowserRouter as Router } from "react-router-dom";
-import { environment } from "./core/environments/environment";
+import { environment } from "./environments/environment";
 import { useCookies } from "react-cookie";
 import { SetPermissionLevel } from "./globals";
 import NavBar from "./components/navbar/NavBar";

react-ystemandchess/src/core/services/badgesApi.ts

@@ -9,8 +9,7 @@
  * - getUserBadges: Fetches badges earned by a specific user
  */
 
-import { environment } from "../environments/environment";
-
+import { environment } from "../../environments/environment";
 /**
  * Fetches the complete catalog of all available badges
  * 

react-ystemandchess/src/environments/environment.js

@@ -0,0 +1,13 @@
+export const environment = {
+	production: false,
+	agora: {
+		appId: '6b7772f2a76f406192d8167460181be0',
+	},
+	urls: {
+		middlewareURL: 'http://localhost:8000',
+		chessClientURL: 'http://localhost',
+		stockFishURL: 'http://localhost:8080/stockfishserver/',
+		chessServer: 'http://localhost:3001/',
+	},
+	productionType: 'development', // development/production
+};

react-ystemandchess/src/environments/environment.prod.js

@@ -0,0 +1,12 @@
+export const environment = {
+	production: false,
+	agora: {
+		appId: '6c368b93b82a4b3e9fb8e57da830f2a4',
+	},
+	urls: {
+		middlewareURL: 'http://localhost/middleware/',
+		chessClientURL: 'http://localhost/chessclient/',
+		stockFishURL: 'http://localhost/stockfishserver/',
+		chessServer: 'http://localhost/chessserver/',
+	},
+};

react-ystemandchess/src/features/auth/login/Login.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 // import { Link } from 'react-router-dom';
 import './Login.scss';
 import { useState } from 'react';
-import { environment } from "../../../core/environments/environment";
+import { environment } from "../../../environments/environment";
 import { useCookies } from 'react-cookie';
 
 const Login = () => {

react-ystemandchess/src/features/auth/reset-password/Reset-Password/resetPasswordService.ts

@@ -5,7 +5,7 @@
  * Uses Nodemailer with Gmail to deliver reset links.
  */
 
-import { environment } from "../../../../core/environments/environment";
+import { environment } from "../../../../environments/environment";
 const nodemailer = require('nodemailer');
 
 // Configure email transporter with Gmail credentials

react-ystemandchess/src/features/auth/signup/SignUp.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react';
 import './SignUp.scss';
-import { environment } from '../../../core/environments/environment';
+import { environment } from '../../../environments/environment';
 
 // Define the interface for the props of the StudentTemplate component
 interface StudentTemplateProps {

react-ystemandchess/src/features/lessons/lessons-selection/LessonsSelection.jsx

@@ -2,7 +2,7 @@ import profileStyles from "./ProfileStyle.module.scss";
 import pageStyles from "./LessonsStyle.module.scss";
 import { useNavigate } from "react-router";
 import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
-import { environment } from "../../../core/environments/environment";
+import { environment } from "../../../environments/environment";
 import { getAllScenarios } from "../lessons-main/Scenarios";
 import { useCookies } from "react-cookie";
 import ScenarioTemplate from "./ScenarioTemplate/ScenarioTemplate.jsx"; // Importing the ScenarioTemplate component

react-ystemandchess/src/features/lessons/piece-lessons/lesson-overlay/hooks/useLessonManager.ts

@@ -1,5 +1,5 @@
 import { useState, useCallback } from "react";
-import { environment } from "../../../../../core/environments/environment";
+import { environment } from "../../../../../environments/environment";
 
 export function useLessonManager(piece: string, cookies: any, initialLessonNum?: number) {
   const [lessonNum, setLessonNum] = useState<number>(initialLessonNum ?? 0);

react-ystemandchess/src/features/lessons/piece-lessons/lesson-overlay/hooks/useSocketChessEngine.ts

@@ -1,4 +1,4 @@
-import { environment } from "../../../../../core/environments/environment";
+import { environment } from "../../../../../environments/environment";
 import { useEffect, useRef } from "react";
 import io from "socket.io-client";
 

react-ystemandchess/src/features/lessons/piece-lessons/lesson-overlay/hooks/useTimeTracking.test.ts

@@ -1,7 +1,7 @@
 import { renderHook, act } from "@testing-library/react";
 import { useTimeTracking } from "./useTimeTracking";
 import { SetPermissionLevel } from "../../../../../globals";
-import { environment } from "../../../../../core/environments/environment";
+import { environment } from "../../../../../environments/environment";
 
 // mock SetPermissionLevel
 jest.mock("../../../../../globals", () => ({

react-ystemandchess/src/features/lessons/piece-lessons/lesson-overlay/hooks/useTimeTracking.ts

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-import { environment } from "../../../../../core/environments/environment";
+import { environment } from "../../../../../environments/environment";
 import { SetPermissionLevel } from "../../../../../globals";
 
 export function useTimeTracking(piece: string, cookies: any) {

react-ystemandchess/src/features/mentor/mentor-profile/NewMentorProfile.tsx

@@ -3,7 +3,7 @@ import "./NewMentorProfile.scss";
 import Images from "../../../assets/images/imageImporter";
 import { SetPermissionLevel } from '../../../globals'; 
 import { useCookies } from 'react-cookie';
-import { environment } from "../../../core/environments/environment";
+import { environment } from "../../../environments/environment";
 import { useNavigate } from "react-router";
 import StatsChart from "../../student/student-profile/StatsChart";
 import Lessons from "../../lessons/lessons-main/Lessons";

react-ystemandchess/src/features/mentor/mentor-profile/NewMentorProfile/NewMentorProfile.tsx

@@ -3,7 +3,7 @@ import "./NewMentorProfile.scss";
 import Images from "../../../../assets/images/imageImporter";
 import { SetPermissionLevel } from '../../../../globals'; 
 import { useCookies } from 'react-cookie';
-import { environment } from "../../../../core/environments/environment";
+import { environment } from "../../../../environments/environment";
 import { useNavigate } from "react-router";
 import StatsChart from "../../../student/student-profile/StatsChart";
 import Lessons from "../../../lessons/lessons-main/Lessons";

react-ystemandchess/src/features/puzzles/puzzles-page/Puzzles.tsx

@@ -4,7 +4,7 @@ import profileStyles from "./Puzzles-profile.module.scss";
 import { Chess } from "chess.js";
 import { themesName, themesDescription } from "../../../core/services/themesService";
 import Swal from 'sweetalert2';
-import { environment } from "../../../core/environments/environment";
+import { environment } from "../../../environments/environment";
 import { v4 as uuidv4 } from "uuid";
 import { SetPermissionLevel } from "../../../globals";
 import { useCookies } from 'react-cookie'; 

react-ystemandchess/src/features/student/student-page/Student.tsx

@@ -1,6 +1,6 @@
 import React, {useState} from "react";
 import "./Student.scss";
-import {environment} from "../../../core/environments/environment";
+import {environment} from "../../../environments/environment";
 
 const Student = () => {
     const chessSrc = environment.urls.chessClientURL;

react-ystemandchess/src/features/student/student-profile/Modals/ActivitiesModal.tsx

@@ -25,7 +25,7 @@ import { ReactComponent as TopicBag } from "../../../../assets/images/Activities
 import { ReactComponent as ShortBottomVine} from "../../../../assets/images/ActivitiesAssets/short_bottom_vine.svg";
 import { ReactComponent as BottomVine} from "../../../../assets/images/ActivitiesAssets/bottom_vine.svg";
 import { ReactComponent as Stemmy} from "../../../../assets/images/ActivitiesAssets/stemmy.svg";
-import { environment } from "../../../../core/environments/environment"; 
+import { environment } from "../../../../environments/environment"; 
 import { useCookies } from "react-cookie";
 import { parseActivities } from "../../../../core/utils/activityNames";
 

react-ystemandchess/src/features/student/student-profile/NewStudentProfile.tsx

@@ -3,7 +3,7 @@ import "./NewStudentProfile.scss";
 import Images from "../../../assets/images/imageImporter";
 import { SetPermissionLevel } from '../../../globals';
 import { useCookies } from 'react-cookie';
-import { environment } from "../../../core/environments/environment";
+import { environment } from "../../../environments/environment";
 import { useNavigate } from "react-router";
 import { useLocation } from "react-router";
 import StatsChart from "./StatsChart";

react-ystemandchess/src/globals.ts

@@ -5,7 +5,7 @@
  * components, particularly for authentication and permission management.
  */
 
-import { environment } from "./core/environments/environment";
+import { environment } from "./environments/environment";
 
 /**
  * Global variable to store user information after authentication