migrating examples

mobx_examples/lib/clock/clock.dart

@@ -14,7 +14,7 @@ class Clock {
   }
 
   late final Atom _atom;
-  late final Timer? _timer;
+  Timer? _timer;
 
   void _startTimer() {
     print('Clock started ticking');

mobx_examples/lib/form/form_store.dart

@@ -2,7 +2,7 @@ import 'dart:ui';
 
 import 'package:mobx/mobx.dart';
 // ignore: import_of_legacy_library_into_null_safe
-import 'package:validators/validators.dart';
+import 'package:validators2/validators.dart';
 
 part 'form_store.g.dart';
 

mobx_examples/lib/github/github_widgets.dart

@@ -116,7 +116,7 @@ class RepositoryListView extends StatelessWidget {
                       ],
                     ),
                     subtitle: Text(
-                      repo.description ?? '',
+                      repo.description,
                       overflow: TextOverflow.fade,
                     ),
                   );

mobx_examples/lib/hackernews/hn_api.dart

@@ -0,0 +1,83 @@
+#! /usr/bin/env dart
+
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:http/http.dart' as http;
+
+enum Type { newest, top }
+
+extension on Type {
+  Uri get uri {
+    switch (this) {
+      case Type.newest:
+        return Uri.parse(
+            'https://hacker-news.firebaseio.com/v0/newstories.json');
+
+      case Type.top:
+        return Uri.parse(
+            'https://hacker-news.firebaseio.com/v0/topstories.json');
+    }
+  }
+}
+
+class FeedItem {
+  FeedItem(
+      {required this.score,
+      required this.title,
+      this.url,
+      required this.author});
+
+  final int score;
+  final String title;
+  final String? url;
+  final String author;
+
+  @override
+  String toString() =>
+      '${this.author}: ${this.title}(${this.score}⭐️), ${this.url ?? 'no-url'}';
+}
+
+class HNApi {
+  Future<List<FeedItem>> newest() async {
+    final ids = await _getItems(Type.newest);
+    final items = await Future.wait(ids.map(_getItem));
+
+    return items.toList(growable: false);
+  }
+
+  Future<List<FeedItem>> top() async {
+    final ids = await _getItems(Type.top);
+    final items = await Future.wait(ids.map(_getItem));
+
+    return items.toList(growable: false);
+  }
+
+  Future<FeedItem> _getItem(int id) async {
+    final response = await http
+        .get(Uri.parse('https://hacker-news.firebaseio.com/v0/item/$id.json'));
+    final json = jsonDecode(response.body) as Map<String, dynamic>;
+
+    return FeedItem(
+        score: json['score'],
+        title: json['title'],
+        author: json['by'],
+        url: json['url']);
+  }
+
+  Future<List<int>> _getItems(Type type, {int count = 25}) async {
+    final response = await http.get(type.uri);
+
+    final ids = (jsonDecode(response.body) as List)
+        .take(count)
+        .map((e) => e as int)
+        .toList(growable: false);
+
+    return ids;
+  }
+}
+
+Future<void> main() async {
+  final list = await HNApi().top();
+  print(list);
+}

mobx_examples/lib/hackernews/news_store.dart

@@ -1,5 +1,5 @@
-import 'package:hnpwa_client/hnpwa_client.dart';
 import 'package:mobx/mobx.dart';
+import 'package:mobx_examples/hackernews/hn_api.dart';
 import 'package:url_launcher/url_launcher.dart';
 
 part 'news_store.g.dart';
@@ -9,21 +9,19 @@ enum FeedType { latest, top }
 class HackerNewsStore = _HackerNewsStore with _$HackerNewsStore;
 
 abstract class _HackerNewsStore with Store {
-  final HnpwaClient _client = HnpwaClient();
+  final _hnApi = HNApi();
 
   @observable
-  ObservableFuture<List<FeedItem>> latestItemsFuture;
+  ObservableFuture<List<FeedItem>>? latestItemsFuture;
 
   @observable
-  ObservableFuture<List<FeedItem>> topItemsFuture;
+  ObservableFuture<List<FeedItem>>? topItemsFuture;
 
   @action
-  Future fetchLatest() => latestItemsFuture =
-      ObservableFuture(_client.newest().then((Feed feed) => feed.items));
+  Future fetchLatest() => latestItemsFuture = ObservableFuture(_hnApi.newest());
 
   @action
-  Future fetchTop() => topItemsFuture =
-      ObservableFuture(_client.news().then((Feed feed) => feed.items));
+  Future fetchTop() => topItemsFuture = ObservableFuture(_hnApi.top());
 
   void loadNews(FeedType type) {
     if (type == FeedType.latest && latestItemsFuture == null) {
@@ -34,9 +32,9 @@ abstract class _HackerNewsStore with Store {
   }
 
   // ignore: avoid_void_async
-  void openUrl(String url) async {
-    if (await canLaunch(url)) {
-      await launch(url);
+  void openUrl(String? url) async {
+    if (await canLaunch(url ?? '')) {
+      await launch(url!);
     } else {
       print('Could not open $url');
     }

mobx_examples/lib/hackernews/news_widgets.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_mobx/flutter_mobx.dart';
-import 'package:hnpwa_client/hnpwa_client.dart';
 import 'package:mobx/mobx.dart';
+import 'package:mobx_examples/hackernews/hn_api.dart';
 
 import 'package:mobx_examples/hackernews/news_store.dart';
 
@@ -16,7 +16,7 @@ class _HackerNewsExampleState extends State<HackerNewsExample>
     with SingleTickerProviderStateMixin {
   final HackerNewsStore store = HackerNewsStore();
 
-  TabController _tabController;
+  late TabController _tabController;
   final _tabs = [FeedType.latest, FeedType.top];
 
   @override
@@ -62,6 +62,10 @@ class FeedItemsView extends StatelessWidget {
             ? store.latestItemsFuture
             : store.topItemsFuture;
 
+        if (future == null) {
+          return const CircularProgressIndicator();
+        }
+
         switch (future.status) {
           case FutureStatus.pending:
             return Column(
@@ -98,15 +102,14 @@ class FeedItemsView extends StatelessWidget {
                     final item = items[index];
                     return ListTile(
                       leading: Text(
-                        '${item.points}',
+                        '${item.score}',
                         style: const TextStyle(fontSize: 20),
                       ),
                       title: Text(
                         item.title,
                         style: const TextStyle(fontWeight: FontWeight.bold),
                       ),
-                      subtitle: Text(
-                          '- ${item.user}, ${item.commentsCount} comment(s)'),
+                      subtitle: Text('- ${item.author}'),
                       onTap: () => store.openUrl(item.url),
                     );
                   }),

mobx_examples/lib/random_stream/random_store.dart

@@ -23,7 +23,7 @@ abstract class _RandomStore with Store {
 
   late final StreamController<int> _streamController;
 
-  late final ObservableStream<int> randomStream;
+  late final ObservableStream<int?> randomStream;
 
   // ignore: avoid_void_async
   void dispose() async {

mobx_examples/pubspec.yaml

@@ -20,14 +20,14 @@ dependencies:
   flutter:
     sdk: flutter
   flutter_mobx: ^2.0.0-nullsafety.0
-#  github: ^8.0.1
-#  hnpwa_client: ^2.0.0
+  github: ^8.0.1
+  http: ^0.13.0
   mobx: ^2.0.0-nullsafety.0
   mobx_codegen: ^2.0.0-nullsafety.0
   provider: ^5.0.0
   shared_preferences:
   url_launcher:
-  validators: ^2.0.0
+  validators2: ^3.0.0
 
 dev_dependencies:
   build_runner: ^1.12.2