- from case first time connection may not able to connect to socket on android Signed-off-by: pakintada@gmail.com <Pakin>
128 lines
3.6 KiB
Svelte
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>
|