Instant Lecture Moment Search for Student Learning

import { Mixpeek } from 'mixpeek';

const client = new Mixpeek({ apiKey: process.env.MIXPEEK_API_KEY });

// Process course content
await client.buckets.connect({
  collection_id: 'course-cs101',
  bucket_uri: 's3://courses/cs101/',
  extractors: [
    'speech-to-text',
    'slide-detection',
    'code-extraction',
    'equation-recognition',
    'diagram-analysis'
  ],
  settings: {
    languages: ['en'],
    segment_by: 'topic', // Auto-segment by topic changes
    generate_summaries: true
  }
});

// Search lecture content
async function searchLectures(courseId: string, query: string) {
  const results = await client.retrieve({
    collection_id: `course-${courseId}`,
    query: {
      type: 'text',
      text: query // e.g., "how does recursion work"
    },
    return_fields: ['timestamp', 'transcript', 'slide_content', 'thumbnail'],
    limit: 20
  });

  return results.map(r => ({
    lecture_title: r.metadata.lecture_title,
    timestamp: r.timestamp,
    duration: r.segment_duration,
    transcript_preview: r.transcript.slice(0, 200),
    slide_text: r.slide_content,
    thumbnail_url: r.thumbnail_url,
    relevance_score: r.score
  }));
}

// React search component
function LectureSearch({ courseId }) {
  const [query, setQuery] = useState('');
  const [results, setResults] = useState([]);

  const handleSearch = async () => {
    const moments = await searchLectures(courseId, query);
    setResults(moments);
  };

  return (
    <div>
      <SearchInput
        value={query}
        onChange={setQuery}
        onSearch={handleSearch}
        placeholder="Search for any concept..."
      />
      <ResultsList results={results} />
    </div>
  );
}

// LTI integration for Canvas/Moodle
const ltiConfig = {
  tool_name: 'Mixpeek Lecture Search',
  launch_url: 'https://your-app.com/lti/launch',
  consumer_key: process.env.LTI_KEY,
  shared_secret: process.env.LTI_SECRET,
  privacy_level: 'public',
  custom_params: {
    course_id: '$Canvas.course.id',
    user_role: '$Membership.role'
  }
};