webstudio/apps/builder/app/shared/string-utils.ts

import { noCase } from "no-case";
import { titleCase } from "title-case";

// Initialize the cache with abbreviations that don't follow the title case rules.
const cache: Map<string, string> = new Map([
  ["id", "ID"],
  ["url", "URL"],
]);

export const humanizeString = (string: string): string => {
  const result = cache.get(string) ?? titleCase(noCase(string));
  cache.set(string, result);
  return result;
};