@chayns-components/typewriter 5.0.41 → 5.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/AGENTS.md CHANGED
@@ -217,6 +217,18 @@ import { Typewriter } from '@chayns-components/typewriter';
217
217
  </Typewriter>
218
218
  ```
219
219
 
220
+ #### test
221
+
222
+ ```tsx
223
+ <Typewriter
224
+ textStyle={{
225
+ color: 'red',
226
+ }}
227
+ >
228
+ {'Hallooo.'}
229
+ </Typewriter>
230
+ ```
231
+
220
232
  ### Props
221
233
 
222
234
  No prop documentation available.
@@ -105,7 +105,6 @@ const Typewriter = ({
105
105
  }, [areMultipleChildrenGiven, colorScheme === null || colorScheme === void 0 || (_colorScheme$designSe5 = colorScheme.designSettings) === null || _colorScheme$designSe5 === void 0 ? void 0 : _colorScheme$designSe5.color, colorScheme === null || colorScheme === void 0 || (_colorScheme$designSe6 = colorScheme.designSettings) === null || _colorScheme$designSe6 === void 0 ? void 0 : _colorScheme$designSe6.colorMode, currentChildrenIndex, functions, sortedChildren, values]);
106
106
  const charactersCount = (0, _react.useMemo)(() => (0, _utils.getCharactersCount)(textContent), [textContent]);
107
107
  const chunkIntervalExponentialMovingAverage = (0, _react.useRef)({
108
- lastTimestamp: undefined,
109
108
  lastLength: charactersCount,
110
109
  ema: charactersCount / (autoSpeedBaseFactor / 1000)
111
110
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Typewriter.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","_colorScheme$designSe5","_colorScheme$designSe6","_colorScheme$designSe9","_colorScheme$designSe0","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","useRef","autoSteps","functions","useFunctions","values","useValues","colorScheme","useColorScheme","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","_colorScheme$designSe3","_colorScheme$designSe4","currentChildren","_colorScheme$designSe","_colorScheme$designSe2","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","designSettings","colorMode","style","display","className","charactersCount","getCharactersCount","chunkIntervalExponentialMovingAverage","lastTimestamp","undefined","lastLength","ema","shownCharCount","setShownCharCount","currentPosition","current","updateChunkStreamingSpeedEMA","currentLength","state","calculatedAutoSpeed","steps","calculateAutoSpeed","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","getSubTextFromHTML","pseudoTextHTML","_colorScheme$designSe7","_colorScheme$designSe8","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","StyledTypewriterPseudoText","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } 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 { CSSPropertiesWithVars } from 'styled-components/dist/types';\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 {\n calculateAutoSpeed,\n ChunkStreamingSpeedState,\n getCharactersCount,\n getSubTextFromHTML,\n shuffleArray,\n updateChunkStreamingSpeedEMA,\n} from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n /**\n * The number of characters that will be animated per animation cycle.\n */\n animationSteps?: 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 * Whether the content should remain a single line.\n */\n shouldRemainSingleLine?: 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 * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.\n * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at\n */\n autoSpeedBaseFactor?: number;\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?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n children,\n cursorType = CursorType.Default,\n nextTextDelay = TypewriterDelay.Medium,\n onFinish,\n onResetAnimationEnd,\n animationSteps = 1,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n pseudoChildren,\n resetDelay = TypewriterDelay.Medium,\n shouldForceCursorAnimation = false,\n shouldHideCursor = false,\n shouldRemainSingleLine = 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 = useRef<number>();\n const autoSteps = useRef<number>(animationSteps);\n\n const functions = useFunctions();\n const values = useValues();\n\n const colorScheme = useColorScheme();\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{currentChildren}</span>\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{sortedChildren}</span>\n </ColorSchemeProvider>\n </ChaynsProvider>,\n )\n : (sortedChildren as string);\n }, [\n areMultipleChildrenGiven,\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n currentChildrenIndex,\n functions,\n sortedChildren,\n values,\n ]);\n\n const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n lastTimestamp: undefined,\n lastLength: charactersCount,\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n });\n\n const [shownCharCount, setShownCharCount] = useState(\n charactersCount > 0 ? 0 : textContent.length,\n );\n\n const currentPosition = useRef(0);\n\n useEffect(() => {\n if (shouldUseResetAnimation) {\n chunkIntervalExponentialMovingAverage.current = {\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n lastLength: charactersCount,\n };\n }\n chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n currentLength: charactersCount,\n state: chunkIntervalExponentialMovingAverage.current,\n });\n }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n useEffect(() => {\n if (!shouldCalcAutoSpeed) {\n autoSpeed.current = undefined;\n autoSteps.current = animationSteps;\n return;\n }\n\n const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n chunkIntervalExponentialMovingAverage.current.ema,\n );\n autoSpeed.current = calculatedAutoSpeed;\n autoSteps.current = steps;\n }, [animationSteps, 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 - autoSteps.current;\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.current, 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 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 interval = window.setInterval(runTypingInterval, autoSpeed.current ?? speed);\n };\n\n if (startDelay) {\n setTimeout(startTypingAnimation, startDelay);\n } else {\n startTypingAnimation();\n }\n }\n\n return () => {\n window.clearInterval(interval);\n };\n }, [\n areMultipleChildrenGiven,\n autoSteps,\n charactersCount,\n cursorType,\n handleSetNextChildrenIndex,\n isResetAnimationActive,\n nextTextDelay,\n onResetAnimationEnd,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n resetDelay,\n resetSpeed,\n shouldStopAnimation,\n shouldUseResetAnimation,\n shouldWaitForContent,\n speed,\n startDelay,\n textContent.length,\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\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 }, [\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n functions,\n pseudoChildren,\n shouldUseAnimationHeight,\n shownCharCount,\n textContent,\n values,\n ]);\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 shouldRemainSingleLine={shouldRemainSingleLine}\n shownText={shownText}\n textStyle={textStyle}\n />\n ) : (\n <StyledTypewriterText\n className=\"notranslate\"\n $shouldRemainSingleLine={shouldRemainSingleLine}\n dangerouslySetInnerHTML={\n typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n }\n style={textStyle}\n >\n {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n </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 a 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 shouldRemainSingleLine,\n shownText,\n sortedChildren,\n textStyle,\n ],\n );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAUA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,uBAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAKA,IAAAW,MAAA,GAAAX,OAAA;AAOiB,SAAAS,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAS,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAEjB,MAAMgB,yBAAyB,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGC,sBAAe,GAAGC,gBAAS;AAkH7F,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,QAAQ;EACRC,UAAU,GAAGC,kBAAU,CAACC,OAAO;EAC/BC,aAAa,GAAGC,sBAAe,CAACC,MAAM;EACtCC,QAAQ;EACRC,mBAAmB;EACnBC,cAAc,GAAG,CAAC;EAClBC,qBAAqB;EACrBC,oBAAoB;EACpBC,sBAAsB;EACtBC,cAAc;EACdC,UAAU,GAAGT,sBAAe,CAACC,MAAM;EACnCS,0BAA0B,GAAG,KAAK;EAClCC,gBAAgB,GAAG,KAAK;EACxBC,sBAAsB,GAAG,KAAK;EAC9BC,0BAA0B,GAAG,KAAK;EAClCC,wBAAwB,GAAG,KAAK;EAChCC,uBAAuB,GAAG,KAAK;EAC/BC,oBAAoB;EACpBC,KAAK,GAAGC,sBAAe,CAACjB,MAAM;EAC9BkB,UAAU,GAAGF,KAAK;EAClBG,UAAU,GAAGpB,sBAAe,CAACqB,IAAI;EACjCC,SAAS;EACTC,mBAAmB,GAAG,KAAK;EAC3BC,mBAAmB,GAAG;AAC1B,CAAC,KAAK;EAAA,IAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EACF,MAAM,CAACC,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACnE,MAAM,CAACC,uBAAuB,EAAEC,0BAA0B,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAC7E,MAAM,CAACG,2BAA2B,EAAEC,8BAA8B,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EACrF,MAAM,CAACK,sBAAsB,EAAEC,yBAAyB,CAAC,GAAG,IAAAN,eAAQ,EAAC,KAAK,CAAC;EAC3E,MAAM,CAACO,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EACrE,MAAMS,SAAS,GAAG,IAAAC,aAAM,EAAS,CAAC;EAClC,MAAMC,SAAS,GAAG,IAAAD,aAAM,EAASrC,cAAc,CAAC;EAEhD,MAAMuC,SAAS,GAAG,IAAAC,uBAAY,EAAC,CAAC;EAChC,MAAMC,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAE1B,MAAMC,WAAW,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAEpC1D,yBAAyB,CAAC,MAAM;IAC5B,IAAIK,QAAQ,EAAE;MACVsC,0BAA0B,CAAC,KAAK,CAAC;IACrC;EACJ,CAAC,EAAE,CAACtC,QAAQ,CAAC,CAAC;EAEd,IAAAF,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACuC,uBAAuB,EAAE;MAC1BC,0BAA0B,CAAC,IAAI,CAAC;IACpC;EACJ,CAAC,EAAE,CAACD,uBAAuB,CAAC,CAAC;EAE7B,MAAMiB,cAAc,GAAG,IAAAC,cAAO,EAC1B,MACIC,KAAK,CAACC,OAAO,CAACzD,QAAQ,CAAC,IAAIkB,0BAA0B,GAC/C,IAAAwC,mBAAY,EAAwB1D,QAAQ,CAAC,GAC7CA,QAAQ,EAClB,CAACA,QAAQ,EAAEkB,0BAA0B,CACzC,CAAC;EAED,MAAMyC,wBAAwB,GAAGH,KAAK,CAACC,OAAO,CAACH,cAAc,CAAC;EAC9D,MAAMM,aAAa,GAAGD,wBAAwB,GAAGL,cAAc,CAACO,MAAM,GAAG,CAAC;EAE1E,MAAMC,WAAW,GAAG,IAAAP,cAAO,EAAC,MAAM;IAAA,IAAAQ,sBAAA,EAAAC,sBAAA;IAC9B,IAAIL,wBAAwB,EAAE;MAC1B,MAAMM,eAAe,GAAGX,cAAc,CAACpB,oBAAoB,CAAC;MAE5D,IAAI+B,eAAe,EAAE;QAAA,IAAAC,qBAAA,EAAAC,sBAAA;QACjB,OAAO,aAAAC,cAAK,CAACC,cAAc,CAACJ,eAAe,CAAC,GACtC,IAAAK,sBAAc,eACVxG,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC1G,UAAA,CAAA2G,cAAc;UAACC,IAAI,EAAEvB,MAAO;UAACF,SAAS,EAAEA,SAAU;UAAC0B,QAAQ;QAAA,gBACxD5G,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC5G,KAAA,CAAAgH,mBAAmB;UAChBC,KAAK,EAAExB,WAAW,aAAXA,WAAW,gBAAAc,qBAAA,GAAXd,WAAW,CAAEyB,cAAc,cAAAX,qBAAA,uBAA3BA,qBAAA,CAA6BU,KAAM;UAC1CE,SAAS,EAAE1B,WAAW,aAAXA,WAAW,gBAAAe,sBAAA,GAAXf,WAAW,CAAEyB,cAAc,cAAAV,sBAAA,uBAA3BA,sBAAA,CAA6BW,SAAU;UAClDC,KAAK,EAAE;YAAEC,OAAO,EAAE;UAAS;QAAE,gBAE7BlH,MAAA,CAAAY,OAAA,CAAA6F,aAAA;UAAMU,SAAS,EAAC;QAAa,GAAEhB,eAAsB,CACpC,CACT,CACpB,CAAC,GACAA,eAA0B;MACrC;MAEA,OAAO,EAAE;IACb;IAEA,OAAO,aAAAG,cAAK,CAACC,cAAc,CAACf,cAAc,CAAC,GACrC,IAAAgB,sBAAc,eACVxG,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC1G,UAAA,CAAA2G,cAAc;MAACC,IAAI,EAAEvB,MAAO;MAACF,SAAS,EAAEA,SAAU;MAAC0B,QAAQ;IAAA,gBACxD5G,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC5G,KAAA,CAAAgH,mBAAmB;MAChBC,KAAK,EAAExB,WAAW,aAAXA,WAAW,gBAAAW,sBAAA,GAAXX,WAAW,CAAEyB,cAAc,cAAAd,sBAAA,uBAA3BA,sBAAA,CAA6Ba,KAAM;MAC1CE,SAAS,EAAE1B,WAAW,aAAXA,WAAW,gBAAAY,sBAAA,GAAXZ,WAAW,CAAEyB,cAAc,cAAAb,sBAAA,uBAA3BA,sBAAA,CAA6Bc,SAAU;MAClDC,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAS;IAAE,gBAE7BlH,MAAA,CAAAY,OAAA,CAAA6F,aAAA;MAAMU,SAAS,EAAC;IAAa,GAAE3B,cAAqB,CACnC,CACT,CACpB,CAAC,GACAA,cAAyB;EACpC,CAAC,EAAE,CACCK,wBAAwB,EACxBP,WAAW,aAAXA,WAAW,gBAAAtB,sBAAA,GAAXsB,WAAW,CAAEyB,cAAc,cAAA/C,sBAAA,uBAA3BA,sBAAA,CAA6B8C,KAAK,EAClCxB,WAAW,aAAXA,WAAW,gBAAArB,sBAAA,GAAXqB,WAAW,CAAEyB,cAAc,cAAA9C,sBAAA,uBAA3BA,sBAAA,CAA6B+C,SAAS,EACtC5C,oBAAoB,EACpBc,SAAS,EACTM,cAAc,EACdJ,MAAM,CACT,CAAC;EAEF,MAAMgC,eAAe,GAAG,IAAA3B,cAAO,EAAC,MAAM,IAAA4B,yBAAkB,EAACrB,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAErF,MAAMsB,qCAAqC,GAAG,IAAAtC,aAAM,EAA2B;IAC3EuC,aAAa,EAAEC,SAAS;IACxBC,UAAU,EAAEL,eAAe;IAC3BM,GAAG,EAAEN,eAAe,IAAIrD,mBAAmB,GAAG,IAAI;EACtD,CAAC,CAAC;EAEF,MAAM,CAAC4D,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAtD,eAAQ,EAChD8C,eAAe,GAAG,CAAC,GAAG,CAAC,GAAGpB,WAAW,CAACD,MAC1C,CAAC;EAED,MAAM8B,eAAe,GAAG,IAAA7C,aAAM,EAAC,CAAC,CAAC;EAEjC,IAAAhD,gBAAS,EAAC,MAAM;IACZ,IAAIsB,uBAAuB,EAAE;MACzBgE,qCAAqC,CAACQ,OAAO,GAAG;QAC5CJ,GAAG,EAAEN,eAAe,IAAIrD,mBAAmB,GAAG,IAAI,CAAC;QACnD0D,UAAU,EAAEL;MAChB,CAAC;IACL;IACAE,qCAAqC,CAACQ,OAAO,GAAG,IAAAC,mCAA4B,EAAC;MACzEC,aAAa,EAAEZ,eAAe;MAC9Ba,KAAK,EAAEX,qCAAqC,CAACQ;IACjD,CAAC,CAAC;EACN,CAAC,EAAE,CAAC/D,mBAAmB,EAAEqD,eAAe,EAAE9D,uBAAuB,CAAC,CAAC;EAEnE,IAAAtB,gBAAS,EAAC,MAAM;IACZ,IAAI,CAAC8B,mBAAmB,EAAE;MACtBiB,SAAS,CAAC+C,OAAO,GAAGN,SAAS;MAC7BvC,SAAS,CAAC6C,OAAO,GAAGnF,cAAc;MAClC;IACJ;IAEA,MAAM;MAAEa,KAAK,EAAE0E,mBAAmB;MAAEC;IAAM,CAAC,GAAG,IAAAC,yBAAkB,EAC5Dd,qCAAqC,CAACQ,OAAO,CAACJ,GAClD,CAAC;IACD3C,SAAS,CAAC+C,OAAO,GAAGI,mBAAmB;IACvCjD,SAAS,CAAC6C,OAAO,GAAGK,KAAK;EAC7B,CAAC,EAAE,CAACxF,cAAc,EAAEyE,eAAe,EAAEtD,mBAAmB,CAAC,CAAC;EAE1D,MAAMuE,eAAe,GACjBV,cAAc,GAAG3B,WAAW,CAACD,MAAM,IACnC9C,0BAA0B,IAC1B4C,wBAAwB,IACxBG,WAAW,CAACD,MAAM,KAAK,CAAC;EAE5B,MAAMuC,WAAW,GAAG,IAAAC,kBAAW,EAAEC,KAAuB,IAAK;IACzDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IAEtB5D,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM6D,0BAA0B,GAAG,IAAAJ,kBAAW,EAC1C,MACIlE,uBAAuB,CAAC,MAAM;IAC1B,IAAIuE,QAAQ,GAAGxE,oBAAoB,GAAG,CAAC;IAEvC,IAAIwE,QAAQ,GAAG9C,aAAa,GAAG,CAAC,EAAE;MAC9B8C,QAAQ,GAAG,CAAC;IAChB;IAEA,OAAOA,QAAQ;EACnB,CAAC,CAAC,EACN,CAAC9C,aAAa,EAAE1B,oBAAoB,CACxC,CAAC;EAED,IAAApC,gBAAS,EAAC,MAAM;IACZ,IAAI6G,QAA4B;IAEhC,IAAIhE,mBAAmB,IAAIuC,eAAe,KAAK,CAAC,EAAE;MAC9CQ,iBAAiB,CAAC5B,WAAW,CAACD,MAAM,CAAC;MACrC8B,eAAe,CAACC,OAAO,GAAG9B,WAAW,CAACD,MAAM;IAChD,CAAC,MAAM,IAAIpB,sBAAsB,EAAE;MAC/B,IAAI,OAAO/B,qBAAqB,KAAK,UAAU,EAAE;QAC7CA,qBAAqB,CAAC,CAAC;MAC3B;MAEAiG,QAAQ,GAAG/G,MAAM,CAACgH,WAAW,CAAC,MAAM;QAChClB,iBAAiB,CAAEmB,SAAS,IAAK;UAC7B,MAAMC,SAAS,GAAGD,SAAS,GAAG9D,SAAS,CAAC6C,OAAO;UAC/CD,eAAe,CAACC,OAAO,GAAGkB,SAAS;UAEnC,IAAIA,SAAS,KAAK,CAAC,EAAE;YACjBlH,MAAM,CAACmH,aAAa,CAACJ,QAAQ,CAAC;YAE9B,IAAI,OAAOnG,mBAAmB,KAAK,UAAU,EAAE;cAC3CA,mBAAmB,CAAC,CAAC;YACzB;YAEA,IAAImD,wBAAwB,EAAE;cAC1BqD,UAAU,CAAC,MAAM;gBACbtE,yBAAyB,CAAC,KAAK,CAAC;gBAChC+D,0BAA0B,CAAC,CAAC;cAChC,CAAC,EAAErG,aAAa,CAAC;YACrB;UACJ;UAEA,OAAO0G,SAAS;QACpB,CAAC,CAAC;MACN,CAAC,EAAEtF,UAAU,CAAC;IAClB,CAAC,MAAM;MACH,MAAMyF,oBAAoB,GAAGA,CAAA,KAAM;QAC/B,IAAIhH,UAAU,KAAKC,kBAAU,CAACgH,IAAI,EAAE;UAChC1E,8BAA8B,CAAC,IAAI,CAAC;QACxC;QAEA,IAAI,OAAO5B,sBAAsB,KAAK,UAAU,EAAE;UAC9CA,sBAAsB,CAAC,CAAC;QAC5B;QAEA,MAAMuG,iBAAiB,GAAGA,CAAA,KAAM;UAC5BzB,iBAAiB,CAAEmB,SAAS,IAAK;YAC7B,IAAIC,SAAS,GAAGM,IAAI,CAACC,GAAG,CAACR,SAAS,GAAG9D,SAAS,CAAC6C,OAAO,EAAEV,eAAe,CAAC;YAExE,IAAI4B,SAAS,IAAI5B,eAAe,IAAI,CAAC7D,oBAAoB,EAAE;cACvDzB,MAAM,CAACmH,aAAa,CAACJ,QAAQ,CAAC;cAE9B,IAAI1G,UAAU,KAAKC,kBAAU,CAACgH,IAAI,EAAE;gBAChC1E,8BAA8B,CAAC,KAAK,CAAC;cACzC;cAEA,IAAI,OAAO7B,oBAAoB,KAAK,UAAU,EAAE;gBAC5CA,oBAAoB,CAAC,CAAC;cAC1B;;cAEA;AAC5B;AACA;AACA;AACA;cAC4BmG,SAAS,GAAGhD,WAAW,CAACD,MAAM;cAE9B,IAAIF,wBAAwB,EAAE;gBAC1BqD,UAAU,CAAC,MAAM;kBACb,IAAI5F,uBAAuB,EAAE;oBACzBsB,yBAAyB,CAAC,IAAI,CAAC;kBACnC,CAAC,MAAM;oBACHgD,iBAAiB,CAAC,CAAC,CAAC;oBACpBsB,UAAU,CAACP,0BAA0B,EAAErG,aAAa,CAAC;kBACzD;gBACJ,CAAC,EAAEU,UAAU,CAAC;cAClB;YACJ;YAEA6E,eAAe,CAACC,OAAO,GAAGkB,SAAS;YAEnC,OAAOA,SAAS;UACpB,CAAC,CAAC;QACN,CAAC;QACDH,QAAQ,GAAG/G,MAAM,CAACgH,WAAW,CAACO,iBAAiB,EAAEtE,SAAS,CAAC+C,OAAO,IAAItE,KAAK,CAAC;MAChF,CAAC;MAED,IAAIG,UAAU,EAAE;QACZuF,UAAU,CAACC,oBAAoB,EAAExF,UAAU,CAAC;MAChD,CAAC,MAAM;QACHwF,oBAAoB,CAAC,CAAC;MAC1B;IACJ;IAEA,OAAO,MAAM;MACTrH,MAAM,CAACmH,aAAa,CAACJ,QAAQ,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CACChD,wBAAwB,EACxBZ,SAAS,EACTmC,eAAe,EACfjF,UAAU,EACVwG,0BAA0B,EAC1BhE,sBAAsB,EACtBrC,aAAa,EACbI,mBAAmB,EACnBE,qBAAqB,EACrBC,oBAAoB,EACpBC,sBAAsB,EACtBE,UAAU,EACVU,UAAU,EACVmB,mBAAmB,EACnBvB,uBAAuB,EACvBC,oBAAoB,EACpBC,KAAK,EACLG,UAAU,EACVqC,WAAW,CAACD,MAAM,CACrB,CAAC;EAEF,IAAA/D,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACqG,eAAe,IAAI,OAAO5F,QAAQ,KAAK,UAAU,EAAE;MACpDA,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC,EAAE,CAAC4F,eAAe,EAAE5F,QAAQ,CAAC,CAAC;EAE/B,MAAM+G,SAAS,GAAG,IAAA/D,cAAO,EACrB,MAAM,IAAAgE,yBAAkB,EAACzD,WAAW,EAAE2B,cAAc,CAAC,EACrD,CAACA,cAAc,EAAE3B,WAAW,CAChC,CAAC;EAED,MAAM0D,cAAc,GAAG,IAAAjE,cAAO,EAAC,MAAM;IACjC,IAAI1C,cAAc,EAAE;MAAA,IAAA4G,sBAAA,EAAAC,sBAAA;MAChB,MAAMC,UAAU,GAAG,aAAAvD,cAAK,CAACC,cAAc,CAACxD,cAAc,CAAC,GACjD,IAAAyD,sBAAc,eACVxG,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC1G,UAAA,CAAA2G,cAAc;QAACC,IAAI,EAAEvB,MAAO;QAACF,SAAS,EAAEA,SAAU;QAAC0B,QAAQ;MAAA,gBACxD5G,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAAC5G,KAAA,CAAAgH,mBAAmB;QAChBC,KAAK,EAAExB,WAAW,aAAXA,WAAW,gBAAAqE,sBAAA,GAAXrE,WAAW,CAAEyB,cAAc,cAAA4C,sBAAA,uBAA3BA,sBAAA,CAA6B7C,KAAM;QAC1CE,SAAS,EAAE1B,WAAW,aAAXA,WAAW,gBAAAsE,sBAAA,GAAXtE,WAAW,CAAEyB,cAAc,cAAA6C,sBAAA,uBAA3BA,sBAAA,CAA6B5C,SAAU;QAClDC,KAAK,EAAE;UAAEC,OAAO,EAAE;QAAS;MAAE,GAE5BnE,cACgB,CACT,CACpB,CAAC,GACAA,cAAyB;MAEhC,IAAIM,wBAAwB,EAAE;QAC1B,OAAO,IAAAoG,yBAAkB,EAACI,UAAU,EAAElC,cAAc,CAAC;MACzD;MAEA,OAAOkC,UAAU;IACrB;IAEA,IAAIxG,wBAAwB,IAAI2C,WAAW,EAAE;MACzC,OAAO,IAAAyD,yBAAkB,EAACzD,WAAW,EAAE2B,cAAc,CAAC;IAC1D;IAEA,OAAO3B,WAAW,IAAI,SAAS;EACnC,CAAC,EAAE,CACCV,WAAW,aAAXA,WAAW,gBAAApB,sBAAA,GAAXoB,WAAW,CAAEyB,cAAc,cAAA7C,sBAAA,uBAA3BA,sBAAA,CAA6B4C,KAAK,EAClCxB,WAAW,aAAXA,WAAW,gBAAAnB,sBAAA,GAAXmB,WAAW,CAAEyB,cAAc,cAAA5C,sBAAA,uBAA3BA,sBAAA,CAA6B6C,SAAS,EACtC9B,SAAS,EACTnC,cAAc,EACdM,wBAAwB,EACxBsE,cAAc,EACd3B,WAAW,EACXZ,MAAM,CACT,CAAC;EAEF,OAAO,IAAAK,cAAO,EACV,mBACIzF,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAACjG,WAAA,CAAAsJ,gBAAgB;IACbC,WAAW,EAAE5H,UAAW;IACxB6H,OAAO,EAAE3B,eAAe,GAAGC,WAAW,GAAGd,SAAU;IACnDyC,gBAAgB,EAAE5B,eAAgB;IAClC6B,iBAAiB,EAAEhH,gBAAiB;IACpCiH,4BAA4B,EAAE1F;EAA4B,GAEzD4D,eAAe,gBACZrI,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAACnG,uBAAA,CAAAM,OAAsB;IACnBsC,gBAAgB,EAAEA,gBAAiB;IACnCC,sBAAsB,EAAEA,sBAAuB;IAC/CqG,SAAS,EAAEA,SAAU;IACrB3F,SAAS,EAAEA;EAAU,CACxB,CAAC,gBAEF7D,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAACjG,WAAA,CAAA4J,oBAAoB;IACjBjD,SAAS,EAAC,aAAa;IACvBkD,uBAAuB,EAAElH,sBAAuB;IAChDmH,uBAAuB,EACnB,OAAO9E,cAAc,KAAK,QAAQ,GAAG;MAAE+E,MAAM,EAAEf;IAAU,CAAC,GAAGhC,SAChE;IACDP,KAAK,EAAEpD;EAAU,GAEhB,OAAO2B,cAAc,KAAK,QAAQ,GAAGA,cAAc,GAAGgC,SACrC,CACzB,EACAa,eAAe,iBACZrI,MAAA,CAAAY,OAAA,CAAA6F,aAAA,CAACjG,WAAA,CAAAgK,0BAA0B;IACvBP,gBAAgB,EAAE5B,eAAgB;IAClC6B,iBAAiB,EAAEhH,gBAAiB;IACpCoH,uBAAuB,EAAE;MAAEC,MAAM,EAAEb;IAAe;EAAE,CACvD,CACJ,EAKA,CAACnF,uBAAuB,iBACrB,IAAAkG,sBAAY,eACRzK,MAAA,CAAAY,OAAA,CAAA6F,aAAA;IAAKQ,KAAK,EAAE;MAAEyD,QAAQ,EAAE,UAAU;MAAEC,UAAU,EAAE;IAAS;EAAE,GACtDzI,QACA,CAAC,EACN0I,QAAQ,CAACC,IACb,CACU,CACrB,EACD,CACI3I,QAAQ,EACRC,UAAU,EACVmG,WAAW,EACX/D,uBAAuB,EACvB8D,eAAe,EACfqB,cAAc,EACdxG,gBAAgB,EAChBuB,2BAA2B,EAC3BtB,sBAAsB,EACtBqG,SAAS,EACThE,cAAc,EACd3B,SAAS,CAEjB,CAAC;AACL,CAAC;AAED5B,UAAU,CAAC6I,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApK,OAAA,GAEvBqB,UAAU","ignoreList":[]}
1
+ {"version":3,"file":"Typewriter.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_reactDom","_server","_cursor","_speed","_AnimatedTypewriterText","_interopRequireDefault","_Typewriter","_utils","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","Typewriter","children","cursorType","CursorType","Default","nextTextDelay","TypewriterDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","TypewriterSpeed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","_colorScheme$designSe5","_colorScheme$designSe6","_colorScheme$designSe9","_colorScheme$designSe0","currentChildrenIndex","setCurrentChildrenIndex","useState","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","useRef","autoSteps","functions","useFunctions","values","useValues","colorScheme","useColorScheme","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","_colorScheme$designSe3","_colorScheme$designSe4","currentChildren","_colorScheme$designSe","_colorScheme$designSe2","React","isValidElement","renderToString","createElement","ChaynsProvider","data","isModule","ColorSchemeProvider","color","designSettings","colorMode","style","display","className","charactersCount","getCharactersCount","chunkIntervalExponentialMovingAverage","lastLength","ema","shownCharCount","setShownCharCount","currentPosition","current","updateChunkStreamingSpeedEMA","currentLength","state","undefined","calculatedAutoSpeed","steps","calculateAutoSpeed","isAnimatingText","handleClick","useCallback","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","getSubTextFromHTML","pseudoTextHTML","_colorScheme$designSe7","_colorScheme$designSe8","pseudoText","StyledTypewriter","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","StyledTypewriterText","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","StyledTypewriterPseudoText","createPortal","position","visibility","document","body","displayName","_default","exports"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } 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 { CSSPropertiesWithVars } from 'styled-components/dist/types';\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 {\n calculateAutoSpeed,\n ChunkStreamingSpeedState,\n getCharactersCount,\n getSubTextFromHTML,\n shuffleArray,\n updateChunkStreamingSpeedEMA,\n} from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n /**\n * The number of characters that will be animated per animation cycle.\n */\n animationSteps?: 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 * Whether the content should remain a single line.\n */\n shouldRemainSingleLine?: 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 * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.\n * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at\n */\n autoSpeedBaseFactor?: number;\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?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n children,\n cursorType = CursorType.Default,\n nextTextDelay = TypewriterDelay.Medium,\n onFinish,\n onResetAnimationEnd,\n animationSteps = 1,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n pseudoChildren,\n resetDelay = TypewriterDelay.Medium,\n shouldForceCursorAnimation = false,\n shouldHideCursor = false,\n shouldRemainSingleLine = 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 = useRef<number>();\n const autoSteps = useRef<number>(animationSteps);\n\n const functions = useFunctions();\n const values = useValues();\n\n const colorScheme = useColorScheme();\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{currentChildren}</span>\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{sortedChildren}</span>\n </ColorSchemeProvider>\n </ChaynsProvider>,\n )\n : (sortedChildren as string);\n }, [\n areMultipleChildrenGiven,\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n currentChildrenIndex,\n functions,\n sortedChildren,\n values,\n ]);\n\n const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n lastLength: charactersCount,\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n });\n\n const [shownCharCount, setShownCharCount] = useState(\n charactersCount > 0 ? 0 : textContent.length,\n );\n\n const currentPosition = useRef(0);\n\n useEffect(() => {\n if (shouldUseResetAnimation) {\n chunkIntervalExponentialMovingAverage.current = {\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n lastLength: charactersCount,\n };\n }\n chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n currentLength: charactersCount,\n state: chunkIntervalExponentialMovingAverage.current,\n });\n }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n useEffect(() => {\n if (!shouldCalcAutoSpeed) {\n autoSpeed.current = undefined;\n autoSteps.current = animationSteps;\n return;\n }\n const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n chunkIntervalExponentialMovingAverage.current.ema,\n );\n\n autoSpeed.current = calculatedAutoSpeed;\n autoSteps.current = steps;\n }, [animationSteps, 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 - autoSteps.current;\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.current, 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 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 interval = window.setInterval(runTypingInterval, autoSpeed.current ?? speed);\n };\n\n if (startDelay) {\n setTimeout(startTypingAnimation, startDelay);\n } else {\n startTypingAnimation();\n }\n }\n\n return () => {\n window.clearInterval(interval);\n };\n }, [\n areMultipleChildrenGiven,\n autoSteps,\n charactersCount,\n cursorType,\n handleSetNextChildrenIndex,\n isResetAnimationActive,\n nextTextDelay,\n onResetAnimationEnd,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n resetDelay,\n resetSpeed,\n shouldStopAnimation,\n shouldUseResetAnimation,\n shouldWaitForContent,\n speed,\n startDelay,\n textContent.length,\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\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 }, [\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n functions,\n pseudoChildren,\n shouldUseAnimationHeight,\n shownCharCount,\n textContent,\n values,\n ]);\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 shouldRemainSingleLine={shouldRemainSingleLine}\n shownText={shownText}\n textStyle={textStyle}\n />\n ) : (\n <StyledTypewriterText\n className=\"notranslate\"\n $shouldRemainSingleLine={shouldRemainSingleLine}\n dangerouslySetInnerHTML={\n typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n }\n style={textStyle}\n >\n {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n </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 a 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 shouldRemainSingleLine,\n shownText,\n sortedChildren,\n textStyle,\n ],\n );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
@@ -166,7 +166,7 @@ const calculateAutoSpeed = ema => {
166
166
  steps: 1
167
167
  };
168
168
  }
169
- const msPerChar = 1000 / ema;
169
+ const msPerChar = Math.min(1000 / ema, _speed.TypewriterSpeed.ExtraSlow);
170
170
  if (msPerChar >= MINIMUM_TIMEOUT) {
171
171
  return {
172
172
  speed: msPerChar,
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","names":["_speed","require","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","escapeText","value","replace","escapeAttr","String","VOID_ELEMENTS","Set","traverse","node","nodeType","textContent","nodeText","remaining","substring","element","nodeName","toLowerCase","attributes","attribute","name","isVoid","has","i","childNodes","childNode","exports","getCharactersCount","count","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","ema","MINIMUM_TIMEOUT","speed","TypewriterSpeed","ExtraSlow","steps","msPerChar","max","calculateEMA","currentEMA","newValue","alpha","updateChunkStreamingSpeedEMA","currentLength","state","now","Date","deltaTime","lastTimestamp","deltaLength","lastLength","charsPerSecond","newEMA"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * Returns a substring of an HTML string while preserving HTML structure.\n *\n * Core rules:\n * - Element nodes are re-serialized as tags (start/end) to keep structure.\n * - Text nodes are always HTML-escaped on output. This prevents that previously\n * escaped text (like \"&lt;div&gt;\") turns into real tags during the DOM round trip.\n * - Attribute values are HTML-escaped on output.\n * - Void elements are serialized without closing tags.\n * - For TWIGNORE/TW-IGNORE elements, the innerHTML is passed through so that\n * their content (including real HTML) remains untouched.\n * - On early cutoff (once the length limit is reached), already opened tags are\n * properly closed to keep the result valid HTML.\n *\n * Note on length counting:\n * - The length is based on the decoded textContent length (as the DOM provides),\n * not on byte length nor escaped entity length. This mirrors how the text is perceived.\n *\n * @param html The input HTML string; may contain a mix of real HTML and already escaped HTML.\n * @param length The maximum number of text characters (based on textContent) to include.\n * @returns A valid HTML string containing up to the specified number of text characters,\n * preserving HTML tags and keeping escaped text escaped.\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 // Escape text node content to ensure that decoded \"<\" and \">\" do not become real tags.\n const escapeText = (value: string): string =>\n value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n // Escape attribute values safely.\n const escapeAttr = (value: string): string =>\n String(value)\n .replace(/&/g, '&amp;')\n .replace(/\"/g, '&quot;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;');\n\n // HTML void elements (must not have closing tags)\n const VOID_ELEMENTS = new Set([\n 'area',\n 'base',\n 'br',\n 'col',\n 'embed',\n 'hr',\n 'img',\n 'input',\n 'link',\n 'meta',\n 'param',\n 'source',\n 'track',\n 'wbr',\n ]);\n\n // Traverses nodes and appends to \"text\".\n // Returns false to signal \"stop traversal\" once the length limit is reached.\n const traverse = (node: Node): boolean => {\n // Text node\n if (node.nodeType === 3 && typeof node.textContent === 'string') {\n const nodeText = node.textContent;\n const remaining = length - currLength;\n\n if (remaining <= 0) {\n return false;\n }\n\n if (nodeText.length <= remaining) {\n // Always escape text before writing to output\n text += escapeText(nodeText);\n currLength += nodeText.length;\n } else {\n // Cut the text and stop traversal\n text += escapeText(nodeText.substring(0, remaining));\n currLength += remaining;\n return false;\n }\n\n return true;\n }\n\n // Element node\n if (node.nodeType === 1) {\n const element = node as Element;\n\n // Pass-through for TWIGNORE/TW-IGNORE: keep their HTML as-is.\n if (element.nodeName === 'TWIGNORE' || element.nodeName === 'TW-IGNORE') {\n // element.innerHTML serializes children; escaped text stays escaped,\n // real HTML stays HTML — exactly what we want here.\n text += element.innerHTML;\n return true;\n }\n\n const nodeName = element.nodeName.toLowerCase();\n\n // Serialize attributes safely\n let attributes = '';\n // @ts-expect-error: attributes is a NodeListOf<Attr>\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,@typescript-eslint/no-unsafe-argument\n attributes += ` ${attribute.name}=\"${escapeAttr(attribute.value)}\"`;\n }\n\n // Open tag\n text += `<${nodeName}${attributes}>`;\n\n // Void elements: do not recurse children and do not emit a closing tag\n const isVoid = VOID_ELEMENTS.has(nodeName);\n if (!isVoid) {\n // Recurse through children until limit is reached\n for (let i = 0; i < element.childNodes.length; i++) {\n const childNode = element.childNodes[i];\n if (childNode && !traverse(childNode)) {\n // On early stop: close this tag to keep valid HTML, then bubble stop.\n text += `</${nodeName}>`;\n return false;\n }\n }\n\n // Close tag after all children\n text += `</${nodeName}>`;\n }\n\n return true;\n }\n\n // Other node types (comments, etc.) are ignored for text length\n return true;\n };\n\n // Traverse top-level children\n for (let i = 0; i < div.childNodes.length; i++) {\n const childNode = div.childNodes[i];\n if (childNode && !traverse(childNode)) {\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 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n [result[i], result[j]] = [result[j]!, result[i]!];\n }\n\n return result;\n};\n\nexport const calculateAutoSpeed = (ema: number): { speed: number; steps: number } => {\n // nested timer calls are clamped to a 4ms minimum\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/setTimeout#reasons_for_longer_delays_than_specified\n const MINIMUM_TIMEOUT = 4;\n\n if (ema <= 0) {\n return { speed: TypewriterSpeed.ExtraSlow, steps: 1 };\n }\n\n const msPerChar = 1000 / ema;\n\n if (msPerChar >= MINIMUM_TIMEOUT) {\n return { speed: msPerChar, steps: 1 };\n }\n\n const steps = Math.max(1, MINIMUM_TIMEOUT / msPerChar);\n return { speed: MINIMUM_TIMEOUT, steps };\n};\n\ninterface CalculateEMAProps {\n currentEMA: number;\n newValue: number;\n alpha?: number;\n}\n\nexport const calculateEMA = ({ currentEMA, newValue, alpha = 0.25 }: CalculateEMAProps): number =>\n alpha * newValue + (1 - alpha) * currentEMA;\n\nexport interface ChunkStreamingSpeedState {\n lastTimestamp?: number;\n lastLength: number;\n ema: number;\n}\n\ninterface ChunkStreamingSpeedProps {\n currentLength: number;\n state: ChunkStreamingSpeedState;\n}\n\nexport const updateChunkStreamingSpeedEMA = ({\n currentLength,\n state,\n}: ChunkStreamingSpeedProps): ChunkStreamingSpeedState => {\n const now = Date.now();\n const deltaTime = now - (state?.lastTimestamp ?? now);\n\n if (deltaTime <= 0) return { ...state, lastTimestamp: now };\n\n const deltaLength = currentLength - state.lastLength;\n\n const charsPerSecond = Math.max(0, (deltaLength / deltaTime) * 1000);\n\n const newEMA = calculateEMA({\n currentEMA: state.ema,\n newValue: charsPerSecond,\n });\n\n return {\n lastTimestamp: now,\n lastLength: currentLength,\n ema: newEMA,\n };\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"utils.js","names":["_speed","require","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","escapeText","value","replace","escapeAttr","String","VOID_ELEMENTS","Set","traverse","node","nodeType","textContent","nodeText","remaining","substring","element","nodeName","toLowerCase","attributes","attribute","name","isVoid","has","i","childNodes","childNode","exports","getCharactersCount","count","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","ema","MINIMUM_TIMEOUT","speed","TypewriterSpeed","ExtraSlow","steps","msPerChar","min","max","calculateEMA","currentEMA","newValue","alpha","updateChunkStreamingSpeedEMA","currentLength","state","now","Date","deltaTime","lastTimestamp","deltaLength","lastLength","charsPerSecond","newEMA"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * Returns a substring of an HTML string while preserving HTML structure.\n *\n * Core rules:\n * - Element nodes are re-serialized as tags (start/end) to keep structure.\n * - Text nodes are always HTML-escaped on output. This prevents that previously\n * escaped text (like \"&lt;div&gt;\") turns into real tags during the DOM round trip.\n * - Attribute values are HTML-escaped on output.\n * - Void elements are serialized without closing tags.\n * - For TWIGNORE/TW-IGNORE elements, the innerHTML is passed through so that\n * their content (including real HTML) remains untouched.\n * - On early cutoff (once the length limit is reached), already opened tags are\n * properly closed to keep the result valid HTML.\n *\n * Note on length counting:\n * - The length is based on the decoded textContent length (as the DOM provides),\n * not on byte length nor escaped entity length. This mirrors how the text is perceived.\n *\n * @param html The input HTML string; may contain a mix of real HTML and already escaped HTML.\n * @param length The maximum number of text characters (based on textContent) to include.\n * @returns A valid HTML string containing up to the specified number of text characters,\n * preserving HTML tags and keeping escaped text escaped.\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 // Escape text node content to ensure that decoded \"<\" and \">\" do not become real tags.\n const escapeText = (value: string): string =>\n value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n // Escape attribute values safely.\n const escapeAttr = (value: string): string =>\n String(value)\n .replace(/&/g, '&amp;')\n .replace(/\"/g, '&quot;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;');\n\n // HTML void elements (must not have closing tags)\n const VOID_ELEMENTS = new Set([\n 'area',\n 'base',\n 'br',\n 'col',\n 'embed',\n 'hr',\n 'img',\n 'input',\n 'link',\n 'meta',\n 'param',\n 'source',\n 'track',\n 'wbr',\n ]);\n\n // Traverses nodes and appends to \"text\".\n // Returns false to signal \"stop traversal\" once the length limit is reached.\n const traverse = (node: Node): boolean => {\n // Text node\n if (node.nodeType === 3 && typeof node.textContent === 'string') {\n const nodeText = node.textContent;\n const remaining = length - currLength;\n\n if (remaining <= 0) {\n return false;\n }\n\n if (nodeText.length <= remaining) {\n // Always escape text before writing to output\n text += escapeText(nodeText);\n currLength += nodeText.length;\n } else {\n // Cut the text and stop traversal\n text += escapeText(nodeText.substring(0, remaining));\n currLength += remaining;\n return false;\n }\n\n return true;\n }\n\n // Element node\n if (node.nodeType === 1) {\n const element = node as Element;\n\n // Pass-through for TWIGNORE/TW-IGNORE: keep their HTML as-is.\n if (element.nodeName === 'TWIGNORE' || element.nodeName === 'TW-IGNORE') {\n // element.innerHTML serializes children; escaped text stays escaped,\n // real HTML stays HTML — exactly what we want here.\n text += element.innerHTML;\n return true;\n }\n\n const nodeName = element.nodeName.toLowerCase();\n\n // Serialize attributes safely\n let attributes = '';\n // @ts-expect-error: attributes is a NodeListOf<Attr>\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,@typescript-eslint/no-unsafe-argument\n attributes += ` ${attribute.name}=\"${escapeAttr(attribute.value)}\"`;\n }\n\n // Open tag\n text += `<${nodeName}${attributes}>`;\n\n // Void elements: do not recurse children and do not emit a closing tag\n const isVoid = VOID_ELEMENTS.has(nodeName);\n if (!isVoid) {\n // Recurse through children until limit is reached\n for (let i = 0; i < element.childNodes.length; i++) {\n const childNode = element.childNodes[i];\n if (childNode && !traverse(childNode)) {\n // On early stop: close this tag to keep valid HTML, then bubble stop.\n text += `</${nodeName}>`;\n return false;\n }\n }\n\n // Close tag after all children\n text += `</${nodeName}>`;\n }\n\n return true;\n }\n\n // Other node types (comments, etc.) are ignored for text length\n return true;\n };\n\n // Traverse top-level children\n for (let i = 0; i < div.childNodes.length; i++) {\n const childNode = div.childNodes[i];\n if (childNode && !traverse(childNode)) {\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 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n [result[i], result[j]] = [result[j]!, result[i]!];\n }\n\n return result;\n};\n\nexport const calculateAutoSpeed = (ema: number): { speed: number; steps: number } => {\n // nested timer calls are clamped to a 4ms minimum\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/setTimeout#reasons_for_longer_delays_than_specified\n const MINIMUM_TIMEOUT = 4;\n\n if (ema <= 0) {\n return { speed: TypewriterSpeed.ExtraSlow, steps: 1 };\n }\n\n const msPerChar = Math.min(1000 / ema, TypewriterSpeed.ExtraSlow);\n\n if (msPerChar >= MINIMUM_TIMEOUT) {\n return { speed: msPerChar, steps: 1 };\n }\n\n const steps = Math.max(1, MINIMUM_TIMEOUT / msPerChar);\n return { speed: MINIMUM_TIMEOUT, steps };\n};\n\ninterface CalculateEMAProps {\n currentEMA: number;\n newValue: number;\n alpha?: number;\n}\n\nexport const calculateEMA = ({ currentEMA, newValue, alpha = 0.25 }: CalculateEMAProps): number =>\n alpha * newValue + (1 - alpha) * currentEMA;\n\nexport interface ChunkStreamingSpeedState {\n lastTimestamp?: number;\n lastLength: number;\n ema: number;\n}\n\ninterface ChunkStreamingSpeedProps {\n currentLength: number;\n state: ChunkStreamingSpeedState;\n}\n\nexport const updateChunkStreamingSpeedEMA = ({\n currentLength,\n state,\n}: ChunkStreamingSpeedProps): ChunkStreamingSpeedState => {\n const now = Date.now();\n const deltaTime = now - (state?.lastTimestamp ?? now);\n\n if (deltaTime <= 0) return { ...state, lastTimestamp: now };\n\n const deltaLength = currentLength - state.lastLength;\n\n const charsPerSecond = Math.max(0, (deltaLength / deltaTime) * 1000);\n\n const newEMA = calculateEMA({\n currentEMA: state.ema,\n newValue: charsPerSecond,\n });\n\n return {\n lastTimestamp: now,\n lastLength: currentLength,\n ema: newEMA,\n };\n};\n"],"mappings":"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","ignoreList":[]}
@@ -94,7 +94,6 @@ const Typewriter = ({
94
94
  }, [areMultipleChildrenGiven, colorScheme?.designSettings?.color, colorScheme?.designSettings?.colorMode, currentChildrenIndex, functions, sortedChildren, values]);
