import { useState } from 'react'; import config from '../app.config.json'; import { download, toCsv, useStored } from './kit'; import './styles.css'; type Side = 'a' | 'b'; interface Rating { a: Record; b: Record; pick: Side | ''; note: string } const items = config.items as { prompt: string; a: string; b: string }[]; const empty: Rating = { a: {}, b: {}, pick: '', note: '' }; const sum = (scores: Record) => Object.values(scores).reduce((total, n) => total + n, 0); export default function App() { const [ratings, setRatings] = useStored>('ratings', {}); const [at, setAt] = useState(0); const item = items[at]!; const rating = ratings[at] ?? empty; const update = (patch: Partial) => setRatings((all) => ({ ...all, [at]: { ...rating, ...patch } })); const score = (side: Side, criterion: string, value: number) => update({ [side]: { ...rating[side], [criterion]: value } }); const done = Object.values(ratings).filter((r) => r.pick).length; const wins = { a: 0, b: 0 }; const totals = { a: 0, b: 0 }; for (const r of Object.values(ratings)) { if (r.pick) wins[r.pick]++; totals.a += sum(r.a); totals.b += sum(r.b); } const rows = items.map((it, index) => { const r = ratings[index] ?? empty; return { prompt: it.prompt, score_a: sum(r.a), score_b: sum(r.b), pick: r.pick, note: r.note }; }); const side = (key: Side, name: string) => (

Response {name}

{sum(rating[key])} points

{item[key]}

{config.criteria.map((criterion: string) => (

{criterion}

{Array.from({ length: config.scale }, (_, i) => i + 1).map((n) => ( ))}

))}

); return (

{config.title}

{config.subtitle}

{config.dataNote}

Prompt {at + 1} of {items.length}

{item.prompt}

{side('a', 'A')}{side('b', 'B')}

Why

Cookies