",
74 | * "
"
75 | * ];
76 | */
77 |
78 |
79 |
80 | function sanitizeInput(inputValue) {
81 | if (typeof inputValue !== 'string') {
82 | return '';
83 | }
84 |
85 | if (!/^[a-zA-Z0-9\s\-_]+$/.test(inputValue)) {
86 | return inputValue
87 | .replace(/&/g, '&')
88 | .replace(//g, '>')
90 | .replace(/"/g, '"')
91 | .replace(/'/g, ''');
92 | }
93 | return inputValue
94 |
95 | }
96 |
--------------------------------------------------------------------------------
/src/assets/sounds/new-message-sound.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/munafio/chatify/11cefa98ee9563c166f68605c97a03b5e46679b1/src/assets/sounds/new-message-sound.mp3
--------------------------------------------------------------------------------
/src/config/chatify.php:
--------------------------------------------------------------------------------
1 | env('CHATIFY_NAME', 'Chatify Messenger'),
10 |
11 | /*
12 | |-------------------------------------
13 | | The disk on which to store added
14 | | files and derived images by default.
15 | |-------------------------------------
16 | */
17 | 'storage_disk_name' => env('CHATIFY_STORAGE_DISK', 'public'),
18 |
19 | /*
20 | |-------------------------------------
21 | | Routes configurations
22 | |-------------------------------------
23 | */
24 | 'routes' => [
25 | 'custom' => env('CHATIFY_CUSTOM_ROUTES', false),
26 | 'prefix' => env('CHATIFY_ROUTES_PREFIX', 'chatify'),
27 | 'middleware' => env('CHATIFY_ROUTES_MIDDLEWARE', ['web','auth']),
28 | 'namespace' => env('CHATIFY_ROUTES_NAMESPACE', 'Chatify\Http\Controllers'),
29 | ],
30 | 'api_routes' => [
31 | 'prefix' => env('CHATIFY_API_ROUTES_PREFIX', 'chatify/api'),
32 | 'middleware' => env('CHATIFY_API_ROUTES_MIDDLEWARE', ['api']),
33 | 'namespace' => env('CHATIFY_API_ROUTES_NAMESPACE', 'Chatify\Http\Controllers\Api'),
34 | ],
35 |
36 | /*
37 | |-------------------------------------
38 | | Pusher API credentials
39 | |-------------------------------------
40 | */
41 | 'pusher' => [
42 | 'debug' => env('APP_DEBUG', false),
43 | 'key' => env('PUSHER_APP_KEY'),
44 | 'secret' => env('PUSHER_APP_SECRET'),
45 | 'app_id' => env('PUSHER_APP_ID'),
46 | 'options' => [
47 | 'cluster' => env('PUSHER_APP_CLUSTER', 'mt1'),
48 | 'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
49 | 'port' => env('PUSHER_PORT', 443),
50 | 'scheme' => env('PUSHER_SCHEME', 'https'),
51 | 'encrypted' => true,
52 | 'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
53 | ],
54 | ],
55 |
56 | /*
57 | |-------------------------------------
58 | | User Avatar
59 | |-------------------------------------
60 | */
61 | 'user_avatar' => [
62 | 'folder' => 'users-avatar',
63 | 'default' => 'avatar.png',
64 | ],
65 |
66 | /*
67 | |-------------------------------------
68 | | Gravatar
69 | |
70 | | imageset property options:
71 | | [ 404 | mp | identicon (default) | monsterid | wavatar ]
72 | |-------------------------------------
73 | */
74 | 'gravatar' => [
75 | 'enabled' => true,
76 | 'image_size' => 200,
77 | 'imageset' => 'identicon'
78 | ],
79 |
80 | /*
81 | |-------------------------------------
82 | | Attachments
83 | |-------------------------------------
84 | */
85 | 'attachments' => [
86 | 'folder' => 'attachments',
87 | 'download_route_name' => 'attachments.download',
88 | 'allowed_images' => (array) ['png','jpg','jpeg','gif'],
89 | 'allowed_files' => (array) ['zip','rar','txt'],
90 | 'max_upload_size' => env('CHATIFY_MAX_FILE_SIZE', 150), // MB
91 | ],
92 |
93 | /*
94 | |-------------------------------------
95 | | Messenger's colors
96 | |-------------------------------------
97 | */
98 | 'colors' => (array) [
99 | '#2180f3',
100 | '#2196F3',
101 | '#00BCD4',
102 | '#3F51B5',
103 | '#673AB7',
104 | '#4CAF50',
105 | '#FFC107',
106 | '#FF9800',
107 | '#ff2522',
108 | '#9C27B0',
109 | ],
110 | /*
111 | |-------------------------------------
112 | | Sounds
113 | | You can enable/disable the sounds and
114 | | change sound's name/path placed at
115 | | `public/` directory of your app.
116 | |
117 | |-------------------------------------
118 | */
119 | 'sounds' => [
120 | 'enabled' => true,
121 | 'public_path' => 'sounds/chatify',
122 | 'new_message' => 'new-message-sound.mp3',
123 | ]
124 | ];
125 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_add_active_status_to_users.php:
--------------------------------------------------------------------------------
1 | boolean('active_status')->default(0);
20 | }
21 | });
22 | }
23 |
24 | /**
25 | * Reverse the migrations.
26 | *
27 | * @return void
28 | */
29 | public function down()
30 | {
31 | Schema::table('users', function (Blueprint $table) {
32 | $table->dropColumn('active_status');
33 | });
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_add_avatar_to_users.php:
--------------------------------------------------------------------------------
1 | string('avatar')->default(config('chatify.user_avatar.default'));
20 | }
21 | });
22 | }
23 |
24 | /**
25 | * Reverse the migrations.
26 | *
27 | * @return void
28 | */
29 | public function down()
30 | {
31 | Schema::table('users', function (Blueprint $table) {
32 | $table->dropColumn('avatar');
33 | });
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_add_dark_mode_to_users.php:
--------------------------------------------------------------------------------
1 | boolean('dark_mode')->default(0);
20 | }
21 | });
22 | }
23 |
24 | /**
25 | * Reverse the migrations.
26 | *
27 | * @return void
28 | */
29 | public function down()
30 | {
31 | Schema::table('users', function (Blueprint $table) {
32 | $table->dropColumn('dark_mode');
33 | });
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_add_messenger_color_to_users.php:
--------------------------------------------------------------------------------
1 | string('messenger_color')->nullable();
19 | }
20 | });
21 | }
22 |
23 | /**
24 | * Reverse the migrations.
25 | *
26 | * @return void
27 | */
28 | public function down()
29 | {
30 | Schema::table('users', function (Blueprint $table) {
31 | $table->dropColumn('messenger_color');
32 | });
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_create_chatify_favorites_table.php:
--------------------------------------------------------------------------------
1 | uuid('id')->primary();
18 | $table->bigInteger('user_id');
19 | $table->bigInteger('favorite_id');
20 | $table->timestamps();
21 | });
22 | }
23 |
24 | /**
25 | * Reverse the migrations.
26 | *
27 | * @return void
28 | */
29 | public function down()
30 | {
31 | Schema::dropIfExists('ch_favorites');
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/database/migrations/2022_01_10_99999_create_chatify_messages_table.php:
--------------------------------------------------------------------------------
1 | uuid('id')->primary();
18 | $table->bigInteger('from_id');
19 | $table->bigInteger('to_id');
20 | $table->string('body',5000)->nullable();
21 | $table->string('attachment')->nullable();
22 | $table->boolean('seen')->default(false);
23 | $table->timestamps();
24 | });
25 | }
26 |
27 | /**
28 | * Reverse the migrations.
29 | *
30 | * @return void
31 | */
32 | public function down()
33 | {
34 | Schema::dropIfExists('ch_messages');
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/src/routes/api.php:
--------------------------------------------------------------------------------
1 | name('api.pusher.auth');
9 |
10 | /**
11 | * Fetch info for specific id [user/group]
12 | */
13 | Route::post('/idInfo', 'MessagesController@idFetchData')->name('api.idInfo');
14 |
15 | /**
16 | * Send message route
17 | */
18 | Route::post('/sendMessage', 'MessagesController@send')->name('api.send.message');
19 |
20 | /**
21 | * Fetch messages
22 | */
23 | Route::post('/fetchMessages', 'MessagesController@fetch')->name('api.fetch.messages');
24 |
25 | /**
26 | * Download attachments route to create a downloadable links
27 | */
28 | Route::get('/download/{fileName}', 'MessagesController@download')->name('api.'.config('chatify.attachments.download_route_name'));
29 |
30 | /**
31 | * Make messages as seen
32 | */
33 | Route::post('/makeSeen', 'MessagesController@seen')->name('api.messages.seen');
34 |
35 | /**
36 | * Get contacts
37 | */
38 | Route::get('/getContacts', 'MessagesController@getContacts')->name('api.contacts.get');
39 |
40 | /**
41 | * Star in favorite list
42 | */
43 | Route::post('/star', 'MessagesController@favorite')->name('api.star');
44 |
45 | /**
46 | * get favorites list
47 | */
48 | Route::post('/favorites', 'MessagesController@getFavorites')->name('api.favorites');
49 |
50 | /**
51 | * Search in messenger
52 | */
53 | Route::get('/search', 'MessagesController@search')->name('api.search');
54 |
55 | /**
56 | * Get shared photos
57 | */
58 | Route::post('/shared', 'MessagesController@sharedPhotos')->name('api.shared');
59 |
60 | /**
61 | * Delete Conversation
62 | */
63 | Route::post('/deleteConversation', 'MessagesController@deleteConversation')->name('api.conversation.delete');
64 |
65 | /**
66 | * Delete Conversation
67 | */
68 | Route::post('/updateSettings', 'MessagesController@updateSettings')->name('api.avatar.update');
69 |
70 | /**
71 | * Set active status
72 | */
73 | Route::post('/setActiveStatus', 'MessagesController@setActiveStatus')->name('api.activeStatus.set');
74 |
75 |
76 |
--------------------------------------------------------------------------------
/src/routes/web.php:
--------------------------------------------------------------------------------
1 | name(config('chatify.routes.prefix'));
17 |
18 | /**
19 | * Fetch info for specific id [user/group]
20 | */
21 | Route::post('/idInfo', 'MessagesController@idFetchData');
22 |
23 | /**
24 | * Send message route
25 | */
26 | Route::post('/sendMessage', 'MessagesController@send')->name('send.message');
27 |
28 | /**
29 | * Fetch messages
30 | */
31 | Route::post('/fetchMessages', 'MessagesController@fetch')->name('fetch.messages');
32 |
33 | /**
34 | * Download attachments route to create a downloadable links
35 | */
36 | Route::get('/download/{fileName}', 'MessagesController@download')->name(config('chatify.attachments.download_route_name'));
37 |
38 | /**
39 | * Authentication for pusher private channels
40 | */
41 | Route::post('/chat/auth', 'MessagesController@pusherAuth')->name('pusher.auth');
42 |
43 | /**
44 | * Make messages as seen
45 | */
46 | Route::post('/makeSeen', 'MessagesController@seen')->name('messages.seen');
47 |
48 | /**
49 | * Get contacts
50 | */
51 | Route::get('/getContacts', 'MessagesController@getContacts')->name('contacts.get');
52 |
53 | /**
54 | * Update contact item data
55 | */
56 | Route::post('/updateContacts', 'MessagesController@updateContactItem')->name('contacts.update');
57 |
58 |
59 | /**
60 | * Star in favorite list
61 | */
62 | Route::post('/star', 'MessagesController@favorite')->name('star');
63 |
64 | /**
65 | * get favorites list
66 | */
67 | Route::post('/favorites', 'MessagesController@getFavorites')->name('favorites');
68 |
69 | /**
70 | * Search in messenger
71 | */
72 | Route::get('/search', 'MessagesController@search')->name('search');
73 |
74 | /**
75 | * Get shared photos
76 | */
77 | Route::post('/shared', 'MessagesController@sharedPhotos')->name('shared');
78 |
79 | /**
80 | * Delete Conversation
81 | */
82 | Route::post('/deleteConversation', 'MessagesController@deleteConversation')->name('conversation.delete');
83 |
84 | /**
85 | * Delete Message
86 | */
87 | Route::post('/deleteMessage', 'MessagesController@deleteMessage')->name('message.delete');
88 |
89 | /**
90 | * Update setting
91 | */
92 | Route::post('/updateSettings', 'MessagesController@updateSettings')->name('avatar.update');
93 |
94 | /**
95 | * Set active status
96 | */
97 | Route::post('/setActiveStatus', 'MessagesController@setActiveStatus')->name('activeStatus.set');
98 |
99 |
100 |
101 |
102 |
103 |
104 | /*
105 | * [Group] view by id
106 | */
107 | Route::get('/group/{id}', 'MessagesController@index')->name('group');
108 |
109 | /*
110 | * user view by id.
111 | * Note : If you added routes after the [User] which is the below one,
112 | * it will considered as user id.
113 | *
114 | * e.g. - The commented routes below :
115 | */
116 | // Route::get('/route', function(){ return 'Munaf'; }); // works as a route
117 | Route::get('/{id}', 'MessagesController@index')->name('user');
118 | // Route::get('/route', function(){ return 'Munaf'; }); // works as a user id
119 |
--------------------------------------------------------------------------------
/src/views/layouts/favorite.blade.php:
--------------------------------------------------------------------------------
1 |
2 | @if($user)
3 |
5 |
6 |
{{ strlen($user->name) > 5 ? substr($user->name,0,6).'..' : $user->name }}
7 | @endif
8 |
9 |
--------------------------------------------------------------------------------
/src/views/layouts/footerLinks.blade.php:
--------------------------------------------------------------------------------
1 |
2 |
3 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/src/views/layouts/headLinks.blade.php:
--------------------------------------------------------------------------------
1 |
{{ config('chatify.name') }}
2 |
3 | {{-- Meta tags --}}
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 | {{-- scripts --}}
12 |
14 |
15 |
16 |
17 |
18 |
19 | {{-- styles --}}
20 |
21 |
22 |
23 |
24 |
25 | {{-- Setting messenger primary color to css --}}
26 |
31 |
--------------------------------------------------------------------------------
/src/views/layouts/info.blade.php:
--------------------------------------------------------------------------------
1 | {{-- user info and avatar --}}
2 |
3 |
{{ config('chatify.name') }}
4 |
7 | {{-- shared photos --}}
8 |
9 |
Shared Photos
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/views/layouts/listItem.blade.php:
--------------------------------------------------------------------------------
1 | {{-- -------------------- Saved Messages -------------------- --}}
2 | @if($get == 'saved')
3 |
4 |
5 | {{-- Avatar side --}}
6 | |
7 |
8 |
9 |
10 | |
11 | {{-- center side --}}
12 |
13 | Saved Messages You
14 | Save messages secretly
15 | |
16 |
17 |
18 | @endif
19 |
20 | {{-- -------------------- Contact list -------------------- --}}
21 | @if($get == 'users' && !!$lastMessage)
22 | body, 'UTF-8', 'UTF-8');
24 | $lastMessageBody = strlen($lastMessageBody) > 30 ? mb_substr($lastMessageBody, 0, 30, 'UTF-8').'..' : $lastMessageBody;
25 | ?>
26 |
27 |
28 | {{-- Avatar side --}}
29 | |
30 | @if($user->active_status)
31 |
32 | @endif
33 |
35 |
36 | |
37 | {{-- center side --}}
38 |
39 |
40 | {{ strlen($user->name) > 12 ? trim(substr($user->name,0,12)).'..' : $user->name }}
41 | {{ $lastMessage->timeAgo }}
42 |
43 | {{-- Last Message user indicator --}}
44 | {!!
45 | $lastMessage->from_id == Auth::user()->id
46 | ? 'You :'
47 | : ''
48 | !!}
49 | {{-- Last message body --}}
50 | @if($lastMessage->attachment == null)
51 | {!!
52 | $lastMessageBody
53 | !!}
54 | @else
55 | Attachment
56 | @endif
57 |
58 | {{-- New messages counter --}}
59 | {!! $unseenCounter > 0 ? "".$unseenCounter."" : '' !!}
60 | |
61 |
62 |
63 | @endif
64 |
65 | {{-- -------------------- Search Item -------------------- --}}
66 | @if($get == 'search_item')
67 |
68 |
69 | {{-- Avatar side --}}
70 | |
71 |
73 |
74 | |
75 | {{-- center side --}}
76 |
77 |
78 | {{ strlen($user->name) > 12 ? trim(substr($user->name,0,12)).'..' : $user->name }}
79 | |
80 |
81 |
82 |
83 | @endif
84 |
85 | {{-- -------------------- Shared photos Item -------------------- --}}
86 | @if($get == 'sharedPhoto')
87 |
88 | @endif
89 |
90 |
91 |
--------------------------------------------------------------------------------
/src/views/layouts/messageCard.blade.php:
--------------------------------------------------------------------------------
1 |
4 | ".($isSender ? "
" : '' )."
$timeAgo
5 | ";
6 | ?>
7 |
8 |
9 | {{-- Delete Message Button --}}
10 | @if ($isSender)
11 |
12 |
13 |
14 | @endif
15 | {{-- Card --}}
16 |
17 | @if (@$attachment->type != 'image' || $message)
18 |
19 | {!! ($message == null && $attachment != null && @$attachment->type != 'file') ? $attachment->title : nl2br($message) !!}
20 | {!! $timeAndSeen !!}
21 | {{-- If attachment is a file --}}
22 | @if(@$attachment->type == 'file')
23 |
24 | {{$attachment->title}}
25 | @endif
26 |
27 | @endif
28 | @if(@$attachment->type == 'image')
29 |
30 |
31 |
{{ $attachment->title }}
32 |
33 |
34 | {!! $timeAndSeen !!}
35 |
36 |
37 | @endif
38 |
39 |
40 |
--------------------------------------------------------------------------------
/src/views/layouts/modals.blade.php:
--------------------------------------------------------------------------------
1 | {{-- ---------------------- Image modal box ---------------------- --}}
2 |
3 |
×
4 |
![]()
5 |
6 |
7 | {{-- ---------------------- Delete Modal ---------------------- --}}
8 |
9 |
10 |
11 |
12 |
You can not undo this action
13 |
17 |
18 |
19 |
20 | {{-- ---------------------- Alert Modal ---------------------- --}}
21 |
32 | {{-- ---------------------- Settings Modal ---------------------- --}}
33 |
76 |
--------------------------------------------------------------------------------
/src/views/layouts/sendForm.blade.php:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
--------------------------------------------------------------------------------
/src/views/pages/app.blade.php:
--------------------------------------------------------------------------------
1 | @include('Chatify::layouts.headLinks')
2 |
3 | {{-- ----------------------Users/Groups lists side---------------------- --}}
4 |
5 | {{-- Header and search bar --}}
6 |
23 | {{-- tabs and lists --}}
24 |
25 | {{-- Lists [Users/Group] --}}
26 | {{-- ---------------- [ User Tab ] ---------------- --}}
27 |
40 | {{-- ---------------- [ Search Tab ] ---------------- --}}
41 |
48 |
49 |
50 |
51 | {{-- ----------------------Messaging side---------------------- --}}
52 |
53 | {{-- header title [conversation name] amd buttons --}}
54 |
77 |
78 | {{-- Messaging area --}}
79 |
80 |
81 |
Please select a chat to start messaging
82 |
83 | {{-- Typing indicator --}}
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 | {{-- Send Message Form --}}
98 | @include('Chatify::layouts.sendForm')
99 |
100 | {{-- ---------------------- Info side ---------------------- --}}
101 |
109 |
110 |
111 | @include('Chatify::layouts.modals')
112 | @include('Chatify::layouts.footerLinks')
113 |
--------------------------------------------------------------------------------
",
67 | * "