95
95
  const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);
96
96
  const chunkIntervalExponentialMovingAverage = useRef({
97
- lastTimestamp: undefined,
98
97
  lastLength: charactersCount,
99
98
  ema: charactersCount / (autoSpeedBaseFactor / 1000)
100
99
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","useColorScheme","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","updateChunkStreamingSpeedEMA","useIsomorphicLayoutEffect","window","Typewriter","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","autoSteps","functions","values","colorScheme","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","designSettings","colorMode","style","display","className","charactersCount","chunkIntervalExponentialMovingAverage","lastTimestamp","undefined","lastLength","ema","shownCharCount","setShownCharCount","currentPosition","current","currentLength","state","calculatedAutoSpeed","steps","isAnimatingText","handleClick","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } 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 { CSSPropertiesWithVars } from 'styled-components/dist/types';\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 {\n calculateAutoSpeed,\n ChunkStreamingSpeedState,\n getCharactersCount,\n getSubTextFromHTML,\n shuffleArray,\n updateChunkStreamingSpeedEMA,\n} from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n /**\n * The number of characters that will be animated per animation cycle.\n */\n animationSteps?: 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 * Whether the content should remain a single line.\n */\n shouldRemainSingleLine?: 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 * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.\n * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at\n */\n autoSpeedBaseFactor?: number;\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?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n children,\n cursorType = CursorType.Default,\n nextTextDelay = TypewriterDelay.Medium,\n onFinish,\n onResetAnimationEnd,\n animationSteps = 1,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n pseudoChildren,\n resetDelay = TypewriterDelay.Medium,\n shouldForceCursorAnimation = false,\n shouldHideCursor = false,\n shouldRemainSingleLine = 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 = useRef<number>();\n const autoSteps = useRef<number>(animationSteps);\n\n const functions = useFunctions();\n const values = useValues();\n\n const colorScheme = useColorScheme();\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{currentChildren}</span>\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{sortedChildren}</span>\n </ColorSchemeProvider>\n </ChaynsProvider>,\n )\n : (sortedChildren as string);\n }, [\n areMultipleChildrenGiven,\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n currentChildrenIndex,\n functions,\n sortedChildren,\n values,\n ]);\n\n const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n lastTimestamp: undefined,\n lastLength: charactersCount,\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n });\n\n const [shownCharCount, setShownCharCount] = useState(\n charactersCount > 0 ? 0 : textContent.length,\n );\n\n const currentPosition = useRef(0);\n\n useEffect(() => {\n if (shouldUseResetAnimation) {\n chunkIntervalExponentialMovingAverage.current = {\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n lastLength: charactersCount,\n };\n }\n chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n currentLength: charactersCount,\n state: chunkIntervalExponentialMovingAverage.current,\n });\n }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n useEffect(() => {\n if (!shouldCalcAutoSpeed) {\n autoSpeed.current = undefined;\n autoSteps.current = animationSteps;\n return;\n }\n\n const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n chunkIntervalExponentialMovingAverage.current.ema,\n );\n autoSpeed.current = calculatedAutoSpeed;\n autoSteps.current = steps;\n }, [animationSteps, 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 - autoSteps.current;\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.current, 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 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 interval = window.setInterval(runTypingInterval, autoSpeed.current ?? speed);\n };\n\n if (startDelay) {\n setTimeout(startTypingAnimation, startDelay);\n } else {\n startTypingAnimation();\n }\n }\n\n return () => {\n window.clearInterval(interval);\n };\n }, [\n areMultipleChildrenGiven,\n autoSteps,\n charactersCount,\n cursorType,\n handleSetNextChildrenIndex,\n isResetAnimationActive,\n nextTextDelay,\n onResetAnimationEnd,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n resetDelay,\n resetSpeed,\n shouldStopAnimation,\n shouldUseResetAnimation,\n shouldWaitForContent,\n speed,\n startDelay,\n textContent.length,\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\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 }, [\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n functions,\n pseudoChildren,\n shouldUseAnimationHeight,\n shownCharCount,\n textContent,\n values,\n ]);\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 shouldRemainSingleLine={shouldRemainSingleLine}\n shownText={shownText}\n textStyle={textStyle}\n />\n ) : (\n <StyledTypewriterText\n className=\"notranslate\"\n $shouldRemainSingleLine={shouldRemainSingleLine}\n dangerouslySetInnerHTML={\n typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n }\n style={textStyle}\n >\n {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n </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 a 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 shouldRemainSingleLine,\n shownText,\n sortedChildren,\n textStyle,\n ],\n );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","useColorScheme","ChaynsProvider","useFunctions","useValues","React","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","createPortal","renderToString","CursorType","TypewriterDelay","TypewriterSpeed","AnimatedTypewriterText","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","calculateAutoSpeed","getCharactersCount","getSubTextFromHTML","shuffleArray","updateChunkStreamingSpeedEMA","useIsomorphicLayoutEffect","window","Typewriter","children","cursorType","Default","nextTextDelay","Medium","onFinish","onResetAnimationEnd","animationSteps","onResetAnimationStart","onTypingAnimationEnd","onTypingAnimationStart","pseudoChildren","resetDelay","shouldForceCursorAnimation","shouldHideCursor","shouldRemainSingleLine","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","resetSpeed","startDelay","None","textStyle","shouldCalcAutoSpeed","autoSpeedBaseFactor","currentChildrenIndex","setCurrentChildrenIndex","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","shouldPreventBlinkingCursor","setShouldPreventBlinkingCursor","isResetAnimationActive","setIsResetAnimationActive","shouldStopAnimation","setShouldStopAnimation","autoSpeed","autoSteps","functions","values","colorScheme","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","data","isModule","color","designSettings","colorMode","style","display","className","charactersCount","chunkIntervalExponentialMovingAverage","lastLength","ema","shownCharCount","setShownCharCount","currentPosition","current","currentLength","state","undefined","calculatedAutoSpeed","steps","isAnimatingText","handleClick","event","stopPropagation","preventDefault","handleSetNextChildrenIndex","newIndex","interval","setInterval","prevState","nextState","clearInterval","setTimeout","startTypingAnimation","Thin","runTypingInterval","Math","min","shownText","pseudoTextHTML","pseudoText","$cursorType","onClick","$isAnimatingText","$shouldHideCursor","$shouldPreventBlinkAnimation","$shouldRemainSingleLine","dangerouslySetInnerHTML","__html","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider, useColorScheme } 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 { CSSPropertiesWithVars } from 'styled-components/dist/types';\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 {\n calculateAutoSpeed,\n ChunkStreamingSpeedState,\n getCharactersCount,\n getSubTextFromHTML,\n shuffleArray,\n updateChunkStreamingSpeedEMA,\n} from './utils';\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport type TypewriterProps = {\n /**\n * The number of characters that will be animated per animation cycle.\n */\n animationSteps?: 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 * Whether the content should remain a single line.\n */\n shouldRemainSingleLine?: 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 * Sets how long the animation should last when `shouldCalcAutoSpeed` is enabled in milliseconds.\n * When chunks are streamed, this value will only be used for the initial speed and then change to the speed characters are added at\n */\n autoSpeedBaseFactor?: number;\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?: CSSPropertiesWithVars;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n children,\n cursorType = CursorType.Default,\n nextTextDelay = TypewriterDelay.Medium,\n onFinish,\n onResetAnimationEnd,\n animationSteps = 1,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n pseudoChildren,\n resetDelay = TypewriterDelay.Medium,\n shouldForceCursorAnimation = false,\n shouldHideCursor = false,\n shouldRemainSingleLine = 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 = useRef<number>();\n const autoSteps = useRef<number>(animationSteps);\n\n const functions = useFunctions();\n const values = useValues();\n\n const colorScheme = useColorScheme();\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{currentChildren}</span>\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\n style={{ display: 'inline' }}\n >\n <span className=\"notranslate\">{sortedChildren}</span>\n </ColorSchemeProvider>\n </ChaynsProvider>,\n )\n : (sortedChildren as string);\n }, [\n areMultipleChildrenGiven,\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n currentChildrenIndex,\n functions,\n sortedChildren,\n values,\n ]);\n\n const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n const chunkIntervalExponentialMovingAverage = useRef<ChunkStreamingSpeedState>({\n lastLength: charactersCount,\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n });\n\n const [shownCharCount, setShownCharCount] = useState(\n charactersCount > 0 ? 0 : textContent.length,\n );\n\n const currentPosition = useRef(0);\n\n useEffect(() => {\n if (shouldUseResetAnimation) {\n chunkIntervalExponentialMovingAverage.current = {\n ema: charactersCount / (autoSpeedBaseFactor / 1000),\n lastLength: charactersCount,\n };\n }\n chunkIntervalExponentialMovingAverage.current = updateChunkStreamingSpeedEMA({\n currentLength: charactersCount,\n state: chunkIntervalExponentialMovingAverage.current,\n });\n }, [autoSpeedBaseFactor, charactersCount, shouldUseResetAnimation]);\n\n useEffect(() => {\n if (!shouldCalcAutoSpeed) {\n autoSpeed.current = undefined;\n autoSteps.current = animationSteps;\n return;\n }\n const { speed: calculatedAutoSpeed, steps } = calculateAutoSpeed(\n chunkIntervalExponentialMovingAverage.current.ema,\n );\n\n autoSpeed.current = calculatedAutoSpeed;\n autoSteps.current = steps;\n }, [animationSteps, 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 - autoSteps.current;\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.current, 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 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 interval = window.setInterval(runTypingInterval, autoSpeed.current ?? speed);\n };\n\n if (startDelay) {\n setTimeout(startTypingAnimation, startDelay);\n } else {\n startTypingAnimation();\n }\n }\n\n return () => {\n window.clearInterval(interval);\n };\n }, [\n areMultipleChildrenGiven,\n autoSteps,\n charactersCount,\n cursorType,\n handleSetNextChildrenIndex,\n isResetAnimationActive,\n nextTextDelay,\n onResetAnimationEnd,\n onResetAnimationStart,\n onTypingAnimationEnd,\n onTypingAnimationStart,\n resetDelay,\n resetSpeed,\n shouldStopAnimation,\n shouldUseResetAnimation,\n shouldWaitForContent,\n speed,\n startDelay,\n textContent.length,\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={colorScheme?.designSettings?.color}\n colorMode={colorScheme?.designSettings?.colorMode}\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 }, [\n colorScheme?.designSettings?.color,\n colorScheme?.designSettings?.colorMode,\n functions,\n pseudoChildren,\n shouldUseAnimationHeight,\n shownCharCount,\n textContent,\n values,\n ]);\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 shouldRemainSingleLine={shouldRemainSingleLine}\n shownText={shownText}\n textStyle={textStyle}\n />\n ) : (\n <StyledTypewriterText\n className=\"notranslate\"\n $shouldRemainSingleLine={shouldRemainSingleLine}\n dangerouslySetInnerHTML={\n typeof sortedChildren === 'string' ? { __html: shownText } : undefined\n }\n style={textStyle}\n >\n {typeof sortedChildren !== 'string' ? sortedChildren : undefined}\n </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 a 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 shouldRemainSingleLine,\n shownText,\n sortedChildren,\n textStyle,\n ],\n );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
@@ -158,7 +158,7 @@ export const calculateAutoSpeed = ema => {
158
158
  steps: 1
159
159
  };
160
160
  }
