APP_INITIALIZER, a config.json and APOLLO_OPTIONS factory

[robvaneck]

Hi!

I was just wondering if it's possible to have async APOLLO OPTIONS factory.

The problem I'm having:

• I have a config.json that is being fetched by the APP_INITIALIZER
• the config.json provides all the API endpoints, this is stored inside the AppConfigService
• the apolloFactory should create a link with the uri that is defined inside the config.json

  providers: [
    {
      provide: APP_INITIALIZER,
      useFactory: initApp,
      multi: true,
      deps: [AppConfigService, ContentService]
    },
    AppConfigService,
    ContentService,
    {
      provide: APOLLO_OPTIONS,
      useFactory: apolloFactory,
      deps: [HttpLink, AppConfigService]
    }
  ],

import { AppConfigService } from '@app/app-config.service';
import { HttpLink } from 'apollo-angular-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';

export const apolloFactory = (
  httpLink: HttpLink,
  appConfigService: AppConfigService
) => {

  console.log(appConfigService);

  return {
    cache: new InMemoryCache(),
    link: httpLink.create({
      uri: appConfigService.config.API_DATA
    })
  };
};

BUT, there is an timing issue, because the appConfigService.config is still undefined.

How do we fix this?

Thanks!