Supra_App/src/routes/(authed)/+layout.svelte
pakintada@gmail.com 9dc1e65f5e change: disable auto connect
- from case first time connection may not able to connect to socket on android

Signed-off-by: pakintada@gmail.com <Pakin>
2026-06-10 16:31:15 +07:00

128 lines
3.6 KiB
Svelte

<!-- navbar select menus -->
<script lang="ts">
import favicon from '$lib/assets/favicon.svg';
import AppAccountSelect from '$lib/components/app-account-select.svelte';
import AppSidebar from '$lib/components/app-sidebar.svelte';
import * as Sidebar from '$lib/components/ui/sidebar/index';
import '../layout.css';
import ErrorLayout from '$lib/components/error-layout.svelte';
import { sidebarStore } from '$lib/core/stores/sidebar';
import { auth } from '$lib/core/stores/auth';
import { connectToWebsocket } from '$lib/core/stores/websocketStore';
import * as adb from '$lib/core/adb/adb';
import { addNotification } from '$lib/core/stores/noti';
import { page } from '$app/stores';
import {
AdbDaemonWebUsbDevice,
AdbDaemonWebUsbDeviceManager
} from '@yume-chan/adb-daemon-webusb';
import AdbWebCredentialStore from '@yume-chan/adb-credential-web';
import { deviceCredentialManager } from '$lib/core/adb/deviceCredManager';
let { children } = $props();
let websocketConnectedForUid = $state('');
let adbReconnectTriedForUid = $state('');
function getAutoConnectChannel(pathname: string) {
if (pathname.startsWith('/tools/create-menu')) {
return 'recipe';
}
if (pathname.startsWith('/tools/brew')) {
return 'brew';
}
return 'adb';
}
async function tryAutoConnect() {
try {
if (adb.getAdbInstance()) return true;
if (!('usb' in navigator) || !AdbDaemonWebUsbDeviceManager.BROWSER) {
throw new Error('WebUSB not supported, try using fallback or different browser');
}
const devices = await AdbDaemonWebUsbDeviceManager.BROWSER.getDevices();
if (!devices || devices.length == 0) {
throw new Error('No device found');
}
if (devices.length > 1) {
throw new Error('Too many connected devices');
}
const device = devices[0];
const credStore = new AdbWebCredentialStore();
try {
const channel = getAutoConnectChannel($page.url.pathname);
if (channel === 'recipe') {
await adb.connectRecipeMenuDeviceByCred(device, credStore);
} else {
await adb.connectDeviceByCred(device, credStore, channel === 'brew');
}
return true;
} catch (e: any) {
if (e.message === 'CREDENTIAL_EXPIRED') {
try {
await deviceCredentialManager.clearAllCredentials();
} catch (ignored) {}
}
if (e instanceof AdbDaemonWebUsbDevice.DeviceBusyError) {
addNotification(
'ERR:Device is already in use by another program, please close the program and try again'
);
}
return false;
}
} catch (e) {
console.error('error on auto connect brew page', e);
addNotification('ERROR:Failed to auto connect, please try again');
}
}
$effect(() => {
const currentUser = $auth;
if (!currentUser) {
websocketConnectedForUid = '';
adbReconnectTriedForUid = '';
return;
}
if (websocketConnectedForUid !== currentUser.uid) {
websocketConnectedForUid = currentUser.uid;
console.log('connect ws after auth ready');
void currentUser.getIdToken().then((idToken) => {
connectToWebsocket(idToken);
});
}
if (adbReconnectTriedForUid !== currentUser.uid && !adb.getAdbInstance()) {
adbReconnectTriedForUid = currentUser.uid;
// void tryAutoConnect();
}
});
</script>
<svelte:head>
<link rel="icon" href={favicon} />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Flex" rel="stylesheet" />
<title>Taobin Management Tools</title>
</svelte:head>
<Sidebar.Provider
onOpenChange={(open) => {
sidebarStore.set(open);
}}
>
<AppSidebar />
<main class="h-screen w-screen overflow-auto">
<Sidebar.Trigger />
{@render children()}
</main>
</Sidebar.Provider>