refactoring: TypeScript migration, security fixes,

client/src/store/tripStore.ts

@@ -0,0 +1,175 @@
+import { create } from 'zustand'
+import type { StoreApi } from 'zustand'
+import { tripsApi, daysApi, placesApi, packingApi, tagsApi, categoriesApi } from '../api/client'
+import { createPlacesSlice } from './slices/placesSlice'
+import { createAssignmentsSlice } from './slices/assignmentsSlice'
+import { createDayNotesSlice } from './slices/dayNotesSlice'
+import { createPackingSlice } from './slices/packingSlice'
+import { createBudgetSlice } from './slices/budgetSlice'
+import { createReservationsSlice } from './slices/reservationsSlice'
+import { createFilesSlice } from './slices/filesSlice'
+import { handleRemoteEvent } from './slices/remoteEventHandler'
+import type {
+  Trip, Day, Place, Assignment, DayNote, PackingItem,
+  Tag, Category, BudgetItem, TripFile, Reservation,
+  AssignmentsMap, DayNotesMap, WebSocketEvent,
+} from '../types'
+import { getApiErrorMessage } from '../types'
+import type { PlacesSlice } from './slices/placesSlice'
+import type { AssignmentsSlice } from './slices/assignmentsSlice'
+import type { DayNotesSlice } from './slices/dayNotesSlice'
+import type { PackingSlice } from './slices/packingSlice'
+import type { BudgetSlice } from './slices/budgetSlice'
+import type { ReservationsSlice } from './slices/reservationsSlice'
+import type { FilesSlice } from './slices/filesSlice'
+
+export interface TripStoreState
+  extends PlacesSlice,
+    AssignmentsSlice,
+    DayNotesSlice,
+    PackingSlice,
+    BudgetSlice,
+    ReservationsSlice,
+    FilesSlice {
+  trip: Trip | null
+  days: Day[]
+  places: Place[]
+  assignments: AssignmentsMap
+  dayNotes: DayNotesMap
+  packingItems: PackingItem[]
+  tags: Tag[]
+  categories: Category[]
+  budgetItems: BudgetItem[]
+  files: TripFile[]
+  reservations: Reservation[]
+  selectedDayId: number | null
+  isLoading: boolean
+  error: string | null
+
+  setSelectedDay: (dayId: number | null) => void
+  handleRemoteEvent: (event: WebSocketEvent) => void
+  loadTrip: (tripId: number | string) => Promise<void>
+  refreshDays: (tripId: number | string) => Promise<void>
+  updateTrip: (tripId: number | string, data: Partial<Trip>) => Promise<Trip>
+  addTag: (data: Partial<Tag>) => Promise<Tag>
+  addCategory: (data: Partial<Category>) => Promise<Category>
+}
+
+export const useTripStore = create<TripStoreState>((set, get) => ({
+  trip: null,
+  days: [],
+  places: [],
+  assignments: {},
+  dayNotes: {},
+  packingItems: [],
+  tags: [],
+  categories: [],
+  budgetItems: [],
+  files: [],
+  reservations: [],
+  selectedDayId: null,
+  isLoading: false,
+  error: null,
+
+  setSelectedDay: (dayId: number | null) => set({ selectedDayId: dayId }),
+
+  handleRemoteEvent: (event: WebSocketEvent) => handleRemoteEvent(set, event),
+
+  loadTrip: async (tripId: number | string) => {
+    set({ isLoading: true, error: null })
+    try {
+      const [tripData, daysData, placesData, packingData, tagsData, categoriesData] = await Promise.all([
+        tripsApi.get(tripId),
+        daysApi.list(tripId),
+        placesApi.list(tripId),
+        packingApi.list(tripId),
+        tagsApi.list(),
+        categoriesApi.list(),
+      ])
+
+      const assignmentsMap: AssignmentsMap = {}
+      const dayNotesMap: DayNotesMap = {}
+      for (const day of daysData.days) {
+        assignmentsMap[String(day.id)] = day.assignments || []
+        dayNotesMap[String(day.id)] = day.notes_items || []
+      }
+
+      set({
+        trip: tripData.trip,
+        days: daysData.days,
+        places: placesData.places,
+        assignments: assignmentsMap,
+        dayNotes: dayNotesMap,
+        packingItems: packingData.items,
+        tags: tagsData.tags,
+        categories: categoriesData.categories,
+        isLoading: false,
+      })
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : 'Unknown error'
+      set({ isLoading: false, error: message })
+      throw err
+    }
+  },
+
+  refreshDays: async (tripId: number | string) => {
+    try {
+      const daysData = await daysApi.list(tripId)
+      const assignmentsMap: AssignmentsMap = {}
+      const dayNotesMap: DayNotesMap = {}
+      for (const day of daysData.days) {
+        assignmentsMap[String(day.id)] = day.assignments || []
+        dayNotesMap[String(day.id)] = day.notes_items || []
+      }
+      set({ days: daysData.days, assignments: assignmentsMap, dayNotes: dayNotesMap })
+    } catch (err: unknown) {
+      console.error('Failed to refresh days:', err)
+    }
+  },
+
+  updateTrip: async (tripId: number | string, data: Partial<Trip>) => {
+    try {
+      const result = await tripsApi.update(tripId, data)
+      set({ trip: result.trip })
+      const daysData = await daysApi.list(tripId)
+      const assignmentsMap: AssignmentsMap = {}
+      const dayNotesMap: DayNotesMap = {}
+      for (const day of daysData.days) {
+        assignmentsMap[String(day.id)] = day.assignments || []
+        dayNotesMap[String(day.id)] = day.notes_items || []
+      }
+      set({ days: daysData.days, assignments: assignmentsMap, dayNotes: dayNotesMap })
+      return result.trip
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error updating trip'))
+    }
+  },
+
+  addTag: async (data: Partial<Tag>) => {
+    try {
+      const result = await tagsApi.create(data)
+      set((state) => ({ tags: [...state.tags, result.tag] }))
+      return result.tag
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error creating tag'))
+    }
+  },
+
+  addCategory: async (data: Partial<Category>) => {
+    try {
+      const result = await categoriesApi.create(data)
+      set((state) => ({ categories: [...state.categories, result.category] }))
+      return result.category
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error creating category'))
+    }
+  },
+
+  ...createPlacesSlice(set, get),
+  ...createAssignmentsSlice(set, get),
+  ...createDayNotesSlice(set, get),
+  ...createPackingSlice(set, get),
+  ...createBudgetSlice(set, get),
+  ...createReservationsSlice(set, get),
+  ...createFilesSlice(set, get),
+}))