@myelophone/nuxt 0.18.2

package/app/stores/commands.ts

@@ -0,0 +1,43 @@
+export interface Command {
+	id: string;
+	name: string;
+	type: 'command';
+	hint?: string;
+	keywords?: string[];
+	action: () => void;
+}
+
+export interface CommandInput {
+	id?: string;
+	name: string;
+	hint?: string;
+	keywords?: string[];
+	action: () => void;
+}
+
+export const useCommandStore = defineStore('commands', () => {
+	const commands = ref<Command[]>([]);
+
+	const register = (input: CommandInput): string => {
+		const id = input.id || `cmd-${Math.random().toString(36).slice(2, 11)}`;
+
+		const newCommand: Command = {
+			...input,
+			id,
+			type: 'command',
+		};
+
+		commands.value.unshift(newCommand);
+		return id;
+	};
+
+	const unregister = (id: string) => {
+		commands.value = commands.value.filter((c) => c.id !== id);
+	};
+
+	return {
+		commands,
+		register,
+		unregister,
+	};
+});

package/app/stores/device.ts

@@ -0,0 +1,156 @@
+type DeviceType = 'mobile' | 'tablet' | 'desktop';
+type Orientation = 'portrait' | 'landscape' | '';
+
+interface NetworkInfo {
+	effectiveType?: string;
+	saveData?: boolean;
+	addEventListener?: (event: 'change', listener: () => void) => void;
+	removeEventListener?: (event: 'change', listener: () => void) => void;
+}
+
+function detectDevice(): DeviceType {
+	if (import.meta.server) return 'desktop';
+
+	const ua = navigator.userAgent.toLowerCase();
+	const width = window.innerWidth;
+	const height = window.innerHeight;
+	const dpr = window.devicePixelRatio || 1;
+	const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+	const orientation = width > height ? 'landscape' : 'portrait';
+
+	const isMobileUA = /mobi|iphone|ipod|android.*mobile|windows phone/i.test(
+		ua,
+	);
+	const isTabletUA = /ipad|tablet|(android(?!.*mobile))/i.test(ua);
+	const isDesktopUA = !isMobileUA && !isTabletUA;
+
+	if (isMobileUA) return 'mobile';
+	if (isTabletUA) return 'tablet';
+
+	if (isTouch) {
+		if (width < 768 || (width < 1024 && dpr > 1.5)) return 'mobile';
+		if (width >= 768 && width <= 1200) return 'tablet';
+	}
+
+	if (orientation === 'portrait') {
+		if (width < 768) return 'mobile';
+		if (width >= 768 && width <= 1024) return 'tablet';
+	}
+
+	if (isDesktopUA) return 'desktop';
+
+	return 'desktop';
+}
+
+function detectOS(userAgent: string): string {
+	if (/windows/i.test(userAgent)) return 'Windows';
+	if (/mac os/i.test(userAgent)) return 'macOS';
+	if (/android/i.test(userAgent)) return 'Android';
+	if (/ios|iphone|ipad|ipod/i.test(userAgent)) return 'iOS';
+	if (/linux/i.test(userAgent)) return 'Linux';
+	return 'Unknown';
+}
+
+function detectBrowser(userAgent: string): string {
+	const ua = userAgent.toLowerCase();
+	if (/edg/i.test(ua)) return 'Edge';
+	if (/opr|opera/i.test(ua)) return 'Opera';
+	if (/chrome|crios/i.test(ua) && !/edg/i.test(ua) && !/opr/i.test(ua))
+		return 'Chrome';
+	if (/safari/i.test(ua) && !/chrome|crios|opr|edg/i.test(ua))
+		return 'Safari';
+	if (/firefox|fxios/i.test(ua)) return 'Firefox';
+	if (/msie|trident/i.test(ua)) return 'Internet Explorer';
+	if (/ucbrowser/i.test(ua)) return 'UC Browser';
+	if (/samsungbrowser/i.test(ua)) return 'Samsung Browser';
+	if (/qqbrowser/i.test(ua)) return 'QQ Browser';
+	if (/baidubrowser/i.test(ua)) return 'Baidu Browser';
+	if (/yabrowser/i.test(ua)) return 'Yandex Browser';
+	if (/vivaldi/i.test(ua)) return 'Vivaldi';
+	if (/brave/i.test(ua)) return 'Brave';
+	return 'Unknown';
+}
+
+export const useDeviceStore = defineStore('device', {
+	state: () => ({
+		type: '' as DeviceType,
+		os: '',
+		browser: '',
+		isTouch: false,
+		width: 0,
+		height: 0,
+		dpr: 1,
+		orientation: '' as Orientation,
+		connectionType: '' as string,
+		saveData: false,
+		language: '',
+	}),
+	actions: {
+		setDeviceInfo(init = false) {
+			if (import.meta.server) return;
+
+			const width = window.innerWidth;
+			const height = window.innerHeight;
+			const ua = navigator.userAgent;
+			const dpr = window.devicePixelRatio || 1;
+			const isTouch =
+				'ontouchstart' in window || navigator.maxTouchPoints > 0;
+
+			if (init) {
+				this.type = detectDevice();
+			}
+
+			this.os = detectOS(ua);
+			this.browser = detectBrowser(ua);
+			this.isTouch = isTouch;
+			this.width = width;
+			this.height = height;
+			this.dpr = dpr;
+			this.orientation = width > height ? 'landscape' : 'portrait';
+			this.language = navigator.language || '';
+		},
+
+		updateNetworkInfo() {
+			const update = () => {
+				const navConn = (
+					navigator as unknown as { connection?: NetworkInfo }
+				).connection;
+				if (navConn) {
+					this.connectionType = navConn.effectiveType ?? '';
+					this.saveData = navConn.saveData ?? false;
+				}
+			};
+
+			if ('requestIdleCallback' in window) {
+				// biome-ignore lint/suspicious/noExplicitAny: required fix
+				(window as any).requestIdleCallback(update);
+			} else {
+				setTimeout(update, 0);
+			}
+
+			const navConn = (
+				navigator as unknown as { connection?: NetworkInfo }
+			).connection;
+			if (navConn?.addEventListener) {
+				const listener = () => this.updateNetworkInfo();
+				navConn.addEventListener('change', listener);
+			}
+		},
+
+		initDeviceDetection() {
+			if (import.meta.server) return;
+
+			const resizeHandler = () => this.setDeviceInfo();
+
+			onMounted(() => {
+				this.setDeviceInfo(true);
+				window.addEventListener('resize', resizeHandler);
+				this.updateNetworkInfo();
+			});
+
+			onBeforeUnmount(() => {
+				window.removeEventListener('resize', resizeHandler);
+			});
+		},
+	},
+});

