FrameworkProvider() — supabase Function Reference

Source Code

apps/learn/context/framework-context.tsx lines 13–37

export function FrameworkProvider({ children }: { children: React.ReactNode }) {
  const [course, setCourseState] = useState<Course>('foundations')

  // Initialize from localStorage on mount (client-side only)
  useEffect(() => {
    const storedCourse = localStorage.getItem('preferredCourse')
    const validCourses: Course[] = [
      'foundations',
      'smart-office',
      'performance-scaling',
      'debugging-operations',
    ]
    if (storedCourse && validCourses.includes(storedCourse as Course)) {
      setCourseState(storedCourse as Course)
    }
  }, [])

  // Update localStorage when framework changes
  const setCourse = (newCourse: Course) => {
    setCourseState(newCourse)
    localStorage.setItem('preferredCourse', newCourse)
  }

  return <CourseContext.Provider value={{ course, setCourse }}>{children}</CourseContext.Provider>
}