offline check

Author: Feichtmeier

lib/main.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:connectivity_plus/connectivity_plus.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:geocoding_resolver/geocoding_resolver.dart';
@@ -24,7 +25,9 @@ Future<void> main() async {
       LocationsService(),
       dispose: (s) => s.dispose(),
     );
-    di.registerSingleton(AppModel());
+    final appModel = AppModel(connectivity: Connectivity());
+    await appModel.init();
+    di.registerSingleton(appModel);
     final weatherModel = WeatherModel(
       locationsService: di<LocationsService>(),
       openWeather: di<OpenWeather>(),
@@ -42,10 +45,12 @@ Future<void> main() async {
   } else {
     runApp(
       MaterialApp(
+        debugShowCheckedModeBanner: false,
         theme: yaruLight,
         home: const Scaffold(
+          appBar: YaruWindowTitleBar(),
           body: Center(
-            child: Text('NO VALI API KEY FOUND'),
+            child: Text('NO VALID API KEY FOUND'),
           ),
         ),
       ),

lib/src/app/app.dart

@@ -8,6 +8,8 @@ import '../../constants.dart';
 import '../../weather.dart';
 import '../weather/view/city_search_field.dart';
 import '../weather/weather_model.dart';
+import 'app_model.dart';
+import 'offline_page.dart';
 
 class App extends StatelessWidget {
   const App({super.key});
@@ -38,6 +40,10 @@ class MasterDetailPage extends StatelessWidget with WatchItMixin {
 
   @override
   Widget build(BuildContext context) {
+    final isOnline = watchPropertyValue((AppModel m) => m.isOnline);
+    if (!isOnline) {
+      return const OfflinePage();
+    }
     final model = di<WeatherModel>();
     final favLocationsLength =
         watchPropertyValue((WeatherModel m) => m.favLocations.length);

lib/src/app/app_model.dart

@@ -1,6 +1,48 @@
+import 'dart:async';
+
+import 'package:connectivity_plus/connectivity_plus.dart';
+import 'package:flutter/widgets.dart';
 import 'package:safe_change_notifier/safe_change_notifier.dart';
 
 class AppModel extends SafeChangeNotifier {
+  AppModel({required Connectivity connectivity})
+      : _connectivity = connectivity,
+        _countryCode = WidgetsBinding
+            .instance.platformDispatcher.locale.countryCode
+            ?.toLowerCase();
+
+  final String? _countryCode;
+  String? get countryCode => _countryCode;
+
+  final Connectivity _connectivity;
+  StreamSubscription? _subscription;
+  ConnectivityResult? _result;
+
+  bool get isOnline =>
+      _result == ConnectivityResult.wifi ||
+      _result == ConnectivityResult.ethernet ||
+      _result == ConnectivityResult.vpn ||
+      _result == ConnectivityResult.bluetooth ||
+      _result == ConnectivityResult.mobile;
+
+  Future<void> init() async {
+    _subscription ??=
+        _connectivity.onConnectivityChanged.listen(_updateConnectivity);
+    return _connectivity.checkConnectivity().then(_updateConnectivity);
+  }
+
+  @override
+  Future<void> dispose() async {
+    await _subscription?.cancel();
+    super.dispose();
+  }
+
+  void _updateConnectivity(List<ConnectivityResult> result) {
+    if (_result == result.firstOrNull) return;
+    _result = result.firstOrNull;
+    notifyListeners();
+  }
+
   int _tabIndex = 0;
   int get tabIndex => _tabIndex;
   set tabIndex(int value) {

lib/src/app/offline_page.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+import 'package:yaru/yaru.dart';
+
+import '../../build_context_x.dart';
+
+class OfflinePage extends StatelessWidget {
+  const OfflinePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = context.theme;
+    return YaruDetailPage(
+      appBar: YaruWindowTitleBar(
+        border: BorderSide.none,
+        title: const Text('Offline'),
+        backgroundColor: Colors.transparent,
+        leading: Navigator.of(context).canPop() == true
+            ? const YaruBackButton(
+                style: YaruBackButtonStyle.rounded,
+              )
+            : const SizedBox.shrink(),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            YaruAnimatedVectorIcon(
+              YaruAnimatedIcons.no_network,
+              size: 200,
+              color: theme.disabledColor,
+            ),
+            Padding(
+              padding: const EdgeInsets.only(
+                top: kYaruPagePadding,
+                left: 40,
+                right: 40,
+              ),
+              child: Text(
+                "It look's like your computer is not connectedto the internet",
+                textAlign: TextAlign.center,
+                style: theme.textTheme.headlineMedium?.copyWith(
+                  color: theme.disabledColor,
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/src/weather/weather_utils.dart

@@ -118,20 +118,25 @@ WeatherType getWeatherType(WeatherData weatherData) {
   ).hour;
   final night = hour > 20 || hour < 6;
 
-  switch (weatherData.shortDescription) {
-    case 'Clouds':
-      return night ? WeatherType.cloudyNight : WeatherType.cloudy;
-    case 'Drizzle':
-      return WeatherType.lightRainy;
-    case 'Rain':
-      return WeatherType.heavyRainy;
-    case 'Snow':
-      return WeatherType.heavySnow;
-    case 'Clear':
-      return night ? WeatherType.sunnyNight : WeatherType.sunny;
-    case 'Sunny':
-      return night ? WeatherType.sunnyNight : WeatherType.sunny;
-    default:
-      return WeatherType.thunder;
-  }
+  return switch (weatherData.longDescription) {
+    'overcast clouds' => night ? WeatherType.cloudyNight : WeatherType.cloudy,
+    'scattered clouds' => night ? WeatherType.cloudyNight : WeatherType.cloudy,
+    'broken clouds' => night ? WeatherType.cloudyNight : WeatherType.cloudy,
+    'few clouds' => night ? WeatherType.cloudyNight : WeatherType.cloudy,
+    'light rain' => WeatherType.lightRainy,
+    'heavy rain' => WeatherType.heavyRainy,
+    'light snow' => WeatherType.lightSnow,
+    'heavy snow' => WeatherType.heavySnow,
+    'clear sky' => night ? WeatherType.sunnyNight : WeatherType.sunny,
+    _ => switch (weatherData.shortDescription) {
+        'Clouds' => night ? WeatherType.cloudyNight : WeatherType.cloudy,
+        'Drizzle' => WeatherType.lightRainy,
+        'Rain' => WeatherType.middleRainy,
+        'Snow' => WeatherType.heavySnow,
+        'Clear' => night ? WeatherType.sunnyNight : WeatherType.sunny,
+        'Sunny' => night ? WeatherType.sunnyNight : WeatherType.sunny,
+        'Wind' => night ? WeatherType.dusty : WeatherType.dusty,
+        _ => WeatherType.thunder
+      }
+  };
 }

pubspec.lock

@@ -73,6 +73,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  connectivity_plus:
+    dependency: "direct main"
+    description:
+      name: connectivity_plus
+      sha256: ebe15d94de9dd7c31dc2ac54e42780acdf3384b1497c69290c9f3c5b0279fc57
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.0.2"
+  connectivity_plus_platform_interface:
+    dependency: transitive
+    description:
+      name: connectivity_plus_platform_interface
+      sha256: b6a56efe1e6675be240de39107281d4034b64ac23438026355b4234042a35adb
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
   convert:
     dependency: transitive
     description:
@@ -369,6 +385,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.11.0"
+  nm:
+    dependency: transitive
+    description:
+      name: nm
+      sha256: "2c9aae4127bdc8993206464fcc063611e0e36e72018696cd9631023a31b24254"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.5.0"
   open_weather_client:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -32,6 +32,7 @@ dependencies:
   xdg_directories: ^1.0.4
   path_provider: ^2.1.3
   path: ^1.9.0
+  connectivity_plus: ^6.0.2
 
 dev_dependencies:
   flutter_lints: ^3.0.1