Merge pull request #23 from CoderJava/feature/tampilkan-penanda-ketika-ada-app-versi-terbaru

Feature - Tampilkan info dalam bentuk banner ketika ada app versi terbaru di halaman home

Author: CoderJava

assets/translations/en-US.json

@@ -265,5 +265,7 @@
   "set_start_and_finish_time": "Set start and finish time",
   "duration": "Duration",
   "please_set_start_time": "Please set start time",
-  "please_set_finish_time": "Please set finish time"
+  "please_set_finish_time": "Please set finish time",
+  "title_new_update_available": "New update available",
+  "description_new_update_available": "Click here to download latest version"
 }

lib/core/util/widget_helper.dart

@@ -1,6 +1,7 @@
 import 'dart:io';
 import 'dart:math';
 
+import 'package:dio/dio.dart';
 import 'package:dipantau_desktop_client/core/util/enum/global_variable.dart';
 import 'package:dipantau_desktop_client/core/util/helper.dart';
 import 'package:dipantau_desktop_client/core/util/shared_preferences_manager.dart';
@@ -11,6 +12,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:go_router/go_router.dart';
 import 'package:path_provider/path_provider.dart';
+import 'package:xml/xml.dart';
 
 class WidgetHelper {
   void showSnackBar(BuildContext context, String message) {
@@ -168,9 +170,9 @@ class WidgetHelper {
                   ],
                 ),
                 style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                  fontStyle: FontStyle.italic,
-                  fontWeight: FontWeight.w500,
-                ),
+                      fontStyle: FontStyle.italic,
+                      fontWeight: FontWeight.w500,
+                    ),
               ),
             ],
           ),
@@ -209,4 +211,25 @@ class WidgetHelper {
 
     return file;
   }
+
+  Future<bool> isNewUpdateAvailable() async {
+    final response =
+        await Dio().get('https://raw.githubusercontent.com/CoderJava/dipantau-desktop/main/dist/appcast.xml');
+    final data = response.data;
+    final document = XmlDocument.parse(data);
+    final sparkleVersion = document.findAllElements('sparkle:version');
+    if (sparkleVersion.isNotEmpty) {
+      final element = sparkleVersion.first;
+      final versionText = element.innerText;
+      final newVersion = int.tryParse(versionText);
+      if (newVersion != null) {
+        final strBuildNumberLocal = packageInfo.buildNumber;
+        final buildNumberLocal = int.tryParse(strBuildNumberLocal);
+        if (buildNumberLocal != null) {
+          return newVersion > buildNumberLocal;
+        }
+      }
+    }
+    return false;
+  }
 }

lib/feature/presentation/page/home/home_page.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 import 'dart:io';
 
+import 'package:auto_updater/auto_updater.dart';
 import 'package:dipantau_desktop_client/core/network/network_info.dart';
 import 'package:dipantau_desktop_client/core/util/enum/global_variable.dart';
 import 'package:dipantau_desktop_client/core/util/helper.dart';
@@ -76,6 +77,7 @@ class _HomePageState extends State<HomePage> with TrayListener, WindowListener {
   final listTrackLocal = <Track>[];
   final listPathStartScreenshots = <String?>[];
   final networkInfo = sl<NetworkInfo>();
+  final valueNotifierShowBannerUpdate = ValueNotifier(false);
 
   var isWindowVisible = true;
   var userId = '';
@@ -130,6 +132,8 @@ class _HomePageState extends State<HomePage> with TrayListener, WindowListener {
       }
       setupCronTimer();
       doLoadDataTask();
+      final isNewUpdateAvailable = await widgetHelper.isNewUpdateAvailable();
+      valueNotifierShowBannerUpdate.value = isNewUpdateAvailable;
     });
     super.initState();
   }
@@ -506,7 +510,7 @@ class _HomePageState extends State<HomePage> with TrayListener, WindowListener {
           ),
         ),
         floatingActionButton: FloatingActionButton(
-          onPressed: () {
+          onPressed: () async {
             context.pushNamed(ManualTrackingPage.routeName).then((value) {
               // TODO: refresh data home jika add manual tracking-nya pada hari ini dan di project yang sama
             });
@@ -555,6 +559,7 @@ class _HomePageState extends State<HomePage> with TrayListener, WindowListener {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
+          buildWidgetBannerUpdate(),
           buildWidgetFieldProject(),
           const SizedBox(height: 24),
           buildWidgetTimer(),
@@ -1487,4 +1492,68 @@ class _HomePageState extends State<HomePage> with TrayListener, WindowListener {
       );
     }
   }
+
+  Widget buildWidgetBannerUpdate() {
+    return ValueListenableBuilder(
+      valueListenable: valueNotifierShowBannerUpdate,
+      builder: (BuildContext context, bool isShow, _) {
+        if (!isShow) {
+          return Container();
+        }
+        return Column(
+          children: [
+            Material(
+              borderRadius: BorderRadius.circular(8),
+              color: Theme.of(context).colorScheme.primaryContainer,
+              child: InkWell(
+                borderRadius: BorderRadius.circular(8),
+                onTap: () {
+                  const feedURL = autoUpdaterUrl;
+                  autoUpdater.setFeedURL(feedURL);
+                  autoUpdater.checkForUpdates();
+                  valueNotifierShowBannerUpdate.value = false;
+                },
+                child: Container(
+                  width: double.infinity,
+                  padding: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(8),
+                  ),
+                  child: Row(
+                    children: [
+                      Expanded(
+                        child: Padding(
+                          padding: const EdgeInsets.only(left: 8.0),
+                          child: Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              Text(
+                                'title_new_update_available'.tr(),
+                                style: Theme.of(context).textTheme.bodyLarge,
+                              ),
+                              Text(
+                                'description_new_update_available'.tr(),
+                                style: Theme.of(context).textTheme.bodySmall,
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                      IconButton(
+                        onPressed: () {
+                          valueNotifierShowBannerUpdate.value = false;
+                        },
+                        icon: const Icon(Icons.clear),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+            const SizedBox(height: 16),
+          ],
+        );
+      },
+    );
+  }
 }