Function processNextMessage

web/src/components/IDEDemo.tsx:282–307

()

    }

    const processNextMessage = () => {
      if (currentMessageIndex >= messages.length) {
        // Start typing animation after all messages are shown
        startTypingAnimation()
        return
      }

      const message = messages[currentMessageIndex]

      if (message.startsWith('your-next-app >')) {
        setTerminalLines((prev) => [...prev, message])
        currentMessageIndex++
        setTimeout(processNextMessage, 1500)
      } else {
        streamWords(message, () => {
          currentMessageIndex++
          const delay =
            currentMessageIndex === 1
              ? 2000
              : currentMessageIndex === messages.length
                ? 0
                : 700
          setTimeout(processNextMessage, delay)
        })
      }
    }

    const startTypingAnimation = () => {
      let currentPhraseIndex = 0