@assistant-ui/react 0.3.2 → 0.3.3

package/dist/index.js

@@ -1231,10 +1231,10 @@ var TextStreamAnimator = class {
   }
   animationFrameId = null;
   lastUpdateTime = Date.now();
-  decayFactor = 0.99;
   targetText = "";
   start() {
     if (this.animationFrameId !== null) return;
+    this.lastUpdateTime = Date.now();
     this.animate();
   }
   stop() {
@@ -1246,7 +1246,7 @@ var TextStreamAnimator = class {
   animate = () => {
     const currentTime = Date.now();
     const deltaTime = currentTime - this.lastUpdateTime;
-    this.lastUpdateTime = currentTime;
+    let timeToConsume = deltaTime;
     this.setText((currentText) => {
       const targetText = this.targetText;
       if (currentText === targetText) {
@@ -1254,14 +1254,18 @@ var TextStreamAnimator = class {
         return currentText;
       }
       const remainingChars = targetText.length - currentText.length;
-      const charsToAdd = Math.max(
-        1,
-        Math.floor(
-          remainingChars * (1 - Math.pow(this.decayFactor, deltaTime))
-        )
-      );
-      const newText = targetText.slice(0, currentText.length + charsToAdd);
+      const baseTimePerChar = Math.min(5, 250 / remainingChars);
+      let charsToAdd = 0;
+      while (timeToConsume >= baseTimePerChar && charsToAdd < remainingChars) {
+        charsToAdd++;
+        timeToConsume -= baseTimePerChar;
+      }
       this.animationFrameId = requestAnimationFrame(this.animate);
+      if (charsToAdd === 0) {
+        return currentText;
+      }
+      const newText = targetText.slice(0, currentText.length + charsToAdd);
+      this.lastUpdateTime = currentTime - timeToConsume;
       return newText;
     });
   };
@@ -1272,6 +1276,7 @@ var useSmooth = (text, smooth = false) => {
     new TextStreamAnimator(setDisplayedText)
   );
   (0, import_react35.useEffect)(() => {
+    console.log("smooth", smooth);
     if (!smooth) {
       animatorRef.stop();
       return;
@@ -1284,6 +1289,7 @@ var useSmooth = (text, smooth = false) => {
     }
     animatorRef.targetText = text;
     animatorRef.start();
+    console.log("animating");
   }, [animatorRef, smooth, text]);
   (0, import_react35.useEffect)(() => {
     return () => {
@@ -1295,7 +1301,7 @@ var useSmooth = (text, smooth = false) => {
 
 // src/primitives/contentPart/ContentPartText.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var ContentPartPrimitiveText = (0, import_react36.forwardRef)(({ smooth, ...rest }, forwardedRef) => {
+var ContentPartPrimitiveText = (0, import_react36.forwardRef)(({ smooth = true, ...rest }, forwardedRef) => {
   const {
     status,
     part: { text }