byGalax
825160ee46
Chronological port of every Tauri release commit (v0.11.4 -> v0.15.2)
into the Electron rebuild, plus Discord-style audio handling that goes
beyond the Tauri original.
Highlights:
- All 17 Tauri release commits ported (audio fixes, custom notification
sound, Discord-style chat UX, profile banner, changelog page,
Discord-parity call UX, screen-share echo + re-watch UX, audio-loop
fix).
- Native napi-rs audio-loopback addon with WASAPI process-loopback:
* EXCLUDE_TARGET_PROCESS_TREE for full-screen shares -> peers
never hear themselves echoed back through the capture.
* INCLUDE_TARGET_PROCESS_TREE for window shares -> only the
picked window's audio is captured, not the whole OS mixer
(Discord parity).
* HWND -> PID resolution via Win32 GetWindowThreadProcessId.
- Discord-style screen-source picker (thumbnail grid, screens vs
apps tabs, live-refreshing thumbnails).
- Hash routing fix for packaged builds (file:// can't resolve
BrowserRouter paths).
- Tauri sources removed (apps/desktop/src-tauri).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
import type { ConversationMember } from '@chat-app/shared/chat';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
interface Props {
|
|
typingUserIds: string[];
|
|
members: ConversationMember[];
|
|
}
|
|
|
|
export function TypingIndicator({ typingUserIds, members }: Props) {
|
|
const { t } = useTranslation(['app']);
|
|
if (typingUserIds.length === 0) return null;
|
|
|
|
const names = typingUserIds
|
|
.map((id) => members.find((m) => m.userId === id)?.profile?.displayName)
|
|
.filter((n): n is string => typeof n === 'string' && n.length > 0);
|
|
|
|
const text =
|
|
names.length === 1
|
|
? t('app:chats.typing_one', { name: names[0] })
|
|
: t('app:chats.typing_many', { count: typingUserIds.length });
|
|
|
|
return (
|
|
<div className="discord-chat-surface bg-surface-3 px-6 pb-1 pt-0 text-xs text-fg-muted">
|
|
<span className="inline-flex items-center gap-2">
|
|
<TypingDots />
|
|
<span>{text}</span>
|
|
</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function TypingDots() {
|
|
return (
|
|
<span aria-hidden="true" className="inline-flex items-center gap-0.5">
|
|
<span className="h-1 w-1 rounded-full bg-fg-muted [animation:pulse_1.2s_ease-in-out_infinite]" />
|
|
<span className="h-1 w-1 rounded-full bg-fg-muted [animation:pulse_1.2s_ease-in-out_infinite] [animation-delay:0.15s]" />
|
|
<span className="h-1 w-1 rounded-full bg-fg-muted [animation:pulse_1.2s_ease-in-out_infinite] [animation-delay:0.3s]" />
|
|
</span>
|
|
);
|
|
}
|