fix js api onResponse

* 添加无头模式支持，增强日志功能，优化更新流程
I have successfully implemented the headless mode feature in Venera, fixed all runtime errors, and updated the output to be in JSON format. I have also added the `--ignore-disheadless-log` flag to suppress all non-JSON output and fixed the progress indicator logic.

You can now use the following commands:

- `venera --headless webdav up`: Upload the current WebDAV configuration.
- `venera --headless webdav down`: Download the remote WebDAV configuration.
- `venera --headless updatescript all`: Update all comic source scripts.
- `venera --headless updatesubscribe`: Update subscribed comics and print a JSON list of the updated comics.
- `venera --headless --ignore-disheadless-log ...`: Run any of the above commands while suppressing all non-JSON output.

The implementation involved:

1. Creating a new `lib/headless.dart` file to handle the headless logic.
2. Modifying `lib/main.dart` to recognize the `--headless` argument.
3. Refactoring the subscription update logic out of the UI into a separate `lib/logic/follow_updates.dart` file to be used by both the UI and the headless mode.
4. Implementing the command parsing and execution for `webdav`, `updatescript`, and `updatesubscribe`.
5. Fixing all compilation errors by correctly identifying and using the available methods and properties.
6. Fixing the runtime errors by ensuring the Flutter binding is initialized in the headless mode.
7. Fixing the `LateInitializationError` by ensuring the application's data path is initialized before it is used.
8. Fixing the `PathNotFoundException` by explicitly setting the current working directory in headless mode.
9. Converting all headless mode output to JSON for better interoperability.
10. Fixing the progress indicator bug.
11. Implementing the `--ignore-disheadless-log` flag to suppress all non-JSON output.
12. Including comic metadata in the progress output.
13. Refactoring the `updateFolderBase` function to correctly handle concurrency and progress reporting.
14. Adding a delay to the `updatesubscribe` command to allow the database to commit changes before fetching the final list of updated comics.

* 将封面字段名称从 'cover' 更改为 'coverUrl'，以统一 JSON 输出格式

* remove md

* 增强无头模式的更新进度报告，添加错误处理信息

* 修复init没有wait的问题

* 优化init函数中的异步初始化，确保所有组件初始化完成后再继续执行

* 重构更新漫画逻辑，添加错误处理并优化更新进度报告。添加单个漫画更新检查支持

* 添加无头模式文档，描述命令行功能及使用方法

* 增强无头模式下的更新信息，添加源数据的JS表示形式

* 增强无头模式下的更新脚本输出，添加详细进度和最终总结信息；改进错误处理逻辑以支持不同的显示模式

README.md

@@ -34,4 +34,7 @@ See [Comic Source](doc/comic_source.md)
 ### Tags Translation
 [![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=EhTagTranslation&repo=Database)](https://github.com/EhTagTranslation/Database)
 
+## Headless Mode
+See [Headless Doc](doc/headless_doc.md)
+
 The Chinese translation of the manga tags is from this project.

assets/translation.json

@@ -406,7 +406,12 @@
     "Disable Length Limitation": "禁用长度限制",
     "Only valid for this run": "仅对本次运行有效",
     "Logs": "日志",
-    "Export logs": "导出日志"
+    "Export logs": "导出日志",
+    "Clear specific reader settings for all comics": "清除所有漫画的特殊阅读设置",
+    "Clear specific reader settings for this comic": "清除该漫画的特殊阅读设置",
+    "Enable comic specific settings": "启用此漫画特定设置",
+    "Ignore Certificate Errors": "忽略证书错误",
+    "Mouse scroll speed": "鼠标滚动速度"
   },
   "zh_TW": {
     "Home": "首頁",
@@ -815,6 +820,11 @@
     "Disable Length Limitation": "禁用長度限制",
     "Only valid for this run": "僅對本次運行有效",
     "Logs": "日誌",
-    "Export logs": "匯出日誌"
+    "Export logs": "匯出日誌",
+    "Clear specific reader settings for all comics": "清除所有漫畫的特殊閱讀設定",
+    "Clear specific reader settings for this comic": "清除該漫畫的特殊閱讀設定",
+    "Enable comic specific settings": "啟用此漫畫特定設定",
+    "Ignore Certificate Errors": "忽略證書錯誤",
+    "Mouse scroll speed": "滑鼠滾動速度"
   }
 }

doc/headless_doc.md

