- (null)
const statusInitialized = ref(false)
const statusError = ref('')
-const statusLoading = ref(false)
const statusRequestActive = ref(false)
-const copiedToken = ref(false)
const manualTokenInput = ref('')
const manualTokenError = ref('')
-const successBlastVisible = ref(false)
-const successBlastKey = ref(0)
const autoConnectAttemptKey = ref('')
+const autoCloseFailed = ref(false)
// Log panel state
interface LogEntry {
@@ -442,6 +299,52 @@ interface TelemetrySummary {
const latestTelemetry = ref(null)
+const pttActive = ref(false)
+const pttError = ref('')
+
+async function sendPtt(state: 'down' | 'up') {
+ if (!token.value) return
+ try {
+ await $fetch('/api/bridge/ptt', {
+ method: 'POST',
+ headers: { 'x-bridge-token': token.value },
+ body: { state },
+ })
+ pttError.value = ''
+ } catch (err: any) {
+ pttError.value = err?.data?.statusMessage || 'PTT failed'
+ }
+}
+
+function startPtt() {
+ if (pttActive.value) return
+ pttActive.value = true
+ void sendPtt('down')
+}
+
+function stopPtt() {
+ if (!pttActive.value) return
+ pttActive.value = false
+ void sendPtt('up')
+}
+
+function onKeyDown(e: KeyboardEvent) {
+ if (!alreadyLinked.value || pttActive.value) return
+ if (['INPUT', 'TEXTAREA', 'SELECT'].includes((e.target as HTMLElement)?.tagName ?? '')) return
+ if (e.code === 'Space') {
+ e.preventDefault()
+ startPtt()
+ }
+}
+
+function onKeyUp(e: KeyboardEvent) {
+ if (!alreadyLinked.value) return
+ if (e.code === 'Space') {
+ e.preventDefault()
+ stopPtt()
+ }
+}
+
const token = computed(() => {
const value = route.query.token
const rawToken = Array.isArray(value)
@@ -453,15 +356,7 @@ const token = computed(() => {
})
const hasToken = computed(() => token.value.length >= 6)
-const hasQueryToken = computed(() => {
- const value = route.query.token
- if (Array.isArray(value)) {
- return Boolean(value[0])
- }
- return typeof value === 'string' && value.trim().length > 0
-})
-const manualTokenRemaining = computed(() => Math.max(0, 6 - manualTokenInput.value.length))
-const manualTokenReady = computed(() => manualTokenRemaining.value === 0)
+const manualTokenReady = computed(() => manualTokenInput.value.length === 6)
const loginTarget = computed(() => `/login?redirect=${encodeURIComponent(route.fullPath || '/bridge')}`)
const authDisplayName = computed(() => {
@@ -476,7 +371,6 @@ const isLinkedToAuthenticatedUser = computed(() => {
}
return connectionStatus.value.user?.id === user.value?.id
})
-const tokenLinkedWithoutAuth = computed(() => Boolean(connectionStatus.value?.connected && !hasAuthenticatedUser.value))
const tokenLinkedToOtherUser = computed(() => {
if (!connectionStatus.value?.connected || !hasAuthenticatedUser.value) {
return false
@@ -484,46 +378,12 @@ const tokenLinkedToOtherUser = computed(() => {
return connectionStatus.value.user?.id !== user.value?.id
})
-const connectionLabel = computed(() => {
- if (!hasToken.value) {
- return 'Pairing code missing'
- }
- if (!connectionStatus.value?.connected) {
- return 'Waiting for confirmation'
- }
- if (tokenLinkedWithoutAuth.value) {
- return 'Code already linked'
- }
- if (tokenLinkedToOtherUser.value) {
- return 'Linked to a different account'
- }
- const name = connectionStatus.value.user?.name || connectionStatus.value.user?.email
- return name ? `Linked as ${name}` : 'Linked successfully'
-})
-
-const formattedConnectedAt = computed(() => formatTimestamp(connectionStatus.value?.connectedAt ?? null))
-const successBannerVisible = computed(() => hasAuthenticatedUser.value && (connectSuccess.value || isLinkedToAuthenticatedUser.value))
const alreadyLinked = computed(() => isLinkedToAuthenticatedUser.value)
-const successSparks = Array.from({ length: 14 }, (_unused, index) => index)
function sanitizePairingCode(input: string) {
return input.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6)
}
-let successBlastTimer: ReturnType | null = null
-
-function triggerSuccessBlast() {
- successBlastKey.value += 1
- successBlastVisible.value = true
- if (successBlastTimer) {
- clearTimeout(successBlastTimer)
- }
- successBlastTimer = setTimeout(() => {
- successBlastVisible.value = false
- successBlastTimer = null
- }, 2200)
-}
-
function onManualTokenInput() {
manualTokenInput.value = sanitizePairingCode(manualTokenInput.value)
if (manualTokenError.value && manualTokenReady.value) {
@@ -560,20 +420,6 @@ async function clearPairingCode() {
await router.replace({ query })
}
-function formatTimestamp(value: string | null) {
- if (!value) {
- return '—'
- }
- const parsed = new Date(value)
- if (Number.isNaN(parsed.getTime())) {
- return '—'
- }
- return new Intl.DateTimeFormat('en-GB', {
- dateStyle: 'short',
- timeStyle: 'medium',
- }).format(parsed)
-}
-
async function connectBridge() {
if (!hasToken.value || !accessToken.value || !hasAuthenticatedUser.value) {
return
@@ -665,9 +511,6 @@ async function fetchStatus(force = false) {
}
statusRequestActive.value = true
- if (force || !statusInitialized.value) {
- statusLoading.value = true
- }
try {
const response = await $fetch('/api/bridge/me', {
@@ -693,23 +536,21 @@ async function fetchStatus(force = false) {
'We could not refresh the status.'
} finally {
statusRequestActive.value = false
- statusLoading.value = false
}
}
-async function copyToken() {
- if (!hasToken.value) return
- if (typeof navigator === 'undefined' || !navigator.clipboard) return
-
+function closeWindow() {
try {
- await navigator.clipboard.writeText(token.value)
- copiedToken.value = true
- setTimeout(() => {
- copiedToken.value = false
- }, 1800)
+ window.close()
} catch {
- // Ignore clipboard errors.
+ autoCloseFailed.value = true
}
+ // window.close() is a no-op for tabs the script didn't open — detect that.
+ setTimeout(() => {
+ if (!window.closed) {
+ autoCloseFailed.value = true
+ }
+ }, 600)
}
function formatLogTime(ts: number) {
@@ -807,6 +648,8 @@ function startPolling() {
}, 5000)
}
+let autoCloseTimer: ReturnType | null = null
+
watch(token, () => {
connectError.value = ''
disconnectError.value = ''
@@ -815,12 +658,7 @@ watch(token, () => {
connectionStatus.value = null
statusInitialized.value = false
statusError.value = ''
-
- if (successBlastTimer) {
- clearTimeout(successBlastTimer)
- successBlastTimer = null
- }
- successBlastVisible.value = false
+ autoCloseFailed.value = false
// Reset log state
logEntries.value = []
@@ -853,14 +691,15 @@ watch(
{ immediate: true },
)
-watch(
- () => successBannerVisible.value,
- (visible, wasVisible) => {
- if (visible && !wasVisible) {
- triggerSuccessBlast()
- }
- },
-)
+// Once linked, try to close the tab automatically and stop polling.
+watch(alreadyLinked, (linked) => {
+ if (!linked) return
+ stopPolling()
+ if (autoCloseTimer) clearTimeout(autoCloseTimer)
+ autoCloseTimer = setTimeout(() => {
+ closeWindow()
+ }, 2000)
+})
watch(logPanelOpen, (open) => {
if (open) {
@@ -870,35 +709,74 @@ watch(logPanelOpen, (open) => {
}
})
-
onMounted(() => {
if (!initialized.value) {
auth.fetchUser().catch(() => {})
}
startPolling()
+ window.addEventListener('keydown', onKeyDown)
+ window.addEventListener('keyup', onKeyUp)
})
onBeforeUnmount(() => {
stopPolling()
stopLogPolling()
-
- if (successBlastTimer) {
- clearTimeout(successBlastTimer)
- successBlastTimer = null
+ if (pttActive.value) void sendPtt('up')
+ window.removeEventListener('keydown', onKeyDown)
+ window.removeEventListener('keyup', onKeyUp)
+ if (autoCloseTimer) {
+ clearTimeout(autoCloseTimer)
+ autoCloseTimer = null
}
})
-
@@ -393,15 +253,12 @@ const disconnectError = ref('')
const connectionStatus = refStep 1
-Pairing code
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
+
+
+ ✓
-
- {{ hasToken ? 'Code ready' : 'Waiting for code' }}
-
-
-
-
- - Paste the 6-character pairing code from your desktop Bridge app. + Connected +
Bridge connected
++ Linked to {{ authDisplayName }}.
- -
-
- - Confirmed pairing code. Tap it to copy if you need to paste it back into the Bridge app. +
+ Your browser blocked auto-close — just close the tab manually.
+{{ disconnectError }}
+
-
- {{ hasQueryToken ? 'Loaded from URL' : 'Set manually' }}
-
-
-
-
-
-
-
-
-
-
- {{ hasAuthenticatedUser ? 'Signed in' : 'Login needed' }}
-
- Step 2
-Account + link
-
-
-
-
- Go to login
-
-
-
-
- Signed in account
- - -{{ authDisplayName }}
-
- Wrong user?
-
Sign in once, then link this pairing code to your account.
-
-
-
-
-
- Bridge link status
- - {{ alreadyLinked ? 'Linked' : 'Not linked' }} - -- {{ connectionLabel }} -
-Connected since {{ formattedConnectedAt }}
- -
-
-
-
-
-
-
-
- {{ disconnectError }}
-{{ connectError }}
-This code is already linked. Sign in to manage it.
-This code is linked to another account.
-Enter or load a pairing code first.
-Sign in first to enable linking.
- - -Code
-{{ hasToken ? 'Ready' : 'Missing' }}
-Auth
-{{ hasAuthenticatedUser ? 'Ready' : 'Missing' }}
-Bridge
-{{ alreadyLinked ? 'Linked' : 'Waiting' }}
-Refreshing status …
-{{ statusError }}
- - -
-
-
-
-
-
-
- Latest Telemetry
-
- IAS {{ latestTelemetry.AIRSPEED_INDICATED?.toFixed(0) ?? '—' }}kt
- ALT {{ latestTelemetry.PLANE_ALTITUDE?.toFixed(0) ?? '—' }}ft
- VS {{ latestTelemetry.VERTICAL_SPEED?.toFixed(0) ?? '—' }}fpm
- GS {{ latestTelemetry.GROUND_VELOCITY?.toFixed(0) ?? '—' }}kt
- HDG {{ latestTelemetry.PLANE_PITCH_DEGREES?.toFixed(1) ?? '—' }}°
- N1 {{ latestTelemetry.TURB_ENG_N1_1?.toFixed(1) ?? '—' }}%
- XPDR {{ formatSquawk(latestTelemetry.TRANSPONDER_CODE) }}
- GND {{ latestTelemetry.SIM_ON_GROUND ? 'YES' : 'NO' }}
- GEAR {{ latestTelemetry.GEAR_HANDLE_POSITION ? 'DN' : 'UP' }}
- BRK {{ latestTelemetry.BRAKE_PARKING_POSITION ? 'SET' : 'OFF' }}
-
-
-
- No log entries yet. Waiting for bridge activity …
-
-
-
-
+
+
+
+ Linking Bridge …
+Connecting code {{ token }} to {{ authDisplayName }}.
+{{ statusError }}
+ + +
+
+
+
+
+ Latest Telemetry
+
+ IAS {{ latestTelemetry.AIRSPEED_INDICATED?.toFixed(0) ?? '—' }}kt
+ ALT {{ latestTelemetry.PLANE_ALTITUDE?.toFixed(0) ?? '—' }}ft
+ VS {{ latestTelemetry.VERTICAL_SPEED?.toFixed(0) ?? '—' }}fpm
+ GS {{ latestTelemetry.GROUND_VELOCITY?.toFixed(0) ?? '—' }}kt
+ N1 {{ latestTelemetry.TURB_ENG_N1_1?.toFixed(1) ?? '—' }}%
+ XPDR {{ formatSquawk(latestTelemetry.TRANSPONDER_CODE) }}
+ GND {{ latestTelemetry.SIM_ON_GROUND ? 'YES' : 'NO' }}
+ GEAR {{ latestTelemetry.GEAR_HANDLE_POSITION ? 'DN' : 'UP' }}
+ BRK {{ latestTelemetry.BRAKE_PARKING_POSITION ? 'SET' : 'OFF' }}
+
+
+
+
+ No log entries yet. Waiting for bridge activity …
+
+
+
+
+
+
+
+
+ {{ JSON.stringify(entry.data, null, 2) }}
+