From a0639bfc4b847ee61b9bc94aaceb532733f1e32b Mon Sep 17 00:00:00 2001 From: David Langley Date: Mon, 29 Jun 2026 09:55:26 +0100 Subject: [PATCH] Add unread toast to room list sections (#33961) * Forward the scroller element and scroll handle through VirtualizedList The room list needs two things the generic list did not expose: the underlying scroll container (to observe which items are genuinely visible) and the imperative scroll handle (to scroll an item into view). Forward an optional scrollerRef from useVirtualizedList and pass scrollHandleRef through FlatVirtualizedList, mirroring what GroupedVirtualizedList already exposes. Both are additive and optional, so other consumers are unaffected. Signed-off-by: David Langley * Add an unread-activity toast to the room list Show a clickable "You have unread activity" pill when there are unread rooms scrolled below the visible fold, including unreads hidden inside collapsed sections whose header is below the fold. Clicking it scrolls the next such unread into view. The visible fold is tracked with an IntersectionObserver over the rendered item elements, so the toast appears as soon as a room crosses the fold rather than only once it leaves Virtuoso's overscan buffer. The toast click is wired through an imperative scroll handle the view registers with the view model. Signed-off-by: David Langley * Change toast to target notifications only, not unread activity. * Fix formatting and refresh Toast snapshots for compound-web 9.7.0 - Apply oxfmt to the room list view model and virtualized view. - Refresh the RoomListToast/RoomListView story snapshots: compound-web 9.7.0 moves the typography classes onto the toast .content element and rebuilds the Toast CSS module hashes. - Add the missing UnreadActivityToast render snapshot baseline. * Add e2e tests for the room list unread activity toast Cover the unread-activity toast end to end: - it appears for a notifying room scrolled below the fold and clicking it scrolls that room into view (then the toast clears); - a room with only an unread-activity dot (no notification count) does not raise it; - a collapsed section hiding a notifying room raises it, and clicking scrolls the section header into view. * Add visual snapshot baselines for the unread-activity toast stories * Converge room-list toast codepaths into a single state-driven toast Reviewer feedback: the unread-activity toast and the transient event toasts (section_created / chat_moved) should share one mechanism, with toast lifecycle and precedence owned by the view model rather than split across a separate snapshot flag and a view-level ternary. - RoomListViewModel now reconciles the transient event toast and the derived unread-activity state into a single snapshot.toast via recomputeToast(); the event toast still takes precedence and auto-dismisses, and the unread toast reappears once it clears. Drops hasUnreadActivityBelow from the snapshot. - RoomListView renders a single RoomListToast driven by snapshot.toast; the ToastType union gains 'unread_activity'. The standalone UnreadActivityToast component is folded into RoomListToast (clickable arrow-down variant). - Adds VM tests for the unread-activity toast and the event/unread precedence. * Pre-bundle the room-list dnd-kit + virtuoso graph in vitest browser mode The room-list suites (RoomListView, VirtualizedRoomListView, RoomListItemMoreOptionsMenu) import a heavy @dnd-kit + react-virtuoso graph. Only @dnd-kit/abstract was pinned in optimizeDeps.include; @dnd-kit/dom, @dnd-kit/react, @dnd-kit/abstract/modifiers and react-virtuoso were left to runtime discovery. Under CI load the browser-mode dep optimizer can discover them late, re-bundle and reload the page, which fails the in-flight setupTests.ts import for those suites. Pinning the whole graph forces it into the initial optimize pass so no re-run happens while tests load. --------- Signed-off-by: David Langley --- .../room-list-unread-toast.spec.ts | 205 ++++++++++++++++++ .../viewmodels/room-list/RoomListViewModel.ts | 179 ++++++++++++++- .../room-list/RoomListViewModel-test.tsx | 34 +++ .../unread-activity-auto.png | Bin 0 -> 21269 bytes .../unread-activity-below-auto.png | Bin 0 -> 64710 bytes .../FlatVirtualizedList.tsx | 14 +- .../core/VirtualizedList/virtualized-list.tsx | 15 +- .../src/i18n/strings/en_EN.json | 3 +- .../RoomListToast/RoomListToast.stories.tsx | 9 +- .../RoomListToast/RoomListToast.test.tsx | 14 +- .../RoomListToast/RoomListToast.tsx | 43 ++-- .../__snapshots__/RoomListToast.test.tsx.snap | 32 +++ .../RoomListView/RoomListView.stories.tsx | 15 ++ .../room-list/RoomListView/RoomListView.tsx | 28 ++- .../VirtualizedRoomListView.stories.tsx | 9 + .../VirtualizedRoomListView.tsx | 115 +++++++++- packages/shared-components/vitest.config.ts | 8 + 17 files changed, 690 insertions(+), 33 deletions(-) create mode 100644 apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts create mode 100644 packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-auto.png create mode 100644 packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-auto.png diff --git a/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts new file mode 100644 index 0000000000..f1b94d16c8 --- /dev/null +++ b/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-unread-toast.spec.ts @@ -0,0 +1,205 @@ +/* + * Copyright 2026 Element Creations Ltd. + * + * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial + * Please see LICENSE files in the repository root for full details. + */ + +import { type Page } from "@playwright/test"; +import { rejectToast } from "@element-hq/element-web-playwright-common"; + +import { expect, test } from "../../../element-web-test"; +import { type ElementAppPage } from "../../../pages/ElementAppPage"; +import { getRoomList, getRoomOptionsMenu, getSectionHeader } from "./utils"; + +/** + * The unread-activity toast ("Unread messages") appears at the bottom of the room list when a room with a + * notification count (the green decoration) is scrolled below the visible area. Clicking it scrolls that + * room into view. Rooms with only an unread-activity dot (white/black) must not trigger it. + */ +test.describe("Room list unread activity toast", () => { + test.use({ + displayName: "Alice", + botCreateOpts: { + displayName: "BotBob", + autoAcceptInvites: true, + }, + }); + + const getToast = (page: Page) => page.getByRole("button", { name: "Unread messages" }); + + /** + * Create `count` filler rooms whose names sort alphabetically before any room named "zzz …", + * so that under A-Z sorting they fill the top of the list and push the "zzz …" room below the fold. + */ + async function createFillerRooms(app: ElementAppPage, count: number): Promise { + for (let i = 0; i < count; i++) { + await app.client.createRoom({ name: `room ${String(i).padStart(2, "0")}` }); + } + } + + /** Switch the room list to alphabetical sorting so room positions are deterministic. */ + async function sortAlphabetically(page: Page): Promise { + await getRoomOptionsMenu(page).click(); + await page.getByRole("menuitemradio", { name: "A-Z" }).click(); + } + + test.describe("flat list", () => { + test.use({ labsFlags: ["feature_new_room_list"] }); + + test.beforeEach(async ({ page, app, user }) => { + // Toasts are displayed above the room list; dismiss the unrelated ones. + await rejectToast(page, "Verify this device"); + await rejectToast(page, "Notifications"); + // Focus the user menu so room rows are not decorated by hover. + await page.getByRole("button", { name: "User menu" }).focus(); + }); + + test("shows a toast for a notifying room below the fold and scrolls to it on click", async ({ + page, + app, + bot, + }) => { + const roomList = getRoomList(page); + + // A room with a real notification count, named so it sorts to the very bottom under A-Z. + const targetId = await app.client.createRoom({ name: "zzz unread room" }); + await app.client.inviteUser(targetId, bot.credentials.userId); + await bot.joinRoom(targetId); + + // Enough filler rooms to push the target well below the visible area. + await createFillerRooms(app, 20); + + await sortAlphabetically(page); + + // The bot notifies the target room, producing a green notification count. + await bot.sendMessage(targetId, "Hello from the bottom!"); + + const targetRow = roomList.getByRole("option", { name: "Open room zzz unread room" }); + + // The toast appears because the notifying room is below the fold, and the room itself is offscreen. + await expect(getToast(page)).toBeVisible(); + await expect(targetRow).not.toBeInViewport(); + + // Clicking the toast scrolls the notifying room into view… + await getToast(page).click(); + await expect(targetRow).toBeInViewport(); + + // …and the toast goes away once there is nothing left unread below the fold. + await expect(getToast(page)).not.toBeVisible(); + }); + + test("does not show a toast when the only unread room below the fold has an activity dot", async ({ + page, + app, + bot, + }) => { + const roomList = getRoomList(page); + + // Another room to park on, so the activity room stays unread (focused rooms are marked read). + const otherRoomId = await app.client.createRoom({ name: "aaa other room" }); + + // The target's unread state will only ever be an activity dot, never a notification count: set it + // to "@mentions & keywords" so a plain (non-mention) message produces activity rather than a count. + const targetId = await app.client.createRoom({ name: "zzz activity room" }); + await app.client.inviteUser(targetId, bot.credentials.userId); + await bot.joinRoom(targetId); + + await app.viewRoomById(targetId); + await app.settings.openRoomSettings("Notifications"); + await page.getByText("@mentions & keywords").click(); + await app.settings.closeDialog(); + + // Enable showing activity (dots) in the room list, so the activity dot is actually rendered. + await app.settings.openUserSettings("Notifications"); + await page + .getByRole("switch", { name: "Show all activity in the room list (dots or number of unread messages)" }) + .check(); + await app.settings.closeDialog(); + + // Park on the other room so the target stays unread, then send a plain (non-mention) message. + await app.viewRoomById(otherRoomId); + await bot.sendMessage(targetId, "just activity, no mention"); + + // The target shows an unread-activity dot: a decoration with no count (no digits). + const targetRow = roomList.getByRole("option", { name: "Open room zzz activity room" }); + const decoration = targetRow.getByTestId("notification-decoration"); + await expect(decoration).toBeVisible(); + await expect(decoration).not.toHaveText(/\d/); + + // Push the activity-dot room below the fold with filler rooms and A-Z sorting. + await createFillerRooms(app, 20); + await sortAlphabetically(page); + + // The list has settled (a top filler room is visible) but the activity dot must not raise the toast. + await expect(roomList.getByRole("option", { name: "Open room room 00" })).toBeVisible(); + await expect(targetRow).not.toBeInViewport(); + await expect(getToast(page)).not.toBeVisible(); + }); + }); + + test.describe("sections", () => { + test.use({ labsFlags: ["feature_new_room_list", "feature_room_list_sections"] }); + + test.beforeEach(async ({ page, app, user }) => { + await rejectToast(page, "Verify this device"); + await rejectToast(page, "Notifications"); + await page.getByRole("button", { name: "User menu" }).focus(); + }); + + test("shows a toast for a collapsed section that hides a notifying room", async ({ page, app, bot }) => { + const roomList = getRoomList(page); + + // A regular (Chats) room with a notification count. + const notifyId = await app.client.createRoom({ name: "chats notify room" }); + await app.client.inviteUser(notifyId, bot.credentials.userId); + await bot.joinRoom(notifyId); + + // A favourite room so the list renders in section mode from the start. + const favouriteId = await app.client.createRoom({ name: "favourite room" }); + await app.client.evaluate(async (client, roomId) => { + await client.setRoomTag(roomId, "m.favourite"); + }, favouriteId); + + const chatsHeader = getSectionHeader(page, "Chats"); + await expect(chatsHeader).toBeVisible(); + + // Notify the Chats room and collapse the section while its header is still on screen. + await bot.sendMessage(notifyId, "Hidden in a collapsed section"); + await expect( + roomList + .getByRole("row", { name: "Open room chats notify room" }) + .getByTestId("notification-decoration"), + ).toBeVisible(); + await chatsHeader.click(); + await expect(chatsHeader).toHaveAttribute("aria-expanded", "false"); + + // Grow the Favourites section until the collapsed Chats header is pushed below the fold. + for (let i = 0; i < 20; i++) { + const id = await app.client.createRoom({ name: `favourite ${String(i).padStart(2, "0")}` }); + await app.client.evaluate(async (client, roomId) => { + await client.setRoomTag(roomId, "m.favourite"); + }, id); + } + + // Wait until the collapsed Chats header has been pushed offscreen (all favourites synced). + await expect(chatsHeader).not.toBeInViewport(); + + // Tagging rooms into the Favourites section raises a transient "Chat moved" toast, which + // shares the single toast slot with — and takes precedence over — the unread-activity toast + // (see RoomListView). Dismiss it via its close button so the unread toast can surface; by now + // all favourites have synced, so it will not re-appear. + const chatMovedToast = page.getByText("Chat moved"); + await expect(chatMovedToast).toBeVisible(); + await page.getByRole("button", { name: "Close" }).click(); + await expect(chatMovedToast).not.toBeVisible(); + + // The collapsed Chats header is offscreen, but its hidden notification raises the toast. + await expect(getToast(page)).toBeVisible(); + + // Clicking the toast scrolls the collapsed section header into view. + await getToast(page).click(); + await expect(chatsHeader).toBeInViewport(); + }); + }); +}); diff --git a/apps/web/src/viewmodels/room-list/RoomListViewModel.ts b/apps/web/src/viewmodels/room-list/RoomListViewModel.ts index c056b43d7d..2fa9c0c04c 100644 --- a/apps/web/src/viewmodels/room-list/RoomListViewModel.ts +++ b/apps/web/src/viewmodels/room-list/RoomListViewModel.ts @@ -29,7 +29,10 @@ import RoomListStoreV3, { type Section, } from "../../stores/room-list-v3/RoomListStoreV3"; import { FilterEnum } from "../../stores/room-list-v3/skip-list/filters"; -import { RoomNotificationStateStore } from "../../stores/notifications/RoomNotificationStateStore"; +import { + RoomNotificationStateStore, + UPDATE_STATUS_INDICATOR, +} from "../../stores/notifications/RoomNotificationStateStore"; import { RoomListItemViewModel } from "./RoomListItemViewModel"; import { SdkContextClass } from "../../contexts/SDKContext"; import { hasCreateRoomRights } from "./utils"; @@ -101,10 +104,41 @@ export class RoomListViewModel private readonly savedExpansionStates = new Map(); /** - * Reference to the currently displayed toast, used to automatically close the toast after a timeout. + * Reference to the currently displayed event toast's auto-close timer, used to dismiss it + * after a timeout (see {@link showToast}). */ private toastRef?: number; + /** + * The currently active transient event toast ("section_created" / "chat_moved"), if any. + * Distinct from the derived "unread_activity" toast: this is set imperatively by an event + * and auto-dismisses, whereas unread activity is recomputed from list/notification state. + * {@link recomputeToast} reconciles the two into the single {@link RoomListViewSnapshot.toast}. + */ + private eventToast?: ToastType; + + /** + * Whether there is currently unread activity (a notification count) in a room scrolled below + * the visible area of the list. Recomputed by {@link updateUnreadActivityBelow}; surfaced as + * the "unread_activity" toast by {@link recomputeToast} when no event toast takes precedence. + */ + private hasUnreadActivityBelow = false; + + /** + * The last genuinely-visible index reported by the virtualized list (excluding the + * rendered overscan buffer), in the list's own entry space (room indices for a flat + * list; including a slot per section header for a grouped list). Initialised to -1 so + * that nothing is considered "below the fold" until the view reports the fold. + */ + private foldIndex = -1; + + /** + * Imperative scroll handle registered by the view (see {@link setScrollToIndex}). The view + * owns the virtualized list's scroll handle, so it provides this; we call it to scroll a + * given item index into view in response to user actions. + */ + private scrollToIndex?: (index: number) => void; + public constructor(props: RoomListViewModelProps) { const activeSpace = SpaceStore.instance.activeSpaceRoom; @@ -172,6 +206,14 @@ export class RoomListViewModel this.onRoomTagged, ); + // Recompute the "unread activity below" toast when room notification state + // changes (e.g. a room below the fold becomes unread, or is marked read). + this.disposables.trackListener( + RoomNotificationStateStore.instance, + UPDATE_STATUS_INDICATOR as any, + this.updateUnreadActivityBelow, + ); + // Subscribe to active room changes to update selected room const dispatcherRef = dispatcher.register(this.onDispatch); this.disposables.track(() => { @@ -311,8 +353,117 @@ export class RoomListViewModel this.roomItemViewModels.delete(roomId); } } + + // The rendered range changed, so re-evaluate whether unread activity is below the fold. + this.updateUnreadActivityBelow(); } + /** + * Update the last genuinely-visible item index (excluding the rendered overscan + * buffer), reported by the view from the scroller geometry. This is what the + * "unread activity" toast uses to decide what is below the fold, so that the toast + * appears as soon as an unread room scrolls just out of view rather than only once + * it leaves the overscan buffer. + */ + public updateVisibleFold = (visibleEndIndex: number): void => { + if (this.foldIndex === visibleEndIndex) return; + this.foldIndex = visibleEndIndex; + this.updateUnreadActivityBelow(); + }; + + /** + * Find the first room with an unread-message notification (a count badge — the green or + * red decoration, not just the unread-activity dot) positioned below the visible area. + * + * "Below the fold" is determined from the last visible index reported by the + * virtualized list (see {@link updateVisibleRooms}). For a grouped list the + * virtualized list interleaves a section-header entry before each section's + * rooms, so we walk the rooms in the same entry order the view renders and + * compare against that index space. + * + * Collapsed sections render only their header (their rooms are removed from the + * displayed sections), so their notifying rooms are not directly reachable. When a + * collapsed section's header is itself below the fold and the section contains a + * notifying room, we surface the header as the target so clicking the toast scrolls + * it into view (revealing the header's aggregated notification badge). + * + * @returns The next notifying room below the fold, or undefined if there is none + * (or the view has not yet reported a visible range). + */ + private firstUnreadRoomBelowFold(): { room: Room; index: number } | undefined { + if (this.foldIndex < 0) return undefined; + + // Only surface rooms showing a notification badge (a count/symbol — the green or red + // decoration), not rooms with just the unread-activity dot. + const hasNotification = (room: Room): boolean => + RoomNotificationStateStore.instance.getRoomState(room).hasUnreadCount; + + if (this.snapshot.current.isFlatList) { + // Flat list: virtualized indices map 1:1 to rooms. + const rooms = this.sections.flatMap((section) => section.rooms); + for (let i = this.foldIndex + 1; i < rooms.length; i++) { + if (hasNotification(rooms[i])) return { room: rooms[i], index: i }; + } + return undefined; + } + + // Full (pre-collapse) rooms per section tag, so we can detect unreads hidden inside + // collapsed sections whose displayed rooms have been emptied. + const fullRoomsByTag = new Map(this.roomsResult.sections.map((section) => [section.tag, section.rooms])); + + // Grouped list: each section contributes a header entry followed by its rooms, so the + // index we return is in the virtualized list's entry space (matching scrollIntoView). + let entryIndex = -1; + for (const section of this.sections) { + entryIndex++; // section header entry + + const isExpanded = this.roomSectionHeaderViewModels.get(section.tag)?.isExpanded ?? true; + if (!isExpanded) { + // Collapsed: rooms aren't rendered, so the header is the only entry. If it is + // below the fold and hides an unread room, target the header itself. + if (entryIndex > this.foldIndex) { + const notifyingRoom = (fullRoomsByTag.get(section.tag) ?? []).find(hasNotification); + if (notifyingRoom) return { room: notifyingRoom, index: entryIndex }; + } + continue; + } + + for (const room of section.rooms) { + entryIndex++; // this room's entry + if (entryIndex > this.foldIndex && hasNotification(room)) return { room, index: entryIndex }; + } + } + return undefined; + } + + /** + * Recompute whether there is unread activity below the visible area, reconciling the + * displayed toast if it changed. + */ + private updateUnreadActivityBelow = (): void => { + const hasUnreadActivityBelow = this.firstUnreadRoomBelowFold() !== undefined; + if (this.hasUnreadActivityBelow === hasUnreadActivityBelow) return; + this.hasUnreadActivityBelow = hasUnreadActivityBelow; + this.recomputeToast(); + }; + + /** + * Register (or clear) the view's imperative scroll handler. Called by the view on mount + * since it owns the virtualized list's scroll handle. + */ + public setScrollToIndex = (scrollToIndex: ((index: number) => void) | undefined): void => { + this.scrollToIndex = scrollToIndex; + }; + + /** + * Scroll the next unread room below the visible area of the list into view (without opening + * it). Invoked when the user clicks the "unread activity" toast. + */ + public scrollToUnreadActivity = (): void => { + const target = this.firstUnreadRoomBelowFold(); + if (target) this.scrollToIndex?.(target.index); + }; + private onDispatch = (payload: any): void => { if (payload.action === Action.ActiveRoomChanged) { // When the active room changes, update the room list data to reflect the new selected room @@ -595,6 +746,9 @@ export class RoomListViewModel }); this.notifyCollapseState(isFlatList); + + // Room list / sections changed: re-evaluate the unread-activity toast. + this.updateUnreadActivityBelow(); } /** @@ -654,20 +808,33 @@ export class RoomListViewModel public closeToast: () => void = () => { clearTimeout(this.toastRef); - this.snapshot.merge({ - toast: undefined, - }); + this.eventToast = undefined; + this.recomputeToast(); }; private showToast(toast: ToastType): void { clearTimeout(this.toastRef); - this.snapshot.merge({ toast }); + this.eventToast = toast; + this.recomputeToast(); // Automatically close the toast after 15 seconds this.toastRef = setTimeout(() => { this.closeToast(); }, 15 * 1000); } + /** + * Reconcile the single toast shown by the view from the two independent sources: the + * transient event toast (which takes precedence and auto-dismisses) and the derived + * unread-activity state. The snapshot is only updated when the effective toast changes, + * to avoid unnecessary re-renders. + */ + private recomputeToast(): void { + const toast = this.eventToast ?? (this.hasUnreadActivityBelow ? "unread_activity" : undefined); + if (this.snapshot.current.toast !== toast) { + this.snapshot.merge({ toast }); + } + } + public changeSectionOrder = async (sourceTag: string, targetTag: string): Promise => { await RoomListStoreV3.instance.reorderSection(sourceTag, targetTag); // Scroll to the section after it moved diff --git a/apps/web/test/viewmodels/room-list/RoomListViewModel-test.tsx b/apps/web/test/viewmodels/room-list/RoomListViewModel-test.tsx index 3c312d1966..c2dd2b8aea 100644 --- a/apps/web/test/viewmodels/room-list/RoomListViewModel-test.tsx +++ b/apps/web/test/viewmodels/room-list/RoomListViewModel-test.tsx @@ -25,6 +25,8 @@ import { tagRoom } from "../../../src/utils/room/tagRoom"; import { getSectionTagForRoom } from "../../../src/utils/room/getSectionTagForRoom"; import { CHATS_TAG, CUSTOM_SECTION_TAG_PREFIX } from "../../../src/stores/room-list-v3/section"; import { MetaSpace } from "../../../src/stores/spaces"; +import { RoomNotificationStateStore } from "../../../src/stores/notifications/RoomNotificationStateStore"; +import { type RoomNotificationState } from "../../../src/stores/notifications/RoomNotificationState"; jest.mock("../../../src/utils/room/tagRoom", () => ({ tagRoom: jest.fn(), @@ -688,6 +690,38 @@ describe("RoomListViewModel", () => { jest.advanceTimersByTime(5 * 1000); expect(viewModel.getSnapshot().toast).toBeUndefined(); }); + + /** Make only `room3` report an unread count, so it is the unread room below the fold. */ + const mockRoom3Unread = (): void => { + jest.spyOn(RoomNotificationStateStore.instance, "getRoomState").mockImplementation( + (room) => ({ hasUnreadCount: room === room3 }) as unknown as RoomNotificationState, + ); + }; + + it("should show the unread-activity toast when an unread room is below the fold", () => { + mockRoom3Unread(); + viewModel = new RoomListViewModel({ client: matrixClient }); + + // room1/room2 visible, room3 (unread) scrolled below the fold. + viewModel.updateVisibleFold(1); + + expect(viewModel.getSnapshot().toast).toBe("unread_activity"); + }); + + it("should prefer the event toast over the unread-activity toast, restoring it on auto-close", () => { + mockRoom3Unread(); + viewModel = new RoomListViewModel({ client: matrixClient }); + viewModel.updateVisibleFold(1); + expect(viewModel.getSnapshot().toast).toBe("unread_activity"); + + // A transient event toast takes precedence over the persistent unread-activity toast… + RoomListStoreV3.instance.emit(RoomListStoreV3Event.RoomTagged); + expect(viewModel.getSnapshot().toast).toBe("chat_moved"); + + // …and once it auto-dismisses, the unread-activity toast returns. + jest.advanceTimersByTime(15 * 1000); + expect(viewModel.getSnapshot().toast).toBe("unread_activity"); + }); }); describe("Sections (feature_room_list_sections)", () => { diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx/unread-activity-auto.png new file mode 100644 index 0000000000000000000000000000000000000000..b9fd4809149eda6a7fc33aedf77beadad6051923 GIT binary patch literal 21269 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 literal 0 HcmV?d00001 diff --git a/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-auto.png b/packages/shared-components/__vis__/linux/__baselines__/room-list/RoomListView/RoomListView.stories.tsx/unread-activity-below-auto.png new file mode 100644 index 0000000000000000000000000000000000000000..fed0068100f41e8cd69ebe1b400634e7cfe7f957 GIT binary patch literal 64710 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

>RNhd{QU=A<}1dFAOR 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 extends VirtualizedListProps { + /** + * Optional ref to the underlying Virtuoso handle, for imperative scrolling. + */ + scrollHandleRef?: React.RefCallback; + /** * Function that renders each list item as a JSX element. * @param index - The index of the item in the list @@ -35,8 +40,11 @@ export interface FlatVirtualizedListProps extends VirtualizedList * @template Context - The type of additional context data passed to items */ export function FlatVirtualizedList(props: FlatVirtualizedListProps): React.ReactElement { - const { getItemComponent, ...restProps } = props; - const { onFocusForGetItemComponent, ...virtuosoProps } = useVirtualizedList(restProps); + const { getItemComponent, scrollHandleRef, ...restProps } = props; + const { onFocusForGetItemComponent, ...virtuosoProps } = useVirtualizedList( + restProps, + scrollHandleRef, + ); const getItemComponentInternal = useCallback( (index: number, item: Item, context: VirtualizedListContext): JSX.Element => diff --git a/packages/shared-components/src/core/VirtualizedList/virtualized-list.tsx b/packages/shared-components/src/core/VirtualizedList/virtualized-list.tsx index 9b107785b8..6a586f3978 100644 --- a/packages/shared-components/src/core/VirtualizedList/virtualized-list.tsx +++ b/packages/shared-components/src/core/VirtualizedList/virtualized-list.tsx @@ -176,6 +176,7 @@ export function useVirtualizedList( rangeChanged, mapScrollIndex, mapRangeIndex, + scrollerRef: externalScrollerRef, ...virtuosoProps } = props; /** Reference to the Virtuoso component for programmatic scrolling */ @@ -329,11 +330,17 @@ export function useVirtualizedList( /** * Callback ref for the Virtuoso scroller element. - * Stores the reference for use in focus management. + * Stores the reference for use in focus management, and forwards it to an + * optional external scrollerRef provided by the consumer (e.g. to observe + * scroll position) since the hook owns the scrollerRef passed to Virtuoso. */ - const scrollerRef = useCallback((element: HTMLElement | Window | null) => { - virtuosoDomRef.current = element; - }, []); + const scrollerRef = useCallback( + (element: HTMLElement | Window | null) => { + virtuosoDomRef.current = element; + externalScrollerRef?.(element); + }, + [externalScrollerRef], + ); /** * Focus handler passed to each item component. diff --git a/packages/shared-components/src/i18n/strings/en_EN.json b/packages/shared-components/src/i18n/strings/en_EN.json index b2fba87061..712b8a3775 100644 --- a/packages/shared-components/src/i18n/strings/en_EN.json +++ b/packages/shared-components/src/i18n/strings/en_EN.json @@ -195,7 +195,8 @@ "space_menu": { "home": "Space home", "space_settings": "Space settings" - } + }, + "unread_messages": "Unread messages" }, "terms": { "tac_button": "Review terms and conditions" diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx index f34e5b5a85..83edd40979 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.stories.tsx @@ -18,11 +18,12 @@ const meta = { args: { type: "section_created", onClose: fn(), + onClick: fn(), }, argTypes: { type: { control: "select", - options: ["section_created"], + options: ["section_created", "chat_moved", "unread_activity"], }, }, decorators: [ @@ -50,3 +51,9 @@ export const ChatMoved: Story = { type: "chat_moved", }, }; + +export const UnreadActivity: Story = { + args: { + type: "unread_activity", + }, +}; diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx index e9f4303e52..7aa39162e0 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.test.tsx @@ -13,7 +13,7 @@ import userEvent from "@testing-library/user-event"; import * as stories from "./RoomListToast.stories"; -const { SectionCreated, ChatMoved } = composeStories(stories); +const { SectionCreated, ChatMoved, UnreadActivity } = composeStories(stories); describe("", () => { it("renders SectionCreated story", () => { @@ -26,6 +26,11 @@ describe("", () => { expect(container).toMatchSnapshot(); }); + it("renders UnreadActivity story", () => { + const { container } = render(); + expect(container).toMatchSnapshot(); + }); + it("calls onClose when the close button is clicked", async () => { const user = userEvent.setup(); render(); @@ -33,4 +38,11 @@ describe("", () => { await user.click(closeButton); expect(SectionCreated.args.onClose).toHaveBeenCalled(); }); + + it("calls onClick when the unread-activity toast is clicked", async () => { + const user = userEvent.setup(); + render(); + await user.click(screen.getByRole("button", { name: "Unread messages" })); + expect(UnreadActivity.args.onClick).toHaveBeenCalled(); + }); }); diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx index 1a2e4c194c..ebdedeb3e9 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/RoomListToast.tsx @@ -7,40 +7,57 @@ import React, { type JSX, type MouseEventHandler } from "react"; import { Toast } from "@vector-im/compound-web"; +import ArrowDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/arrow-down"; import styles from "./RoomListToast.module.css"; import { useI18n } from "../../../core/i18n/i18nContext"; -export type ToastType = "section_created" | "chat_moved"; +export type ToastType = + // Transient, auto-dismissing event toasts with a close button. + | "section_created" + | "chat_moved" + // Persistent, clickable toast surfacing unread activity below the visible area. + | "unread_activity"; interface RoomListToastProps { /** The type of toast to display */ type: ToastType; - /** Callback when the close button is clicked */ + /** Callback when the close button is clicked (event toasts: "section_created", "chat_moved") */ onClose: MouseEventHandler; + /** Callback when the toast itself is clicked ("unread_activity") */ + onClick: MouseEventHandler; } /** - * A toast component used for displaying temporary messages in the room list view. + * A toast component used for displaying messages in the room list view. + * + * The room list shows at most one toast at a time; which one (and the precedence between + * transient event toasts and the persistent unread-activity toast) is decided by the view + * model, so the view simply renders whichever {@link ToastType} it is given: + * + * - "section_created" / "chat_moved": transient event notifications with a close button. + * - "unread_activity": a persistent, clickable toast that jumps to the next unread room + * below the visible area of the list. * * @example * ```tsx - * + * * ``` */ -export function RoomListToast({ type, onClose }: Readonly): JSX.Element { +export function RoomListToast({ type, onClose, onClick }: Readonly): JSX.Element { const { translate: _t } = useI18n(); - let text: string; - switch (type) { - case "section_created": - text = _t("room_list|section_created"); - break; - case "chat_moved": - text = _t("room_list|chat_moved"); - break; + // The unread-activity toast is clickable as a whole (it scrolls to the unread room) rather + // than closeable, so it uses the clickable Toast variant with a leading arrow-down icon. + if (type === "unread_activity") { + return ( + + {_t("room_list|unread_messages")} + + ); } + const text = type === "section_created" ? _t("room_list|section_created") : _t("room_list|chat_moved"); return ( {text} diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap b/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap index 05148b3978..6e1bc733a7 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap +++ b/packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap @@ -85,3 +85,35 @@ exports[` > renders SectionCreated story 1`] = ` `; + +exports[` > renders UnreadActivity story 1`] = ` +

+`; diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx index 144f9c135c..f15567d3a8 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.stories.tsx @@ -38,8 +38,11 @@ const RoomListViewWrapperImpl = ({ getRoomItemViewModel, getSectionHeaderViewModel, updateVisibleRooms, + updateVisibleFold, renderAvatar: renderAvatarProp, closeToast, + scrollToUnreadActivity, + setScrollToIndex, changeRoomSection, changeSectionOrder, onSectionDragStart, @@ -53,7 +56,10 @@ const RoomListViewWrapperImpl = ({ getRoomItemViewModel, getSectionHeaderViewModel, updateVisibleRooms, + updateVisibleFold, closeToast, + scrollToUnreadActivity, + setScrollToIndex, changeRoomSection, changeSectionOrder, onSectionDragStart, @@ -106,10 +112,13 @@ const meta = { getRoomItemViewModel: createGetRoomItemViewModel(mockRoomIds), getSectionHeaderViewModel: createGetSectionHeaderViewModel(mockSections.map((section) => section.id)), updateVisibleRooms: fn(), + updateVisibleFold: fn(), renderAvatar, isFlatList: true, toast: undefined, closeToast: fn(), + scrollToUnreadActivity: fn(), + setScrollToIndex: fn(), changeRoomSection: fn(), changeSectionOrder: fn(), onSectionDragStart: fn(), @@ -267,3 +276,9 @@ export const Toast: Story = { toast: "section_created", }, }; + +export const UnreadActivityBelow: Story = { + args: { + toast: "unread_activity", + }, +}; diff --git a/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx index da88149e9e..6de5ab2f29 100644 --- a/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx +++ b/packages/shared-components/src/room-list/RoomListView/RoomListView.tsx @@ -50,7 +50,11 @@ export type RoomListViewSnapshot = { canCreateRoom?: boolean; /** Whether the room list is displayed as a flat list */ isFlatList: boolean; - /** Optional toast to display */ + /** + * The single toast to display (if any). The view model owns which toast wins when more + * than one applies (e.g. a transient "chat_moved" event toast takes precedence over the + * persistent "unread_activity" toast), so the view just renders whatever it is given. + */ toast?: ToastType; }; @@ -71,10 +75,24 @@ export interface RoomListViewActions { getRoomItemViewModel: (roomId: string) => RoomListItemViewModel | undefined; /** Called when the visible range changes (virtualization API) */ updateVisibleRooms: (startIndex: number, endIndex: number) => void; + /** + * Called when the last genuinely-visible item index changes (excluding the rendered + * overscan buffer), used to decide whether unread activity is below the fold. + */ + updateVisibleFold: (visibleEndIndex: number) => void; /** Get view model for a specific section header (virtualization API) */ getSectionHeaderViewModel: (sectionId: string) => RoomListSectionHeaderViewModel; /** Called to close the toast message */ closeToast: () => void; + /** Called to scroll the next unread room below the visible area of the list into view */ + scrollToUnreadActivity: () => void; + /** + * Registers (or, with `undefined`, clears) the imperative scroll handler the view model + * uses to scroll a virtualized item index into view. The view owns the scroll handle, so + * it provides this on mount; the view model calls it in response to user actions such as + * clicking the "unread activity" toast. + */ + setScrollToIndex: (scrollToIndex: ((index: number) => void) | undefined) => void; /** Called to change the section of a room */ changeRoomSection: (roomId: string, tag: string) => void; /** Called to change the order of sections */ @@ -129,7 +147,13 @@ export const RoomListView: React.FC = ({ vm, renderAvatar, on {listBody} - {snapshot.toast && } + {snapshot.toast && ( + + )} diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx index aa2e76e8e6..17716a0a13 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.stories.tsx @@ -34,7 +34,10 @@ const RoomListWrapperImpl = ({ getRoomItemViewModel, getSectionHeaderViewModel, updateVisibleRooms, + updateVisibleFold, closeToast, + scrollToUnreadActivity, + setScrollToIndex, renderAvatar: renderAvatarProp, changeRoomSection, changeSectionOrder, @@ -49,7 +52,10 @@ const RoomListWrapperImpl = ({ getRoomItemViewModel, getSectionHeaderViewModel, updateVisibleRooms, + updateVisibleFold, closeToast, + scrollToUnreadActivity, + setScrollToIndex, changeRoomSection, changeSectionOrder, onSectionDragStart, @@ -90,9 +96,12 @@ const meta = { getRoomItemViewModel: createGetRoomItemViewModel(mock10RoomsIds), getSectionHeaderViewModel: createGetSectionHeaderViewModel(mock10RoomsSections.map((section) => section.id)), updateVisibleRooms: fn(), + updateVisibleFold: fn(), renderAvatar, isFlatList: true, closeToast: fn(), + scrollToUnreadActivity: fn(), + setScrollToIndex: fn(), changeRoomSection: fn(), changeSectionOrder: fn(), onSectionDragStart: fn(), diff --git a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx index cd2eaa7864..a490e3d139 100644 --- a/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx +++ b/packages/shared-components/src/room-list/VirtualizedRoomListView/VirtualizedRoomListView.tsx @@ -5,7 +5,7 @@ * Please see LICENSE files in the repository root for full details. */ -import React, { useCallback, useLayoutEffect, useMemo, useRef, type JSX, type ReactNode } from "react"; +import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, type JSX, type ReactNode } from "react"; import { type ScrollIntoViewLocation, type VirtuosoHandle } from "react-virtuoso"; import { isEqual } from "lodash"; import { DragDropProvider, DragOverlay, useDragOperation } from "@dnd-kit/react"; @@ -131,6 +131,102 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual const setVirtuosoHandle = useCallback((handle: VirtuosoHandle | null) => { virtuosoHandleRef.current = handle; }, []); + + // --- "Unread activity" toast fold tracking --- + // Virtuoso renders a large overscan buffer (EXTENDED_VIEWPORT_HEIGHT) below the + // visible area, so its reported range extends well past the actual fold. To show + // the toast as soon as an unread room scrolls just below the fold (rather than only + // once it leaves the overscan buffer), we measure the genuinely-visible last item + // from the scroller geometry and report it separately to the view model. + const foldScrollerRef = useRef(null); + const foldObserverRef = useRef(null); + // Observed item elements → whether each is currently on screen (intersecting). The keys + // are what we've asked the observer to watch; the values are their latest visibility. + const itemVisibilityRef = useRef>(new Map()); + const foldSyncRafRef = useRef(null); + const lastReportedFoldIndex = useRef(-1); + + // Report the highest-index currently-visible item as the fold. Indices are read from + // each element's live data-item-index attribute (rather than a captured value) because + // Virtuoso recycles/reorders item DOM nodes as the list scrolls. + const reportFold = useCallback(() => { + let fold = -1; + for (const [el, isVisible] of itemVisibilityRef.current) { + if (!isVisible) continue; + const index = Number((el as HTMLElement).dataset.itemIndex); + if (Number.isFinite(index) && index > fold) fold = index; + } + if (fold !== lastReportedFoldIndex.current) { + lastReportedFoldIndex.current = fold; + vm.updateVisibleFold(fold); + } + }, [vm]); + + // IntersectionObserver callback: track which item elements are genuinely on screen + // (excluding the overscan buffer). Fires as the user scrolls or the viewport resizes, + // with no per-frame layout reads. + const onItemIntersection = useCallback( + (entries: IntersectionObserverEntry[]) => { + for (const entry of entries) { + itemVisibilityRef.current.set(entry.target, entry.isIntersecting); + } + reportFold(); + }, + [reportFold], + ); + + // Observe newly-rendered item elements and release ones Virtuoso has recycled out of the + // DOM. The observer itself handles visibility as the user scrolls/resizes, so this only + // needs running when the rendered set changes (rangeChanged) or on first attach. + const syncObservedItems = useCallback(() => { + const scroller = foldScrollerRef.current; + const observer = foldObserverRef.current; + if (!scroller || !observer) return; + const current = new Set(scroller.querySelectorAll("[data-item-index]")); + for (const el of current) { + if (!itemVisibilityRef.current.has(el)) { + observer.observe(el); + itemVisibilityRef.current.set(el, false); // observed, not yet known visible + } + } + for (const el of itemVisibilityRef.current.keys()) { + if (!current.has(el)) { + observer.unobserve(el); + itemVisibilityRef.current.delete(el); + } + } + reportFold(); + }, [reportFold]); + + const scheduleSyncObservedItems = useCallback(() => { + if (foldSyncRafRef.current !== null) return; + foldSyncRafRef.current = requestAnimationFrame(() => { + foldSyncRafRef.current = null; + syncObservedItems(); + }); + }, [syncObservedItems]); + + // Callback ref for Virtuoso's scroller element: (re)create an IntersectionObserver rooted + // at it. The initial sync is covered by the rangeChanged Virtuoso fires on mount. + const setScroller = useCallback( + (element: HTMLElement | Window | null) => { + foldObserverRef.current?.disconnect(); + foldObserverRef.current = null; + itemVisibilityRef.current.clear(); + lastReportedFoldIndex.current = -1; + if (foldSyncRafRef.current !== null) { + cancelAnimationFrame(foldSyncRafRef.current); + foldSyncRafRef.current = null; + } + const scroller = element instanceof HTMLElement ? element : null; + foldScrollerRef.current = scroller; + if (scroller) { + foldObserverRef.current = new IntersectionObserver(onItemIntersection, { root: scroller }); + scheduleSyncObservedItems(); + } + }, + [onItemIntersection, scheduleSyncObservedItems], + ); const roomIds = useMemo(() => sections.flatMap((section) => section.roomIds), [sections]); const roomCount = roomIds.length; const sectionCount = sections.length; @@ -152,8 +248,10 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual const rangeChanged = useCallback( (range: { startIndex: number; endIndex: number }) => { vm.updateVisibleRooms(range.startIndex, range.endIndex); + // The rendered set changed; (un)observe items so the fold stays accurate. + scheduleSyncObservedItems(); }, - [vm], + [vm, scheduleSyncObservedItems], ); // Builds the accessibility plugin (live-region announcements) for keyboard/pointer drags, @@ -363,6 +461,17 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual virtuosoHandleRef.current?.scrollIntoView({ index: flatIndex, align: "start", behavior: "auto" }); }, [scrollToSectionTag, sections]); + // Give the view model an imperative handle to scroll an item index into view (e.g. when the + // user clicks the "unread activity" toast, which is rendered by a sibling component). The view + // owns the scroll handle, so it registers the function here rather than the model pushing + // scroll requests through its snapshot. + useEffect(() => { + vm.setScrollToIndex((index) => + virtuosoHandleRef.current?.scrollIntoView({ index, align: "center", behavior: "auto" }), + ); + return () => vm.setScrollToIndex(undefined); + }, [vm]); + const isItemFocusable = useCallback(() => true, []); const isGroupHeaderFocusable = useCallback(() => true, []); const increaseViewportBy = useMemo( @@ -384,6 +493,7 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual getItemKey, isItemFocusable, rangeChanged, + "scrollerRef": setScroller, onKeyDown, increaseViewportBy, "className": styles.roomList, @@ -394,6 +504,7 @@ export function VirtualizedRoomListView({ vm, renderAvatar, onKeyDown }: Virtual diff --git a/packages/shared-components/vitest.config.ts b/packages/shared-components/vitest.config.ts index b2f0f71dfd..537b1de38b 100644 --- a/packages/shared-components/vitest.config.ts +++ b/packages/shared-components/vitest.config.ts @@ -117,7 +117,15 @@ export default defineConfig({ "vite-plugin-node-polyfills/shims/process", "@vector-im/compound-design-tokens/assets/web/icons", "storybook/preview-api", + // The room-list view pulls in a heavy dnd-kit + react-virtuoso graph. If these are left to + // runtime discovery, the browser-mode dep optimizer can re-bundle mid-run and reload the page, + // which fails the in-flight setupTests.ts import for the room-list unit suites. Pre-bundle the + // whole graph up front so the optimizer never needs to re-run while tests are loading. "@dnd-kit/abstract", + "@dnd-kit/abstract/modifiers", + "@dnd-kit/dom", + "@dnd-kit/react", + "react-virtuoso", ], }, resolve: {