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>
64 lines
1.8 KiB
TypeScript
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
|