ENGLISH·COURSE API
    Preparing search index...

    Function

    LessonList

    • A module's lessons in sequence order, each a locale-aware link to the lesson route. The current lesson is marked with aria-current="page" and a visual indicator. Each row uses the project's standard minimum touch target height and a visible focus ring.

      Parameters

      • __namedParameters: {
            course: {
                id: string & $brand<"CourseId">;
                slug: string & $brand<"Slug">;
                title: string;
                description: string;
                language: string;
                lessonCount: number;
                moduleCount: number;
                sequence: number;
                track: "level" | "reference";
                outcomes?: string[];
                audience?: string;
                highlights?: string[];
                sounds?: { vowels: string[]; consonants: string[] };
                translations?: Record<
                    string,
                    {
                        description?: string;
                        outcomes?: string[];
                        audience?: string;
                        highlights?: string[];
                    },
                >;
            };
            module: {
                id: string & $brand<"ModuleId">;
                courseId: string & $brand<"CourseId">;
                slug: string & $brand<"Slug">;
                title: string;
                sequence: number;
            };
            lessons: (
                | {
                    kind: "reading";
                    id: string & $brand<"LessonId">;
                    courseId: string & $brand<"CourseId">;
                    moduleId: string & $brand<"ModuleId">;
                    sequence: number;
                    title: string;
                    body: string;
                }
                | {
                    kind: "video";
                    id: string & $brand<"LessonId">;
                    courseId: string & $brand<"CourseId">;
                    moduleId: string & $brand<"ModuleId">;
                    sequence: number;
                    title: string;
                    description: string;
                    source: string;
                    durationSeconds: number;
                    poster?: string;
                    uploadDate?: string;
                }
            )[];
            currentLessonId: string & $brand<"LessonId">;
        }

      Returns Element

      Each row passes its lesson's runtime to the completion mark and to the watch progress bar beneath it, so the outline applies the same completion rule as every other surface: a video watched to its end is done, whether or not the learner pressed the button.

      The bar is a sibling of the row link rather than a child of it. Folded inside, its aria-label would join the link's accessible name — renaming every one of the 214 rows the largest module holds from "Lesson title" to "Lesson title, 40% watched". Outside, the link keeps its name, the row keeps its single tab stop, and the bar is still announced as a progress bar in its own right.

    Settings

    Member Visibility