Limit member search to world members and Matrix-known users (workadventure#4484)

Author: gparant

play/src/front/Chat/Components/Room/CreateRoomModal.svelte

@@ -19,7 +19,7 @@
 
     const chat = gameManager.chatConnection;
 
-    const { searchMembers } = searchChatMembersRule();
+    const { searchWorldMembers } = searchChatMembersRule();
 
     let loadingRoomCreation = false;
 
@@ -140,7 +140,7 @@
                 --item-color="black"
                 --item-hover-color="black"
                 --clear-select-color="red"
-                loadOptions={searchMembers}
+                loadOptions={searchWorldMembers}
                 placeholder={$LL.chat.createRoom.users()}
             >
                 <div slot="item" let:item>

play/src/front/Chat/Components/Room/InviteParticipantsModal.svelte

@@ -12,7 +12,7 @@
     export let isOpen: boolean;
     export let room: ChatRoom;
 
-    const { searchMembers } = searchChatMembersRule();
+    const { searchWorldMembers } = searchChatMembersRule();
 
     let invitations: { value: string; label: string }[] = [];
 
@@ -76,7 +76,7 @@
                 --item-color="black"
                 --item-hover-color="black"
                 --clear-select-color="red"
-                loadOptions={searchMembers}
+                loadOptions={searchWorldMembers}
                 placeholder={$LL.chat.createRoom.users()}
             >
                 <div slot="item" let:item>

play/src/front/Chat/Components/Room/searchChatMembersRule.ts

@@ -1,21 +1,38 @@
+import { get } from "svelte/store";
 import { gameManager } from "../../../Phaser/Game/GameManager";
 
+export interface SelectItem {
+    value: string;
+    label: string | undefined;
+    verified?: boolean;
+    created?: boolean;
+}
+
 export const searchChatMembersRule = () => {
-    const chat = gameManager.chatConnection;
+    const userProviderMergerPromise = gameManager.getCurrentGameScene().userProviderMerger;
 
-    async function searchMembers(filterText: string) {
+    async function searchWorldMembers(filterText: string): Promise<SelectItem[]> {
         try {
-            const chatUsers = await chat.searchChatUsers(filterText);
+            const userProviderMerger = await userProviderMergerPromise;
+            const chatUsersMap = get(userProviderMerger.usersByRoomStore);
+            const chatUsers = Array.from(chatUsersMap.values())
+                .flatMap((room) => room.users)
+                .filter((user) => user.username?.includes(filterText) && user.chatId);
             if (chatUsers === undefined) {
                 return [];
             }
-            return chatUsers.map((user) => ({ value: user.id, label: user.name ?? user.id }));
+            return chatUsers.map((user) => ({
+                value: user.chatId,
+                label: user.username ?? user.id?.toString(),
+                verified: true,
+                created: false,
+            }));
         } catch (error) {
             console.error(error);
         }
 
         return [];
     }
 
-    return { searchMembers };
+    return { searchWorldMembers };
 };