question: I need to access the latest state of bloc outside of a widget tree in a helper function. about bloc

[felangel]

Hi @ignicubeLaeeq 👋
Thanks for opening an issue!

Can you please provide some additional context regarding what you're trying to achieve? It'd be amazing if you could provide a link to an open source repository that I can checkout and run locally which illustrates the problem you're facing, thanks!

[ignicubeLaeeq]

Hi @felangel ,
Thank you for your response. Following is a simple example in which i have idToken saved in authbloc which i need to pass in headers for my api requests.

Dio dio(BuildContext context) {
  final dio = Dio(
    BaseOptions(
      baseUrl: Endpoints.backend,
      connectTimeout: const Duration(seconds: 5),
      receiveTimeout: const Duration(seconds: 5),
    ),
  );

  dio.interceptors.add(
    InterceptorsWrapper(
      onRequest: (RequestOptions options, RequestInterceptorHandler handler) {
        final authBloc = context.read<AuthBloc>();
        final token = authBloc.state.token;

        if (token != null) {
          options.headers.addAll({
            'Authorization': 'Bearer $token',
          });
        }

        StyledSnackbar.show('Requesting ${options.uri}');
        return handler.next(options);
      },
      onResponse: (Response response, ResponseInterceptorHandler handler) {
        StyledSnackbar.show(response.toString());
        return handler.next(response);
      },
      onError: (DioException error, ErrorInterceptorHandler handler) {
        StyledSnackbar.show(error.toString());
        return handler.next(error);
      },
    ),
  );

  return dio;
}

I want to do it once on app level and not pass context or token for every api call.
I may need to make the api call from within bloc where i dont have context.
i may need to make the api call from another bloc where i dont have context or token.
Hope this clarifies.
Thanks

[felangel]

Hi @felangel , Thank you for your response. Following is a simple example in which i have idToken saved in authbloc which i need to pass in headers for my api requests.

Dio dio(BuildContext context) {
  final dio = Dio(
    BaseOptions(
      baseUrl: Endpoints.backend,
      connectTimeout: const Duration(seconds: 5),
      receiveTimeout: const Duration(seconds: 5),
    ),
  );

  dio.interceptors.add(
    InterceptorsWrapper(
      onRequest: (RequestOptions options, RequestInterceptorHandler handler) {
        final authBloc = context.read<AuthBloc>();
        final token = authBloc.state.token;

        if (token != null) {
          options.headers.addAll({
            'Authorization': 'Bearer $token',
          });
        }

        StyledSnackbar.show('Requesting ${options.uri}');
        return handler.next(options);
      },
      onResponse: (Response response, ResponseInterceptorHandler handler) {
        StyledSnackbar.show(response.toString());
        return handler.next(response);
      },
      onError: (DioException error, ErrorInterceptorHandler handler) {
        StyledSnackbar.show(error.toString());
        return handler.next(error);
      },
    ),
  );

  return dio;
}

I want to do it once on app level and not pass context or token for every api call. I may need to make the api call from within bloc where i dont have context. i may need to make the api call from another bloc where i dont have context or token. Hope this clarifies. Thanks

I highly recommend moving auth token management down into your networking layer. Blocs should generally not know about auth tokens. I recommend using https://pub.dev/packages/fresh_dio. Check out this example for reference https://github.com/felangel/fresh/blob/ce9d5dc202315ef96b6eb04e14d03a667f9bc8f4/packages/fresh_dio/example/packages/jsonplaceholder_client/lib/src/jsonplaceholder_client.dart#L40

[ignicubeLaeeq]

Thank you for your response.
I have checked out this package, but without enough examples i am reluctant to try it. Moreover i am implementing firebase auth, and since firebase manages the tokens which are short lived, i just need to get the latest token and keep it somewhere in my app. I have been able to that as follows:

  updateToken(
    AuthEventWatchTokenStream event,
    Emitter<AuthState> emit,
  ) async {
    await emit.forEach(
      FirebaseAuth.instance
          .idTokenChanges()
          .asyncMap((user) async => await user?.getIdToken(true)),
      onData: (idToken) => state.copyWith(token: idToken),
    );
  }

Theoretically speaking, is there was a way to access my state without context as per my use case?
Regards

[felangel]

Thank you for your response. I have checked out this package, but without enough examples i am reluctant to try it. Moreover i am implementing firebase auth, and since firebase manages the tokens which are short lived, i just need to get the latest token and keep it somewhere in my app. I have been able to that as follows:

  updateToken(
    AuthEventWatchTokenStream event,
    Emitter<AuthState> emit,
  ) async {
    await emit.forEach(
      FirebaseAuth.instance
          .idTokenChanges()
          .asyncMap((user) async => await user?.getIdToken(true)),
      onData: (idToken) => state.copyWith(token: idToken),
    );
  }

Theoretically speaking, is there was a way to access my state without context as per my use case? Regards

You can use any other service locator (e.g. get_it) if you prefer.

Closing for now since there doesn't appear to be any actionable next steps.