Lotus CIandClaude Opus 5.5
fff583fca5
CI / Build & Quality Checks (pull_request) Successful in 2m12s
CI / Trigger Desktop Build (pull_request) Skipped
CI / Docker image build & smoke test (pull_request) Skipped
CI / Secret scan (gitleaks) (pull_request) Successful in 17s
CI / Playwright smoke (e2e) (pull_request) Successful in 10m22s
The Linux desktop app runs on WebKitGTK, which ships without WebRTC (2.52 has no RTCPeerConnection; 2.54 disables it outright pending a libwebrtc backend around 2.56), so calls can't work there. Until now the call button just disappeared, the call room said "Your browser does not support WebRTC" with Join disabled, and an incoming call couldn't be answered. In the desktop app (isTauri) without WebRTC: - call rooms: "Calls aren't available in the desktop app on Linux yet: its web engine has no WebRTC" + an "Open in browser" button; - incoming-call overlay: the same, with "Answer in browser"; - room header: the call button stays, and opens the room in the browser. The link is the room in the web app (config.json `webAppUrl`, https only, new key); the user presses Join there. Deliberately not an auto-join link: a crafted URL must not be able to join a call and open someone's mic. It opens through the desktop's new-window handler (web/mail schemes only → the system browser). Without `webAppUrl` the explanation shows with no button; browsers without WebRTC keep the old message. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA
77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
import React, { useMemo } from 'react';
|
||
import { Box, Button, Icon, Icons, Text, color } from 'folds';
|
||
import { useClientConfig } from '../../hooks/useClientConfig';
|
||
import { isTauri } from '../../hooks/useTauri';
|
||
import { webRTCSupported } from '../../utils/rtc';
|
||
import { getCallInBrowserUrl, resolveWebAppUrl } from '../../utils/callInBrowser';
|
||
|
||
/**
|
||
* [cinny-desktop: Linux calls] The desktop app on Linux runs on WebKitGTK,
|
||
* which ships without WebRTC (disabled in 2.54; a libwebrtc backend is due
|
||
* around 2.56). Where calls can't work here, send the user to the room in the
|
||
* web app instead of a dead end. Only in the desktop app, and only when
|
||
* config.json sets `webAppUrl`.
|
||
*/
|
||
export const useCallInBrowserUrl = (roomId: string): string | undefined => {
|
||
const { webAppUrl } = useClientConfig();
|
||
return useMemo(
|
||
() =>
|
||
isTauri() && !webRTCSupported()
|
||
? getCallInBrowserUrl(resolveWebAppUrl(webAppUrl), roomId)
|
||
: undefined,
|
||
[webAppUrl, roomId],
|
||
);
|
||
};
|
||
|
||
/** Opens through the desktop's new-window handler → the system browser. */
|
||
export const openCallInBrowser = (url: string): void => {
|
||
window.open(url, '_blank', 'noopener,noreferrer');
|
||
};
|
||
|
||
const desktopUnavailableText = (): string =>
|
||
typeof navigator !== 'undefined' && /Linux/i.test(navigator.userAgent)
|
||
? 'Calls aren’t available in the desktop app on Linux yet: its web engine has no WebRTC.'
|
||
: 'Calls aren’t available in this desktop app: its web engine has no WebRTC.';
|
||
|
||
type CallsUnavailableMessageProps = {
|
||
roomId: string;
|
||
/** Button label, e.g. "Answer in browser" for an incoming call. */
|
||
actionLabel?: string;
|
||
};
|
||
|
||
export function CallsUnavailableMessage({
|
||
roomId,
|
||
actionLabel = 'Open in browser',
|
||
}: CallsUnavailableMessageProps) {
|
||
const url = useCallInBrowserUrl(roomId);
|
||
|
||
if (!isTauri()) {
|
||
return (
|
||
<Text style={{ margin: 'auto', color: color.Critical.Main }} size="L400" align="Center">
|
||
Your browser does not support WebRTC, which is required for calling.
|
||
</Text>
|
||
);
|
||
}
|
||
|
||
return (
|
||
<Box direction="Column" alignItems="Center" gap="200" style={{ margin: 'auto' }}>
|
||
<Text style={{ color: color.Warning.Main }} size="L400" align="Center">
|
||
{desktopUnavailableText()}
|
||
{url ? ' You can join from the web app in your browser.' : ''}
|
||
</Text>
|
||
{url && (
|
||
<Button
|
||
size="300"
|
||
variant="Secondary"
|
||
fill="Soft"
|
||
radii="300"
|
||
before={<Icon size="100" src={Icons.External} />}
|
||
onClick={() => openCallInBrowser(url)}
|
||
>
|
||
<Text size="B300">{actionLabel}</Text>
|
||
</Button>
|
||
)}
|
||
</Box>
|
||
);
|
||
}
|