Files
resolutionflow/frontend/src/api/stepCategories.ts
Michael Chihlas 996b664ca9 feat: implement My Trees, admin UI, rating modal, and bundle optimization (Issues #15, #18, #19, #31)
Frontend features:
- My Trees personal dashboard with fork tracking (Issue #15)
- Tree sharing UI with token generation and copy (Issue #16)
- Draft tree badges and validation UI (Issue #25)
- Save session as tree modal (Issue #17)
- Rate/review modal with localStorage tracking (Issue #19)
- Admin category management with drag-and-drop (Issue #18)
- Bundle size optimization with code splitting (Issue #31)

Components created:
- MyTreesPage: Personal tree organization
- AdminCategoriesPage: Category CRUD with @dnd-kit
- ShareTreeModal: Tree sharing interface
- SaveSessionAsTreeModal: Session conversion UI
- StepRatingModal: Post-session rating with stars
- StarRating: Reusable rating component
- PageLoader: Loading fallback for lazy routes
- CreateCategoryModal, EditCategoryModal: Admin modals

Bundle optimization:
- Reduced from 892 KB to 221 KB (75% reduction)
- Dynamic imports for 9 heavy pages
- Vendor chunk splitting for optimal caching
- 6 separate vendor chunks (react, markdown, utils, dnd, icons, state)

Dependencies added:
- @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities

API clients:
- stepCategories: Full CRUD for admin
- Enhanced sessions: saveAsTree endpoint
- Enhanced trees: share, fork, canPublish endpoints

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-07 23:06:46 -05:00

64 lines
1.8 KiB
TypeScript

import apiClient from './client'
import type {
StepCategory,
StepCategoryListItem,
StepCategoryCreate,
StepCategoryUpdate
} from '@/types'
export interface StepCategoryListParams {
include_inactive?: boolean
account_only?: boolean
}
export const stepCategoriesApi = {
async list(params?: StepCategoryListParams): Promise<StepCategoryListItem[]> {
const response = await apiClient.get<StepCategoryListItem[]>('/step-categories', { params })
return response.data
},
async get(id: string): Promise<StepCategory> {
const response = await apiClient.get<StepCategory>(`/step-categories/${id}`)
return response.data
},
async create(data: StepCategoryCreate): Promise<StepCategory> {
const response = await apiClient.post<StepCategory>('/step-categories', data)
return response.data
},
async update(id: string, data: StepCategoryUpdate): Promise<StepCategory> {
const response = await apiClient.put<StepCategory>(`/step-categories/${id}`, data)
return response.data
},
async delete(id: string): Promise<void> {
await apiClient.delete(`/step-categories/${id}`)
},
async archive(id: string): Promise<StepCategory> {
const response = await apiClient.put<StepCategory>(`/step-categories/${id}`, {
is_active: false
})
return response.data
},
async restore(id: string): Promise<StepCategory> {
const response = await apiClient.put<StepCategory>(`/step-categories/${id}`, {
is_active: true
})
return response.data
},
async updateOrder(updates: Array<{ id: string; display_order: number }>): Promise<void> {
// Update display_order for multiple categories
await Promise.all(
updates.map(({ id, display_order }) =>
apiClient.put(`/step-categories/${id}`, { display_order })
)
)
}
}
export default stepCategoriesApi