fix: add uuid fallback for non-secure contexts (HTTP)

src/lib/client/alerts/store.ts

@@ -1,4 +1,5 @@
 import { writable } from 'svelte/store';
+import { uuid } from '$shared/uuid';
 
 export type AlertType = 'success' | 'error' | 'warning' | 'info';
 
@@ -15,7 +16,7 @@ function createAlertStore() {
 	return {
 		subscribe,
 		add: (type: AlertType, message: string, duration = 5000) => {
-			const id = crypto.randomUUID();
+			const id = uuid();
 			const alert: Alert = { id, type, message, duration };
 
 			update((alerts) => [...alerts, alert]);

src/lib/shared/filters.ts

@@ -3,6 +3,8 @@
  * Defines all available filter fields for upgrade filtering
  */
 
+import { uuid } from './uuid.ts';
+
 export interface FilterOperator {
 	id: string;
 	label: string;
@@ -294,7 +296,7 @@ export function createEmptyGroup(): FilterGroup {
  */
 export function createEmptyFilterConfig(name: string = 'New Filter'): FilterConfig {
 	return {
-		id: crypto.randomUUID(),
+		id: uuid(),
 		name,
 		enabled: true,
 		group: createEmptyGroup(),

src/lib/shared/uuid.ts

@@ -0,0 +1,16 @@
+/**
+ * Generate a UUID v4, with fallback for non-secure contexts (HTTP)
+ * crypto.randomUUID() requires HTTPS or localhost
+ */
+export function uuid(): string {
+	if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+		return crypto.randomUUID();
+	}
+
+	// Fallback for non-secure contexts
+	return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+		const r = (Math.random() * 16) | 0;
+		const v = c === 'x' ? r : (r & 0x3) | 0x8;
+		return v.toString(16);
+	});
+}

src/routes/arr/[id]/upgrades/components/FilterSettings.svelte

@@ -11,6 +11,7 @@
 		Trash2
 	} from 'lucide-svelte';
 	import { createEmptyFilterConfig, type FilterConfig } from '$lib/shared/filters';
+	import { uuid } from '$shared/uuid';
 	import { selectors } from '$lib/shared/selectors';
 	import { createSearchStore } from '$lib/client/stores/search';
 	import FilterGroupComponent from './FilterGroup.svelte';
@@ -123,7 +124,7 @@
 		if (filter) {
 			const duplicate: FilterConfig = {
 				...structuredClone(filter),
-				id: crypto.randomUUID(),
+				id: uuid(),
 				name: `${filter.name} (Copy)`
 			};
 			filters = [...filters, duplicate];