sveltekit-device-detector/dist/handle.js

Detect device type and render your component according to it

import { deviceDetect } from './core/detect';
import { getSelectorsByUserAgent } from './core/selectors';
export function handleDeviceDetector(options, passedHandle = async ({ event, resolve }) => resolve(event)) {
    return async function handle({ event, resolve }) {
        const ua = event.request.headers.get('user-agent') || '';
        const device = deviceDetect(ua);
        const deviceMetadata = getSelectorsByUserAgent(ua);
        event.locals.deviceType = { ...deviceMetadata, ...device };
        const response = await passedHandle({ event, resolve });
        return response;
    };
}