Fix UUID fallback when crypto.randomUUID is unavailable

src/hooks/stores/useCategoriesStore.ts

@@ -29,10 +29,9 @@ export function useCategoriesStore(options: UseCategoriesStoreOptions = {}) {
 
   // Utility functions
   const generateId = useCallback(() => {
-    return (
-      (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-      `${Date.now()}-${Math.random().toString(36).slice(2)}`
-    );
+    return typeof globalThis.crypto?.randomUUID === "function"
+      ? globalThis.crypto.randomUUID()
+      : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
   }, []);
 
   const getNextColor = useCallback(() => {

src/hooks/stores/useNotesStore.ts

@@ -41,10 +41,9 @@ export function useNotesStore(options: UseNotesStoreOptions = {}) {
 
   // Utility functions
   const generateId = useCallback(() => {
-    return (
-      (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-      `${Date.now()}-${Math.random().toString(36).slice(2)}`
-    );
+    return typeof globalThis.crypto?.randomUUID === "function"
+      ? globalThis.crypto.randomUUID()
+      : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
   }, []);
 
   const sortNotes = useCallback((notesList: Note[]): Note[] => {

src/hooks/stores/useRecurringTasksStore.ts

@@ -49,10 +49,9 @@ export function useRecurringTasksStore(
 
   // Utility functions
   const generateId = useCallback(() => {
-    return (
-      (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-      `${Date.now()}-${Math.random().toString(36).slice(2)}`
-    );
+    return typeof globalThis.crypto?.randomUUID === "function"
+      ? globalThis.crypto.randomUUID()
+      : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
   }, []);
 
   // Date calculation functions

src/hooks/stores/useTasksStore.ts

@@ -43,10 +43,9 @@ export function useTasksStore(options: UseTasksStoreOptions = {}) {
 
   // Utility functions
   const generateId = useCallback(() => {
-    return (
-      (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-      `${Date.now()}-${Math.random().toString(36).slice(2)}`
-    );
+    return typeof globalThis.crypto?.randomUUID === "function"
+      ? globalThis.crypto.randomUUID()
+      : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
   }, []);
 
   // Task CRUD operations

src/hooks/useHabitStore.tsx

@@ -9,8 +9,9 @@ import {
 const API_URL = "/api/habits";
 
 const generateId = () =>
-  (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-  `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  typeof globalThis.crypto?.randomUUID === "function"
+    ? globalThis.crypto.randomUUID()
+    : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 
 const useHabitStoreImpl = () => {
   const [habits, setHabits] = useState<Habit[]>([]);

src/hooks/useInventoryStore.tsx

@@ -23,8 +23,9 @@ const CATS_URL = "/api/inventory/item-categories";
 const TAGS_URL = "/api/inventory/item-tags";
 
 const generateId = () =>
-  (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-  `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  typeof globalThis.crypto?.randomUUID === "function"
+    ? globalThis.crypto.randomUUID()
+    : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 
 const useInventoryImpl = () => {
   const [items, setItems] = useState<InventoryItem[]>([]);

src/hooks/useTaskStore.tsx

@@ -23,8 +23,9 @@ const API_URL = "/api/data";
 
 const useTaskStoreImpl = () => {
   const generateId = () =>
-    (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-    `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    typeof globalThis.crypto?.randomUUID === "function"
+      ? globalThis.crypto.randomUUID()
+      : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
   const sortNotes = (list: Note[]): Note[] => {
     const pinned = list
       .filter((n) => n.pinned)

src/hooks/useWorklog.tsx

@@ -9,8 +9,9 @@ const API_COMMUTES = "/api/commutes";
 const API_ALL = "/api/all";
 
 const generateId = () =>
-  (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-  `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  typeof globalThis.crypto?.randomUUID === "function"
+    ? globalThis.crypto.randomUUID()
+    : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 
 const useWorklogImpl = () => {
   const [trips, setTrips] = useState<Trip[]>([]);

src/shared/utils.ts

@@ -13,10 +13,9 @@ import type {
 
 // ID generation utilities
 export function generateId(): string {
-  return (
-    (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-    `${Date.now()}-${Math.random().toString(36).slice(2)}`
-  );
+  return typeof globalThis.crypto?.randomUUID === "function"
+    ? globalThis.crypto.randomUUID()
+    : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 
 export function generateTimestamp(): number {

src/stores/timers.ts

@@ -3,8 +3,9 @@ import { persist } from "zustand/middleware";
 import { Timer } from "@/types";
 
 const generateId = () =>
-  (crypto as { randomUUID?: () => string }).randomUUID?.() ||
-  `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  typeof globalThis.crypto?.randomUUID === "function"
+    ? globalThis.crypto.randomUUID()
+    : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
 
 interface TimersState {
   timers: Timer[];