@chayns-components/typewriter 5.0.0-beta.958 → 5.0.0-beta.960

package/lib/cjs/components/typewriter/Typewriter.js

@@ -39,13 +39,16 @@ const Typewriter = ({
   resetSpeed = speed,
   startDelay = _speed.TypewriterDelay.None,
   textStyle,
-  shouldCalcAutoSpeed = false
+  shouldCalcAutoSpeed = false,
+  autoSpeedBaseFactor = 2000
 }) => {
   const [currentChildrenIndex, setCurrentChildrenIndex] = (0, _react.useState)(0);
   const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = (0, _react.useState)(false);
   const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = (0, _react.useState)(false);
+  const [isResetAnimationActive, setIsResetAnimationActive] = (0, _react.useState)(false);
+  const [shouldStopAnimation, setShouldStopAnimation] = (0, _react.useState)(false);
   const [autoSpeed, setAutoSpeed] = (0, _react.useState)();
-  const prevText = (0, _react.useRef)();
+  const [autoSteps, setAutoSteps] = (0, _react.useState)(1);
   const functions = (0, _chaynsApi.useFunctions)();
   const values = (0, _chaynsApi.useValues)();
   useIsomorphicLayoutEffect(() => {
@@ -91,29 +94,26 @@ const Typewriter = ({
       }
     }, sortedChildren))) : sortedChildren;
   }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);
