jared
aab7e5ae20
Web half of the desktop feature wave. A shared bridge (`hooks/useTauri.ts`: invokeTauri/isTauri/useTauriEvent) backs per-feature hooks that no-op in the browser and drive the native Tauri commands (compiled in cinny-desktop): - P5-46 useTauriCallPower — hold system awake while a call is active. - P5-36 useTauriJumpList — Windows jump list of recent rooms → matrix: deep links. - P5-44 useTauriThumbbar — taskbar Mute/Deafen/End; events toggle mic/sound/hangup. - P5-43 useTauriSmtc — SMTC call state + button events. - P5-49 useTauriNetwork — react to native network-change → mx.retryImmediately(). - P5-47 window chrome — opt-in `customWindowChromeAtom` + TDS `TitleBar`; DesktopChrome wrapper in App.tsx (zero layout impact when off) + a desktop-only settings toggle. - P5-55 composer toolbar drag-reorder (settings order[] + pragmatic-drag-and-drop). - P5-57 DraftIndicator — subtle "draft saved" cue in the composer. Client-scoped hooks mount via TauriDesktopFeatures in ClientNonUIFeatures; window chrome mounts at App level. Gates: tsc/eslint/prettier clean, build OK, 556 tests. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
44 lines
1.8 KiB
TypeScript
44 lines
1.8 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { useAtomValue } from 'jotai';
|
|
import { callEmbedAtom } from '../state/callEmbed';
|
|
import { useCallControlState } from '../plugins/call';
|
|
import { invokeTauri, useTauriEvent } from './useTauri';
|
|
|
|
type ThumbbarAction = { action: 'mute' | 'deafen' | 'end' };
|
|
|
|
/**
|
|
* P5-44 — Taskbar thumbnail toolbar (call controls). While a call is active,
|
|
* mirrors the mic/sound state onto the native `set_thumbbar` command (three
|
|
* Mute / Deafen / End-Call buttons on the Windows taskbar thumbnail toolbar) and
|
|
* hides them when the call ends. Thumb-button clicks come back as the
|
|
* `thumbbar-action` event and drive the real call controls. No-op in the browser.
|
|
*/
|
|
export function useTauriThumbbar(): void {
|
|
const callEmbed = useAtomValue(callEmbedAtom);
|
|
const { microphone, sound } = useCallControlState(callEmbed?.control);
|
|
|
|
const active = callEmbed !== undefined;
|
|
// Muted / deafened only make sense while a call is active; report false
|
|
// otherwise so the buttons render in a sane (hidden) state.
|
|
const muted = active && !microphone;
|
|
const deafened = active && !sound;
|
|
|
|
useEffect(() => {
|
|
invokeTauri('set_thumbbar', { active, muted, deafened });
|
|
}, [active, muted, deafened]);
|
|
|
|
useTauriEvent<ThumbbarAction>('thumbbar-action', ({ action }) => {
|
|
if (!callEmbed) return;
|
|
if (action === 'mute') {
|
|
// toggleMicrophone flips the mic; `microphone === false` means muted.
|
|
callEmbed.control.toggleMicrophone();
|
|
} else if (action === 'deafen') {
|
|
// toggleSound flips local audio; `sound === false` means deafened. It also
|
|
// mutes the mic while deafened, matching the in-app Deafen control.
|
|
callEmbed.control.toggleSound();
|
|
} else if (action === 'end') {
|
|
callEmbed.hangup();
|
|
}
|
|
});
|
|
}
|