Function streamText

package/example/src/app/components/FeaturesDemo.tsx:2865–2888

(textLength: number)

    let msgCount = 0;

    const streamText = async (textLength: number) => {
      const targetIndex = msgCount - 1;
      const duration = 500 + textLength * 8; // Longer text = longer duration
      const startTime = Date.now();

      const animate = () => {
        if (cancelled) return;
        const elapsed = Date.now() - startTime;
        const progress = Math.min(elapsed / duration, 1);
        // Ease out for smoother ending
        const easedProgress = 1 - Math.pow(1 - progress, 2);

        setMessages(prev => prev.map((m, idx) =>
          idx === targetIndex ? { ...m, progress: easedProgress } : m
        ));

        if (progress < 1) {
          requestAnimationFrame(animate);
        }
      };

      requestAnimationFrame(animate);
      await delay(duration);
    };

    const runAnimation = async () => {
      setMessages([]);