Streaming text

Default exports StreamingText. Words already counted in shown are visible. A whitespace token is included only when the word count has passed it, so you do not get a leading gap. The caret is aria-hidden and blinks on a 0.9 second loop. done removes it. There is no stop button and no speed. You stop by freezing shown and setting done, or by leaving done false and simply not incrementing. The demo's reply is a paragraph about tides, and a replay control lives outside the component. Reduced motion skips the fade and still shows the words. aria-busy is true until done.

Markdown exports StreamingMarkdown and parseMarkdown. source is the raw string so far. complete tells the parser the last line is finished. Headings of one to three hashes become an h3 style, not a real h1, so a stream cannot dump a page-level heading. Lists are lines that start with dash space. A fence opens a code block as soon as the backticks arrive. The language label stays blank until that opening line is complete. Copy inside the fence is disabled while the fence is still open, and it writes the joined lines. Highlighting colors comments, strings, numbers and a short list of keywords such as import, def and return. Indentation is padding, because the font is proportional. A trailing incomplete marker is dropped rather than shown as a stray hash or dash. aria-busy follows complete. The demo's Copy reply and Regenerate buttons sit outside StreamingMarkdown.

Soft focus exports SoftFocusText. paragraphs is the full reply, split by you. shown counts words from the start of the first paragraph across the rest. A paragraph with no visible words yet renders nothing, so you do not get an empty p. Each word is an inline-block that animates from opacity 0 and blur 8px to fully sharp, over 0.75 seconds. Reduced motion uses a 0.2 second opacity fade and no blur. aria-busy is true until done. The demo reveals one word at a time on a repeating list of gaps, 70, 55, 110 and so on, so the edge does not tick like a metronome. Copy reply and Regenerate in that demo are siblings, with labels that switch to Copied. They are not props of SoftFocusText.

Caret and controls exports CaretStream, ReplyControls, and the StreamState and StreamSpeed types. The caret is a thin indigo bar, hidden once state is done, and the paragraph is aria-busy only while streaming. Stopped keeps the caret, which is how a paused reply still looks unfinished. ReplyControls swaps its cluster. While streaming you get Stop and Skip to end. While stopped you get a status that reads Stopped, plus Continue and Skip to end. While done you get Copy or Copied, and Regenerate. The speed radio group is labelled Speed and is hidden once done. Slow, Normal and Fast call onSpeedChange. Arrow keys move between them. The demo measures elapsed time and adds characters at the chosen cps, so a speed change takes effect on the next frame without restarting the reply. Skip sets the position to the end. Stop freezes it.

Table rows exports StreamingTable. columns are header strings. Each row is a string array, and the first cell is the row label. header gates the thead, so you can wait until the header row has arrived. cells is how many cells are fully written, counted left to right, top to bottom. chars is how many characters of the next cell to show. A cell that is not there yet renders a shimmering rounded bar, unless reduced motion is on, in which case the bar is still. The table's aria-busy stays true until cells reaches rows times columns. The first column is a row header. Later cells are tabular numbers. The demo writes the London trip comparison, then offers Copy reply and Regenerate outside the table. The component does not format currency or units. The strings you pass are the strings it shows, including the approximation marks in the CO2 row.