feat(debug): add debug page

Signed-off-by: OctagonalStar <[email protected]>

Author: OctagonalStar

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## v?.?.?? - ????-??-?? - (??????)
 
+### Added
+
+- 添加了日志捕获 [#23](https://github.com/OctagonalStar/arabic_learning/issues/23)
+- 添加了调试页面
+
 ### Improvement
 
 - 优化了网页端字体加载逻辑

lib/pages/setting_page.dart

@@ -1,5 +1,6 @@
 import 'dart:convert';
 
+import 'package:arabic_learning/sub_pages_builder/setting_pages/debug_page.dart';
 import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
@@ -374,6 +375,28 @@ class _SettingPage extends State<SettingPage> {
           minimumSize: Size.fromHeight(mediaQuery.size.height * 0.08),
           shape: RoundedRectangleBorder(borderRadius: BorderRadiusGeometry.vertical(top: Radius.circular(25.0))),
         ),
+        onPressed: (){
+          context.read<Global>().uiLogger.info("跳转: SettingPage => DebugPage");
+          Navigator.push(context, MaterialPageRoute(builder: (context)=>DebugPage()));
+        }, 
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.start,
+          children: [
+            Icon(Icons.bug_report, size: 24.0),
+            SizedBox(width: mediaQuery.size.width * 0.01),
+            Expanded(
+              child: Text("调试信息")
+            ),
+            Icon(Icons.arrow_forward_ios)
+          ],
+        )
+      ),
+      ElevatedButton(
+        style: ElevatedButton.styleFrom(
+          backgroundColor: Theme.of(context).colorScheme.onPrimary.withAlpha(150),
+          minimumSize: Size.fromHeight(mediaQuery.size.height * 0.08),
+          shape: BeveledRectangleBorder(),
+        ),
         onPressed: () {
           context.read<Global>().uiLogger.info("打开Github项目网站");
           launchUrl(Uri.parse("https://github.com/OctagonalStar/arabic_learning/"));

lib/sub_pages_builder/setting_pages/debug_page.dart

@@ -0,0 +1,67 @@
+import 'package:arabic_learning/funcs/ui.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'package:arabic_learning/vars/global.dart';
+
+class DebugPage extends StatefulWidget {
+  const DebugPage({super.key});
+
+  @override
+  State<StatefulWidget> createState() => _DebugPage();
+}
+
+class _DebugPage extends State<DebugPage> {
+  @override
+  Widget build(BuildContext context) {
+    context.read<Global>().uiLogger.info("构建 DebugPage");
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("调试设置"),
+      ),
+      body: Column(
+        children: [
+          TextContainer(text: "该页面为软件调试/测试和bug反馈使用，非必要请勿开启日志捕获，以免性能损耗", style: TextStyle(color: Colors.redAccent)),
+          Row(
+            children: [
+              Icon(Icons.logo_dev),
+              Expanded(child: Text("启用软件内日志捕获")),
+              Switch(
+                value: context.watch<Global>().settingData["Debug"], 
+                onChanged: (value){
+                  context.read<Global>().settingData["Debug"] = value;
+                  context.read<Global>().updateSetting();
+                }
+              )
+            ],
+          ),
+          SizedBox(
+            width: MediaQuery.of(context).size.width,
+            height: MediaQuery.of(context).size.height * 0.7,
+            child: ExpansionTile(
+              title: Text("日志捕获内容"),
+              children: [
+                SizedBox(
+                  height: MediaQuery.of(context).size.height * 0.6,
+                  child: ListView(
+                    children: List.generate(
+                      context.watch<Global>().internalLogCapture.length, 
+                      (index){
+                        final String logLine = context.read<Global>().internalLogCapture[context.read<Global>().internalLogCapture.length - index - 1];
+                        return TextContainer(
+                          text: logLine, 
+                          selectable: true, 
+                          style: TextStyle(color: logLine.contains("[SERVER]") ? Colors.redAccent : logLine.contains("WARNING") ? Colors.amberAccent : logLine.contains("FINE") ? Colors.grey : null)
+                        );
+                      }
+                    ),
+                  )
+                )
+              ],
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/vars/global.dart

@@ -14,13 +14,15 @@ class Global with ChangeNotifier {
   final Logger logger = Logger("Global");
   final Logger uiLogger = Logger("UI");
   Global();
+
   late bool firstStart; // 是否为第一次使用
   bool inited = false; //是否初始化完成
   late bool updateLogRequire; //是否需要显示更新日志
   late bool isWideScreen; // 设备是否是宽屏幕
   late final SharedPreferences prefs; // 储存实例
   bool backupFontLoaded = false;
   late bool modelTTSDownloaded = false;
+  List<String> internalLogCapture = [];
 
   /// the setting data
   Map<String, dynamic> _settingData = {
@@ -132,6 +134,7 @@ class Global with ChangeNotifier {
   /// ``` json
   /// {
   ///  "User": "",
+  ///  "Debug": false,
   ///  "LastVersion": StaticsVar.appVersion,
   ///  "regular": {
   ///    "theme": 9,
@@ -273,6 +276,9 @@ class Global with ChangeNotifier {
       if (kDebugMode || settingData["Debug"]) {
         debugPrint('${record.time}-[${record.loggerName}][${record.level.name}]: ${record.message}');
       }
+      if(settingData["Debug"]){
+        internalLogCapture.add('${record.time}-[${record.loggerName}][${record.level.name}]: ${record.message}');
+      }
     });
   }