fix: low-tail correctness — thread notifs, call audio, OIDC expiry
Verify-then-fix batch of minor bugs; each staged diff reviewed by 2 agents (both SHIP). Two listed items (N6 receipt-avatar refresh, H10 room-name length reject) were already handled and left unchanged. Threads: - T5: a just-sent reply no longer under-notifies — `participated` also checks the local thread timeline for our own events, since the server-bundle `hasCurrentUserParticipated` lags. - T6: a room set to "Mentions & Keywords only" no longer over-notifies Default thread replies — new `roomMentionsOnly` gate (behavior-identical when false; +4 unit tests). - T7: thread-mode account-data writes are serialized with content carried forward (setAccountData is a bare PUT whose result lags the /sync echo, so plain serialization wouldn't stop the lost update); carry only on success. Calls / audio: - C-L2: a real incoming ring cancels a lingering Settings ringtone preview. - C-L3: the ringtone AudioContext is primed on the first page gesture (via the always-mounted CallEmbedProvider) so the first ring after a cold load isn't silent. - C-L5: useCallSpeakers depends on a stable boolean, so the tile MutationObserver + io.lotus.call_state subscription aren't rebuilt on every membership change. Crypto: - F5: the OIDC refresher forwards the freshly-refreshed token expiry (passed on the tokens object at runtime) as expiresInMs, so the persisted expiresAt no longer goes stale across reloads. Gates: tsc 0, eslint 0, prettier clean, 860/860 tests, build ok. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -42,7 +42,7 @@ import { CallEmbed, useCallControlState } from '../plugins/call';
|
|||||||
import { useSelectedRoom } from '../hooks/router/useSelectedRoom';
|
import { useSelectedRoom } from '../hooks/router/useSelectedRoom';
|
||||||
import { ScreenSize, useScreenSizeContext } from '../hooks/useScreenSize';
|
import { ScreenSize, useScreenSizeContext } from '../hooks/useScreenSize';
|
||||||
import { useMatrixClient } from '../hooks/useMatrixClient';
|
import { useMatrixClient } from '../hooks/useMatrixClient';
|
||||||
import { previewRingtone, startRingtone } from '../utils/ringtones';
|
import { previewRingtone, startRingtone, unlockRingtoneAudio } from '../utils/ringtones';
|
||||||
import { useCallMembersChange, useCallSession } from '../hooks/useCall';
|
import { useCallMembersChange, useCallSession } from '../hooks/useCall';
|
||||||
import { useCallJoinLeaveSounds } from '../hooks/useCallJoinLeaveSounds';
|
import { useCallJoinLeaveSounds } from '../hooks/useCallJoinLeaveSounds';
|
||||||
import { useCallQuality } from '../hooks/useCallQuality';
|
import { useCallQuality } from '../hooks/useCallQuality';
|
||||||
@@ -703,6 +703,23 @@ export function CallEmbedProvider({ children }: CallEmbedProviderProps) {
|
|||||||
|
|
||||||
const { screenshare: pipScreenshare } = useCallControlState(callEmbed?.control);
|
const { screenshare: pipScreenshare } = useCallControlState(callEmbed?.control);
|
||||||
|
|
||||||
|
// C-L3 — prime the ringtone AudioContext on the first user gesture of the
|
||||||
|
// session so the first incoming-call ring isn't silent (a fresh context stays
|
||||||
|
// suspended until a gesture, and an incoming ring has none of its own).
|
||||||
|
useEffect(() => {
|
||||||
|
const prime = () => {
|
||||||
|
unlockRingtoneAudio();
|
||||||
|
window.removeEventListener('pointerdown', prime);
|
||||||
|
window.removeEventListener('keydown', prime);
|
||||||
|
};
|
||||||
|
window.addEventListener('pointerdown', prime, { once: true, passive: true });
|
||||||
|
window.addEventListener('keydown', prime, { once: true, passive: true });
|
||||||
|
return () => {
|
||||||
|
window.removeEventListener('pointerdown', prime);
|
||||||
|
window.removeEventListener('keydown', prime);
|
||||||
|
};
|
||||||
|
}, []);
|
||||||
|
|
||||||
// Sync pip mode into CallControl so it can adjust behavior accordingly
|
// Sync pip mode into CallControl so it can adjust behavior accordingly
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!callEmbed) return;
|
if (!callEmbed) return;
|
||||||
|
|||||||
@@ -25,8 +25,14 @@ export const useCallSpeakers = (callEmbed: CallEmbed): Set<string> => {
|
|||||||
const callMembers = useCallMembers(callSession);
|
const callMembers = useCallMembers(callSession);
|
||||||
const joined = useCallJoined(callEmbed);
|
const joined = useCallJoined(callEmbed);
|
||||||
|
|
||||||
|
// C-L5 — depend on a STABLE boolean, not the callMembers array (whose identity
|
||||||
|
// changes on every membership change). The MutationObserver + io.lotus.call_state
|
||||||
|
// subscription below already track tiles joining/leaving live, so rebuilding
|
||||||
|
// them on each membership change is pure churn.
|
||||||
|
const hasCallMembers = callMembers.length > 0;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (!callMembers || !joined) {
|
if (!hasCallMembers || !joined) {
|
||||||
setSpeakers(new Set<string>());
|
setSpeakers(new Set<string>());
|
||||||
return undefined;
|
return undefined;
|
||||||
}
|
}
|
||||||
@@ -126,7 +132,7 @@ export const useCallSpeakers = (callEmbed: CallEmbed): Set<string> => {
|
|||||||
bodyWatcher?.disconnect();
|
bodyWatcher?.disconnect();
|
||||||
unsubLotus();
|
unsubLotus();
|
||||||
};
|
};
|
||||||
}, [callEmbed, callMembers, joined]);
|
}, [callEmbed, hasCallMembers, joined]);
|
||||||
|
|
||||||
return speakers;
|
return speakers;
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -36,21 +36,19 @@ const getJoinedRoomIds = (mx: MatrixClient): Set<string> => {
|
|||||||
return joined;
|
return joined;
|
||||||
};
|
};
|
||||||
|
|
||||||
const writeThreadNotificationMode = async (
|
// Apply a single mode change to a base content object, returning a fresh clone
|
||||||
mx: MatrixClient,
|
// (never mutates the input).
|
||||||
|
const applyThreadMode = (
|
||||||
|
base: ThreadNotificationsContent,
|
||||||
roomId: string,
|
roomId: string,
|
||||||
threadRootId: string,
|
threadRootId: string,
|
||||||
mode: ThreadNotificationMode,
|
mode: ThreadNotificationMode,
|
||||||
): Promise<void> => {
|
now: number,
|
||||||
const current = readContent(mx);
|
): ThreadNotificationsContent => {
|
||||||
const now = Date.now();
|
|
||||||
|
|
||||||
// Work on a mutable clone; prune produces a fresh object so the mutations
|
|
||||||
// below never touch the atom's/account-data's current content.
|
|
||||||
const next: ThreadNotificationsContent = {
|
const next: ThreadNotificationsContent = {
|
||||||
...current,
|
...base,
|
||||||
rooms: Object.fromEntries(
|
rooms: Object.fromEntries(
|
||||||
Object.entries(current.rooms ?? {}).map(([rid, entries]) => [rid, { ...entries }]),
|
Object.entries(base.rooms ?? {}).map(([rid, entries]) => [rid, { ...entries }]),
|
||||||
),
|
),
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -70,10 +68,46 @@ const writeThreadNotificationMode = async (
|
|||||||
rooms[roomId][threadRootId] = { mode, ts: now };
|
rooms[roomId][threadRootId] = { mode, ts: now };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return next;
|
||||||
|
};
|
||||||
|
|
||||||
|
// T7 — serialize writes so rapid, overlapping mode changes don't lost-update
|
||||||
|
// each other. `setAccountData` is a bare PUT whose result doesn't reach the
|
||||||
|
// local store until the /sync echo, so back-to-back writes would otherwise all
|
||||||
|
// read the same stale base and clobber one another. Each queued write instead
|
||||||
|
// bases its mutation on the previous write's RESULT; once the queue drains the
|
||||||
|
// carried base is dropped so the next independent write re-reads fresh (possibly
|
||||||
|
// externally-changed) server state.
|
||||||
|
let writeChain: Promise<unknown> = Promise.resolve();
|
||||||
|
let pendingWrites = 0;
|
||||||
|
let carriedContent: ThreadNotificationsContent | null = null;
|
||||||
|
|
||||||
|
const writeThreadNotificationMode = (
|
||||||
|
mx: MatrixClient,
|
||||||
|
roomId: string,
|
||||||
|
threadRootId: string,
|
||||||
|
mode: ThreadNotificationMode,
|
||||||
|
): Promise<void> => {
|
||||||
|
pendingWrites += 1;
|
||||||
|
const run = writeChain.then(async () => {
|
||||||
|
const now = Date.now();
|
||||||
|
const base = carriedContent ?? readContent(mx);
|
||||||
|
const next = applyThreadMode(base, roomId, threadRootId, mode, now);
|
||||||
// ALWAYS prune before persisting to keep account data bounded.
|
// ALWAYS prune before persisting to keep account data bounded.
|
||||||
const finalContent = pruneThreadNotifications(next, getJoinedRoomIds(mx), now);
|
const finalContent = pruneThreadNotifications(next, getJoinedRoomIds(mx), now);
|
||||||
|
|
||||||
await setAccountData(mx, AccountDataEvent.LotusThreadNotifications, finalContent);
|
await setAccountData(mx, AccountDataEvent.LotusThreadNotifications, finalContent);
|
||||||
|
// Carry the result forward only on success, so a queued follow-up write bases
|
||||||
|
// on persisted content — never on a shape the server just rejected.
|
||||||
|
carriedContent = finalContent;
|
||||||
|
});
|
||||||
|
// Keep the chain alive on error; drop the carried base once the queue drains.
|
||||||
|
writeChain = run
|
||||||
|
.catch(() => {})
|
||||||
|
.finally(() => {
|
||||||
|
pendingWrites -= 1;
|
||||||
|
if (pendingWrites === 0) carriedContent = null;
|
||||||
|
});
|
||||||
|
return run;
|
||||||
};
|
};
|
||||||
|
|
||||||
export function useSetThreadNotificationMode(
|
export function useSetThreadNotificationMode(
|
||||||
|
|||||||
@@ -644,13 +644,24 @@ function MessageNotifications() {
|
|||||||
const content = threadPrefs;
|
const content = threadPrefs;
|
||||||
const mode = getThreadNotificationMode(content, room.roomId, thread.id);
|
const mode = getThreadNotificationMode(content, room.roomId, thread.id);
|
||||||
const actions = mx.getPushActionsForEvent(mEvent);
|
const actions = mx.getPushActionsForEvent(mEvent);
|
||||||
|
// `hasCurrentUserParticipated` is derived from the server thread bundle,
|
||||||
|
// which lags a reply we just sent — so also treat any of our own events
|
||||||
|
// already in the thread timeline as participation (T5: avoid under-notify).
|
||||||
|
const myUserId = mx.getUserId();
|
||||||
|
const participated =
|
||||||
|
thread.hasCurrentUserParticipated ||
|
||||||
|
thread.timeline.some((e) => e.getSender() === myUserId);
|
||||||
|
const roomNotifType = getNotificationType(mx, room.roomId);
|
||||||
const decision = shouldNotifyThreadReply({
|
const decision = shouldNotifyThreadReply({
|
||||||
mode,
|
mode,
|
||||||
defaultBehavior: content.default ?? THREAD_NOTIFICATIONS_FALLBACK_BEHAVIOR,
|
defaultBehavior: content.default ?? THREAD_NOTIFICATIONS_FALLBACK_BEHAVIOR,
|
||||||
participated: thread.hasCurrentUserParticipated,
|
participated,
|
||||||
highlight: !!actions?.tweaks?.highlight,
|
highlight: !!actions?.tweaks?.highlight,
|
||||||
notify: !!actions?.notify,
|
notify: !!actions?.notify,
|
||||||
roomMuted: getNotificationType(mx, room.roomId) === NotificationType.Mute,
|
roomMuted: roomNotifType === NotificationType.Mute,
|
||||||
|
// T6: honor a room-level "Mentions & Keywords only" setting for Default
|
||||||
|
// threads instead of over-notifying every participated reply.
|
||||||
|
roomMentionsOnly: roomNotifType === NotificationType.MentionsAndKeywords,
|
||||||
});
|
});
|
||||||
if (decision === 'none') return;
|
if (decision === 'none') return;
|
||||||
|
|
||||||
|
|||||||
@@ -29,6 +29,18 @@ const getCtx = (): AudioContext | undefined => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* C-L3 — prime (create + resume) the shared ringtone AudioContext from within a
|
||||||
|
* user gesture. Browsers keep a fresh context suspended until a gesture, and an
|
||||||
|
* incoming-call ring fires with no gesture of its own, so the first ring after a
|
||||||
|
* cold page load could be silent (resume() is async and may not finish before
|
||||||
|
* the notes are scheduled). Call this on any early app gesture so a later ring
|
||||||
|
* plays through an already-running context. Mirrors `unlockCallSounds`.
|
||||||
|
*/
|
||||||
|
export const unlockRingtoneAudio = (): void => {
|
||||||
|
getCtx();
|
||||||
|
};
|
||||||
|
|
||||||
type Note = {
|
type Note = {
|
||||||
freq: number;
|
freq: number;
|
||||||
/** Offset from phrase start, in seconds */
|
/** Offset from phrase start, in seconds */
|
||||||
@@ -173,6 +185,10 @@ const startSynth = (style: SynthStyle, volume: number, loop: boolean): (() => vo
|
|||||||
* silent. This matches the pre-existing behaviour of the classic ringtone.
|
* silent. This matches the pre-existing behaviour of the classic ringtone.
|
||||||
*/
|
*/
|
||||||
export const startRingtone = (id: RingtoneId, volume: number): (() => void) => {
|
export const startRingtone = (id: RingtoneId, volume: number): (() => void) => {
|
||||||
|
// C-L2 — a real incoming ring supersedes any lingering Settings preview so the
|
||||||
|
// two don't overlap (the preview is otherwise only cleared by its own timer).
|
||||||
|
activePreviewStop?.();
|
||||||
|
activePreviewStop = null;
|
||||||
if (id === 'none') return () => undefined;
|
if (id === 'none') return () => undefined;
|
||||||
if (id === 'classic') return startClassic(volume, true);
|
if (id === 'classic') return startClassic(volume, true);
|
||||||
return startSynth(id, volume, true);
|
return startSynth(id, volume, true);
|
||||||
|
|||||||
@@ -23,6 +23,7 @@ const decide = (
|
|||||||
highlight: false,
|
highlight: false,
|
||||||
notify: false,
|
notify: false,
|
||||||
roomMuted: false,
|
roomMuted: false,
|
||||||
|
roomMentionsOnly: false,
|
||||||
...overrides,
|
...overrides,
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -53,6 +54,25 @@ describe('shouldNotifyThreadReply', () => {
|
|||||||
assert.equal(decide({ mode: ThreadNotificationMode.All, highlight: false }), 'notify');
|
assert.equal(decide({ mode: ThreadNotificationMode.All, highlight: false }), 'notify');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it('roomMentionsOnly: Default + participating + participated but no highlight => none', () => {
|
||||||
|
assert.equal(decide({ roomMentionsOnly: true, participated: true }), 'none');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('roomMentionsOnly: Default + highlight still notifies loudly', () => {
|
||||||
|
assert.equal(decide({ roomMentionsOnly: true, highlight: true }), 'loud');
|
||||||
|
});
|
||||||
|
|
||||||
|
it('roomMentionsOnly does NOT suppress an explicit All override', () => {
|
||||||
|
assert.equal(
|
||||||
|
decide({ roomMentionsOnly: true, mode: ThreadNotificationMode.All, highlight: false }),
|
||||||
|
'notify',
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('roomMentionsOnly: Default + defaultBehavior all + no highlight => none', () => {
|
||||||
|
assert.equal(decide({ roomMentionsOnly: true, defaultBehavior: 'all' }), 'none');
|
||||||
|
});
|
||||||
|
|
||||||
it('mode MentionsOnly + highlight => loud', () => {
|
it('mode MentionsOnly + highlight => loud', () => {
|
||||||
assert.equal(decide({ mode: ThreadNotificationMode.MentionsOnly, highlight: true }), 'loud');
|
assert.equal(decide({ mode: ThreadNotificationMode.MentionsOnly, highlight: true }), 'loud');
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -106,8 +106,16 @@ export function shouldNotifyThreadReply(input: {
|
|||||||
highlight: boolean;
|
highlight: boolean;
|
||||||
notify: boolean;
|
notify: boolean;
|
||||||
roomMuted: boolean;
|
roomMuted: boolean;
|
||||||
|
/**
|
||||||
|
* The room is set to "Mentions & Keywords only" (room push rule, not the
|
||||||
|
* global default). When the thread mode is Default, this makes only
|
||||||
|
* highlights notify — honoring the room preference instead of the
|
||||||
|
* all/participating default (which otherwise over-notifies). An explicit
|
||||||
|
* per-thread All/MentionsOnly/Mute override still wins.
|
||||||
|
*/
|
||||||
|
roomMentionsOnly: boolean;
|
||||||
}): ThreadNotifyDecision {
|
}): ThreadNotifyDecision {
|
||||||
const { mode, defaultBehavior, participated, highlight, roomMuted } = input;
|
const { mode, defaultBehavior, participated, highlight, roomMuted, roomMentionsOnly } = input;
|
||||||
|
|
||||||
if (roomMuted) return 'none';
|
if (roomMuted) return 'none';
|
||||||
if (mode === ThreadNotificationMode.Mute) return 'none';
|
if (mode === ThreadNotificationMode.Mute) return 'none';
|
||||||
@@ -120,13 +128,13 @@ export function shouldNotifyThreadReply(input: {
|
|||||||
return highlight ? 'loud' : 'none';
|
return highlight ? 'loud' : 'none';
|
||||||
}
|
}
|
||||||
|
|
||||||
// ThreadNotificationMode.Default
|
// ThreadNotificationMode.Default — highlights always notify loudly.
|
||||||
if (defaultBehavior === 'all') {
|
|
||||||
return highlight ? 'loud' : 'notify';
|
|
||||||
}
|
|
||||||
|
|
||||||
// defaultBehavior === 'participating'
|
|
||||||
if (highlight) return 'loud';
|
if (highlight) return 'loud';
|
||||||
|
// Room is "Mentions & Keywords only": a Default thread inherits that, so a
|
||||||
|
// non-highlight reply does not notify.
|
||||||
|
if (roomMentionsOnly) return 'none';
|
||||||
|
if (defaultBehavior === 'all') return 'notify';
|
||||||
|
// defaultBehavior === 'participating'
|
||||||
return participated ? 'notify' : 'none';
|
return participated ? 'notify' : 'none';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -30,13 +30,23 @@ export class LotusOidcTokenRefresher extends OidcTokenRefresher {
|
|||||||
this.oidcRef = oidc;
|
this.oidcRef = oidc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// F5 — persist the new expiry so the stored `expiresAt` stays fresh across
|
||||||
|
// reloads instead of going stale. The SDK invokes persistTokens synchronously
|
||||||
|
// inside the refresh and passes the freshly-refreshed `expiry` (a Date) on the
|
||||||
|
// tokens object at runtime, even though its published type omits it — so read
|
||||||
|
// it here directly (a doRefreshAccessToken override would run too late, since
|
||||||
|
// persistTokens is called before that method returns).
|
||||||
protected async persistTokens(tokens: {
|
protected async persistTokens(tokens: {
|
||||||
accessToken: string;
|
accessToken: string;
|
||||||
refreshToken?: string;
|
refreshToken?: string;
|
||||||
|
expiry?: Date;
|
||||||
}): Promise<void> {
|
}): Promise<void> {
|
||||||
|
const expiresInMs =
|
||||||
|
tokens.expiry instanceof Date ? Math.max(0, tokens.expiry.getTime() - Date.now()) : undefined;
|
||||||
setFallbackSession(tokens.accessToken, this.deviceIdRef, this.userIdRef, this.baseUrlRef, {
|
setFallbackSession(tokens.accessToken, this.deviceIdRef, this.userIdRef, this.baseUrlRef, {
|
||||||
refreshToken: tokens.refreshToken,
|
refreshToken: tokens.refreshToken,
|
||||||
oidc: this.oidcRef,
|
oidc: this.oidcRef,
|
||||||
|
expiresInMs,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user