Function processLine

src/components/comment/TimeCodeComment.tsx:30–95

(line: string)

  };

  const processLine = (line: string) => {
    const elements = [];
    let lastIndex = 0;
    let match;

    while ((match = timeCodeRegex.exec(line)) !== null) {
      if (match.index > lastIndex) {
        elements.push(
          <span key={`text-${lastIndex}`}>
            {line.substring(lastIndex, match.index)}
          </span>,
        );
      }

      const timeInSeconds = convertToSeconds(match[0]);
      elements.push(
        <Link
          key={`timecode-${match.index}`}
          className="text-blue-500 hover:underline"
          href={getUpdatedUrl(
            `/courses/${contentId}/${possiblePath}`,
            searchParams,
            {
              timestamp: timeInSeconds,
            },
          )}
        >
          {match[0]}
        </Link>,
      );

      lastIndex = match.index + match[0].length;
    }

    while ((match = urlRegex.exec(line)) !== null) {
      if (match.index > lastIndex) {
        elements.push(
          <span key={`text-${lastIndex}`}>
            {line.substring(lastIndex, match.index)}
          </span>,
        );
      }

      elements.push(
        <Link
          key={`url-${match.index}`}
          href={match[0]}
          target="_blank"
          rel="noopener noreferrer"
          className="text-blue-500 hover:underline"
        >
          {match[0]}
        </Link>,
      );

      lastIndex = match.index + match[0].length;
    }