🆙 Init V3

2026-06-20 23:46:19 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,150 @@
+import { AddLinkEventTracker, ILinkEventTracker, RemoveFriendComposer, RemoveLinkEventTracker, SendRoomInviteComposer } from '@nitrots/nitro-renderer';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
+import { LocalizeText, MessengerFriend, SendMessageComposer } from '../../../../api';
+import { Button, Flex, NitroCardAccordionSetView, NitroCardAccordionView, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
+import { useFriends } from '../../../../hooks';
+import { FriendsRemoveConfirmationView } from './FriendsListRemoveConfirmationView';
+import { FriendsRoomInviteView } from './FriendsListRoomInviteView';
+import { FriendsSearchView } from './FriendsListSearchView';
+import { FriendsListGroupView } from './friends-list-group/FriendsListGroupView';
+import { FriendsListRequestView } from './friends-list-request/FriendsListRequestView';
+
+export const FriendsListView: FC<{}> = props =>
+{
+    const [ isVisible, setIsVisible ] = useState(false);
+    const [ selectedFriendsIds, setSelectedFriendsIds ] = useState<number[]>([]);
+    const [ showRoomInvite, setShowRoomInvite ] = useState<boolean>(false);
+    const [ showRemoveFriendsConfirmation, setShowRemoveFriendsConfirmation ] = useState<boolean>(false);
+    const { onlineFriends = [], offlineFriends = [], requests = [], requestFriend = null } = useFriends();
+
+    const removeFriendsText = useMemo(() =>
+    {
+        if(!selectedFriendsIds || !selectedFriendsIds.length) return '';
+
+        const userNames: string[] = [];
+
+        for(const userId of selectedFriendsIds)
+        {
+            let existingFriend: MessengerFriend = onlineFriends.find(f => f.id === userId);
+
+            if(!existingFriend) existingFriend = offlineFriends.find(f => f.id === userId);
+
+            if(!existingFriend) continue;
+
+            userNames.push(existingFriend.name);
+        }
+
+        return LocalizeText('friendlist.removefriendconfirm.userlist', [ 'user_names' ], [ userNames.join(', ') ]);
+    }, [ offlineFriends, onlineFriends, selectedFriendsIds ]);
+
+    const selectFriend = useCallback((userId: number) =>
+    {
+        if(userId < 0) return;
+
+        setSelectedFriendsIds(prevValue =>
+        {
+            const newValue = [ ...prevValue ];
+
+            const existingUserIdIndex: number = newValue.indexOf(userId);
+
+            if(existingUserIdIndex > -1)
+            {
+                newValue.splice(existingUserIdIndex, 1);
+            }
+            else
+            {
+                newValue.push(userId);
+            }
+
+            return newValue;
+        });
+    }, [ setSelectedFriendsIds ]);
+
+    const sendRoomInvite = (message: string) =>
+    {
+        if(!selectedFriendsIds.length || !message || !message.length || (message.length > 255)) return;
+
+        SendMessageComposer(new SendRoomInviteComposer(message, selectedFriendsIds));
+
+        setShowRoomInvite(false);
+    };
+
+    const removeSelectedFriends = () =>
+    {
+        if(selectedFriendsIds.length === 0) return;
+
+        setSelectedFriendsIds(prevValue =>
+        {
+            SendMessageComposer(new RemoveFriendComposer(...prevValue));
+
+            return [];
+        });
+
+        setShowRemoveFriendsConfirmation(false);
+    };
+
+    useEffect(() =>
+    {
+        const linkTracker: ILinkEventTracker = {
+            linkReceived: (url: string) =>
+            {
+                const parts = url.split('/');
+
+                if(parts.length < 2) return;
+
+                switch(parts[1])
+                {
+                    case 'show':
+                        setIsVisible(true);
+                        return;
+                    case 'hide':
+                        setIsVisible(false);
+                        return;
+                    case 'toggle':
+                        setIsVisible(prevValue => !prevValue);
+                        return;
+                    case 'request':
+                        if(parts.length < 4) return;
+
+                        requestFriend(parseInt(parts[2]), parts[3]);
+                }
+            },
+            eventUrlPrefix: 'friends/'
+        };
+
+        AddLinkEventTracker(linkTracker);
+
+        return () => RemoveLinkEventTracker(linkTracker);
+    }, [ requestFriend ]);
+
+    if(!isVisible) return null;
+
+    return (
+        <>
+            <NitroCardView className="nitro-friends" theme="primary-slim" uniqueKey="nitro-friends">
+                <NitroCardHeaderView headerText={ LocalizeText('friendlist.friends') } onCloseClick={ event => setIsVisible(false) } />
+                <NitroCardContentView className="text-black p-0" gap={ 1 } overflow="hidden">
+                    <NitroCardAccordionView fullHeight overflow="hidden">
+                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends') + ` (${ onlineFriends.length })` } isExpanded={ true }>
+                            <FriendsListGroupView list={ onlineFriends } selectedFriendsIds={ selectedFriendsIds } selectFriend={ selectFriend } />
+                        </NitroCardAccordionSetView>
+                        <NitroCardAccordionSetView headerText={ LocalizeText('friendlist.friends.offlinecaption') + ` (${ offlineFriends.length })` }>
+                            <FriendsListGroupView list={ offlineFriends } selectedFriendsIds={ selectedFriendsIds } selectFriend={ selectFriend } />
+                        </NitroCardAccordionSetView>
+                        <FriendsListRequestView headerText={ LocalizeText('friendlist.tab.friendrequests') + ` (${ requests.length })` } isExpanded={ true } />
+                        <FriendsSearchView headerText={ LocalizeText('people.search.title') } />
+                    </NitroCardAccordionView>
+                    { selectedFriendsIds && selectedFriendsIds.length > 0 &&
+                        <Flex className="p-1" gap={ 1 }>
+                            <Button fullWidth onClick={ () => setShowRoomInvite(true) }>{ LocalizeText('friendlist.tip.invite') }</Button>
+                            <Button fullWidth variant="danger" onClick={ event => setShowRemoveFriendsConfirmation(true) }>{ LocalizeText('generic.delete') }</Button>
+                        </Flex> }
+                </NitroCardContentView>
+            </NitroCardView>
+            { showRoomInvite &&
+                <FriendsRoomInviteView selectedFriendsIds={ selectedFriendsIds } sendRoomInvite={ sendRoomInvite } onCloseClick={ () => setShowRoomInvite(false) } /> }
+            { showRemoveFriendsConfirmation &&
+                <FriendsRemoveConfirmationView removeFriendsText={ removeFriendsText } removeSelectedFriends={ removeSelectedFriends } selectedFriendsIds={ selectedFriendsIds } onCloseClick={ () => setShowRemoveFriendsConfirmation(false) } /> }
+        </>
+    );
+};