get_it_web_bug.dart

get_it_web_bug.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';

Future<void> main() async {
  await initApp();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: FutureBuilder(
          future: Env().ready,
          builder: (context, snap) {
            if (snap.connectionState == ConnectionState.done) {
              return Container(
                child: Text('We made it!!!'),
              );
            }

            return const Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}

Future<void> initApp({bool testMode = false}) async {
  WidgetsFlutterBinding.ensureInitialized();
  Env().setup();
}

class Env {
  Env._({
    required this.sl,
  });

  factory Env({
    GetIt? sl,
  }) {
    return _instance ??= Env._(
      sl: sl ?? GetIt.instance,
    );
  }

  Future<void> get ready => _readyCompleter.future;

  late final GetIt sl;

  Future<void> setup() async {
    _setupDependencies();
    await sl.allReady();

    _readyCompleter.complete();
  }

  static Env? _instance;

  final _readyCompleter = Completer<void>();

  void _setupDependencies() {
    final dependency = Dependency();

    sl
      ..registerSingleton<Dependency>(dependency)
      ..registerSingletonAsync<AppModel>(_setupAppModel);
  }

  Future<AppModel> _setupAppModel() async {
    final dependency = sl<Dependency>();

    final value = await dependency.fetchValue();
    return AppModel.withDependency(value);
  }
}

class AppModel {
  AppModel._(this.dependency);

  final String? dependency;

  factory AppModel.withDependency(String? dependency) {
    return AppModel._(dependency);
  }
}

class Dependency {
  Future<String> fetchValue() async => "value";
}

get_it_web_working.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:get_it/get_it.dart';

Future<void> main() async {
  await initApp();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: FutureBuilder(
          future: Env().ready,
          builder: (context, snap) {
            if (snap.connectionState == ConnectionState.done) {
              return Container(
                child: Text('We made it!!!'),
              );
            }

            return const Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}

Future<void> initApp({bool testMode = false}) async {
  WidgetsFlutterBinding.ensureInitialized();
  Env().setup();
}

class Env {
  Env._({
    required this.sl,
  });

  factory Env({
    GetIt? sl,
  }) {
    return _instance ??= Env._(
      sl: sl ?? _inject,
    );
  }

  Future<void> get ready => _readyCompleter.future;

  late final GetIt sl;

  Future<void> setup() async {
    _setupDependencies();
    await sl.allReady();

    _readyCompleter.complete();
  }

  static Env? _instance;

  final _readyCompleter = Completer<void>();

  void _setupDependencies() {
    final dependency = Dependency();

    sl
      ..registerSingleton<Dependency>(dependency)
      ..registerSingletonAsync<AppModel>(_setupAppModel);
  }

  Future<AppModel> _setupAppModel() async {
    // We can't use the sl from Env here. It doesn't have the repository
    // registered. We have to use the global var to access getIt.
    // It is not understood why this is needed.
    final dependency = _inject<Dependency>();
    final value = await dependency.fetchValue();

    return AppModel.withDependency(value);
  }
}

class AppModel {
  AppModel._(this.dependency);

  final String? dependency;

  factory AppModel.withDependency(String? dependency) {
    return AppModel._(dependency);
  }
}

class Dependency {
  Future<String> fetchValue() async => "value";
}

final _inject = GetIt.instance;