implement creating new conversation

This commit is contained in:
2026-05-01 01:36:04 +03:30
parent ba507ca6c3
commit 4776af5c2a
10 changed files with 886 additions and 80 deletions

View File

@@ -17,7 +17,7 @@ class ChatPage extends Component
{
public ?int $selectedConversationId = null;
public bool $detailsPanelOpen = true;
public bool $detailsPanelOpen = false;
#[On('conversation-selected')]
public function selectConversation(int $conversationId): void
@@ -29,7 +29,7 @@ class ChatPage extends Component
Gate::authorize('view', $conversation);
$this->selectedConversationId = $conversation->id;
$this->detailsPanelOpen = true;
$this->detailsPanelOpen = false;
}
#[On('conversation-closed')]

View File

@@ -4,11 +4,18 @@ namespace App\Livewire\Chat;
use App\Models\Conversation;
use App\Models\ConversationParticipant;
use App\Models\User;
use Flux\Flux;
use Illuminate\Contracts\View\View;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Gate;
use Illuminate\Validation\Rule;
use Livewire\Attributes\Computed;
use Livewire\Attributes\Locked;
use Livewire\Attributes\On;
use Livewire\Component;
class ConversationDetailsPanel extends Component
@@ -16,11 +23,30 @@ class ConversationDetailsPanel extends Component
#[Locked]
public int $conversationId;
public bool $showAddMembersModal = false;
public string $memberSearch = '';
/**
* @var array<int, int>
*/
public array $selectedMemberIds = [];
public string $groupName = '';
public function mount(int $conversationId): void
{
$this->conversationId = $conversationId;
}
#[On('conversation-updated')]
public function refreshConversation(int $conversationId): void
{
if ($conversationId === $this->conversationId) {
unset($this->conversation);
}
}
#[Computed]
public function conversation(): Conversation
{
@@ -59,6 +85,183 @@ class ConversationDetailsPanel extends Component
->implode('');
}
public function canAddMembers(): bool
{
return Gate::allows('addMembers', $this->conversation);
}
public function closeDetails(): void
{
$this->dispatch('conversation-details-toggled');
}
public function openAddMembers(): void
{
Gate::authorize('addMembers', $this->conversation);
$this->resetAddMembersForm();
$this->groupName = $this->conversation->isGroup() ? '' : $this->suggestedGroupName();
$this->showAddMembersModal = true;
}
public function toggleMember(int $userId): void
{
if ($userId === Auth::id()) {
return;
}
if ($this->conversation->participants->contains('user_id', $userId)) {
return;
}
if (! User::query()->whereKey($userId)->exists()) {
return;
}
if (in_array($userId, $this->selectedMemberIds, true)) {
$this->selectedMemberIds = array_values(array_diff($this->selectedMemberIds, [$userId]));
} else {
$this->selectedMemberIds[] = $userId;
}
$this->resetValidation('selectedMemberIds');
unset($this->availableUsers, $this->selectedMembers);
}
public function removeSelectedMember(int $userId): void
{
$this->selectedMemberIds = array_values(array_diff($this->selectedMemberIds, [$userId]));
unset($this->availableUsers, $this->selectedMembers);
}
public function addMembers(): void
{
$conversation = $this->conversation;
Gate::authorize('addMembers', $conversation);
$validated = $this->validate([
'selectedMemberIds' => ['required', 'array', 'min:1'],
'selectedMemberIds.*' => ['integer', Rule::exists('users', 'id')],
'groupName' => ['nullable', 'string', 'max:80'],
]);
$existingMemberIds = $conversation->participants->pluck('user_id');
$memberIds = User::query()
->whereKey($validated['selectedMemberIds'])
->whereKeyNot(Auth::id())
->whereNotIn('id', $existingMemberIds)
->pluck('id')
->values();
if ($memberIds->isEmpty()) {
$this->addError('selectedMemberIds', __('Choose at least one new person.'));
return;
}
DB::transaction(function () use ($conversation, $memberIds): void {
if (! $conversation->isGroup()) {
$conversation->forceFill([
'type' => Conversation::TypeGroup,
'name' => trim($this->groupName) ?: $this->suggestedGroupName($memberIds),
])->save();
ConversationParticipant::query()
->where('conversation_id', $conversation->id)
->where('user_id', Auth::id())
->update(['role' => ConversationParticipant::RoleAdmin]);
}
$memberIds->each(fn (int $memberId) => ConversationParticipant::query()->firstOrCreate([
'conversation_id' => $conversation->id,
'user_id' => $memberId,
], [
'role' => ConversationParticipant::RoleMember,
'joined_at' => now(),
]));
$conversation->touch();
});
$this->resetAddMembersForm();
$this->showAddMembersModal = false;
unset($this->conversation);
Flux::toast(variant: 'success', text: __('Members added.'));
$this->dispatch('conversation-updated', conversationId: $this->conversationId);
}
/**
* @return Collection<int, User>
*/
#[Computed]
public function availableUsers(): Collection
{
$search = trim($this->memberSearch);
$participantIds = $this->conversation->participants->pluck('user_id')->all();
return User::query()
->select(['id', 'name', 'email'])
->whereNotIn('id', $participantIds)
->whereNotIn('id', $this->selectedMemberIds)
->when($search !== '', fn (Builder $query) => $query->where(function (Builder $query) use ($search): void {
$query
->where('name', 'like', "%{$search}%")
->orWhere('email', 'like', "%{$search}%");
}))
->orderBy('name')
->limit(10)
->get();
}
/**
* @return Collection<int, User>
*/
#[Computed]
public function selectedMembers(): Collection
{
return User::query()
->select(['id', 'name', 'email'])
->whereKey($this->selectedMemberIds)
->get()
->sortBy(fn (User $user) => array_search($user->id, $this->selectedMemberIds, true))
->values();
}
private function suggestedGroupName(?Collection $newMemberIds = null): string
{
$participantNames = $this->conversation->participants
->pluck('user.name')
->filter();
if ($newMemberIds) {
$participantNames = $participantNames->merge(
User::query()
->whereKey($newMemberIds->all())
->orderBy('name')
->pluck('name')
);
}
return $participantNames
->unique()
->take(4)
->join(', ');
}
private function resetAddMembersForm(): void
{
$this->reset('memberSearch', 'selectedMemberIds', 'groupName');
$this->resetValidation();
unset($this->availableUsers, $this->selectedMembers);
}
public function render(): View
{
return view('livewire.chat.conversation-details-panel');

View File

@@ -10,6 +10,7 @@ use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Gate;
use Livewire\Attributes\Computed;
use Livewire\Attributes\Locked;
use Livewire\Attributes\On;
use Livewire\Component;
class ConversationHeader extends Component
@@ -22,6 +23,14 @@ class ConversationHeader extends Component
$this->conversationId = $conversationId;
}
#[On('conversation-updated')]
public function refreshConversation(int $conversationId): void
{
if ($conversationId === $this->conversationId) {
unset($this->conversation);
}
}
#[Computed]
public function conversation(): Conversation
{

View File

@@ -6,10 +6,14 @@ use App\Models\Conversation;
use App\Models\ConversationParticipant;
use App\Models\User;
use Carbon\CarbonInterface;
use Flux\Flux;
use Illuminate\Contracts\View\View;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Gate;
use Illuminate\Validation\Rule;
use Livewire\Attributes\Computed;
use Livewire\Attributes\On;
use Livewire\Component;
@@ -20,7 +24,24 @@ class ConversationList extends Component
public string $search = '';
public bool $showCreateConversationModal = false;
public string $createType = Conversation::TypeDirect;
public string $memberSearch = '';
/**
* @var array<int, int>
*/
public array $selectedMemberIds = [];
public string $groupName = '';
public string $groupDescription = '';
#[On('message-created')]
#[On('conversation-created')]
#[On('conversation-updated')]
public function refreshConversations(): void
{
unset($this->conversations);
@@ -31,6 +52,136 @@ class ConversationList extends Component
$this->dispatch('conversation-selected', conversationId: $conversationId);
}
public function openCreateConversation(): void
{
$this->resetCreateConversationForm();
$this->showCreateConversationModal = true;
}
public function updatedCreateType(string $createType): void
{
if ($createType === Conversation::TypeDirect && count($this->selectedMemberIds) > 1) {
$this->selectedMemberIds = [array_values($this->selectedMemberIds)[0]];
}
$this->resetValidation();
unset($this->candidateUsers, $this->selectedMembers);
}
public function toggleMember(int $userId): void
{
if ($userId === Auth::id()) {
return;
}
if (! User::query()->whereKey($userId)->exists()) {
return;
}
if ($this->createType === Conversation::TypeDirect) {
$this->selectedMemberIds = [$userId];
} elseif (in_array($userId, $this->selectedMemberIds, true)) {
$this->selectedMemberIds = array_values(array_diff($this->selectedMemberIds, [$userId]));
} else {
$this->selectedMemberIds[] = $userId;
}
$this->resetValidation('selectedMemberIds');
unset($this->candidateUsers, $this->selectedMembers);
}
public function removeSelectedMember(int $userId): void
{
$this->selectedMemberIds = array_values(array_diff($this->selectedMemberIds, [$userId]));
unset($this->candidateUsers, $this->selectedMembers);
}
public function createConversation(): void
{
Gate::authorize('create', Conversation::class);
$validated = $this->validate([
'createType' => ['required', Rule::in([Conversation::TypeDirect, Conversation::TypeGroup])],
'selectedMemberIds' => ['required', 'array', 'min:1'],
'selectedMemberIds.*' => ['integer', Rule::exists('users', 'id')],
'groupName' => [
Rule::requiredIf($this->createType === Conversation::TypeGroup),
'nullable',
'string',
'max:80',
],
'groupDescription' => ['nullable', 'string', 'max:180'],
]);
$memberIds = User::query()
->whereKey($validated['selectedMemberIds'])
->whereKeyNot(Auth::id())
->pluck('id')
->map(fn (int $id) => $id)
->values();
if ($memberIds->isEmpty()) {
$this->addError('selectedMemberIds', __('Choose at least one person.'));
return;
}
if ($this->createType === Conversation::TypeDirect && $memberIds->count() !== 1) {
$this->addError('selectedMemberIds', __('Choose one person for a direct conversation.'));
return;
}
$conversation = DB::transaction(function () use ($memberIds, $validated): Conversation {
if ($this->createType === Conversation::TypeDirect) {
$existingConversation = $this->findExistingDirectConversation($memberIds->first());
if ($existingConversation) {
return $existingConversation;
}
}
$conversation = Conversation::query()->create([
'created_by_id' => Auth::id(),
'type' => $this->createType,
'name' => $this->createType === Conversation::TypeGroup ? trim((string) $validated['groupName']) : null,
'description' => $this->createType === Conversation::TypeGroup ? trim((string) ($validated['groupDescription'] ?? '')) ?: null : null,
]);
ConversationParticipant::query()->create([
'conversation_id' => $conversation->id,
'user_id' => Auth::id(),
'role' => ConversationParticipant::RoleAdmin,
'joined_at' => now(),
'last_read_at' => now(),
]);
$memberIds->each(fn (int $memberId) => ConversationParticipant::query()->create([
'conversation_id' => $conversation->id,
'user_id' => $memberId,
'role' => ConversationParticipant::RoleMember,
'joined_at' => now(),
]));
return $conversation;
});
$this->resetCreateConversationForm();
$this->showCreateConversationModal = false;
unset($this->conversations);
Flux::toast(variant: 'success', text: __('Conversation ready.'));
$this->dispatch('conversation-created', conversationId: $conversation->id);
$this->dispatch('conversation-selected', conversationId: $conversation->id);
}
/**
* @return Collection<int, Conversation>
*/
@@ -79,6 +230,42 @@ class ConversationList extends Component
->get();
}
/**
* @return Collection<int, User>
*/
#[Computed]
public function candidateUsers(): Collection
{
$search = trim($this->memberSearch);
return User::query()
->select(['id', 'name', 'email'])
->whereKeyNot(Auth::id())
->whereNotIn('id', $this->selectedMemberIds)
->when($search !== '', fn (Builder $query) => $query->where(function (Builder $query) use ($search): void {
$query
->where('name', 'like', "%{$search}%")
->orWhere('email', 'like', "%{$search}%");
}))
->orderBy('name')
->limit(10)
->get();
}
/**
* @return Collection<int, User>
*/
#[Computed]
public function selectedMembers(): Collection
{
return User::query()
->select(['id', 'name', 'email'])
->whereKey($this->selectedMemberIds)
->get()
->sortBy(fn (User $user) => array_search($user->id, $this->selectedMemberIds, true))
->values();
}
public function titleFor(Conversation $conversation): string
{
if ($conversation->isGroup()) {
@@ -159,6 +346,32 @@ class ConversationList extends Component
?->user;
}
private function findExistingDirectConversation(int $memberId): ?Conversation
{
return Conversation::query()
->forUser(Auth::user())
->where('type', Conversation::TypeDirect)
->whereHas('participants', fn (Builder $participants) => $participants->where('user_id', $memberId))
->withCount('participants')
->get()
->first(fn (Conversation $conversation) => (int) $conversation->participants_count === 2);
}
private function resetCreateConversationForm(): void
{
$this->reset(
'createType',
'memberSearch',
'selectedMemberIds',
'groupName',
'groupDescription',
);
$this->resetValidation();
unset($this->candidateUsers, $this->selectedMembers);
}
public function render(): View
{
return view('livewire.chat.conversation-list');

View File

@@ -45,6 +45,14 @@ class ConversationView extends Component
$this->markAsRead();
}
#[On('conversation-updated')]
public function refreshConversation(int $conversationId): void
{
if ($conversationId === $this->conversationId) {
unset($this->conversation);
}
}
#[Computed]
public function conversation(): Conversation
{