Format React key

format-react-key.ts

export const regExpCommonCharacters = new RegExp(/[^\w]/gim);

const INDEX_DELIMITER = '-';
const MAX_CHARACTER_LENGTH = 100;

export function formatReactKey(key: string, index: number | null = null) {
  const hasIndex = index || index === 0;

  const transformedKey = [
    ...key
      .toLowerCase()
      .replace(regExpCommonCharacters, '')
      .substring(
        0,
        hasIndex
          ? MAX_CHARACTER_LENGTH -
              (INDEX_DELIMITER.length + index!.toString().length)
          : MAX_CHARACTER_LENGTH,
      ),
  ]
    .map((character) =>
      Math.random() > 0.5 ? character.toUpperCase() : character,
    )
    .join('');

  return hasIndex
    ? `${transformedKey}${INDEX_DELIMITER}${index}`
    : transformedKey;
}