10 |
11 |
12 | No conversation selected. You can open one or create a new conversation.
13 |You leave the room meeting
15 |No meeting room were found with this URL
15 |Please check your room link and try again
16 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | )
32 | }
33 |
--------------------------------------------------------------------------------
/backend/commons/src/main/java/com/mercure/commons/utils/ComparatorListGroupDTO.java:
--------------------------------------------------------------------------------
1 | package com.mercure.commons.utils;
2 |
3 | import com.mercure.commons.dto.user.GroupDTO;
4 |
5 | import java.text.ParseException;
6 | import java.text.SimpleDateFormat;
7 | import java.util.Comparator;
8 |
9 | public class ComparatorListGroupDTO implements Comparator
18 |
22 |
23 |
29 |
32 |
33 |
34 | )
35 | }
36 |
--------------------------------------------------------------------------------
/backend/core/src/main/resources/db/changelog/createGroupTable.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
33 | {
34 | alerts.map((value) => (
35 |
50 | )
51 | }
52 |
--------------------------------------------------------------------------------
/frontend-web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "frontend-web",
3 | "version": "0.0.1",
4 | "private": true,
5 | "author": {
6 | "name": "Thibaut MOUTON",
7 | "email": "thibautmouton22@gmail.com"
8 | },
9 | "engines": {
10 | "node": ">= 20",
11 | "npm": ">= 8.0.0"
12 | },
13 | "scripts": {
14 | "start": "react-scripts start",
15 | "start:test": "tsc && set PORT=8080 && react-scripts start",
16 | "build": "react-scripts build",
17 | "test": "react-scripts test --watchAll=false",
18 | "lint": "eslint -c .eslintrc.json --ext .ts,.tsx .",
19 | "lint:fix": "npm run lint -- --fix",
20 | "eject": "react-scripts eject"
21 | },
22 | "dependencies": {
23 | "@emotion/react": "11.11.4",
24 | "@emotion/styled": "11.11.5",
25 | "@mui/icons-material": "5.15.20",
26 | "@mui/lab": "5.0.0-alpha.170",
27 | "@mui/material": "5.15.21",
28 | "@stomp/stompjs": "7.0.0",
29 | "axios": "1.12.0",
30 | "history": "5.3.0",
31 | "jest": "29.7.0",
32 | "moment": "2.30.1",
33 | "react": "18.2.0",
34 | "react-dom": "18.2.0",
35 | "react-router-dom": "6.22.3",
36 | "react-scripts": "5.0.1",
37 | "react-toastify": "10.0.5",
38 | "sockjs-client": "1.6.1",
39 | "ts-jest": "29.1.5",
40 | "typescript": "4.7.4"
41 | },
42 | "eslintConfig": {
43 | "extends": "react-app"
44 | },
45 | "devDependencies": {
46 | "@testing-library/dom": "10.3.0",
47 | "@testing-library/jest-dom": "6.4.6",
48 | "@testing-library/react": "16.0.0",
49 | "@types/react": "18.3.3",
50 | "@types/react-dom": "18.3.0",
51 | "@types/jest": "29.5.12",
52 | "@typescript-eslint/eslint-plugin": "7.5.0",
53 | "@typescript-eslint/parser": "7.5.0",
54 | "eslint-plugin-react": "7.34.1"
55 | },
56 | "browserslist": {
57 | "production": [
58 | ">0.2%",
59 | "not dead",
60 | "not op_mini all"
61 | ],
62 | "development": [
63 | "last 1 chrome version",
64 | "last 1 firefox version",
65 | "last 1 safari version"
66 | ]
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/frontend-web/src/components/welcome/WelcomeComponent.tsx:
--------------------------------------------------------------------------------
1 | import React from "react"
2 | import {Box, Card, CardContent, Grid, Typography} from "@mui/material"
3 | import {FooterComponent} from "../partials/FooterComponent"
4 | import {generateColorMode} from "../utils/enable-dark-mode"
5 | import {useThemeContext} from "../../context/theme-context"
6 |
7 | interface WelcomeComponentProps {
8 | children: React.ReactNode
9 | }
10 |
11 | export function WelcomeComponent({children}: WelcomeComponentProps) {
12 | const {theme} = useThemeContext()
13 |
14 | return
36 |
37 | closeAlert(value.id)}>
38 | closeAlert(value.id)}
39 | severity={value.alert}
40 | variant={"filled"}>
41 | {getAlertTitle(value.alert)}
42 | {value.text}
43 |
44 |
45 |
46 |
47 | ))
48 | }
49 |
15 |
16 |
17 |
18 |
19 | Welcome to FastLiteMessage
20 |
21 |
22 |
23 | Simple, fast and secure
24 |
25 |
26 |
27 | ![{"test]({"/assets/icons/landing_logo.svg"})
28 |
29 | FastLiteMessage allows to communicate with other people everywhere, create groups,
30 | make
31 | serverless video calls in an easy way. Log into your account or register to start
32 | using FastLiteMessage.
33 |
34 | ![{"test]({"/assets/icons/landing_logo2.svg"})
35 |
36 | {children}
37 |
38 |
40 |
41 |
42 |
43 | }
--------------------------------------------------------------------------------
/backend/core/src/main/resources/db/changelog/createFileBlobTable.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
28 |
35 | Search results
35 |
36 | {
37 | searchResponse && searchResponse.matchingMessages.map((searchResponseData, index) => (
38 |
57 | -
39 | {searchResponseData.groupName}
40 | }>
41 | {
42 | searchResponseData.messages.map((message, messageIndex) => (
43 |
59 | {
60 | multimediaContent.map((file, index) => {
61 | return (
62 |
58 |
59 |
60 |
61 |
62 |
64 |
66 |
67 |
68 |
69 |
70 | )
71 | }
72 |
73 | createRoot(document.getElementById("root")!)
74 | .render(
75 | toSend = messageService.createNotificationList(userId, groupUrl);
57 | toSend.forEach(toUserId -> messagingTemplate.convertAndSend("/topic/user/" + toUserId, res));
58 | } catch (Exception e) {
59 | log.error("Cannot save file, caused by {}", e.getMessage());
60 | return ResponseEntity.status(500).build();
61 | }
62 | return ResponseEntity.ok().build();
63 | }
64 |
65 | @GetMapping("files/groupUrl/{groupUrl}")
66 | public List getMultimediaContent(@PathVariable String groupUrl) {
67 | return messageService.getMultimediaContentByGroup(groupUrl);
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/frontend-web/src/context/GroupContext.tsx:
--------------------------------------------------------------------------------
1 | import React, {createContext, Dispatch, useReducer} from "react"
2 | import {GroupModel} from "../interface-contract/group-model"
3 |
4 | enum GroupContextAction {
5 | ADD_GROUP = "ADD_GROUP",
6 | UPDATE_GROUPS = "UPDATE_GROUPS",
7 | UPDATE_LAST_MESSAGE_GROUP = "UPDATE_LAST_MESSAGE_GROUP",
8 | UPDATE_SEEN_MESSAGE = "UPDATE_SEEN_MESSAGE",
9 | SET_GROUPS = "SET_GROUPS",
10 | }
11 |
12 | export type GroupActionType =
13 | | { type: GroupContextAction.UPDATE_GROUPS; payload: { id: number; field: Partial } }
14 | | { type: GroupContextAction.ADD_GROUP; payload: GroupModel }
15 | | { type: GroupContextAction.UPDATE_SEEN_MESSAGE; payload: { groupUrl: string; isMessageSeen: boolean } }
16 | | { type: GroupContextAction.UPDATE_LAST_MESSAGE_GROUP; payload: { groupUrl: string; field: Partial } }
17 | | { type: GroupContextAction.SET_GROUPS; payload: GroupModel[] }
18 |
19 | const GroupContext = createContext<{
20 | groups: GroupModel[]
21 | changeGroupState: Dispatch;
22 | } | undefined>(undefined)
23 |
24 | export const groupReducer = (state: GroupModel[], action: GroupActionType): GroupModel[] => {
25 | switch (action.type) {
26 | case GroupContextAction.UPDATE_GROUPS: {
27 | const index = state.findIndex((group) => group.id === action.payload.id)
28 | if (index >= 0) {
29 | return state
30 | }
31 | return state
32 | }
33 | case GroupContextAction.ADD_GROUP: {
34 | return [action.payload, ...state] // at first index because new conversation
35 | }
36 | case GroupContextAction.UPDATE_LAST_MESSAGE_GROUP: {
37 | const index = state.findIndex((group) => group.url === action.payload.groupUrl)
38 | if (index > -1) {
39 | state[index].lastMessageSender = action.payload.field.lastMessageSender
40 | state[index].lastMessageDate = action.payload.field.lastMessageDate || ""
41 | state[index].lastMessageSeen = action.payload.field.lastMessageSeen || false
42 | state[index].lastMessage = action.payload.field.lastMessage || ""
43 | }
44 | const groupToUpdatePosition = state[index]
45 | state.splice(index, 1)
46 | state.unshift(groupToUpdatePosition)
47 | return state
48 | }
49 | case GroupContextAction.UPDATE_SEEN_MESSAGE: {
50 | const newState = [...state]
51 | const index = newState.findIndex((group) => group.url === action.payload.groupUrl)
52 | if (index > -1) {
53 | newState[index].lastMessageSeen = action.payload.isMessageSeen
54 | }
55 | return newState
56 | }
57 | case GroupContextAction.SET_GROUPS: {
58 | return action.payload
59 | }
60 | default:
61 | return state
62 | }
63 | }
64 |
65 | const GroupContextProvider: React.FC<{ children: React.ReactNode }> = ({children}) => {
66 | const [groups, changeGroupState] = useReducer(groupReducer, [])
67 | return (
68 |
69 | {children}
70 |
71 | )
72 | }
73 |
74 | export {GroupContextProvider, GroupContext, GroupContextAction}
75 |
76 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | 
5 |
6 | # FastLiteMessage
7 |
8 | Real time chat application group oriented built with React and Spring Boot. Talk with your friends, create and add users to conversation, send messages or images, set groups administrators and start video calls ! (coming soon)
9 |
10 | # Project Requirements
11 |
12 | * [JDK](https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html) 17
13 | * [NodeJS](https://nodejs.org/en/download/) v20.12.1
14 | * [ReactJS](https://reactjs.org/) v18
15 | * [Material UI](https://mui.com/) v5.7.0
16 | * [MySQL Server](https://www.mysql.com/)
17 |
18 | # What's next ?
19 | You want to know the roadmap of the project, next release or next fixes ? Check the "Projects" tab or visit the [Fast Lite Message's roadmap](https://github.com/users/Thibaut-Mouton/projects/4)
20 |
21 | # Project fast start up
22 | In a hurry ? Juste type ```docker-compose up``` in the root directory.
23 | This will start 3 containers : MySQL, backend and frontend together. Liquibase will take care of the database setup. For development purpose, the DB is filled with 5 accounts (password: ```root```) :
24 | * Thibaut
25 | * Mark
26 | * John
27 | * Luke
28 | * Steve
29 | ```
30 | Warning : Be sure that no other app is running on port 3000, 9090 or 3306
31 | ```
32 |
33 | # Project development set up
34 |
35 | * This project use [liquibase](https://www.liquibase.org/) as a version control for database. When you will start backend, all tables and structures will be generated automatically.
36 | * You can disable Liquibase by setting ```spring.liquibase.enabled=false``` in ```application.properties```.
37 | * To try the project on localhost, check that nothing runs on ports 9090 (Spring Boot) and 3000 (React app)
38 | * You can edit ````spring.datasource```` in ```backend/src/main/resources/application.properties``` and ```username``` and ```password``` in ```backend/src/main/resources/liquibase.properties``` with your own MySQL login / password
39 | * Create a database named "fastlitemessage_dev" or you can also modify the name in the properties files mentioned just above.
40 |
41 | ## Start backend
42 | * Go inside backend folder then type ```mvn spring-boot:run``` to launch backend.
43 | * Or you can type ```mvn clean package``` to generate a JAR file and then start server with ```java -jar path/to/jar/file``` (Normally in inside backend/target/)
44 | ## Start frontend
45 | * Go inside frontend-web folder and then type ```npm run start```
46 |
47 | # Disclaimer
48 | * Please note there is no specific security over websockets.
49 | * Docker setup is not production ready
50 |
51 | # Project overview
52 |
53 | 
54 |
55 | 
56 |
57 | * Simple chat group application
58 | * Send images
59 | * Start video calls
60 | * Secure user account
61 | * Room discussion
62 | * Chat group administrators
63 | * Add / remove users from conversation
64 |
--------------------------------------------------------------------------------
/backend/core/src/main/java/com/mercure/core/service/UserService.java:
--------------------------------------------------------------------------------
1 | package com.mercure.core.service;
2 |
3 | import com.mercure.commons.dto.GroupMemberDTO;
4 | import com.mercure.commons.entity.GroupRoleKey;
5 | import com.mercure.commons.entity.GroupUser;
6 | import com.mercure.commons.entity.UserEntity;
7 | import com.mercure.core.repository.UserRepository;
8 | import jakarta.transaction.Transactional;
9 | import lombok.AllArgsConstructor;
10 | import lombok.Getter;
11 | import lombok.Setter;
12 | import org.springframework.stereotype.Service;
13 |
14 | import java.text.Normalizer;
15 | import java.util.*;
16 |
17 | @Service
18 | @Getter
19 | @Setter
20 | @AllArgsConstructor
21 | public class UserService {
22 |
23 | // private PasswordEncoder passwordEncoder;
24 |
25 | private UserRepository userRepository;
26 |
27 | private GroupUserJoinService groupUserJoinService;
28 |
29 | private static Map wsSessions = new HashMap<>();
30 |
31 | public List findAll() {
32 | return userRepository.findAll();
33 | }
34 |
35 | @Transactional
36 | public void save(UserEntity userEntity) {
37 | userRepository.save(userEntity);
38 | }
39 |
40 | public List fetchAllUsers(int[] ids) {
41 | List toSend = new ArrayList<>();
42 | List list = userRepository.getAllUsersNotAlreadyInConversation(ids);
43 | list.forEach(user -> toSend.add(new GroupMemberDTO(user.getId(), user.getFirstName(), user.getLastName(), false)));
44 | return toSend;
45 | }
46 |
47 | public UserEntity findByNameOrEmail(String str0, String str1) {
48 | return userRepository.getUserByFirstNameOrMail(str0, str1);
49 | }
50 |
51 | public boolean checkIfUserIsAdmin(int userId, int groupIdToCheck) {
52 | GroupRoleKey id = new GroupRoleKey(groupIdToCheck, userId);
53 | Optional optional = groupUserJoinService.findById(id);
54 | if (optional.isPresent()) {
55 | GroupUser groupUser = optional.get();
56 | return groupUser.getRole() == 1;
57 | }
58 | return false;
59 | }
60 |
61 | public String createShortUrl(String firstName, String lastName) {
62 | StringBuilder sb = new StringBuilder();
63 | sb.append(firstName);
64 | sb.append(".");
65 | sb.append(Normalizer.normalize(lastName.toLowerCase(), Normalizer.Form.NFD));
66 | boolean isShortUrlAvailable = true;
67 | int counter = 0;
68 | while (isShortUrlAvailable) {
69 | sb.append(counter);
70 | if (userRepository.countAllByShortUrl(sb.toString()) == 0) {
71 | isShortUrlAvailable = false;
72 | }
73 | counter++;
74 | }
75 | return sb.toString();
76 | }
77 |
78 | public String findUsernameById(int id) {
79 | return userRepository.getUsernameByUserId(id);
80 | }
81 |
82 | public String findFirstNameById(int id) {
83 | return userRepository.getFirstNameByUserId(id);
84 | }
85 |
86 | public UserEntity findById(int id) {
87 | return userRepository.findById(id).orElse(null);
88 | }
89 |
90 | public String passwordEncoder(String str) {
91 | // return passwordEncoder.encode(str);
92 | return str;
93 | }
94 |
95 | public boolean checkIfUserNameOrMailAlreadyUsed(String mail) {
96 | return userRepository.countAllByMail(mail) > 0;
97 | }
98 | }
99 |
--------------------------------------------------------------------------------
63 | )
64 | })
65 | }
66 |
67 |
68 | {mediaLoading &&