13 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/back/src/game/interfaces/room.interface.ts:
--------------------------------------------------------------------------------
1 | import { Client } from './client.interface';
2 |
3 | export interface Room {
4 | id: number;
5 | name: string;
6 | player1: Client;
7 | player1Name: string;
8 | player1Avatar: string;
9 | player1Disconnected?: boolean;
10 | player2?: Client;
11 | player2Name?: string;
12 | player2Avatar?: string;
13 | player2Disconnected?: boolean;
14 | paddleLeft: number;
15 | paddleLeftDir: number;
16 | paddleRight: number;
17 | paddleRightDir: number;
18 | player1Score: number;
19 | player2Score: number;
20 | xball?: number;
21 | yball?: number;
22 | xSpeed?: number;
23 | ySpeed?: number;
24 | private: boolean;
25 | ballSpeed?: number;
26 | }
27 |
--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
2 | # yarn lockfile v1
3 |
4 |
5 | clsx@^1.1.1:
6 | version "1.2.1"
7 | resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
8 | integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
9 |
10 | react-contexify@^5.0.0:
11 | version "5.0.0"
12 | resolved "https://registry.yarnpkg.com/react-contexify/-/react-contexify-5.0.0.tgz#11b477550a0ee5a9a144399bc17c7c56bbc60057"
13 | integrity sha512-2FIp7lxJ6dtfGr8EZ4uVV5p5TQjd0n2h/JU7PrejNIMiCeZWvSVPFh4lj1ZvjXosglBvP7q5JQQ8yUCdSaMSaw==
14 | dependencies:
15 | clsx "^1.1.1"
16 |
--------------------------------------------------------------------------------
/back/.gitignore:
--------------------------------------------------------------------------------
1 | # environment variables
2 | .env.prod
3 |
4 | # compiled output
5 | /dist
6 | /node_modules
7 |
8 | # uploaded files
9 | /image_dir
10 |
11 | # prisma migrations
12 | # /prisma/migrations/*
13 |
14 | # Logs
15 | logs
16 | *.log
17 | npm-debug.log*
18 | pnpm-debug.log*
19 | yarn-debug.log*
20 | yarn-error.log*
21 | lerna-debug.log*
22 |
23 | # OS
24 | .DS_Store
25 |
26 | # Tests
27 | /coverage
28 | /.nyc_output
29 |
30 | # IDEs and editors
31 | /.idea
32 | .project
33 | .classpath
34 | .c9/
35 | *.launch
36 | .settings/
37 | *.sublime-workspace
38 |
39 | # IDE - VSCode
40 | .vscode/*
41 | !.vscode/settings.json
42 | !.vscode/tasks.json
43 | !.vscode/launch.json
44 | !.vscode/extensions.json
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | # TRANSCENDENCE MAKEFILE
2 |
3 |
4 | # Docker compose file location
5 | COMPOSE = docker-compose.yml
6 |
7 | # Change this to suit your compose version
8 |
9 | COMPOSE_CMD = docker-compose -f ${COMPOSE}
10 | # COMPOSE_CMD = docker compose -f ${COMPOSE}
11 |
12 | # BASIC COMPOSE COMMANDS
13 | build:
14 | ${COMPOSE_CMD} up --build
15 |
16 | up:
17 | ${COMPOSE_CMD} up
18 |
19 | down:
20 | ${COMPOSE_CMD} down
21 |
22 | # CLEAN DATABASES
23 | dbclean: down
24 | docker volume prune -f
25 |
26 | clean: dbclean
27 | rm -rf back/dist back/node_modules front/node_modules
28 |
29 | # PRUNE DOCKER CONTAINERS
30 | fclean: down clean
31 | docker system prune -af
32 |
33 | .PHONY: all build up down clean fclean
--------------------------------------------------------------------------------
/back/src/auth/filter/redirect.login.ts:
--------------------------------------------------------------------------------
1 | import {
2 | ExceptionFilter,
3 | Catch,
4 | ArgumentsHost,
5 | HttpException,
6 | } from '@nestjs/common';
7 | import { Response } from 'express';
8 | import { UnauthorizedException } from '@nestjs/common';
9 |
10 | @Catch(UnauthorizedException)
11 | export class RedirectOnLogin implements ExceptionFilter {
12 | catch(exception: HttpException, host: ArgumentsHost) {
13 | const context = host.switchToHttp();
14 | const response = context.getResponseSign in.
14 |
15 | Don't have an account yet?
16 | {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
17 |
18 | Sign up.
19 |
20 |
21 |
15 |
24 | USERNAME
25 |
31 |
32 | );
33 | }
34 |
--------------------------------------------------------------------------------
/back/src/auth/strategy/rt.strategy.ts:
--------------------------------------------------------------------------------
1 | /* GLOBAL MODULES */
2 | import { Injectable } from '@nestjs/common';
3 | /* AUTH Passport Module */
4 | import { PassportStrategy } from '@nestjs/passport';
5 | import { ExtractJwt, Strategy } from 'passport-jwt';
6 | /* REQUEST */
7 | import { Request } from 'express';
8 |
9 | @Injectable()
10 | export class RtStrategy extends PassportStrategy(Strategy, 'jwt-refresh') {
11 | constructor() {
12 | super({
13 | // Extract Token from header - Authorization: Bearer Sign up.
16 |
17 | Already registered?
18 | {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
19 |
20 | Sign in.
21 |
22 |
23 |
28 |
29 |
50 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/back/src/chat/type/chat.type.ts:
--------------------------------------------------------------------------------
1 | import { Player } from 'src/game/interfaces/player.interface';
2 |
3 | export type oneSuggestion = {
4 | catagory: string;
5 | picture: string;
6 | name: string;
7 | id: number;
8 | data_id: number;
9 | };
10 |
11 | export type chatPreview = {
12 | id: number;
13 | dm: boolean;
14 | name: string;
15 | isPassword: boolean;
16 | updateAt: string;
17 | lastMsg: string;
18 | unreadCount?: number;
19 | ownerEmail: string;
20 | ownerId: number;
21 | };
22 |
23 | // eslint-disable-next-line unicorn/prevent-abbreviations
24 | export type oneMsg = {
25 | msgId: number;
26 | id: number;
27 | channelId: number;
28 | email: string;
29 | username: string;
30 | msg: string;
31 | createAt: string;
32 | updateAt: string;
33 | isInvite: boolean;
34 | };
35 |
36 | export type oneUser = {
37 | online: boolean;
38 | username: string;
39 | id: number;
40 | email: string;
41 | isOwner: boolean;
42 | isAdmin: boolean;
43 | isInvited: boolean;
44 | isMuted: boolean;
45 | isFriend: boolean;
46 | };
47 |
48 | export type updateUser = {
49 | selfEmail: string | null;
50 | otherId: number;
51 | };
52 |
53 | export type Tag = {
54 | id: number;
55 | name: string;
56 | };
57 |
58 | export type updateChannel = {
59 | channelId: number;
60 | dm: boolean;
61 | email: string | null;
62 | password: string;
63 | targetId: number;
64 | private: boolean;
65 | isPassword: boolean;
66 | newPassword: string;
67 | };
68 |
69 | export type mute = {
70 | duration: number;
71 | email: string;
72 | channelId: number;
73 | };
74 |
75 | export type gameInvitation = {
76 | gameInfo: Player;
77 | inviterId: number;
78 | inviterName: string;
79 | targetId: number;
80 | };
81 |
82 | export type fetchDM = {
83 | channelId: number;
84 | targetId: number;
85 | };
86 |
--------------------------------------------------------------------------------
/nginx/ssl-certs/cert.key:
--------------------------------------------------------------------------------
1 | -----BEGIN PRIVATE KEY-----
2 | MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCv2nXwtDJbJyGh
3 | EGQFrG/af1/c162sy8FC8/KBMJvi3P69ZaUQRamCdPBYtgEaDia03bd69sxCLWFt
4 | v0ZSDClK2s6IaiZ+18/JyDyyPlUky1Xm/uHn5+phFZupAlKB7lqHXZ6MPPYsUsUn
5 | 8ByvpzpCWztWu35C8vk/cg1Hq/bUnQpX0M6rS2ZjVs1Y0NOqZM1FOiojsZQeXi5Z
6 | LgBtyL41qOM+2INthxLpXBQMdLfo5bKJlWYLff6c/0u17atVdzCGgLz7eC5tgED3
7 | ph0KkXH/Jd3XVKYkJbVRt/8oea7mM6mrKmVt7uMBhU9QK1Y1ZimW4QY0YU3J2u/Y
8 | sYi7e9ORAgMBAAECggEAbW6GPF72gzDrxX4csEcpaBAhyJ1Sz5gQUSjbvTdRmrCp
9 | uZTaTjD7llpNAvdn4h3ySlU7C8MvQvNYkOIZ0Y8N1y4onk1oXUDRZqE73DPb6kS6
10 | 1T/Btv3kJbw7nMX8MCzymxBQTLbW/qgXVo4eW9S19Xsuhv+wR9tJ7gh8aSCDPrTe
11 | +IvinVp64Nu/abBUXhS6MnbApc4YKgJkROu374Ok7fw/poeNk8ljyhGW6X2NLU5W
12 | NLhH2LRDWBs5LxpEjzovbG1Pcd38U9z3K2zoeOMITmuJ4OeZncARIDL9UWDInI4F
13 | zW9iPN6VY5HmtS1cC32D9Kwb0hyLgScZ1Djp9GElwQKBgQDbEUXEuB6XFuLmMEvh
14 | c4GsHmXUNe2i06O8dgvmcRjsibjReCIuqunKb2Cu5bmxKtYuy0RQlDdpTAMxveXz
15 | mEy3O+4q8uriwvReSJ7lrBBrJ5WEztH+/cefsjKG26cBwlMBEFPDm/kSFzDMJa8I
16 | aCM6S4AiVBkN26QrRlAVn2NxqQKBgQDNgByN3lP/E/edOtZsQgqER2IHTEm4iJLF
17 | jZav/XSKleQyBfDAasQnWwIf04MGHzPBanOHdwLqYbJ7QyOvN79JrOr9p1KlrMKq
18 | bpL9W3TZD2TB7wweY1Bp5ezE8qBVdyVcCJlbW5ssOkyDeRmQNviUUz5Jm6vDbpIx
19 | vdUhMpxTqQKBgAaKpH+0U82FNG9VP97SmSuvmLDWj2sOUNRe3goalHjzv94ZbUPh
20 | fKu72bI/T+U3dz/ceATD+EefqnTAy+4TPS83jewgZt0wnyV1m7EWC0N34iIeHu0z
21 | XNOq+ZFHW9xUli/w8d9kd/KPWLiv42Mn4O1rtb7QrhLY3TUhm2CZ6tlJAoGBALyi
22 | QpO/Z58Xtw2uurD5FipCVCuazXkEdKW+yHmX0Gh+GtAIP+yAlLoDgjmwr+7oqVt7
23 | 2byZdCWttGYNRS5Ln92DStm3w9esc6x6f5btYp700GpsgdVLGL98fRB0HtUU30hR
24 | 5GPF/PRmN2HfwaVtsFSG7QAoU0y7rJrYRFGK4ZCxAoGAbqPQIs2qb3H3049NAADF
25 | lmvVaXvCHM3XNboo3g52m9bekig1zdc9mDxcnLmRHD5T/pEvRx0fyUgxn7/N4R+V
26 | BPNmrOIraiSY4ABZiHPhn+7H1JVDtuUTne4Iei8lcvRTnvytxAX6v9O6lBvYtejk
27 | UBjT4s4Tz78gRyTpRevZFzw=
28 | -----END PRIVATE KEY-----
--------------------------------------------------------------------------------
/front/src/routes/Watch.css:
--------------------------------------------------------------------------------
1 | .Row {
2 | cursor: pointer;
3 | }
4 |
5 | .Row:hover {
6 | transform: scale(1.2);
7 | }
8 |
9 | .Row:active
10 | {
11 | transform: scale(0.9);
12 | transition: all 0.2s cubic-bezier(.45,1.71,.41,.97);
13 | }
14 |
15 | .LittleAvatar {
16 | margin: auto;
17 | width: 3vh;
18 | height: 3vh;
19 | border: 2px solid #F9F9F9;
20 | border-radius: 50%;
21 | padding: 15px;
22 | /* background: #D8D8D8; */
23 | }
24 |
25 | th, td {
26 | padding-top: 10px;
27 | padding-bottom: 20px;
28 | padding-left: 30px;
29 | padding-right: 40px;
30 | }
31 |
32 | p {
33 | text-align: center;
34 | }
35 |
36 | .Refresh_button {
37 | background-color: Transparent;
38 | margin: auto;
39 | min-height: 30px;
40 | width: 10em;
41 | cursor: pointer;
42 | border: 1px solid rgb(255, 255, 255);
43 | color: white;
44 | opacity: 1;
45 | height: 2.3em;
46 | border-radius: 5px;
47 | transition: opacity 1s;
48 | align-items: center;
49 | }
50 |
51 | .Info-watch {
52 | margin: 2% auto;
53 | height: 20%;
54 | overflow: none;
55 | display: flex;
56 | flex-direction: row;
57 | justify-content: space-between;
58 | align-content: space-between;
59 | height: 7vh;
60 | width: calc(177vh * 0.45);
61 | /*background-image: radial-gradient(circle at 50% -40%, rgb(192,69,69) -180%, rgb(57,80,127) 270%);*/
62 | /*border: 2px solid rgb(255, 255, 255);
63 | border-radius: 15px;*/
64 | /*box-shadow: 0px 0px 5px 5px rgb(80, 200, 255), inset 0px 0px 5px 4px rgb(0, 190, 255);*/
65 | }
66 |
67 | .Page-top-watch {
68 | margin: auto;
69 | height: 30%;
70 | width: 100%;
71 | overflow: auto;
72 | display: flex;
73 | flex-direction: column;
74 | /*justify-content: center;*/
75 | align-items: center;
76 | }
--------------------------------------------------------------------------------
/front/src/globals/Interfaces.tsx:
--------------------------------------------------------------------------------
1 | import { Dispatch } from "react";
2 |
3 | export interface AuthContextType {
4 | user: string | null;
5 | signin: (user: string | null, callback: VoidFunction) => void;
6 | signout: (callback: VoidFunction) => void;
7 | }
8 |
9 | export interface IUserInputsRef {
10 | username: React.RefObject
31 |
32 | {props.auth === "true"
33 | ? "Two Factor authentifcation enabled"
34 | : "Two Factor authentifcation disabled"}
35 |
36 |
37 |
38 |
38 | setModalShow(true)
46 | : () => navigate("/app/" + url)
47 | }
48 | />
49 | navigate("/app/" + url)}
55 | />
56 |
57 |
65 |
76 |
66 |
75 |
67 |
74 |
55 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/front/src/routes/gameRequestCard.tsx:
--------------------------------------------------------------------------------
1 | import "./chat_modes/card.css";
2 | import { useEffect, useState } from "react";
3 | import { socket } from "../App"
4 | import { useNavigate } from "react-router-dom";
5 | import { Player } from "./game.interfaces";
6 | import { getUserAvatarQuery } from "../queries/avatarQueries";
7 | import { gameInvitation } from "./chat_modes/type/chat.type";
8 |
9 | export function GameRequestCard({game, gameRequest, onGameRequest}
10 | : { game: gameInvitation | undefined,
11 | gameRequest: boolean,
12 | onGameRequest: () => void}) {
13 |
14 | const navigate = useNavigate();
15 | const [avatarURL, setAvatarURL] = useState("");
16 |
17 | useEffect(() => {
18 | if (game)
19 | {
20 | const getAvatar = async () => {
21 | const result: undefined | string | Blob | MediaSource =
22 | await getUserAvatarQuery(game!.inviterId);
23 |
24 | if (result !== undefined && result instanceof Blob) {
25 | setAvatarURL(URL.createObjectURL(result));
26 | }
27 | }
28 | getAvatar();
29 | }
30 | }, [game]);
31 |
32 | const joinGame = () => {
33 | socket.emit("join_private", {roomId: game!.gameInfo.roomId}, (player: Player) =>{
34 | if (player.roomId !== undefined && player.playerNb !== undefined) {
35 | localStorage.setItem("roomid", player.roomId.toString());
36 | localStorage.setItem("playernb", player.playerNb.toString());
37 | onGameRequest();
38 | navigate("/app/privateGame");
39 | }
40 | else
41 | {
42 | socket.disconnect();
43 | socket.connect();
44 | onGameRequest();
45 | }
46 | });
47 | }
48 |
49 | const declineGame = () => {
50 | socket.disconnect();
51 | socket.connect();
52 | socket.emit("decline game", (game));
53 | onGameRequest();
54 | }
55 |
56 | return (
57 | <>
58 |
56 |
85 |
86 |
59 |
78 |
79 | )
80 | }
--------------------------------------------------------------------------------
/front/src/routes/game.interfaces.tsx:
--------------------------------------------------------------------------------
1 | import { Socket } from "socket.io-client";
2 |
3 | export interface Game_data {
4 | paddleLeft?: number;
5 | paddleRight?: number;
6 | xBall?: number;
7 | yBall?: number;
8 | player1Name: string;
9 | player2Name: string;
10 | player1Avatar: number;
11 | player2Avater: number;
12 | player1Score: number;
13 | player2Score: number;
14 | gameID?: number;
15 | }
16 |
17 | export interface Player {
18 | roomId: number;
19 | playerNb: number;
20 | }
21 |
22 | export interface Coordinates {
23 | x?: number;
24 | y?: number;
25 | showBall: boolean;
26 | }
27 |
28 | export interface StatePong {
29 | ballX?: number;
30 | ballY?: number;
31 | paddleLeftY?: number;
32 | paddleRightY?: number;
33 | gameStarted: boolean;
34 | roomId: number;
35 | showStartButton: boolean;
36 | playerNumber: number;
37 | player1Score: number;
38 | player2Score: number;
39 | msgType: number;
40 | player1Name: string;
41 | player2Name: string;
42 | game_list: Game_data_extended[];
43 | isSettingsShown?: boolean;
44 | settingsState: "up" | "down" | "none";
45 | buttonState?: "Start" | "New Game" | "Cancel";
46 | avatarP1URL: string,
47 | avatarP2URL: string,
48 | soloGame: boolean,
49 | redirectChat?: boolean,
50 | }
51 |
52 | export interface PropsPong {
53 | pvtGame?: boolean,
54 | roomId?: number,
55 | playerNumber?: number,
56 | socket?: Socket;
57 | }
58 |
59 | export interface Button {
60 | clickHandler: any;
61 | showButton: boolean;
62 | buttonText?: "Start" | "New Game" | "Cancel" | "Solo mode";
63 | }
64 |
65 | export interface ButtonState {
66 | showButton: boolean;
67 | buttonText?: "Start" | "New Game" | "Cancel";
68 | }
69 |
70 | export interface SoloButtonProps {
71 | clickHandler: any;
72 | showButton: boolean;
73 | buttonText?: "Play again" | "Quit";
74 | }
75 |
76 | export interface SoloButtonState {
77 | showButton: boolean;
78 | buttonText?: "Play again" | "Quit";
79 | }
80 |
81 | export interface PropsSoloPong {
82 | clickHandler: any;
83 | }
84 |
85 | export interface Msg {
86 | showMsg: boolean;
87 | type: number;
88 | }
89 |
90 | export interface MsgState {
91 | showMsg: boolean;
92 | type: number;
93 | }
94 |
95 | export interface MsgSolo {
96 | showMsg: boolean;
97 | type: number;
98 | score: number;
99 | }
100 |
101 | export interface MsgSoloState {
102 | showMsg: boolean;
103 | type: number;
104 | score: number;
105 | }
106 |
107 | export interface PaddleProps {
108 | ystart?: number;
109 | y?: number;
110 | side: string;
111 | show: boolean;
112 | }
113 |
114 | export interface StatePaddle {
115 | y?: number;
116 | side: string;
117 | show: boolean;
118 | }
119 |
120 | export interface SettingsProps {
121 | onClickClose: any;
122 | onKeyDown: any;
123 | message: string;
124 | }
125 |
126 | export interface SettingsState {
127 | message: string;
128 | }
129 |
130 | export interface Game_data_extended extends Game_data {
131 | avatar1URL: string;
132 | avatar2URL: string;
133 | }
134 |
135 | export interface StateSoloPong {
136 | ballX: number;
137 | ballY: number;
138 | paddleLeftY: number;
139 | gameStarted: boolean;
140 | player1Score: number;
141 | player1Name: string;
142 | isSettingsShown?: boolean;
143 | settingsState: "up" | "down" | "none";
144 | avatarP1URL: string,
145 | }
146 |
--------------------------------------------------------------------------------
/front/src/index.tsx:
--------------------------------------------------------------------------------
1 | import ReactDOM from "react-dom/client";
2 | import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
3 | import App from "./App";
4 | import Game from "./routes/Game";
5 | import Auth from "./routes/Auth/Auth";
6 | import SignIn from "./routes/Auth/SignIn";
7 | import SignUp from "./routes/Auth/SignUp";
8 | import Chat from "./routes/Chat";
9 | import UserInterface from "./routes/UserInterface";
10 | import { AuthProvider, RedirectWhenAuth, RequireAuth } from "./hooks/AuthHooks";
11 | import TwoFAValidation from "./routes/TwoFAValidation";
12 | import Watch from "./routes/Watch";
13 | import LeaderBoard from "./routes/LeaderBoard";
14 | import UserPrivateProfile from "./routes/profile_types/private/UserPrivateProfile";
15 | import { BlockedList } from "./routes/profile_types/private/users_relations/BlockedList";
16 | import { FriendsList } from "./routes/profile_types/private/users_relations/FriendsList";
17 | import { PendingList } from "./routes/profile_types/private/users_relations/PendingList";
18 | import UserPublicProfile from "./routes/profile_types/public/UserPublicProfile";
19 | import "./index.css";
20 |
21 | const root = ReactDOM.createRoot(document.getElementById("root")!);
22 | root.render(
23 | GAME INVITATION
60 |
61 |
62 |
66 |
69 | {game?.inviterName}
67 | invited you to a game
68 |
70 |
77 |
72 | JOIN
73 |
75 | DECLINE
76 |
72 | {isFetched === "true" ? (
73 | blockedList?.length !== 0 ? (
74 | blockedList!.map((h, index) => {
75 | return (
76 |
92 | );
93 | };
94 |
95 | //isFetched === "error" to add
96 |
--------------------------------------------------------------------------------
/front/src/routes/profile_types/private/users_relations/PendingList.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useContext } from "react";
2 | import { ItableRow, IUserStatus } from "../../../../globals/Interfaces";
3 | import { getUserAvatarQuery } from "../../../../queries/avatarQueries";
4 | import { getUserPending } from "../../../../queries/userQueries";
5 | import { DisplayRow } from "./DisplayRowUsers";
6 | import { UsersStatusCxt } from "../../../../App";
7 | import { Spinner } from "react-bootstrap";
8 |
9 | export const PendingList = () => {
10 | const usersStatus = useContext(UsersStatusCxt);
11 |
12 | const [pendingList, setPendingList] = useState
72 | {isFetched === "true" ? (
73 | pendingList?.length !== 0 ? (
74 | pendingList!.map((h, index) => {
75 | return (
76 |
92 | );
93 | };
94 |
95 | //isFetched === "error" to add
96 |
--------------------------------------------------------------------------------
/front/src/routes/chat_modes/chatRoom.css:
--------------------------------------------------------------------------------
1 | .chat-room-zone {
2 | background-color: inherit;
3 | flex: 1;
4 | display: flex;
5 | flex-direction: column;
6 | box-shadow: 0px 0px 96px 0px rgb(0 0 0 / 18%);
7 | }
8 |
9 | .lock-icon {
10 | margin: auto;
11 | }
12 |
13 | .brief-info {
14 | background-color: #191e1e;
15 | height: 60px;
16 | display: flex;
17 | }
18 |
19 | .chat-name {
20 | padding-left: 20px;
21 | padding-top: 15px;
22 | color: white;
23 | }
24 |
25 | .flex-empty-block {
26 | flex: 1;
27 | }
28 |
29 |
30 | .brief-info .setting-icon {
31 | margin-top: 2px;
32 | padding: 15px;
33 | opacity: 0.85;
34 | cursor: pointer;
35 | }
36 |
37 | .brief-info .setting-icon:hover {
38 | opacity: 1;
39 | }
40 |
41 | .msg-stream {
42 | background-color: #273438;
43 | padding: 10px;
44 | flex: 1;
45 | overflow: overlay;
46 | }
47 |
48 | .self {
49 | margin-top: 10px;
50 | margin-left: auto;
51 | margin-right: 18px;
52 | padding-top: 10px;
53 | padding-bottom: .5px;
54 | padding-left: 15px;
55 | padding-right: 15px;
56 | width: fit-content;
57 | background-color: white;
58 | text-align: right;
59 | border-top-left-radius: 10px;
60 | border-bottom-left-radius: 10px;
61 | border-radius: 10px;
62 | max-width: 70%;
63 | word-break: break-word;
64 | }
65 |
66 | .other {
67 | margin-top: 10px;
68 | margin-left: 8px;
69 | margin-right: auto;
70 | padding-top: 10px;
71 | padding-bottom: 0.5px;
72 | padding-left: 15px;
73 | padding-right: 20px;
74 | width: fit-content;
75 | background-color: whitesmoke;
76 | text-align: left;
77 | border-top-left-radius: 10px;
78 | border-bottom-left-radius: 10px;
79 | border-radius: 10px;
80 | max-width: 70%;
81 | word-break: break-word;
82 | }
83 |
84 | .msg-string {
85 | color: black;
86 | }
87 |
88 | .msg-sender {
89 | margin-bottom: auto;
90 | font-size: 12px;
91 | text-align: left;
92 | color:rgba(37, 36, 36, 0.884);
93 | }
94 |
95 |
96 | .msg-sent-time {
97 | background-color: mediumaquamarine;
98 | color: black;
99 | }
100 |
101 | .msg-input-zone {
102 | background-color: #334a50;
103 | padding: 10px;
104 | display: flex;
105 | box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 5%);
106 | position: relative;
107 | }
108 |
109 | .msg-input-area {
110 | background-color: transparent;
111 | padding-left: 10px;
112 | padding-bottom: 5px;
113 | height: 35px;
114 | outline: none;
115 | border: none;
116 | color: white;
117 | flex: 1;
118 | }
119 |
120 | #msg::placeholder {
121 | color: white;
122 | }
123 |
124 | .pickerBox
125 | {
126 | position: absolute;
127 | right: 0;
128 | bottom: 60px;
129 | }
130 |
131 | .emoji-button
132 | {
133 | padding: 3px;
134 | cursor: pointer;
135 | }
136 |
137 | .emoji-picker-react input.emoji-search
138 | {
139 | height: 37px;
140 | }
141 |
142 | .emoji-picker-react section::-webkit-scrollbar
143 | {
144 | display: none;
145 | }
146 |
147 | .emoji-disappear-click-zone {
148 | position: absolute;
149 | height: 100vh;
150 | width: 100vw;
151 | top: 0px;
152 | left: 0px;
153 | }
--------------------------------------------------------------------------------
/back/README.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 |
A progressive Node.js framework for building efficient and scalable server-side applications.
9 |
10 | 
11 | 
12 | 
13 | 
15 | 
16 | 
17 | 
18 | 
19 | 
20 | 
21 |
75 | {isFetched === "true" ? (
76 | friendsList?.length !== 0 ? (
77 | friendsList!.map((h, index) => {
78 | return (
79 |
95 | );
96 | };
97 |
98 | //isFetched === "error" to add
99 |
--------------------------------------------------------------------------------
/back/prisma/schema.prisma:
--------------------------------------------------------------------------------
1 | // This is your Prisma schema file,
2 | // learn more about it in the docs: https://pris.ly/d/prisma-schema
3 |
4 | // Unlike TypeORM where entities are created and set inside the modules,
5 | // Prisma handles everything from this file where the models are set
6 |
7 |
8 | generator client {
9 | provider = "prisma-client-js"
10 | // output = "../node_modules/@prisma/client"
11 |
12 | }
13 |
14 | datasource db {
15 | provider = "postgresql"
16 | url = env("DATABASE_URL")
17 | }
18 |
19 | model User {
20 | id Int @id @default(autoincrement())
21 | id42 Int
22 |
23 | createdAt DateTime @default(now())
24 | updatedAt DateTime @updatedAt
25 |
26 | email String @unique
27 | username String? @unique
28 | hash String
29 | avatar String?
30 |
31 | hashedRtoken String?
32 | twoFAsecret String?
33 | twoFA Boolean? @default(false)
34 |
35 | gamesWon Int @default(0)
36 | gamesLost Int @default(0)
37 | gamesPlayed Int @default(0)
38 | gameHistory Int[]
39 |
40 |
41 | winRate Float?
42 | playTime Int @default(0)
43 | score Int @default(1200)
44 | rank Int?
45 |
46 | friends Int[]
47 | adding Int[]
48 | added Int[]
49 |
50 | blocks Int[]
51 | blocking Int[]
52 | blocked Int[]
53 |
54 | owner Channel[] @relation("owner")
55 | admin Channel[] @relation("admin")
56 | member Channel[] @relation("member")
57 | invited Channel[] @relation("invite")
58 | chanBlocked Channel[] @relation("blocked")
59 |
60 | Muted Mute[]
61 |
62 | messages Msg[]
63 |
64 | @@unique([id, email])
65 | @@map("users") //mapped to another name
66 | }
67 |
68 | model Channel {
69 | id Int @id @default(autoincrement())
70 |
71 | name String @default(uuid())
72 | picture String?
73 | createdAt DateTime @default(now())
74 | updatedAt DateTime @updatedAt
75 |
76 | dm Boolean @default(false)
77 | private Boolean @default(false)
78 | isPassword Boolean @default(false)
79 | password String?
80 |
81 | owners User[] @relation("owner")
82 | admins User[] @relation("admin")
83 | members User[] @relation("member")
84 | inviteds User[] @relation("invite")
85 | blocked User[] @relation("blocked")
86 |
87 | muted Mute[]
88 |
89 | messages Msg[]
90 |
91 | @@unique([id])
92 | }
93 |
94 | model Msg {
95 | id Int @id @default(autoincrement())
96 |
97 | msg String
98 | history String[]
99 |
100 | unsent Boolean @default(false)
101 |
102 | createdAt DateTime @default(now())
103 | updatedAt DateTime @updatedAt
104 |
105 | owner User @relation(fields: [userId], references: [id])
106 | userId Int
107 | channel Channel @relation(fields: [cid], references: [id])
108 | cid Int
109 | }
110 |
111 | model Mute {
112 | id Int @id @default(autoincrement())
113 |
114 |
115 | finishAt DateTime
116 | checkAt DateTime @default(now())
117 | finished Boolean @default(false)
118 |
119 | muted User @relation(fields: [userId], references: [id])
120 | userId Int
121 | channel Channel @relation(fields: [cid], references: [id])
122 | cid Int
123 | }
124 |
125 | model Game {
126 | id Int @id @unique
127 |
128 | player1 Int
129 | player2 Int
130 | score1 Int
131 | score2 Int
132 |
133 | startTime DateTime
134 | endTime DateTime
135 | duration Int? //in milliseconds
136 |
137 |
138 | }
--------------------------------------------------------------------------------
/front/src/modals/MActivateTwoFA.tsx:
--------------------------------------------------------------------------------
1 | import { useContext, useEffect, useState } from "react";
2 | import { Modal, Button, Form, Spinner } from "react-bootstrap";
3 | import { NotifCxt } from "../App";
4 | import { twoFAGenerate, twoFAOn } from "../queries/twoFAQueries";
5 |
6 | export function Activate2FA(props: any) {
7 | const notif = useContext(NotifCxt);
8 | const [image, setImage] = useState
65 | {
69 | e.preventDefault();
70 | getQRCode();
71 | }}
72 | />
73 |
77 | ) : (
78 |
74 | 
75 |
76 |
82 |
83 |
84 |
85 |
88 |
108 |
109 |
110 | );
111 | }
112 |
--------------------------------------------------------------------------------
/back/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "back",
3 | "version": "0.0.1",
4 | "description": "",
5 | "author": "",
6 | "private": true,
7 | "license": "UNLICENSED",
8 | "scripts": {
9 | "prisma:dev:deploy": "prisma migrate deploy",
10 | "prisma:studio": "npx prisma studio &",
11 | "db:dev:restart": "yarn db:dev:rm && yarn db:dev:up",
12 | "db:dev:rm": "docker compose rm postgres -s -f -v",
13 | "db:dev:up": "docker compose up postgres -d",
14 | "prebuild": "rimraf dist",
15 | "build": "nest build",
16 | "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
17 | "start": "nest start",
18 | "start:dev": "nest start --watch",
19 | "start:debug": "nest start --debug --watch",
20 | "start:prod": "node dist/main",
21 | "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
22 | "test": "jest",
23 | "test:watch": "jest --watch",
24 | "test:cov": "jest --coverage",
25 | "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
26 | "test:e2e": "jest --config ./test/jest-e2e.json"
27 | },
28 | "dependencies": {
29 | "@nestjs/axios": "^0.1.0",
30 | "@nestjs/common": "^9.0.8",
31 | "@nestjs/config": "^2.2.0",
32 | "@nestjs/core": "^9.0.8",
33 | "@nestjs/jwt": "^9.0.0",
34 | "@nestjs/passport": "^9.0.0",
35 | "@nestjs/platform-express": "^9.0.8",
36 | "@nestjs/platform-socket.io": "^9.0.8",
37 | "@nestjs/schedule": "^2.1.0",
38 | "@nestjs/swagger": "^6.0.5",
39 | "@nestjs/websockets": "^9.0.8",
40 | "@prisma/client": "^3.15.1",
41 | "@types/otplib": "^10.0.0",
42 | "@types/passport-jwt": "^3.0.6",
43 | "@types/passport-local": "^1.0.34",
44 | "@types/qrcode": "^1.4.2",
45 | "argon2": "^0.28.5",
46 | "async-mutex": "^0.3.2",
47 | "bcrypt": "^5.0.1",
48 | "class-transformer": "^0.5.1",
49 | "class-validator": "^0.13.2",
50 | "dotenv": "^16.0.1",
51 | "file-type": "^17.1.6",
52 | "moment": "^2.29.4",
53 | "otplib": "^12.0.1",
54 | "passport": "^0.6.0",
55 | "passport-42": "^1.2.6",
56 | "passport-jwt": "^4.0.0",
57 | "passport-local": "^1.0.0",
58 | "pg": "^8.7.3",
59 | "qrcode": "^1.5.1",
60 | "reflect-metadata": "^0.1.13",
61 | "rimraf": "^3.0.2",
62 | "rxjs": "^7.2.0",
63 | "typeorm": "^0.3.6",
64 | "webpack": "^5.73.0"
65 | },
66 | "devDependencies": {
67 | "@nestjs/cli": "^8.2.7",
68 | "@nestjs/schematics": "^8.0.0",
69 | "@nestjs/testing": "^8.0.0",
70 | "@types/bcrypt": "^5.0.0",
71 | "@types/express": "^4.17.13",
72 | "@types/jest": "27.5.0",
73 | "@types/multer": "^1.4.7",
74 | "@types/node": "^16.0.0",
75 | "@types/supertest": "^2.0.11",
76 | "@typescript-eslint/eslint-plugin": "^5.0.0",
77 | "@typescript-eslint/parser": "^5.0.0",
78 | "eslint": "^8.19.0",
79 | "eslint-config-prettier": "^8.3.0",
80 | "eslint-plugin-prettier": "^4.0.0",
81 | "eslint-plugin-unicorn": "^43.0.1",
82 | "jest": "28.0.3",
83 | "prettier": "^2.3.2",
84 | "prisma": "^3.15.1",
85 | "source-map-support": "^0.5.20",
86 | "supertest": "^6.1.3",
87 | "ts-jest": "28.0.1",
88 | "ts-loader": "^9.2.3",
89 | "ts-node": "^10.0.0",
90 | "tsconfig-paths": "4.0.0",
91 | "typescript": "^4.3.5"
92 | },
93 | "jest": {
94 | "moduleFileExtensions": [
95 | "js",
96 | "json",
97 | "ts"
98 | ],
99 | "rootDir": "src",
100 | "testRegex": ".*\\.spec\\.ts$",
101 | "transform": {
102 | "^.+\\.(t|j)s$": "ts-jest"
103 | },
104 | "collectCoverageFrom": [
105 | "**/*.(t|j)s"
106 | ],
107 | "coverageDirectory": "../coverage",
108 | "testEnvironment": "node"
109 | }
110 | }
111 |
--------------------------------------------------------------------------------
/back/src/upload/upload.controller.ts:
--------------------------------------------------------------------------------
1 | import {
2 | BadRequestException,
3 | Body,
4 | Controller,
5 | Get,
6 | HttpCode,
7 | HttpStatus,
8 | ParseFilePipeBuilder,
9 | Post,
10 | Res,
11 | UploadedFile,
12 | UseInterceptors,
13 | } from '@nestjs/common';
14 | import { FileInterceptor } from '@nestjs/platform-express';
15 | import { saveImageToStorage } from './utils/upload.utils';
16 | import { UserService } from 'src/user/user.service';
17 | import { GetCurrentUserId } from 'src/decorators';
18 | import { PrismaService } from 'src/prisma/prisma.service';
19 | import { Response } from 'express';
20 | import { uploadDto } from './dto';
21 | import { ReadableStreamWithFileType } from 'file-type';
22 | import { ApiHeader, ApiResponse, ApiTags } from '@nestjs/swagger';
23 |
24 | @ApiTags('Upload')
25 | @ApiHeader({ name: 'Avatars', description: 'Upload and Retrieve avatars' })
26 | @Controller('upload')
27 | export class UploadController {
28 | constructor(
29 | private readonly userService: UserService,
30 | private prisma: PrismaService,
31 | ) {}
32 |
33 | /**
34 | * Upload image to storage
35 | *
36 | * @param userId : number - id of user
37 | * @param body : any - body of request
38 | * @param file : Express.Multer.File - file of request
39 | * @returns object containing filename, originalname, path of file
40 | */
41 | @Post('/avatar')
42 | @ApiResponse({ status: 400, description: 'Invalid File' })
43 | @ApiResponse({ status: 422, description: 'Invalid File' })
44 | @HttpCode(201)
45 | @UseInterceptors(FileInterceptor('avatar', saveImageToStorage))
46 | async uploadAvatar(
47 | @GetCurrentUserId() userId: number,
48 | @Body() body: ReadableStreamWithFileType,
49 | @UploadedFile(
50 | new ParseFilePipeBuilder()
51 | .addFileTypeValidator({
52 | fileType: 'jpeg|jpg|png',
53 | })
54 | .addMaxSizeValidator({
55 | // eslint-disable-next-line unicorn/numeric-separators-style
56 | maxSize: 1000000,
57 | })
58 | .build({
59 | errorHttpStatusCode: HttpStatus.UNPROCESSABLE_ENTITY,
60 | }),
61 | )
62 | file: Express.Multer.File,
63 | ) {
64 | // LOG
65 | console.log(file);
66 |
67 | await this.userService.updateAvatar(userId, file.filename);
68 | const response = {
69 | filename: file.filename,
70 | originalname: file.originalname,
71 | path: file.path,
72 | };
73 | return response;
74 | }
75 |
76 | /**
77 | * Return the avatar of any given user
78 | *
79 | * @param body : any - body of request
80 | * @param response : Response - Express response object
81 | * @returns Avatar of user with given id
82 | */
83 |
84 | @Post('/getavatar')
85 | @HttpCode(200)
86 | @ApiResponse({ status: 400, description: 'Provide a userId' })
87 | @ApiResponse({ status: 400, description: 'User not found' })
88 | async getAvatarByUserId(
89 | @Body() body: uploadDto,
90 | @Res() response: Response,
91 | ) {
92 | if (!body.userId) {
93 | throw new BadRequestException('Provide a userId');
94 | }
95 | const { userId } = body;
96 | const user = await this.prisma.user.findUnique({
97 | where: {
98 | id: userId,
99 | },
100 | });
101 | if (!user) {
102 | throw new BadRequestException('User not found');
103 | }
104 | return response.sendFile(user.avatar, { root: process.env.UPLOAD_DIR });
105 | }
106 |
107 | /**
108 | * Return the avatar of current user
109 | *
110 | * @param userId : number - id of user
111 | * @param response : Response - Express response object
112 | * @returns Current User avatar
113 | */
114 |
115 | @Get('/avatar')
116 | @HttpCode(200)
117 | async getAvatar(
118 | @GetCurrentUserId() userId: number,
119 | @Res() response: Response,
120 | ) {
121 | const user = await this.prisma.user.findUnique({
122 | where: {
123 | id: userId,
124 | },
125 | });
126 | return response.sendFile(user.avatar, {
127 | root: process.env.UPLOAD_DIR,
128 | });
129 | }
130 | }
131 |
--------------------------------------------------------------------------------
/back/src/auth/2FA/2fa.service.ts:
--------------------------------------------------------------------------------
1 | /* GLOBAL MODULES */
2 | import {
3 | forwardRef,
4 | Inject,
5 | Injectable,
6 | UnauthorizedException,
7 | } from '@nestjs/common';
8 | import { Response } from 'express';
9 | import { PrismaService } from 'src/prisma/prisma.service';
10 | import { AuthService } from '../auth.service';
11 | /* Decorators */
12 | /* 2FA Modules */
13 | import { authenticator } from 'otplib';
14 | import { toDataURL } from 'qrcode';
15 | /* DTOs */
16 | import { TwoFactorDto, TwoFactorUserDto } from '../dto';
17 |
18 | /**
19 | * TWO FACTOR AUTHENTICATION SERVICE
20 | */
21 | @Injectable()
22 | export class TwoFactorService {
23 | constructor(
24 | private prisma: PrismaService,
25 | @Inject(forwardRef(() => AuthService))
26 | private authservice: AuthService,
27 | ) {}
28 |
29 | /* Redirect 2FA Enabled signin */
30 | signin_2FA(response: Response, username: string) {
31 | const url = new URL(process.env.SITE_URL);
32 | url.port = process.env.FRONT_PORT;
33 | url.pathname = '2FA';
34 | url.searchParams.append('username', username);
35 | response.status(302).redirect(url.href);
36 | }
37 |
38 | /* Turn on 2FA for existing user */
39 | async turn_on(twoFAcode: any, user: TwoFactorUserDto) {
40 | // destructure data
41 | const { email, twoFAsecret, id } = user;
42 | // Check is 2FA code is valid
43 | const isValid = await this.verify2FAcode(twoFAcode, twoFAsecret);
44 | // If invalid, throw error 401
45 | if (!isValid) throw new UnauthorizedException('Invalid 2FA code');
46 | // Enable 2FA for user (add method to user module ?)
47 | await this.prisma.user.update({
48 | where: { email: email },
49 | data: { twoFA: true },
50 | });
51 | const tokens = await this.authservice.signin_jwt(id, email, true);
52 | return tokens;
53 | }
54 |
55 | /* Turn off 2FA for existing user */
56 | async turn_off(user: TwoFactorUserDto) {
57 | const { email, id } = user;
58 | await this.prisma.user.update({
59 | where: { id: id },
60 | data: { twoFA: false },
61 | });
62 | const tokens = await this.authservice.signin_jwt(id, email, false);
63 | return tokens;
64 | }
65 |
66 | /* Generate a new 2FA for user */
67 | async generate2FA(email: string) {
68 | // Generate a 2FA secret
69 | const secret = authenticator.generateSecret();
70 | // Create a URL for the QR code
71 | const onetimepathurl = authenticator.keyuri(
72 | email,
73 | process.env.MY_2FA_APP_NAME,
74 | secret,
75 | );
76 | // Add the secret to the user
77 | await this.prisma.user.update({
78 | where: { email: email },
79 | data: { twoFAsecret: secret },
80 | });
81 | return {
82 | secret,
83 | onetimepathurl,
84 | };
85 | }
86 |
87 | /* Authenticate signin using 2FA */
88 | async authenticate(dto: TwoFactorDto) {
89 | // destructure dto
90 | const { username, twoFAcode } = dto;
91 | // find user by email or username
92 | const [user] = await this.prisma.user.findMany({
93 | where: { OR: [{ email: username }, { username: username }] },
94 | });
95 | if (!user) {
96 | throw new UnauthorizedException('Invalid User');
97 | }
98 | // destructure data
99 | const { id, email, twoFAsecret } = user;
100 | // check if code is valid
101 | const isValidCode = await this.verify2FAcode(twoFAcode, twoFAsecret);
102 | // if invalid code, throw error
103 | if (!isValidCode) {
104 | throw new UnauthorizedException('Invalid 2FA code');
105 | }
106 | // generate tokens
107 | const tokens = await this.authservice.signin_jwt(id, email, true);
108 | await this.authservice.updateRefreshToken(id, tokens.refresh_token);
109 | return tokens;
110 | }
111 |
112 | /* Verify 2FA code */
113 | async verify2FAcode(code: string, twoFAsecret: string) {
114 | return authenticator.verify({
115 | token: code,
116 | secret: twoFAsecret,
117 | });
118 | }
119 |
120 | /* Generate a QR code for the user */
121 | async generate2FAQRCode(onetimepathurl: string) {
122 | // Generate a QR code from the URL
123 | return toDataURL(onetimepathurl);
124 | }
125 | }
126 |
--------------------------------------------------------------------------------
/back/src/auth/auth.controller.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * AUTHENTIFICATION CONTROLLER
3 | */
4 |
5 | /* GLOBAL MODULES */
6 | import {
7 | Body,
8 | Controller,
9 | Get,
10 | HttpCode,
11 | Logger,
12 | Post,
13 | Req,
14 | Res,
15 | UseFilters,
16 | UseGuards,
17 | } from '@nestjs/common';
18 | import { Response } from 'express';
19 | /* CUSTOM DECORATORS */
20 | import { GetCurrentUser, GetCurrentUserId, Public } from 'src/decorators';
21 | /* INTERFACE FOR 42 API */
22 | import { Profile_42 } from './interfaces/42.interface';
23 | /* AUTH MODULES */
24 | import { AuthService } from './auth.service';
25 | import { FortyTwoAuthGuard } from './guard';
26 | import { RtGuard } from './guard';
27 | /* AUTH DTOs */
28 | import { SignUpDto, SignInDto } from './dto';
29 | import { TwoFactorService } from './2FA/2fa.service';
30 | import { ApiHeader, ApiResponse, ApiTags } from '@nestjs/swagger';
31 | import { RedirectOnLogin } from './filter';
32 |
33 | // AUTH CONTROLLER - /auth
34 | @ApiTags('authentification')
35 | @ApiHeader({
36 | name: 'Authorization',
37 | description: 'Jason Web Token as Bearer Token',
38 | })
39 | @Controller('auth')
40 | export class AuthController {
41 | constructor(
42 | private authService: AuthService,
43 | private twoFAService: TwoFactorService,
44 | ) {}
45 |
46 | logger = new Logger('Authentification');
47 | /**
48 | * /signup - create account
49 | * Creates a new user email/username/password
50 | */
51 | @Public()
52 | @ApiResponse({ status: 403, description: 'Credentials already exist' })
53 | @Post('/signup')
54 | signup(@Body() dto: SignUpDto) {
55 | this.logger.log('User Signup: ' + dto.username);
56 | return this.authService.signup(dto);
57 | }
58 |
59 | /**
60 | * /signin - sign in to API
61 | * Signs an existing user email/username and password
62 | */
63 | @Public()
64 | @ApiResponse({ status: 403, description: 'Invalid Credentials' })
65 | @Post('/signin')
66 | signin(@Body() dto: SignInDto) {
67 | this.logger.log('User Signup: ' + dto.username);
68 | return this.authService.signin(dto);
69 | }
70 |
71 | /**
72 | * /logout - logout from API
73 | * Deletes the refresh token from the database
74 | */
75 | @Post('logout')
76 | @HttpCode(200)
77 | @ApiResponse({ status: 401, description: 'Unauthorized' })
78 | logout(
79 | @GetCurrentUserId() userId: number,
80 | @GetCurrentUser('username') username: string,
81 | ) {
82 | // LOG
83 | this.logger.log('User logout ' + username);
84 | return this.authService.signout(userId);
85 | }
86 |
87 | /* REFRESH TOKEN CALLBACK */
88 |
89 | /**
90 | * Updates Tokens for signed in user
91 | * Work in progress
92 | */
93 | @Public()
94 | @UseGuards(RtGuard)
95 | @HttpCode(200)
96 | @Post('/refresh')
97 | refresh(
98 | @GetCurrentUserId() userId: number,
99 | @GetCurrentUser('refreshToken') refreshToken: string,
100 | ) {
101 | return this.authService.refresh_token(userId, refreshToken);
102 | }
103 | /* 42 API */
104 |
105 | /**
106 | * Signin using 42 API => HREF front
107 | * Work in progress
108 | */
109 | @Public()
110 | @UseGuards(FortyTwoAuthGuard)
111 | @Get('42')
112 | signin_42() {
113 | console.log('42 API signin');
114 | }
115 |
116 | /**
117 | * 42 Callback URI
118 | * Creates user or signin if user already exists
119 | */
120 | @Public()
121 | @UseGuards(FortyTwoAuthGuard)
122 | @UseFilters(RedirectOnLogin)
123 | @Get('42/callback')
124 | async callback_42(@Req() request: any, @Res() response: Response) {
125 | // Generate token using API response
126 | const user = await this.authService.signin_42(
127 | request.user as Profile_42,
128 | );
129 | const { username, twoFA, id, email } = user;
130 | // LOG
131 | this.logger.log('42 API signin ' + username);
132 | return twoFA
133 | ? this.twoFAService.signin_2FA(response, username)
134 | : this.authService.signin_42_token(response, id, email);
135 | }
136 |
137 | /**
138 | * Testing basic /auth route
139 | */
140 | @Public()
141 | @Get('/')
142 | test_auth() {
143 | return this.authService.test_route();
144 | }
145 | }
146 |
--------------------------------------------------------------------------------
/front/src/routes/profile_types/Profiles.css:
--------------------------------------------------------------------------------
1 | /* PRIVATE PROFILE */
2 |
3 | .app-title {
4 | font-family: "IBM Plex Mono";
5 | font-style: normal;
6 | font-weight: 400;
7 | font-size: 20px;
8 | line-height: 20px;
9 | letter-spacing: -0.4px;
10 | color: var(--text-color-white);
11 | }
12 |
13 | .profile-username-text {
14 | font-weight: 500;
15 | font-size: 25px;
16 | line-height: 20px;
17 | color: var(--text-color-white);
18 | }
19 |
20 | .caption {
21 | font-family: "IBM Plex Mono";
22 | font-style: normal;
23 | padding-top: 5px;
24 | font-size: 12px;
25 | }
26 | .caption:hover {
27 | text-decoration: underline;
28 | color: var(--buttons-color-blue);
29 | }
30 |
31 | /* PRIVATE PROFILE / CARDS */
32 |
33 | .profile-card {
34 | background: #31353c;
35 | box-shadow: -10px -5px 30px 5px #34373c, 10px 5px 30px 5px #24282d;
36 | border-radius: 10px;
37 | }
38 |
39 | .modify-card {
40 | background: #2e3238;
41 | box-shadow: inset 5px 4px 30px #23262b, inset -4px -5px 30px #434851;
42 | border-radius: 10px;
43 | max-height: 80%;
44 | }
45 |
46 | /* PRIVATE PROFILE / AVATAR */
47 |
48 | .profile-pic-round {
49 | display: flex;
50 | align-items: center;
51 | justify-content: center;
52 | height: 150px;
53 | width: 150px;
54 | border-radius: 50%;
55 | background: var(--buttons-color-gray-disabled);
56 | box-shadow: 7px 7px 30px #1f2427, -7px -7px 30px #485057;
57 | }
58 |
59 | .profile-pic-inside {
60 | height: 98%;
61 | width: 98%;
62 | border-radius: 50%;
63 | }
64 |
65 | .edit-round-icon {
66 | padding: 3%;
67 | width: 30px;
68 | height: 30px;
69 | border-radius: 50%;
70 | background: var(--buttons-color-blue);
71 | transition: 0.3s ease;
72 | outline: none;
73 | outline-color: #556fe8;
74 | }
75 |
76 | .edit-round-icon:hover.edit-round-icon:active.edit-round-icon:focus {
77 | outline-style: solid;
78 | outline-width: 1px;
79 | outline-offset: -1px;
80 | outline-color: #3c58dd;
81 | background-color: var(--buttons-color-blue-selected);
82 | box-shadow: inset 2px 5px 10px rgba(15, 21, 49, 0.25),
83 | inset -2px -5px 10px #556fe8;
84 | }
85 |
86 | /* PRIVATE PROFILE / FRIENDS LIST */
87 |
88 | .profile-pic-round-sm {
89 | position: relative;
90 | display: flex;
91 | align-items: center;
92 | justify-content: center;
93 | }
94 |
95 | .profile-pic-wrapper {
96 | height: 3.1em;
97 | width: 3.1em;
98 | display: flex;
99 | align-items: center;
100 | justify-content: center;
101 | border-radius: 50%;
102 | }
103 |
104 | .profile-pic-wrapper.ingame {
105 | outline: 0.125em solid;
106 | outline-color: var(--buttons-color-blue);
107 | }
108 |
109 | .profile-pic-inside-sm {
110 | height: 90%;
111 | width: 90%;
112 | border-radius: 50%;
113 | }
114 |
115 | .status-private {
116 | position: absolute;
117 | left: 3em;
118 | top: calc(3em - 0.8em + 0.125em);
119 | width: 0.8em;
120 | height: 0.8em;
121 | border-radius: 50%;
122 | transition: 0.5s ease;
123 | }
124 |
125 | .status-private.online {
126 | background: var(--basic-color-green);
127 | }
128 |
129 | .status-private.offline {
130 | background: grey;
131 | }
132 |
133 | .status-private.ingame {
134 | background: var(--basic-color-green);
135 | }
136 |
137 | /* //////////////////////////////////////////////////// */
138 |
139 | /* GAMES LIST */
140 |
141 | .profile-pic-wrapper-sm {
142 | height: 2.1em;
143 | width: 2.1em;
144 | display: flex;
145 | align-items: center;
146 | justify-content: center;
147 | border-radius: 50%;
148 | }
149 |
150 | .profile-pic-wrapper-sm.ingame {
151 | outline: 0.125em solid;
152 | outline-color: var(--buttons-color-blue);
153 | }
154 |
155 | .status-private-sm {
156 | position: absolute;
157 | left: calc(2em + 0.25em);
158 | top: calc(2em - 0.25em);
159 | width: 0.5em;
160 | height: 0.5em;
161 | border-radius: 50%;
162 | }
163 |
164 | .status-private-sm.online {
165 | background: var(--basic-color-green);
166 | }
167 |
168 | .status-private-sm.offline {
169 | background: grey;
170 | }
171 |
172 | .status-private-sm.ingame {
173 | background: var(--basic-color-green);
174 | }
175 |
--------------------------------------------------------------------------------
/front/src/routes/chat_modes/tags.css:
--------------------------------------------------------------------------------
1 | /**
2 | *
92 |
107 | event.stopPropagation()}
95 | >
96 | {
100 | setGameRequest((old) => {
101 | return !old;
102 | });
103 | }}
104 | />
105 |
106 |