spike: why does the UI sometimes load text wrong when versions change

[danoswaltCL]

Version where bug was found:
all

Describe the bug
Sometimes the UI appears to use a cached version of the frontend's en.json translation keys in the browser, which results in text in buttons and labels to appear undefined or show code. This spike is to understand why.

Expected behavior
The UI should always fetch the latest en.json file (assuming that's the issue)

[amurphy-cl]

Example image

Let's confirm whether we see this in all environments. This is definitely replicable in staging, and usually happens after a deployment. Usually "fixable" by a hard refresh.

Pinging @kcalvo-cli are you aware of any non-caching of front end assets for some envs?

[VivekFitkariwala]

This might be because we are using the same HTTP request to query en.json

We can add query params to disable the cache

export function HttpLoaderFactory(http: HttpClient, environment: Environment) {
  return new TranslateHttpLoader(http, `${environment.baseHrefPrefix}/assets/i18n/`, `.json?time=${new Date().getTime()}`);
}

In the above code, I have added the current time, which means it will be queried every time. A better way would be to use a version tag of the build.