My Libs need to access the environments variables inside the Apps

Hi guys. My repository has three projects on the apps folder. Each project has a self environment file. I have a service folder on the libs folder with some services. These services need to use the environment variables of each project in your methods. Bellow, I will show the code…

Code

Env file on lp project:

API_URL = https://URL/
AUTHORIZATION = CODE
ORIGIN_CODE = CODE

Env file on modal project:

API_URL = https://ANOTHER_URL/
AUTHORIZATION = ANOTHER_CODE
ORIGIN_CODE = ANOTHER_CODE

An example of service:

export const fetchData = async (params: IData) => {
  try {
    const url = `${API_URL}path/`;
    const data = (await axios.post(url, params)).data;

    return data;
  } catch (err) {
    throw err;
  }
}

The problem is, all projects will have to use the services, so, I need to pass on services the env variables. How can I do this?

I try this:

export const fetchData = async (env: IEnvironments, params: IData) => {
  try {
    const url = `${env.API_URL}path/`;
    let data = (await axios.post(url, params)).data;
  } catch (err) {
    throw err;
  }
}

The problem is, I need to pass the env variable in all methods calls. It’s ok? The NX has a better choice?

Regards.

[danielfyhr]

Here’s one way to do it. In my opinion your libraries should not be aware of environments. In the code below the “fetchData” is created somewhere in the application lp, and shared within lp. All usages in lp will point to this one function which in turn uses the library.

It is not really a question of NX here, but more of programming practices.

// in fetch-data library
export const createDataFetcher = (env: IEnvironments) => async (params: IData) => {
    const url = `${env.API_URL}path/`;
    const data = (await axios.post(url, params)).data;
    return data;
};

// export somewhere in lp, usable in lp:
export const fetchData = createDataFetcher({ API_URL: process.env.API_URL });

// somewhere else in lp
const fetchDataAndDoSomething = async () => {
  const params: IData = { message: 'hello' };
  const data = await fetchData(params); // using the fetchData created above
  // do something with data...
  return data;
};

// export somewhere in modal, usable in modal:
// export const fetchData = createDataFetcher({ API_URL: process.env.API_URL });

[dulcetti]

Forget my last message, I solved the question 😃