Implementation:Ucbepic Docetl DebateContent
| Knowledge Sources | |
|---|---|
| Domains | Frontend, React_UI |
| Last Updated | 2026-02-08 00:00 GMT |
Overview
Concrete tool for the static data constants used in the presidential debate demo on the DocETL landing page.
Description
This module exports constant data objects containing the full transcript of the 2024 Harris-Trump presidential debate, along with pre-computed example outputs for each pipeline step (themes extraction, unnesting, resolution, and reduction). These constants serve as the demonstration data for the interactive PresidentialDebateDemo component, showing how DocETL pipeline operations transform raw debate transcripts into structured thematic analyses.
Usage
Imported by the PresidentialDebateDemo and PipelineVisualization components to provide example input/output data for each pipeline step in the landing page demo.
Code Reference
Source Location
- Repository: Ucbepic_Docetl
- File: website/src/components/DebateContent.tsx
- Lines: 1-489
Signature
export const exampleDebate: {
date: string;
title: string;
content: string;
themes: Array<{ theme: string; viewpoints: string }>;
unnested_themes: Array<{ theme: string; viewpoints: string }>;
}
export const reduceInput: Array<Record<string, string>>
export const reduceOutput: Array<Record<string, string>>
Import
import { exampleDebate, reduceInput, reduceOutput } from "@/components/DebateContent";
I/O Contract
Inputs (Props)
| Name | Type | Required | Description |
|---|---|---|---|
| No props -- this is a data module exporting constants | |||
Outputs
| Name | Type | Description |
|---|---|---|
| exampleDebate | object | Full debate transcript and extracted themes |
| reduceInput | array | Sample input for the reduce pipeline step |
| reduceOutput | array | Sample output from the reduce pipeline step |
Usage Examples
import { exampleDebate } from "@/components/DebateContent";
// Access the debate transcript
console.log(exampleDebate.title); // "The Harris-Trump Presidential Debate"
console.log(exampleDebate.themes); // Array of theme objects