+  const charactersCount = (0, _react.useMemo)(() => (0, _utils.getCharactersCount)(textContent), [textContent]);
+  const [shownCharCount, setShownCharCount] = (0, _react.useState)(charactersCount > 0 ? 0 : textContent.length);
+  const currentPosition = (0, _react.useRef)(0);
   (0, _react.useEffect)(() => {
     if (!shouldCalcAutoSpeed) {
       setAutoSpeed(undefined);
+      setAutoSteps(1);
       return;
     }
-    if (!prevText.current) {
-      prevText.current = textContent;
-      return;
-    }
-    setAutoSpeed((0, _utils.calculateAutoSpeed)({
-      oldText: prevText.current,
-      newText: textContent,
-      baseSpeed: speed
-    }));
-    prevText.current = textContent;
-  }, [shouldCalcAutoSpeed, speed, textContent]);
-  (0, _react.useEffect)(() => {
-    console.debug('TEST - Typewriter', autoSpeed);
-  }, [autoSpeed]);
-  const charactersCount = (0, _react.useMemo)(() => (0, _utils.getCharactersCount)(textContent), [textContent]);
-  const [isResetAnimationActive, setIsResetAnimationActive] = (0, _react.useState)(false);
-  const [shownCharCount, setShownCharCount] = (0, _react.useState)(charactersCount > 0 ? 0 : textContent.length);
-  const [shouldStopAnimation, setShouldStopAnimation] = (0, _react.useState)(false);
+    const {
+      speed: calculatedAutoSpeed,
+      steps
+    } = (0, _utils.calculateAutoSpeed)({
+      fullTextLength: charactersCount,
+      currentPosition: currentPosition.current,
+      baseSpeedFactor: autoSpeedBaseFactor
+    });
+    setAutoSpeed(calculatedAutoSpeed);
+    setAutoSteps(steps);
+  }, [autoSpeedBaseFactor, charactersCount, shouldCalcAutoSpeed]);
   const isAnimatingText = shownCharCount < textContent.length || shouldForceCursorAnimation || areMultipleChildrenGiven || textContent.length === 0;
   const handleClick = (0, _react.useCallback)(event => {
     event.stopPropagation();
@@ -131,6 +131,7 @@ const Typewriter = ({
     let interval;
     if (shouldStopAnimation || charactersCount === 0) {
       setShownCharCount(textContent.length);
+      currentPosition.current = textContent.length;
     } else if (isResetAnimationActive) {
       if (typeof onResetAnimationStart === 'function') {
         onResetAnimationStart();
@@ -138,6 +139,7 @@ const Typewriter = ({
       interval = window.setInterval(() => {
         setShownCharCount(prevState => {
           const nextState = prevState - 1;
+          currentPosition.current = nextState;
           if (nextState === 0) {
             window.clearInterval(interval);
             if (typeof onResetAnimationEnd === 'function') {
@@ -154,16 +156,16 @@ const Typewriter = ({
         });
       }, resetSpeed);
     } else {
-      const setInterval = () => {
+      const startTypingAnimation = () => {
         if (cursorType === _cursor.CursorType.Thin) {
           setShouldPreventBlinkingCursor(true);
         }
         if (typeof onTypingAnimationStart === 'function') {
           onTypingAnimationStart();
         }
-        interval = window.setInterval(() => {
+        const runTypingInterval = () => {
           setShownCharCount(prevState => {
-            let nextState = Math.min(prevState + 1, charactersCount);
+            let nextState = Math.min(prevState + autoSteps, charactersCount);
             if (nextState >= charactersCount && !shouldWaitForContent) {
               window.clearInterval(interval);
               if (cursorType === _cursor.CursorType.Thin) {
@@ -190,20 +192,26 @@ const Typewriter = ({
                 }, resetDelay);
               }
             }
+            currentPosition.current = nextState;
             return nextState;
           });
-        }, autoSpeed ?? speed);
+        };
+        interval = window.setInterval(runTypingInterval, autoSpeed ?? speed);
       };
       if (startDelay) {
-        setTimeout(setInterval, startDelay);
+        setTimeout(startTypingAnimation, startDelay);
       } else {
-        setInterval();
+        startTypingAnimation();
       }
     }
+    console.debug('TEST - Typewriter', {
+      autoSpeed,
+      autoSteps
+    });
     return () => {
       window.clearInterval(interval);
     };
-  }, [resetSpeed, speed, resetDelay, childrenCount, charactersCount, textContent.length, shouldStopAnimation, shouldWaitForContent, isResetAnimationActive, shouldUseResetAnimation, areMultipleChildrenGiven, handleSetNextChildrenIndex, nextTextDelay, startDelay, onResetAnimationStart, onResetAnimationEnd, onTypingAnimationStart, onTypingAnimationEnd, cursorType, autoSpeed]);
+  }, [resetSpeed, speed, resetDelay, childrenCount, charactersCount, textContent.length, shouldStopAnimation, shouldWaitForContent, isResetAnimationActive, shouldUseResetAnimation, areMultipleChildrenGiven, handleSetNextChildrenIndex, nextTextDelay, startDelay, onResetAnimationStart, onResetAnimationEnd, onTypingAnimationStart, onTypingAnimationEnd, cursorType, autoSpeed, autoSteps]);
   (0, _react.useEffect)(() => {
     if (!isAnimatingText && typeof onFinish === 'function') {
       onFinish();

package/lib/cjs/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","autoSpeed","setAutoSpeed","prevText","useRef","functions","useFunctions","values","useValues","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","colorMode","style","display","undefined","current","calculateAutoSpeed","oldText","newText","baseSpeed","console","debug","charactersCount","getCharactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","Thin","Math","min","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","StyledTypewriterPseudoText","dangerouslySetInnerHTML","__html","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the CursorType enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     * This prop is only used if multiple texts are given.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     * This prop is only used if multiple texts are given.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Whether the animation speed should be calculated with the chunk interval.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [autoSpeed, setAutoSpeed] = useState<number>();\n\n    const prevText = useRef<string>();\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n\n            return;\n        }\n\n        if (!prevText.current) {\n            prevText.current = textContent;\n\n            return;\n        }\n\n        setAutoSpeed(\n            calculateAutoSpeed({\n                oldText: prevText.current,\n                newText: textContent,\n                baseSpeed: speed,\n            }),\n        );\n\n        prevText.current = textContent;\n    }, [shouldCalcAutoSpeed, speed, textContent]);\n\n    useEffect(() => {\n        console.debug('TEST - Typewriter', autoSpeed);\n    }, [autoSpeed]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback((event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (typeof onResetAnimationEnd === 'function') {\n                            onResetAnimationEnd();\n                        }\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, nextTextDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, resetSpeed);\n        } else {\n            const setInterval = () => {\n                if (cursorType === CursorType.Thin) {\n                    setShouldPreventBlinkingCursor(true);\n                }\n\n                if (typeof onTypingAnimationStart === 'function') {\n                    onTypingAnimationStart();\n                }\n\n                interval = window.setInterval(() => {\n                    setShownCharCount((prevState) => {\n                        let nextState = Math.min(prevState + 1, charactersCount);\n\n                        if (nextState >= charactersCount && !shouldWaitForContent) {\n                            window.clearInterval(interval);\n\n                            if (cursorType === CursorType.Thin) {\n                                setShouldPreventBlinkingCursor(false);\n                            }\n\n                            if (typeof onTypingAnimationEnd === 'function') {\n                                onTypingAnimationEnd();\n                            }\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, nextTextDelay);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n\n                        return nextState;\n                    });\n                }, autoSpeed ?? speed);\n            };\n\n            if (startDelay) {\n                setTimeout(setInterval, startDelay);\n            } else {\n                setInterval();\n            }\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","setAutoSpeed","autoSteps","setAutoSteps","functions","useFunctions","values","useValues","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","colorMode","style","display","charactersCount","getCharactersCount","shownCharCount","setShownCharCount","currentPosition","useRef","undefined","calculatedAutoSpeed","steps","calculateAutoSpeed","fullTextLength","current","baseSpeedFactor","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","console","debug","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","StyledTypewriterPseudoText","dangerouslySetInnerHTML","__html","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: number;\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the CursorType enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     * This prop is only used if multiple texts are given.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     * This prop is only used if multiple texts are given.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Whether the animation speed should be calculated with the chunk interval.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n    autoSpeedBaseFactor = 2000,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [autoSpeed, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(1);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(1);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [autoSpeedBaseFactor, charactersCount, shouldCalcAutoSpeed]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback((event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n            currentPosition.current = textContent.length;\n        } else if (isResetAnimationActive) {\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n                    currentPosition.current = nextState;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (typeof onResetAnimationEnd === 'function') {\n                            onResetAnimationEnd();\n                        }\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, nextTextDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, resetSpeed);\n        } else {\n            const startTypingAnimation = () => {\n                if (cursorType === CursorType.Thin) {\n                    setShouldPreventBlinkingCursor(true);\n                }\n\n                if (typeof onTypingAnimationStart === 'function') {\n                    onTypingAnimationStart();\n                }\n\n                const runTypingInterval = () => {\n                    setShownCharCount((prevState) => {\n                        let nextState = Math.min(prevState + autoSteps, charactersCount);\n\n                        if (nextState >= charactersCount && !shouldWaitForContent) {\n                            window.clearInterval(interval);\n\n                            if (cursorType === CursorType.Thin) {\n                                setShouldPreventBlinkingCursor(false);\n                            }\n\n                            if (typeof onTypingAnimationEnd === 'function') {\n                                onTypingAnimationEnd();\n                            }\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, nextTextDelay);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n\n                        currentPosition.current = nextState;\n\n                        return nextState;\n                    });\n                };\n\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? speed);\n            };\n\n            if (startDelay) {\n                setTimeout(startTypingAnimation, startDelay);\n            } else {\n                startTypingAnimation();\n            }\n        }\n\n        console.debug('TEST - Typewriter', { autoSpeed, autoSteps });\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/typewriter/utils.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shuffleArray = exports.getSubTextFromHTML = exports.getCharactersCount = exports.calculateAutoSpeed = void 0;
-var _speed = require("../../types/speed");
 /**
  * This function extracts a part of the text from an HTML text. The HTML elements themselves are
  * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML
@@ -93,20 +92,26 @@ const shuffleArray = array => {
 };
 exports.shuffleArray = shuffleArray;
 const calculateAutoSpeed = ({
-  oldText,
-  newText,
-  baseSpeed = _speed.TypewriterSpeed.Fast,
-  maxDuration = 50
+  fullTextLength,
+  currentPosition,
+  baseSpeedFactor
 }) => {
-  const oldLength = oldText.length;
-  const newLength = newText.length;
-  const chunkLength = newLength - oldLength;
-  if (chunkLength <= 0) {
-    return baseSpeed;
+  const MIN_SPEED = 1;
+  const MAX_SPEED = 10;
+  const remainingLength = fullTextLength - currentPosition;
+
+  // Calculate the speed with the remaining text length and the baseSpeedFactor
+  const speed = Math.min(baseSpeedFactor / remainingLength, MAX_SPEED);
+  if (speed < MIN_SPEED) {
+    return {
+      speed: 1,
+      steps: 2
+    };
   }
-  const minSpeed = 1;
-  const calculatedSpeed = Math.min(maxDuration / chunkLength, baseSpeed);
-  return Math.max(calculatedSpeed, minSpeed);
+  return {
+    speed,
+    steps: 1
+  };
 };
 exports.calculateAutoSpeed = calculateAutoSpeed;
 //# sourceMappingURL=utils.js.map

package/lib/cjs/components/typewriter/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["_speed","require","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeName","nodeType","textContent","nodeText","substring","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","exports","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","oldText","newText","baseSpeed","TypewriterSpeed","Fast","maxDuration","oldLength","newLength","chunkLength","minSpeed","calculatedSpeed","min","max"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeName === 'TWIGNORE') {\n            text += element.innerHTML;\n        } else if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeName === 'TWIGNORE') {\n            count += 1;\n        } else if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n\ninterface CalculateAutoSpeedProps {\n    oldText: string;\n    newText: string;\n    baseSpeed?: number;\n    maxDuration?: number;\n}\n\nexport const calculateAutoSpeed = ({\n    oldText,\n    newText,\n    baseSpeed = TypewriterSpeed.Fast,\n    maxDuration = 50,\n}: CalculateAutoSpeedProps): number => {\n    const oldLength = oldText.length;\n    const newLength = newText.length;\n    const chunkLength = newLength - oldLength;\n\n    if (chunkLength <= 0) {\n        return baseSpeed;\n    }\n\n    const minSpeed = 1;\n\n    const calculatedSpeed = Math.min(maxDuration / chunkLength, baseSpeed);\n\n    return Math.max(calculatedSpeed, minSpeed);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeName","nodeType","textContent","nodeText","substring","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","exports","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","fullTextLength","currentPosition","baseSpeedFactor","MIN_SPEED","MAX_SPEED","remainingLength","speed","min","steps"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeName === 'TWIGNORE') {\n            text += element.innerHTML;\n        } else if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeName === 'TWIGNORE') {\n            count += 1;\n        } else if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n\ninterface CalculateAutoSpeedProps {\n    fullTextLength: number;\n    currentPosition: number;\n    baseSpeedFactor: number;\n}\n\nexport const calculateAutoSpeed = ({\n    fullTextLength,\n    currentPosition,\n    baseSpeedFactor,\n}: CalculateAutoSpeedProps): { speed: number; steps: number } => {\n    const MIN_SPEED = 1;\n    const MAX_SPEED = 10;\n\n    const remainingLength = fullTextLength - currentPosition;\n\n    // Calculate the speed with the remaining text length and the baseSpeedFactor\n    const speed = Math.min(baseSpeedFactor / remainingLength, MAX_SPEED);\n\n    if (speed < MIN_SPEED) {\n        return { speed: 1, steps: 2 };\n    }\n\n    return { speed, steps: 1 };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/typewriter/Typewriter.js

@@ -31,13 +31,16 @@ const Typewriter = _ref => {
     resetSpeed = speed,
     startDelay = TypewriterDelay.None,
     textStyle,
-    shouldCalcAutoSpeed = false
+    shouldCalcAutoSpeed = false,
+    autoSpeedBaseFactor = 2000
   } = _ref;
   const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);
   const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);
   const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);
+  const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);
+  const [shouldStopAnimation, setShouldStopAnimation] = useState(false);
   const [autoSpeed, setAutoSpeed] = useState();
-  const prevText = useRef();
+  const [autoSteps, setAutoSteps] = useState(1);
   const functions = useFunctions();
   const values = useValues();
   useIsomorphicLayoutEffect(() => {
@@ -83,29 +86,26 @@ const Typewriter = _ref => {
       }
     }, sortedChildren))) : sortedChildren;
   }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);
+  const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);
+  const [shownCharCount, setShownCharCount] = useState(charactersCount > 0 ? 0 : textContent.length);
+  const currentPosition = useRef(0);
   useEffect(() => {
     if (!shouldCalcAutoSpeed) {
       setAutoSpeed(undefined);
+      setAutoSteps(1);
       return;
     }
-    if (!prevText.current) {
-      prevText.current = textContent;
-      return;
-    }
-    setAutoSpeed(calculateAutoSpeed({
-      oldText: prevText.current,
-      newText: textContent,
-      baseSpeed: speed
-    }));
-    prevText.current = textContent;
-  }, [shouldCalcAutoSpeed, speed, textContent]);
-  useEffect(() => {
-    console.debug('TEST - Typewriter', autoSpeed);
-  }, [autoSpeed]);
-  const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);
-  const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);
-  const [shownCharCount, setShownCharCount] = useState(charactersCount > 0 ? 0 : textContent.length);
-  const [shouldStopAnimation, setShouldStopAnimation] = useState(false);
+    const {
+      speed: calculatedAutoSpeed,
+      steps
+    } = calculateAutoSpeed({
+      fullTextLength: charactersCount,
+      currentPosition: currentPosition.current,
+      baseSpeedFactor: autoSpeedBaseFactor
+    });
+    setAutoSpeed(calculatedAutoSpeed);
+    setAutoSteps(steps);
+  }, [autoSpeedBaseFactor, charactersCount, shouldCalcAutoSpeed]);
   const isAnimatingText = shownCharCount < textContent.length || shouldForceCursorAnimation || areMultipleChildrenGiven || textContent.length === 0;
   const handleClick = useCallback(event => {
     event.stopPropagation();
@@ -123,6 +123,7 @@ const Typewriter = _ref => {
     let interval;
     if (shouldStopAnimation || charactersCount === 0) {
       setShownCharCount(textContent.length);
+      currentPosition.current = textContent.length;
     } else if (isResetAnimationActive) {
       if (typeof onResetAnimationStart === 'function') {
         onResetAnimationStart();
@@ -130,6 +131,7 @@ const Typewriter = _ref => {
       interval = window.setInterval(() => {
         setShownCharCount(prevState => {
           const nextState = prevState - 1;
+          currentPosition.current = nextState;
           if (nextState === 0) {
             window.clearInterval(interval);
             if (typeof onResetAnimationEnd === 'function') {
@@ -146,16 +148,16 @@ const Typewriter = _ref => {
         });
       }, resetSpeed);
     } else {
-      const setInterval = () => {
+      const startTypingAnimation = () => {
         if (cursorType === CursorType.Thin) {
           setShouldPreventBlinkingCursor(true);
         }
         if (typeof onTypingAnimationStart === 'function') {
           onTypingAnimationStart();
         }
-        interval = window.setInterval(() => {
+        const runTypingInterval = () => {
           setShownCharCount(prevState => {
-            let nextState = Math.min(prevState + 1, charactersCount);
+            let nextState = Math.min(prevState + autoSteps, charactersCount);
             if (nextState >= charactersCount && !shouldWaitForContent) {
               window.clearInterval(interval);
               if (cursorType === CursorType.Thin) {
@@ -182,20 +184,26 @@ const Typewriter = _ref => {
                 }, resetDelay);
               }
             }
+            currentPosition.current = nextState;
             return nextState;
           });
-        }, autoSpeed ?? speed);
+        };
+        interval = window.setInterval(runTypingInterval, autoSpeed ?? speed);
       };
       if (startDelay) {
-        setTimeout(setInterval, startDelay);
+        setTimeout(startTypingAnimation, startDelay);
       } else {
-        setInterval();
+        startTypingAnimation();
       }
     }
+    console.debug('TEST - Typewriter', {
+      autoSpeed,
+      autoSteps
+    });
     return () => {
       window.clearInterval(interval);
     };
-  }, [resetSpeed, speed, resetDelay, childrenCount, charactersCount, textContent.length, shouldStopAnimation, shouldWaitForContent, isResetAnimationActive, shouldUseResetAnimation, areMultipleChildrenGiven, handleSetNextChildrenIndex, nextTextDelay, startDelay, onResetAnimationStart, onResetAnimationEnd, onTypingAnimationStart, onTypingAnimationEnd, cursorType, autoSpeed]);
+  }, [resetSpeed, speed, resetDelay, childrenCount, charactersCount, textContent.length, shouldStopAnimation, shouldWaitForContent, isResetAnimationActive, shouldUseResetAnimation, areMultipleChildrenGiven, handleSetNextChildrenIndex, nextTextDelay, startDelay, onResetAnimationStart, onResetAnimationEnd, onTypingAnimationStart, onTypingAnimationEnd, cursorType, autoSpeed, autoSteps]);
   useEffect(() => {
     if (!isAnimatingText && typeof onFinish === 'function') {
       onFinish();

package/lib/esm/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","useIsomorphicLayoutEffect","window","Typewriter","_ref","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","autoSpeed","setAutoSpeed","prevText","functions","values","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","colorMode","style","display","undefined","current","oldText","newText","baseSpeed","console","debug","charactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","isAnimatingText","handleClick","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","Thin","Math","min","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the CursorType enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     * This prop is only used if multiple texts are given.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     * This prop is only used if multiple texts are given.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Whether the animation speed should be calculated with the chunk interval.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [autoSpeed, setAutoSpeed] = useState<number>();\n\n    const prevText = useRef<string>();\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n\n            return;\n        }\n\n        if (!prevText.current) {\n            prevText.current = textContent;\n\n            return;\n        }\n\n        setAutoSpeed(\n            calculateAutoSpeed({\n                oldText: prevText.current,\n                newText: textContent,\n                baseSpeed: speed,\n            }),\n        );\n\n        prevText.current = textContent;\n    }, [shouldCalcAutoSpeed, speed, textContent]);\n\n    useEffect(() => {\n        console.debug('TEST - Typewriter', autoSpeed);\n    }, [autoSpeed]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback((event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (typeof onResetAnimationEnd === 'function') {\n                            onResetAnimationEnd();\n                        }\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, nextTextDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, resetSpeed);\n        } else {\n            const setInterval = () => {\n                if (cursorType === CursorType.Thin) {\n                    setShouldPreventBlinkingCursor(true);\n                }\n\n                if (typeof onTypingAnimationStart === 'function') {\n                    onTypingAnimationStart();\n                }\n\n                interval = window.setInterval(() => {\n                    setShownCharCount((prevState) => {\n                        let nextState = Math.min(prevState + 1, charactersCount);\n\n                        if (nextState >= charactersCount && !shouldWaitForContent) {\n                            window.clearInterval(interval);\n\n                            if (cursorType === CursorType.Thin) {\n                                setShouldPreventBlinkingCursor(false);\n                            }\n\n                            if (typeof onTypingAnimationEnd === 'function') {\n                                onTypingAnimationEnd();\n                            }\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, nextTextDelay);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n\n                        return nextState;\n                    });\n                }, autoSpeed ?? speed);\n            };\n\n            if (startDelay) {\n                setTimeout(setInterval, startDelay);\n            } else {\n                setInterval();\n            }\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","useIsomorphicLayoutEffect","window","Typewriter","_ref","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","setAutoSpeed","autoSteps","setAutoSteps","functions","values","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","colorMode","style","display","charactersCount","shownCharCount","setShownCharCount","currentPosition","undefined","calculatedAutoSpeed","steps","fullTextLength","current","baseSpeedFactor","isAnimatingText","handleClick","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","console","debug","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport { ChaynsProvider, useFunctions, useValues } from 'chayns-api';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport { CursorType } from '../../types/cursor';\nimport { TypewriterDelay, TypewriterSpeed } from '../../types/speed';\nimport AnimatedTypewriterText from './AnimatedTypewriterText';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { calculateAutoSpeed, getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n    /**\n     * The base speed factor to calculate the animation speed.\n     */\n    autoSpeedBaseFactor?: number;\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * The type of the cursor. Use the CursorType enum for this prop.\n     */\n    cursorType?: CursorType;\n    /**\n     * The delay in milliseconds before the next text is shown.\n     * This prop is only used if multiple texts are given.\n     */\n    nextTextDelay?: TypewriterDelay;\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has finished. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the reset animation has started. This function will not be\n     * executed if `shouldUseResetAnimation` is not set to `true`.\n     */\n    onResetAnimationStart?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has finished. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationEnd?: VoidFunction;\n    /**\n     * Function that is executed when the typing animation has started. If multiple texts are given,\n     * this function will be executed for each text.\n     */\n    onTypingAnimationStart?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time in milliseconds before the typewriter resets the text.\n     * This prop is only used if multiple texts are given.\n     */\n    resetDelay?: TypewriterDelay;\n    /**\n     * The reset speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    resetSpeed?: TypewriterSpeed | number;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Whether the animation speed should be calculated with the chunk interval.\n     */\n    shouldCalcAutoSpeed?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The delay in milliseconds before the typewriter starts typing.\n     */\n    startDelay?: TypewriterDelay;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    cursorType = CursorType.Default,\n    nextTextDelay = TypewriterDelay.Medium,\n    onFinish,\n    onResetAnimationEnd,\n    onResetAnimationStart,\n    onTypingAnimationEnd,\n    onTypingAnimationStart,\n    pseudoChildren,\n    resetDelay = TypewriterDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    resetSpeed = speed,\n    startDelay = TypewriterDelay.None,\n    textStyle,\n    shouldCalcAutoSpeed = false,\n    autoSpeedBaseFactor = 2000,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n    const [shouldPreventBlinkingCursor, setShouldPreventBlinkingCursor] = useState(false);\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [autoSpeed, setAutoSpeed] = useState<number>();\n    const [autoSteps, setAutoSteps] = useState(1);\n\n    const functions = useFunctions();\n    const values = useValues();\n\n    useIsomorphicLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ChaynsProvider data={values} functions={functions} isModule>\n                              <ColorSchemeProvider\n                                  color=\"#005EB8\"\n                                  colorMode={0}\n                                  style={{ display: 'inline' }}\n                              >\n                                  {currentChildren}\n                              </ColorSchemeProvider>\n                          </ChaynsProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ChaynsProvider data={values} functions={functions} isModule>\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {sortedChildren}\n                      </ColorSchemeProvider>\n                  </ChaynsProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, functions, sortedChildren, values]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n\n    const currentPosition = useRef(0);\n\n    useEffect(() => {\n        if (!shouldCalcAutoSpeed) {\n            setAutoSpeed(undefined);\n            setAutoSteps(1);\n\n            return;\n        }\n\n        const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed({\n            fullTextLength: charactersCount,\n            currentPosition: currentPosition.current,\n            baseSpeedFactor: autoSpeedBaseFactor,\n        });\n\n        setAutoSpeed(calculatedAutoSpeed);\n        setAutoSteps(steps);\n    }, [autoSpeedBaseFactor, charactersCount, shouldCalcAutoSpeed]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback((event: React.MouseEvent) => {\n        event.stopPropagation();\n        event.preventDefault();\n\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n            currentPosition.current = textContent.length;\n        } else if (isResetAnimationActive) {\n            if (typeof onResetAnimationStart === 'function') {\n                onResetAnimationStart();\n            }\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n                    currentPosition.current = nextState;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (typeof onResetAnimationEnd === 'function') {\n                            onResetAnimationEnd();\n                        }\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, nextTextDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, resetSpeed);\n        } else {\n            const startTypingAnimation = () => {\n                if (cursorType === CursorType.Thin) {\n                    setShouldPreventBlinkingCursor(true);\n                }\n\n                if (typeof onTypingAnimationStart === 'function') {\n                    onTypingAnimationStart();\n                }\n\n                const runTypingInterval = () => {\n                    setShownCharCount((prevState) => {\n                        let nextState = Math.min(prevState + autoSteps, charactersCount);\n\n                        if (nextState >= charactersCount && !shouldWaitForContent) {\n                            window.clearInterval(interval);\n\n                            if (cursorType === CursorType.Thin) {\n                                setShouldPreventBlinkingCursor(false);\n                            }\n\n                            if (typeof onTypingAnimationEnd === 'function') {\n                                onTypingAnimationEnd();\n                            }\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, nextTextDelay);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n\n                        currentPosition.current = nextState;\n\n                        return nextState;\n                    });\n                };\n\n                interval = window.setInterval(runTypingInterval, autoSpeed ?? speed);\n            };\n\n            if (startDelay) {\n                setTimeout(startTypingAnimation, startDelay);\n            } else {\n                startTypingAnimation();\n            }\n        }\n\n        console.debug('TEST - Typewriter', { autoSpeed, autoSteps });\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        resetSpeed,\n        speed,\n        resetDelay,\n        childrenCount,\n        charactersCount,\n        textContent.length,\n        shouldStopAnimation,\n        shouldWaitForContent,\n        isResetAnimationActive,\n        shouldUseResetAnimation,\n        areMultipleChildrenGiven,\n        handleSetNextChildrenIndex,\n        nextTextDelay,\n        startDelay,\n        onResetAnimationStart,\n        onResetAnimationEnd,\n        onTypingAnimationStart,\n        onTypingAnimationEnd,\n        cursorType,\n        autoSpeed,\n        autoSteps,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ChaynsProvider data={values} functions={functions} isModule>\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {pseudoChildren}\n                          </ColorSchemeProvider>\n                      </ChaynsProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [functions, pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent, values]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter\n                $cursorType={cursorType}\n                onClick={isAnimatingText ? handleClick : undefined}\n                $isAnimatingText={isAnimatingText}\n                $shouldHideCursor={shouldHideCursor}\n                $shouldPreventBlinkAnimation={shouldPreventBlinkingCursor}\n            >\n                {isAnimatingText ? (\n                    <AnimatedTypewriterText\n                        shouldHideCursor={shouldHideCursor}\n                        shownText={shownText}\n                        textStyle={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        $isAnimatingText={isAnimatingText}\n                        $shouldHideCursor={shouldHideCursor}\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            cursorType,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shouldPreventBlinkingCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/typewriter/utils.js

@@ -1,5 +1,3 @@
-import { TypewriterSpeed } from '../../types/speed';
-
 /**
  * This function extracts a part of the text from an HTML text. The HTML elements themselves are
  * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML
@@ -86,19 +84,25 @@ export const shuffleArray = array => {
 };
 export const calculateAutoSpeed = _ref => {
   let {
-    oldText,
-    newText,
-    baseSpeed = TypewriterSpeed.Fast,
-    maxDuration = 50
+    fullTextLength,
+    currentPosition,
+    baseSpeedFactor
   } = _ref;
-  const oldLength = oldText.length;
-  const newLength = newText.length;
-  const chunkLength = newLength - oldLength;
-  if (chunkLength <= 0) {
-    return baseSpeed;
+  const MIN_SPEED = 1;
+  const MAX_SPEED = 10;
+  const remainingLength = fullTextLength - currentPosition;
+
+  // Calculate the speed with the remaining text length and the baseSpeedFactor
+  const speed = Math.min(baseSpeedFactor / remainingLength, MAX_SPEED);
+  if (speed < MIN_SPEED) {
+    return {
+      speed: 1,
+      steps: 2
+    };
   }
-  const minSpeed = 1;
-  const calculatedSpeed = Math.min(maxDuration / chunkLength, baseSpeed);
-  return Math.max(calculatedSpeed, minSpeed);
+  return {
+    speed,
+    steps: 1
+  };
 };
 //# sourceMappingURL=utils.js.map

package/lib/esm/components/typewriter/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["TypewriterSpeed","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeName","nodeType","textContent","nodeText","substring","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","_ref","oldText","newText","baseSpeed","Fast","maxDuration","oldLength","newLength","chunkLength","minSpeed","calculatedSpeed","min","max"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeName === 'TWIGNORE') {\n            text += element.innerHTML;\n        } else if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeName === 'TWIGNORE') {\n            count += 1;\n        } else if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n\ninterface CalculateAutoSpeedProps {\n    oldText: string;\n    newText: string;\n    baseSpeed?: number;\n    maxDuration?: number;\n}\n\nexport const calculateAutoSpeed = ({\n    oldText,\n    newText,\n    baseSpeed = TypewriterSpeed.Fast,\n    maxDuration = 50,\n}: CalculateAutoSpeedProps): number => {\n    const oldLength = oldText.length;\n    const newLength = newText.length;\n    const chunkLength = newLength - oldLength;\n\n    if (chunkLength <= 0) {\n        return baseSpeed;\n    }\n\n    const minSpeed = 1;\n\n    const calculatedSpeed = Math.min(maxDuration / chunkLength, baseSpeed);\n\n    return Math.max(calculatedSpeed, minSpeed);\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","traverse","element","nodeName","nodeType","textContent","nodeText","substring","toLowerCase","attributes","attribute","name","value","i","childNodes","childNode","getCharactersCount","count","node","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","_ref","fullTextLength","currentPosition","baseSpeedFactor","MIN_SPEED","MAX_SPEED","remainingLength","speed","min","steps"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["/**\n * This function extracts a part of the text from an HTML text. The HTML elements themselves are\n * returned in the result. In addition, the function ensures that the closing tag of the Bold HTML\n * element is also returned for text that is cut off in the middle of a Bold element, for example.\n *\n * @param html - The text from which a part should be taken\n * @param length - The length of the text to be extracted\n *\n * @return string - The text part with the specified length - additionally the HTML elements are added\n */\nexport const getSubTextFromHTML = (html: string, length: number): string => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let text = '';\n    let currLength = 0;\n\n    const traverse = (element: Element): boolean => {\n        if (element.nodeName === 'TWIGNORE') {\n            text += element.innerHTML;\n        } else if (element.nodeType === 3 && typeof element.textContent === 'string') {\n            const nodeText = element.textContent;\n\n            if (currLength + nodeText.length <= length) {\n                text += nodeText;\n                currLength += nodeText.length;\n            } else {\n                text += nodeText.substring(0, length - currLength);\n\n                return false;\n            }\n        } else if (element.nodeType === 1) {\n            const nodeName = element.nodeName.toLowerCase();\n\n            let attributes = '';\n\n            // @ts-expect-error: Type is correct here\n            // eslint-disable-next-line no-restricted-syntax\n            for (const attribute of element.attributes) {\n                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access,@typescript-eslint/restrict-template-expressions\n                attributes += ` ${attribute.name}=\"${attribute.value}\"`;\n            }\n\n            text += `<${nodeName}${attributes}>`;\n\n            for (let i = 0; i < element.childNodes.length; i++) {\n                const childNode = element.childNodes[i];\n\n                if (childNode && !traverse(childNode as Element)) {\n                    return false;\n                }\n            }\n\n            text += `</${nodeName}>`;\n        }\n\n        return true;\n    };\n\n    for (let i = 0; i < div.childNodes.length; i++) {\n        const childNode = div.childNodes[i];\n\n        if (childNode && !traverse(childNode as Element)) {\n            return text;\n        }\n    }\n\n    return text;\n};\n\nexport const getCharactersCount = (html: string): number => {\n    const div = document.createElement('div');\n\n    div.innerHTML = html;\n\n    let count = 0;\n\n    const traverse = (node: Node): void => {\n        if (node.nodeName === 'TWIGNORE') {\n            count += 1;\n        } else if (node.nodeType === 3 && typeof node.textContent === 'string') {\n            count += node.textContent.trim().length;\n        } else if (node.nodeType === 1) {\n            if (node.nodeName === 'CODE' && node.textContent !== null) {\n                count += node.textContent.length;\n\n                return;\n            }\n\n            Array.from(node.childNodes).forEach(traverse);\n        }\n    };\n\n    Array.from(div.childNodes).forEach(traverse);\n\n    return count;\n};\n\nexport const shuffleArray = <T>(array: T[]): T[] => {\n    const result = Array.from(array);\n\n    for (let i = result.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n\n        [result[i], result[j]] = [result[j]!, result[i]!];\n    }\n\n    return result;\n};\n\ninterface CalculateAutoSpeedProps {\n    fullTextLength: number;\n    currentPosition: number;\n    baseSpeedFactor: number;\n}\n\nexport const calculateAutoSpeed = ({\n    fullTextLength,\n    currentPosition,\n    baseSpeedFactor,\n}: CalculateAutoSpeedProps): { speed: number; steps: number } => {\n    const MIN_SPEED = 1;\n    const MAX_SPEED = 10;\n\n    const remainingLength = fullTextLength - currentPosition;\n\n    // Calculate the speed with the remaining text length and the baseSpeedFactor\n    const speed = Math.min(baseSpeedFactor / remainingLength, MAX_SPEED);\n\n    if (speed < MIN_SPEED) {\n        return { speed: 1, steps: 2 };\n    }\n\n    return { speed, steps: 1 };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/typewriter/Typewriter.d.ts

@@ -2,6 +2,10 @@ import React, { FC, ReactElement } from 'react';
 import { CursorType } from '../../types/cursor';
 import { TypewriterDelay, TypewriterSpeed } from '../../types/speed';
 export type TypewriterProps = {
+    /**
+     * The base speed factor to calculate the animation speed.
+     */
+    autoSpeedBaseFactor?: number;
     /**
      * The text to type
      */

package/lib/types/components/typewriter/utils.d.ts

@@ -12,10 +12,12 @@ export declare const getSubTextFromHTML: (html: string, length: number) => strin
 export declare const getCharactersCount: (html: string) => number;
 export declare const shuffleArray: <T>(array: T[]) => T[];
 interface CalculateAutoSpeedProps {
-    oldText: string;
-    newText: string;
-    baseSpeed?: number;
-    maxDuration?: number;
+    fullTextLength: number;
+    currentPosition: number;
+    baseSpeedFactor: number;
 }
-export declare const calculateAutoSpeed: ({ oldText, newText, baseSpeed, maxDuration, }: CalculateAutoSpeedProps) => number;
+export declare const calculateAutoSpeed: ({ fullTextLength, currentPosition, baseSpeedFactor, }: CalculateAutoSpeedProps) => {
+    speed: number;
+    steps: number;
+};
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.958",
+    "version": "5.0.0-beta.960",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -81,5 +81,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "c1bc899e43dd7478b0f67b849b6faf5c563881c7"
+    "gitHead": "07ad1c2f3597a911746a883d5b3291a894bbc4df"
 }