Parses the streamed LLM output (Title / Ingredients / Directions / Notes plain-text format) on the fly as tokens arrive. Shows a shimmer skeleton for each section while that section has not yet arrived, then swaps in real content as the parse succeeds — title first, then ingredients, then numbered steps, then notes on completion. parsedStream computed: matches Title, Ingredients (comma-split), numbered step lines, and Notes sections from the accumulating streamChunks string. Skeleton shimmer is CSS-only (no JS); respects prefers-reduced-motion by falling back to a static placeholder color. The stream-output <pre> block is removed from the template entirely — raw tokens never reach the user. |
||
|---|---|---|
| .. | ||
| .vscode | ||
| public | ||
| src | ||
| .env | ||
| .gitignore | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| THEMING_SYSTEM.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||