Carlos Florêncio
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import { useDockviewStore } from "./dockview-store";
|
|
|
|
/**
|
|
* Capture the current chat scroll position and restore it after the next
|
|
* layout rebuild completes (isRestoringLayout transitions to false).
|
|
* Safe to call from non-React code (WS handlers, store actions).
|
|
*/
|
|
export function preserveChatScrollDuringLayout(): void {
|
|
const scrollEl = document.querySelector<HTMLElement>(".chat-message-list");
|
|
const savedScrollTop = scrollEl?.scrollTop ?? 0;
|
|
|
|
useDockviewStore.getState().setPendingChatScrollTop(savedScrollTop);
|
|
|
|
// Wait for the full isRestoringLayout transition (false → true → false).
|
|
// Callers may emit non-layout updates (e.g. pinnedWidths) before flipping
|
|
// isRestoringLayout to true; without this guard the subscriber would
|
|
// unsubscribe on the first false-state emit and skip the real restore.
|
|
let sawRestoring = useDockviewStore.getState().isRestoringLayout;
|
|
const unsub = useDockviewStore.subscribe((state) => {
|
|
if (state.isRestoringLayout) {
|
|
sawRestoring = true;
|
|
return;
|
|
}
|
|
if (!sawRestoring) return;
|
|
unsub();
|
|
requestAnimationFrame(() => {
|
|
const el = document.querySelector<HTMLElement>(".chat-message-list");
|
|
if (el) el.scrollTop = savedScrollTop;
|
|
useDockviewStore.getState().setPendingChatScrollTop(null);
|
|
});
|
|
});
|
|
}
|