161
- const msPerChar = 1000 / ema;
161
+ const msPerChar = Math.min(1000 / ema, TypewriterSpeed.ExtraSlow);
162
162
  if (msPerChar >= MINIMUM_TIMEOUT) {
163
163
  return {
164
164
  speed: msPerChar,
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","names":["TypewriterSpeed","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","escapeText","value","replace","escapeAttr","String","VOID_ELEMENTS","Set","traverse","node","nodeType","textContent","nodeText","remaining","substring","element","nodeName","toLowerCase","attributes","attribute","name","isVoid","has","i","childNodes","childNode","getCharactersCount","count","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","ema","MINIMUM_TIMEOUT","speed","ExtraSlow","steps","msPerChar","max","calculateEMA","currentEMA","newValue","alpha","updateChunkStreamingSpeedEMA","currentLength","state","now","Date","deltaTime","lastTimestamp","deltaLength","lastLength","charsPerSecond","newEMA"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * Returns a substring of an HTML string while preserving HTML structure.\n *\n * Core rules:\n * - Element nodes are re-serialized as tags (start/end) to keep structure.\n * - Text nodes are always HTML-escaped on output. This prevents that previously\n * escaped text (like \"&lt;div&gt;\") turns into real tags during the DOM round trip.\n * - Attribute values are HTML-escaped on output.\n * - Void elements are serialized without closing tags.\n * - For TWIGNORE/TW-IGNORE elements, the innerHTML is passed through so that\n * their content (including real HTML) remains untouched.\n * - On early cutoff (once the length limit is reached), already opened tags are\n * properly closed to keep the result valid HTML.\n *\n * Note on length counting:\n * - The length is based on the decoded textContent length (as the DOM provides),\n * not on byte length nor escaped entity length. This mirrors how the text is perceived.\n *\n * @param html The input HTML string; may contain a mix of real HTML and already escaped HTML.\n * @param length The maximum number of text characters (based on textContent) to include.\n * @returns A valid HTML string containing up to the specified number of text characters,\n * preserving HTML tags and keeping escaped text escaped.\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 // Escape text node content to ensure that decoded \"<\" and \">\" do not become real tags.\n const escapeText = (value: string): string =>\n value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n // Escape attribute values safely.\n const escapeAttr = (value: string): string =>\n String(value)\n .replace(/&/g, '&amp;')\n .replace(/\"/g, '&quot;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;');\n\n // HTML void elements (must not have closing tags)\n const VOID_ELEMENTS = new Set([\n 'area',\n 'base',\n 'br',\n 'col',\n 'embed',\n 'hr',\n 'img',\n 'input',\n 'link',\n 'meta',\n 'param',\n 'source',\n 'track',\n 'wbr',\n ]);\n\n // Traverses nodes and appends to \"text\".\n // Returns false to signal \"stop traversal\" once the length limit is reached.\n const traverse = (node: Node): boolean => {\n // Text node\n if (node.nodeType === 3 && typeof node.textContent === 'string') {\n const nodeText = node.textContent;\n const remaining = length - currLength;\n\n if (remaining <= 0) {\n return false;\n }\n\n if (nodeText.length <= remaining) {\n // Always escape text before writing to output\n text += escapeText(nodeText);\n currLength += nodeText.length;\n } else {\n // Cut the text and stop traversal\n text += escapeText(nodeText.substring(0, remaining));\n currLength += remaining;\n return false;\n }\n\n return true;\n }\n\n // Element node\n if (node.nodeType === 1) {\n const element = node as Element;\n\n // Pass-through for TWIGNORE/TW-IGNORE: keep their HTML as-is.\n if (element.nodeName === 'TWIGNORE' || element.nodeName === 'TW-IGNORE') {\n // element.innerHTML serializes children; escaped text stays escaped,\n // real HTML stays HTML — exactly what we want here.\n text += element.innerHTML;\n return true;\n }\n\n const nodeName = element.nodeName.toLowerCase();\n\n // Serialize attributes safely\n let attributes = '';\n // @ts-expect-error: attributes is a NodeListOf<Attr>\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,@typescript-eslint/no-unsafe-argument\n attributes += ` ${attribute.name}=\"${escapeAttr(attribute.value)}\"`;\n }\n\n // Open tag\n text += `<${nodeName}${attributes}>`;\n\n // Void elements: do not recurse children and do not emit a closing tag\n const isVoid = VOID_ELEMENTS.has(nodeName);\n if (!isVoid) {\n // Recurse through children until limit is reached\n for (let i = 0; i < element.childNodes.length; i++) {\n const childNode = element.childNodes[i];\n if (childNode && !traverse(childNode)) {\n // On early stop: close this tag to keep valid HTML, then bubble stop.\n text += `</${nodeName}>`;\n return false;\n }\n }\n\n // Close tag after all children\n text += `</${nodeName}>`;\n }\n\n return true;\n }\n\n // Other node types (comments, etc.) are ignored for text length\n return true;\n };\n\n // Traverse top-level children\n for (let i = 0; i < div.childNodes.length; i++) {\n const childNode = div.childNodes[i];\n if (childNode && !traverse(childNode)) {\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 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n [result[i], result[j]] = [result[j]!, result[i]!];\n }\n\n return result;\n};\n\nexport const calculateAutoSpeed = (ema: number): { speed: number; steps: number } => {\n // nested timer calls are clamped to a 4ms minimum\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/setTimeout#reasons_for_longer_delays_than_specified\n const MINIMUM_TIMEOUT = 4;\n\n if (ema <= 0) {\n return { speed: TypewriterSpeed.ExtraSlow, steps: 1 };\n }\n\n const msPerChar = 1000 / ema;\n\n if (msPerChar >= MINIMUM_TIMEOUT) {\n return { speed: msPerChar, steps: 1 };\n }\n\n const steps = Math.max(1, MINIMUM_TIMEOUT / msPerChar);\n return { speed: MINIMUM_TIMEOUT, steps };\n};\n\ninterface CalculateEMAProps {\n currentEMA: number;\n newValue: number;\n alpha?: number;\n}\n\nexport const calculateEMA = ({ currentEMA, newValue, alpha = 0.25 }: CalculateEMAProps): number =>\n alpha * newValue + (1 - alpha) * currentEMA;\n\nexport interface ChunkStreamingSpeedState {\n lastTimestamp?: number;\n lastLength: number;\n ema: number;\n}\n\ninterface ChunkStreamingSpeedProps {\n currentLength: number;\n state: ChunkStreamingSpeedState;\n}\n\nexport const updateChunkStreamingSpeedEMA = ({\n currentLength,\n state,\n}: ChunkStreamingSpeedProps): ChunkStreamingSpeedState => {\n const now = Date.now();\n const deltaTime = now - (state?.lastTimestamp ?? now);\n\n if (deltaTime <= 0) return { ...state, lastTimestamp: now };\n\n const deltaLength = currentLength - state.lastLength;\n\n const charsPerSecond = Math.max(0, (deltaLength / deltaTime) * 1000);\n\n const newEMA = calculateEMA({\n currentEMA: state.ema,\n newValue: charsPerSecond,\n });\n\n return {\n lastTimestamp: now,\n lastLength: currentLength,\n ema: newEMA,\n };\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"utils.js","names":["TypewriterSpeed","getSubTextFromHTML","html","length","div","document","createElement","innerHTML","text","currLength","escapeText","value","replace","escapeAttr","String","VOID_ELEMENTS","Set","traverse","node","nodeType","textContent","nodeText","remaining","substring","element","nodeName","toLowerCase","attributes","attribute","name","isVoid","has","i","childNodes","childNode","getCharactersCount","count","trim","Array","from","forEach","shuffleArray","array","result","j","Math","floor","random","calculateAutoSpeed","ema","MINIMUM_TIMEOUT","speed","ExtraSlow","steps","msPerChar","min","max","calculateEMA","currentEMA","newValue","alpha","updateChunkStreamingSpeedEMA","currentLength","state","now","Date","deltaTime","lastTimestamp","deltaLength","lastLength","charsPerSecond","newEMA"],"sources":["../../../../src/components/typewriter/utils.ts"],"sourcesContent":["import { TypewriterSpeed } from '../../types/speed';\n\n/**\n * Returns a substring of an HTML string while preserving HTML structure.\n *\n * Core rules:\n * - Element nodes are re-serialized as tags (start/end) to keep structure.\n * - Text nodes are always HTML-escaped on output. This prevents that previously\n * escaped text (like \"&lt;div&gt;\") turns into real tags during the DOM round trip.\n * - Attribute values are HTML-escaped on output.\n * - Void elements are serialized without closing tags.\n * - For TWIGNORE/TW-IGNORE elements, the innerHTML is passed through so that\n * their content (including real HTML) remains untouched.\n * - On early cutoff (once the length limit is reached), already opened tags are\n * properly closed to keep the result valid HTML.\n *\n * Note on length counting:\n * - The length is based on the decoded textContent length (as the DOM provides),\n * not on byte length nor escaped entity length. This mirrors how the text is perceived.\n *\n * @param html The input HTML string; may contain a mix of real HTML and already escaped HTML.\n * @param length The maximum number of text characters (based on textContent) to include.\n * @returns A valid HTML string containing up to the specified number of text characters,\n * preserving HTML tags and keeping escaped text escaped.\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 // Escape text node content to ensure that decoded \"<\" and \">\" do not become real tags.\n const escapeText = (value: string): string =>\n value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n\n // Escape attribute values safely.\n const escapeAttr = (value: string): string =>\n String(value)\n .replace(/&/g, '&amp;')\n .replace(/\"/g, '&quot;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;');\n\n // HTML void elements (must not have closing tags)\n const VOID_ELEMENTS = new Set([\n 'area',\n 'base',\n 'br',\n 'col',\n 'embed',\n 'hr',\n 'img',\n 'input',\n 'link',\n 'meta',\n 'param',\n 'source',\n 'track',\n 'wbr',\n ]);\n\n // Traverses nodes and appends to \"text\".\n // Returns false to signal \"stop traversal\" once the length limit is reached.\n const traverse = (node: Node): boolean => {\n // Text node\n if (node.nodeType === 3 && typeof node.textContent === 'string') {\n const nodeText = node.textContent;\n const remaining = length - currLength;\n\n if (remaining <= 0) {\n return false;\n }\n\n if (nodeText.length <= remaining) {\n // Always escape text before writing to output\n text += escapeText(nodeText);\n currLength += nodeText.length;\n } else {\n // Cut the text and stop traversal\n text += escapeText(nodeText.substring(0, remaining));\n currLength += remaining;\n return false;\n }\n\n return true;\n }\n\n // Element node\n if (node.nodeType === 1) {\n const element = node as Element;\n\n // Pass-through for TWIGNORE/TW-IGNORE: keep their HTML as-is.\n if (element.nodeName === 'TWIGNORE' || element.nodeName === 'TW-IGNORE') {\n // element.innerHTML serializes children; escaped text stays escaped,\n // real HTML stays HTML — exactly what we want here.\n text += element.innerHTML;\n return true;\n }\n\n const nodeName = element.nodeName.toLowerCase();\n\n // Serialize attributes safely\n let attributes = '';\n // @ts-expect-error: attributes is a NodeListOf<Attr>\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,@typescript-eslint/no-unsafe-argument\n attributes += ` ${attribute.name}=\"${escapeAttr(attribute.value)}\"`;\n }\n\n // Open tag\n text += `<${nodeName}${attributes}>`;\n\n // Void elements: do not recurse children and do not emit a closing tag\n const isVoid = VOID_ELEMENTS.has(nodeName);\n if (!isVoid) {\n // Recurse through children until limit is reached\n for (let i = 0; i < element.childNodes.length; i++) {\n const childNode = element.childNodes[i];\n if (childNode && !traverse(childNode)) {\n // On early stop: close this tag to keep valid HTML, then bubble stop.\n text += `</${nodeName}>`;\n return false;\n }\n }\n\n // Close tag after all children\n text += `</${nodeName}>`;\n }\n\n return true;\n }\n\n // Other node types (comments, etc.) are ignored for text length\n return true;\n };\n\n // Traverse top-level children\n for (let i = 0; i < div.childNodes.length; i++) {\n const childNode = div.childNodes[i];\n if (childNode && !traverse(childNode)) {\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 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n [result[i], result[j]] = [result[j]!, result[i]!];\n }\n\n return result;\n};\n\nexport const calculateAutoSpeed = (ema: number): { speed: number; steps: number } => {\n // nested timer calls are clamped to a 4ms minimum\n // https://developer.mozilla.org/en-US/docs/Web/API/Window/setTimeout#reasons_for_longer_delays_than_specified\n const MINIMUM_TIMEOUT = 4;\n\n if (ema <= 0) {\n return { speed: TypewriterSpeed.ExtraSlow, steps: 1 };\n }\n\n const msPerChar = Math.min(1000 / ema, TypewriterSpeed.ExtraSlow);\n\n if (msPerChar >= MINIMUM_TIMEOUT) {\n return { speed: msPerChar, steps: 1 };\n }\n\n const steps = Math.max(1, MINIMUM_TIMEOUT / msPerChar);\n return { speed: MINIMUM_TIMEOUT, steps };\n};\n\ninterface CalculateEMAProps {\n currentEMA: number;\n newValue: number;\n alpha?: number;\n}\n\nexport const calculateEMA = ({ currentEMA, newValue, alpha = 0.25 }: CalculateEMAProps): number =>\n alpha * newValue + (1 - alpha) * currentEMA;\n\nexport interface ChunkStreamingSpeedState {\n lastTimestamp?: number;\n lastLength: number;\n ema: number;\n}\n\ninterface ChunkStreamingSpeedProps {\n currentLength: number;\n state: ChunkStreamingSpeedState;\n}\n\nexport const updateChunkStreamingSpeedEMA = ({\n currentLength,\n state,\n}: ChunkStreamingSpeedProps): ChunkStreamingSpeedState => {\n const now = Date.now();\n const deltaTime = now - (state?.lastTimestamp ?? now);\n\n if (deltaTime <= 0) return { ...state, lastTimestamp: now };\n\n const deltaLength = currentLength - state.lastLength;\n\n const charsPerSecond = Math.max(0, (deltaLength / deltaTime) * 1000);\n\n const newEMA = calculateEMA({\n currentEMA: state.ema,\n newValue: charsPerSecond,\n });\n\n return {\n lastTimestamp: now,\n lastLength: currentLength,\n ema: newEMA,\n };\n};\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/typewriter",
3
- "version": "5.0.41",
3
+ "version": "5.0.42",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "sideEffects": false,
6
6
  "browserslist": [
@@ -84,5 +84,5 @@
84
84
  "publishConfig": {
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "82a2c30dba2252029bf4f658e692db5f87f2dc85"
87
+ "gitHead": "511eae07f3dbd13e4de6910884e17b227e2cfd5b"
88
88
  }