Migrate from PHP to independent backend #107

Due to the second part of the SAE which requires the backend to be a standalone web service, this pull request removes all the php code, and let the front communicate with the server using 100% of API calls.

API standardisation.

The current front uses the dotnet implementation of the web service. You can change the endpoint in the .env file :

VITE_API_ENDPOINT=http://localhost:5254 <-- place your api endpoint here
VITE_BASE=

Error handling

Any errors returned by the backend MUST follow the given simple rule :
One json object is returned, with the keys corresponding to the type of the error, and the value corresponding to its message, for example :

{
    "Email": [
        "The Email field is not a valid e-mail address."
    ],
	// If there is multiple errors of the same type,
	// simply group the errors by types and use an array of messages instead.
    "Username": [
        "Username length must be between 3 and 256",
        "Username should only contain numbers, letters, accents, spaces, _ and - characters."
    ]
}

Authentication

Ask a token

Use /auth/token route to generate a token based on the given credentials :

POST /auth/token:
--- payload
{
    email: string,
    password: string
}
--- response
{
    token: string,
    expirationDate: date
}

If the credentials are invalid, the API must return a 401 (unauthorized) code.

Make a request that needs auth

For requests that needs to be authenticated, the token must be passed within the Authorization Header.

Token prolongation

For each request that needs to be authenticated, they'll return a new token with an elongated expiration date.

The new token is sent by the server and stored in the response header ̀Next-Authorization, its expiration date is stored in the response header named Next-Authorization-Expiration-Date`.

Do not forget to run Prettier.

   }
     "name": "iqball_web",
     "version": "0.1.0",
     "private": true,

     extends: [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
         "plugin:react-hooks/recommended",

       -
       - BASE="/IQBall/$DRONE_BRANCH/public" OUTPUT=/outputs /root/.local/bin/moshell ci/build_react.msh
       - sed -Ei "s/VITE_BASE=/VITE_BASE=\\/${DRONE_BRANCH}/g" .env
       - npm run build -- --base=/$DRONE_BRANCH

 // import AccountSvg from "../assets/account.svg?react"
 import { BASE } from "../Constants"
 import { getSession } from "../api/session.ts"
 import { fetchAPIGet, redirect } from "../Fetcher.ts"

                 {
                     type: "Non autorisé",
                     messages: [
                         "L'adresse email ou le mot de passe sont invalide.",


				`# How to run the project on my local computer`

				`1. Use phpstorm to run a local php server:`

				`import { BrowserRouter, Outlet, Route, Routes } from "react-router-dom"`

				`import loadable from "@loadable/component"`

 import { getSession, saveSession, Session } from "./api/session.ts"
 export function redirect(url: string) {
     location.pathname = BASE + url

 }
 export default function EditorPage({ guestMode }: EditorPageProps) {
     const [tactic, setTactic] = useState<TacticDto>()

 import { FormEvent, useRef, useState } from "react"
 import { BASE } from "../Constants.ts"
 import { fetchAPI, redirect } from "../Fetcher.ts"


				`const emailRef = useRef<HTMLInputElement>(null)`
				`const passwordRef = useRef<HTMLInputElement>(null)`

         e.preventDefault()
         const email = emailRef.current!.value
         const password = passwordRef.current!.value

 // import "../style/visualizer.css"
 // import Court from "../assets/court/full_court.svg"
 //
 // // export default function Visualizer({ id, name }: { id: number; name: string }) {

 import AccountSvg from "../../assets/account.svg?react"
 import "../../style/template/header.css"
 import { useEffect, useState } from "react"
 import { fetchAPIGet, redirect } from "../../Fetcher.ts"

             include: "**/*.svg?react"
         })
     ]
             include: "**/*.svg?react",

             "warn",
             { allowConstantExport: true },
         ],
     },

     return (
         <div>
             <h1>{target.pathname} NOT FOUND !</h1>
             <button onClick={() => (location.pathname = BASE + "/")}>

                     <a href={BASE + "/register"} className="inscr">
                         Vous n'avez pas de compte ?
                     </a>

                     <a href={BASE + "/login"} className="inscr">
                         Vous avez déjà un compte ?
                     </a>

 export default function App() {
     return (
         <div id="app">
             <BrowserRouter basename={BASE}>

                 if (response.status === 401) startTransition(() => {
                     // if unauthorized
                     navigate("/login")
                     return

         const username = usernameField.current!.value
         const password = passwordField.current!.value
         const confirmpassword = confirmpasswordField.current!.value
         const email = emailField.current!.value