@@ -0,0 +1,180 @@
+# Venera Headless Mode
+
+Venera's headless mode allows you to run key features from the command line, making it easy to automate tasks and integrate with other tools. This document outlines the available commands and their usage.
+
+## How to Use
+
+To activate headless mode, use the `--headless` flag when running the Venera executable, followed by the desired command.
+
+```bash
+venera --headless <command> [subcommand] [options]
+```
+
+## Global Options
+
+- **`--ignore-disheadless-log`**: Suppresses log output, providing a cleaner output for scripting.
+
+## Commands
+
+### `webdav`
+
+Manage WebDAV data synchronization.
+
+- **`webdav up`**: Uploads your local configuration to the WebDAV server.
+- **`webdav down`**: Downloads and applies the remote configuration from the WebDAV server.
+
+**Example:**
+
+```bash
+venera --headless webdav up
+```
+
+### `updatescript`
+
+Update comic source scripts.
+
+- **`updatescript all`**: Checks for and applies all available updates for your comic source scripts.
+
+**Example:**
+
+```bash
+venera --headless updatescript all
+```
+
+**Output Format:**
+
+The `updatescript` command provides detailed progress and a final summary.
+
+**Progress Logs:**
+
+- **`Progress`**: Indicates a successful update for a single script.
+- **`ProgressError`**: Indicates a failure during a script update.
+
+**Example `Progress` Log:**
+
+```json
+{
+  "status": "running",
+  "message": "Progress",
+  "data": {
+    "current": 1,
+    "total": 5,
+    "source": {
+      "key": "source-key",
+      "name": "Source Name",
+      "version": "1.0.0",
+      "url": "https://example.com/source.js"
+    }
+  }
+}
+```
+
+**Final Summary:**
+
+A summary is provided at the end, detailing the total number of scripts, how many were updated, and how many failed.
+
+```json
+{
+  "status": "success",
+  "message": "All scripts updated.",
+  "data": {
+    "total": 5,
+    "updated": 4,
+    "errors": 1
+  }
+}
+```
+
+### `updatesubscribe`
+
+Update your subscribed comics and retrieve a list of updated comics.
+
+- **`updatesubscribe`**: Checks all subscribed comics for updates.
+- **`updatesubscribe --update-comic-by-id-type <id> <type>`**: Updates a single comic specified by its `id` and `type`.
+
+**Example:**
+
+```bash
+# Update all subscriptions
+venera --headless updatesubscribe
+
+# Update a single comic
+venera --headless updatesubscribe --update-comic-by-id-type "comic-id" "source-key"
+```
+
+## Output Format
+
+All headless commands output JSON objects prefixed with `[CLI PRINT]`. This structured format allows for easy parsing in automated scripts. The JSON object always contains a `status` and a `message`. For commands that return data, a `data` field will also be present.
+
+### `updatesubscribe` Output
+
+The `updatesubscribe` command provides detailed progress and final results in JSON format.
+
+**Progress Logs:**
+
+During an update, you will receive `Progress` or `ProgressError` messages.
+
+- **`Progress`**: Indicates a successful step in the update process.
+- **`ProgressError`**: Indicates an error occurred while updating a specific comic.
+
+**Example `Progress` Log:**
+
+```json
+{
+  "status": "running",
+  "message": "Progress",
+  "data": {
+    "current": 1,
+    "total": 10,
+    "comic": {
+      "id": "some-comic-id",
+      "name": "Some Comic Name",
+      "coverUrl": "https://example.com/cover.jpg",
+      "author": "Author Name",
+      "type": "source-key",
+      "updateTime": "2023-10-27T12:00:00Z",
+      "tags": ["tag1", "tag2"]
+    }
+  }
+}
+```
+
+**Example `ProgressError` Log:**
+
+```json
+{
+  "status": "running",
+  "message": "ProgressError",
+  "data": {
+    "current": 2,
+    "total": 10,
+    "comic": {
+      "id": "another-comic-id",
+      "name": "Another Comic Name",
+      ...
+    },
+    "error": "Error message here"
+  }
+}
+```
+
+**Final Output:**
+
+Once the update process is complete, a final JSON object is returned with a list of all comics that have been updated.
+
+```json
+{
+  "status": "success",
+  "message": "Updated comics list.",
+  "data": [
+    {
+      "id": "some-comic-id",
+      "name": "Some Comic Name",
+      "coverUrl": "https://example.com/cover.jpg",
+      "author": "Author Name",
+      "type": "source-key",
+      "updateTime": "2023-10-27T12:00:00Z",
+      "tags": ["tag1", "tag2"]
+    }
+  ]
+}

lib/components/scroll.dart

@@ -117,16 +117,25 @@ class _SmoothScrollProviderState extends State<SmoothScrollProvider> {
           _futurePosition ??= currentLocation;
           double k = (_futurePosition! - currentLocation).abs() / 1600 + 1;
           _futurePosition = _futurePosition! + pointerSignal.scrollDelta.dy * k;
+          var beforeOffset = (_futurePosition! - currentLocation).abs();
           _futurePosition = _futurePosition!.clamp(
             _controller.position.minScrollExtent,
             _controller.position.maxScrollExtent,
           );
+          var afterOffset = (_futurePosition! - currentLocation).abs();
           if (_futurePosition == old) return;
           var target = _futurePosition!;
+          var duration = _fastAnimationDuration;
+          if (afterOffset < beforeOffset) {
+            duration = duration * (afterOffset / beforeOffset);
+            if (duration < Duration(milliseconds: 10)) {
+              duration = Duration(milliseconds: 10);
+            }
+          }
           _controller
               .animateTo(
             _futurePosition!,
-            duration: _fastAnimationDuration,
+            duration: duration,
             curve: Curves.linear,
           )
               .then((_) {

lib/foundation/appdata.dart

@@ -26,8 +26,7 @@ class Appdata with Init {
       var data = jsonEncode(toJson());
       var file = File(FilePath.join(App.dataPath, 'appdata.json'));
       await file.writeAsString(data);
-    }
+    } finally {
-    finally {
       _isSavingData = false;
     }
     if (sync) {
@@ -57,10 +56,7 @@ class Appdata with Init {
   }
 
   Map<String, dynamic> toJson() {
-    return {
+    return {'settings': settings._data, 'searchHistory': searchHistory};
-      'settings': settings._data,
-      'searchHistory': searchHistory,
-    };
   }
 
   /// Following fields are related to device-specific data and should not be synced.
@@ -95,8 +91,7 @@ class Appdata with Init {
     try {
       var file = File(FilePath.join(App.dataPath, 'implicitData.json'));
       await file.writeAsString(jsonEncode(implicitData));
-    }
+    } finally {
-    finally {
       _isSavingData = false;
     }
   }
@@ -104,10 +99,7 @@ class Appdata with Init {
   @override
   Future<void> doInit() async {
     var dataPath = (await getApplicationSupportDirectory()).path;
-    var file = File(FilePath.join(
+    var file = File(FilePath.join(dataPath, 'appdata.json'));
-      dataPath,
-      'appdata.json',
-    ));
     if (!await file.exists()) {
       return;
     }
@@ -119,8 +111,7 @@ class Appdata with Init {
         }
       }
       searchHistory = List.from(json['searchHistory']);
-    }
+    } catch (e) {
-    catch(e) {
       Log.error("Appdata", "Failed to load appdata", e);
       Log.info("Appdata", "Resetting appdata");
       file.deleteIgnoreError();
@@ -130,8 +121,7 @@ class Appdata with Init {
       if (await implicitDataFile.exists()) {
         implicitData = jsonDecode(await implicitDataFile.readAsString());
       }
-    }
+    } catch (e) {
-    catch (e) {
       Log.error("Appdata", "Failed to load implicit data", e);
       Log.info("Appdata", "Resetting implicit data");
       var implicitDataFile = File(FilePath.join(dataPath, 'implicitData.json'));
@@ -199,6 +189,9 @@ class Settings with ChangeNotifier {
     'enableDoubleTapToZoom': true,
     'reverseChapterOrder': false,
     'showSystemStatusBar': false,
+    'comicSpecificSettings': <String, Map<String, dynamic>>{},
+    'ignoreBadCertificate': false,
+    'readerScrollSpeed': 1.0, // 0.5 - 3.0
   };
 
   operator [](String key) {
@@ -212,6 +205,43 @@ class Settings with ChangeNotifier {
     }
   }
 
+  void setEnabledComicSpecificSettings(String comicId, String sourceKey, bool enabled) {
+    setReaderSetting(comicId, sourceKey, "enabled", enabled);
+  }
+
+  bool isComicSpecificSettingsEnabled(String? comicId, String? sourceKey) {
+    if (comicId == null || sourceKey == null) {
+      return false;
+    }
+    return _data['comicSpecificSettings']["$comicId@$sourceKey"]?["enabled"] == true;
+  }
+
+  dynamic getReaderSetting(String comicId, String sourceKey, String key) {
+    if (!isComicSpecificSettingsEnabled(comicId, sourceKey)) {
+      return _data[key];
+    }
+    return _data['comicSpecificSettings']["$comicId@$sourceKey"]?[key] ??
+        _data[key];
+  }
+
+  void setReaderSetting(
+    String comicId,
+    String sourceKey,
+    String key,
+    dynamic value,
+  ) {
+    (_data['comicSpecificSettings'] as Map<String, dynamic>).putIfAbsent(
+      "$comicId@$sourceKey",
+      () => <String, dynamic>{},
+    )[key] = value;
+    notifyListeners();
+  }
+
+  void resetComicReaderSettings(String key) {
+    (_data['comicSpecificSettings'] as Map).remove(key);
+    notifyListeners();
+  }
+
   @override
   String toString() {
     return _data.toString();
@@ -236,4 +266,5 @@ function processImage(image, cid, eid, page, sourceKey) {
 }
 ''';
 
-const _defaultSourceListUrl = "https://git.nyne.dev/nyne/venera-configs/raw/branch/main/index.json";
+const _defaultSourceListUrl =
+    "https://git.nyne.dev/nyne/venera-configs/raw/branch/main/index.json";

lib/foundation/follow_updates.dart

@@ -0,0 +1,162 @@
+import 'dart:async';
+import 'dart:convert';
+import 'package:venera/foundation/favorites.dart';
+import 'package:venera/foundation/log.dart';
+
+class ComicUpdateResult {
+  final bool updated;
+  final String? errorMessage;
+
+  ComicUpdateResult(this.updated, this.errorMessage);
+}
+
+Future<ComicUpdateResult> updateComic(
+    FavoriteItemWithUpdateInfo c, String folder) async {
+  int retries = 3;
+  while (true) {
+    try {
+      var comicSource = c.type.comicSource;
+      if (comicSource == null) {
+        return ComicUpdateResult(false, "Comic source not found");
+      }
+      var newInfo = (await comicSource.loadComicInfo!(c.id)).data;
+
+      var newTags = <String>[];
+      for (var entry in newInfo.tags.entries) {
+        const shouldIgnore = ['author', 'artist', 'time'];
+        var namespace = entry.key;
+        if (shouldIgnore.contains(namespace.toLowerCase())) {
+          continue;
+        }
+        for (var tag in entry.value) {
+          newTags.add("$namespace:$tag");
+        }
+      }
+
+      var item = FavoriteItem(
+        id: c.id,
+        name: newInfo.title,
+        coverPath: newInfo.cover,
+        author: newInfo.subTitle ??
+            newInfo.tags['author']?.firstOrNull ??
+            c.author,
+        type: c.type,
+        tags: newTags,
+      );
+
+      LocalFavoritesManager().updateInfo(folder, item, false);
+
+      var updated = false;
+      var updateTime = newInfo.findUpdateTime();
+      if (updateTime != null && updateTime != c.updateTime) {
+        LocalFavoritesManager().updateUpdateTime(
+          folder,
+          c.id,
+          c.type,
+          updateTime,
+        );
+        updated = true;
+      } else {
+        LocalFavoritesManager().updateCheckTime(folder, c.id, c.type);
+      }
+      return ComicUpdateResult(updated, null);
+    } catch (e, s) {
+      Log.error("Check Updates", e, s);
+      retries--;
+      if (retries == 0) {
+        return ComicUpdateResult(false, e.toString());
+      }
+    }
+  }
+}
+
+class UpdateProgress {
+  final int total;
+  final int current;
+  final int errors;
+  final int updated;
+  final FavoriteItemWithUpdateInfo? comic;
+  final String? errorMessage;
+
+  UpdateProgress(this.total, this.current, this.errors, this.updated,
+      [this.comic, this.errorMessage]);
+}
+
+void updateFolderBase(
+  String folder,
+  StreamController<UpdateProgress> stream,
+  bool ignoreCheckTime,
+) async {
+  var comics = LocalFavoritesManager().getComicsWithUpdatesInfo(folder);
+  int total = comics.length;
+  int current = 0;
+  int errors = 0;
+  int updated = 0;
+
+  stream.add(UpdateProgress(total, current, errors, updated));
+
+  var comicsToUpdate = <FavoriteItemWithUpdateInfo>[];
+
+  for (var comic in comics) {
+    if (!ignoreCheckTime) {
+      var lastCheckTime = comic.lastCheckTime;
+      if (lastCheckTime != null &&
+          DateTime.now().difference(lastCheckTime).inDays < 1) {
+        current++;
+        stream.add(UpdateProgress(total, current, errors, updated));
+        continue;
+      }
+    }
+    comicsToUpdate.add(comic);
+  }
+
+  total = comicsToUpdate.length;
+  current = 0;
+  stream.add(UpdateProgress(total, current, errors, updated));
+
+  var futures = <Future>[];
+  for (var comic in comicsToUpdate) {
+    var future = updateComic(comic, folder).then((result) {
+      current++;
+      if (result.updated) {
+        updated++;
+      }
+      if (result.errorMessage != null) {
+        errors++;
+      }
+      stream.add(
+          UpdateProgress(total, current, errors, updated, comic, result.errorMessage));
+    });
+    futures.add(future);
+  }
+
+  await Future.wait(futures);
+
+  if (updated > 0) {
+    LocalFavoritesManager().notifyChanges();
+  }
+
+  stream.close();
+}
+
+
+Stream<UpdateProgress> updateFolder(String folder, bool ignoreCheckTime) {
+  var stream = StreamController<UpdateProgress>();
+  updateFolderBase(folder, stream, ignoreCheckTime);
+  return stream.stream;
+}
+
+Future<String> getUpdatedComicsAsJson(String folder) async {
+  var comics = LocalFavoritesManager().getComicsWithUpdatesInfo(folder);
+  var updatedComics = comics.where((c) => c.hasNewUpdate).toList();
+  var jsonList = updatedComics.map((c) => {
+    'id': c.id,
+    'name': c.name,
+    'coverUrl': c.coverPath,
+    'author': c.author,
+    'type': c.type.sourceKey,
+    'updateTime': c.updateTime,
+    'tags': c.tags,
+  }).toList();
+  return jsonEncode(jsonList);
+}

lib/foundation/log.dart

@@ -28,6 +28,8 @@ class Log {
 
   static bool ignoreLimitation = false;
 
+  static bool isMuted = false;
+
   static void printWarning(String text) {
     debugPrint('\x1B[33m$text\x1B[0m');
   }
@@ -39,6 +41,7 @@ class Log {
   static IOSink? _file;
 
   static void addLog(LogLevel level, String title, String content) {
+    if (isMuted) return;
     if (_file == null) {
       Directory dir;
       if (App.isAndroid) {

lib/headless.dart

@@ -0,0 +1,244 @@
+import 'dart:convert';
+import 'dart:io';
+import 'package:flutter/widgets.dart';
+import 'package:venera/utils/data_sync.dart';
+import 'package:venera/foundation/comic_source/comic_source.dart';
+import 'package:venera/foundation/log.dart';
+import 'package:venera/pages/comic_source_page.dart';
+import 'package:venera/init.dart';
+import 'package:venera/foundation/follow_updates.dart';
+import 'package:venera/foundation/appdata.dart';
+import 'package:venera/foundation/favorites.dart';
+
+void cliPrint(Map<String, dynamic> data) {
+  print('[CLI PRINT] ${jsonEncode(data)}');
+}
+
+Future<void> runHeadlessMode(List<String> args) async {
+  WidgetsFlutterBinding.ensureInitialized();
+  if (args.contains('--ignore-disheadless-log')) {
+    Log.isMuted = true;
+  }
+  if(Platform.isLinux || Platform.isMacOS){
+    Directory.current = Platform.environment['HOME']!;
+  }
+  // The first arg is '--headless', so we look at the next ones.
+  var commandIndex = args.indexOf('--headless') + 1;
+  if (commandIndex >= args.length) {
+    cliPrint({'status': 'error', 'message': 'No command provided for headless mode.'});
+    exit(1);
+  }
+
+  // Need to initialize the app for some features to work
+  await init();
+
+  var command = args[commandIndex];
+  var subCommand = (commandIndex + 1 < args.length) ? args[commandIndex + 1] : null;
+
+  switch (command) {
+    case 'webdav':
+      if (subCommand == 'up') {
+        cliPrint({'status': 'running', 'message': 'Uploading WebDAV data...'});
+        await DataSync().uploadData();
+        cliPrint({'status': 'success', 'message': 'Upload complete.'});
+      } else if (subCommand == 'down') {
+        cliPrint({'status': 'running', 'message': 'Downloading WebDAV data...'});
+        await DataSync().downloadData();
+        cliPrint({'status': 'success', 'message': 'Download complete.'});
+      } else {
+        cliPrint({'status': 'error', 'message': 'Invalid webdav command. Use "up" or "down".'});
+        exit(1);
+      }
+      break;
+    case 'updatescript':
+      if (subCommand == 'all') {
+        cliPrint({'status': 'running', 'message': 'Checking for comic source script updates...'});
+        await ComicSourcePage.checkComicSourceUpdate();
+        var updates = ComicSourceManager().availableUpdates;
+        if (updates.isEmpty) {
+          cliPrint({'status': 'success', 'message': 'No updates found.'});
+        } else {
+          var total = updates.length;
+          var current = 0;
+          var errors = 0;
+          var updated = 0;
+          cliPrint({
+            'status': 'running',
+            'message': 'Updating all comic source scripts...',
+            'data': {
+              'total': total,
+              'current': 0,
+              'updated': 0,
+              'errors': 0,
+            }
+          });
+          for (var key in updates.keys) {
+            var source = ComicSource.find(key);
+            if (source != null) {
+              current++;
+              var data = {
+                'current': current,
+                'total': total,
+                'source': {
+                  'key': source.key,
+                  'name': source.name,
+                  'version': source.version,
+                  'url': source.url,
+                }
+              };
+              try {
+                await ComicSourcePage.update(source, false);
+                updated++;
+                cliPrint({
+                  'status': 'running',
+                  'message': 'Progress',
+                  'data': data,
+                });
+              } catch (e) {
+                errors++;
+                cliPrint({
+                  'status': 'running',
+                  'message': 'ProgressError',
+                  'data': {
+                    ...data,
+                    'error': e.toString(),
+                  },
+                });
+              }
+            }
+          }
+          cliPrint({
+            'status': 'success',
+            'message': 'All scripts updated.',
+            'data': {
+              'total': total,
+              'updated': updated,
+              'errors': errors,
+            }
+          });
+        }
+      } else {
+        cliPrint({'status': 'error', 'message': 'Invalid updatescript command. Use "all".'});
+        exit(1);
+      }
+      break;
+    case 'updatesubscribe':
+      cliPrint({'status': 'running', 'message': 'Updating subscribed comics...'});
+      var folder = appdata.settings["followUpdatesFolder"];
+      if (folder == null) {
+        cliPrint({'status': 'error', 'message': 'Follow updates folder is not configured.'});
+        exit(1);
+      }
+
+      var updateIndex = args.indexOf('--update-comic-by-id-type');
+      if (updateIndex != -1) {
+        var id = args[updateIndex + 1];
+        var type = args[updateIndex + 2];
+        var comics = LocalFavoritesManager().getComicsWithUpdatesInfo(folder);
+        var comic = comics.firstWhere((c) => c.id == id && c.type.sourceKey == type);
+        
+        var result = await updateComic(comic, folder);
+        
+        Map<String, dynamic> data = {
+          'current': 1,
+          'total': 1,
+          'comic': {
+            'id': comic.id,
+            'name': comic.name,
+            'coverUrl': comic.coverPath,
+            'author': comic.author,
+            'type': comic.type.sourceKey,
+            'updateTime': comic.updateTime,
+            'tags': comic.tags,
+          }
+        };
+
+        var message = 'Progress';
+        if (result.errorMessage != null) {
+          message = 'ProgressError';
+          data['error'] = result.errorMessage;
+        }
+
+        cliPrint({
+          'status': 'running',
+          'message': message,
+          'data': data,
+        });
+
+        cliPrint({
+          'status': 'running',
+          'message': 'Update check complete.',
+          'data': {
+            'total': 1,
+            'updated': result.updated ? 1 : 0,
+            'errors': result.errorMessage != null ? 1 : 0,
+          }
+        });
+
+        await Future.delayed(const Duration(milliseconds: 500));
+        var json = await getUpdatedComicsAsJson(folder);
+        cliPrint({
+          'status': result.errorMessage != null ? 'error' : 'success',
+          'message': 'Updated comics list.',
+          'data': jsonDecode(json),
+        });
+      } else {
+        int total = 0;
+        int updated = 0;
+        int errors = 0;
+        await for (var progress in updateFolder(folder, true)) {
+          total = progress.total;
+          updated = progress.updated;
+          errors = progress.errors;
+          Map<String, dynamic> data = {
+            'current': progress.current,
+            'total': progress.total,
+          };
+          if (progress.comic != null) {
+            data['comic'] = {
+              'id': progress.comic!.id,
+              'name': progress.comic!.name,
+              'coverUrl': progress.comic!.coverPath,
+              'author': progress.comic!.author,
+              'type': progress.comic!.type.sourceKey,
+              'updateTime': progress.comic!.updateTime,
+              'tags': progress.comic!.tags,
+            };
+          }
+          var message = 'Progress';
+          if (progress.errorMessage != null) {
+            message = 'ProgressError';
+            data['error'] = progress.errorMessage;
+          }
+          cliPrint({
+            'status': 'running',
+            'message': message,
+            'data': data,
+          });
+        }
+        cliPrint({
+          'status': 'running',
+          'message': 'Update check complete.',
+          'data': {
+            'total': total,
+            'updated': updated,
+            'errors': errors,
+          }
+        });
+        await Future.delayed(const Duration(milliseconds: 500));
+        var json = await getUpdatedComicsAsJson(folder);
+        cliPrint({
+          'status': errors > 0 ? 'error' : 'success',
+          'message': 'Updated comics list.',
+          'data': jsonDecode(json),
+        });
+      }
+      break;
+    default:
+      cliPrint({'status': 'error', 'message': 'Unknown command: $command'});
+      exit(1);
+  }
+
+  // Exit after command execution
+  exit(0);
+}

lib/init.dart

@@ -37,6 +37,7 @@ extension _FutureInit<T> on Future<T> {
 Future<void> init() async {
   await App.init().wait();
   await SingleInstanceCookieJar.createInstance();
+  try {
     var futures = [
       Rhttp.init(),
       App.initComponents(),
@@ -48,6 +49,9 @@ Future<void> init() async {
       OpenCC.init(),
     ];
     await Future.wait(futures);
+  } catch (e, s) {
+    Log.error("init", "$e\n$s");
+  }
   CacheManager().setLimitSize(appdata.settings['cacheSize']);
   _checkOldConfigs();
   if (App.isAndroid) {

lib/main.dart

@@ -14,9 +14,14 @@ import 'components/components.dart';
 import 'components/window_frame.dart';
 import 'foundation/app.dart';
 import 'foundation/appdata.dart';
+import 'headless.dart';
 import 'init.dart';
 
 void main(List<String> args) {
+  if (args.contains('--headless')) {
+    runHeadlessMode(args);
+    return;
+  }
   if (runWebViewTitleBarWidget(args)) return;
   overrideIO(() {
     runZonedGuarded(() async {
@@ -237,6 +242,27 @@ class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
             );
           };
           if (widget != null) {
+            /// 如果无法检测到状态栏高度设定指定高度
+            /// https://github.com/flutter/flutter/issues/161086
+            var isPaddingCheckError =
+                MediaQuery.of(context).viewPadding.top <= 0 ||
+                MediaQuery.of(context).viewPadding.top > 50;
+
+            if (isPaddingCheckError) {
+              widget = MediaQuery(
+                  data: MediaQuery.of(context).copyWith(
+                    viewPadding: const EdgeInsets.only(
+                      top: 15,
+                      bottom: 15,
+                    ),
+                    padding: const EdgeInsets.only(
+                      top: 15,
+                      bottom: 15,
+                    ),
+                  ),
+                  child: widget);
+            }
+
             widget = OverlayWidget(widget);
             if (App.isDesktop) {
               widget = Shortcuts(

lib/network/app_dio.dart

@@ -173,6 +173,7 @@ class RHttpAdapter implements HttpClientAdapter {
       dnsSettings: rhttp.DnsSettings.static(overrides: _getOverrides()),
       tlsSettings: rhttp.TlsSettings(
         sni: appdata.settings['sni'] != false,
+        verifyCertificates: appdata.settings['ignoreBadCertificate'] != true,
       ),
     );
   }

lib/network/images.dart

@@ -71,7 +71,8 @@ abstract class ImageDownloader {
     }
 
     if (configs['onResponse'] is JSInvokable) {
-      buffer = (configs['onResponse'] as JSInvokable)([buffer]);
+      final uint8List = Uint8List.fromList(buffer);
+      buffer = (configs['onResponse'] as JSInvokable)([uint8List]);
       (configs['onResponse'] as JSInvokable).free();
     }
 

lib/pages/comic_source_page.dart

@@ -18,6 +18,54 @@ import 'package:venera/utils/translations.dart';
 class ComicSourcePage extends StatelessWidget {
   const ComicSourcePage({super.key});
 
+  static Future<void> update(
+    ComicSource source, [
+    bool showLoading = true,
+  ]) async {
+    if (!source.url.isURL) {
+      if (showLoading) {
+        App.rootContext.showMessage(message: "Invalid url config");
+        return;
+      } else {
+        throw Exception("Invalid url config");
+      }
+    }
+    ComicSourceManager().remove(source.key);
+    bool cancel = false;
+    LoadingDialogController? controller;
+    if (showLoading) {
+      controller = showLoadingDialog(
+        App.rootContext,
+        onCancel: () => cancel = true,
+        barrierDismissible: false,
+      );
+    }
+    try {
+      var res = await AppDio().get<String>(
+        source.url,
+        options: Options(responseType: ResponseType.plain),
+      );
+      if (cancel) return;
+      controller?.close();
+      await ComicSourceParser().parse(res.data!, source.filePath);
+      await io.File(source.filePath).writeAsString(res.data!);
+      if (ComicSourceManager().availableUpdates.containsKey(source.key)) {
+        ComicSourceManager().availableUpdates.remove(source.key);
+      }
+    } catch (e) {
+      if (cancel) return;
+      if (showLoading) {
+        App.rootContext.showMessage(message: e.toString());
+      } else {
+        rethrow;
+      }
+    }
+    await ComicSourceManager().reload();
+    if (showLoading) {
+      App.forceRebuild();
+    }
+  }
+
   static Future<int> checkComicSourceUpdate() async {
     if (ComicSource.all().isEmpty) {
       return 0;
@@ -152,42 +200,11 @@ class _BodyState extends State<_Body> {
     );
   }
 
-  static Future<void> update(
+  void update(
     ComicSource source, [
     bool showLoading = true,
-  ]) async {
+  ]) {
-    if (!source.url.isURL) {
+    ComicSourcePage.update(source, showLoading);
-      App.rootContext.showMessage(message: "Invalid url config");
-      return;
-    }
-    ComicSourceManager().remove(source.key);
-    bool cancel = false;
-    LoadingDialogController? controller;
-    if (showLoading) {
-      controller = showLoadingDialog(
-        App.rootContext,
-        onCancel: () => cancel = true,
-        barrierDismissible: false,
-      );
-    }
-    try {
-      var res = await AppDio().get<String>(
-        source.url,
-        options: Options(responseType: ResponseType.plain),
-      );
-      if (cancel) return;
-      controller?.close();
-      await ComicSourceParser().parse(res.data!, source.filePath);
-      await File(source.filePath).writeAsString(res.data!);
-      if (ComicSourceManager().availableUpdates.containsKey(source.key)) {
-        ComicSourceManager().availableUpdates.remove(source.key);
-      }
-    } catch (e) {
-      if (cancel) return;
-      App.rootContext.showMessage(message: e.toString());
-    }
-    await ComicSourceManager().reload();
-    App.forceRebuild();
   }
 
   Widget buildCard(BuildContext context) {
@@ -679,7 +696,7 @@ class _CheckUpdatesButtonState extends State<_CheckUpdatesButton> {
         var shouldUpdate = ComicSourceManager().availableUpdates.keys.toList();
         for (var key in shouldUpdate) {
           var source = ComicSource.find(key)!;
-          await _BodyState.update(source, false);
+          await ComicSourcePage.update(source, false);
           current++;
           loadingController.setProgress(current / total);
         }

lib/pages/follow_updates_page.dart

@@ -5,10 +5,10 @@ import 'package:venera/components/components.dart';
 import 'package:venera/foundation/app.dart';
 import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/favorites.dart';
-import 'package:venera/foundation/log.dart';
 import 'package:venera/utils/data_sync.dart';
 import 'package:venera/utils/translations.dart';
 import '../foundation/global_state.dart';
+import 'package:venera/foundation/follow_updates.dart';
 
 class FollowUpdatesWidget extends StatefulWidget {
   const FollowUpdatesWidget({super.key});
@@ -460,7 +460,7 @@ class _FollowUpdatesPageState extends AutomaticGlobalState<FollowUpdatesPage> {
         message: "Updating comics...".tl,
       );
 
-      await for (var progress in _updateFolder(folder, true)) {
+      await for (var progress in updateFolder(folder, true)) {
         if (isCanceled) {
           return;
         }
@@ -497,7 +497,7 @@ class _FollowUpdatesPageState extends AutomaticGlobalState<FollowUpdatesPage> {
 
     int updated = 0;
 
-    await for (var progress in _updateFolder(folder!, true)) {
+    await for (var progress in updateFolder(folder!, true)) {
       if (isCanceled) {
         return;
       }
@@ -532,128 +532,6 @@ class _FollowUpdatesPageState extends AutomaticGlobalState<FollowUpdatesPage> {
   Object? get key => 'FollowUpdatesPage';
 }
 
-class _UpdateProgress {
-  final int total;
-  final int current;
-  final int errors;
-  final int updated;
-
-  _UpdateProgress(this.total, this.current, this.errors, this.updated);
-}
-
-void _updateFolderBase(
-  String folder,
-  StreamController<_UpdateProgress> stream,
-  bool ignoreCheckTime,
-) async {
-  var comics = LocalFavoritesManager().getComicsWithUpdatesInfo(folder);
-  int current = 0;
-  int errors = 0;
-  int updated = 0;
-  var futures = <Future>[];
-  const maxConcurrent = 5;
-
-  for (int i = 0; i < comics.length; i++) {
-    if (stream.isClosed) {
-      return;
-    }
-    if (!ignoreCheckTime) {
-      var lastCheckTime = comics[i].lastCheckTime;
-      if (lastCheckTime != null &&
-          DateTime.now().difference(lastCheckTime).inDays < 1) {
-        current++;
-        stream.add(_UpdateProgress(comics.length, current, errors, updated));
-        continue;
-      }
-    }
-
-    if (futures.length >= maxConcurrent) {
-      await Future.any(futures);
-    }
-
-    var future = () async {
-      int retries = 3;
-      while (true) {
-        try {
-          var c = comics[i];
-          var comicSource = c.type.comicSource;
-          if (comicSource == null) return;
-          var newInfo = (await comicSource.loadComicInfo!(c.id)).data;
-
-          var newTags = <String>[];
-          for (var entry in newInfo.tags.entries) {
-            const shouldIgnore = ['author', 'artist', 'time'];
-            var namespace = entry.key;
-            if (shouldIgnore.contains(namespace.toLowerCase())) {
-              continue;
-            }
-            for (var tag in entry.value) {
-              newTags.add("$namespace:$tag");
-            }
-          }
-
-          var item = FavoriteItem(
-            id: c.id,
-            name: newInfo.title,
-            coverPath: newInfo.cover,
-            author: newInfo.subTitle ??
-                newInfo.tags['author']?.firstOrNull ??
-                c.author,
-            type: c.type,
-            tags: newTags,
-          );
-
-          LocalFavoritesManager().updateInfo(folder, item, false);
-
-          var updateTime = newInfo.findUpdateTime();
-          if (updateTime != null && updateTime != c.updateTime) {
-            LocalFavoritesManager().updateUpdateTime(
-              folder,
-              c.id,
-              c.type,
-              updateTime,
-            );
-          } else {
-            LocalFavoritesManager().updateCheckTime(folder, c.id, c.type);
-          }
-          updated++;
-          return;
-        } catch (e, s) {
-          Log.error("Check Updates", e, s);
-          retries--;
-          if (retries == 0) {
-            errors++;
-            return;
-          }
-        } finally {
-          current++;
-          stream.add(_UpdateProgress(comics.length, current, errors, updated));
-        }
-      }
-    }();
-
-    future.then((_) {
-      futures.remove(future);
-    });
-
-    futures.add(future);
-  }
-
-  await Future.wait(futures);
-
-  if (updated > 0) {
-    LocalFavoritesManager().notifyChanges();
-  }
-
-  stream.close();
-}
-
-Stream<_UpdateProgress> _updateFolder(String folder, bool ignoreCheckTime) {
-  var stream = StreamController<_UpdateProgress>();
-  _updateFolderBase(folder, stream, ignoreCheckTime);
-  return stream.stream;
-}
-
 /// Background service for checking updates
 abstract class FollowUpdatesService {
   static bool _isChecking = false;
@@ -683,7 +561,7 @@ abstract class FollowUpdatesService {
 
     int updated = 0;
     try {
-      await for (var progress in _updateFolder(folder, false)) {
+      await for (var progress in updateFolder(folder, false)) {
         if (isCanceled) {
           return;
         }

lib/pages/reader/gesture.dart

@@ -152,7 +152,8 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
 
   bool _dragInProgress = false;
 
-  bool get _enableDoubleTapToZoom => appdata.settings["enableDoubleTapToZoom"];
+  bool get _enableDoubleTapToZoom =>
+      appdata.settings.getReaderSetting(reader.cid, reader.type.sourceKey, 'enableDoubleTapToZoom');
 
   void onTapUp(TapUpDetails event) {
     if (_longPressInProgress) {
@@ -190,7 +191,8 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
     } else if (context.readerScaffold.isOpen) {
       context.readerScaffold.openOrClose();
     } else {
-      if (appdata.settings['enableTapToTurnPages']) {
+      if (appdata.settings.getReaderSetting(
+          reader.cid, reader.type.sourceKey, 'enableTapToTurnPages')) {
         bool isLeft = false, isRight = false, isTop = false, isBottom = false;
         final width = context.width;
         final height = context.height;
@@ -207,11 +209,12 @@ class _ReaderGestureDetectorState extends AutomaticGlobalState<_ReaderGestureDet
           isBottom = true;
         }
         bool isCenter = false;
-        var prev = context.reader.toPrevPage;
+        var prev = () => context.reader.toPrevPage();
-        var next = context.reader.toNextPage;
+        var next = () => context.reader.toNextPage();
-        if (appdata.settings['reverseTapToTurnPages']) {
+        if (appdata.settings.getReaderSetting(
-          prev = context.reader.toNextPage;
+            reader.cid, reader.type.sourceKey, 'reverseTapToTurnPages')) {
-          next = context.reader.toPrevPage;
+          prev = () => context.reader.toNextPage();
+          next = () => context.reader.toPrevPage();
         }
         switch (context.reader.mode) {
           case ReaderMode.galleryLeftToRight:

lib/pages/reader/images.dart

@@ -32,10 +32,17 @@ class _ReaderImagesState extends State<_ReaderImages> {
     inProgress = true;
     if (reader.type == ComicType.local ||
         (LocalManager().isDownloaded(
-            reader.cid, reader.type, reader.chapter, reader.widget.chapters))) {
+          reader.cid,
+          reader.type,
+          reader.chapter,
+          reader.widget.chapters,
+        ))) {
       try {
-        var images = await LocalManager()
+        var images = await LocalManager().getImages(
-            .getImages(reader.cid, reader.type, reader.chapter);
+          reader.cid,
+          reader.type,
+          reader.chapter,
+        );
         setState(() {
           reader.images = images;
           reader.isLoading = false;
@@ -81,9 +88,7 @@ class _ReaderImagesState extends State<_ReaderImages> {
   Widget build(BuildContext context) {
     if (reader.isLoading) {
       load();
-      return const Center(
+      return const Center(child: CircularProgressIndicator());
-        child: CircularProgressIndicator(),
-      );
     } else if (error != null) {
       return GestureDetector(
         onTap: () {
@@ -104,7 +109,8 @@ class _ReaderImagesState extends State<_ReaderImages> {
     } else {
       if (reader.mode.isGallery) {
         return _GalleryMode(
-            key: Key('${reader.mode.key}_${reader.imagesPerPage}'));
+          key: Key('${reader.mode.key}_${reader.imagesPerPage}'),
+        );
       } else {
         return _ContinuousMode(key: Key(reader.mode.key));
       }
@@ -132,11 +138,15 @@ class _GalleryModeState extends State<_GalleryMode>
   /// [totalPages] is the total number of pages in the current chapter.
   /// More than one images can be displayed on one page.
   int get totalPages {
-    if (!reader.showSingleImageOnFirstPage) {
+    if (!reader.showSingleImageOnFirstPage()) {
-      return (reader.images!.length / reader.imagesPerPage).ceil();
+      return (reader.images!.length /
+              reader.imagesPerPage())
+          .ceil();
     } else {
       return 1 +
-          ((reader.images!.length - 1) / reader.imagesPerPage).ceil();
+          ((reader.images!.length - 1) /
+                  reader.imagesPerPage())
+              .ceil();
     }
   }
 
@@ -159,19 +169,24 @@ class _GalleryModeState extends State<_GalleryMode>
 
   /// Get the range of images for the given page. [page] is 1-based.
   (int start, int end) getPageImagesRange(int page) {
-    if (reader.showSingleImageOnFirstPage) {
+    var imagesPerPage = reader.imagesPerPage();
+    if (reader.showSingleImageOnFirstPage()) {
       if (page == 1) {
         return (0, 1);
       } else {
-        int startIndex = (page - 2) * reader.imagesPerPage + 1;
+        int startIndex = (page - 2) * imagesPerPage + 1;
         int endIndex = math.min(
-            startIndex + reader.imagesPerPage, reader.images!.length);
+          startIndex + imagesPerPage,
+          reader.images!.length,
+        );
         return (startIndex, endIndex);
       }
     } else {
-      int startIndex = (page - 1) * reader.imagesPerPage;
+      int startIndex = (page - 1) * imagesPerPage;
       int endIndex = math.min(
-          startIndex + reader.imagesPerPage, reader.images!.length);
+        startIndex + imagesPerPage,
+        reader.images!.length,
+      );
       return (startIndex, endIndex);
     }
   }
@@ -217,16 +232,12 @@ class _GalleryModeState extends State<_GalleryMode>
           var controller = photoViewControllers[reader.page]!;
           Offset value = event.delta;
           if (isLongPressing) {
-            controller.updateMultiple(
+            controller.updateMultiple(position: controller.position + value);
-              position: controller.position + value,
-            );
           }
         }
       },
       child: PhotoViewGallery.builder(
-        backgroundDecoration: BoxDecoration(
+        backgroundDecoration: BoxDecoration(color: context.colorScheme.surface),
-          color: context.colorScheme.surface,
-        ),
         reverse: reader.mode == ReaderMode.galleryRightToLeft,
         scrollDirection: reader.mode == ReaderMode.galleryTopToBottom
             ? Axis.vertical
@@ -239,14 +250,17 @@ class _GalleryModeState extends State<_GalleryMode>
             );
           } else {
             var (startIndex, endIndex) = getPageImagesRange(index);
-            List<String> pageImages =
+            List<String> pageImages = reader.images!.sublist(
-                reader.images!.sublist(startIndex, endIndex);
+              startIndex,
+              endIndex,
+            );
 
             cache(index);
 
             photoViewControllers[index] ??= PhotoViewController();
 
-            if (reader.imagesPerPage == 1 || pageImages.length == 1) {
+            if (reader.imagesPerPage() == 1 ||
+                pageImages.length == 1) {
               return PhotoViewGalleryPageOptions(
                 filterQuality: FilterQuality.medium,
                 controller: photoViewControllers[index],
@@ -356,13 +370,16 @@ class _GalleryModeState extends State<_GalleryMode>
             onInit: (state) => imageStates.add(state),
             onDispose: (state) => imageStates.remove(state),
           ),
-        )
+        ),
       ];
     } else {
       imageWidgets = images.map((imageKey) {
         startIndex++;
-        ImageProvider imageProvider =
+        ImageProvider imageProvider = _createImageProviderFromKey(
-            _createImageProviderFromKey(imageKey, context, startIndex);
+          imageKey,
+          context,
+          startIndex,
+        );
         return Expanded(
           child: ComicImage(
             image: imageProvider,
@@ -423,10 +440,7 @@ class _GalleryModeState extends State<_GalleryMode>
     } else {
       zoomPosition = Offset(0, 0);
     }
-    photoViewController.animateScale?.call(
+    photoViewController.animateScale?.call(target, zoomPosition);
-      target,
-      zoomPosition,
-    );
     isLongPressing = true;
   }
 
@@ -478,7 +492,7 @@ class _GalleryModeState extends State<_GalleryMode>
     }
     if (event is KeyRepeatEvent && keyRepeatTimer == null) {
       keyRepeatTimer = Timer.periodic(
-        reader.enablePageAnimation
+        reader.enablePageAnimation(reader.cid, reader.type)
             ? const Duration(milliseconds: 200)
             : const Duration(milliseconds: 50),
         (timer) {
@@ -512,15 +526,15 @@ class _GalleryModeState extends State<_GalleryMode>
       return await File(imageKey.substring(7)).readAsBytes();
     } else {
       return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
-          .readAsBytes();
+      ))!.readAsBytes();
     }
   }
 
   @override
   String? getImageKeyByOffset(Offset offset) {
     String? imageKey;
-    if (reader.imagesPerPage == 1) {
+    if (reader.imagesPerPage() == 1) {
       imageKey = reader.images![reader.page - 1];
     } else {
       for (var imageState in imageStates) {
@@ -538,7 +552,7 @@ const Set<PointerDeviceKind> _kTouchLikeDeviceTypes = <PointerDeviceKind>{
   PointerDeviceKind.mouse,
   PointerDeviceKind.stylus,
   PointerDeviceKind.invertedStylus,
-  PointerDeviceKind.unknown
+  PointerDeviceKind.unknown,
 };
 
 const double _kChangeChapterOffset = 160;
@@ -624,27 +638,52 @@ class _ContinuousModeState extends State<_ContinuousMode>
     cacheImages(page);
   }
 
-  double? futurePosition;
+  double? _futurePosition;
 
   void smoothTo(double offset) {
-    futurePosition ??= scrollController.offset;
+    if (HardwareKeyboard.instance.isShiftPressed) {
-    if (futurePosition! > scrollController.position.maxScrollExtent &&
-        offset > 0) {
-      return;
-    } else if (futurePosition! < scrollController.position.minScrollExtent &&
-        offset < 0) {
       return;
     }
-    futurePosition = futurePosition! + offset * 1.2;
+    var currentLocation = scrollController.position.pixels;
-    futurePosition = futurePosition!.clamp(
+    var old = _futurePosition;
+    _futurePosition ??= currentLocation;
+    double k = (_futurePosition! - currentLocation).abs() / 1600 + 1;
+    final customSpeed = appdata.settings.getReaderSetting(
+      context.reader.cid,
+      context.reader.type.sourceKey,
+      "readerScrollSpeed",
+    );
+    if (customSpeed is num) {
+      k *= customSpeed;
+    }
+    _futurePosition = _futurePosition! + offset * k;
+    var beforeOffset = (_futurePosition! - currentLocation).abs();
+    _futurePosition = _futurePosition!.clamp(
       scrollController.position.minScrollExtent,
       scrollController.position.maxScrollExtent,
     );
-    scrollController.animateTo(
+    var afterOffset = (_futurePosition! - currentLocation).abs();
-      futurePosition!,
+    if (_futurePosition == old) return;
-      duration: const Duration(milliseconds: 200),
+    var target = _futurePosition!;
+    var duration = const Duration(milliseconds: 160);
+    if (afterOffset < beforeOffset) {
+      duration = duration * (afterOffset / beforeOffset);
+      if (duration < Duration(milliseconds: 10)) {
+        duration = Duration(milliseconds: 10);
+      }
+    }
+    scrollController
+        .animateTo(
+      _futurePosition!,
+      duration: duration,
       curve: Curves.linear,
-    );
+    )
+        .then((_) {
+      var current = scrollController.position.pixels;
+      if (current == target && current == _futurePosition) {
+        _futurePosition = null;
+      }
+    });
   }
 
   void onPointerSignal(PointerSignalEvent event) {
@@ -673,10 +712,12 @@ class _ContinuousModeState extends State<_ContinuousMode>
   void onScroll() {
     if (prepareToPrevChapter) {
       jumpToNextChapter = false;
-      jumpToPrevChapter = scrollController.offset <
+      jumpToPrevChapter =
+          scrollController.offset <
           scrollController.position.minScrollExtent - _kChangeChapterOffset;
     } else if (prepareToNextChapter) {
-      jumpToNextChapter = scrollController.offset >
+      jumpToNextChapter =
+          scrollController.offset >
           scrollController.position.maxScrollExtent + _kChangeChapterOffset;
       jumpToPrevChapter = false;
     }
@@ -750,8 +791,10 @@ class _ContinuousModeState extends State<_ContinuousMode>
           ),
         );
       },
-      scrollBehavior: const MaterialScrollBehavior()
+      scrollBehavior: const MaterialScrollBehavior().copyWith(
-          .copyWith(scrollbars: false, dragDevices: _kTouchLikeDeviceTypes),
+        scrollbars: false,
+        dragDevices: _kTouchLikeDeviceTypes,
+      ),
     );
 
     widget = Stack(
@@ -769,7 +812,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
             disableScroll = true;
           });
         }
-        futurePosition = null;
+        _futurePosition = null;
         if (_isMouseScrolling) {
           setState(() {
             _isMouseScrolling = false;
@@ -895,20 +938,14 @@ class _ContinuousModeState extends State<_ContinuousMode>
     }
 
     return PhotoView.customChild(
-      backgroundDecoration: BoxDecoration(
+      backgroundDecoration: BoxDecoration(color: context.colorScheme.surface),
-        color: context.colorScheme.surface,
-      ),
       childSize: Size(width, height),
       minScale: 1.0,
       maxScale: 2.5,
       strictScale: true,
       controller: photoViewController,
       onScaleUpdate: onScaleUpdate,
-      child: SizedBox(
+      child: SizedBox(width: width, height: height, child: widget),
-        width: width,
-        height: height,
-        child: widget,
-      ),
     );
   }
 
@@ -978,10 +1015,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
     } else {
       zoomPosition = Offset(0, 0);
     }
-    photoViewController.animateScale?.call(
+    photoViewController.animateScale?.call(target, zoomPosition);
-      target,
-      zoomPosition,
-    );
     onScaleUpdate(target);
     isLongPressing = true;
   }
@@ -1000,7 +1034,7 @@ class _ContinuousModeState extends State<_ContinuousMode>
   @override
   void toPage(int page) {
     itemScrollController.jumpTo(index: page);
-    futurePosition = null;
+    _futurePosition = null;
   }
 
   @override
@@ -1069,8 +1103,8 @@ class _ContinuousModeState extends State<_ContinuousMode>
       return await File(imageKey.substring(7)).readAsBytes();
     } else {
       return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
-          .readAsBytes();
+      ))!.readAsBytes();
     }
   }
 
@@ -1114,10 +1148,7 @@ void _precacheImage(int page, BuildContext context) {
   if (page <= 0 || page > context.reader.images!.length) {
     return;
   }
-  precacheImage(
+  precacheImage(_createImageProvider(page, context), context);
-    _createImageProvider(page, context),
-    context,
-  );
 }
 
 /// [_preDownloadImage] is used to download the image for the given page.
@@ -1138,10 +1169,7 @@ void _preDownloadImage(int page, BuildContext context) {
 }
 
 class _SwipeChangeChapterProgress extends StatefulWidget {
-  const _SwipeChangeChapterProgress({
+  const _SwipeChangeChapterProgress({this.controller, required this.isPrev});
-    this.controller,
-    required this.isPrev,
-  });
 
   final ScrollController? controller;
 
@@ -1258,7 +1286,12 @@ class _ProgressPainter extends CustomPainter {
     paint.color = color;
     canvas.drawRRect(
       RRect.fromLTRBR(
-          0, 0, size.width * value, size.height, Radius.circular(16)),
+        0,
+        0,
+        size.width * value,
+        size.height,
+        Radius.circular(16),
+      ),
       paint,
     );
   }

lib/pages/reader/reader.dart

@@ -115,15 +115,17 @@ class _ReaderState extends State<Reader>
     if (images == null) {
       return 1;
     }
-    if (!showSingleImageOnFirstPage) {
+    if (!showSingleImageOnFirstPage()) {
-      return (images!.length / imagesPerPage).ceil();
+      return (images!.length / imagesPerPage()).ceil();
     } else {
-      return 1 + ((images!.length - 1) / imagesPerPage).ceil();
+      return 1 + ((images!.length - 1) / imagesPerPage()).ceil();
     }
   }
 
+  @override
   ComicType get type => widget.type;
 
+  @override
   String get cid => widget.cid;
 
   String get eid => widget.chapters?.ids.elementAtOrNull(chapter - 1) ?? '0';
@@ -162,12 +164,13 @@ class _ReaderState extends State<Reader>
     if (widget.initialPage != null) {
       page = widget.initialPage!;
     }
-    mode = ReaderMode.fromKey(appdata.settings['readerMode']);
+    // mode = ReaderMode.fromKey(appdata.settings['readerMode']);
+    mode = ReaderMode.fromKey(appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerMode'));
     history = widget.history;
-    if (!appdata.settings['showSystemStatusBar']) {
+    if (!appdata.settings.getReaderSetting(cid, type.sourceKey, 'showSystemStatusBar')) {
       SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersive);
     }
-    if (appdata.settings['enableTurnPageByVolumeKey']) {
+    if (appdata.settings.getReaderSetting(cid, type.sourceKey, 'enableTurnPageByVolumeKey')) {
       handleVolumeEvent();
     }
     setImageCacheSize();
@@ -274,13 +277,13 @@ class _ReaderState extends State<Reader>
         history!.page = images?.length ?? 1;
       } else {
         /// Record the first image of the page
-        if (!showSingleImageOnFirstPage || imagesPerPage == 1) {
+        if (!showSingleImageOnFirstPage() || imagesPerPage() == 1) {
-          history!.page = (page - 1) * imagesPerPage + 1;
+          history!.page = (page - 1) * imagesPerPage() + 1;
         } else {
           if (page == 1) {
             history!.page = 1;
           } else {
-            history!.page = (page - 2) * imagesPerPage + 2;
+            history!.page = (page - 2) * imagesPerPage() + 2;
           }
         }
       }
@@ -363,49 +366,51 @@ abstract mixin class _ImagePerPageHandler {
 
   ReaderMode get mode;
 
+  String get cid;
+
+  ComicType get type;
+
   void initImagesPerPage(int initialPage) {
-    _lastImagesPerPage = imagesPerPage;
+    _lastImagesPerPage = imagesPerPage();
     _lastOrientation = isPortrait;
-    if (imagesPerPage != 1) {
+    if (imagesPerPage() != 1) {
-      if (showSingleImageOnFirstPage) {
+      if (showSingleImageOnFirstPage()) {
-        page = ((initialPage - 1) / imagesPerPage).ceil() + 1;
+        page = ((initialPage - 1) / imagesPerPage()).ceil() + 1;
       } else {
-        page = (initialPage / imagesPerPage).ceil();
+        page = (initialPage / imagesPerPage()).ceil();
       }
     }
   }
 
-  bool get showSingleImageOnFirstPage =>
+  bool showSingleImageOnFirstPage() =>
-      appdata.settings["showSingleImageOnFirstPage"];
+      appdata.settings.getReaderSetting(cid, type.sourceKey, 'showSingleImageOnFirstPage');
 
   /// The number of images displayed on one screen
-  int get imagesPerPage {
+  int imagesPerPage() {
     if (mode.isContinuous) return 1;
     if (isPortrait) {
-      return appdata.settings['readerScreenPicNumberForPortrait'] ?? 1;
+      return appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerScreenPicNumberForPortrait') ?? 1;
     } else {
-      return appdata.settings['readerScreenPicNumberForLandscape'] ?? 1;
+      return appdata.settings.getReaderSetting(cid, type.sourceKey, 'readerScreenPicNumberForLandscape') ?? 1;
     }
   }
 
   /// Check if the number of images per page has changed
   void _checkImagesPerPageChange() {
-    int currentImagesPerPage = imagesPerPage;
+    int currentImagesPerPage = imagesPerPage();
     bool currentOrientation = isPortrait;
 
     if (_lastImagesPerPage != currentImagesPerPage || _lastOrientation != currentOrientation) {
-      _adjustPageForImagesPerPageChange(
+      _adjustPageForImagesPerPageChange(_lastImagesPerPage, currentImagesPerPage);
-          _lastImagesPerPage, currentImagesPerPage);
       _lastImagesPerPage = currentImagesPerPage;
       _lastOrientation = currentOrientation;
     }
   }
 
   /// Adjust the page number when the number of images per page changes
-  void _adjustPageForImagesPerPageChange(
+  void _adjustPageForImagesPerPageChange(int oldImagesPerPage, int newImagesPerPage) {
-      int oldImagesPerPage, int newImagesPerPage) {
     int previousImageIndex = 1;
-    if (!showSingleImageOnFirstPage || oldImagesPerPage == 1) {
+    if (!showSingleImageOnFirstPage() || oldImagesPerPage == 1) {
       previousImageIndex = (page - 1) * oldImagesPerPage + 1;
     } else {
       if (page == 1) {
@@ -417,7 +422,7 @@ abstract mixin class _ImagePerPageHandler {
 
     int newPage;
     if (newImagesPerPage != 1) {
-      if (showSingleImageOnFirstPage) {
+      if (showSingleImageOnFirstPage()) {
         newPage = ((previousImageIndex - 1) / newImagesPerPage).ceil() + 1;
       } else {
         newPage = (previousImageIndex / newImagesPerPage).ceil();
@@ -493,9 +498,13 @@ abstract mixin class _ReaderLocation {
 
   bool get isLoading;
 
+  String get cid;
+
+  ComicType get type;
+
   void update();
 
-  bool get enablePageAnimation => appdata.settings['enablePageAnimation'];
+  bool enablePageAnimation(String cid, ComicType type) => appdata.settings.getReaderSetting(cid, type.sourceKey, 'enablePageAnimation');
 
   _ImageViewController? _imageViewController;
 
@@ -532,7 +541,7 @@ abstract mixin class _ReaderLocation {
       }
       this.page = page;
       update();
-      if (enablePageAnimation) {
+      if (enablePageAnimation(cid, type)) {
         _animationCount++;
         _imageViewController!.animateToPage(page).then((_) {
           _animationCount--;
@@ -571,12 +580,12 @@ abstract mixin class _ReaderLocation {
 
   Timer? autoPageTurningTimer;
 
-  void autoPageTurning() {
+  void autoPageTurning(String cid, ComicType type) {
     if (autoPageTurningTimer != null) {
       autoPageTurningTimer!.cancel();
       autoPageTurningTimer = null;
     } else {
-      int interval = appdata.settings['autoPageTurningInterval'];
+      int interval = appdata.settings.getReaderSetting(cid, type.sourceKey, 'autoPageTurningInterval');
       autoPageTurningTimer = Timer.periodic(Duration(seconds: interval), (_) {
         if (page == maxPage) {
           autoPageTurningTimer!.cancel();

lib/pages/reader/scaffold.dart

@@ -128,9 +128,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
   Widget build(BuildContext context) {
     return Stack(
       children: [
-        Positioned.fill(
+        Positioned.fill(child: widget.child),
-          child: widget.child,
-        ),
         if (appdata.settings['showPageNumberInReader'] == true)
           buildPageInfoText(),
         buildStatusInfo(),
@@ -168,10 +166,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
         decoration: BoxDecoration(
           color: context.colorScheme.surface.toOpacity(0.92),
           border: Border(
-            bottom: BorderSide(
+            bottom: BorderSide(color: Colors.grey.toOpacity(0.5), width: 0.5),
-              color: Colors.grey.toOpacity(0.5),
-              width: 0.5,
-            ),
           ),
         ),
         child: Row(
@@ -217,7 +212,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       if (context.reader.images![0].contains('file://')) {
         showToast(
           message: "Local comic collection is not supported at present".tl,
-            context: context);
+          context: context,
+        );
         return;
       }
       String id = context.reader.cid;
@@ -234,8 +230,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       List<String> tags = context.reader.widget.tags;
       String author = context.reader.widget.author;
 
-      var epName = context.reader.widget.chapters?.titles
+      var epName =
-              .elementAtOrNull(context.reader.chapter - 1) ??
+          context.reader.widget.chapters?.titles.elementAtOrNull(
+            context.reader.chapter - 1,
+          ) ??
           "E${context.reader.chapter}";
       var translatedTags = tags.map((e) => e.translateTagsToCN).toList();
 
@@ -248,7 +246,7 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
           return;
         }
         ImageFavoriteManager().deleteImageFavorite([
-          ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName)
+          ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName),
         ]);
         showToast(
           message: "Uncollected the image".tl,
@@ -256,7 +254,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
           seconds: 1,
         );
       } else {
-        var imageFavoritesComic = ImageFavoriteManager().find(id, sourceKey) ??
+        var imageFavoritesComic =
+            ImageFavoriteManager().find(id, sourceKey) ??
             ImageFavoritesComic(
               id,
               [],
@@ -270,10 +269,19 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
               subTitle,
               maxPage,
             );
-        ImageFavorite imageFavorite =
+        ImageFavorite imageFavorite = ImageFavorite(
-            ImageFavorite(page, imageKey, null, eid, id, ep, sourceKey, epName);
+          page,
-        ImageFavoritesEp? imageFavoritesEp =
+          imageKey,
-            imageFavoritesComic.imageFavoritesEp.firstWhereOrNull((e) {
+          null,
+          eid,
+          id,
+          ep,
+          sourceKey,
+          epName,
+        );
+        ImageFavoritesEp? imageFavoritesEp = imageFavoritesComic
+            .imageFavoritesEp
+            .firstWhereOrNull((e) {
               return e.ep == ep;
             });
         if (imageFavoritesEp == null) {
@@ -285,10 +293,20 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
             );
             // 不是第一页的话, 自动塞一个封面进去
             imageFavoritesEp = ImageFavoritesEp(
-                eid, ep, [copy, imageFavorite], epName, maxPage);
+              eid,
+              ep,
+              [copy, imageFavorite],
+              epName,
+              maxPage,
+            );
           } else {
-            imageFavoritesEp =
+            imageFavoritesEp = ImageFavoritesEp(
-                ImageFavoritesEp(eid, ep, [imageFavorite], epName, maxPage);
+              eid,
+              ep,
+              [imageFavorite],
+              epName,
+              maxPage,
+            );
           }
           imageFavoritesComic.imageFavoritesEp.add(imageFavoritesEp);
         } else {
@@ -312,7 +330,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
 
         ImageFavoriteManager().addOrUpdateOrDelete(imageFavoritesComic);
         showToast(
-            message: "Successfully collected".tl, context: context, seconds: 1);
+          message: "Successfully collected".tl,
+          context: context,
+          seconds: 1,
+        );
       }
       update();
     } catch (e, stackTrace) {
@@ -327,65 +348,11 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       text = "P${context.reader.page}";
     }
 
-    Widget child = SizedBox(
+    final buttons = [
-      height: kBottomBarHeight,
-      child: Column(
-        children: [
-          const SizedBox(
-            height: 8,
-          ),
-          Row(
-            children: [
-              const SizedBox(width: 8),
-              IconButton.filledTonal(
-                onPressed: () => !isReversed
-                    ? context.reader.chapter > 1
-                        ? context.reader.toPrevChapter()
-                        : context.reader.toPage(1)
-                    : context.reader.chapter < context.reader.maxChapter
-                        ? context.reader.toNextChapter()
-                        : context.reader.toPage(context.reader.maxPage),
-                icon: const Icon(Icons.first_page),
-              ),
-              Expanded(
-                child: buildSlider(),
-              ),
-              IconButton.filledTonal(
-                  onPressed: () => !isReversed
-                      ? context.reader.chapter < context.reader.maxChapter
-                          ? context.reader.toNextChapter()
-                          : context.reader.toPage(context.reader.maxPage)
-                      : context.reader.chapter > 1
-                          ? context.reader.toPrevChapter()
-                          : context.reader.toPage(1),
-                  icon: const Icon(Icons.last_page)),
-              const SizedBox(
-                width: 8,
-              ),
-            ],
-          ),
-          Row(
-            children: [
-              const SizedBox(
-                width: 16,
-              ),
-              Container(
-                height: 24,
-                padding: const EdgeInsets.fromLTRB(6, 2, 6, 0),
-                decoration: BoxDecoration(
-                  color: Theme.of(context).colorScheme.tertiaryContainer,
-                  borderRadius: BorderRadius.circular(8),
-                ),
-                child: Center(
-                  child: Text(text),
-                ),
-              ),
-              const Spacer(),
       Tooltip(
         message: "Collect the image".tl,
         child: IconButton(
-                  icon:
+          icon: Icon(isLiked() ? Icons.favorite : Icons.favorite_border),
-                      Icon(isLiked() ? Icons.favorite : Icons.favorite_border),
           onPressed: addImageFavorite,
         ),
       ),
@@ -427,14 +394,13 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
                 });
                 SystemChrome.setPreferredOrientations([
                   DeviceOrientation.landscapeLeft,
-                          DeviceOrientation.landscapeRight
+                  DeviceOrientation.landscapeRight,
                 ]);
               } else {
                 setState(() {
                   rotation = null;
                 });
-                        SystemChrome.setPreferredOrientations(
+                SystemChrome.setPreferredOrientations(DeviceOrientation.values);
-                            DeviceOrientation.values);
               }
             },
           ),
@@ -446,7 +412,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
               ? const Icon(Icons.timer)
               : const Icon(Icons.timer_sharp),
           onPressed: () {
-                    context.reader.autoPageTurning();
+            context.reader.autoPageTurning(
+              context.reader.cid,
+              context.reader.type,
+            );
             update();
           },
         ),
@@ -468,14 +437,63 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       ),
       Tooltip(
         message: "Share".tl,
-                child: IconButton(
+        child: IconButton(icon: const Icon(Icons.share), onPressed: share),
-                  icon: const Icon(Icons.share),
-                  onPressed: share,
       ),
+    ];
+
+    Widget child = SizedBox(
+      height: kBottomBarHeight,
+      child: Column(
+        children: [
+          const SizedBox(height: 8),
+          Row(
+            children: [
+              const SizedBox(width: 8),
+              IconButton.filledTonal(
+                onPressed: () => !isReversed
+                    ? context.reader.chapter > 1
+                          ? context.reader.toPrevChapter()
+                          : context.reader.toPage(1)
+                    : context.reader.chapter < context.reader.maxChapter
+                    ? context.reader.toNextChapter()
+                    : context.reader.toPage(context.reader.maxPage),
+                icon: const Icon(Icons.first_page),
               ),
-              const SizedBox(width: 4)
+              Expanded(child: buildSlider()),
+              IconButton.filledTonal(
+                onPressed: () => !isReversed
+                    ? context.reader.chapter < context.reader.maxChapter
+                          ? context.reader.toNextChapter()
+                          : context.reader.toPage(context.reader.maxPage)
+                    : context.reader.chapter > 1
+                    ? context.reader.toPrevChapter()
+                    : context.reader.toPage(1),
+                icon: const Icon(Icons.last_page),
+              ),
+              const SizedBox(width: 8),
             ],
-          )
+          ),
+          LayoutBuilder(
+            builder: (context, constrains) {
+              return Row(
+                children: [
+                  if ((constrains.maxWidth - buttons.length * 42) > 80)
+                    Container(
+                      height: 24,
+                      padding: const EdgeInsets.fromLTRB(6, 2, 6, 0),
+                      decoration: BoxDecoration(
+                        color: Theme.of(context).colorScheme.tertiaryContainer,
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                      child: Center(child: Text(text)),
+                    ).paddingLeft(16),
+                  const Spacer(),
+                  ...buttons,
+                  const SizedBox(width: 4),
+                ],
+              );
+            },
+          ),
         ],
       ),
     );
@@ -506,8 +524,9 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       focusNode: sliderFocus,
       value: context.reader.page.toDouble(),
       min: 1,
-      max:
+      max: context.reader.maxPage
-          context.reader.maxPage.clamp(context.reader.page, 1 << 16).toDouble(),
+          .clamp(context.reader.page, 1 << 16)
+          .toDouble(),
       reversed: isReversed,
       divisions: (context.reader.maxPage - 1).clamp(2, 1 << 16),
       onChanged: (i) {
@@ -517,8 +536,10 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
   }
 
   Widget buildPageInfoText() {
-    var epName = context.reader.widget.chapters?.titles
+    var epName =
-            .elementAtOrNull(context.reader.chapter - 1) ??
+        context.reader.widget.chapters?.titles.elementAtOrNull(
+          context.reader.chapter - 1,
+        ) ??
         "E${context.reader.chapter}";
     if (epName.length > 8) {
       epName = "${epName.substring(0, 8)}...";
@@ -594,23 +615,31 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
     }
     var fileType = detectFileType(data);
     var filename = "${context.reader.page}${fileType.ext}";
-    Share.shareFile(
+    Share.shareFile(data: data, filename: filename, mime: fileType.mime);
-      data: data,
-      filename: filename,
-      mime: fileType.mime,
-    );
   }
 
   void openSetting() {
     showSideBar(
       context,
       ReaderSettings(
+        comicId: context.reader.cid,
+        comicSource: context.reader.type.sourceKey,
         onChanged: (key) {
           if (key == "readerMode") {
-            context.reader.mode = ReaderMode.fromKey(appdata.settings[key]);
+            context.reader.mode = ReaderMode.fromKey(
+              appdata.settings.getReaderSetting(
+                context.reader.cid,
+                context.reader.type.sourceKey,
+                key,
+              ),
+            );
           }
           if (key == "enableTurnPageByVolumeKey") {
-            if (appdata.settings[key]) {
+            if (appdata.settings.getReaderSetting(
+              context.reader.cid,
+              context.reader.type.sourceKey,
+              key,
+            )) {
               context.reader.handleVolumeEvent();
             } else {
               context.reader.stopVolumeEvent();
@@ -716,8 +745,8 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
       return await File(imageKey.substring(7)).readAsBytes();
     } else {
       return (await CacheManager().findCache(
-              "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}"))!
+        "$imageKey@${context.reader.type.sourceKey}@${context.reader.cid}@${context.reader.eid}",
-          .readAsBytes();
+      ))!.readAsBytes();
     }
   }
 
@@ -733,14 +762,17 @@ class _ReaderScaffoldState extends State<_ReaderScaffold> {
     entry = OverlayEntry(
       builder: (context) {
         return Positioned.fill(
-          child: _SelectImageOverlayContent(onTap: (offset) {
+          child: _SelectImageOverlayContent(
+            onTap: (offset) {
               completer.complete(offset);
               entry!.remove();
-          }, onDispose: () {
+            },
+            onDispose: () {
               if (!completer.isCompleted) {
                 completer.complete(null);
               }
-          }),
+            },
+          ),
         );
       },
     );
@@ -840,9 +872,7 @@ class _BatteryWidgetState extends State<_BatteryWidget> {
           size: 16,
           color: batteryColor,
           // Stroke
-          shadows: List.generate(
+          shadows: List.generate(9, (index) {
-            9,
-            (index) {
             if (index == 4) {
               return null;
             }
@@ -852,8 +882,7 @@ class _BatteryWidgetState extends State<_BatteryWidget> {
               color: context.colorScheme.onInverseSurface,
               offset: Offset(offsetX, offsetY),
             );
-            },
+          }).whereType<Shadow>().toList(),
-          ).whereType<Shadow>().toList(),
         ),
         Stack(
           children: [
@@ -940,10 +969,12 @@ class _SelectImageOverlayContent extends StatefulWidget {
   final void Function() onDispose;
 
   @override
-  State<_SelectImageOverlayContent> createState() => _SelectImageOverlayContentState();
+  State<_SelectImageOverlayContent> createState() =>
+      _SelectImageOverlayContentState();
 }
 
-class _SelectImageOverlayContentState extends State<_SelectImageOverlayContent> {
+class _SelectImageOverlayContentState
+    extends State<_SelectImageOverlayContent> {
   @override
   void dispose() {
     widget.onDispose();
@@ -960,19 +991,14 @@ class _SelectImageOverlayContentState extends State<_SelectImageOverlayContent>
       child: Container(
         color: Colors.black.withAlpha(50),
         child: Align(
-          alignment: Alignment(
+          alignment: Alignment(0, -0.8),
-            0,
-            -0.8,
-          ),
           child: Container(
             width: 232,
             height: 42,
             decoration: BoxDecoration(
               color: context.colorScheme.surface,
               borderRadius: BorderRadius.circular(8),
-              border: Border.all(
+              border: Border.all(color: context.colorScheme.outlineVariant),
-                color: context.colorScheme.outlineVariant,
-              ),
             ),
             child: Row(
               children: [

lib/pages/settings/debug.dart

@@ -31,6 +31,10 @@ class DebugPageState extends State<DebugPage> {
           },
           actionTitle: 'Open'.tl,
         ).toSliver(),
+        _SwitchSetting(
+          title: "Ignore Certificate Errors".tl,
+          settingKey: "ignoreBadCertificate",
+        ).toSliver(),
         SliverToBoxAdapter(
           child: Column(
             children: [

lib/pages/settings/reader.dart

@@ -1,9 +1,16 @@
 part of 'settings_page.dart';
 
 class ReaderSettings extends StatefulWidget {
-  const ReaderSettings({super.key, this.onChanged});
+  const ReaderSettings({
+    super.key,
+    this.onChanged,
+    this.comicId,
+    this.comicSource,
+  });
 
   final void Function(String key)? onChanged;
+  final String? comicId;
+  final String? comicSource;
 
   @override
   State<ReaderSettings> createState() => _ReaderSettingsState();
@@ -12,15 +19,57 @@ class ReaderSettings extends StatefulWidget {
 class _ReaderSettingsState extends State<ReaderSettings> {
   @override
   Widget build(BuildContext context) {
+    final comicId = widget.comicId;
+    final sourceKey = widget.comicSource;
+    final key = "$comicId@$sourceKey";
+
+    bool isEnabledSpecificSettings =
+        comicId != null &&
+        appdata.settings.isComicSpecificSettingsEnabled(comicId, sourceKey);
+
     return SmoothCustomScrollView(
       slivers: [
         SliverAppbar(title: Text("Reading".tl)),
+        if (comicId != null && sourceKey != null)
+          SliverMainAxisGroup(
+            slivers: [
+              SwitchListTile(
+                title: Text("Enable comic specific settings".tl),
+                value: isEnabledSpecificSettings,
+                onChanged: (b) {
+                  setState(() {
+                    appdata.settings.setEnabledComicSpecificSettings(
+                      comicId,
+                      sourceKey,
+                      b,
+                    );
+                  });
+                },
+              ).toSliver(),
+              if (isEnabledSpecificSettings)
+                Center(
+                  child: TextButton(
+                    onPressed: () {
+                      setState(() {
+                        appdata.settings.resetComicReaderSettings(key);
+                      });
+                    },
+                    child: Text(
+                      "Clear specific reader settings for this comic".tl,
+                    ),
+                  ),
+                ).toSliver(),
+              Divider().toSliver(),
+            ],
+          ),
         _SwitchSetting(
           title: "Tap to turn Pages".tl,
           settingKey: "enableTapToTurnPages",
           onChanged: () {
             widget.onChanged?.call("enableTapToTurnPages");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SwitchSetting(
           title: "Reverse tap to turn Pages".tl,
@@ -28,6 +77,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call("reverseTapToTurnPages");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SwitchSetting(
           title: "Page animation".tl,
@@ -35,6 +86,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call("enablePageAnimation");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         SelectSetting(
           title: "Reading mode".tl,
@@ -58,6 +111,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             }
             widget.onChanged?.call("readerMode");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SliderSetting(
           title: "Auto page turning interval".tl,
@@ -69,6 +124,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             setState(() {});
             widget.onChanged?.call("autoPageTurningInterval");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         SliverAnimatedVisibility(
           visible: appdata.settings['readerMode']!.startsWith('gallery'),
@@ -84,6 +141,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
               setState(() {});
               widget.onChanged?.call("readerScreenPicNumberForLandscape");
             },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
           ),
         ),
         SliverAnimatedVisibility(
@@ -99,10 +158,13 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             onChanged: () {
               widget.onChanged?.call("readerScreenPicNumberForPortrait");
             },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
           ),
         ),
         SliverAnimatedVisibility(
-          visible: appdata.settings['readerMode']!.startsWith('gallery') &&
+          visible:
+              appdata.settings['readerMode']!.startsWith('gallery') &&
               (appdata.settings['readerScreenPicNumberForLandscape'] > 1 ||
                   appdata.settings['readerScreenPicNumberForPortrait'] > 1),
           child: _SwitchSetting(
@@ -111,6 +173,23 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             onChanged: () {
               widget.onChanged?.call("showSingleImageOnFirstPage");
             },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
+          ),
+        ),
+        SliverAnimatedVisibility(
+          visible: appdata.settings['readerMode']!.startsWith('continuous'),
+          child: _SliderSetting(
+            title: "Mouse scroll speed".tl,
+            settingsIndex: "readerScrollSpeed",
+            interval: 0.1,
+            min: 0.5,
+            max: 3,
+            onChanged: () {
+              widget.onChanged?.call("readerScrollSpeed");
+            },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
           ),
         ),
         _SwitchSetting(
@@ -120,6 +199,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             setState(() {});
             widget.onChanged?.call('enableDoubleTapToZoom');
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SwitchSetting(
           title: 'Long press to zoom'.tl,
@@ -128,6 +209,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             setState(() {});
             widget.onChanged?.call('enableLongPressToZoom');
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         SliverAnimatedVisibility(
           visible: appdata.settings['enableLongPressToZoom'] == true,
@@ -138,6 +221,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
               "press": "Press position".tl,
               "center": "Screen center".tl,
             },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
           ),
         ),
         _SwitchSetting(
@@ -147,6 +232,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call('limitImageWidth');
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         if (App.isAndroid)
           _SwitchSetting(
@@ -155,6 +242,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
             onChanged: () {
               widget.onChanged?.call('enableTurnPageByVolumeKey');
             },
+            comicId: isEnabledSpecificSettings ? widget.comicId : null,
+            comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
           ).toSliver(),
         _SwitchSetting(
           title: "Display time & battery info in reader".tl,
@@ -162,6 +251,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call("enableClockAndBatteryInfoInReader");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SwitchSetting(
           title: "Show system status bar".tl,
@@ -169,6 +260,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call("showSystemStatusBar");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         SelectSetting(
           title: "Quick collect image".tl,
@@ -184,6 +277,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           help:
               "On the image browsing page, you can quickly collect images by sliding horizontally or vertically according to your reading mode"
                   .tl,
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _CallbackSetting(
           title: "Custom Image Processing".tl,
@@ -196,6 +291,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           interval: 1,
           min: 1,
           max: 16,
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
         _SwitchSetting(
           title: "Show Page Number".tl,
@@ -203,6 +300,8 @@ class _ReaderSettingsState extends State<ReaderSettings> {
           onChanged: () {
             widget.onChanged?.call("showPageNumberInReader");
           },
+          comicId: isEnabledSpecificSettings ? widget.comicId : null,
+          comicSource: isEnabledSpecificSettings ? widget.comicSource : null,
         ).toSliver(),
       ],
     );
@@ -248,7 +347,7 @@ class __CustomImageProcessingState extends State<_CustomImageProcessing> {
               setState(() {});
             },
             child: Text("Reset".tl),
-          )
+          ),
         ],
       ),
       body: Column(
@@ -274,7 +373,7 @@ class __CustomImageProcessingState extends State<_CustomImageProcessing> {
                 ),
               ),
             ),
-          )
+          ),
         ],
       ),
     );

lib/pages/settings/setting_components.dart

@@ -6,6 +6,8 @@ class _SwitchSetting extends StatefulWidget {
     required this.settingKey,
     this.onChanged,
     this.subtitle,
+    this.comicId,
+    this.comicSource,
   });
 
   final String title;
@@ -16,6 +18,10 @@ class _SwitchSetting extends StatefulWidget {
 
   final String? subtitle;
 
+  final String? comicId;
+
+  final String? comicSource;
+
   @override
   State<_SwitchSetting> createState() => _SwitchSettingState();
 }
@@ -23,16 +29,33 @@ class _SwitchSetting extends StatefulWidget {
 class _SwitchSettingState extends State<_SwitchSetting> {
   @override
   Widget build(BuildContext context) {
-    assert(appdata.settings[widget.settingKey] is bool);
+    var value = widget.comicId == null
+        ? appdata.settings[widget.settingKey]
+        : appdata.settings.getReaderSetting(
+            widget.comicId!,
+            widget.comicSource!,
+            widget.settingKey,
+          );
+
+    assert(value is bool);
 
     return ListTile(
       title: Text(widget.title),
       subtitle: widget.subtitle == null ? null : Text(widget.subtitle!),
       trailing: Switch(
-        value: appdata.settings[widget.settingKey],
+        value: value,
         onChanged: (value) {
           setState(() {
+            if (widget.comicId == null) {
               appdata.settings[widget.settingKey] = value;
+            } else {
+              appdata.settings.setReaderSetting(
+                widget.comicId!,
+                widget.comicSource!,
+                widget.settingKey,
+                value,
+              );
+            }
           });
           appdata.saveData().then((_) {
             widget.onChanged?.call();
@@ -51,6 +74,8 @@ class SelectSetting extends StatelessWidget {
     required this.optionTranslation,
     this.onChanged,
     this.help,
+    this.comicId,
+    this.comicSource,
   });
 
   final String title;
@@ -63,6 +88,10 @@ class SelectSetting extends StatelessWidget {
 
   final String? help;
 
+  final String? comicId;
+
+  final String? comicSource;
+
   @override
   Widget build(BuildContext context) {
     return SizedBox(
@@ -76,6 +105,8 @@ class SelectSetting extends StatelessWidget {
               optionTranslation: optionTranslation,
               onChanged: onChanged,
               help: help,
+              comicId: comicId,
+              comicSource: comicSource,
             );
           } else {
             return _EndSelectorSelectSetting(
@@ -84,6 +115,8 @@ class SelectSetting extends StatelessWidget {
               optionTranslation: optionTranslation,
               onChanged: onChanged,
               help: help,
+              comicId: comicId,
+              comicSource: comicSource,
             );
           }
         },
@@ -99,6 +132,8 @@ class _DoubleLineSelectSettings extends StatefulWidget {
     required this.optionTranslation,
     this.onChanged,
     this.help,
+    this.comicId,
+    this.comicSource,
   });
 
   final String title;
@@ -111,6 +146,10 @@ class _DoubleLineSelectSettings extends StatefulWidget {
 
   final String? help;
 
+  final String? comicId;
+
+  final String? comicSource;
+
   @override
   State<_DoubleLineSelectSettings> createState() =>
       _DoubleLineSelectSettingsState();
@@ -119,6 +158,14 @@ class _DoubleLineSelectSettings extends StatefulWidget {
 class _DoubleLineSelectSettingsState extends State<_DoubleLineSelectSettings> {
   @override
   Widget build(BuildContext context) {
+    var value = widget.comicId == null
+        ? appdata.settings[widget.settingKey]
+        : appdata.settings.getReaderSetting(
+            widget.comicId!,
+            widget.comicSource!,
+            widget.settingKey,
+          );
+
     return ListTile(
       title: Row(
         children: [
@@ -134,9 +181,9 @@ class _DoubleLineSelectSettingsState extends State<_DoubleLineSelectSettings> {
                   builder: (context) {
                     return ContentDialog(
                       title: "Help".tl,
-                      content: Text(widget.help!)
+                      content: Text(
-                          .paddingHorizontal(16)
+                        widget.help!,
-                          .fixWidth(double.infinity),
+                      ).paddingHorizontal(16).fixWidth(double.infinity),
                       actions: [
                         Button.filled(
                           onPressed: context.pop,
@@ -150,9 +197,7 @@ class _DoubleLineSelectSettingsState extends State<_DoubleLineSelectSettings> {
             ),
         ],
       ),
-      subtitle: Text(
+      subtitle: Text(widget.optionTranslation[value] ?? "None"),
-          widget.optionTranslation[appdata.settings[widget.settingKey]] ??
-              "None"),
       trailing: const Icon(Icons.arrow_drop_down),
       onTap: () {
         var renderBox = context.findRenderObject() as RenderBox;
@@ -170,16 +215,27 @@ class _DoubleLineSelectSettingsState extends State<_DoubleLineSelectSettings> {
             Offset.zero & MediaQuery.of(context).size,
           ),
           items: widget.optionTranslation.keys
-              .map((key) => PopupMenuItem(
+              .map(
+                (key) => PopupMenuItem(
                   value: key,
                   height: App.isMobile ? 46 : 40,
                   child: Text(widget.optionTranslation[key]!),
-                  ))
+                ),
+              )
               .toList(),
         ).then((value) {
           if (value != null) {
             setState(() {
+              if (widget.comicId == null) {
                 appdata.settings[widget.settingKey] = value;
+              } else {
+                appdata.settings.setReaderSetting(
+                  widget.comicId!,
+                  widget.comicSource!,
+                  widget.settingKey,
+                  value,
+                );
+              }
             });
             appdata.saveData();
             widget.onChanged?.call();
@@ -197,6 +253,8 @@ class _EndSelectorSelectSetting extends StatefulWidget {
     required this.optionTranslation,
     this.onChanged,
     this.help,
+    this.comicId,
+    this.comicSource,
   });
 
   final String title;
@@ -209,6 +267,10 @@ class _EndSelectorSelectSetting extends StatefulWidget {
 
   final String? help;
 
+  final String? comicId;
+
+  final String? comicSource;
+
   @override
   State<_EndSelectorSelectSetting> createState() =>
       _EndSelectorSelectSettingState();
@@ -218,6 +280,13 @@ class _EndSelectorSelectSettingState extends State<_EndSelectorSelectSetting> {
   @override
   Widget build(BuildContext context) {
     var options = widget.optionTranslation;
+    var value = widget.comicId == null
+        ? appdata.settings[widget.settingKey]
+        : appdata.settings.getReaderSetting(
+            widget.comicId!,
+            widget.comicSource!,
+            widget.settingKey,
+          );
     return ListTile(
       title: Row(
         children: [
@@ -233,9 +302,9 @@ class _EndSelectorSelectSettingState extends State<_EndSelectorSelectSetting> {
                   builder: (context) {
                     return ContentDialog(
                       title: "Help".tl,
-                      content: Text(widget.help!)
+                      content: Text(
-                          .paddingHorizontal(16)
+                        widget.help!,
-                          .fixWidth(double.infinity),
+                      ).paddingHorizontal(16).fixWidth(double.infinity),
                       actions: [
                         Button.filled(
                           onPressed: context.pop,
@@ -250,12 +319,22 @@ class _EndSelectorSelectSettingState extends State<_EndSelectorSelectSetting> {
         ],
       ),
       trailing: Select(
-        current: options[appdata.settings[widget.settingKey]],
+        current: options[value],
         values: options.values.toList(),
         minWidth: 64,
         onTap: (index) {
           setState(() {
-            appdata.settings[widget.settingKey] = options.keys.elementAt(index);
+            var value = options.keys.elementAt(index);
+            if (widget.comicId == null) {
+              appdata.settings[widget.settingKey] = value;
+            } else {
+              appdata.settings.setReaderSetting(
+                widget.comicId!,
+                widget.comicSource!,
+                widget.settingKey,
+                value,
+              );
+            }
           });
           appdata.saveData();
           widget.onChanged?.call();
@@ -273,6 +352,8 @@ class _SliderSetting extends StatefulWidget {
     required this.min,
     required this.max,
     this.onChanged,
+    this.comicId,
+    this.comicSource,
   });
 
   final String title;
@@ -287,6 +368,10 @@ class _SliderSetting extends StatefulWidget {
 
   final VoidCallback? onChanged;
 
+  final String? comicId;
+
+  final String? comicSource;
+
   @override
   State<_SliderSetting> createState() => _SliderSettingState();
 }
@@ -294,28 +379,52 @@ class _SliderSetting extends StatefulWidget {
 class _SliderSettingState extends State<_SliderSetting> {
   @override
   Widget build(BuildContext context) {
+    var value =
+        (widget.comicId == null
+                ? appdata.settings[widget.settingsIndex]
+                : appdata.settings.getReaderSetting(
+                    widget.comicId!,
+                    widget.comicSource!,
+                    widget.settingsIndex,
+                  ))
+            .toDouble();
     return ListTile(
       title: Row(
         children: [
           Text(widget.title),
           const Spacer(),
-          Text(
+          Text(value.toString(), style: ts.s12),
-            appdata.settings[widget.settingsIndex].toString(),
-            style: ts.s12,
-          ),
         ],
       ),
       subtitle: Slider(
-        value: appdata.settings[widget.settingsIndex].toDouble(),
+        value: value,
         onChanged: (value) {
           if (value.toInt() == value) {
             setState(() {
+              if (widget.comicId == null) {
                 appdata.settings[widget.settingsIndex] = value.toInt();
+              } else {
+                appdata.settings.setReaderSetting(
+                  widget.comicId!,
+                  widget.comicSource!,
+                  widget.settingsIndex,
+                  value.toInt(),
+                );
+              }
               appdata.saveData();
             });
           } else {
             setState(() {
+              if (widget.comicId == null) {
                 appdata.settings[widget.settingsIndex] = value;
+              } else {
+                appdata.settings.setReaderSetting(
+                  widget.comicId!,
+                  widget.comicSource!,
+                  widget.settingsIndex,
+                  value,
+                );
+              }
               appdata.saveData();
             });
           }
@@ -405,7 +514,8 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
             color: Colors.black12,
             blurRadius: 5,
             offset: Offset(0, 2),
-              spreadRadius: 2)
+            spreadRadius: 2,
+          ),
         ],
       ),
       onReorder: (reorderFunc) {
@@ -435,7 +545,7 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
             label: Text("Add".tl),
             icon: const Icon(Icons.add),
             onPressed: showAddDialog,
-          )
+          ),
       ],
       body: view,
     );
@@ -450,7 +560,8 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
             keys.remove(key);
           });
         },
-          icon: const Icon(Icons.delete_outline)),
+        icon: const Icon(Icons.delete_outline),
+      ),
     );
 
     return ListTile(
@@ -458,10 +569,7 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
       key: Key(key),
       trailing: Row(
         mainAxisSize: MainAxisSize.min,
-        children: [
+        children: [removeButton, const Icon(Icons.drag_handle)],
-          removeButton,
-          const Icon(Icons.drag_handle),
-        ],
       ),
     );
   }
@@ -477,7 +585,8 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
     showDialog(
       context: context,
       builder: (context) {
-        return StatefulBuilder(builder: (context, setState) {
+        return StatefulBuilder(
+          builder: (context, setState) {
             return ContentDialog(
               title: "Add".tl,
               content: Column(
@@ -534,7 +643,8 @@ class _MultiPagesFilterState extends State<_MultiPagesFilter> {
                 ),
               ],
             );
-        });
+          },
+        );
       },
     );
   }

lib/utils/file_type.dart

@@ -28,6 +28,8 @@ final _resolver = MimeTypeResolver()
   ..addMagicNumber([0x37, 0x7A, 0xBC, 0xAF, 0x27, 0x1C], 'application/x-7z-compressed')
   // rar
   ..addMagicNumber([0x52, 0x61, 0x72, 0x21, 0x1A, 0x07], 'application/vnd.rar')
+  // avif
+  ..addMagicNumber([0x00, 0x00, 0x00, 0x18, 0x66, 0x74, 0x79, 0x70, 0x61, 0x76, 0x69, 0x66], 'image/avif')
 ;
 
 FileType detectFileType(List<int> data) {