import { ContentTypes, Constants } from 'librechat-data-provider';
import type { TMessage } from 'librechat-data-provider';

export const getLengthAndLastTenChars = (str?: string): string => {
  if (!str) {
    return '0';
  }

  const length = str.length;
  const lastTenChars = str.slice(-10);
  return `${length}${lastTenChars}`;
};

export const getLatestText = (message?: TMessage | null, includeIndex?: boolean) => {
  if (!message) {
    return '';
  }
  if (message.text) {
    return message.text;
  }
  if (message.content?.length) {
    for (let i = message.content.length - 1; i >= 0; i--) {
      const part = message.content[i];
      if (part.type === ContentTypes.TEXT && part[ContentTypes.TEXT].value.length > 0) {
        const text = part[ContentTypes.TEXT].value;
        if (includeIndex) {
          return `${text}-${i}`;
        } else {
          return text;
        }
      }
    }
  }
  return '';
};

export const getTextKey = (message?: TMessage | null, convoId?: string | null) => {
  if (!message) {
    return '';
  }
  const text = getLatestText(message, true);
  return `${message.messageId ?? ''}${Constants.COMMON_DIVIDER}${getLengthAndLastTenChars(text)}${
    Constants.COMMON_DIVIDER
  }${message.conversationId ?? convoId}`;
};

export const scrollToEnd = () => {
  const messagesEndElement = document.getElementById('messages-end');
  if (messagesEndElement) {
    messagesEndElement.scrollIntoView({ behavior: 'instant' });
  }
};