Files
ChatApp/apps/desktop/src/lib/soundboardHotkeys.ts
T
byGalax 672c8738c7 feat: file variety, user status, DND gate, drag-drop, mentions, link preview, emoji picker, soundboard, ringtone
Attachments
- Video: native <video controls>, decrypted blob, metadata preload
- PDF: collapsible <object> viewer with download + preview toggle
- Generic: file card with lazy decrypt, mime-to-extension map
- MessageBubble dispatch: audio/image/video/pdf/generic by mime
- Composer accept widened from image/* to any; AttachmentPreview renders
  non-images as file cards

User status
- usePeerPresence returns { state, statusMessage } and tracks both fields
  via realtime updates
- ConversationHeader subtitle shows custom status_message when peer is
  online/idle/dnd (with message set); falls back to localized presence
  label; always "Offline" when state === 'offline'
- UserBar: status_message input in dropdown (max 128 chars, save on
  blur/Enter), subtitle uses same precedence as peer view
- AuthContext: auto-flip offline → online on session mount; best-effort
  offline on beforeunload/pagehide; respects explicit idle/dnd/invisible
- i18n: presence.status_placeholder (DE + EN)

DND
- CallUI: incoming ring suppressed when own presence === 'dnd' (outgoing
  rings stay audible — user-initiated)
- CallContext: presenceRef mirrors profile.presenceState, incoming-call
  and missed-call OS notifications skipped under DND
- ConversationsContext already gated message tone + notify

Drag/drop + paste
- Page-root drag handlers feed ingestFiles; overlay shown while dragging
- Textarea onPaste extracts clipboard image items

@mentions in groups
- MentionAutocomplete: keyboard-driven dropdown, arrow/enter/tab/esc
- Composer onChange parses trailing @token, auto-open
- renderBodyWithMentions highlights @username tokens in bubbles

Link previews
- Migration 20260421000003_link_previews.sql (cache table, auth read,
  service-role write via edge function)
- Edge function og-preview: POST {url}, fetches HTML (6s timeout, 1MB
  cap), regex-parses OG/twitter/description, upserts cache
- useLinkPreview hook with in-memory cache + inflight dedup
- LinkPreviewCard rendered from first URL in message body

Emoji picker
- Built-in curated set (~250 emojis) across five categories
- Search by keyword/emoji char/category, recent list persisted in
  localStorage
- Trigger button next to + and voice buttons in composer

Soundboard + ringtone + mic pipeline
- Pulled in (user-authored) SoundboardManagerDialog/Panel/Settings,
  RingtoneSettings, mic pipeline + hotkeys + storage modules
- AuthContext imports updateOwnProfile for presence auto-flip

Fixes
- AttachmentAudio min-width so bubbles don't collapse to 0px on peer
  side
- Focus flicker: visibility/online wake refresh throttled to 30s,
  focus listener dropped, loading flag only on first fetch
2026-04-21 09:13:30 +02:00

89 lines
2.7 KiB
TypeScript

// Binds soundboard entries to global shortcuts and keeps the registry in
// sync with storage mutations. Starting returns a teardown function that
// undoes every registration the binding made.
//
// Usage (in CallContext effect when call becomes connected):
// const teardown = startSoundboardHotkeys((id) => void playSoundboard(id));
// return teardown; // useEffect cleanup
import {
isTauriRuntime,
registerSoundShortcut,
unregisterAllSoundShortcuts,
unregisterSoundShortcut,
} from './globalShortcut';
import { getPttSettings } from './pttSettings';
import { listSounds, subscribeSoundboardChanges } from './soundboardStorage';
export type FirePress = (id: string) => void;
export function startSoundboardHotkeys(onPress: FirePress): () => void {
if (!isTauriRuntime()) {
// No-op on pure web preview — global shortcuts unsupported. Storage
// change subscription would still fire, but there's nothing to sync.
return () => undefined;
}
let active = true;
// identity-keyed: sound id -> currently bound DOM code
const bound = new Map<string, string>();
const sync = async (): Promise<void> => {
if (!active) return;
let entries;
try {
entries = await listSounds();
} catch (err: unknown) {
console.warn('soundboardHotkeys list failed', err);
return;
}
const pttKey = getPttSettings().key;
const wantByCode = new Map<string, string>(); // code -> id (winner on conflict)
for (const e of entries) {
if (!e.hotkey) continue;
// PTT wins over soundboard: don't hijack the talk key, skip silently.
if (pttKey && e.hotkey === pttKey) continue;
// First-writer-wins for dupes (stable because listSounds is sorted
// deterministically). Settings UI should prevent this upstream.
if (!wantByCode.has(e.hotkey)) wantByCode.set(e.hotkey, e.id);
}
const want = new Map<string, string>();
for (const [code, id] of wantByCode) want.set(id, code);
// Unregister bindings that disappeared or changed key.
for (const [id, code] of bound) {
const nextCode = want.get(id);
if (nextCode !== code) {
await unregisterSoundShortcut(id);
bound.delete(id);
}
}
// Register new / updated bindings.
for (const [id, code] of want) {
if (bound.get(id) === code) continue;
const ok = await registerSoundShortcut(id, code, () => {
if (!active) return;
onPress(id);
});
if (ok) bound.set(id, code);
}
};
const unsubscribe = subscribeSoundboardChanges(() => {
void sync();
});
// Initial binding pass.
void sync();
return () => {
active = false;
unsubscribe();
void unregisterAllSoundShortcuts();
bound.clear();
};
}