package/app/stores/querySync.ts

@@ -0,0 +1,5 @@
+import { defineStore } from 'pinia';
+
+export const useQuerySyncStore = defineStore('query-sync', {
+	state: () => ({ records: {} as Record<string, unknown> }),
+});

package/app/stores/settings.ts

@@ -0,0 +1,145 @@
+import {
+	type CookiePreferences,
+	type CookieSelection,
+	COOKIE_CATEGORIES,
+} from '~/types/cookie';
+
+const defaultSelection = COOKIE_CATEGORIES.reduce(
+	(acc, category) => {
+		acc[category] = category === 'necessary';
+		return acc;
+	},
+	{} as Record<string, boolean>,
+) as CookieSelection;
+
+const defaultCookiePrefs: CookiePreferences = {
+	...defaultSelection,
+	timestamp: 0,
+	status: 'pending',
+};
+
+export const useSettingsStore = defineStore('settings', {
+	state: () => ({
+		isLoading: false,
+		theme: 'light' as 'light' | 'dark',
+		count: 0,
+		currentLocale: '' as string,
+		locales: [] as string[],
+		defaultLocale: '' as string,
+		cookiePreferences: { ...defaultCookiePrefs },
+		isCookieBannerVisible: false,
+	}),
+	actions: {
+		init() {
+			const config = useMyelophoneConfig().multi18n;
+
+			if (!config) {
+				console.warn(
+					'[multi18n] No myelophone config found for multi18n',
+				);
+				return;
+			}
+
+			this.defaultLocale = config.defaultLocale;
+			this.locales = config.locales;
+			this.currentLocale = config.defaultLocale;
+
+			const route = useRoute();
+			const segments = route.path.split('/');
+			const urlPrefix = segments[1] ?? '';
+
+			if (this.locales.includes(urlPrefix)) {
+				this.currentLocale = urlPrefix;
+			}
+		},
+		setIsLoading(isLoading: boolean) {
+			this.isLoading = isLoading;
+		},
+		setTheme(theme: 'light' | 'dark') {
+			this.theme = theme;
+
+			const { applyTheme } = useThemeSync();
+			applyTheme(theme);
+		},
+		loadTheme() {
+			let saved: 'light' | 'dark' | null = null;
+			try {
+				const raw = window?.localStorage?.getItem('theme');
+				if (raw === 'light' || raw === 'dark') {
+					saved = raw;
+				}
+			} catch (_e) {
+				const cookietheme = useCookie<'light' | 'dark' | null>('theme');
+				if (
+					cookietheme.value !== undefined &&
+					cookietheme.value !== null
+				) {
+					saved = cookietheme.value;
+				}
+			}
+			const prefersDark =
+				window.matchMedia?.('(prefers-color-scheme: dark)').matches ??
+				false;
+			const theme: 'light' | 'dark' =
+				saved || (prefersDark ? 'dark' : 'light');
+			this.setTheme(theme);
+		},
+		toggleTheme() {
+			const newTheme = this.theme === 'light' ? 'dark' : 'light';
+			this.setTheme(newTheme);
+		},
+		increment() {
+			this.count++;
+		},
+		updateLocaleFromRoute(path: string) {
+			const segments = path.split('/');
+			const prefix = segments[1] ?? '';
+			this.currentLocale = this.locales.includes(prefix)
+				? prefix
+				: this.defaultLocale;
+		},
+		setLocale(locale: string) {
+			if (!this.locales.includes(locale)) {
+				console.warn(`[multi18n] Locale "${locale}" is not supported.`);
+				return;
+			}
+
+			this.currentLocale = locale;
+
+			const route = useRoute();
+			const router = useRouter();
+			const segments = route.path.split('/').filter(Boolean);
+
+			const firstSegment = segments[0] ?? '';
+
+			if (this.locales.includes(firstSegment)) {
+				segments.shift();
+			}
+
+			if (locale !== this.defaultLocale) {
+				segments.unshift(locale);
+			}
+
+			const newPath = '/' + segments.join('/');
+
+			if (newPath !== route.path) {
+				router.push({
+					path: newPath,
+					query: route.query ?? {},
+					hash: route.hash ?? '',
+				});
+			}
+		},
+		setCookieConsent(prefs: CookiePreferences) {
+			this.cookiePreferences = { ...prefs };
+		},
+		resetCookieConsent() {
+			this.cookiePreferences = {
+				...defaultCookiePrefs,
+				necessary: true,
+				timestamp: Date.now(),
+				status: 'declined',
+			};
+		},
+	},
+});