@hed-hog/lms 0.0.314 → 0.0.316

package/hedhog/frontend/app/courses/[id]/structure/_components/tree-helpers.ts.ejs

@@ -1,182 +1,182 @@
-import type { Course, FlatItem, Lesson, Session } from './types';
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Text Highlight Helpers
-// ─────────────────────────────────────────────────────────────────────────────
-
-export interface TextSegment {
-  text: string;
-  highlight: boolean;
-}
-
-/**
- * Splits `text` into segments marking the first occurrence of `query`.
- * Returns a single non-highlighted segment when query is empty or not found.
- */
-export function getTextSegments(text: string, query: string): TextSegment[] {
-  const q = query.trim();
-  if (!q) return [{ text, highlight: false }];
-
-  const idx = text.toLowerCase().indexOf(q.toLowerCase());
-  if (idx === -1) return [{ text, highlight: false }];
-
-  const segments: TextSegment[] = [];
-  if (idx > 0) segments.push({ text: text.slice(0, idx), highlight: false });
-  segments.push({ text: text.slice(idx, idx + q.length), highlight: true });
-  const tail = text.slice(idx + q.length);
-  if (tail.length > 0) segments.push({ text: tail, highlight: false });
-  return segments;
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Flat Tree Builder
-// ─────────────────────────────────────────────────────────────────────────────
-
-export interface VisibleTreeResult {
-  /** Ordered list of visible tree nodes. */
-  items: FlatItem[];
-  /** IDs of nodes that directly match the search query (for highlighting). */
-  matchedIds: Set<string>;
-  /** Session IDs that are effectively expanded (auto-expanded by search). */
-  expandedBySearch: Set<string>;
-  /** Number of directly matching items. */
-  resultCount: number;
-}
-
-function lessonMatchesQuery(l: Lesson, q: string): boolean {
-  return (
-    l.title.toLowerCase().includes(q) ||
-    l.code.toLowerCase().includes(q) ||
-    l.type.toLowerCase().includes(q)
-  );
-}
-
-function sessionMatchesQuery(s: Session, q: string): boolean {
-  return (
-    s.title.toLowerCase().includes(q) ||
-    s.code.toLowerCase().includes(q)
-  );
-}
-
-function courseMatchesQuery(c: Course, q: string): boolean {
-  return (
-    c.title.toLowerCase().includes(q) ||
-    c.code.toLowerCase().includes(q)
-  );
-}
-
-/**
- * Builds the ordered, visible flat list of tree nodes.
- *
- * - When `query` is empty: uses `expandedIds` for expand/collapse.
- * - When `query` is active: filters items, auto-expands sessions with results,
- *   and returns `matchedIds` for highlight + `expandedBySearch` for chevron state.
- */
-export function buildVisibleItems(
-  course: Course,
-  sessions: Session[],
-  lessons: Lesson[],
-  expandedIds: Set<string>,
-  query: string
-): VisibleTreeResult {
-  const sortedSessions = [...sessions].sort((a, b) => a.order - b.order);
-  const q = query.trim().toLowerCase();
-
-  // ── No active query: normal expand/collapse behaviour ─────────────────────
-  if (!q) {
-    const items: FlatItem[] = [];
-    items.push({ id: course.id, type: 'course', depth: 0, data: course });
-
-    for (const session of sortedSessions) {
-      items.push({ id: session.id, type: 'session', depth: 1, data: session });
-      if (expandedIds.has(session.id)) {
-        const sessionLessons = lessons
-          .filter((l) => l.sessionId === session.id)
-          .sort((a, b) => a.order - b.order);
-        for (const lesson of sessionLessons) {
-          items.push({ id: lesson.id, type: 'lesson', depth: 2, data: lesson });
-        }
-      }
-    }
-
-    return {
-      items,
-      matchedIds: new Set(),
-      expandedBySearch: new Set(),
-      resultCount: 0,
-    };
-  }
-
-  // ── Active query: filter + highlight ──────────────────────────────────────
-  const matchedIds = new Set<string>();
-  const expandedBySearch = new Set<string>();
-
-  // Step 1 — mark all direct matches
-  if (courseMatchesQuery(course, q)) matchedIds.add(course.id);
-
-  for (const session of sortedSessions) {
-    if (sessionMatchesQuery(session, q)) matchedIds.add(session.id);
-
-    const sessionLessons = lessons.filter((l) => l.sessionId === session.id);
-    for (const lesson of sessionLessons) {
-      if (lessonMatchesQuery(lesson, q)) matchedIds.add(lesson.id);
-    }
-  }
-
-  // Step 2 — compute which sessions need to be auto-expanded
-  for (const session of sortedSessions) {
-    const hasMatchingLesson = lessons.some(
-      (l) => l.sessionId === session.id && matchedIds.has(l.id)
-    );
-    if (matchedIds.has(session.id) || hasMatchingLesson) {
-      expandedBySearch.add(session.id);
-    }
-  }
-
-  // Step 3 — build the visible list
-  const items: FlatItem[] = [];
-  const anyMatch = matchedIds.size > 0;
-
-  // Course is always shown if anything matched (ancestor context)
-  if (anyMatch) {
-    items.push({ id: course.id, type: 'course', depth: 0, data: course });
-  }
-
-  for (const session of sortedSessions) {
-    const sessionLessons = lessons
-      .filter((l) => l.sessionId === session.id)
-      .sort((a, b) => a.order - b.order);
-
-    const sessionDirectMatch = matchedIds.has(session.id);
-    const matchingLessons = sessionLessons.filter((l) => matchedIds.has(l.id));
-
-    if (!sessionDirectMatch && matchingLessons.length === 0) continue;
-
-    items.push({ id: session.id, type: 'session', depth: 1, data: session });
-
-    // Show only matching lessons (session match shows all its lessons for context)
-    const lessonsToShow = sessionDirectMatch ? sessionLessons : matchingLessons;
-    for (const lesson of lessonsToShow) {
-      items.push({ id: lesson.id, type: 'lesson', depth: 2, data: lesson });
-    }
-  }
-
-  return {
-    items,
-    matchedIds,
-    expandedBySearch,
-    resultCount: matchedIds.size,
-  };
-}
-
-/**
- * Returns the total lesson count for each session — keyed by session ID.
- * Computed once for the whole tree to avoid per-row array scans.
- */
-export function buildLessonCountMap(lessons: Lesson[]): Map<string, number> {
-  const map = new Map<string, number>();
-  for (const lesson of lessons) {
-    map.set(lesson.sessionId, (map.get(lesson.sessionId) ?? 0) + 1);
-  }
-  return map;
+import type { Course, FlatItem, Lesson, Session } from './types';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Text Highlight Helpers
+// ─────────────────────────────────────────────────────────────────────────────
+
+export interface TextSegment {
+  text: string;
+  highlight: boolean;
+}
+
+/**
+ * Splits `text` into segments marking the first occurrence of `query`.
+ * Returns a single non-highlighted segment when query is empty or not found.
+ */
+export function getTextSegments(text: string, query: string): TextSegment[] {
+  const q = query.trim();
+  if (!q) return [{ text, highlight: false }];
+
+  const idx = text.toLowerCase().indexOf(q.toLowerCase());
+  if (idx === -1) return [{ text, highlight: false }];
+
+  const segments: TextSegment[] = [];
+  if (idx > 0) segments.push({ text: text.slice(0, idx), highlight: false });
+  segments.push({ text: text.slice(idx, idx + q.length), highlight: true });
+  const tail = text.slice(idx + q.length);
+  if (tail.length > 0) segments.push({ text: tail, highlight: false });
+  return segments;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Flat Tree Builder
+// ─────────────────────────────────────────────────────────────────────────────
+
+export interface VisibleTreeResult {
+  /** Ordered list of visible tree nodes. */
+  items: FlatItem[];
+  /** IDs of nodes that directly match the search query (for highlighting). */
+  matchedIds: Set<string>;
+  /** Session IDs that are effectively expanded (auto-expanded by search). */
+  expandedBySearch: Set<string>;
+  /** Number of directly matching items. */
+  resultCount: number;
+}
+
+function lessonMatchesQuery(l: Lesson, q: string): boolean {
+  return (
+    l.title.toLowerCase().includes(q) ||
+    l.code.toLowerCase().includes(q) ||
+    l.type.toLowerCase().includes(q)
+  );
+}
+
+function sessionMatchesQuery(s: Session, q: string): boolean {
+  return (
+    s.title.toLowerCase().includes(q) ||
+    s.code.toLowerCase().includes(q)
+  );
+}
+
+function courseMatchesQuery(c: Course, q: string): boolean {
+  return (
+    c.title.toLowerCase().includes(q) ||
+    c.code.toLowerCase().includes(q)
+  );
+}
+
+/**
+ * Builds the ordered, visible flat list of tree nodes.
+ *
+ * - When `query` is empty: uses `expandedIds` for expand/collapse.
+ * - When `query` is active: filters items, auto-expands sessions with results,
+ *   and returns `matchedIds` for highlight + `expandedBySearch` for chevron state.
+ */
+export function buildVisibleItems(
+  course: Course,
+  sessions: Session[],
+  lessons: Lesson[],
+  expandedIds: Set<string>,
+  query: string
+): VisibleTreeResult {
+  const sortedSessions = [...sessions].sort((a, b) => a.order - b.order);
+  const q = query.trim().toLowerCase();
+
+  // ── No active query: normal expand/collapse behaviour ─────────────────────
+  if (!q) {
+    const items: FlatItem[] = [];
+    items.push({ id: course.id, type: 'course', depth: 0, data: course });
+
+    for (const session of sortedSessions) {
+      items.push({ id: session.id, type: 'session', depth: 1, data: session });
+      if (expandedIds.has(session.id)) {
+        const sessionLessons = lessons
+          .filter((l) => l.sessionId === session.id)
+          .sort((a, b) => a.order - b.order);
+        for (const lesson of sessionLessons) {
+          items.push({ id: lesson.id, type: 'lesson', depth: 2, data: lesson });
+        }
+      }
+    }
+
+    return {
+      items,
+      matchedIds: new Set(),
+      expandedBySearch: new Set(),
+      resultCount: 0,
+    };
+  }
+
+  // ── Active query: filter + highlight ──────────────────────────────────────
+  const matchedIds = new Set<string>();
+  const expandedBySearch = new Set<string>();
+
+  // Step 1 — mark all direct matches
+  if (courseMatchesQuery(course, q)) matchedIds.add(course.id);
+
+  for (const session of sortedSessions) {
+    if (sessionMatchesQuery(session, q)) matchedIds.add(session.id);
+
+    const sessionLessons = lessons.filter((l) => l.sessionId === session.id);
+    for (const lesson of sessionLessons) {
+      if (lessonMatchesQuery(lesson, q)) matchedIds.add(lesson.id);
+    }
+  }
+
+  // Step 2 — compute which sessions need to be auto-expanded
+  for (const session of sortedSessions) {
+    const hasMatchingLesson = lessons.some(
+      (l) => l.sessionId === session.id && matchedIds.has(l.id)
+    );
+    if (matchedIds.has(session.id) || hasMatchingLesson) {
+      expandedBySearch.add(session.id);
+    }
+  }
+
+  // Step 3 — build the visible list
+  const items: FlatItem[] = [];
+  const anyMatch = matchedIds.size > 0;
+
+  // Course is always shown if anything matched (ancestor context)
+  if (anyMatch) {
+    items.push({ id: course.id, type: 'course', depth: 0, data: course });
+  }
+
+  for (const session of sortedSessions) {
+    const sessionLessons = lessons
+      .filter((l) => l.sessionId === session.id)
+      .sort((a, b) => a.order - b.order);
+
+    const sessionDirectMatch = matchedIds.has(session.id);
+    const matchingLessons = sessionLessons.filter((l) => matchedIds.has(l.id));
+
+    if (!sessionDirectMatch && matchingLessons.length === 0) continue;
+
+    items.push({ id: session.id, type: 'session', depth: 1, data: session });
+
+    // Show only matching lessons (session match shows all its lessons for context)
+    const lessonsToShow = sessionDirectMatch ? sessionLessons : matchingLessons;
+    for (const lesson of lessonsToShow) {
+      items.push({ id: lesson.id, type: 'lesson', depth: 2, data: lesson });
+    }
+  }
+
+  return {
+    items,
+    matchedIds,
+    expandedBySearch,
+    resultCount: matchedIds.size,
+  };
+}
+
+/**
+ * Returns the total lesson count for each session — keyed by session ID.
+ * Computed once for the whole tree to avoid per-row array scans.
+ */
+export function buildLessonCountMap(lessons: Lesson[]): Map<string, number> {
+  const map = new Map<string, number>();
+  for (const lesson of lessons) {
+    map.set(lesson.sessionId, (map.get(lesson.sessionId) ?? 0) + 1);
+  }
+  return map;
 }

package/hedhog/frontend/app/courses/[id]/structure/_components/tree-row-course.tsx.ejs

@@ -1,52 +1,52 @@
-'use client';
-
-import { cn } from '@/lib/utils';
-import { BookOpen } from 'lucide-react';
-import { HighlightedText } from './highlighted-text';
-import type { Course } from './types';
-
-interface TreeRowCourseProps {
-  data: Course;
-  isSelected: boolean;
-  isActive: boolean;
-  query: string;
-  isMatched: boolean;
-  onClick: (e: React.MouseEvent) => void;
-}
-
-export function TreeRowCourse({
-  data,
-  isSelected,
-  isActive,
-  query,
-  onClick,
-}: TreeRowCourseProps) {
-  return (
-    <div
-      onClick={onClick}
-      role="treeitem"
-      aria-selected={isActive}
-      className={cn(
-        'flex items-center gap-2 px-3 py-1.5 rounded-md cursor-pointer select-none transition-colors text-sm font-semibold h-full',
-        isActive && 'bg-accent text-accent-foreground ring-1 ring-inset ring-primary/20',
-        isSelected && !isActive && 'bg-accent/60',
-        !isActive && !isSelected && 'hover:bg-muted/60'
-      )}
-    >
-      <BookOpen className="size-3.5 shrink-0 text-primary" aria-hidden />
-      <span className="truncate flex-1">
-        <HighlightedText text={data.title} query={query} />
-      </span>
-      <span
-        className={cn(
-          'text-[0.6rem] px-1.5 py-0.5 rounded-full shrink-0 font-medium leading-none',
-          data.published
-            ? 'bg-emerald-500/15 text-emerald-700 dark:text-emerald-400'
-            : 'bg-muted text-muted-foreground'
-        )}
-      >
-        {data.published ? 'Publicado' : 'Rascunho'}
-      </span>
-    </div>
-  );
+'use client';
+
+import { cn } from '@/lib/utils';
+import { BookOpen } from 'lucide-react';
+import { HighlightedText } from './highlighted-text';
+import type { Course } from './types';
+
+interface TreeRowCourseProps {
+  data: Course;
+  isSelected: boolean;
+  isActive: boolean;
+  query: string;
+  isMatched: boolean;
+  onClick: (e: React.MouseEvent) => void;
+}
+
+export function TreeRowCourse({
+  data,
+  isSelected,
+  isActive,
+  query,
+  onClick,
+}: TreeRowCourseProps) {
+  return (
+    <div
+      onClick={onClick}
+      role="treeitem"
+      aria-selected={isActive}
+      className={cn(
+        'flex items-center gap-2 px-3 py-1.5 rounded-md cursor-pointer select-none transition-colors text-sm font-semibold h-full',
+        isActive && 'bg-accent text-accent-foreground ring-1 ring-inset ring-primary/20',
+        isSelected && !isActive && 'bg-accent/60',
+        !isActive && !isSelected && 'hover:bg-muted/60'
+      )}
+    >
+      <BookOpen className="size-3.5 shrink-0 text-primary" aria-hidden />
+      <span className="truncate flex-1">
+        <HighlightedText text={data.title} query={query} />
+      </span>
+      <span
+        className={cn(
+          'text-[0.6rem] px-1.5 py-0.5 rounded-full shrink-0 font-medium leading-none',
+          data.published
+            ? 'bg-emerald-500/15 text-emerald-700 dark:text-emerald-400'
+            : 'bg-muted text-muted-foreground'
+        )}
+      >
+        {data.published ? 'Publicado' : 'Rascunho'}
+      </span>
+    </div>
+  );
 }