@hed-hog/lms 0.0.312 → 0.0.315

package/hedhog/frontend/app/courses/[id]/structure/_components/highlighted-text.tsx.ejs

@@ -1,41 +1,41 @@
-'use client';
-
-import { cn } from '@/lib/utils';
-import { getTextSegments } from './tree-helpers';
-
-interface HighlightedTextProps {
-  text: string;
-  query: string;
-  className?: string;
-}
-
-/**
- * Renders `text` with the first occurrence of `query` visually highlighted.
- * Falls back to plain text when query is empty or no match is found.
- */
-export function HighlightedText({ text, query, className }: HighlightedTextProps) {
-  const segments = getTextSegments(text, query);
-
-  if (segments.length === 1 && !segments[0]?.highlight) {
-    return <span className={className}>{text}</span>;
-  }
-
-  return (
-    <span className={className}>
-      {segments.map((seg, i) =>
-        seg.highlight ? (
-          <mark
-            key={i}
-            className={cn(
-              'bg-yellow-300/70 dark:bg-yellow-500/40 text-current rounded-[2px] px-[1px]'
-            )}
-          >
-            {seg.text}
-          </mark>
-        ) : (
-          <span key={i}>{seg.text}</span>
-        )
-      )}
-    </span>
-  );
+'use client';
+
+import { cn } from '@/lib/utils';
+import { getTextSegments } from './tree-helpers';
+
+interface HighlightedTextProps {
+  text: string;
+  query: string;
+  className?: string;
+}
+
+/**
+ * Renders `text` with the first occurrence of `query` visually highlighted.
+ * Falls back to plain text when query is empty or no match is found.
+ */
+export function HighlightedText({ text, query, className }: HighlightedTextProps) {
+  const segments = getTextSegments(text, query);
+
+  if (segments.length === 1 && !segments[0]?.highlight) {
+    return <span className={className}>{text}</span>;
+  }
+
+  return (
+    <span className={className}>
+      {segments.map((seg, i) =>
+        seg.highlight ? (
+          <mark
+            key={i}
+            className={cn(
+              'bg-yellow-300/70 dark:bg-yellow-500/40 text-current rounded-[2px] px-[1px]'
+            )}
+          >
+            {seg.text}
+          </mark>
+        ) : (
+          <span key={i}>{seg.text}</span>
+        )
+      )}
+    </span>
+  );
 }

package/hedhog/frontend/app/courses/[id]/structure/_components/mock-data.ts.ejs

@@ -1,185 +1,185 @@
-/**
- * Mock Data — LMS Course Structure
- *
- * ⚠️  TEMPORARY — replace when integrating with the real API.
- *
- * TODO[API]: Remove this file entirely once `useCourseStructure` fetches data
- *            from GET /lms/courses/:id/structure. The Zustand store should then
- *            be seeded with the server response instead of these constants.
- */
-
-import type {
-  Course,
-  Lesson,
-  LessonStatus,
-  LessonType,
-  Session,
-  VideoProvider,
-  Visibility,
-} from './types';
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Mock Data — LMS Course Structure
-// ─────────────────────────────────────────────────────────────────────────────
-
-export const MOCK_COURSE: Course = {
-  id: 'course-1',
-  code: 'REACT-ADV',
-  name: 'React Avancado',
-  title: 'React Avancado',
-  description:
-    'Domine os conceitos avancados do React: hooks, patterns, performance e gerenciamento de estado moderno.',
-  slug: 'react-avancado',
-  published: true,
-};
-
-// Session config: title + how many lessons each gets
-const SESSION_CONFIG: { title: string; lessonCount: number }[] = [
-  { title: 'Boas-vindas ao curso', lessonCount: 5 },
-  { title: 'Hooks Avancados useReducer e useContext', lessonCount: 32 },
-  { title: 'Patterns de Composicao', lessonCount: 31 },
-  { title: 'Gerenciamento de Estado com Zustand', lessonCount: 8 },
-  { title: 'Performance e Otimizacao', lessonCount: 30 },
-  { title: 'React Server Components', lessonCount: 10 },
-  { title: 'Data Fetching Moderno', lessonCount: 9 },
-  { title: 'Roteamento Avancado com Next.js', lessonCount: 7 },
-  { title: 'Formularios e Validacao com RHF', lessonCount: 11 },
-  { title: 'Autenticacao e Seguranca', lessonCount: 9 },
-  { title: 'Testing com React Testing Library', lessonCount: 12 },
-  { title: 'Acessibilidade a11y', lessonCount: 6 },
-  { title: 'Internacionalizacao i18n', lessonCount: 7 },
-  { title: 'Animacoes com Framer Motion', lessonCount: 8 },
-  { title: 'Arquitetura de Projetos Escalaveis', lessonCount: 10 },
-  { title: 'Design Systems e Storybook', lessonCount: 8 },
-  { title: 'Deploy CI/CD e DevOps', lessonCount: 7 },
-  { title: 'Monorepos e Micro-frontends', lessonCount: 6 },
-  { title: 'Debugging Avancado', lessonCount: 6 },
-  { title: 'Projeto Final App Completo', lessonCount: 5 },
-];
-
-export const MOCK_SESSIONS: Session[] = SESSION_CONFIG.map((s, i) => ({
-  id: `s${i + 1}`,
-  code: `S${String(i + 1).padStart(2, '0')}`,
-  title: s.title,
-  duration: s.lessonCount * 12,
-  order: i,
-}));
-
-// Lesson title patterns
-const TITLE_PATTERNS = [
-  'Introducao e objetivos',
-  'Conceitos fundamentais',
-  'Configuracao do ambiente',
-  'Pratica guiada passo a passo',
-  'Exercicio: implementacao',
-  'Quiz de revisao',
-  'Caso de uso real',
-  'Implementacao completa',
-  'Debugging e troubleshooting',
-  'Otimizacoes e boas praticas',
-  'Desafio pratico',
-  'Revisao do modulo',
-  'Q e A e duvidas frequentes',
-  'Proximos passos',
-];
-
-const LESSON_STATUSES: LessonStatus[] = [
-  'preparada',
-  'gravada',
-  'editada',
-  'finalizada',
-  'publicada',
-];
-
-const VISIBILITIES: Visibility[] = [
-  'publico',
-  'publico',
-  'privado',
-  'restrito',
-];
-
-const LESSON_TYPES: LessonType[] = [
-  'video',
-  'video',
-  'video',
-  'post',
-  'video',
-  'video',
-  'questao',
-  'exercicio',
-];
-const PROVIDERS: VideoProvider[] = [
-  'youtube',
-  'vimeo',
-  'bunny',
-  'youtube',
-  'youtube',
-];
-
-let _lid = 0;
-
-export const MOCK_LESSONS: Lesson[] = SESSION_CONFIG.flatMap((s, si) =>
-  Array.from({ length: s.lessonCount }, (_, li) => {
-    _lid += 1;
-    const type = LESSON_TYPES[_lid % LESSON_TYPES.length] as LessonType;
-    const isVideo = type === 'video';
-    const provider = PROVIDERS[_lid % PROVIDERS.length] as VideoProvider;
-    const baseTitle = TITLE_PATTERNS[li % TITLE_PATTERNS.length] as string;
-    const title =
-      li < TITLE_PATTERNS.length
-        ? baseTitle
-        : baseTitle +
-          ' parte ' +
-          String(Math.floor(li / TITLE_PATTERNS.length) + 1);
-
-    const hasResource = li % 4 === 0;
-
-    const status = LESSON_STATUSES[
-      _lid % LESSON_STATUSES.length
-    ] as LessonStatus;
-    const visibility = VISIBILITIES[_lid % VISIBILITIES.length] as Visibility;
-
-    const lesson: Lesson = {
-      id: `l${_lid}`,
-      code: `A${String(_lid).padStart(3, '0')}`,
-      title,
-      type,
-      status,
-      visibility,
-      duration: 8 + (_lid % 32),
-      publicDescription: `Aprenda ${s.title.toLowerCase()} de forma pratica nesta aula.`,
-      privateDescription: li % 7 === 0 ? 'Revisar antes de publicar.' : '',
-      sessionId: `s${si + 1}`,
-      order: li,
-      resources: hasResource
-        ? [
-            {
-              id: `r${_lid}`,
-              name: `material-${String(_lid).padStart(3, '0')}.pdf`,
-              size: `${1 + (_lid % 5)}.${_lid % 9} MB`,
-              type: 'application/pdf',
-              public: _lid % 2 === 0,
-              url: `https://www.w3.org/WAI/WCAG21/Techniques/pdf/PDF1.pdf`,
-            },
-          ]
-        : [],
-    };
-
-    if (isVideo) {
-      lesson.videoProvider = provider;
-      lesson.videoUrl = `https://example.com/video/${_lid}`;
-      lesson.autoDuration = _lid % 3 !== 0;
-      if (li === 0) {
-        lesson.transcription = `Transcricao completa da primeira aula de "${s.title}". Lorem ipsum dolor sit amet, consectetur adipiscing elit.`;
-      }
-    }
-    if (type === 'questao') {
-      lesson.linkedExam = `exam-${_lid}`;
-    }
-    if (type === 'post') {
-      lesson.postContent = `Conteudo detalhado sobre ${s.title.toLowerCase()}...`;
-    }
-
-    return lesson;
-  })
-);
+/**
+ * Mock Data — LMS Course Structure
+ *
+ * ⚠️  TEMPORARY — replace when integrating with the real API.
+ *
+ * TODO[API]: Remove this file entirely once `useCourseStructure` fetches data
+ *            from GET /lms/courses/:id/structure. The Zustand store should then
+ *            be seeded with the server response instead of these constants.
+ */
+
+import type {
+  Course,
+  Lesson,
+  LessonStatus,
+  LessonType,
+  Session,
+  VideoProvider,
+  Visibility,
+} from './types';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Mock Data — LMS Course Structure
+// ─────────────────────────────────────────────────────────────────────────────
+
+export const MOCK_COURSE: Course = {
+  id: 'course-1',
+  code: 'REACT-ADV',
+  name: 'React Avancado',
+  title: 'React Avancado',
+  description:
+    'Domine os conceitos avancados do React: hooks, patterns, performance e gerenciamento de estado moderno.',
+  slug: 'react-avancado',
+  published: true,
+};
+
+// Session config: title + how many lessons each gets
+const SESSION_CONFIG: { title: string; lessonCount: number }[] = [
+  { title: 'Boas-vindas ao curso', lessonCount: 5 },
+  { title: 'Hooks Avancados useReducer e useContext', lessonCount: 32 },
+  { title: 'Patterns de Composicao', lessonCount: 31 },
+  { title: 'Gerenciamento de Estado com Zustand', lessonCount: 8 },
+  { title: 'Performance e Otimizacao', lessonCount: 30 },
+  { title: 'React Server Components', lessonCount: 10 },
+  { title: 'Data Fetching Moderno', lessonCount: 9 },
+  { title: 'Roteamento Avancado com Next.js', lessonCount: 7 },
+  { title: 'Formularios e Validacao com RHF', lessonCount: 11 },
+  { title: 'Autenticacao e Seguranca', lessonCount: 9 },
+  { title: 'Testing com React Testing Library', lessonCount: 12 },
+  { title: 'Acessibilidade a11y', lessonCount: 6 },
+  { title: 'Internacionalizacao i18n', lessonCount: 7 },
+  { title: 'Animacoes com Framer Motion', lessonCount: 8 },
+  { title: 'Arquitetura de Projetos Escalaveis', lessonCount: 10 },
+  { title: 'Design Systems e Storybook', lessonCount: 8 },
+  { title: 'Deploy CI/CD e DevOps', lessonCount: 7 },
+  { title: 'Monorepos e Micro-frontends', lessonCount: 6 },
+  { title: 'Debugging Avancado', lessonCount: 6 },
+  { title: 'Projeto Final App Completo', lessonCount: 5 },
+];
+
+export const MOCK_SESSIONS: Session[] = SESSION_CONFIG.map((s, i) => ({
+  id: `s${i + 1}`,
+  code: `S${String(i + 1).padStart(2, '0')}`,
+  title: s.title,
+  duration: s.lessonCount * 12,
+  order: i,
+}));
+
+// Lesson title patterns
+const TITLE_PATTERNS = [
+  'Introducao e objetivos',
+  'Conceitos fundamentais',
+  'Configuracao do ambiente',
+  'Pratica guiada passo a passo',
+  'Exercicio: implementacao',
+  'Quiz de revisao',
+  'Caso de uso real',
+  'Implementacao completa',
+  'Debugging e troubleshooting',
+  'Otimizacoes e boas praticas',
+  'Desafio pratico',
+  'Revisao do modulo',
+  'Q e A e duvidas frequentes',
+  'Proximos passos',
+];
+
+const LESSON_STATUSES: LessonStatus[] = [
+  'preparada',
+  'gravada',
+  'editada',
+  'finalizada',
+  'publicada',
+];
+
+const VISIBILITIES: Visibility[] = [
+  'publico',
+  'publico',
+  'privado',
+  'restrito',
+];
+
+const LESSON_TYPES: LessonType[] = [
+  'video',
+  'video',
+  'video',
+  'post',
+  'video',
+  'video',
+  'questao',
+  'exercicio',
+];
+const PROVIDERS: VideoProvider[] = [
+  'youtube',
+  'vimeo',
+  'bunny',
+  'youtube',
+  'youtube',
+];
+
+let _lid = 0;
+
+export const MOCK_LESSONS: Lesson[] = SESSION_CONFIG.flatMap((s, si) =>
+  Array.from({ length: s.lessonCount }, (_, li) => {
+    _lid += 1;
+    const type = LESSON_TYPES[_lid % LESSON_TYPES.length] as LessonType;
+    const isVideo = type === 'video';
+    const provider = PROVIDERS[_lid % PROVIDERS.length] as VideoProvider;
+    const baseTitle = TITLE_PATTERNS[li % TITLE_PATTERNS.length] as string;
+    const title =
+      li < TITLE_PATTERNS.length
+        ? baseTitle
+        : baseTitle +
+          ' parte ' +
+          String(Math.floor(li / TITLE_PATTERNS.length) + 1);
+
+    const hasResource = li % 4 === 0;
+
+    const status = LESSON_STATUSES[
+      _lid % LESSON_STATUSES.length
+    ] as LessonStatus;
+    const visibility = VISIBILITIES[_lid % VISIBILITIES.length] as Visibility;
+
+    const lesson: Lesson = {
+      id: `l${_lid}`,
+      code: `A${String(_lid).padStart(3, '0')}`,
+      title,
+      type,
+      status,
+      visibility,
+      duration: 8 + (_lid % 32),
+      publicDescription: `Aprenda ${s.title.toLowerCase()} de forma pratica nesta aula.`,
+      privateDescription: li % 7 === 0 ? 'Revisar antes de publicar.' : '',
+      sessionId: `s${si + 1}`,
+      order: li,
+      resources: hasResource
+        ? [
+            {
+              id: `r${_lid}`,
+              name: `material-${String(_lid).padStart(3, '0')}.pdf`,
+              size: `${1 + (_lid % 5)}.${_lid % 9} MB`,
+              type: 'application/pdf',
+              public: _lid % 2 === 0,
+              url: `https://www.w3.org/WAI/WCAG21/Techniques/pdf/PDF1.pdf`,
+            },
+          ]
+        : [],
+    };
+
+    if (isVideo) {
+      lesson.videoProvider = provider;
+      lesson.videoUrl = `https://example.com/video/${_lid}`;
+      lesson.autoDuration = _lid % 3 !== 0;
+      if (li === 0) {
+        lesson.transcription = `Transcricao completa da primeira aula de "${s.title}". Lorem ipsum dolor sit amet, consectetur adipiscing elit.`;
+      }
+    }
+    if (type === 'questao') {
+      lesson.linkedExam = `exam-${_lid}`;
+    }
+    if (type === 'post') {
+      lesson.postContent = `Conteudo detalhado sobre ${s.title.toLowerCase()}...`;
+    }
+
+    return lesson;
+  })
+);