chatwoot/app/javascript/dashboard/composables/useTransformKeys.js

// NOTE: In the future if performance becomes an issue, we can memoize the functions

import { unref } from 'vue';
import camelcaseKeys from 'camelcase-keys';
import snakecaseKeys from 'snakecase-keys';

/**
 * Vue composable that converts object keys to camelCase
 * @param {Object|Array|import('vue').Ref<Object|Array>} payload - Object or array to convert
 * @returns {Object|Array} Converted payload with camelCase keys
 */
export function useCamelCase(payload) {
  const unrefPayload = unref(payload);
  return camelcaseKeys(unrefPayload);
}

/**
 * Vue composable that converts object keys to snake_case
 * @param {Object|Array|import('vue').Ref<Object|Array>} payload - Object or array to convert
 * @returns {Object|Array} Converted payload with snake_case keys
 */
export function useSnakeCase(payload) {
  const unrefPayload = unref(payload);
  return snakecaseKeys(unrefPayload);
}

/**
 * Converts a string from snake_case to camelCase
 * @param {string} str - String to convert (can contain letters, numbers, or both)
 *                      Examples: 'hello_world', 'user_123', 'checkbox_2', 'test_string_99'
 * @returns {string} Converted string in camelCase
 *                   Examples: 'helloWorld', 'user123', 'checkbox2', 'testString99'
 */
export function toCamelCase(str) {
  return str
    .toLowerCase()
    .replace(/_([a-z0-9])/g, (_, char) => char.toUpperCase());
}