feat(recipes/front_end): add initial api files

[ttapia]

Context

It is common that on a generated project one manually adds an api object that wraps axios and camelizes/decamelizes keys from requests/responses.

Changes

• Create two files that are copied into the generated project.
  • app/javascript/api/index.ts: the api object
  • app/javascript/utils/decamelizer.ts: an implementation of decamelize that doesn't delete the information of a File type object sent in requests.
• Added a setup_api_client method in the front_end recipe that installs axios and humps and copies the files into the generated project.
• Tests for the setup_api_client method

[gmq]

Se ve bien 💯
Mi única duda es si tal vez valdría la pena agregar un ejemplo explicando como usar ese api/index. O tal vez un comentario en el mismo archivo 🤔

[nicolasguridi]

Vengo a meter la cuchara 🥄 , con un problema que me encontré hoy día:

1. decamelizeKeys también rompe los objetos de tipo Blob. Aquí una issue en Humps mencionándolo.
2. camelizeKeys también rompe cosas, o por lo menos los objetos de tipo Blob. Habría que comprobarlo para File.

Me tinca entonces que lo más lógico sería que esta función custom que estamos usando para decamelizar incluya a los Blob y también sirva para camelizar. Qué opinan? @gmq @ttapia

[ttapia]

@gmq @nicolasguridi agregué dos cosas, hice los cambios para resolver el tema que planteó nico, y agregué un ejemplo de uso del objeto api en el index.ts

[gmq]

💯