add cache for blog images & unload when not visible

Author: Codel1417

lib/Frontend/Widgets/tail_blog.dart

@@ -3,6 +3,7 @@ import 'dart:typed_data';
 
 import 'package:connectivity_plus/connectivity_plus.dart';
 import 'package:dio/dio.dart';
+import 'package:dio_cache_interceptor/dio_cache_interceptor.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -269,18 +270,24 @@ class _TailBlogImageState extends ConsumerState<TailBlogImage> {
   }
 }
 
-@Riverpod(keepAlive: true)
+@Riverpod()
 Future<Widget> getBlogImage(Ref ref, String url) async {
   if (!await tailBlogConnectivityCheck()) {
     return Container();
   }
   Dio dio = await initDio();
+
   Response<List<int>> response = await dio.get(
     url,
-    options: Options(
-      responseType: ResponseType.bytes,
-      followRedirects: true,
-    ),
+    options: cacheOptions
+        .copyWith(
+          policy: CachePolicy.forceCache,
+        )
+        .toOptions()
+        .copyWith(
+          responseType: ResponseType.bytes,
+          followRedirects: true,
+        ),
   );
 
   if (response.statusCode! < 400) {

lib/Frontend/utils.dart

@@ -1,9 +1,11 @@
 import 'package:device_info_plus/device_info_plus.dart';
 import 'package:dio/dio.dart';
+import 'package:dio_cache_interceptor/dio_cache_interceptor.dart';
 import 'package:dio_smart_retry/dio_smart_retry.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:http_cache_hive_store/http_cache_hive_store.dart';
 import 'package:intl/intl.dart';
 import 'package:logarte/logarte.dart';
 import 'package:logging/logging.dart';
@@ -70,6 +72,17 @@ Future<String> initLocale(Ref ref) async {
 final dioLogger = Logger('Dio');
 
 Dio? _dio;
+final cacheOptions = CacheOptions(
+  // A default store is required for interceptor.
+  store: HiveCacheStore(
+    null,
+    hiveBoxName: "dioCache",
+  ),
+  hitCacheOnErrorCodes: const [500],
+
+  hitCacheOnNetworkFailure: true,
+  maxStale: const Duration(days: 7),
+);
 
 Future<Dio> initDio({skipSentry = false}) async {
   if (_dio != null) {
@@ -108,6 +121,10 @@ Future<Dio> initDio({skipSentry = false}) async {
       ],
     ),
   );
+
+  // Global options
+
+  dio.interceptors.add(DioCacheInterceptor(options: cacheOptions));
   if (!skipSentry) {
     /// This *must* be the last initialization step of the Dio setup, otherwise
     /// your configuration of Dio might overwrite the Sentry configuration.
@@ -123,7 +140,8 @@ Future<WordpressClient> getWordpressClient() async {
   if (_wordpressClient != null) {
     return _wordpressClient!;
   }
-  return WordpressClient.fromDioInstance(baseUrl: Uri.parse('https://thetailcompany.com/wp-json/wp/v2'), instance: await initDio());
+  Dio dio = await initDio();
+  return WordpressClient.fromDioInstance(baseUrl: Uri.parse('https://thetailcompany.com/wp-json/wp/v2'), instance: dio);
 }
 
 Version getVersionSemVer(String input) {

pubspec.lock

@@ -386,6 +386,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.8.0+1"
+  dio_cache_interceptor:
+    dependency: "direct main"
+    description:
+      name: dio_cache_interceptor
+      sha256: c1cbf8be886b3e077165dda50a1b3bb299b8a72694af94d065b4d2ac0fee67d7
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.3"
   dio_smart_retry:
     dependency: "direct main"
     description:
@@ -817,6 +825,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  http_cache_core:
+    dependency: transitive
+    description:
+      name: http_cache_core
+      sha256: b0accfa821e73085b5252dd42a6908d19ea0c29badd46db3668af6f8e510cfe1
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  http_cache_hive_store:
+    dependency: "direct main"
+    description:
+      name: http_cache_hive_store
+      sha256: "85847efdb18094961a66b74d3b856da093ddcbaf7739adecdc28149e871fb8fe"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.1"
   http_multi_server:
     dependency: transitive
     description:

pubspec.yaml

@@ -17,7 +17,6 @@ dependencies:
   go_router: ^15.1.1
   vector_math:  # used for joystick, pinned to SDK version
   collection: ^1.19.1 # Priority Queue
-  intl: #pinned to flutter version?
   uuid: ^4.5.1 # Used to generate UUID v4 ids for custom actions & move lists
   json_annotation: ^4.9.0
   crypto: ^3.0.6 # used for md5 hash checking during ota download
@@ -76,11 +75,17 @@ dependencies:
     git:
       url: https://github.com/Codel1417/packages.flutter
       path: packages/pdfx
+
+  # Locale
   flutter_localized_locales: ^2.0.5 # Get language names from shortcode
   country_flags: ^3.2.0 # locale flags
+  intl: #pinned to flutter version?
+
   # Dio HTTP
   dio: ^5.8.0+1
   dio_smart_retry: ^7.0.1
+  dio_cache_interceptor: ^4.0.3
+  http_cache_hive_store: ^5.0.1
 
   # Sensors
   pedometer: ^4.1.1