diff --git a/.gitignore b/.gitignore index 8cfe93e..91ae0d3 100644 --- a/.gitignore +++ b/.gitignore @@ -5,6 +5,7 @@ **/*.suo frontend/node_modules/ frontend/dist/ +.codex-temp/ build.log webapi-build.log webapi-build-no-restore.log diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue index 9d67cf3..ea36be8 100644 --- a/frontend/src/views/LoginView.vue +++ b/frontend/src/views/LoginView.vue @@ -12,7 +12,7 @@ const router = useRouter(); const authStore = useAuthStore(); const loading = ref(false); const { backendUnavailable, backendMessage } = useBackendStatus(); -const { themeMode, resolvedTheme } = useUiPreferences(); +const { themeMode } = useUiPreferences(); const form = reactive({ username: "admin", @@ -52,39 +52,11 @@ async function handleLogin() { @@ -139,78 +106,12 @@ async function handleLogin() { .login-screen { min-height: 100vh; display: grid; - grid-template-columns: minmax(0, 1.2fr) minmax(360px, 440px); - gap: 48px; - padding: 48px 56px; -} - -.login-hero { - display: grid; - align-content: center; - gap: 24px; -} - -.login-hero__eyebrow, -.login-panel__kicker { - color: var(--accent); - font-size: 11px; - font-weight: 700; - letter-spacing: 0.12em; - text-transform: uppercase; -} - -.login-hero__title { - margin: 0; - max-width: 11ch; - color: var(--text-primary); - font-size: clamp(44px, 5vw, 72px); - font-weight: 780; - letter-spacing: -0.065em; - line-height: 0.94; -} - -.login-hero__subtitle { - max-width: 60ch; - margin: 0; - color: var(--text-secondary); - font-size: 16px; - line-height: 1.85; -} - -.login-hero__grid { - display: grid; - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 12px; - max-width: 720px; -} - -.login-hero__tile { - display: grid; - gap: 8px; - padding: 18px; - border-radius: 10px; - border: 1px solid var(--border-subtle); - background: rgba(255, 255, 255, 0.42); - box-shadow: var(--shadow-soft); -} - -:global(html[data-theme="dark"]) .login-hero__tile { - background: rgba(255, 255, 255, 0.02); -} - -.login-hero__tile strong { - color: var(--text-primary); - font-size: 14px; -} - -.login-hero__tile span { - color: var(--text-secondary); - font-size: 13px; - line-height: 1.65; + place-items: center; + padding: 24px; } .login-panel { - align-self: center; + width: min(100%, 420px); padding: 24px; } @@ -222,6 +123,14 @@ async function handleLogin() { margin-bottom: 18px; } +.login-panel__eyebrow { + color: var(--accent); + font-size: 11px; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; +} + .login-panel__title { margin: 6px 0 0; color: var(--text-primary); @@ -230,13 +139,6 @@ async function handleLogin() { letter-spacing: -0.045em; } -.login-panel__subtitle { - margin: 10px 0 0; - color: var(--text-secondary); - font-size: 13px; - line-height: 1.6; -} - .login-panel__theme-select { width: 122px; } @@ -250,59 +152,16 @@ async function handleLogin() { margin-top: 8px; } -.login-panel__footer { - display: flex; - justify-content: space-between; - gap: 12px; - margin-top: 18px; - padding-top: 16px; - border-top: 1px solid var(--border-subtle); - color: var(--text-muted); - font-size: 12px; -} - -@media (max-width: 1100px) { - .login-screen { - grid-template-columns: 1fr; - gap: 28px; - padding: 28px 20px; - } - - .login-hero__grid { - grid-template-columns: 1fr; - max-width: none; - } - - .login-panel { - width: 100%; - max-width: 480px; - } -} - @media (max-width: 767px) { .login-screen { padding: 18px 14px 24px; } - .login-hero { - gap: 18px; - } - - .login-hero__title { - max-width: none; - font-size: clamp(34px, 12vw, 48px); - } - - .login-hero__subtitle { - font-size: 14px; - } - .login-panel { padding: 18px; } - .login-panel__header, - .login-panel__footer { + .login-panel__header { flex-direction: column; } diff --git a/mobile/.gitignore b/mobile/.gitignore new file mode 100644 index 0000000..aab371d --- /dev/null +++ b/mobile/.gitignore @@ -0,0 +1,10 @@ +.dart_tool/ +.tmp/ +.flutter-plugins +.flutter-plugins-dependencies +.packages +.pub/ +build/ +coverage/ +android/.gradle/ +android/local.properties diff --git a/mobile/.metadata b/mobile/.metadata new file mode 100644 index 0000000..3433807 --- /dev/null +++ b/mobile/.metadata @@ -0,0 +1,24 @@ +# This file tracks properties of this Flutter project. +# Used by Flutter tool to assess capabilities and perform upgrades etc. +# +# This file should be version controlled and should not be manually edited. + +version: + revision: "44a626f4f0027bc38a46dc68aed5964b05a83c18" + channel: "stable" + +project_type: app + +migration: + platforms: + - platform: root + create_revision: 44a626f4f0027bc38a46dc68aed5964b05a83c18 + base_revision: 44a626f4f0027bc38a46dc68aed5964b05a83c18 + - platform: android + create_revision: 44a626f4f0027bc38a46dc68aed5964b05a83c18 + base_revision: 44a626f4f0027bc38a46dc68aed5964b05a83c18 + + unmanaged_files: + - "lib/main.dart" + - "android/app/src/main/kotlin/com/liverecorder/mobile/MainActivity.kt" + diff --git a/mobile/analysis_options.yaml b/mobile/analysis_options.yaml new file mode 100644 index 0000000..1d43ba7 --- /dev/null +++ b/mobile/analysis_options.yaml @@ -0,0 +1,6 @@ +include: package:flutter_lints/flutter.yaml + +linter: + rules: + avoid_print: false + diff --git a/mobile/android/app/build.gradle.kts b/mobile/android/app/build.gradle.kts new file mode 100644 index 0000000..019b93c --- /dev/null +++ b/mobile/android/app/build.gradle.kts @@ -0,0 +1,39 @@ +plugins { + id("com.android.application") + id("kotlin-android") + id("dev.flutter.flutter-gradle-plugin") +} + +android { + namespace = "com.liverecorder.mobile" + compileSdk = flutter.compileSdkVersion + ndkVersion = flutter.ndkVersion + + compileOptions { + sourceCompatibility = JavaVersion.VERSION_17 + targetCompatibility = JavaVersion.VERSION_17 + } + + kotlinOptions { + jvmTarget = JavaVersion.VERSION_17.toString() + } + + defaultConfig { + applicationId = "com.liverecorder.mobile" + minSdk = flutter.minSdkVersion + targetSdk = flutter.targetSdkVersion + versionCode = flutter.versionCode + versionName = flutter.versionName + } + + buildTypes { + release { + signingConfig = signingConfigs.getByName("debug") + } + } +} + +flutter { + source = "../.." +} + diff --git a/mobile/android/app/src/debug/AndroidManifest.xml b/mobile/android/app/src/debug/AndroidManifest.xml new file mode 100644 index 0000000..829d887 --- /dev/null +++ b/mobile/android/app/src/debug/AndroidManifest.xml @@ -0,0 +1,8 @@ + + + + + diff --git a/mobile/android/app/src/main/AndroidManifest.xml b/mobile/android/app/src/main/AndroidManifest.xml new file mode 100644 index 0000000..79227b6 --- /dev/null +++ b/mobile/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + diff --git a/mobile/android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java b/mobile/android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java new file mode 100644 index 0000000..bb2f220 --- /dev/null +++ b/mobile/android/app/src/main/java/io/flutter/plugins/GeneratedPluginRegistrant.java @@ -0,0 +1,34 @@ +package io.flutter.plugins; + +import androidx.annotation.Keep; +import androidx.annotation.NonNull; +import io.flutter.Log; + +import io.flutter.embedding.engine.FlutterEngine; + +/** + * Generated file. Do not edit. + * This file is generated by the Flutter tool based on the + * plugins that support the Android platform. + */ +@Keep +public final class GeneratedPluginRegistrant { + private static final String TAG = "GeneratedPluginRegistrant"; + public static void registerWith(@NonNull FlutterEngine flutterEngine) { + try { + flutterEngine.getPlugins().add(new com.github.dart_lang.jni.JniPlugin()); + } catch (Exception e) { + Log.e(TAG, "Error registering plugin jni, com.github.dart_lang.jni.JniPlugin", e); + } + try { + flutterEngine.getPlugins().add(new com.github.dart_lang.jni_flutter.JniFlutterPlugin()); + } catch (Exception e) { + Log.e(TAG, "Error registering plugin jni_flutter, com.github.dart_lang.jni_flutter.JniFlutterPlugin", e); + } + try { + flutterEngine.getPlugins().add(new io.flutter.plugins.urllauncher.UrlLauncherPlugin()); + } catch (Exception e) { + Log.e(TAG, "Error registering plugin url_launcher_android, io.flutter.plugins.urllauncher.UrlLauncherPlugin", e); + } + } +} diff --git a/mobile/android/app/src/main/kotlin/com/liverecorder/mobile/MainActivity.kt b/mobile/android/app/src/main/kotlin/com/liverecorder/mobile/MainActivity.kt new file mode 100644 index 0000000..c6ad3c2 --- /dev/null +++ b/mobile/android/app/src/main/kotlin/com/liverecorder/mobile/MainActivity.kt @@ -0,0 +1,6 @@ +package com.liverecorder.mobile + +import io.flutter.embedding.android.FlutterActivity + +class MainActivity : FlutterActivity() + diff --git a/mobile/android/app/src/main/res/drawable-v21/launch_background.xml b/mobile/android/app/src/main/res/drawable-v21/launch_background.xml new file mode 100644 index 0000000..f74085f --- /dev/null +++ b/mobile/android/app/src/main/res/drawable-v21/launch_background.xml @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/mobile/android/app/src/main/res/drawable/launch_background.xml b/mobile/android/app/src/main/res/drawable/launch_background.xml new file mode 100644 index 0000000..304732f --- /dev/null +++ b/mobile/android/app/src/main/res/drawable/launch_background.xml @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 0000000..db77bb4 Binary files /dev/null and b/mobile/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 0000000..17987b7 Binary files /dev/null and b/mobile/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 0000000..09d4391 Binary files /dev/null and b/mobile/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 0000000..d5f1c8d Binary files /dev/null and b/mobile/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 0000000..4d6372e Binary files /dev/null and b/mobile/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/mobile/android/app/src/main/res/values-night/styles.xml b/mobile/android/app/src/main/res/values-night/styles.xml new file mode 100644 index 0000000..06952be --- /dev/null +++ b/mobile/android/app/src/main/res/values-night/styles.xml @@ -0,0 +1,18 @@ + + + + + + + diff --git a/mobile/android/app/src/main/res/values/styles.xml b/mobile/android/app/src/main/res/values/styles.xml new file mode 100644 index 0000000..cb1ef88 --- /dev/null +++ b/mobile/android/app/src/main/res/values/styles.xml @@ -0,0 +1,18 @@ + + + + + + + diff --git a/mobile/android/app/src/profile/AndroidManifest.xml b/mobile/android/app/src/profile/AndroidManifest.xml new file mode 100644 index 0000000..1327573 --- /dev/null +++ b/mobile/android/app/src/profile/AndroidManifest.xml @@ -0,0 +1,4 @@ + + + + diff --git a/mobile/android/build.gradle.kts b/mobile/android/build.gradle.kts new file mode 100644 index 0000000..c4ae004 --- /dev/null +++ b/mobile/android/build.gradle.kts @@ -0,0 +1,38 @@ +allprojects { + buildscript { + repositories { + maven("https://maven.aliyun.com/repository/public") + maven("https://maven.aliyun.com/repository/google") + maven("https://maven.aliyun.com/repository/central") + google() + mavenCentral() + } + } + + repositories { + maven("https://maven.aliyun.com/repository/public") + maven("https://maven.aliyun.com/repository/google") + maven("https://maven.aliyun.com/repository/central") + google() + mavenCentral() + } +} + +val newBuildDir: Directory = + rootProject.layout.buildDirectory + .dir("../../build") + .get() +rootProject.layout.buildDirectory.value(newBuildDir) + +subprojects { + val newSubprojectBuildDir: Directory = newBuildDir.dir(project.name) + project.layout.buildDirectory.value(newSubprojectBuildDir) +} + +subprojects { + project.evaluationDependsOn(":app") +} + +tasks.register("clean") { + delete(rootProject.layout.buildDirectory) +} diff --git a/mobile/android/gradle.properties b/mobile/android/gradle.properties new file mode 100644 index 0000000..5bce22c --- /dev/null +++ b/mobile/android/gradle.properties @@ -0,0 +1,3 @@ +org.gradle.jvmargs=-Xmx8G -XX:MaxMetaspaceSize=4G -XX:ReservedCodeCacheSize=512m -XX:+HeapDumpOnOutOfMemoryError +android.useAndroidX=true + diff --git a/mobile/android/gradle/wrapper/gradle-wrapper.jar b/mobile/android/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..13372ae Binary files /dev/null and b/mobile/android/gradle/wrapper/gradle-wrapper.jar differ diff --git a/mobile/android/gradle/wrapper/gradle-wrapper.properties b/mobile/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..4bf4e98 --- /dev/null +++ b/mobile/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,6 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.14-all.zip + diff --git a/mobile/android/gradlew b/mobile/android/gradlew new file mode 100644 index 0000000..9d82f78 --- /dev/null +++ b/mobile/android/gradlew @@ -0,0 +1,160 @@ +#!/usr/bin/env bash + +############################################################################## +## +## Gradle start up script for UN*X +## +############################################################################## + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS="" + +APP_NAME="Gradle" +APP_BASE_NAME=`basename "$0"` + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD="maximum" + +warn ( ) { + echo "$*" +} + +die ( ) { + echo + echo "$*" + echo + exit 1 +} + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +case "`uname`" in + CYGWIN* ) + cygwin=true + ;; + Darwin* ) + darwin=true + ;; + MINGW* ) + msys=true + ;; +esac + +# Attempt to set APP_HOME +# Resolve links: $0 may be a link +PRG="$0" +# Need this for relative symlinks. +while [ -h "$PRG" ] ; do + ls=`ls -ld "$PRG"` + link=`expr "$ls" : '.*-> \(.*\)$'` + if expr "$link" : '/.*' > /dev/null; then + PRG="$link" + else + PRG=`dirname "$PRG"`"/$link" + fi +done +SAVED="`pwd`" +cd "`dirname \"$PRG\"`/" >/dev/null +APP_HOME="`pwd -P`" +cd "$SAVED" >/dev/null + +CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD="$JAVA_HOME/jre/sh/java" + else + JAVACMD="$JAVA_HOME/bin/java" + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD="java" + which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." +fi + +# Increase the maximum file descriptors if we can. +if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then + MAX_FD_LIMIT=`ulimit -H -n` + if [ $? -eq 0 ] ; then + if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then + MAX_FD="$MAX_FD_LIMIT" + fi + ulimit -n $MAX_FD + if [ $? -ne 0 ] ; then + warn "Could not set maximum file descriptor limit: $MAX_FD" + fi + else + warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" + fi +fi + +# For Darwin, add options to specify how the application appears in the dock +if $darwin; then + GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" +fi + +# For Cygwin, switch paths to Windows format before running java +if $cygwin ; then + APP_HOME=`cygpath --path --mixed "$APP_HOME"` + CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` + JAVACMD=`cygpath --unix "$JAVACMD"` + + # We build the pattern for arguments to be converted via cygpath + ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` + SEP="" + for dir in $ROOTDIRSRAW ; do + ROOTDIRS="$ROOTDIRS$SEP$dir" + SEP="|" + done + OURCYGPATTERN="(^($ROOTDIRS))" + # Add a user-defined pattern to the cygpath arguments + if [ "$GRADLE_CYGPATTERN" != "" ] ; then + OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" + fi + # Now convert the arguments - kludge to limit ourselves to /bin/sh + i=0 + for arg in "$@" ; do + CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` + CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option + + if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition + eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` + else + eval `echo args$i`="\"$arg\"" + fi + i=$((i+1)) + done + case $i in + (0) set -- ;; + (1) set -- "$args0" ;; + (2) set -- "$args0" "$args1" ;; + (3) set -- "$args0" "$args1" "$args2" ;; + (4) set -- "$args0" "$args1" "$args2" "$args3" ;; + (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; + (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; + (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; + (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; + (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; + esac +fi + +# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules +function splitJvmOpts() { + JVM_OPTS=("$@") +} +eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS +JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" + +exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" diff --git a/mobile/android/gradlew.bat b/mobile/android/gradlew.bat new file mode 100644 index 0000000..8a0b282 --- /dev/null +++ b/mobile/android/gradlew.bat @@ -0,0 +1,90 @@ +@if "%DEBUG%" == "" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS= + +set DIRNAME=%~dp0 +if "%DIRNAME%" == "" set DIRNAME=. +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if "%ERRORLEVEL%" == "0" goto init + +echo. +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto init + +echo. +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% +echo. +echo Please set the JAVA_HOME variable in your environment to match the +echo location of your Java installation. + +goto fail + +:init +@rem Get command-line arguments, handling Windowz variants + +if not "%OS%" == "Windows_NT" goto win9xME_args +if "%@eval[2+2]" == "4" goto 4NT_args + +:win9xME_args +@rem Slurp the command line arguments. +set CMD_LINE_ARGS= +set _SKIP=2 + +:win9xME_args_slurp +if "x%~1" == "x" goto execute + +set CMD_LINE_ARGS=%* +goto execute + +:4NT_args +@rem Get arguments from the 4NT Shell from JP Software +set CMD_LINE_ARGS=%$ + +:execute +@rem Setup the command line + +set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% + +:end +@rem End local scope for the variables with windows NT shell +if "%ERRORLEVEL%"=="0" goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 +exit /b 1 + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/mobile/android/settings.gradle.kts b/mobile/android/settings.gradle.kts new file mode 100644 index 0000000..5d1863e --- /dev/null +++ b/mobile/android/settings.gradle.kts @@ -0,0 +1,29 @@ +pluginManagement { + val flutterSdkPath = + run { + val properties = java.util.Properties() + file("local.properties").inputStream().use { properties.load(it) } + val flutterSdkPath = properties.getProperty("flutter.sdk") + require(flutterSdkPath != null) { "flutter.sdk not set in local.properties" } + flutterSdkPath + } + + includeBuild("$flutterSdkPath/packages/flutter_tools/gradle") + + repositories { + maven("https://maven.aliyun.com/repository/gradle-plugin") + maven("https://maven.aliyun.com/repository/google") + maven("https://maven.aliyun.com/repository/central") + google() + mavenCentral() + gradlePluginPortal() + } +} + +plugins { + id("dev.flutter.flutter-plugin-loader") version "1.0.0" + id("com.android.application") version "8.11.1" apply false + id("org.jetbrains.kotlin.android") version "2.2.20" apply false +} + +include(":app") diff --git a/mobile/lib/app/app.dart b/mobile/lib/app/app.dart new file mode 100644 index 0000000..f4df604 --- /dev/null +++ b/mobile/lib/app/app.dart @@ -0,0 +1,161 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_bootstrap_controller.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/app/app_theme.dart'; +import 'package:live_recorder_mobile/core/config/api_config.dart'; +import 'package:live_recorder_mobile/core/persistence/app_config_storage.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/backend_setup_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/login_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/mobile_shell_page.dart'; + +class LiveRecorderBootstrap extends StatefulWidget { + const LiveRecorderBootstrap({ + super.key, + required this.config, + }); + + final ApiConfig config; + + @override + State createState() => _LiveRecorderBootstrapState(); +} + +class _LiveRecorderBootstrapState extends State { + late final AppBootstrapController _bootstrapController = + AppBootstrapController( + config: widget.config, + configStorage: AppConfigStorage(), + dependenciesFactory: (String baseUrl) => AppDependencies.create(baseUrl: baseUrl), + ); + + @override + void initState() { + super.initState(); + _bootstrapController.initialize(); + } + + @override + void dispose() { + _bootstrapController.dispose(); + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return AnimatedBuilder( + animation: _bootstrapController, + builder: (BuildContext context, _) { + return AppScope( + backendConfig: _bootstrapController, + dependencies: _bootstrapController.dependencies, + child: MaterialApp( + debugShowCheckedModeBanner: false, + title: 'LiveRecorder', + theme: buildLiveRecorderTheme(), + home: _BootstrapHome( + bootstrapController: _bootstrapController, + ), + ), + ); + }, + ); + } +} + +class _BootstrapHome extends StatelessWidget { + const _BootstrapHome({ + required this.bootstrapController, + }); + + final AppBootstrapController bootstrapController; + + @override + Widget build(BuildContext context) { + if (bootstrapController.isInitializing) { + return const _LoadingSplashPage(); + } + + if (bootstrapController.initializationErrorMessage != null) { + return _BootstrapErrorPage( + message: bootstrapController.initializationErrorMessage!, + onRetry: bootstrapController.initialize, + ); + } + + if (!bootstrapController.hasConfiguredBackend) { + return BackendSetupPage( + bootstrapController: bootstrapController, + ); + } + + final dependencies = bootstrapController.dependencies; + if (dependencies == null) { + return _BootstrapErrorPage( + message: '后端配置未能正确加载，请重试', + onRetry: bootstrapController.initialize, + ); + } + + return ListenableBuilder( + listenable: dependencies.sessionController, + builder: (BuildContext context, _) { + if (dependencies.sessionController.isRestoring) { + return const _LoadingSplashPage(); + } + + if (dependencies.sessionController.isLoggedIn) { + return MobileShellPage( + dependencies: dependencies, + ); + } + + return LoginPage( + sessionController: dependencies.sessionController, + ); + }, + ); + } +} + +class _LoadingSplashPage extends StatelessWidget { + const _LoadingSplashPage(); + + @override + Widget build(BuildContext context) { + return const Scaffold( + body: Center( + child: CircularProgressIndicator(), + ), + ); + } +} + +class _BootstrapErrorPage extends StatelessWidget { + const _BootstrapErrorPage({ + required this.message, + required this.onRetry, + }); + + final String message; + final VoidCallback onRetry; + + @override + Widget build(BuildContext context) { + return Scaffold( + body: Center( + child: Padding( + padding: const EdgeInsets.all(24), + child: ConstrainedBox( + constraints: const BoxConstraints(maxWidth: 420), + child: AppErrorCard( + message: message, + onRetry: onRetry, + ), + ), + ), + ), + ); + } +} diff --git a/mobile/lib/app/app_bootstrap_controller.dart b/mobile/lib/app/app_bootstrap_controller.dart new file mode 100644 index 0000000..4caa259 --- /dev/null +++ b/mobile/lib/app/app_bootstrap_controller.dart @@ -0,0 +1,167 @@ +import 'package:flutter/foundation.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/core/config/api_config.dart'; +import 'package:live_recorder_mobile/core/persistence/app_config_storage.dart'; +import 'package:live_recorder_mobile/core/utils/backend_base_url.dart'; + +typedef AppDependenciesFactory = T Function(String baseUrl); + +abstract interface class BackendConfigHandle extends Listenable { + String get seedBaseUrl; + String? get backendBaseUrl; + bool get hasConfiguredBackend; + bool get isInitializing; + String? get initializationErrorMessage; + + Future initialize(); + Future saveInitialBackendBaseUrl(String rawValue); + Future updateBackendBaseUrl(String rawValue); +} + +class AppBootstrapController extends ChangeNotifier + implements BackendConfigHandle { + AppBootstrapController({ + required ApiConfig config, + required BackendConfigStore configStorage, + required AppDependenciesFactory dependenciesFactory, + }) : _config = config, + _configStorage = configStorage, + _dependenciesFactory = dependenciesFactory; + + final ApiConfig _config; + final BackendConfigStore _configStorage; + final AppDependenciesFactory _dependenciesFactory; + + T? _dependencies; + String? _backendBaseUrl; + bool _isInitializing = true; + String? _initializationErrorMessage; + + T? get dependencies => _dependencies; + + @override + String get seedBaseUrl => _config.seedBaseUrl; + + @override + String? get backendBaseUrl => _backendBaseUrl; + + @override + bool get hasConfiguredBackend => _backendBaseUrl != null && _backendBaseUrl!.isNotEmpty; + + @override + bool get isInitializing => _isInitializing; + + @override + String? get initializationErrorMessage => _initializationErrorMessage; + + @override + Future initialize() async { + _setInitializing(true); + try { + final storedBaseUrl = await _configStorage.readBackendBaseUrl(); + if (storedBaseUrl == null || storedBaseUrl.trim().isEmpty) { + _disposeDependencies(); + _backendBaseUrl = null; + return; + } + + final normalizedBaseUrl = normalizeBackendBaseUrl(storedBaseUrl); + _backendBaseUrl = normalizedBaseUrl; + await _rebuildDependencies(normalizedBaseUrl); + } on FormatException { + await _configStorage.clear(); + _disposeDependencies(); + _backendBaseUrl = null; + } catch (_) { + _disposeDependencies(); + _backendBaseUrl = null; + _initializationErrorMessage = '读取后端地址失败，请重试'; + } finally { + _setInitializing(false); + } + } + + @override + Future saveInitialBackendBaseUrl(String rawValue) async { + final normalizedBaseUrl = normalizeBackendBaseUrl(rawValue); + await _persistAndApplyBackendBaseUrl( + normalizedBaseUrl, + clearExistingSession: false, + ); + } + + @override + Future updateBackendBaseUrl(String rawValue) async { + final normalizedBaseUrl = normalizeBackendBaseUrl(rawValue); + if (normalizedBaseUrl == _backendBaseUrl) { + return false; + } + + await _persistAndApplyBackendBaseUrl( + normalizedBaseUrl, + clearExistingSession: true, + ); + return true; + } + + Future _persistAndApplyBackendBaseUrl( + String normalizedBaseUrl, { + required bool clearExistingSession, + }) async { + final previousDependencies = _dependencies; + _setInitializing(true); + + try { + await _configStorage.writeBackendBaseUrl(normalizedBaseUrl); + if (clearExistingSession) { + await previousDependencies?.sessionController.clearLocalSession(); + } + + _backendBaseUrl = normalizedBaseUrl; + await _rebuildDependencies(normalizedBaseUrl); + } catch (error) { + if (!identical(previousDependencies, _dependencies)) { + _dependencies?.dispose(); + _dependencies = previousDependencies; + } + rethrow; + } finally { + _setInitializing(false); + } + } + + Future _rebuildDependencies(String baseUrl) async { + final nextDependencies = _dependenciesFactory(baseUrl); + final previousDependencies = _dependencies; + _dependencies = nextDependencies; + + try { + await nextDependencies.sessionController.restore(); + previousDependencies?.dispose(); + } catch (_) { + nextDependencies.dispose(); + _dependencies = previousDependencies; + rethrow; + } + } + + void _setInitializing(bool value) { + _isInitializing = value; + if (value) { + _initializationErrorMessage = null; + } + notifyListeners(); + } + + void _disposeDependencies() { + final dependencies = _dependencies; + _dependencies = null; + dependencies?.dispose(); + } + + @override + void dispose() { + _disposeDependencies(); + super.dispose(); + } +} diff --git a/mobile/lib/app/app_dependencies.dart b/mobile/lib/app/app_dependencies.dart new file mode 100644 index 0000000..9bcb69e --- /dev/null +++ b/mobile/lib/app/app_dependencies.dart @@ -0,0 +1,81 @@ +import 'package:live_recorder_mobile/core/network/api_client.dart'; +import 'package:live_recorder_mobile/core/persistence/session_storage.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/auth_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/live_rooms_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/logs_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/media_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recovery_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recordings_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/settings_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/app_session_controller.dart'; + +abstract interface class AppDependencyBundle { + SessionControllerHandle get sessionController; + void dispose(); +} + +class AppDependencies implements AppDependencyBundle { + AppDependencies._({ + required this.backendBaseUrl, + required this.apiClient, + required this.sessionStorage, + required this.authRepository, + required this.liveRoomsRepository, + required this.recordingsRepository, + required this.recoveryRepository, + required this.settingsRepository, + required this.logsRepository, + required this.mediaRepository, + required this.sessionController, + }); + + factory AppDependencies.create({ + required String baseUrl, + }) { + late AppSessionController sessionController; + final sessionStorage = SessionStorage(); + final apiClient = ApiClient( + baseUrl: baseUrl, + tokenProvider: () => sessionController.token, + onUnauthorized: () async => sessionController.handleUnauthorized(), + ); + final authRepository = AuthRepository(apiClient); + sessionController = AppSessionController( + authRepository: authRepository, + sessionStorage: sessionStorage, + ); + + return AppDependencies._( + backendBaseUrl: baseUrl, + apiClient: apiClient, + sessionStorage: sessionStorage, + authRepository: authRepository, + liveRoomsRepository: LiveRoomsRepository(apiClient), + recordingsRepository: RecordingsRepository(apiClient), + recoveryRepository: RecoveryRepository(apiClient), + settingsRepository: SettingsRepository(apiClient), + logsRepository: LogsRepository(apiClient), + mediaRepository: MediaRepository(apiClient), + sessionController: sessionController, + ); + } + + final String backendBaseUrl; + final ApiClient apiClient; + final SessionStorage sessionStorage; + final AuthRepository authRepository; + final LiveRoomsRepository liveRoomsRepository; + final RecordingsRepository recordingsRepository; + final RecoveryRepository recoveryRepository; + final SettingsRepository settingsRepository; + final LogsRepository logsRepository; + final MediaRepository mediaRepository; + @override + final AppSessionController sessionController; + + @override + void dispose() { + apiClient.dispose(); + sessionController.dispose(); + } +} diff --git a/mobile/lib/app/app_scope.dart b/mobile/lib/app/app_scope.dart new file mode 100644 index 0000000..c75258d --- /dev/null +++ b/mobile/lib/app/app_scope.dart @@ -0,0 +1,35 @@ +import 'package:flutter/widgets.dart'; + +import 'app_bootstrap_controller.dart'; +import 'app_dependencies.dart'; + +class AppScope extends InheritedWidget { + const AppScope({ + super.key, + required this.backendConfig, + required this.dependencies, + required super.child, + }); + + final BackendConfigHandle backendConfig; + final AppDependencies? dependencies; + + static AppDependencies of(BuildContext context) { + final scope = context.dependOnInheritedWidgetOfExactType(); + assert(scope != null, 'AppScope is not available in this context.'); + final dependencies = scope!.dependencies; + assert(dependencies != null, 'AppDependencies are not available in this context.'); + return dependencies!; + } + + static BackendConfigHandle backendConfigOf(BuildContext context) { + final scope = context.dependOnInheritedWidgetOfExactType(); + assert(scope != null, 'AppScope is not available in this context.'); + return scope!.backendConfig; + } + + @override + bool updateShouldNotify(AppScope oldWidget) { + return dependencies != oldWidget.dependencies || backendConfig != oldWidget.backendConfig; + } +} diff --git a/mobile/lib/app/app_theme.dart b/mobile/lib/app/app_theme.dart new file mode 100644 index 0000000..28e2bc4 --- /dev/null +++ b/mobile/lib/app/app_theme.dart @@ -0,0 +1,81 @@ +import 'package:flutter/material.dart'; + +ThemeData buildLiveRecorderTheme() { + const seed = Color(0xFF2563EB); + + return ThemeData( + useMaterial3: true, + colorScheme: ColorScheme.fromSeed( + seedColor: seed, + primary: seed, + surface: Colors.white, + ), + scaffoldBackgroundColor: const Color(0xFFF6F8FB), + cardTheme: CardThemeData( + elevation: 0, + color: Colors.white, + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(24), + side: const BorderSide(color: Color(0xFFE2E8F0)), + ), + margin: EdgeInsets.zero, + ), + appBarTheme: const AppBarTheme( + backgroundColor: Colors.transparent, + elevation: 0, + surfaceTintColor: Colors.transparent, + foregroundColor: Color(0xFF0F172A), + ), + navigationBarTheme: NavigationBarThemeData( + height: 72, + labelTextStyle: WidgetStateProperty.resolveWith( + (Set states) { + final color = states.contains(WidgetState.selected) + ? const Color(0xFF2563EB) + : const Color(0xFF64748B); + return TextStyle( + color: color, + fontWeight: states.contains(WidgetState.selected) ? FontWeight.w700 : FontWeight.w500, + ); + }, + ), + indicatorColor: const Color(0xFFE0ECFF), + backgroundColor: Colors.white, + surfaceTintColor: Colors.transparent, + ), + inputDecorationTheme: InputDecorationTheme( + filled: true, + fillColor: Colors.white, + hintStyle: const TextStyle(color: Color(0xFF64748B)), + contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12), + border: OutlineInputBorder( + borderRadius: BorderRadius.circular(16), + borderSide: const BorderSide(color: Color(0xFFE2E8F0)), + ), + enabledBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(16), + borderSide: const BorderSide(color: Color(0xFFE2E8F0)), + ), + focusedBorder: OutlineInputBorder( + borderRadius: BorderRadius.circular(16), + borderSide: const BorderSide(color: Color(0xFF2563EB), width: 1.4), + ), + ), + chipTheme: ChipThemeData( + backgroundColor: Colors.white, + selectedColor: const Color(0xFFE0ECFF), + side: const BorderSide(color: Color(0xFFE2E8F0)), + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6), + labelStyle: const TextStyle( + color: Color(0xFF64748B), + fontWeight: FontWeight.w600, + ), + shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(999)), + ), + dividerTheme: const DividerThemeData( + color: Color(0xFFE2E8F0), + thickness: 1, + ), + ); +} + diff --git a/mobile/lib/core/config/api_config.dart b/mobile/lib/core/config/api_config.dart new file mode 100644 index 0000000..0a1d32a --- /dev/null +++ b/mobile/lib/core/config/api_config.dart @@ -0,0 +1,14 @@ +class ApiConfig { + const ApiConfig({ + this.seedBaseUrl = '', + }); + + final String seedBaseUrl; + + static ApiConfig fromEnvironment() { + const rawValue = String.fromEnvironment('LIVE_RECORDER_API_BASE_URL'); + return ApiConfig(seedBaseUrl: rawValue.trim()); + } + + bool get hasSeedBaseUrl => seedBaseUrl.isNotEmpty; +} diff --git a/mobile/lib/core/network/api_client.dart b/mobile/lib/core/network/api_client.dart new file mode 100644 index 0000000..98f945d --- /dev/null +++ b/mobile/lib/core/network/api_client.dart @@ -0,0 +1,210 @@ +import 'dart:convert'; + +import 'package:http/http.dart' as http; + +import 'api_exception.dart'; + +typedef TokenProvider = String? Function(); +typedef UnauthorizedCallback = Future Function(); + +class ApiClient { + ApiClient({ + required String baseUrl, + required TokenProvider tokenProvider, + required UnauthorizedCallback onUnauthorized, + http.Client? client, + }) : _baseUri = Uri.parse(baseUrl), + _tokenProvider = tokenProvider, + _onUnauthorized = onUnauthorized, + _client = client ?? http.Client(); + + final Uri _baseUri; + final TokenProvider _tokenProvider; + final UnauthorizedCallback _onUnauthorized; + final http.Client _client; + + Uri buildUri( + String path, { + Map? queryParameters, + }) { + if (path.startsWith('http://') || path.startsWith('https://')) { + return Uri.parse(path); + } + + final normalizedPath = path.startsWith('/') ? path.substring(1) : path; + final basePath = _baseUri.path == '/' ? '' : _baseUri.path.replaceAll(RegExp(r'/+$'), ''); + final resolvedPath = basePath.isEmpty ? '/$normalizedPath' : '$basePath/$normalizedPath'; + final resolved = _baseUri.replace(path: resolvedPath); + if (queryParameters == null || queryParameters.isEmpty) { + return resolved; + } + + return resolved.replace( + queryParameters: { + ...resolved.queryParameters, + ...queryParameters, + }, + ); + } + + Future getJson( + String path, { + Map? queryParameters, + }) { + return _sendJsonRequest( + 'GET', + path, + queryParameters: queryParameters, + ); + } + + Future postJson( + String path, { + Object? body, + Map? queryParameters, + }) { + return _sendJsonRequest( + 'POST', + path, + body: body, + queryParameters: queryParameters, + ); + } + + Future putJson( + String path, { + Object? body, + Map? queryParameters, + }) { + return _sendJsonRequest( + 'PUT', + path, + body: body, + queryParameters: queryParameters, + ); + } + + Future deleteJson( + String path, { + Object? body, + Map? queryParameters, + }) { + return _sendJsonRequest( + 'DELETE', + path, + body: body, + queryParameters: queryParameters, + ); + } + + Future _sendJsonRequest( + String method, + String path, { + Object? body, + Map? queryParameters, + }) async { + final uri = buildUri(path, queryParameters: queryParameters); + final request = http.Request(method, uri); + request.headers.addAll(_buildHeaders()); + + if (body != null) { + request.body = jsonEncode(body); + } + + http.StreamedResponse streamedResponse; + try { + streamedResponse = await _client.send(request); + } on Exception catch (error) { + throw ApiException(message: '无法连接后端服务', detail: error.toString()); + } + + final response = await http.Response.fromStream(streamedResponse); + return _decodeJsonResponse(response); + } + + Future postEmpty( + String path, { + Object? body, + }) async { + await postJson(path, body: body); + } + + Map _buildHeaders() { + final headers = { + 'Content-Type': 'application/json', + 'Accept': 'application/json', + }; + final token = _tokenProvider()?.trim(); + if (token != null && token.isNotEmpty) { + headers['Authorization'] = 'Bearer $token'; + } + return headers; + } + + dynamic _decodeJsonResponse(http.Response response) { + if (response.statusCode == 401) { + _onUnauthorized(); + } + + final bodyText = utf8.decode(response.bodyBytes); + final jsonBody = bodyText.trim().isEmpty ? null : jsonDecode(bodyText); + + if (response.statusCode >= 200 && response.statusCode < 300) { + return jsonBody; + } + + throw ApiException( + message: _resolveErrorMessage(response.statusCode, jsonBody), + statusCode: response.statusCode, + detail: jsonBody is Map + ? (jsonBody['detail'] ?? jsonBody['error'])?.toString() + : null, + ); + } + + String _resolveErrorMessage(int statusCode, dynamic body) { + if (body is Map) { + final candidate = [ + body['message'], + body['title'], + body['detail'], + body['error'], + ].firstWhere( + (value) => value is String && value.trim().isNotEmpty, + orElse: () => null, + ); + if (candidate is String) { + return candidate; + } + } else if (body is String && body.trim().isNotEmpty) { + return body; + } + + switch (statusCode) { + case 400: + return '请求参数有误，请检查后重试'; + case 401: + return '登录状态已失效，请重新登录'; + case 403: + return '当前没有权限执行该操作'; + case 404: + return '请求的接口不存在'; + case 409: + return '请求发生冲突，请刷新后重试'; + case 422: + return '提交的数据格式不正确，请检查后重试'; + case 500: + return '后端服务发生内部错误'; + case 502: + case 503: + case 504: + return '后端服务暂时不可用，请稍后重试'; + default: + return '请求失败，请稍后重试'; + } + } + + void dispose() { + _client.close(); + } +} diff --git a/mobile/lib/core/network/api_exception.dart b/mobile/lib/core/network/api_exception.dart new file mode 100644 index 0000000..2f81321 --- /dev/null +++ b/mobile/lib/core/network/api_exception.dart @@ -0,0 +1,25 @@ +class ApiException implements Exception { + const ApiException({ + required this.message, + this.statusCode, + this.detail, + }); + + final String message; + final int? statusCode; + final String? detail; + + @override + String toString() { + final buffer = StringBuffer('ApiException(message: $message'); + if (statusCode != null) { + buffer.write(', statusCode: $statusCode'); + } + if (detail != null && detail!.isNotEmpty) { + buffer.write(', detail: $detail'); + } + buffer.write(')'); + return buffer.toString(); + } +} + diff --git a/mobile/lib/core/persistence/app_config_storage.dart b/mobile/lib/core/persistence/app_config_storage.dart new file mode 100644 index 0000000..5564a01 --- /dev/null +++ b/mobile/lib/core/persistence/app_config_storage.dart @@ -0,0 +1,60 @@ +import 'dart:convert'; +import 'dart:io'; + +import 'package:path_provider/path_provider.dart'; + +abstract interface class BackendConfigStore { + Future readBackendBaseUrl(); + Future writeBackendBaseUrl(String baseUrl); + Future clear(); +} + +class AppConfigStorage implements BackendConfigStore { + @override + Future readBackendBaseUrl() async { + final file = await _configFile(); + if (!await file.exists()) { + return null; + } + + final content = await file.readAsString(); + if (content.trim().isEmpty) { + return null; + } + + final payload = jsonDecode(content); + if (payload is! Map) { + return null; + } + + final value = payload['backendBaseUrl']?.toString().trim(); + if (value == null || value.isEmpty) { + return null; + } + return value; + } + + @override + Future writeBackendBaseUrl(String baseUrl) async { + final file = await _configFile(); + await file.create(recursive: true); + await file.writeAsString( + jsonEncode({ + 'backendBaseUrl': baseUrl, + }), + ); + } + + @override + Future clear() async { + final file = await _configFile(); + if (await file.exists()) { + await file.delete(); + } + } + + Future _configFile() async { + final directory = await getApplicationSupportDirectory(); + return File('${directory.path}${Platform.pathSeparator}live_recorder_app_config.json'); + } +} diff --git a/mobile/lib/core/persistence/session_storage.dart b/mobile/lib/core/persistence/session_storage.dart new file mode 100644 index 0000000..805457a --- /dev/null +++ b/mobile/lib/core/persistence/session_storage.dart @@ -0,0 +1,39 @@ +import 'dart:convert'; +import 'dart:io'; + +import 'package:path_provider/path_provider.dart'; + +class SessionStorage { + Future?> read() async { + final file = await _sessionFile(); + if (!await file.exists()) { + return null; + } + + final content = await file.readAsString(); + if (content.trim().isEmpty) { + return null; + } + + return jsonDecode(content) as Map; + } + + Future write(Map payload) async { + final file = await _sessionFile(); + await file.create(recursive: true); + await file.writeAsString(jsonEncode(payload)); + } + + Future clear() async { + final file = await _sessionFile(); + if (await file.exists()) { + await file.delete(); + } + } + + Future _sessionFile() async { + final directory = await getApplicationSupportDirectory(); + return File('${directory.path}${Platform.pathSeparator}live_recorder_session.json'); + } +} + diff --git a/mobile/lib/core/polling/polling_controller.dart b/mobile/lib/core/polling/polling_controller.dart new file mode 100644 index 0000000..1fa795c --- /dev/null +++ b/mobile/lib/core/polling/polling_controller.dart @@ -0,0 +1,67 @@ +import 'dart:async'; + +class PollingController { + PollingController({ + required Duration interval, + required Future Function() onTick, + }) : _interval = interval, + _onTick = onTick; + + final Duration _interval; + final Future Function() _onTick; + + Timer? _timer; + bool _active = false; + bool _busy = false; + + void setActive(bool active) { + if (_active == active) { + return; + } + + _active = active; + if (_active) { + _schedule(); + triggerNow(); + } else { + _timer?.cancel(); + _timer = null; + } + } + + void triggerNow() { + if (!_active || _busy) { + return; + } + + _tick(); + } + + Future _tick() async { + _busy = true; + try { + await _onTick(); + } finally { + _busy = false; + _schedule(); + } + } + + void _schedule() { + _timer?.cancel(); + if (!_active) { + return; + } + + _timer = Timer(_interval, () { + if (_active && !_busy) { + _tick(); + } + }); + } + + void dispose() { + _timer?.cancel(); + } +} + diff --git a/mobile/lib/core/utils/backend_base_url.dart b/mobile/lib/core/utils/backend_base_url.dart new file mode 100644 index 0000000..7ac22ea --- /dev/null +++ b/mobile/lib/core/utils/backend_base_url.dart @@ -0,0 +1,34 @@ +String normalizeBackendBaseUrl(String rawValue) { + final trimmed = rawValue.trim(); + if (trimmed.isEmpty) { + throw const FormatException('请输入后端地址'); + } + + final uri = Uri.tryParse(trimmed); + if (uri == null || + !uri.hasScheme || + (uri.scheme != 'http' && uri.scheme != 'https') || + uri.host.isEmpty) { + throw const FormatException('请输入以 http:// 或 https:// 开头的完整地址'); + } + + if (uri.query.isNotEmpty || uri.fragment.isNotEmpty) { + throw const FormatException('后端地址不能包含查询参数或片段'); + } + + var normalizedPath = uri.path.replaceAll(RegExp(r'/+$'), ''); + if (normalizedPath == '/') { + normalizedPath = ''; + } + + return uri.replace(path: normalizedPath).toString(); +} + +String? validateBackendBaseUrl(String rawValue) { + try { + normalizeBackendBaseUrl(rawValue); + return null; + } on FormatException catch (error) { + return error.message; + } +} diff --git a/mobile/lib/core/utils/formatters.dart b/mobile/lib/core/utils/formatters.dart new file mode 100644 index 0000000..1236e4c --- /dev/null +++ b/mobile/lib/core/utils/formatters.dart @@ -0,0 +1,89 @@ +import 'package:intl/intl.dart'; + +final DateFormat _dateTimeFormat = DateFormat('yyyy-MM-dd HH:mm'); +final DateFormat _timeFormat = DateFormat('HH:mm'); +final DateFormat _dateFormat = DateFormat('yyyy-MM-dd'); + +String formatDateTime(String? value) { + if (value == null || value.trim().isEmpty) { + return '--'; + } + + final dateTime = DateTime.tryParse(value)?.toLocal(); + if (dateTime == null) { + return '--'; + } + + return _dateTimeFormat.format(dateTime); +} + +String formatTime(String? value) { + if (value == null || value.trim().isEmpty) { + return '--'; + } + + final dateTime = DateTime.tryParse(value)?.toLocal(); + if (dateTime == null) { + return '--'; + } + + return _timeFormat.format(dateTime); +} + +String formatDateOnly(String? value) { + if (value == null || value.trim().isEmpty) { + return '--'; + } + + final dateTime = DateTime.tryParse(value)?.toLocal(); + if (dateTime == null) { + return '--'; + } + + return _dateFormat.format(dateTime); +} + +String formatDurationSeconds(num? seconds) { + if (seconds == null) { + return '--'; + } + + final totalSeconds = seconds.round(); + final hours = totalSeconds ~/ 3600; + final minutes = (totalSeconds % 3600) ~/ 60; + final remainingSeconds = totalSeconds % 60; + + if (hours > 0) { + return '${hours}h ${minutes}m'; + } + if (minutes > 0) { + return '${minutes}m ${remainingSeconds}s'; + } + return '${remainingSeconds}s'; +} + +String formatBytes(num? bytes) { + if (bytes == null) { + return '--'; + } + + const units = ['B', 'KB', 'MB', 'GB', 'TB']; + var value = bytes.toDouble(); + var index = 0; + while (value >= 1024 && index < units.length - 1) { + value /= 1024; + index += 1; + } + + final fractionDigits = index == 0 ? 0 : index == 1 ? 1 : 2; + return '${value.toStringAsFixed(fractionDigits)} ${units[index]}'; +} + +String valueOrDash(Object? value) { + if (value == null) { + return '--'; + } + final text = value.toString().trim(); + return text.isEmpty ? '--' : text; +} + diff --git a/mobile/lib/core/utils/live_room_utils.dart b/mobile/lib/core/utils/live_room_utils.dart new file mode 100644 index 0000000..c09d3c5 --- /dev/null +++ b/mobile/lib/core/utils/live_room_utils.dart @@ -0,0 +1,61 @@ +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +Uri? resolveLiveRoomWatchUri(LiveRoom room) { + for (final String candidate in [ + room.normalizedUrl, + room.sourceUrl, + room.originalLiveRoomUrl, + ]) { + final uri = _parseHttpUri(candidate); + if (uri != null) { + return uri; + } + } + return null; +} + +bool hasLiveRoomWatchSource(LiveRoom room) { + return room.normalizedUrl.trim().isNotEmpty || + room.sourceUrl.trim().isNotEmpty || + room.originalLiveRoomUrl.trim().isNotEmpty; +} + +int compareMonitorRooms(LiveRoom a, LiveRoom b) { + final liveA = a.availabilityStatus == 2 ? 1 : 0; + final liveB = b.availabilityStatus == 2 ? 1 : 0; + if (liveA != liveB) { + return liveB.compareTo(liveA); + } + + final recordingA = a.currentRecordingState == 2 ? 1 : 0; + final recordingB = b.currentRecordingState == 2 ? 1 : 0; + if (recordingA != recordingB) { + return recordingB.compareTo(recordingA); + } + + final priorityA = (a.isPinned || a.isPriority) ? 1 : 0; + final priorityB = (b.isPinned || b.isPriority) ? 1 : 0; + if (priorityA != priorityB) { + return priorityB.compareTo(priorityA); + } + + return b.updatedAt.compareTo(a.updatedAt); +} + +Uri? _parseHttpUri(String? rawValue) { + final trimmed = rawValue?.trim() ?? ''; + if (trimmed.isEmpty) { + return null; + } + + final uri = Uri.tryParse(trimmed); + if (uri == null || !uri.hasScheme || uri.host.isEmpty) { + return null; + } + + if (uri.scheme != 'http' && uri.scheme != 'https') { + return null; + } + + return uri; +} diff --git a/mobile/lib/core/utils/path_utils.dart b/mobile/lib/core/utils/path_utils.dart new file mode 100644 index 0000000..1a6f57e --- /dev/null +++ b/mobile/lib/core/utils/path_utils.dart @@ -0,0 +1,43 @@ +String? deriveRelativeMediaPath({ + required String? outputRoot, + required String? outputFilePath, +}) { + final rawPath = outputFilePath?.trim(); + if (rawPath == null || rawPath.isEmpty) { + return null; + } + + final normalizedPath = rawPath.replaceAll('\\', '/'); + if (_containsUnsafeTraversal(normalizedPath)) { + return null; + } + + final root = outputRoot?.trim(); + if (root == null || root.isEmpty) { + return normalizedPath; + } + + final normalizedRoot = root.replaceAll('\\', '/').replaceAll(RegExp(r'/+$'), ''); + final normalizedPathLower = normalizedPath.toLowerCase(); + final normalizedRootLower = normalizedRoot.toLowerCase(); + + if (normalizedPathLower == normalizedRootLower) { + return ''; + } + + if (normalizedPathLower.startsWith('$normalizedRootLower/')) { + final relative = normalizedPath.substring(normalizedRoot.length + 1); + return _containsUnsafeTraversal(relative) ? null : relative; + } + + if (!normalizedPath.contains(':') && !normalizedPath.startsWith('/')) { + return normalizedPath; + } + + return null; +} + +bool _containsUnsafeTraversal(String value) { + return value.split('/').any((segment) => segment == '..'); +} + diff --git a/mobile/lib/core/utils/recovery_formatters.dart b/mobile/lib/core/utils/recovery_formatters.dart new file mode 100644 index 0000000..8453cd5 --- /dev/null +++ b/mobile/lib/core/utils/recovery_formatters.dart @@ -0,0 +1,59 @@ +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +String formatStorageHealthLabel(StorageGuardStatus? storage) { + if (storage == null) { + return '暂无集群数据'; + } + + if (!storage.isEnabled) { + return '存储守护未启用'; + } + + final mappedMessage = _mapStorageMessage(storage.message); + if (mappedMessage != null) { + return mappedMessage; + } + + return storage.hasEnoughSpace ? '空间充足' : '空间不足'; +} + +String formatStorageUsageLabel(StorageGuardStatus? storage) { + if (storage == null) { + return '--'; + } + + final hasAvailableBytes = storage.availableBytes > 0; + final hasRequiredBytes = storage.requiredBytes > 0; + if (hasAvailableBytes || hasRequiredBytes) { + final availableLabel = hasAvailableBytes ? formatBytes(storage.availableBytes) : '--'; + final requiredLabel = hasRequiredBytes ? formatBytes(storage.requiredBytes) : '--'; + return '可用 $availableLabel / 需保留 $requiredLabel'; + } + + return _mapStorageMessage(storage.message) ?? '--'; +} + +String? _mapStorageMessage(String rawMessage) { + final normalized = rawMessage.trim().toLowerCase(); + if (normalized.isEmpty) { + return null; + } + + if (normalized == 'storage is available' || normalized.contains('enough space')) { + return '空间充足'; + } + + if (normalized.contains('insufficient') || + normalized.contains('not enough') || + normalized.contains('low disk') || + normalized.contains('space is low')) { + return '空间不足'; + } + + if (normalized.contains('disabled')) { + return '存储守护未启用'; + } + + return null; +} diff --git a/mobile/lib/core/utils/status_labels.dart b/mobile/lib/core/utils/status_labels.dart new file mode 100644 index 0000000..f9ee793 --- /dev/null +++ b/mobile/lib/core/utils/status_labels.dart @@ -0,0 +1,188 @@ +enum StatusTone { + gray, + green, + blue, + yellow, + red, + orange, + indigo, +} + +const Map availabilityLabelMap = { + 0: '未知', + 1: '已下播', + 2: '直播中', +}; + +const Map recordingStateLabelMap = { + 0: '已下播', + 1: '直播中', + 2: '录制中', +}; + +const Map taskStatusLabelMap = { + 0: '待处理', + 1: '启动中', + 2: '录制中', + 3: '停止中', + 4: '已完成', + 5: '失败', + 6: '已停止', + 7: '处理中', +}; + +const Map logLevelLabelMap = { + 0: '跟踪', + 1: '信息', + 2: '警告', + 3: '错误', +}; + +const Map outputFormatLabelMap = { + 0: 'MP4', + 1: 'TS', +}; + +const Map saveModeLabelMap = { + 0: '单文件', + 1: '分段', +}; + +const Map recordingTemplateLabelMap = { + 0: '直接封装', + 1: '均衡 MP4', + 2: '归档 TS', +}; + +const Map qualityLabelMap = { + 'origin': '原画', + 'FULL_HD': '超清', + 'HD': '高清', + 'SD': '标清', +}; + +const Map platformLabelMap = { + 0: '未知', + 1: 'Douyin', + 2: 'Bilibili', + 3: 'Huya', + 4: 'Douyu', + 5: 'Kuaishou', + 6: 'TikTok', + 7: 'Xiaohongshu', + 8: 'YouTube', + 9: 'Twitch', + 10: 'PandaTV', + 11: 'Migu', +}; + +const Map uploadStatusLabelMap = { + 0: '未上传', + 1: '已上传', + 2: '上传失败', +}; + +const Map autoStartDecisionLabelMap = { + 'started': '已启动', + 'skipped_disabled': '已禁用', + 'skipped_storage': '存储不足', + 'skipped_active_session': '已有活动会话', + 'skipped_offline': '房间未开播', + 'skipped_debounce': '触发防抖中', + 'failed_startup': '启动失败', + 'poll_failed_transient': '轮询临时失败', + 'poll_failed': '轮询失败', +}; + +String availabilityLabel(int? value) => availabilityLabelMap[value] ?? '未知'; + +String recordingStateLabel(int? value) => recordingStateLabelMap[value] ?? '未知'; + +String taskStatusLabel(int? value) => taskStatusLabelMap[value] ?? '未知'; + +String logLevelLabel(int? value) => logLevelLabelMap[value] ?? '未知'; + +String outputFormatLabel(int? value) => outputFormatLabelMap[value] ?? '--'; + +String saveModeLabel(int? value) => saveModeLabelMap[value] ?? '--'; + +String recordingTemplateLabel(int? value) => recordingTemplateLabelMap[value] ?? '--'; + +String qualityLabel(String? value) => qualityLabelMap[value] ?? (value == null || value.isEmpty ? '--' : value); + +String platformLabel(int? value) => platformLabelMap[value] ?? '未知'; + +String uploadStatusLabel(int? value) => uploadStatusLabelMap[value] ?? '未知'; + +String autoStartDecisionLabel(String? value) => + autoStartDecisionLabelMap[value] ?? (value == null || value.isEmpty ? '暂无事件' : value); + +bool isTaskActive(int? value) => value == 1 || value == 2 || value == 3 || value == 7; + +bool isTaskFailed(int? value) => value == 5; + +StatusTone toneForStatus({String? keyword, int? value, String? context}) { + if (context == 'availability') { + return value == 2 ? StatusTone.green : StatusTone.gray; + } + + if (context == 'recording') { + if (value == 2) { + return StatusTone.blue; + } + if (value == 1) { + return StatusTone.green; + } + return StatusTone.gray; + } + + if (context == 'task' || context == 'session') { + switch (value) { + case 0: + return StatusTone.yellow; + case 1: + case 7: + return StatusTone.indigo; + case 2: + return StatusTone.blue; + case 3: + return StatusTone.orange; + case 4: + return StatusTone.green; + case 5: + return StatusTone.red; + default: + return StatusTone.gray; + } + } + + if (context == 'upload') { + if (value == 1) { + return StatusTone.green; + } + if (value == 2) { + return StatusTone.red; + } + } + + final normalized = keyword?.toLowerCase() ?? ''; + if (['live', 'online', 'living', '直播中', 'completed', 'archived'].any(normalized.contains)) { + return StatusTone.green; + } + if (['recording', '录制中'].any(normalized.contains)) { + return StatusTone.blue; + } + if (['pending', 'queued', '待'].any(normalized.contains)) { + return StatusTone.yellow; + } + if (['retry', 'stopping', '停止中'].any(normalized.contains)) { + return StatusTone.orange; + } + if (['process', 'transcod'].any(normalized.contains)) { + return StatusTone.indigo; + } + if (['error', 'fail', '异常', '错误'].any(normalized.contains)) { + return StatusTone.red; + } + return StatusTone.gray; +} diff --git a/mobile/lib/core/widgets/app_card.dart b/mobile/lib/core/widgets/app_card.dart new file mode 100644 index 0000000..c76a9cb --- /dev/null +++ b/mobile/lib/core/widgets/app_card.dart @@ -0,0 +1,35 @@ +import 'package:flutter/material.dart'; + +class AppCard extends StatelessWidget { + const AppCard({ + super.key, + required this.child, + this.padding = const EdgeInsets.all(18), + this.onTap, + }); + + final Widget child; + final EdgeInsetsGeometry padding; + final VoidCallback? onTap; + + @override + Widget build(BuildContext context) { + final card = Card( + child: Padding( + padding: padding, + child: child, + ), + ); + + if (onTap == null) { + return card; + } + + return InkWell( + onTap: onTap, + borderRadius: BorderRadius.circular(24), + child: card, + ); + } +} + diff --git a/mobile/lib/core/widgets/app_empty_state.dart b/mobile/lib/core/widgets/app_empty_state.dart new file mode 100644 index 0000000..e4ed037 --- /dev/null +++ b/mobile/lib/core/widgets/app_empty_state.dart @@ -0,0 +1,62 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class AppEmptyState extends StatelessWidget { + const AppEmptyState({ + super.key, + this.title = '暂无数据', + this.description = '当前没有可展示内容', + this.actionLabel, + this.onAction, + }); + + final String title; + final String description; + final String? actionLabel; + final VoidCallback? onAction; + + @override + Widget build(BuildContext context) { + return AppCard( + child: Column( + mainAxisSize: MainAxisSize.min, + children: [ + Container( + width: 56, + height: 56, + decoration: BoxDecoration( + color: const Color(0xFFEFF6FF), + borderRadius: BorderRadius.circular(18), + ), + child: const Icon(Icons.inbox_rounded, color: Color(0xFF2563EB), size: 28), + ), + const SizedBox(height: 16), + Text( + title, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 16, + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 8), + Text( + description, + textAlign: TextAlign.center, + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.5, + ), + ), + if (actionLabel != null && onAction != null) ...[ + const SizedBox(height: 16), + FilledButton.tonal( + onPressed: onAction, + child: Text(actionLabel!), + ), + ], + ], + ), + ); + } +} diff --git a/mobile/lib/core/widgets/app_error_card.dart b/mobile/lib/core/widgets/app_error_card.dart new file mode 100644 index 0000000..658e649 --- /dev/null +++ b/mobile/lib/core/widgets/app_error_card.dart @@ -0,0 +1,51 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class AppErrorCard extends StatelessWidget { + const AppErrorCard({ + super.key, + required this.message, + required this.onRetry, + }); + + final String message; + final VoidCallback onRetry; + + @override + Widget build(BuildContext context) { + return AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Row( + children: [ + Icon(Icons.error_outline_rounded, color: Color(0xFFDC2626)), + SizedBox(width: 8), + Text( + '加载失败', + style: TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ], + ), + const SizedBox(height: 12), + Text( + message, + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.5, + ), + ), + const SizedBox(height: 16), + FilledButton.tonalIcon( + onPressed: onRetry, + icon: const Icon(Icons.refresh_rounded), + label: const Text('重试'), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/core/widgets/app_search_bar.dart b/mobile/lib/core/widgets/app_search_bar.dart new file mode 100644 index 0000000..8928398 --- /dev/null +++ b/mobile/lib/core/widgets/app_search_bar.dart @@ -0,0 +1,43 @@ +import 'package:flutter/material.dart'; + +class AppSearchBar extends StatelessWidget { + const AppSearchBar({ + super.key, + required this.controller, + required this.hintText, + this.onSubmitted, + this.onChanged, + }); + + final TextEditingController controller; + final String hintText; + final ValueChanged? onSubmitted; + final ValueChanged? onChanged; + + @override + Widget build(BuildContext context) { + return SizedBox( + height: 44, + child: TextField( + controller: controller, + onSubmitted: onSubmitted, + onChanged: onChanged, + textInputAction: TextInputAction.search, + decoration: InputDecoration( + hintText: hintText, + prefixIcon: const Icon(Icons.search_rounded), + suffixIcon: controller.text.isEmpty + ? null + : IconButton( + onPressed: () { + controller.clear(); + onChanged?.call(''); + }, + icon: const Icon(Icons.close_rounded), + ), + ), + ), + ); + } +} + diff --git a/mobile/lib/core/widgets/metric_card.dart b/mobile/lib/core/widgets/metric_card.dart new file mode 100644 index 0000000..d334b4c --- /dev/null +++ b/mobile/lib/core/widgets/metric_card.dart @@ -0,0 +1,72 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class MetricCard extends StatelessWidget { + const MetricCard({ + super.key, + required this.label, + required this.value, + required this.description, + this.color = const Color(0xFF2563EB), + this.trendValue, + }); + + final String label; + final String value; + final String description; + final Color color; + final double? trendValue; + + @override + Widget build(BuildContext context) { + final progress = (trendValue ?? 0).clamp(0.05, 1.0); + + return AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 10), + Text( + value, + style: TextStyle( + color: color, + fontSize: 28, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 8), + SizedBox( + height: 40, + child: Text( + description, + maxLines: 2, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.45, + ), + ), + ), + const SizedBox(height: 14), + ClipRRect( + borderRadius: BorderRadius.circular(999), + child: LinearProgressIndicator( + minHeight: 6, + value: progress, + color: color, + backgroundColor: color.withValues(alpha: 0.12), + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/core/widgets/mobile_header.dart b/mobile/lib/core/widgets/mobile_header.dart new file mode 100644 index 0000000..7299c98 --- /dev/null +++ b/mobile/lib/core/widgets/mobile_header.dart @@ -0,0 +1,82 @@ +import 'package:flutter/material.dart'; + +class MobileHeader extends StatelessWidget { + const MobileHeader({ + super.key, + required this.eyebrow, + required this.title, + this.trailing, + this.userInitials = 'L', + this.onNotificationsPressed, + this.onProfilePressed, + }); + + final String eyebrow; + final String title; + final Widget? trailing; + final String userInitials; + final VoidCallback? onNotificationsPressed; + final VoidCallback? onProfilePressed; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.fromLTRB(16, 4, 16, 12), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + eyebrow, + style: const TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + const SizedBox(height: 4), + Text( + title, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 28, + fontWeight: FontWeight.w800, + ), + ), + ], + ), + ), + IconButton.filledTonal( + onPressed: onNotificationsPressed, + icon: const Icon(Icons.notifications_none_rounded), + ), + const SizedBox(width: 8), + GestureDetector( + onTap: onProfilePressed, + child: CircleAvatar( + radius: 20, + backgroundColor: const Color(0xFFE0ECFF), + foregroundColor: const Color(0xFF2563EB), + child: Text( + userInitials, + style: const TextStyle(fontWeight: FontWeight.w800), + ), + ), + ), + ], + ), + if (trailing != null) ...[ + const SizedBox(height: 16), + trailing!, + ], + ], + ), + ); + } +} diff --git a/mobile/lib/core/widgets/skeleton_card.dart b/mobile/lib/core/widgets/skeleton_card.dart new file mode 100644 index 0000000..da23e46 --- /dev/null +++ b/mobile/lib/core/widgets/skeleton_card.dart @@ -0,0 +1,50 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class SkeletonCard extends StatefulWidget { + const SkeletonCard({ + super.key, + this.height = 120, + }); + + final double height; + + @override + State createState() => _SkeletonCardState(); +} + +class _SkeletonCardState extends State with SingleTickerProviderStateMixin { + late final AnimationController _controller = AnimationController( + vsync: this, + duration: const Duration(milliseconds: 1200), + )..repeat(reverse: true); + + @override + void dispose() { + _controller.dispose(); + super.dispose(); + } + + @override + Widget build(BuildContext context) { + return AnimatedBuilder( + animation: _controller, + builder: (BuildContext context, Widget? child) { + final opacity = 0.35 + (_controller.value * 0.4); + return AppCard( + child: Opacity( + opacity: opacity, + child: Container( + height: widget.height, + decoration: BoxDecoration( + color: const Color(0xFFE2E8F0), + borderRadius: BorderRadius.circular(16), + ), + ), + ), + ); + }, + ); + } +} + diff --git a/mobile/lib/core/widgets/status_badge.dart b/mobile/lib/core/widgets/status_badge.dart new file mode 100644 index 0000000..7ba579c --- /dev/null +++ b/mobile/lib/core/widgets/status_badge.dart @@ -0,0 +1,102 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; + +class StatusBadge extends StatelessWidget { + const StatusBadge({ + super.key, + required this.status, + this.label, + this.context, + }); + + final Object? status; + final String? label; + final String? context; + + @override + Widget build(BuildContext context) { + final tone = toneForStatus( + value: status is int ? status as int : null, + keyword: status?.toString(), + context: this.context, + ); + final style = _styleFor(tone); + + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5), + decoration: BoxDecoration( + color: style.background, + borderRadius: BorderRadius.circular(999), + border: Border.all(color: style.border), + ), + child: Text( + label ?? status?.toString() ?? '--', + style: TextStyle( + color: style.foreground, + fontSize: 11, + fontWeight: FontWeight.w700, + ), + ), + ); + } + + _BadgeStyle _styleFor(StatusTone tone) { + switch (tone) { + case StatusTone.green: + return const _BadgeStyle( + background: Color(0xFFECFDF5), + foreground: Color(0xFF047857), + border: Color(0xFFA7F3D0), + ); + case StatusTone.blue: + return const _BadgeStyle( + background: Color(0xFFEFF6FF), + foreground: Color(0xFF1D4ED8), + border: Color(0xFFBFDBFE), + ); + case StatusTone.yellow: + return const _BadgeStyle( + background: Color(0xFFFFFBEB), + foreground: Color(0xFFB45309), + border: Color(0xFFFDE68A), + ); + case StatusTone.red: + return const _BadgeStyle( + background: Color(0xFFFEF2F2), + foreground: Color(0xFFB91C1C), + border: Color(0xFFFECACA), + ); + case StatusTone.orange: + return const _BadgeStyle( + background: Color(0xFFFFF7ED), + foreground: Color(0xFFC2410C), + border: Color(0xFFFED7AA), + ); + case StatusTone.indigo: + return const _BadgeStyle( + background: Color(0xFFEEF2FF), + foreground: Color(0xFF4338CA), + border: Color(0xFFC7D2FE), + ); + case StatusTone.gray: + return const _BadgeStyle( + background: Color(0xFFF1F5F9), + foreground: Color(0xFF475569), + border: Color(0xFFE2E8F0), + ); + } + } +} + +class _BadgeStyle { + const _BadgeStyle({ + required this.background, + required this.foreground, + required this.border, + }); + + final Color background; + final Color foreground; + final Color border; +} + diff --git a/mobile/lib/features/live_recorder/presentation/controllers/app_session_controller.dart b/mobile/lib/features/live_recorder/presentation/controllers/app_session_controller.dart new file mode 100644 index 0000000..4f41116 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/controllers/app_session_controller.dart @@ -0,0 +1,91 @@ +import 'package:flutter/foundation.dart'; +import 'package:live_recorder_mobile/core/persistence/session_storage.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/auth_repository.dart'; + +abstract interface class SessionControllerHandle extends Listenable { + bool get isRestoring; + bool get isLoggedIn; + + Future restore(); + Future clearLocalSession(); + void dispose(); +} + +class AppSessionController extends ChangeNotifier implements SessionControllerHandle { + AppSessionController({ + required AuthRepository authRepository, + required SessionStorage sessionStorage, + }) : _authRepository = authRepository, + _sessionStorage = sessionStorage; + + final AuthRepository _authRepository; + final SessionStorage _sessionStorage; + + LoginResponse? _session; + bool _isRestoring = true; + + @override + bool get isRestoring => _isRestoring; + @override + bool get isLoggedIn => token != null && token!.isNotEmpty; + String? get token => _session?.token; + AuthenticatedUser? get user => _session?.user; + LoginResponse? get session => _session; + + @override + Future restore() async { + _isRestoring = true; + notifyListeners(); + + final persisted = await _sessionStorage.read(); + if (persisted != null) { + _session = LoginResponse.fromJson(persisted); + } + + _isRestoring = false; + notifyListeners(); + } + + Future login({ + required String username, + required String password, + }) async { + final session = await _authRepository.login( + username: username, + password: password, + ); + _session = session; + await _sessionStorage.write(session.toJson()); + notifyListeners(); + } + + Future logout() async { + try { + await _authRepository.logout(); + } finally { + await clearLocalSession(); + } + } + + Future changePassword({ + required String currentPassword, + required String newPassword, + }) { + return _authRepository.changePassword( + currentPassword: currentPassword, + newPassword: newPassword, + ); + } + + Future handleUnauthorized() async { + await clearLocalSession(); + } + + @override + Future clearLocalSession() async { + _session = null; + await _sessionStorage.clear(); + notifyListeners(); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/controllers/detail_controllers.dart b/mobile/lib/features/live_recorder/presentation/controllers/detail_controllers.dart new file mode 100644 index 0000000..5120acd --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/controllers/detail_controllers.dart @@ -0,0 +1,201 @@ +import 'package:live_recorder_mobile/core/utils/path_utils.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/live_rooms_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/logs_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/media_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recovery_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recordings_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/settings_repository.dart'; + +import 'main_controllers.dart'; + +class RoomDetailController extends BaseController { + RoomDetailController({ + required LiveRoomsRepository liveRoomsRepository, + required RecordingsRepository recordingsRepository, + required RecoveryRepository recoveryRepository, + required this.roomId, + }) : _liveRoomsRepository = liveRoomsRepository, + _recordingsRepository = recordingsRepository, + _recoveryRepository = recoveryRepository; + + final LiveRoomsRepository _liveRoomsRepository; + final RecordingsRepository _recordingsRepository; + final RecoveryRepository _recoveryRepository; + final String roomId; + + LiveRoom? room; + List sessions = const []; + RecoveryOverview? recoveryOverview; + + @override + bool get hasData => room != null || sessions.isNotEmpty; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _liveRoomsRepository.getRoom(roomId), + _recordingsRepository.listSessions(liveRoomId: roomId), + _recoveryRepository.getOverview(), + ]); + room = results[0] as LiveRoom; + sessions = results[1] as List; + recoveryOverview = results[2] as RecoveryOverview; + }, silent: silent); + } + + RecoverableLiveRoom? get recoveryInfo { + try { + return recoveryOverview?.liveRooms.firstWhere((RecoverableLiveRoom item) => item.liveRoomId == roomId); + } catch (_) { + return null; + } + } +} + +class RecordingDetailController extends BaseController { + RecordingDetailController({ + required RecordingsRepository recordingsRepository, + required SettingsRepository settingsRepository, + required MediaRepository mediaRepository, + required this.taskId, + }) : _recordingsRepository = recordingsRepository, + _settingsRepository = settingsRepository, + _mediaRepository = mediaRepository; + + final RecordingsRepository _recordingsRepository; + final SettingsRepository _settingsRepository; + final MediaRepository _mediaRepository; + final String taskId; + + RecordTaskDetail? detail; + SystemSettings? settings; + + @override + bool get hasData => detail != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _recordingsRepository.getTaskDetail(taskId), + _settingsRepository.getSettings(), + ]); + detail = results[0] as RecordTaskDetail; + settings = results[1] as SystemSettings; + }, silent: silent); + } + + Future createPreviewTicket() { + return _recordingsRepository.createPreviewTicket(taskId); + } + + Uri? get downloadUri { + final task = detail?.task; + if (task == null) { + return null; + } + final relativePath = deriveRelativeMediaPath( + outputRoot: settings?.outputRoot, + outputFilePath: task.outputFilePath, + ); + if (relativePath == null || relativePath.isEmpty) { + return null; + } + return _mediaRepository.buildFileUri(relativePath: relativePath, download: true); + } +} + +class LogsController extends BaseController { + LogsController({ + required LogsRepository logsRepository, + }) : _logsRepository = logsRepository; + + final LogsRepository _logsRepository; + + List logs = const []; + int? level; + String query = ''; + + @override + bool get hasData => logs.isNotEmpty; + + Future refresh({bool silent = false}) { + return runLoad(() async { + logs = await _logsRepository.listLogs( + level: level, + content: query, + ); + }, silent: silent); + } + + void setLevel(int? value) { + level = value; + safeNotify(); + } + + void setQuery(String value) { + query = value; + safeNotify(); + } +} + +class StorageController extends BaseController { + StorageController({ + required SettingsRepository settingsRepository, + required RecoveryRepository recoveryRepository, + }) : _settingsRepository = settingsRepository, + _recoveryRepository = recoveryRepository; + + final SettingsRepository _settingsRepository; + final RecoveryRepository _recoveryRepository; + + SystemSettings? settings; + RecoveryOverview? recoveryOverview; + + @override + bool get hasData => settings != null || recoveryOverview != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _settingsRepository.getSettings(), + _recoveryRepository.getOverview(), + ]); + settings = results[0] as SystemSettings; + recoveryOverview = results[1] as RecoveryOverview; + }, silent: silent); + } + + Future runRetentionCleanup() { + return _settingsRepository.runRetentionCleanup(); + } +} + +class MediaBrowserController extends BaseController { + MediaBrowserController({ + required MediaRepository mediaRepository, + }) : _mediaRepository = mediaRepository; + + final MediaRepository _mediaRepository; + + MediaBrowserResponse? response; + String currentPath = ''; + + @override + bool get hasData => response != null; + + Future refresh({bool silent = false, String? path}) { + return runLoad(() async { + currentPath = path ?? currentPath; + response = await _mediaRepository.browse(path: currentPath); + }, silent: silent); + } + + Uri fileUri(String relativePath, {bool download = false}) { + return _mediaRepository.buildFileUri(relativePath: relativePath, download: download); + } + + Future transcodeFile(String relativePath) { + return _mediaRepository.transcodeFile(relativePath); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/controllers/main_controllers.dart b/mobile/lib/features/live_recorder/presentation/controllers/main_controllers.dart new file mode 100644 index 0000000..7064cf6 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/controllers/main_controllers.dart @@ -0,0 +1,624 @@ +import 'package:flutter/foundation.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; +import 'package:live_recorder_mobile/core/polling/polling_controller.dart'; +import 'package:live_recorder_mobile/core/utils/live_room_utils.dart'; +import 'package:live_recorder_mobile/core/utils/path_utils.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/live_rooms_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/media_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recovery_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/recordings_repository.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/settings_repository.dart'; + +enum RoomFilter { + all, + live, + recording, + error, + retrying, +} + +abstract class BaseController extends ChangeNotifier { + bool isLoading = false; + String? errorMessage; + bool _disposed = false; + + bool get hasData => false; + + @protected + void safeNotify() { + if (!_disposed) { + notifyListeners(); + } + } + + @protected + Future runLoad( + Future Function() action, { + bool silent = false, + }) async { + if (!silent) { + isLoading = true; + errorMessage = null; + safeNotify(); + } + + try { + await action(); + errorMessage = null; + } on ApiException catch (error) { + if (!silent || !hasData) { + errorMessage = error.message; + } + } catch (error) { + if (!silent || !hasData) { + errorMessage = error.toString(); + } + } finally { + if (!silent) { + isLoading = false; + } + safeNotify(); + } + } + + @override + void dispose() { + _disposed = true; + super.dispose(); + } +} + +class DashboardController extends BaseController { + DashboardController({ + required LiveRoomsRepository liveRoomsRepository, + required RecordingsRepository recordingsRepository, + required RecoveryRepository recoveryRepository, + }) : _liveRoomsRepository = liveRoomsRepository, + _recordingsRepository = recordingsRepository, + _recoveryRepository = recoveryRepository { + _polling = PollingController( + interval: const Duration(seconds: 15), + onTick: () => refresh(silent: true), + ); + } + + final LiveRoomsRepository _liveRoomsRepository; + final RecordingsRepository _recordingsRepository; + final RecoveryRepository _recoveryRepository; + late final PollingController _polling; + + List rooms = const []; + List sessions = const []; + List tasks = const []; + RecoveryOverview? recoveryOverview; + + @override + bool get hasData => rooms.isNotEmpty || sessions.isNotEmpty || tasks.isNotEmpty || recoveryOverview != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _liveRoomsRepository.listRooms(), + _recordingsRepository.listSessions(), + _recordingsRepository.listTasks(), + _recoveryRepository.getOverview(), + ]); + + rooms = (results[0] as List) + ..sort((LiveRoom a, LiveRoom b) => b.updatedAt.compareTo(a.updatedAt)); + sessions = results[1] as List; + tasks = (results[2] as List) + ..sort((RecordTask a, RecordTask b) => b.createdAt.compareTo(a.createdAt)); + recoveryOverview = results[3] as RecoveryOverview; + }, silent: silent); + } + + void setActive(bool active) { + _polling.setActive(active); + } + + int get onlineRoomCount => rooms.where((LiveRoom room) => room.availabilityStatus == 2).length; + + int get activeRecordingTaskCount => tasks.where((RecordTask task) => isTaskActive(task.status)).length; + + int get todayRecordingCount { + final now = DateTime.now(); + return tasks.where((RecordTask task) { + final createdAt = DateTime.tryParse(task.createdAt)?.toLocal(); + return createdAt != null && + createdAt.year == now.year && + createdAt.month == now.month && + createdAt.day == now.day; + }).length; + } + + int get alertCount { + final recoveryCount = (recoveryOverview?.liveRooms.length ?? 0) + (recoveryOverview?.finalizations.length ?? 0); + final failedTasks = tasks.where((RecordTask task) => isTaskFailed(task.status)).length; + return recoveryCount + failedTasks; + } + + String get clusterHealthLabel { + final storage = recoveryOverview?.storage; + if (storage == null) { + return '暂无集群数据'; + } + if (!storage.isEnabled) { + return '存储守护未启用'; + } + if (storage.message.trim().isNotEmpty) { + return storage.message; + } + return storage.hasEnoughSpace ? '存储空间正常' : '存储空间告警'; + } + + String get clusterNodeCountLabel => '--'; + + String get concurrentRecordingLabel => + '${sessions.where((RecordSession session) => isTaskActive(session.status)).length}'; + + String get storageUsageLabel { + final storage = recoveryOverview?.storage; + if (storage == null) { + return '--'; + } + return storage.message.trim().isEmpty ? '--' : storage.message; + } + + List get throughputBuckets { + final now = DateTime.now(); + final buckets = List.filled(8, 0); + + for (final RecordTask task in tasks) { + final parsed = DateTime.tryParse(task.startedAt ?? task.createdAt)?.toLocal(); + if (parsed == null) { + continue; + } + + final diff = now.difference(parsed); + if (diff.inHours < 0 || diff.inHours >= 8) { + continue; + } + + final index = 7 - diff.inHours; + buckets[index] += 1; + } + + return buckets; + } + + List get focusRooms { + final prioritized = rooms.where((LiveRoom room) => room.isPinned || room.isPriority).toList(growable: false); + if (prioritized.isNotEmpty) { + return prioritized.take(4).toList(growable: false); + } + return rooms.take(4).toList(growable: false); + } + + RecordSession? activeSessionForRoom(String roomId) { + try { + return sessions.firstWhere( + (RecordSession session) => session.liveRoomId == roomId && isTaskActive(session.status), + ); + } catch (_) { + return null; + } + } + + @override + void dispose() { + _polling.dispose(); + super.dispose(); + } +} + +class RoomsController extends BaseController { + RoomsController({ + required LiveRoomsRepository liveRoomsRepository, + required RecordingsRepository recordingsRepository, + required RecoveryRepository recoveryRepository, + }) : _liveRoomsRepository = liveRoomsRepository, + _recordingsRepository = recordingsRepository, + _recoveryRepository = recoveryRepository { + _polling = PollingController( + interval: const Duration(seconds: 15), + onTick: () => refresh(silent: true), + ); + } + + final LiveRoomsRepository _liveRoomsRepository; + final RecordingsRepository _recordingsRepository; + final RecoveryRepository _recoveryRepository; + late final PollingController _polling; + + List rooms = const []; + List sessions = const []; + RecoveryOverview? recoveryOverview; + String query = ''; + RoomFilter filter = RoomFilter.all; + String? busyRoomId; + + @override + bool get hasData => rooms.isNotEmpty || sessions.isNotEmpty || recoveryOverview != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _liveRoomsRepository.listRooms(), + _recordingsRepository.listSessions(), + _recoveryRepository.getOverview(), + ]); + + sessions = results[1] as List; + recoveryOverview = results[2] as RecoveryOverview; + rooms = (results[0] as List)..sort(compareRooms); + }, silent: silent); + } + + @protected + int compareRooms(LiveRoom a, LiveRoom b) { + final priorityA = (a.isPinned || a.isPriority) ? 1 : 0; + final priorityB = (b.isPinned || b.isPriority) ? 1 : 0; + if (priorityA != priorityB) { + return priorityB.compareTo(priorityA); + } + return b.updatedAt.compareTo(a.updatedAt); + } + + void setActive(bool active) { + _polling.setActive(active); + } + + void setQuery(String value) { + query = value; + safeNotify(); + } + + void setFilter(RoomFilter value) { + filter = value; + safeNotify(); + } + + List get filteredRooms { + final normalizedQuery = query.trim().toLowerCase(); + return rooms.where((LiveRoom room) { + if (normalizedQuery.isNotEmpty) { + final searchPool = [ + room.title ?? '', + room.anchorName ?? '', + room.roomId, + room.platformName, + room.alias ?? '', + recentEventForRoom(room), + ].join(' ').toLowerCase(); + if (!searchPool.contains(normalizedQuery)) { + return false; + } + } + + switch (filter) { + case RoomFilter.all: + return true; + case RoomFilter.live: + return room.availabilityStatus == 2; + case RoomFilter.recording: + return room.currentRecordingState == 2; + case RoomFilter.error: + return roomHasError(room); + case RoomFilter.retrying: + return roomIsRetrying(room); + } + }).toList(growable: false); + } + + RecordSession? sessionForRoom(String roomId) { + final matchingSessions = sessions.where((RecordSession session) => session.liveRoomId == roomId).toList(growable: false); + if (matchingSessions.isEmpty) { + return null; + } + matchingSessions.sort((RecordSession a, RecordSession b) => (b.startedAt ?? b.createdAt).compareTo(a.startedAt ?? a.createdAt)); + return matchingSessions.first; + } + + RecoverableLiveRoom? recoveryInfoForRoom(String roomId) { + try { + return recoveryOverview?.liveRooms.firstWhere((RecoverableLiveRoom item) => item.liveRoomId == roomId); + } catch (_) { + return null; + } + } + + String recentEventForRoom(LiveRoom room) { + final recoveryInfo = recoveryInfoForRoom(room.id); + return recoveryInfo?.lastAutoStartDecisionSummary ?? + room.lastAutoStartDecisionSummary ?? + autoStartDecisionLabel(recoveryInfo?.lastAutoStartDecisionCode ?? room.lastAutoStartDecisionCode); + } + + bool roomHasError(LiveRoom room) { + final code = (room.lastAutoStartDecisionCode ?? '').toLowerCase(); + return recoveryInfoForRoom(room.id) != null || code.contains('fail') || code.contains('error'); + } + + bool roomIsRetrying(LiveRoom room) { + final code = (room.lastAutoStartDecisionCode ?? '').toLowerCase(); + return code.contains('retry'); + } + + Future createRoom({ + required String url, + int? platformOverride, + }) async { + await _liveRoomsRepository.createRoom(url: url, platformOverride: platformOverride); + await refresh(silent: true); + return '直播间已添加'; + } + + Future toggleRoomEnabled(LiveRoom room) async { + busyRoomId = room.id; + safeNotify(); + try { + await _liveRoomsRepository.setRoomEnabled( + roomId: room.id, + isEnabled: !room.isEnabled, + ); + await refresh(silent: true); + return room.isEnabled ? '直播间已停用' : '直播间已启用'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + Future refreshRoom(LiveRoom room) async { + busyRoomId = room.id; + safeNotify(); + try { + await _liveRoomsRepository.refreshRoom(room.id); + await refresh(silent: true); + return '直播状态已刷新'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + Future startRecording({ + required LiveRoom room, + String? preferredQuality, + int? outputFormat, + }) async { + busyRoomId = room.id; + safeNotify(); + try { + await _recordingsRepository.startRecording( + liveRoomId: room.id, + preferredQuality: preferredQuality ?? room.effectiveSettings.preferredQuality, + outputFormat: outputFormat ?? room.effectiveSettings.outputFormat, + ); + await refresh(silent: true); + return '录制任务已启动'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + Future retryRoom(LiveRoom room) async { + busyRoomId = room.id; + safeNotify(); + try { + await _recoveryRepository.retryLiveRoom(room.id); + await refresh(silent: true); + return '已提交重试请求'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + Future saveMetadata({ + required LiveRoom room, + required String? remark, + required bool isPinned, + required String? alias, + required bool isPriority, + required int? pollingIntervalSecondsOverride, + }) async { + busyRoomId = room.id; + safeNotify(); + try { + await _liveRoomsRepository.updateMetadata( + roomId: room.id, + payload: { + 'remark': remark?.trim().isEmpty ?? true ? null : remark?.trim(), + 'isPinned': isPinned, + 'alias': alias?.trim().isEmpty ?? true ? null : alias?.trim(), + 'isPriority': isPriority, + 'pollingIntervalSecondsOverride': pollingIntervalSecondsOverride, + }, + ); + await refresh(silent: true); + return '房间信息已保存'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + Future saveRoomSettings({ + required LiveRoom room, + required Map payload, + }) async { + busyRoomId = room.id; + safeNotify(); + try { + await _liveRoomsRepository.updateSettings(roomId: room.id, payload: payload); + await refresh(silent: true); + return '录制设置已保存'; + } finally { + busyRoomId = null; + safeNotify(); + } + } + + @override + void dispose() { + _polling.dispose(); + super.dispose(); + } +} + +class MonitorController extends RoomsController { + MonitorController({ + required super.liveRoomsRepository, + required super.recordingsRepository, + required super.recoveryRepository, + }); + + @override + int compareRooms(LiveRoom a, LiveRoom b) => compareMonitorRooms(a, b); +} + +class RecordingsController extends BaseController { + RecordingsController({ + required RecordingsRepository recordingsRepository, + required SettingsRepository settingsRepository, + required MediaRepository mediaRepository, + }) : _recordingsRepository = recordingsRepository, + _settingsRepository = settingsRepository, + _mediaRepository = mediaRepository { + _polling = PollingController( + interval: const Duration(seconds: 15), + onTick: () => refresh(silent: true), + ); + } + + final RecordingsRepository _recordingsRepository; + final SettingsRepository _settingsRepository; + final MediaRepository _mediaRepository; + late final PollingController _polling; + + List tasks = const []; + SystemSettings? settings; + final Map detailCache = {}; + String query = ''; + + @override + bool get hasData => tasks.isNotEmpty || settings != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _recordingsRepository.listTasks(), + _settingsRepository.getSettings(), + ]); + tasks = (results[0] as List) + ..sort((RecordTask a, RecordTask b) => b.createdAt.compareTo(a.createdAt)); + settings = results[1] as SystemSettings; + }, silent: silent); + } + + void setActive(bool active) { + _polling.setActive(active); + } + + void setQuery(String value) { + query = value; + safeNotify(); + } + + List get filteredTasks { + final normalizedQuery = query.trim().toLowerCase(); + if (normalizedQuery.isEmpty) { + return tasks; + } + + return tasks.where((RecordTask task) { + final searchPool = [ + task.liveRoomTitle, + task.roomId, + task.outputFilePath ?? '', + ].join(' ').toLowerCase(); + return searchPool.contains(normalizedQuery); + }).toList(growable: false); + } + + RecordTaskDetail? cachedDetail(String taskId) => detailCache[taskId]; + + Future ensureDetailLoaded(String taskId) async { + if (detailCache.containsKey(taskId)) { + return; + } + + try { + final detail = await _recordingsRepository.getTaskDetail(taskId); + detailCache[taskId] = detail; + safeNotify(); + } catch (_) { + // Keep lightweight list rendering resilient. + } + } + + Uri? downloadUriForTask(RecordTask task) { + final relativePath = deriveRelativeMediaPath( + outputRoot: settings?.outputRoot, + outputFilePath: task.outputFilePath, + ); + if (relativePath == null || relativePath.isEmpty) { + return null; + } + + return _mediaRepository.buildFileUri( + relativePath: relativePath, + download: true, + ); + } + + @override + void dispose() { + _polling.dispose(); + super.dispose(); + } +} + +class ProfileController extends BaseController { + ProfileController({ + required SettingsRepository settingsRepository, + required RecoveryRepository recoveryRepository, + }) : _settingsRepository = settingsRepository, + _recoveryRepository = recoveryRepository; + + final SettingsRepository _settingsRepository; + final RecoveryRepository _recoveryRepository; + + SystemSettings? settings; + RecoveryOverview? recoveryOverview; + + @override + bool get hasData => settings != null || recoveryOverview != null; + + Future refresh({bool silent = false}) { + return runLoad(() async { + final results = await Future.wait(>[ + _settingsRepository.getSettings(), + _recoveryRepository.getOverview(), + ]); + settings = results[0] as SystemSettings; + recoveryOverview = results[1] as RecoveryOverview; + }, silent: silent); + } + + Future saveNotificationSettings(SystemSettings updated) async { + final saved = await _settingsRepository.updateSettings(updated); + settings = saved; + safeNotify(); + return saved; + } + + Future runRetentionCleanup() { + return _settingsRepository.runRetentionCleanup(); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/backend_settings_page.dart b/mobile/lib/features/live_recorder/presentation/pages/backend_settings_page.dart new file mode 100644 index 0000000..d2783ed --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/backend_settings_page.dart @@ -0,0 +1,160 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_bootstrap_controller.dart'; +import 'package:live_recorder_mobile/core/utils/backend_base_url.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/backend_address_form_card.dart'; + +class BackendSettingsPage extends StatefulWidget { + const BackendSettingsPage({ + super.key, + required this.bootstrapController, + }); + + final BackendConfigHandle bootstrapController; + + @override + State createState() => _BackendSettingsPageState(); +} + +class _BackendSettingsPageState extends State { + late final TextEditingController _controller = TextEditingController( + text: widget.bootstrapController.backendBaseUrl ?? widget.bootstrapController.seedBaseUrl, + ); + + bool _submitting = false; + String? _errorText; + + @override + void dispose() { + _controller.dispose(); + super.dispose(); + } + + Future _submit() async { + FocusScope.of(context).unfocus(); + final validationMessage = validateBackendBaseUrl(_controller.text); + if (validationMessage != null) { + setState(() { + _errorText = validationMessage; + }); + return; + } + + final normalizedValue = normalizeBackendBaseUrl(_controller.text); + if (normalizedValue == widget.bootstrapController.backendBaseUrl) { + Navigator.of(context).pop(); + return; + } + + final confirmed = await showDialog( + context: context, + builder: (BuildContext context) { + return AlertDialog( + title: const Text('切换后端地址'), + content: const Text( + '修改后端地址后，当前登录状态会被清空，并返回登录页重新连接。是否继续？', + ), + actions: [ + TextButton( + onPressed: () => Navigator.of(context).pop(false), + child: const Text('取消'), + ), + FilledButton( + onPressed: () => Navigator.of(context).pop(true), + child: const Text('确认切换'), + ), + ], + ); + }, + ) ?? + false; + if (!confirmed) { + return; + } + + setState(() { + _submitting = true; + _errorText = null; + }); + + try { + final changed = await widget.bootstrapController.updateBackendBaseUrl(normalizedValue); + if (!mounted) { + return; + } + if (!changed) { + Navigator.of(context).pop(); + return; + } + Navigator.of(context).popUntil((Route route) => route.isFirst); + } on FormatException catch (error) { + setState(() { + _errorText = error.message; + }); + } catch (error) { + setState(() { + _errorText = '保存后端地址失败：$error'; + }); + } finally { + if (mounted) { + setState(() { + _submitting = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + final currentBaseUrl = widget.bootstrapController.backendBaseUrl ?? '--'; + return Scaffold( + appBar: AppBar( + title: const Text('连接设置'), + ), + body: ListView( + padding: const EdgeInsets.all(16), + children: [ + Container( + padding: const EdgeInsets.all(16), + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.circular(24), + border: Border.all(color: const Color(0xFFE2E8F0)), + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '当前后端地址', + style: TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 10), + SelectableText( + currentBaseUrl, + style: const TextStyle( + color: Color(0xFF2563EB), + fontWeight: FontWeight.w600, + ), + ), + ], + ), + ), + const SizedBox(height: 12), + BackendAddressFormCard( + title: '修改后端地址', + description: '你可以在这里切换到新的 LiveRecorder 后端环境。地址保存成功后，应用会自动清空当前登录态并返回登录页。', + note: '此操作不会修改后端接口，只会切换移动端请求的基础地址。', + controller: _controller, + actionLabel: '保存并切换', + onSubmit: _submit, + isSubmitting: _submitting, + errorText: _errorText, + onFieldSubmitted: (_) => _submit(), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/backend_setup_page.dart b/mobile/lib/features/live_recorder/presentation/pages/backend_setup_page.dart new file mode 100644 index 0000000..d5ae387 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/backend_setup_page.dart @@ -0,0 +1,187 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_bootstrap_controller.dart'; +import 'package:live_recorder_mobile/core/utils/backend_base_url.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/backend_address_form_card.dart'; + +class BackendSetupPage extends StatefulWidget { + const BackendSetupPage({ + super.key, + required this.bootstrapController, + }); + + final BackendConfigHandle bootstrapController; + + @override + State createState() => _BackendSetupPageState(); +} + +class _BackendSetupPageState extends State { + late final TextEditingController _controller = TextEditingController( + text: widget.bootstrapController.backendBaseUrl ?? widget.bootstrapController.seedBaseUrl, + ); + + bool _submitting = false; + String? _errorText; + + @override + void dispose() { + _controller.dispose(); + super.dispose(); + } + + Future _submit() async { + FocusScope.of(context).unfocus(); + final validationMessage = validateBackendBaseUrl(_controller.text); + if (validationMessage != null) { + setState(() { + _errorText = validationMessage; + }); + return; + } + + setState(() { + _submitting = true; + _errorText = null; + }); + + try { + await widget.bootstrapController.saveInitialBackendBaseUrl(_controller.text); + } on FormatException catch (error) { + setState(() { + _errorText = error.message; + }); + } catch (error) { + setState(() { + _errorText = '保存后端地址失败：$error'; + }); + } finally { + if (mounted) { + setState(() { + _submitting = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + body: SafeArea( + child: LayoutBuilder( + builder: (BuildContext context, BoxConstraints constraints) { + final isWide = constraints.maxWidth >= 900; + return Padding( + padding: const EdgeInsets.all(24), + child: isWide + ? Row( + children: [ + Expanded(child: _buildHero()), + const SizedBox(width: 32), + SizedBox( + width: 460, + child: _buildForm(), + ), + ], + ) + : ListView( + children: [ + _buildHero(), + const SizedBox(height: 24), + _buildForm(), + ], + ), + ); + }, + ), + ), + ); + } + + Widget _buildHero() { + return Column( + crossAxisAlignment: CrossAxisAlignment.start, + mainAxisAlignment: MainAxisAlignment.center, + children: [ + const Text( + 'LiveRecorder', + style: TextStyle( + color: Color(0xFF2563EB), + fontSize: 14, + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 16), + const Text( + '首次进入先连接你的后端服务', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 38, + fontWeight: FontWeight.w800, + height: 1.08, + ), + ), + const SizedBox(height: 16), + const Text( + '配置完成后，应用会继续使用现有登录、Token 和真实接口。以后也可以在“我的 > 连接设置”里随时修改后端地址。', + style: TextStyle( + color: Color(0xFF64748B), + height: 1.6, + ), + ), + const SizedBox(height: 24), + Wrap( + spacing: 12, + runSpacing: 12, + children: const [ + _HeroChip(label: '真实接口接入'), + _HeroChip(label: '保留现有认证'), + _HeroChip(label: '支持子路径部署'), + ], + ), + ], + ); + } + + Widget _buildForm() { + return BackendAddressFormCard( + title: '配置后端地址', + description: '请输入 LiveRecorder 后端的完整访问地址。保存后会进入登录流程，不会写入任何 mock 数据。', + note: widget.bootstrapController.seedBaseUrl.isEmpty + ? null + : '已检测到启动参数中的默认地址，当前已为你预填，可直接修改后保存。', + controller: _controller, + actionLabel: '保存并继续', + onSubmit: _submit, + isSubmitting: _submitting, + errorText: _errorText, + onFieldSubmitted: (_) => _submit(), + ); + } +} + +class _HeroChip extends StatelessWidget { + const _HeroChip({ + required this.label, + }); + + final String label; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 10), + decoration: BoxDecoration( + color: Colors.white, + borderRadius: BorderRadius.circular(999), + border: Border.all(color: const Color(0xFFE2E8F0)), + ), + child: Text( + label, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/dashboard_page.dart b/mobile/lib/features/live_recorder/presentation/pages/dashboard_page.dart new file mode 100644 index 0000000..79cde94 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/dashboard_page.dart @@ -0,0 +1,281 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/core/utils/recovery_formatters.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/metric_card.dart'; +import 'package:live_recorder_mobile/core/widgets/mobile_header.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/room_detail_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/cluster_status_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/room_card.dart'; + +class DashboardPage extends StatefulWidget { + const DashboardPage({ + super.key, + required this.controller, + required this.userInitials, + required this.onOpenLogs, + required this.onOpenProfile, + }); + + final DashboardController controller; + final String userInitials; + final VoidCallback onOpenLogs; + final VoidCallback onOpenProfile; + + @override + State createState() => _DashboardPageState(); +} + +class _DashboardPageState extends State { + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + @override + Widget build(BuildContext context) { + return ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + final buckets = widget.controller.throughputBuckets; + final hasThroughput = buckets.any((int value) => value > 0); + final maxBucket = hasThroughput + ? buckets.reduce((int a, int b) => a > b ? a : b) + : 0; + + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.only(bottom: 100), + children: [ + MobileHeader( + eyebrow: 'LiveRecorder · 安卓端', + title: '监控大盘', + userInitials: widget.userInitials, + onNotificationsPressed: widget.onOpenLogs, + onProfilePressed: widget.onOpenProfile, + ), + if (widget.controller.isLoading && !widget.controller.hasData) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: Column( + children: [ + SkeletonCard(height: 140), + SizedBox(height: 16), + SkeletonCard(height: 180), + ], + ), + ) + else if (widget.controller.errorMessage != null && + !widget.controller.hasData) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ), + ) + else ...[ + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: ClusterStatusCard( + healthLabel: formatStorageHealthLabel( + widget.controller.recoveryOverview?.storage, + ), + nodeCountLabel: widget.controller.clusterNodeCountLabel, + concurrentRecordingLabel: + widget.controller.concurrentRecordingLabel, + storageLabel: formatStorageUsageLabel( + widget.controller.recoveryOverview?.storage, + ), + ), + ), + const SizedBox(height: 16), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: GridView.builder( + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + itemCount: 4, + gridDelegate: + const SliverGridDelegateWithFixedCrossAxisCount( + crossAxisCount: 2, + crossAxisSpacing: 12, + mainAxisSpacing: 12, + mainAxisExtent: 180, + ), + itemBuilder: (BuildContext context, int index) { + final cards = [ + MetricCard( + label: '在线直播间', + value: '${widget.controller.onlineRoomCount}', + description: '来自 /api/live-rooms 的实时状态统计', + trendValue: widget.controller.rooms.isEmpty + ? 0.08 + : widget.controller.onlineRoomCount / + widget.controller.rooms.length, + ), + MetricCard( + label: '录制中任务', + value: + '${widget.controller.activeRecordingTaskCount}', + description: '启动中、录制中、处理中任务总数', + trendValue: widget.controller.tasks.isEmpty + ? 0.08 + : widget.controller.activeRecordingTaskCount / + widget.controller.tasks.length, + ), + MetricCard( + label: '今日新增录像', + value: '${widget.controller.todayRecordingCount}', + description: '基于真实 task.createdAt 统计', + trendValue: + widget.controller.todayRecordingCount == 0 + ? 0.08 + : 0.45, + ), + MetricCard( + label: '异常告警', + value: '${widget.controller.alertCount}', + description: '恢复中心与失败任务数量', + color: const Color(0xFFDC2626), + trendValue: widget.controller.alertCount == 0 + ? 0.08 + : 0.75, + ), + ]; + return cards[index]; + }, + ), + ), + const SizedBox(height: 16), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: Card( + child: Padding( + padding: const EdgeInsets.all(18), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '录制吞吐', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 6), + const Text( + '近 8 小时', + style: TextStyle(color: Color(0xFF64748B)), + ), + const SizedBox(height: 18), + if (!hasThroughput) + const AppEmptyState( + title: '暂无吞吐数据', + description: '当前 8 小时窗口内没有可统计的真实录制任务。', + ) + else + SizedBox( + height: 140, + child: Row( + crossAxisAlignment: CrossAxisAlignment.end, + children: buckets.map((int value) { + final ratio = maxBucket == 0 + ? 0.08 + : value / maxBucket; + return Expanded( + child: Padding( + padding: const EdgeInsets.symmetric( + horizontal: 4, + ), + child: Column( + mainAxisAlignment: + MainAxisAlignment.end, + children: [ + Text( + '$value', + style: const TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + ), + ), + const SizedBox(height: 8), + Container( + height: 18 + (ratio * 90), + decoration: BoxDecoration( + color: const Color(0xFF2563EB), + borderRadius: + BorderRadius.circular(12), + ), + ), + ], + ), + ), + ); + }).toList(growable: false), + ), + ), + ], + ), + ), + ), + ), + const SizedBox(height: 16), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: Text( + '重点直播间', + style: Theme.of(context).textTheme.titleLarge?.copyWith( + fontWeight: FontWeight.w800, + color: const Color(0xFF0F172A), + ), + ), + ), + const SizedBox(height: 12), + if (widget.controller.focusRooms.isEmpty) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: AppEmptyState(), + ) + else + ...widget.controller.focusRooms.map((room) { + return Padding( + padding: const EdgeInsets.fromLTRB(16, 0, 16, 12), + child: RoomCard( + room: room, + session: widget.controller.activeSessionForRoom(room.id), + recentEvent: + room.lastAutoStartDecisionSummary ?? '暂无事件', + onTap: () { + final dependencies = AppScope.of(context); + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => RoomDetailPage( + dependencies: dependencies, + roomId: room.id, + ), + ), + ); + }, + ), + ); + }), + ], + ], + ), + ); + }, + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/login_page.dart b/mobile/lib/features/live_recorder/presentation/pages/login_page.dart new file mode 100644 index 0000000..79c0f41 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/login_page.dart @@ -0,0 +1,170 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/app_session_controller.dart'; + +class LoginPage extends StatefulWidget { + const LoginPage({ + super.key, + required this.sessionController, + }); + + final AppSessionController sessionController; + + @override + State createState() => _LoginPageState(); +} + +class _LoginPageState extends State { + final TextEditingController _usernameController = TextEditingController(); + final TextEditingController _passwordController = TextEditingController(); + bool _submitting = false; + String? _errorMessage; + + @override + void dispose() { + _usernameController.dispose(); + _passwordController.dispose(); + super.dispose(); + } + + Future _submit() async { + FocusScope.of(context).unfocus(); + setState(() { + _submitting = true; + _errorMessage = null; + }); + + try { + await widget.sessionController.login( + username: _usernameController.text.trim(), + password: _passwordController.text, + ); + } on ApiException catch (error) { + setState(() { + _errorMessage = error.message; + }); + } catch (error) { + setState(() { + _errorMessage = error.toString(); + }); + } finally { + if (mounted) { + setState(() { + _submitting = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + body: SafeArea( + child: LayoutBuilder( + builder: (BuildContext context, BoxConstraints constraints) { + return Center( + child: SingleChildScrollView( + padding: const EdgeInsets.all(24), + child: ConstrainedBox( + constraints: BoxConstraints( + maxWidth: constraints.maxWidth >= 700 ? 420 : 480, + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.stretch, + children: [ + const _BrandHeader(), + const SizedBox(height: 16), + _buildForm(), + ], + ), + ), + ), + ); + }, + ), + ), + ); + } + + Widget _buildForm() { + return Card( + child: Padding( + padding: const EdgeInsets.all(24), + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '登录', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 24, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 20), + TextField( + controller: _usernameController, + decoration: const InputDecoration( + labelText: '用户名', + prefixIcon: Icon(Icons.person_outline_rounded), + ), + ), + const SizedBox(height: 14), + TextField( + controller: _passwordController, + obscureText: true, + decoration: const InputDecoration( + labelText: '密码', + prefixIcon: Icon(Icons.lock_outline_rounded), + ), + onSubmitted: (_) => _submit(), + ), + if (_errorMessage != null) ...[ + const SizedBox(height: 14), + Text( + _errorMessage!, + style: const TextStyle( + color: Color(0xFFDC2626), + height: 1.5, + ), + ), + ], + const SizedBox(height: 18), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: _submitting ? null : _submit, + child: _submitting + ? const SizedBox( + width: 18, + height: 18, + child: CircularProgressIndicator(strokeWidth: 2), + ) + : const Text('登录'), + ), + ), + ], + ), + ), + ); + } +} + +class _BrandHeader extends StatelessWidget { + const _BrandHeader(); + + @override + Widget build(BuildContext context) { + return const Text( + 'LiveRecorder', + textAlign: TextAlign.center, + style: TextStyle( + color: Color(0xFF2563EB), + fontSize: 14, + fontWeight: FontWeight.w700, + letterSpacing: 0.4, + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/logs_page.dart b/mobile/lib/features/live_recorder/presentation/pages/logs_page.dart new file mode 100644 index 0000000..c43aa09 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/logs_page.dart @@ -0,0 +1,229 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_search_bar.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; + +class LogsPage extends StatefulWidget { + const LogsPage({ + super.key, + required this.controller, + }); + + final LogsController controller; + + @override + State createState() => _LogsPageState(); +} + +class _LogsPageState extends State { + late final TextEditingController _searchController = TextEditingController(text: widget.controller.query); + + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + @override + void dispose() { + _searchController.dispose(); + widget.controller.dispose(); + super.dispose(); + } + + Future _setLevelAndRefresh(int? level) async { + widget.controller.setLevel(level); + await widget.controller.refresh(); + } + + Future _setQueryAndRefresh(String query) async { + widget.controller.setQuery(query); + await widget.controller.refresh(); + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: const Text('操作日志'), + ), + body: ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.fromLTRB(16, 12, 16, 24), + children: [ + AppSearchBar( + controller: _searchController, + hintText: '搜索日志内容 / 分类', + onSubmitted: (String value) => _setQueryAndRefresh(value), + onChanged: widget.controller.setQuery, + ), + const SizedBox(height: 12), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + FilterChip( + selected: widget.controller.level == null, + onSelected: (_) => _setLevelAndRefresh(null), + label: const Text('全部'), + ), + FilterChip( + selected: widget.controller.level == 1, + onSelected: (_) => _setLevelAndRefresh(1), + label: const Text('信息'), + ), + FilterChip( + selected: widget.controller.level == 2, + onSelected: (_) => _setLevelAndRefresh(2), + label: const Text('警告'), + ), + FilterChip( + selected: widget.controller.level == 3, + onSelected: (_) => _setLevelAndRefresh(3), + label: const Text('错误'), + ), + ], + ), + const SizedBox(height: 12), + if (widget.controller.isLoading && !widget.controller.hasData) + const SkeletonCard(height: 180) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ) + else if (widget.controller.logs.isEmpty) + const AppEmptyState( + title: '暂无日志', + description: '当前筛选条件下没有可展示的真实日志。', + ) + else + ...widget.controller.logs.map((SystemLog log) { + return Padding( + padding: const EdgeInsets.only(bottom: 12), + child: AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Expanded( + child: Text( + log.message, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + _LogLevelBadge(level: log.level), + ], + ), + const SizedBox(height: 8), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + _InfoChip(label: '分类', value: log.category), + _InfoChip(label: '时间', value: formatDateTime(log.createdAt)), + if ((log.liveRoomId ?? '').isNotEmpty) _InfoChip(label: '房间', value: log.liveRoomId!), + if ((log.recordTaskId ?? '').isNotEmpty) _InfoChip(label: '任务', value: log.recordTaskId!), + ], + ), + if ((log.detail ?? '').trim().isNotEmpty) ...[ + const SizedBox(height: 10), + Text( + log.detail!, + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.5, + ), + ), + ], + ], + ), + ), + ); + }), + ], + ), + ); + }, + ), + ); + } +} + +class _LogLevelBadge extends StatelessWidget { + const _LogLevelBadge({required this.level}); + + final int level; + + @override + Widget build(BuildContext context) { + final color = switch (level) { + 3 => const Color(0xFFDC2626), + 2 => const Color(0xFFF59E0B), + _ => const Color(0xFF2563EB), + }; + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6), + decoration: BoxDecoration( + color: color.withValues(alpha: 0.10), + borderRadius: BorderRadius.circular(999), + ), + child: Text( + logLevelLabel(level), + style: TextStyle( + color: color, + fontWeight: FontWeight.w700, + fontSize: 12, + ), + ), + ); + } +} + +class _InfoChip extends StatelessWidget { + const _InfoChip({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(12), + ), + child: Text( + '$label · $value', + style: const TextStyle( + color: Color(0xFF475569), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/media_browser_page.dart b/mobile/lib/features/live_recorder/presentation/pages/media_browser_page.dart new file mode 100644 index 0000000..74d7f10 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/media_browser_page.dart @@ -0,0 +1,210 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:url_launcher/url_launcher.dart'; + +class MediaBrowserPage extends StatefulWidget { + const MediaBrowserPage({ + super.key, + required this.controller, + }); + + final MediaBrowserController controller; + + @override + State createState() => _MediaBrowserPageState(); +} + +class _MediaBrowserPageState extends State { + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(path: ''); + } + } + + @override + void dispose() { + widget.controller.dispose(); + super.dispose(); + } + + Future _openFile(String relativePath, {bool download = false}) async { + final uri = widget.controller.fileUri(relativePath, download: download); + await launchUrl(uri, mode: LaunchMode.externalApplication); + } + + Future _transcodeFile(String relativePath) async { + try { + final message = await widget.controller.transcodeFile(relativePath); + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(message))); + } catch (error) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(error.toString()))); + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('文件浏览')), + body: ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + final response = widget.controller.response; + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(path: widget.controller.currentPath), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.all(16), + children: [ + if (response != null && response.breadcrumbs.isNotEmpty) + Padding( + padding: const EdgeInsets.only(bottom: 12), + child: Wrap( + spacing: 8, + runSpacing: 8, + children: response.breadcrumbs.map((MediaBrowserBreadcrumb crumb) { + return ActionChip( + label: Text(crumb.label), + onPressed: () => widget.controller.refresh(path: crumb.relativePath), + ); + }).toList(growable: false), + ), + ), + if (widget.controller.isLoading && !widget.controller.hasData) + const SkeletonCard(height: 220) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(path: widget.controller.currentPath); + }, + ) + else if (response == null || response.items.isEmpty) + const AppEmptyState( + title: '目录为空', + description: '当前路径下没有可展示的真实文件或目录。', + ) + else + ...response.items.map((MediaBrowserItem item) { + final type = item.type.toLowerCase(); + final isDirectory = type == 'directory' || type == 'dir' || type == 'folder'; + return Padding( + padding: const EdgeInsets.only(bottom: 12), + child: AppCard( + onTap: isDirectory ? () => widget.controller.refresh(path: item.relativePath) : null, + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Container( + width: 44, + height: 44, + decoration: BoxDecoration( + color: isDirectory ? const Color(0xFFEFF6FF) : const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(14), + ), + child: Icon( + isDirectory ? Icons.folder_rounded : Icons.insert_drive_file_rounded, + color: isDirectory ? const Color(0xFF2563EB) : const Color(0xFF64748B), + ), + ), + const SizedBox(width: 14), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + item.name, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 6), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + _FileChip(label: '类型', value: item.type), + _FileChip(label: '大小', value: formatBytes(item.sizeBytes)), + _FileChip(label: '修改时间', value: formatDateTime(item.modifiedAt)), + ], + ), + ], + ), + ), + if (!isDirectory) + PopupMenuButton( + onSelected: (String value) { + switch (value) { + case 'preview': + _openFile(item.relativePath); + return; + case 'download': + _openFile(item.relativePath, download: true); + return; + case 'transcode': + _transcodeFile(item.relativePath); + return; + } + }, + itemBuilder: (BuildContext context) => >[ + if (item.canPreview) const PopupMenuItem(value: 'preview', child: Text('预览')), + const PopupMenuItem(value: 'download', child: Text('下载')), + if (item.canTranscode) const PopupMenuItem(value: 'transcode', child: Text('提交转码')), + ], + ), + ], + ), + ), + ); + }), + ], + ), + ); + }, + ), + ); + } +} + +class _FileChip extends StatelessWidget { + const _FileChip({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(12), + ), + child: Text( + '$label · $value', + style: const TextStyle( + color: Color(0xFF475569), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/mobile_shell_page.dart b/mobile/lib/features/live_recorder/presentation/pages/mobile_shell_page.dart new file mode 100644 index 0000000..093898c --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/mobile_shell_page.dart @@ -0,0 +1,178 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/dashboard_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/logs_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/monitor_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/profile_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/recordings_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/rooms_page.dart'; + +class MobileShellPage extends StatefulWidget { + const MobileShellPage({ + super.key, + required this.dependencies, + }); + + final AppDependencies dependencies; + + @override + State createState() => _MobileShellPageState(); +} + +class _MobileShellPageState extends State with WidgetsBindingObserver { + late final DashboardController _dashboardController = DashboardController( + liveRoomsRepository: widget.dependencies.liveRoomsRepository, + recordingsRepository: widget.dependencies.recordingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + ); + late final MonitorController _monitorController = MonitorController( + liveRoomsRepository: widget.dependencies.liveRoomsRepository, + recordingsRepository: widget.dependencies.recordingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + ); + late final RoomsController _roomsController = RoomsController( + liveRoomsRepository: widget.dependencies.liveRoomsRepository, + recordingsRepository: widget.dependencies.recordingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + ); + late final RecordingsController _recordingsController = RecordingsController( + recordingsRepository: widget.dependencies.recordingsRepository, + settingsRepository: widget.dependencies.settingsRepository, + mediaRepository: widget.dependencies.mediaRepository, + ); + late final ProfileController _profileController = ProfileController( + settingsRepository: widget.dependencies.settingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + ); + + int _selectedIndex = 0; + bool _isForeground = true; + + @override + void initState() { + super.initState(); + WidgetsBinding.instance.addObserver(this); + _syncPolling(); + } + + @override + void dispose() { + WidgetsBinding.instance.removeObserver(this); + _dashboardController.dispose(); + _monitorController.dispose(); + _roomsController.dispose(); + _recordingsController.dispose(); + _profileController.dispose(); + super.dispose(); + } + + @override + void didChangeAppLifecycleState(AppLifecycleState state) { + _isForeground = state == AppLifecycleState.resumed; + _syncPolling(); + } + + void _syncPolling() { + final active = _isForeground; + _dashboardController.setActive(active && _selectedIndex == 0); + _monitorController.setActive(active && _selectedIndex == 1); + _roomsController.setActive(active && _selectedIndex == 2); + _recordingsController.setActive(active && _selectedIndex == 3); + } + + void _openLogs() { + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => LogsPage( + controller: LogsController( + logsRepository: widget.dependencies.logsRepository, + ), + ), + ), + ); + } + + @override + Widget build(BuildContext context) { + final sessionController = widget.dependencies.sessionController; + final userName = sessionController.user?.displayName.isNotEmpty == true + ? sessionController.user!.displayName + : sessionController.user?.username ?? 'L'; + final userInitials = userName.isEmpty ? 'L' : userName.characters.first.toUpperCase(); + + return Scaffold( + body: SafeArea( + top: true, + bottom: false, + child: IndexedStack( + index: _selectedIndex, + children: [ + DashboardPage( + controller: _dashboardController, + userInitials: userInitials, + onOpenLogs: _openLogs, + onOpenProfile: () => setState(() => _selectedIndex = 4), + ), + MonitorPage( + controller: _monitorController, + userInitials: userInitials, + onOpenLogs: _openLogs, + onOpenProfile: () => setState(() => _selectedIndex = 4), + ), + RoomsPage( + controller: _roomsController, + userInitials: userInitials, + onOpenLogs: _openLogs, + onOpenProfile: () => setState(() => _selectedIndex = 4), + ), + RecordingsPage( + controller: _recordingsController, + userInitials: userInitials, + onOpenLogs: _openLogs, + onOpenProfile: () => setState(() => _selectedIndex = 4), + ), + ProfilePage( + controller: _profileController, + dependencies: widget.dependencies, + userInitials: userInitials, + onOpenLogs: _openLogs, + ), + ], + ), + ), + bottomNavigationBar: NavigationBar( + selectedIndex: _selectedIndex, + onDestinationSelected: (int index) { + setState(() { + _selectedIndex = index; + _syncPolling(); + }); + }, + destinations: const [ + NavigationDestination( + icon: Icon(Icons.dashboard_rounded), + label: '大盘', + ), + NavigationDestination( + icon: Icon(Icons.radar_rounded), + label: '监控', + ), + NavigationDestination( + icon: Icon(Icons.video_camera_back_rounded), + label: '直播间', + ), + NavigationDestination( + icon: Icon(Icons.folder_copy_rounded), + label: '录像', + ), + NavigationDestination( + icon: Icon(Icons.person_rounded), + label: '我的', + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/monitor_page.dart b/mobile/lib/features/live_recorder/presentation/pages/monitor_page.dart new file mode 100644 index 0000000..918e61e --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/monitor_page.dart @@ -0,0 +1,228 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/core/utils/live_room_utils.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/mobile_header.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/room_detail_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/room_preview_card.dart'; +import 'package:url_launcher/url_launcher.dart'; + +class MonitorPage extends StatefulWidget { + const MonitorPage({ + super.key, + required this.controller, + required this.userInitials, + required this.onOpenLogs, + required this.onOpenProfile, + }); + + final MonitorController controller; + final String userInitials; + final VoidCallback onOpenLogs; + final VoidCallback onOpenProfile; + + @override + State createState() => _MonitorPageState(); +} + +class _MonitorPageState extends State { + bool _paused = false; + + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + Future _showAddRoomDialog() async { + final TextEditingController controller = TextEditingController(); + await showDialog( + context: context, + builder: (BuildContext context) { + return AlertDialog( + title: const Text('添加监控'), + content: TextField( + controller: controller, + decoration: const InputDecoration( + labelText: '直播间链接 / Room ID', + ), + ), + actions: [ + TextButton( + onPressed: () => Navigator.of(context).pop(), + child: const Text('取消'), + ), + FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + if (controller.text.trim().isEmpty) { + return; + } + final messenger = ScaffoldMessenger.of(this.context); + try { + final message = await widget.controller.createRoom( + url: controller.text.trim(), + ); + messenger.showSnackBar(SnackBar(content: Text(message))); + } catch (error) { + messenger.showSnackBar( + SnackBar(content: Text(error.toString())), + ); + } + }, + child: const Text('添加'), + ), + ], + ); + }, + ); + controller.dispose(); + } + + Future _openLiveRoom(LiveRoom room) async { + final messenger = ScaffoldMessenger.of(context); + final uri = resolveLiveRoomWatchUri(room); + if (uri == null) { + messenger.showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + return; + } + + try { + final launched = await launchUrl( + uri, + mode: LaunchMode.inAppBrowserView, + ); + if (!launched && mounted) { + messenger.showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + } + } catch (_) { + if (!mounted) { + return; + } + messenger.showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + } + } + + @override + Widget build(BuildContext context) { + return ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.only(bottom: 100), + children: [ + MobileHeader( + eyebrow: '直播预览 · 自动刷新', + title: '实时监控墙', + userInitials: widget.userInitials, + onNotificationsPressed: widget.onOpenLogs, + onProfilePressed: widget.onOpenProfile, + trailing: Wrap( + spacing: 12, + runSpacing: 12, + children: [ + FilledButton.tonalIcon( + onPressed: _showAddRoomDialog, + icon: const Icon(Icons.add_rounded), + label: const Text('添加监控'), + ), + FilledButton.tonalIcon( + onPressed: () { + setState(() { + _paused = !_paused; + widget.controller.setActive(!_paused); + }); + }, + icon: Icon( + _paused + ? Icons.play_arrow_rounded + : Icons.pause_rounded, + ), + label: Text(_paused ? '恢复刷新' : '暂停刷新'), + ), + ], + ), + ), + if (widget.controller.isLoading && !widget.controller.hasData) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: SkeletonCard(height: 280), + ) + else if (widget.controller.errorMessage != null && + !widget.controller.hasData) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ), + ) + else if (widget.controller.filteredRooms.isEmpty) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: AppEmptyState(), + ) + else + LayoutBuilder( + builder: (BuildContext context, BoxConstraints constraints) { + final isTablet = constraints.maxWidth >= 900; + final rooms = widget.controller.filteredRooms; + return GridView.builder( + shrinkWrap: true, + physics: const NeverScrollableScrollPhysics(), + padding: const EdgeInsets.symmetric(horizontal: 16), + itemCount: rooms.length, + gridDelegate: + SliverGridDelegateWithFixedCrossAxisCount( + crossAxisCount: isTablet ? 2 : 1, + crossAxisSpacing: 12, + mainAxisSpacing: 12, + childAspectRatio: isTablet ? 0.96 : 0.82, + ), + itemBuilder: (BuildContext context, int index) { + final room = rooms[index]; + return RoomPreviewCard( + room: room, + session: widget.controller.sessionForRoom(room.id), + recentEvent: widget.controller.recentEventForRoom(room), + onWatchLive: () => _openLiveRoom(room), + onTap: () { + final dependencies = AppScope.of(context); + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => RoomDetailPage( + dependencies: dependencies, + roomId: room.id, + ), + ), + ); + }, + ); + }, + ); + }, + ), + ], + ), + ); + }, + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/notification_settings_page.dart b/mobile/lib/features/live_recorder/presentation/pages/notification_settings_page.dart new file mode 100644 index 0000000..8205f2b --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/notification_settings_page.dart @@ -0,0 +1,275 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/settings_repository.dart'; + +class NotificationSettingsPage extends StatefulWidget { + const NotificationSettingsPage({ + super.key, + required this.settingsRepository, + required this.initialSettings, + }); + + final SettingsRepository settingsRepository; + final SystemSettings? initialSettings; + + @override + State createState() => _NotificationSettingsPageState(); +} + +class _NotificationSettingsPageState extends State { + final TextEditingController _emailToController = TextEditingController(); + final TextEditingController _webhookUrlController = TextEditingController(); + final TextEditingController _webhookTimeoutController = TextEditingController(); + + SystemSettings? _settings; + bool _loading = true; + bool _saving = false; + String? _errorMessage; + bool _enableEmailNotification = false; + bool _notifyOnLiveStarted = false; + bool _notifyOnException = false; + bool _enableWebhookNotification = false; + bool _notifyWebhookOnLiveStarted = false; + bool _notifyWebhookOnException = false; + + @override + void initState() { + super.initState(); + if (widget.initialSettings != null) { + _applySettings(widget.initialSettings!); + _loading = false; + } else { + _load(); + } + } + + @override + void dispose() { + _emailToController.dispose(); + _webhookUrlController.dispose(); + _webhookTimeoutController.dispose(); + super.dispose(); + } + + Future _load() async { + setState(() { + _loading = true; + _errorMessage = null; + }); + try { + final settings = await widget.settingsRepository.getSettings(); + _applySettings(settings); + } on ApiException catch (error) { + setState(() { + _errorMessage = error.message; + }); + } catch (error) { + setState(() { + _errorMessage = error.toString(); + }); + } finally { + if (mounted) { + setState(() { + _loading = false; + }); + } + } + } + + void _applySettings(SystemSettings settings) { + _settings = settings.copy(); + _enableEmailNotification = settings.enableEmailNotification; + _emailToController.text = settings.emailToAddresses; + _notifyOnLiveStarted = settings.notifyOnLiveStarted; + _notifyOnException = settings.notifyOnException; + _enableWebhookNotification = settings.enableWebhookNotification; + _webhookUrlController.text = settings.webhookUrl; + _webhookTimeoutController.text = '${settings.webhookTimeoutSeconds}'; + _notifyWebhookOnLiveStarted = settings.notifyWebhookOnLiveStarted; + _notifyWebhookOnException = settings.notifyWebhookOnException; + } + + Future _save() async { + final settings = _settings?.copy(); + if (settings == null) { + return; + } + + settings.updateNotificationSettings( + enableEmailNotification: _enableEmailNotification, + emailToAddresses: _emailToController.text.trim(), + notifyOnLiveStarted: _notifyOnLiveStarted, + notifyOnException: _notifyOnException, + enableWebhookNotification: _enableWebhookNotification, + webhookUrl: _webhookUrlController.text.trim(), + webhookTimeoutSeconds: int.tryParse(_webhookTimeoutController.text.trim()) ?? 0, + notifyWebhookOnLiveStarted: _notifyWebhookOnLiveStarted, + notifyWebhookOnException: _notifyWebhookOnException, + ); + + setState(() { + _saving = true; + _errorMessage = null; + }); + + try { + final saved = await widget.settingsRepository.updateSettings(settings); + _applySettings(saved); + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('通知设置已保存。')), + ); + } on ApiException catch (error) { + setState(() { + _errorMessage = error.message; + }); + } catch (error) { + setState(() { + _errorMessage = error.toString(); + }); + } finally { + if (mounted) { + setState(() { + _saving = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('通知设置')), + body: ListView( + padding: const EdgeInsets.all(16), + children: [ + if (_loading) + const SkeletonCard(height: 220) + else if (_errorMessage != null && _settings == null) + AppErrorCard( + message: _errorMessage!, + onRetry: () { + _load(); + }, + ) + else ...[ + Card( + child: Padding( + padding: const EdgeInsets.all(18), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '邮件通知', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 12), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _enableEmailNotification, + onChanged: (bool value) => setState(() => _enableEmailNotification = value), + title: const Text('启用邮件通知'), + ), + TextField( + controller: _emailToController, + decoration: const InputDecoration(labelText: '收件人地址（逗号分隔）'), + ), + const SizedBox(height: 12), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _notifyOnLiveStarted, + onChanged: (bool value) => setState(() => _notifyOnLiveStarted = value), + title: const Text('开播时通知'), + ), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _notifyOnException, + onChanged: (bool value) => setState(() => _notifyOnException = value), + title: const Text('异常时通知'), + ), + ], + ), + ), + ), + const SizedBox(height: 12), + Card( + child: Padding( + padding: const EdgeInsets.all(18), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + 'Webhook 通知', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 12), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _enableWebhookNotification, + onChanged: (bool value) => setState(() => _enableWebhookNotification = value), + title: const Text('启用 Webhook 通知'), + ), + TextField( + controller: _webhookUrlController, + decoration: const InputDecoration(labelText: 'Webhook URL'), + ), + const SizedBox(height: 12), + TextField( + controller: _webhookTimeoutController, + keyboardType: TextInputType.number, + decoration: const InputDecoration(labelText: '超时时间（秒）'), + ), + const SizedBox(height: 12), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _notifyWebhookOnLiveStarted, + onChanged: (bool value) => setState(() => _notifyWebhookOnLiveStarted = value), + title: const Text('开播时回调'), + ), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: _notifyWebhookOnException, + onChanged: (bool value) => setState(() => _notifyWebhookOnException = value), + title: const Text('异常时回调'), + ), + ], + ), + ), + ), + if (_errorMessage != null) ...[ + const SizedBox(height: 12), + Text( + _errorMessage!, + style: const TextStyle(color: Color(0xFFDC2626), height: 1.5), + ), + ], + const SizedBox(height: 16), + FilledButton( + onPressed: _saving ? null : _save, + child: _saving + ? const SizedBox( + width: 18, + height: 18, + child: CircularProgressIndicator(strokeWidth: 2), + ) + : const Text('保存设置'), + ), + ], + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/profile_page.dart b/mobile/lib/features/live_recorder/presentation/pages/profile_page.dart new file mode 100644 index 0000000..711d61c --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/profile_page.dart @@ -0,0 +1,350 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/mobile_header.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/backend_settings_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/logs_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/media_browser_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/notification_settings_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/security_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/storage_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/system_summary_page.dart'; + +class ProfilePage extends StatefulWidget { + const ProfilePage({ + super.key, + required this.controller, + required this.dependencies, + required this.userInitials, + required this.onOpenLogs, + }); + + final ProfileController controller; + final AppDependencies dependencies; + final String userInitials; + final VoidCallback onOpenLogs; + + @override + State createState() => _ProfilePageState(); +} + +class _ProfilePageState extends State { + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + void _push(Widget page) { + Navigator.of(context).push( + MaterialPageRoute(builder: (_) => page), + ); + } + + @override + Widget build(BuildContext context) { + final user = widget.dependencies.sessionController.user; + final displayName = user?.displayName.isNotEmpty == true ? user!.displayName : user?.username ?? '--'; + final backendConfig = AppScope.backendConfigOf(context); + + return ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.only(bottom: 100), + children: [ + MobileHeader( + eyebrow: '个人中心', + title: '我的', + userInitials: widget.userInitials, + onNotificationsPressed: widget.onOpenLogs, + onProfilePressed: () {}, + ), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppCard( + child: Row( + children: [ + CircleAvatar( + radius: 28, + backgroundColor: const Color(0xFFE0ECFF), + foregroundColor: const Color(0xFF2563EB), + child: Text( + widget.userInitials, + style: const TextStyle( + fontSize: 20, + fontWeight: FontWeight.w800, + ), + ), + ), + const SizedBox(width: 16), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + displayName, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 6), + Text( + user?.username ?? '--', + style: const TextStyle(color: Color(0xFF64748B)), + ), + const SizedBox(height: 8), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + const _MetaChip(label: '角色 --'), + const _MetaChip(label: '环境 --'), + _MetaChip(label: '到期 ${formatDateTime(user?.expiresAt)}'), + ], + ), + ], + ), + ), + ], + ), + ), + ), + const SizedBox(height: 16), + if (widget.controller.isLoading && !widget.controller.hasData) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: Column( + children: [ + SkeletonCard(height: 120), + SizedBox(height: 12), + SkeletonCard(height: 120), + ], + ), + ) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ), + ) + else + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppCard( + child: Wrap( + spacing: 10, + runSpacing: 10, + children: [ + _MetaChip(label: '输出目录 ${valueOrDash(widget.controller.settings?.outputRoot)}'), + _MetaChip(label: '轮询 ${widget.controller.settings?.pollingIntervalSeconds ?? '--'} 秒'), + _MetaChip( + label: + '自动开录 ${widget.controller.settings?.autoStartRecordingOnLive == true ? '开启' : '关闭'}', + ), + _MetaChip( + label: '存储守护 ${widget.controller.settings?.enableStorageGuard == true ? '开启' : '关闭'}', + ), + ], + ), + ), + ), + const SizedBox(height: 16), + _EntryTile( + icon: Icons.lock_outline_rounded, + title: '账号安全', + subtitle: '修改当前账号密码', + onTap: () => _push( + SecurityPage( + sessionController: widget.dependencies.sessionController, + ), + ), + ), + _EntryTile( + icon: Icons.cloud_outlined, + title: '连接设置', + subtitle: '修改后端地址并切换当前环境', + onTap: () => _push( + BackendSettingsPage( + bootstrapController: backendConfig, + ), + ), + ), + _EntryTile( + icon: Icons.notifications_outlined, + title: '通知设置', + subtitle: '邮件和 Webhook 通知开关', + onTap: () => _push( + NotificationSettingsPage( + settingsRepository: widget.dependencies.settingsRepository, + initialSettings: widget.controller.settings, + ), + ), + ), + _EntryTile( + icon: Icons.storage_rounded, + title: '存储管理', + subtitle: '查看存储守护和保留清理状态', + onTap: () => _push( + StoragePage( + controller: StorageController( + settingsRepository: widget.dependencies.settingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + ), + dependencies: widget.dependencies, + ), + ), + ), + _EntryTile( + icon: Icons.receipt_long_rounded, + title: '操作日志', + subtitle: '真实系统日志筛选与查看', + onTap: () => _push( + LogsPage( + controller: LogsController( + logsRepository: widget.dependencies.logsRepository, + ), + ), + ), + ), + _EntryTile( + icon: Icons.settings_outlined, + title: '系统设置', + subtitle: '当前系统配置摘要', + onTap: () => _push( + SystemSummaryPage( + settingsRepository: widget.dependencies.settingsRepository, + initialSettings: widget.controller.settings, + ), + ), + ), + _EntryTile( + icon: Icons.folder_outlined, + title: '文件浏览', + subtitle: '通过真实 /api/media 接口浏览录制目录', + onTap: () => _push( + MediaBrowserPage( + controller: MediaBrowserController( + mediaRepository: widget.dependencies.mediaRepository, + ), + ), + ), + ), + const SizedBox(height: 16), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: FilledButton.tonalIcon( + onPressed: () async => widget.dependencies.sessionController.logout(), + icon: const Icon(Icons.logout_rounded), + label: const Text('退出登录'), + ), + ), + ], + ), + ); + }, + ); + } +} + +class _EntryTile extends StatelessWidget { + const _EntryTile({ + required this.icon, + required this.title, + required this.subtitle, + required this.onTap, + }); + + final IconData icon; + final String title; + final String subtitle; + final VoidCallback onTap; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.fromLTRB(16, 0, 16, 12), + child: AppCard( + onTap: onTap, + child: Row( + children: [ + Container( + width: 44, + height: 44, + decoration: BoxDecoration( + color: const Color(0xFFEFF6FF), + borderRadius: BorderRadius.circular(16), + ), + child: Icon(icon, color: const Color(0xFF2563EB)), + ), + const SizedBox(width: 14), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + title, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 4), + Text( + subtitle, + style: const TextStyle(color: Color(0xFF64748B)), + ), + ], + ), + ), + const Icon(Icons.chevron_right_rounded, color: Color(0xFF94A3B8)), + ], + ), + ), + ); + } +} + +class _MetaChip extends StatelessWidget { + const _MetaChip({ + required this.label, + }); + + final String label; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(999), + ), + child: Text( + label, + style: const TextStyle( + color: Color(0xFF475569), + fontWeight: FontWeight.w600, + fontSize: 12, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/recording_detail_page.dart b/mobile/lib/features/live_recorder/presentation/pages/recording_detail_page.dart new file mode 100644 index 0000000..429fa94 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/recording_detail_page.dart @@ -0,0 +1,363 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:url_launcher/url_launcher.dart'; + +class RecordingDetailPage extends StatefulWidget { + const RecordingDetailPage({ + super.key, + required this.dependencies, + required this.taskId, + }); + + final AppDependencies dependencies; + final String taskId; + + @override + State createState() => _RecordingDetailPageState(); +} + +class _RecordingDetailPageState extends State { + late final RecordingDetailController _controller = RecordingDetailController( + recordingsRepository: widget.dependencies.recordingsRepository, + settingsRepository: widget.dependencies.settingsRepository, + mediaRepository: widget.dependencies.mediaRepository, + taskId: widget.taskId, + ); + bool _previewLoading = false; + + @override + void initState() { + super.initState(); + _controller.refresh(); + } + + @override + void dispose() { + _controller.dispose(); + super.dispose(); + } + + Future _openPreview() async { + setState(() { + _previewLoading = true; + }); + try { + final ticket = await _controller.createPreviewTicket(); + if (ticket.url.isEmpty) { + throw Exception('预览地址为空。'); + } + await launchUrl(Uri.parse(ticket.url), mode: LaunchMode.externalApplication); + } catch (error) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(error.toString()))); + } finally { + if (mounted) { + setState(() { + _previewLoading = false; + }); + } + } + } + + Future _openDownload() async { + final uri = _controller.downloadUri; + if (uri == null) { + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('当前任务暂无可下载文件。')), + ); + return; + } + await launchUrl(uri, mode: LaunchMode.externalApplication); + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('录像详情')), + body: ListenableBuilder( + listenable: _controller, + builder: (BuildContext context, _) { + final detail = _controller.detail; + final task = detail?.task; + final result = detail?.result; + + return RefreshIndicator( + onRefresh: () => _controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.all(16), + children: [ + if (_controller.isLoading && !_controller.hasData) + const SkeletonCard(height: 240) + else if (_controller.errorMessage != null && !_controller.hasData) + AppErrorCard( + message: _controller.errorMessage!, + onRetry: () { + _controller.refresh(); + }, + ) + else if (detail == null || task == null) + const AppEmptyState( + title: '暂无录像详情', + description: '当前任务没有返回可展示的真实详情。', + ) + else ...[ + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Expanded( + child: Text( + (task.outputFilePath ?? '').split(RegExp(r'[\\/]')).last.isEmpty + ? '--' + : (task.outputFilePath ?? '').split(RegExp(r'[\\/]')).last, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + ), + StatusBadge( + status: task.status, + context: 'task', + label: taskStatusLabel(task.status), + ), + ], + ), + const SizedBox(height: 12), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + _DetailChip(label: '直播间', value: task.liveRoomTitle.isEmpty ? '--' : task.liveRoomTitle), + _DetailChip(label: 'Room ID', value: task.roomId.isEmpty ? '--' : task.roomId), + _DetailChip(label: '清晰度', value: qualityLabel(task.preferredQuality)), + _DetailChip(label: '输出格式', value: outputFormatLabel(task.outputFormat)), + _DetailChip(label: '创建时间', value: formatDateTime(task.createdAt)), + _DetailChip(label: '录制时长', value: formatDurationSeconds(result?.durationSeconds ?? task.durationSeconds)), + ], + ), + if ((task.errorMessage ?? '').trim().isNotEmpty) ...[ + const SizedBox(height: 12), + Text( + task.errorMessage!, + style: const TextStyle( + color: Color(0xFFDC2626), + height: 1.5, + ), + ), + ], + const SizedBox(height: 16), + Wrap( + spacing: 12, + runSpacing: 12, + children: [ + FilledButton.tonalIcon( + onPressed: _previewLoading ? null : _openPreview, + icon: const Icon(Icons.play_circle_outline_rounded), + label: Text(_previewLoading ? '打开中...' : '预览'), + ), + FilledButton.icon( + onPressed: _openDownload, + icon: const Icon(Icons.download_rounded), + label: const Text('下载'), + ), + ], + ), + ], + ), + ), + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '结果信息', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + if (result == null) + const AppEmptyState( + title: '暂无结果', + description: '任务仍在处理中，或后端尚未返回结果对象。', + ) + else + Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + _DetailRow(label: '文件路径', value: result.filePath.isEmpty ? '--' : result.filePath), + _DetailRow(label: '文件大小', value: formatBytes(result.fileSizeBytes)), + _DetailRow(label: '时长', value: formatDurationSeconds(result.durationSeconds)), + _DetailRow(label: '最终状态', value: taskStatusLabel(result.finalStatus)), + _DetailRow(label: '上传状态', value: uploadStatusLabel(result.uploadStatus)), + _DetailRow(label: '最近上传时间', value: formatDateTime(result.lastUploadedAt)), + _DetailRow(label: '远端视频路径', value: valueOrDash(result.remoteVideoPath)), + if ((result.errorMessage ?? '').trim().isNotEmpty) + _DetailRow(label: '错误信息', value: result.errorMessage!), + if ((result.uploadErrorMessage ?? '').trim().isNotEmpty) + _DetailRow(label: '上传错误', value: result.uploadErrorMessage!), + ], + ), + ], + ), + ), + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '任务日志', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + if (detail.logs.isEmpty) + const AppEmptyState( + title: '暂无日志', + description: '当前任务没有返回附带日志。', + ) + else + ...detail.logs.map((SystemLog log) { + return Padding( + padding: const EdgeInsets.only(bottom: 12), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Expanded( + child: Text( + log.message, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + Text( + formatDateTime(log.createdAt), + style: const TextStyle( + color: Color(0xFF94A3B8), + fontSize: 12, + ), + ), + ], + ), + const SizedBox(height: 6), + Text( + log.detail?.trim().isEmpty ?? true ? log.category : '${log.category} · ${log.detail}', + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.5, + ), + ), + const Divider(height: 20), + ], + ), + ); + }), + ], + ), + ), + ], + ], + ), + ); + }, + ), + ); + } +} + +class _DetailRow extends StatelessWidget { + const _DetailRow({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.only(bottom: 10), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 96, + child: Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontWeight: FontWeight.w600, + ), + ), + ), + Expanded( + child: Text( + value, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + ], + ), + ); + } +} + +class _DetailChip extends StatelessWidget { + const _DetailChip({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 6), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(12), + ), + child: Text( + '$label · $value', + style: const TextStyle( + color: Color(0xFF475569), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/recordings_page.dart b/mobile/lib/features/live_recorder/presentation/pages/recordings_page.dart new file mode 100644 index 0000000..c51153b --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/recordings_page.dart @@ -0,0 +1,140 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_search_bar.dart'; +import 'package:live_recorder_mobile/core/widgets/mobile_header.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/recording_detail_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/recording_file_card.dart'; +import 'package:url_launcher/url_launcher.dart'; + +class RecordingsPage extends StatefulWidget { + const RecordingsPage({ + super.key, + required this.controller, + required this.userInitials, + required this.onOpenLogs, + required this.onOpenProfile, + }); + + final RecordingsController controller; + final String userInitials; + final VoidCallback onOpenLogs; + final VoidCallback onOpenProfile; + + @override + State createState() => _RecordingsPageState(); +} + +class _RecordingsPageState extends State { + late final TextEditingController _searchController = TextEditingController(text: widget.controller.query); + + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + @override + void dispose() { + _searchController.dispose(); + super.dispose(); + } + + Future _openDownload(RecordTask task) async { + final uri = widget.controller.downloadUriForTask(task); + if (uri == null) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('当前录像文件无法映射到下载接口。')), + ); + return; + } + await launchUrl(uri, mode: LaunchMode.externalApplication); + } + + @override + Widget build(BuildContext context) { + return ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + final tasks = widget.controller.filteredTasks; + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.only(bottom: 100), + children: [ + MobileHeader( + eyebrow: '转码 · 归档 · 下载', + title: '录像文件', + userInitials: widget.userInitials, + onNotificationsPressed: widget.onOpenLogs, + onProfilePressed: widget.onOpenProfile, + ), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppSearchBar( + controller: _searchController, + hintText: '搜索文件名 / 直播间', + onChanged: widget.controller.setQuery, + ), + ), + const SizedBox(height: 12), + if (widget.controller.isLoading && !widget.controller.hasData) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: SkeletonCard(height: 160), + ) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ), + ) + else if (tasks.isEmpty) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: AppEmptyState(), + ) + else + ...tasks.map((RecordTask task) { + return Padding( + padding: const EdgeInsets.fromLTRB(16, 0, 16, 12), + child: RecordingFileCard( + task: task, + detail: widget.controller.cachedDetail(task.id), + onVisible: () => widget.controller.ensureDetailLoaded(task.id), + onTap: () { + final dependencies = AppScope.of(context); + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => RecordingDetailPage( + dependencies: dependencies, + taskId: task.id, + ), + ), + ); + }, + onDownload: () => _openDownload(task), + ), + ); + }), + ], + ), + ); + }, + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/room_detail_page.dart b/mobile/lib/features/live_recorder/presentation/pages/room_detail_page.dart new file mode 100644 index 0000000..f3c0f59 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/room_detail_page.dart @@ -0,0 +1,727 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/live_room_utils.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:url_launcher/url_launcher.dart'; + +class RoomDetailPage extends StatefulWidget { + const RoomDetailPage({ + super.key, + required this.dependencies, + required this.roomId, + }); + + final AppDependencies dependencies; + final String roomId; + + @override + State createState() => _RoomDetailPageState(); +} + +class _RoomDetailPageState extends State { + late final RoomDetailController _controller = RoomDetailController( + liveRoomsRepository: widget.dependencies.liveRoomsRepository, + recordingsRepository: widget.dependencies.recordingsRepository, + recoveryRepository: widget.dependencies.recoveryRepository, + roomId: widget.roomId, + ); + bool _actionBusy = false; + + @override + void initState() { + super.initState(); + _controller.refresh(); + } + + @override + void dispose() { + _controller.dispose(); + super.dispose(); + } + + RecordSession? get _activeSession { + final sessions = _controller.sessions.where((RecordSession session) => isTaskActive(session.status)).toList(growable: false); + if (sessions.isEmpty) { + return null; + } + sessions.sort((RecordSession a, RecordSession b) => (b.startedAt ?? b.createdAt).compareTo(a.startedAt ?? a.createdAt)); + return sessions.first; + } + + Future _runAction(Future Function() action) async { + setState(() { + _actionBusy = true; + }); + try { + final message = await action(); + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(message))); + await _controller.refresh(silent: true); + } catch (error) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(error.toString()))); + } finally { + if (mounted) { + setState(() { + _actionBusy = false; + }); + } + } + } + + Future _openLiveRoom(LiveRoom room) async { + final uri = resolveLiveRoomWatchUri(room); + if (uri == null) { + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + return; + } + + try { + final launched = await launchUrl( + uri, + mode: LaunchMode.inAppBrowserView, + ); + if (!launched && mounted) { + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + } + } catch (_) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('当前直播间暂无可打开的真实链接')), + ); + } + } + + Future _showStartRecordingSheet(LiveRoom room) async { + final qualityController = TextEditingController(text: room.effectiveSettings.preferredQuality); + final outputFormat = ValueNotifier(room.effectiveSettings.outputFormat); + + await showModalBottomSheet( + context: context, + isScrollControlled: true, + showDragHandle: true, + builder: (BuildContext context) { + return Padding( + padding: EdgeInsets.only( + left: 20, + right: 20, + top: 8, + bottom: MediaQuery.of(context).viewInsets.bottom + 20, + ), + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '开始录制', + style: TextStyle(fontSize: 20, fontWeight: FontWeight.w800), + ), + const SizedBox(height: 16), + TextField( + controller: qualityController, + decoration: const InputDecoration(labelText: '清晰度'), + ), + const SizedBox(height: 14), + ValueListenableBuilder( + valueListenable: outputFormat, + builder: (BuildContext context, int value, _) { + return DropdownButtonFormField( + initialValue: value, + decoration: const InputDecoration(labelText: '输出格式'), + items: const >[ + DropdownMenuItem(value: 0, child: Text('MP4')), + DropdownMenuItem(value: 1, child: Text('TS')), + ], + onChanged: (int? next) { + if (next != null) { + outputFormat.value = next; + } + }, + ); + }, + ), + const SizedBox(height: 16), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + await _runAction(() async { + await widget.dependencies.recordingsRepository.startRecording( + liveRoomId: room.id, + preferredQuality: qualityController.text.trim().isEmpty + ? room.effectiveSettings.preferredQuality + : qualityController.text.trim(), + outputFormat: outputFormat.value, + ); + return '录制任务已启动'; + }); + }, + child: const Text('启动录制'), + ), + ), + ], + ), + ); + }, + ); + + qualityController.dispose(); + outputFormat.dispose(); + } + + Future _showEditSheet(LiveRoom room) async { + final remarkController = TextEditingController(text: room.remark ?? ''); + final aliasController = TextEditingController(text: room.alias ?? ''); + final pollingController = TextEditingController(text: room.pollingIntervalSecondsOverride?.toString() ?? ''); + bool isPinned = room.isPinned; + bool isPriority = room.isPriority; + + await showModalBottomSheet( + context: context, + isScrollControlled: true, + showDragHandle: true, + builder: (BuildContext context) { + return StatefulBuilder( + builder: (BuildContext context, void Function(void Function()) setSheetState) { + return Padding( + padding: EdgeInsets.only( + left: 20, + right: 20, + top: 8, + bottom: MediaQuery.of(context).viewInsets.bottom + 20, + ), + child: SingleChildScrollView( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '编辑直播间', + style: TextStyle(fontSize: 20, fontWeight: FontWeight.w800), + ), + const SizedBox(height: 16), + TextField( + controller: remarkController, + decoration: const InputDecoration(labelText: '备注'), + ), + const SizedBox(height: 14), + TextField( + controller: aliasController, + decoration: const InputDecoration(labelText: '主播别名'), + ), + const SizedBox(height: 14), + TextField( + controller: pollingController, + keyboardType: TextInputType.number, + decoration: const InputDecoration(labelText: '单房间轮询间隔（秒）'), + ), + const SizedBox(height: 8), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: isPinned, + onChanged: (bool value) => setSheetState(() => isPinned = value), + title: const Text('置顶'), + ), + SwitchListTile( + contentPadding: EdgeInsets.zero, + value: isPriority, + onChanged: (bool value) => setSheetState(() => isPriority = value), + title: const Text('重点主播'), + ), + const SizedBox(height: 16), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + await _runAction(() async { + await widget.dependencies.liveRoomsRepository.updateMetadata( + roomId: room.id, + payload: { + 'remark': remarkController.text.trim().isEmpty ? null : remarkController.text.trim(), + 'isPinned': isPinned, + 'alias': aliasController.text.trim().isEmpty ? null : aliasController.text.trim(), + 'isPriority': isPriority, + 'pollingIntervalSecondsOverride': int.tryParse(pollingController.text.trim()), + }, + ); + return '房间信息已保存'; + }); + }, + child: const Text('保存'), + ), + ), + ], + ), + ), + ); + }, + ); + }, + ); + + remarkController.dispose(); + aliasController.dispose(); + pollingController.dispose(); + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('直播间详情')), + body: ListenableBuilder( + listenable: _controller, + builder: (BuildContext context, _) { + final activeSession = _activeSession; + final room = _controller.room; + final recoveryInfo = _controller.recoveryInfo; + final allTasks = _controller.sessions.expand((RecordSession session) => session.tasks).toList(growable: false); + + return RefreshIndicator( + onRefresh: () => _controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.all(16), + children: [ + if (_controller.isLoading && !_controller.hasData) + const SkeletonCard(height: 260) + else if (_controller.errorMessage != null && !_controller.hasData) + AppErrorCard( + message: _controller.errorMessage!, + onRetry: () { + _controller.refresh(); + }, + ) + else if (room == null) + const AppEmptyState( + title: '暂无直播间详情', + description: '当前房间没有返回可展示的真实详情。', + ) + else ...[ + _RoomHero(room: room), + const SizedBox(height: 12), + AppCard( + child: Wrap( + spacing: 12, + runSpacing: 12, + children: [ + if (hasLiveRoomWatchSource(room)) + FilledButton.icon( + onPressed: _actionBusy ? null : () => _openLiveRoom(room), + icon: const Icon(Icons.play_circle_fill_rounded), + label: const Text('观看直播'), + ), + FilledButton.tonalIcon( + onPressed: _actionBusy + ? null + : () => _runAction(() async { + await widget.dependencies.liveRoomsRepository.refreshRoom(room.id); + return '直播状态已刷新'; + }), + icon: const Icon(Icons.refresh_rounded), + label: const Text('刷新'), + ), + FilledButton.tonalIcon( + onPressed: _actionBusy ? null : () => _showStartRecordingSheet(room), + icon: const Icon(Icons.fiber_manual_record_rounded), + label: const Text('开始录制'), + ), + if (activeSession != null) + FilledButton.tonalIcon( + onPressed: _actionBusy + ? null + : () => _runAction(() async { + await widget.dependencies.recordingsRepository.stopSession(activeSession.id); + return '停止录制请求已提交'; + }), + icon: const Icon(Icons.stop_circle_outlined), + label: const Text('停止录制'), + ), + if (recoveryInfo != null || (room.lastAutoStartDecisionCode ?? '').isNotEmpty) + FilledButton.tonalIcon( + onPressed: _actionBusy + ? null + : () => _runAction(() async { + await widget.dependencies.recoveryRepository.retryLiveRoom(room.id); + return '重试请求已提交'; + }), + icon: const Icon(Icons.restart_alt_rounded), + label: const Text('重试'), + ), + FilledButton.tonalIcon( + onPressed: _actionBusy ? null : () => _showEditSheet(room), + icon: const Icon(Icons.edit_outlined), + label: const Text('编辑'), + ), + ], + ), + ), + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '状态信息', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + StatusBadge( + status: room.availabilityStatus, + context: 'availability', + label: availabilityLabel(room.availabilityStatus), + ), + StatusBadge( + status: room.currentRecordingState, + context: 'recording', + label: recordingStateLabel(room.currentRecordingState), + ), + if (room.isPinned) const StatusBadge(status: 'completed', label: '置顶'), + if (room.isPriority) const StatusBadge(status: 'retrying', label: '重点'), + ], + ), + const SizedBox(height: 16), + _DetailRow(label: '平台', value: room.platformName.isEmpty ? '--' : room.platformName), + _DetailRow(label: 'Room ID', value: room.roomId.isEmpty ? '--' : room.roomId), + _DetailRow(label: '在线人数', value: '--'), + _DetailRow(label: '码率', value: '--'), + _DetailRow( + label: '录制时长', + value: () { + if (activeSession == null) { + return '--'; + } + final startedAt = DateTime.tryParse(activeSession.startedAt ?? activeSession.createdAt)?.toLocal(); + if (startedAt == null) { + return '--'; + } + return formatDurationSeconds(DateTime.now().difference(startedAt).inSeconds); + }(), + ), + _DetailRow(label: '采集账号', value: '--'), + _DetailRow( + label: '最近事件', + value: recoveryInfo?.lastAutoStartDecisionSummary ?? + room.lastAutoStartDecisionSummary ?? + autoStartDecisionLabel(recoveryInfo?.lastAutoStartDecisionCode ?? room.lastAutoStartDecisionCode), + ), + _DetailRow(label: '最近检查', value: formatDateTime(room.lastCheckedAt)), + ], + ), + ), + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '录制策略', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + _DetailRow(label: '清晰度', value: qualityLabel(room.effectiveSettings.preferredQuality)), + _DetailRow(label: '输出格式', value: outputFormatLabel(room.effectiveSettings.outputFormat)), + _DetailRow(label: '保存模式', value: saveModeLabel(room.effectiveSettings.saveMode)), + _DetailRow(label: '录制模板', value: recordingTemplateLabel(room.effectiveSettings.recordingTemplate)), + _DetailRow(label: '分段时长', value: '${room.effectiveSettings.segmentDurationMinutes} 分钟'), + _DetailRow(label: '自动重连', value: room.effectiveSettings.enableAutoReconnect ? '开启' : '关闭'), + ], + ), + ), + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '最近会话与文件', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + if (_controller.sessions.isEmpty) + const AppEmptyState( + title: '暂无会话', + description: '当前直播间还没有可展示的录制会话。', + ) + else ...[ + ..._controller.sessions.take(3).map((RecordSession session) { + return Padding( + padding: const EdgeInsets.only(bottom: 10), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Expanded( + child: Text( + '会话 ${session.id}', + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + StatusBadge( + status: session.status, + context: 'session', + label: taskStatusLabel(session.status), + ), + ], + ), + const SizedBox(height: 6), + Text( + '${formatDateTime(session.startedAt ?? session.createdAt)} · 片段 ${session.segmentCount}', + style: const TextStyle(color: Color(0xFF64748B)), + ), + const Divider(height: 18), + ], + ), + ); + }), + if (allTasks.isNotEmpty) + ...allTasks.take(5).map((RecordTask task) { + return Padding( + padding: const EdgeInsets.only(bottom: 8), + child: _TaskRow(task: task), + ); + }), + ], + ], + ), + ), + ], + ], + ), + ); + }, + ), + ); + } +} + +class _RoomHero extends StatelessWidget { + const _RoomHero({ + required this.room, + }); + + final LiveRoom room; + + @override + Widget build(BuildContext context) { + final preview = room.coverUrl; + return Card( + margin: EdgeInsets.zero, + clipBehavior: Clip.antiAlias, + child: AspectRatio( + aspectRatio: 16 / 9, + child: Stack( + fit: StackFit.expand, + children: [ + if (preview != null && preview.isNotEmpty) + Image.network( + preview, + fit: BoxFit.cover, + errorBuilder: (BuildContext context, Object error, StackTrace? stackTrace) => const _FallbackHero(), + ) + else + const _FallbackHero(), + Container( + decoration: BoxDecoration( + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + Colors.black.withValues(alpha: 0.15), + Colors.black.withValues(alpha: 0.60), + ], + ), + ), + ), + Positioned( + left: 16, + top: 16, + child: StatusBadge( + status: room.availabilityStatus, + context: 'availability', + label: availabilityLabel(room.availabilityStatus), + ), + ), + Positioned( + left: 16, + right: 16, + bottom: 16, + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + room.title ?? room.anchorName ?? room.roomId, + style: const TextStyle( + color: Colors.white, + fontSize: 22, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 6), + Text( + '${room.platformName.isEmpty ? '--' : room.platformName} · Room ${room.roomId.isEmpty ? '--' : room.roomId}', + style: const TextStyle(color: Colors.white70), + ), + ], + ), + ), + ], + ), + ), + ); + } +} + +class _FallbackHero extends StatelessWidget { + const _FallbackHero(); + + @override + Widget build(BuildContext context) { + return const DecoratedBox( + decoration: BoxDecoration( + gradient: LinearGradient( + colors: [Color(0xFF0F172A), Color(0xFF1E293B)], + begin: Alignment.topLeft, + end: Alignment.bottomRight, + ), + ), + child: Center( + child: Text( + 'LiveRecorder', + style: TextStyle( + color: Colors.white70, + fontWeight: FontWeight.w700, + letterSpacing: 1.2, + ), + ), + ), + ); + } +} + +class _DetailRow extends StatelessWidget { + const _DetailRow({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.only(bottom: 10), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 96, + child: Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontWeight: FontWeight.w600, + ), + ), + ), + Expanded( + child: Text( + value, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + ], + ), + ); + } +} + +class _TaskRow extends StatelessWidget { + const _TaskRow({ + required this.task, + }); + + final RecordTask task; + + @override + Widget build(BuildContext context) { + final fileName = (task.outputFilePath ?? '').split(RegExp(r'[\\/]')).last; + return Container( + padding: const EdgeInsets.all(12), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(14), + ), + child: Row( + children: [ + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + fileName.isEmpty ? '--' : fileName, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 4), + Text( + '${formatDateTime(task.createdAt)} · ${formatDurationSeconds(task.durationSeconds)}', + style: const TextStyle(color: Color(0xFF64748B)), + ), + ], + ), + ), + StatusBadge( + status: task.status, + context: 'task', + label: taskStatusLabel(task.status), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/rooms_page.dart b/mobile/lib/features/live_recorder/presentation/pages/rooms_page.dart new file mode 100644 index 0000000..ea8b715 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/rooms_page.dart @@ -0,0 +1,469 @@ +import 'dart:async'; + +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_scope.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_search_bar.dart'; +import 'package:live_recorder_mobile/core/widgets/mobile_header.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/main_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/room_detail_page.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/widgets/room_card.dart'; + +class RoomsPage extends StatefulWidget { + const RoomsPage({ + super.key, + required this.controller, + required this.userInitials, + required this.onOpenLogs, + required this.onOpenProfile, + }); + + final RoomsController controller; + final String userInitials; + final VoidCallback onOpenLogs; + final VoidCallback onOpenProfile; + + @override + State createState() => _RoomsPageState(); +} + +class _RoomsPageState extends State { + late final TextEditingController _searchController = TextEditingController(text: widget.controller.query); + + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + @override + void dispose() { + _searchController.dispose(); + super.dispose(); + } + + Future _showAddRoomDialog() async { + final TextEditingController controller = TextEditingController(); + await showDialog( + context: context, + builder: (BuildContext context) { + return AlertDialog( + title: const Text('新增直播间'), + content: TextField( + controller: controller, + decoration: const InputDecoration( + labelText: '直播间链接 / Room ID', + ), + ), + actions: [ + TextButton( + onPressed: () => Navigator.of(context).pop(), + child: const Text('取消'), + ), + FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + if (controller.text.trim().isEmpty) { + return; + } + await _runAction(() => widget.controller.createRoom(url: controller.text.trim())); + }, + child: const Text('添加'), + ), + ], + ); + }, + ); + controller.dispose(); + } + + Future _runAction(Future Function() action) async { + final messenger = ScaffoldMessenger.of(context); + try { + final message = await action(); + messenger.showSnackBar(SnackBar(content: Text(message))); + } catch (error) { + messenger.showSnackBar(SnackBar(content: Text(error.toString()))); + } + } + + Future _showStartRecordingSheet(LiveRoom room) async { + final qualityController = TextEditingController(text: room.effectiveSettings.preferredQuality); + final outputFormat = ValueNotifier(room.effectiveSettings.outputFormat); + + await showModalBottomSheet( + context: context, + isScrollControlled: true, + showDragHandle: true, + builder: (BuildContext context) { + return Padding( + padding: EdgeInsets.only( + left: 20, + right: 20, + top: 8, + bottom: MediaQuery.of(context).viewInsets.bottom + 20, + ), + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '开始录制', + style: TextStyle(fontSize: 20, fontWeight: FontWeight.w800), + ), + const SizedBox(height: 16), + TextField( + controller: qualityController, + decoration: const InputDecoration(labelText: '清晰度'), + ), + const SizedBox(height: 14), + ValueListenableBuilder( + valueListenable: outputFormat, + builder: (BuildContext context, int value, _) { + return DropdownButtonFormField( + initialValue: value, + decoration: const InputDecoration(labelText: '输出格式'), + items: const >[ + DropdownMenuItem(value: 0, child: Text('MP4')), + DropdownMenuItem(value: 1, child: Text('TS')), + ], + onChanged: (int? next) { + if (next != null) { + outputFormat.value = next; + } + }, + ); + }, + ), + const SizedBox(height: 16), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + await _runAction( + () => widget.controller.startRecording( + room: room, + preferredQuality: qualityController.text.trim(), + outputFormat: outputFormat.value, + ), + ); + }, + child: const Text('启动录制'), + ), + ), + ], + ), + ); + }, + ); + + qualityController.dispose(); + outputFormat.dispose(); + } + + Future _showEditSheet(LiveRoom room) async { + final remarkController = TextEditingController(text: room.remark ?? ''); + final aliasController = TextEditingController(text: room.alias ?? ''); + final pollingController = TextEditingController(text: room.pollingIntervalSecondsOverride?.toString() ?? ''); + final qualityController = TextEditingController(text: room.overrides.preferredQuality ?? room.effectiveSettings.preferredQuality); + final segmentController = TextEditingController( + text: (room.overrides.segmentDurationMinutes ?? room.effectiveSettings.segmentDurationMinutes).toString(), + ); + bool isPinned = room.isPinned; + bool isPriority = room.isPriority; + int outputFormat = room.overrides.outputFormat ?? room.effectiveSettings.outputFormat; + int saveMode = room.overrides.saveMode ?? room.effectiveSettings.saveMode; + int recordingTemplate = room.overrides.recordingTemplate ?? room.effectiveSettings.recordingTemplate; + + await showModalBottomSheet( + context: context, + isScrollControlled: true, + showDragHandle: true, + builder: (BuildContext context) { + return StatefulBuilder( + builder: (BuildContext context, void Function(void Function()) setSheetState) { + return Padding( + padding: EdgeInsets.only( + left: 20, + right: 20, + top: 8, + bottom: MediaQuery.of(context).viewInsets.bottom + 20, + ), + child: SingleChildScrollView( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '编辑直播间', + style: TextStyle(fontSize: 20, fontWeight: FontWeight.w800), + ), + const SizedBox(height: 16), + TextField( + controller: remarkController, + decoration: const InputDecoration(labelText: '备注'), + ), + const SizedBox(height: 14), + TextField( + controller: aliasController, + decoration: const InputDecoration(labelText: '主播别名'), + ), + const SizedBox(height: 14), + TextField( + controller: pollingController, + keyboardType: TextInputType.number, + decoration: const InputDecoration(labelText: '单房间轮询间隔（秒）'), + ), + const SizedBox(height: 14), + SwitchListTile( + value: isPinned, + onChanged: (bool value) => setSheetState(() => isPinned = value), + title: const Text('置顶'), + ), + SwitchListTile( + value: isPriority, + onChanged: (bool value) => setSheetState(() => isPriority = value), + title: const Text('重点主播'), + ), + const Divider(height: 28), + const Text( + '录制设置', + style: TextStyle(fontSize: 16, fontWeight: FontWeight.w700), + ), + const SizedBox(height: 12), + TextField( + controller: qualityController, + decoration: const InputDecoration(labelText: '默认清晰度'), + ), + const SizedBox(height: 14), + DropdownButtonFormField( + initialValue: outputFormat, + decoration: const InputDecoration(labelText: '默认输出格式'), + items: const >[ + DropdownMenuItem(value: 0, child: Text('MP4')), + DropdownMenuItem(value: 1, child: Text('TS')), + ], + onChanged: (int? value) => setSheetState(() => outputFormat = value ?? outputFormat), + ), + const SizedBox(height: 14), + DropdownButtonFormField( + initialValue: saveMode, + decoration: const InputDecoration(labelText: '保存模式'), + items: const >[ + DropdownMenuItem(value: 0, child: Text('单文件')), + DropdownMenuItem(value: 1, child: Text('分段')), + ], + onChanged: (int? value) => setSheetState(() => saveMode = value ?? saveMode), + ), + const SizedBox(height: 14), + DropdownButtonFormField( + initialValue: recordingTemplate, + decoration: const InputDecoration(labelText: '录制模板'), + items: const >[ + DropdownMenuItem(value: 0, child: Text('直接封装')), + DropdownMenuItem(value: 1, child: Text('均衡 MP4')), + DropdownMenuItem(value: 2, child: Text('归档 TS')), + ], + onChanged: (int? value) => setSheetState(() => recordingTemplate = value ?? recordingTemplate), + ), + const SizedBox(height: 14), + TextField( + controller: segmentController, + keyboardType: TextInputType.number, + decoration: const InputDecoration(labelText: '分段时长（分钟）'), + ), + const SizedBox(height: 18), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: () async { + Navigator.of(context).pop(); + final pollingValue = int.tryParse(pollingController.text.trim()); + final segmentValue = int.tryParse(segmentController.text.trim()); + await _runAction( + () => widget.controller.saveMetadata( + room: room, + remark: remarkController.text, + isPinned: isPinned, + alias: aliasController.text, + isPriority: isPriority, + pollingIntervalSecondsOverride: pollingValue, + ), + ); + await _runAction( + () => widget.controller.saveRoomSettings( + room: room, + payload: { + 'preferredQualityOverride': qualityController.text.trim(), + 'outputFormatOverride': outputFormat, + 'saveModeOverride': saveMode, + 'recordingTemplateOverride': recordingTemplate, + 'segmentDurationMinutesOverride': segmentValue, + }, + ), + ); + }, + child: const Text('保存'), + ), + ), + ], + ), + ), + ); + }, + ); + }, + ); + + remarkController.dispose(); + aliasController.dispose(); + pollingController.dispose(); + qualityController.dispose(); + segmentController.dispose(); + } + + PopupMenuButton _roomMenu(LiveRoom room) { + return PopupMenuButton( + onSelected: (String value) { + switch (value) { + case 'refresh': + unawaited(_runAction(() => widget.controller.refreshRoom(room))); + return; + case 'toggle': + unawaited(_runAction(() => widget.controller.toggleRoomEnabled(room))); + return; + case 'start': + unawaited(_showStartRecordingSheet(room)); + return; + case 'retry': + unawaited(_runAction(() => widget.controller.retryRoom(room))); + return; + case 'edit': + unawaited(_showEditSheet(room)); + return; + } + }, + itemBuilder: (BuildContext context) => >[ + const PopupMenuItem(value: 'refresh', child: Text('刷新状态')), + PopupMenuItem(value: 'toggle', child: Text(room.isEnabled ? '停用' : '启用')), + const PopupMenuItem(value: 'start', child: Text('开始录制')), + const PopupMenuItem(value: 'retry', child: Text('重试恢复')), + const PopupMenuItem(value: 'edit', child: Text('编辑')), + ], + ); + } + + @override + Widget build(BuildContext context) { + return ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + final filteredRooms = widget.controller.filteredRooms; + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.only(bottom: 100), + children: [ + MobileHeader( + eyebrow: '直播状态 · 录制状态', + title: '直播间', + userInitials: widget.userInitials, + onNotificationsPressed: widget.onOpenLogs, + onProfilePressed: widget.onOpenProfile, + ), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppSearchBar( + controller: _searchController, + hintText: '搜索主播 / Room ID / 状态', + onChanged: widget.controller.setQuery, + ), + ), + const SizedBox(height: 12), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: Wrap( + spacing: 8, + runSpacing: 8, + children: RoomFilter.values.map((RoomFilter filter) { + final label = switch (filter) { + RoomFilter.all => '全部', + RoomFilter.live => '直播中', + RoomFilter.recording => '录制中', + RoomFilter.error => '异常', + RoomFilter.retrying => '重试中', + }; + return FilterChip( + selected: widget.controller.filter == filter, + onSelected: (_) => widget.controller.setFilter(filter), + label: Text(label), + ); + }).toList(growable: false), + ), + ), + const SizedBox(height: 12), + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: FilledButton.tonalIcon( + onPressed: _showAddRoomDialog, + icon: const Icon(Icons.add_rounded), + label: const Text('新增直播间'), + ), + ), + const SizedBox(height: 12), + if (widget.controller.isLoading && !widget.controller.hasData) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: SkeletonCard(height: 180), + ) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ), + ) + else if (filteredRooms.isEmpty) + const Padding( + padding: EdgeInsets.symmetric(horizontal: 16), + child: AppEmptyState(), + ) + else + ...filteredRooms.map((LiveRoom room) { + return Padding( + padding: const EdgeInsets.fromLTRB(16, 0, 16, 12), + child: RoomCard( + room: room, + session: widget.controller.sessionForRoom(room.id), + recentEvent: widget.controller.recentEventForRoom(room), + trailing: _roomMenu(room), + onTap: () { + final dependencies = AppScope.of(context); + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => RoomDetailPage( + dependencies: dependencies, + roomId: room.id, + ), + ), + ); + }, + ), + ); + }), + ], + ), + ); + }, + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/security_page.dart b/mobile/lib/features/live_recorder/presentation/pages/security_page.dart new file mode 100644 index 0000000..1388346 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/security_page.dart @@ -0,0 +1,154 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/app_session_controller.dart'; + +class SecurityPage extends StatefulWidget { + const SecurityPage({ + super.key, + required this.sessionController, + }); + + final AppSessionController sessionController; + + @override + State createState() => _SecurityPageState(); +} + +class _SecurityPageState extends State { + final TextEditingController _currentPasswordController = TextEditingController(); + final TextEditingController _newPasswordController = TextEditingController(); + final TextEditingController _confirmPasswordController = TextEditingController(); + bool _submitting = false; + String? _errorMessage; + + @override + void dispose() { + _currentPasswordController.dispose(); + _newPasswordController.dispose(); + _confirmPasswordController.dispose(); + super.dispose(); + } + + Future _submit() async { + FocusScope.of(context).unfocus(); + if (_newPasswordController.text != _confirmPasswordController.text) { + setState(() { + _errorMessage = '两次输入的新密码不一致。'; + }); + return; + } + + setState(() { + _submitting = true; + _errorMessage = null; + }); + + try { + await widget.sessionController.changePassword( + currentPassword: _currentPasswordController.text, + newPassword: _newPasswordController.text, + ); + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar(content: Text('密码修改成功。')), + ); + _currentPasswordController.clear(); + _newPasswordController.clear(); + _confirmPasswordController.clear(); + } on ApiException catch (error) { + setState(() { + _errorMessage = error.message; + }); + } catch (error) { + setState(() { + _errorMessage = error.toString(); + }); + } finally { + if (mounted) { + setState(() { + _submitting = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('账号安全')), + body: ListView( + padding: const EdgeInsets.all(16), + children: [ + Card( + child: Padding( + padding: const EdgeInsets.all(18), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '修改密码', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 8), + const Text( + '调用现有 /api/auth/change-password 接口，不改认证逻辑。', + style: TextStyle(color: Color(0xFF64748B), height: 1.5), + ), + const SizedBox(height: 18), + TextField( + controller: _currentPasswordController, + obscureText: true, + decoration: const InputDecoration(labelText: '当前密码'), + ), + const SizedBox(height: 14), + TextField( + controller: _newPasswordController, + obscureText: true, + decoration: const InputDecoration(labelText: '新密码'), + ), + const SizedBox(height: 14), + TextField( + controller: _confirmPasswordController, + obscureText: true, + decoration: const InputDecoration(labelText: '确认新密码'), + onSubmitted: (_) => _submit(), + ), + if (_errorMessage != null) ...[ + const SizedBox(height: 12), + Text( + _errorMessage!, + style: const TextStyle( + color: Color(0xFFDC2626), + height: 1.5, + ), + ), + ], + const SizedBox(height: 18), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: _submitting ? null : _submit, + child: _submitting + ? const SizedBox( + width: 18, + height: 18, + child: CircularProgressIndicator(strokeWidth: 2), + ) + : const Text('提交修改'), + ), + ), + ], + ), + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/storage_page.dart b/mobile/lib/features/live_recorder/presentation/pages/storage_page.dart new file mode 100644 index 0000000..6dd29cd --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/storage_page.dart @@ -0,0 +1,242 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_empty_state.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/detail_controllers.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/media_browser_page.dart'; + +class StoragePage extends StatefulWidget { + const StoragePage({ + super.key, + required this.controller, + required this.dependencies, + }); + + final StorageController controller; + final AppDependencies dependencies; + + @override + State createState() => _StoragePageState(); +} + +class _StoragePageState extends State { + bool _runningCleanup = false; + + @override + void initState() { + super.initState(); + if (!widget.controller.hasData) { + widget.controller.refresh(); + } + } + + @override + void dispose() { + widget.controller.dispose(); + super.dispose(); + } + + Future _runCleanup() async { + setState(() { + _runningCleanup = true; + }); + try { + final result = await widget.controller.runRetentionCleanup(); + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + SnackBar(content: Text('清理任务已提交：${result.status}')), + ); + await widget.controller.refresh(silent: true); + } catch (error) { + if (!mounted) { + return; + } + ScaffoldMessenger.of(context).showSnackBar( + SnackBar(content: Text(error.toString())), + ); + } finally { + if (mounted) { + setState(() { + _runningCleanup = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar(title: const Text('存储管理')), + body: ListenableBuilder( + listenable: widget.controller, + builder: (BuildContext context, _) { + final settings = widget.controller.settings; + final recovery = widget.controller.recoveryOverview; + final storage = recovery?.storage; + + return RefreshIndicator( + onRefresh: () => widget.controller.refresh(), + child: ListView( + physics: const AlwaysScrollableScrollPhysics(), + padding: const EdgeInsets.all(16), + children: [ + if (widget.controller.isLoading && !widget.controller.hasData) + const SkeletonCard(height: 220) + else if (widget.controller.errorMessage != null && !widget.controller.hasData) + AppErrorCard( + message: widget.controller.errorMessage!, + onRetry: () { + widget.controller.refresh(); + }, + ) + else ...[ + if (storage != null) + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '存储守护', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + _StorageRow(label: '状态', value: storage.isEnabled ? '已启用' : '未启用'), + _StorageRow(label: '检查结果', value: storage.hasEnoughSpace ? '空间充足' : '空间不足'), + _StorageRow(label: '检查路径', value: storage.checkedPath.isEmpty ? '--' : storage.checkedPath), + _StorageRow(label: '可用空间', value: formatBytes(storage.availableBytes)), + _StorageRow(label: '最低要求', value: formatBytes(storage.requiredBytes)), + _StorageRow(label: '后端信息', value: storage.message.isEmpty ? '--' : storage.message), + ], + ), + ), + if (settings != null) ...[ + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '保留清理', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + _StorageRow(label: '开关', value: settings.enableRetentionCleanup ? '开启' : '关闭'), + _StorageRow(label: '保留天数', value: '${settings.retentionDays} 天'), + _StorageRow(label: '删除文件', value: settings.retentionDeleteFiles ? '是' : '否'), + _StorageRow(label: '文件条件', value: settings.retentionVideoFileCondition), + const SizedBox(height: 12), + FilledButton.tonalIcon( + onPressed: _runningCleanup ? null : _runCleanup, + icon: const Icon(Icons.cleaning_services_rounded), + label: Text(_runningCleanup ? '提交中...' : '立即执行清理'), + ), + ], + ), + ), + ], + const SizedBox(height: 12), + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '恢复队列', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + _StorageRow(label: '待恢复直播间', value: '${recovery?.liveRooms.length ?? 0}'), + _StorageRow(label: '待补完录像', value: '${recovery?.finalizations.length ?? 0}'), + const SizedBox(height: 12), + FilledButton.tonalIcon( + onPressed: () { + Navigator.of(context).push( + MaterialPageRoute( + builder: (_) => MediaBrowserPage( + controller: MediaBrowserController( + mediaRepository: widget.dependencies.mediaRepository, + ), + ), + ), + ); + }, + icon: const Icon(Icons.folder_open_rounded), + label: const Text('打开文件浏览器'), + ), + ], + ), + ), + if ((recovery?.liveRooms.isEmpty ?? true) && (recovery?.finalizations.isEmpty ?? true)) + const Padding( + padding: EdgeInsets.only(top: 12), + child: AppEmptyState( + title: '暂无恢复项', + description: '当前没有需要人工关注的恢复队列。', + ), + ), + ], + ], + ), + ); + }, + ), + ); + } +} + +class _StorageRow extends StatelessWidget { + const _StorageRow({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.only(bottom: 12), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 96, + child: Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontWeight: FontWeight.w600, + ), + ), + ), + Expanded( + child: Text( + value, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/pages/system_summary_page.dart b/mobile/lib/features/live_recorder/presentation/pages/system_summary_page.dart new file mode 100644 index 0000000..a680d9a --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/pages/system_summary_page.dart @@ -0,0 +1,161 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/app_error_card.dart'; +import 'package:live_recorder_mobile/core/widgets/skeleton_card.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/repositories/settings_repository.dart'; + +class SystemSummaryPage extends StatefulWidget { + const SystemSummaryPage({ + super.key, + required this.settingsRepository, + required this.initialSettings, + }); + + final SettingsRepository settingsRepository; + final SystemSettings? initialSettings; + + @override + State createState() => _SystemSummaryPageState(); +} + +class _SystemSummaryPageState extends State { + SystemSettings? _settings; + bool _loading = true; + String? _errorMessage; + + @override + void initState() { + super.initState(); + if (widget.initialSettings != null) { + _settings = widget.initialSettings; + _loading = false; + } else { + _load(); + } + } + + Future _load() async { + setState(() { + _loading = true; + _errorMessage = null; + }); + try { + _settings = await widget.settingsRepository.getSettings(); + } on ApiException catch (error) { + _errorMessage = error.message; + } catch (error) { + _errorMessage = error.toString(); + } finally { + if (mounted) { + setState(() { + _loading = false; + }); + } + } + } + + @override + Widget build(BuildContext context) { + final settings = _settings; + return Scaffold( + appBar: AppBar(title: const Text('系统设置')), + body: ListView( + padding: const EdgeInsets.all(16), + children: [ + if (_loading) + const SkeletonCard(height: 220) + else if (_errorMessage != null && settings == null) + AppErrorCard( + message: _errorMessage!, + onRetry: () { + _load(); + }, + ) + else if (settings != null) + AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '当前配置摘要', + style: TextStyle( + color: Color(0xFF0F172A), + fontSize: 18, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 16), + _SettingRow(label: '输出目录', value: settings.outputRoot.isEmpty ? '--' : settings.outputRoot), + _SettingRow(label: '全局轮询间隔', value: '${settings.pollingIntervalSeconds} 秒'), + _SettingRow(label: '自动开播录制', value: settings.autoStartRecordingOnLive ? '开启' : '关闭'), + _SettingRow(label: '存储守护', value: settings.enableStorageGuard ? '开启' : '关闭'), + _SettingRow( + label: '低于阈值暂停', + value: '${settings.pauseRecordingWhenFreeSpaceBelowMegabytes} MB', + ), + _SettingRow( + label: '高于阈值恢复', + value: '${settings.resumeRecordingWhenFreeSpaceAboveMegabytes} MB', + ), + _SettingRow(label: '保留清理', value: settings.enableRetentionCleanup ? '开启' : '关闭'), + _SettingRow(label: '保留天数', value: '${settings.retentionDays} 天'), + _SettingRow(label: '删除本地文件', value: settings.retentionDeleteFiles ? '是' : '否'), + _SettingRow(label: '视频文件条件', value: settings.retentionVideoFileCondition), + _SettingRow( + label: '保留任务状态', + value: settings.retentionTaskStatuses.isEmpty + ? '--' + : settings.retentionTaskStatuses.map(taskStatusLabel).join(' / '), + ), + ], + ), + ), + ], + ), + ); + } +} + +class _SettingRow extends StatelessWidget { + const _SettingRow({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Padding( + padding: const EdgeInsets.only(bottom: 12), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + SizedBox( + width: 112, + child: Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontWeight: FontWeight.w600, + ), + ), + ), + Expanded( + child: Text( + value, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + ), + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/widgets/backend_address_form_card.dart b/mobile/lib/features/live_recorder/presentation/widgets/backend_address_form_card.dart new file mode 100644 index 0000000..9aeeccb --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/widgets/backend_address_form_card.dart @@ -0,0 +1,114 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class BackendAddressFormCard extends StatelessWidget { + const BackendAddressFormCard({ + super.key, + required this.title, + required this.description, + required this.controller, + required this.actionLabel, + required this.onSubmit, + required this.isSubmitting, + this.errorText, + this.note, + this.onFieldSubmitted, + }); + + final String title; + final String description; + final TextEditingController controller; + final String actionLabel; + final VoidCallback onSubmit; + final bool isSubmitting; + final String? errorText; + final String? note; + final ValueChanged? onFieldSubmitted; + + @override + Widget build(BuildContext context) { + return AppCard( + padding: const EdgeInsets.all(24), + child: Column( + mainAxisSize: MainAxisSize.min, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + title, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 24, + fontWeight: FontWeight.w800, + ), + ), + const SizedBox(height: 10), + Text( + description, + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.6, + ), + ), + if (note != null) ...[ + const SizedBox(height: 18), + Container( + width: double.infinity, + padding: const EdgeInsets.all(14), + decoration: BoxDecoration( + color: const Color(0xFFEFF6FF), + borderRadius: BorderRadius.circular(16), + ), + child: Text( + note!, + style: const TextStyle( + color: Color(0xFF1D4ED8), + height: 1.5, + fontWeight: FontWeight.w600, + ), + ), + ), + ], + const SizedBox(height: 20), + TextField( + controller: controller, + keyboardType: TextInputType.url, + textInputAction: TextInputAction.done, + autocorrect: false, + enableSuggestions: false, + onSubmitted: onFieldSubmitted, + decoration: const InputDecoration( + labelText: '后端地址', + hintText: 'https://api.example.com', + helperText: '支持 http/https，可保留子路径，例如 https://example.com/live-recorder', + prefixIcon: Icon(Icons.link_rounded), + ), + ), + if (errorText != null) ...[ + const SizedBox(height: 14), + Text( + errorText!, + style: const TextStyle( + color: Color(0xFFDC2626), + height: 1.5, + ), + ), + ], + const SizedBox(height: 20), + SizedBox( + width: double.infinity, + child: FilledButton( + onPressed: isSubmitting ? null : onSubmit, + child: isSubmitting + ? const SizedBox( + width: 18, + height: 18, + child: CircularProgressIndicator(strokeWidth: 2), + ) + : Text(actionLabel), + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/widgets/cluster_status_card.dart b/mobile/lib/features/live_recorder/presentation/widgets/cluster_status_card.dart new file mode 100644 index 0000000..dca2ec9 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/widgets/cluster_status_card.dart @@ -0,0 +1,112 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; + +class ClusterStatusCard extends StatelessWidget { + const ClusterStatusCard({ + super.key, + required this.healthLabel, + required this.nodeCountLabel, + required this.concurrentRecordingLabel, + required this.storageLabel, + }); + + final String healthLabel; + final String nodeCountLabel; + final String concurrentRecordingLabel; + final String storageLabel; + + @override + Widget build(BuildContext context) { + final items = <({String label, String value})>[ + (label: '健康状态', value: healthLabel), + (label: '节点数量', value: nodeCountLabel), + (label: '并发录制', value: concurrentRecordingLabel), + (label: '存储状态', value: storageLabel), + ]; + + return AppCard( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + const Text( + '集群概览', + style: TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 16), + LayoutBuilder( + builder: (BuildContext context, BoxConstraints constraints) { + final isTwoColumn = constraints.maxWidth >= 320; + final itemWidth = + isTwoColumn ? (constraints.maxWidth - 12) / 2 : constraints.maxWidth; + + return Wrap( + spacing: 12, + runSpacing: 12, + children: items.map((({String label, String value}) item) { + return SizedBox( + width: itemWidth, + child: _FactCard( + label: item.label, + value: item.value, + ), + ); + }).toList(growable: false), + ); + }, + ), + ], + ), + ); + } +} + +class _FactCard extends StatelessWidget { + const _FactCard({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.all(12), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(16), + border: Border.all(color: const Color(0xFFE2E8F0)), + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + mainAxisSize: MainAxisSize.min, + children: [ + Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + const SizedBox(height: 6), + Text( + value, + maxLines: 2, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + height: 1.35, + ), + ), + ], + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/widgets/recording_file_card.dart b/mobile/lib/features/live_recorder/presentation/widgets/recording_file_card.dart new file mode 100644 index 0000000..35195e6 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/widgets/recording_file_card.dart @@ -0,0 +1,127 @@ +import 'dart:async'; + +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +class RecordingFileCard extends StatefulWidget { + const RecordingFileCard({ + super.key, + required this.task, + required this.detail, + required this.onTap, + required this.onDownload, + required this.onVisible, + }); + + final RecordTask task; + final RecordTaskDetail? detail; + final VoidCallback onTap; + final VoidCallback? onDownload; + final VoidCallback onVisible; + + @override + State createState() => _RecordingFileCardState(); +} + +class _RecordingFileCardState extends State { + @override + void initState() { + super.initState(); + unawaited(Future.microtask(widget.onVisible)); + } + + @override + Widget build(BuildContext context) { + final fileName = (widget.task.outputFilePath ?? '').split(RegExp(r'[\\/]')).last; + return AppCard( + onTap: widget.onTap, + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Expanded( + child: Text( + fileName.isEmpty ? '--' : fileName, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + fontSize: 16, + ), + ), + ), + StatusBadge( + status: widget.task.status, + context: 'task', + label: taskStatusLabel(widget.task.status), + ), + ], + ), + const SizedBox(height: 8), + Text( + widget.task.liveRoomTitle.isEmpty ? '--' : widget.task.liveRoomTitle, + style: const TextStyle(color: Color(0xFF64748B)), + ), + const SizedBox(height: 12), + Wrap( + spacing: 10, + runSpacing: 10, + children: [ + _InfoPill(label: '大小', value: formatBytes(widget.detail?.result?.fileSizeBytes)), + _InfoPill(label: '时长', value: formatDurationSeconds(widget.detail?.result?.durationSeconds ?? widget.task.durationSeconds)), + _InfoPill(label: '创建时间', value: formatDateTime(widget.task.createdAt)), + _InfoPill(label: '所属房间', value: widget.task.roomId.isEmpty ? '--' : widget.task.roomId), + ], + ), + const SizedBox(height: 12), + Row( + children: [ + FilledButton.tonal( + onPressed: widget.onTap, + child: const Text('详情'), + ), + const SizedBox(width: 12), + FilledButton( + onPressed: widget.onDownload, + child: const Text('下载'), + ), + ], + ), + ], + ), + ); + } +} + +class _InfoPill extends StatelessWidget { + const _InfoPill({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(14), + ), + child: Text( + '$label · $value', + style: const TextStyle( + color: Color(0xFF475569), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/widgets/room_card.dart b/mobile/lib/features/live_recorder/presentation/widgets/room_card.dart new file mode 100644 index 0000000..447909a --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/widgets/room_card.dart @@ -0,0 +1,138 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +class RoomCard extends StatelessWidget { + const RoomCard({ + super.key, + required this.room, + required this.session, + required this.recentEvent, + required this.onTap, + this.trailing, + }); + + final LiveRoom room; + final RecordSession? session; + final String recentEvent; + final VoidCallback onTap; + final Widget? trailing; + + @override + Widget build(BuildContext context) { + return AppCard( + onTap: onTap, + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + room.title ?? room.anchorName ?? room.roomId, + style: const TextStyle( + color: Color(0xFF0F172A), + fontSize: 16, + fontWeight: FontWeight.w700, + ), + ), + const SizedBox(height: 6), + Text( + '${room.platformName.isEmpty ? '--' : room.platformName} · ${room.roomId.isEmpty ? '--' : room.roomId}', + style: const TextStyle( + color: Color(0xFF64748B), + ), + ), + ], + ), + ), + ?trailing, + ], + ), + const SizedBox(height: 12), + Wrap( + spacing: 8, + runSpacing: 8, + children: [ + StatusBadge( + status: room.availabilityStatus, + context: 'availability', + label: availabilityLabel(room.availabilityStatus), + ), + StatusBadge( + status: room.currentRecordingState, + context: 'recording', + label: recordingStateLabel(room.currentRecordingState), + ), + if (room.isPinned) ...const [StatusBadge(status: 'completed', label: '置顶')], + if (room.isPriority) ...const [StatusBadge(status: 'retrying', label: '重点')], + ], + ), + const SizedBox(height: 14), + Wrap( + spacing: 10, + runSpacing: 10, + children: [ + _Fact(label: '在线人数', value: '--'), + _Fact(label: '码率', value: '--'), + _Fact(label: '录制时长', value: formatDurationSeconds(_recordingDurationSeconds)), + _Fact(label: '采集账号', value: '--'), + ], + ), + const SizedBox(height: 14), + Text( + '最近事件 · $recentEvent', + style: const TextStyle( + color: Color(0xFF64748B), + height: 1.45, + ), + ), + ], + ), + ); + } + + num? get _recordingDurationSeconds { + final startedAt = DateTime.tryParse(session?.startedAt ?? ''); + if (startedAt == null) { + return session?.tasks.isNotEmpty == true ? session?.tasks.last.durationSeconds : null; + } + return DateTime.now().difference(startedAt.toLocal()).inSeconds; + } +} + +class _Fact extends StatelessWidget { + const _Fact({ + required this.label, + required this.value, + }); + + final String label; + final String value; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 8), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(14), + ), + child: Text( + '$label · $value', + style: const TextStyle( + color: Color(0xFF475569), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + ); + } +} diff --git a/mobile/lib/features/live_recorder/presentation/widgets/room_preview_card.dart b/mobile/lib/features/live_recorder/presentation/widgets/room_preview_card.dart new file mode 100644 index 0000000..6026d56 --- /dev/null +++ b/mobile/lib/features/live_recorder/presentation/widgets/room_preview_card.dart @@ -0,0 +1,254 @@ +import 'package:flutter/material.dart'; +import 'package:live_recorder_mobile/core/utils/formatters.dart'; +import 'package:live_recorder_mobile/core/utils/live_room_utils.dart'; +import 'package:live_recorder_mobile/core/utils/status_labels.dart'; +import 'package:live_recorder_mobile/core/widgets/app_card.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +class RoomPreviewCard extends StatelessWidget { + const RoomPreviewCard({ + super.key, + required this.room, + required this.session, + required this.recentEvent, + required this.onTap, + this.onWatchLive, + }); + + final LiveRoom room; + final RecordSession? session; + final String recentEvent; + final VoidCallback onTap; + final VoidCallback? onWatchLive; + + @override + Widget build(BuildContext context) { + final preview = room.coverUrl; + final canWatchLive = hasLiveRoomWatchSource(room); + + return AppCard( + onTap: onTap, + padding: EdgeInsets.zero, + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + AspectRatio( + aspectRatio: 16 / 9, + child: ClipRRect( + borderRadius: const BorderRadius.vertical(top: Radius.circular(24)), + child: Stack( + fit: StackFit.expand, + children: [ + if (preview != null && preview.isNotEmpty) + Image.network( + preview, + fit: BoxFit.cover, + errorBuilder: ( + BuildContext context, + Object error, + StackTrace? stackTrace, + ) => + _FallbackPreview(room: room), + ) + else + _FallbackPreview(room: room), + Container( + decoration: BoxDecoration( + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [ + Colors.black.withValues(alpha: 0.08), + Colors.black.withValues(alpha: 0.42), + ], + ), + ), + ), + Positioned( + left: 12, + top: 12, + child: StatusBadge( + status: room.availabilityStatus, + context: 'availability', + label: availabilityLabel(room.availabilityStatus), + ), + ), + if (canWatchLive && onWatchLive != null) + Positioned( + right: 12, + bottom: 12, + child: IconButton.filledTonal( + onPressed: onWatchLive, + tooltip: '观看直播', + icon: const Icon(Icons.play_circle_fill_rounded), + ), + ), + ], + ), + ), + ), + Padding( + padding: const EdgeInsets.all(18), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + room.title ?? room.anchorName ?? room.roomId, + maxLines: 1, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + fontSize: 16, + ), + ), + const SizedBox(height: 6), + Text( + '${room.platformName.isEmpty ? '--' : room.platformName} · Room ${room.roomId.isEmpty ? '--' : room.roomId}', + maxLines: 1, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + color: Color(0xFF64748B), + ), + ), + const SizedBox(height: 12), + StatusBadge( + status: room.currentRecordingState, + context: 'recording', + label: recordingStateLabel(room.currentRecordingState), + ), + const SizedBox(height: 12), + const Row( + children: [ + Expanded( + child: _PreviewFact( + label: '在线人数', + value: '--', + ), + ), + SizedBox(width: 10), + Expanded( + child: _PreviewFact( + label: '码率', + value: '--', + ), + ), + ], + ), + const SizedBox(height: 10), + Row( + children: [ + Expanded( + child: _PreviewFact( + label: '录制时长', + value: formatDurationSeconds(_duration), + ), + ), + const SizedBox(width: 10), + Expanded( + child: _PreviewFact( + label: '最近事件', + value: recentEvent, + maxLines: 2, + ), + ), + ], + ), + ], + ), + ), + ], + ), + ); + } + + num? get _duration { + final startedAt = DateTime.tryParse(session?.startedAt ?? ''); + if (startedAt == null) { + return session?.tasks.isNotEmpty == true + ? session?.tasks.last.durationSeconds + : null; + } + return DateTime.now().difference(startedAt.toLocal()).inSeconds; + } +} + +class _PreviewFact extends StatelessWidget { + const _PreviewFact({ + required this.label, + required this.value, + this.maxLines = 1, + }); + + final String label; + final String value; + final int maxLines; + + @override + Widget build(BuildContext context) { + return Container( + padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10), + decoration: BoxDecoration( + color: const Color(0xFFF8FAFC), + borderRadius: BorderRadius.circular(14), + border: Border.all(color: const Color(0xFFE2E8F0)), + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + label, + style: const TextStyle( + color: Color(0xFF64748B), + fontSize: 12, + fontWeight: FontWeight.w600, + ), + ), + const SizedBox(height: 6), + Text( + value.isEmpty ? '--' : value, + maxLines: maxLines, + overflow: TextOverflow.ellipsis, + style: const TextStyle( + color: Color(0xFF0F172A), + fontWeight: FontWeight.w700, + height: 1.35, + ), + ), + ], + ), + ); + } +} + +class _FallbackPreview extends StatelessWidget { + const _FallbackPreview({ + this.room, + }); + + final LiveRoom? room; + + @override + Widget build(BuildContext context) { + return DecoratedBox( + decoration: const BoxDecoration( + gradient: LinearGradient( + colors: [Color(0xFF0F172A), Color(0xFF1E293B)], + begin: Alignment.topLeft, + end: Alignment.bottomRight, + ), + ), + child: Center( + child: Text( + room?.platformName ?? 'LiveRecorder', + style: const TextStyle( + color: Colors.white70, + fontWeight: FontWeight.w700, + letterSpacing: 1.2, + ), + ), + ), + ); + } +} diff --git a/mobile/lib/main.dart b/mobile/lib/main.dart new file mode 100644 index 0000000..4e4b9ef --- /dev/null +++ b/mobile/lib/main.dart @@ -0,0 +1,13 @@ +import 'package:flutter/widgets.dart'; +import 'package:live_recorder_mobile/app/app.dart'; +import 'package:live_recorder_mobile/core/config/api_config.dart'; + +Future main() async { + WidgetsFlutterBinding.ensureInitialized(); + runApp( + LiveRecorderBootstrap( + config: ApiConfig.fromEnvironment(), + ), + ); +} + diff --git a/mobile/pubspec.lock b/mobile/pubspec.lock new file mode 100644 index 0000000..9524a3d --- /dev/null +++ b/mobile/pubspec.lock @@ -0,0 +1,514 @@ +# Generated by pub +# See https://dart.dev/tools/pub/glossary#lockfile +packages: + args: + dependency: transitive + description: + name: args + sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04 + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.7.0" + async: + dependency: transitive + description: + name: async + sha256: e2eb0491ba5ddb6177742d2da23904574082139b07c1e33b8503b9f46f3e1a37 + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.13.1" + boolean_selector: + dependency: transitive + description: + name: boolean_selector + sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.2" + characters: + dependency: transitive + description: + name: characters + sha256: faf38497bda5ead2a8c7615f4f7939df04333478bf32e4173fcb06d428b5716b + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.4.1" + clock: + dependency: transitive + description: + name: clock + sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.1.2" + code_assets: + dependency: transitive + description: + name: code_assets + sha256: "83ccdaa064c980b5596c35dd64a8d3ecc68620174ab9b90b6343b753aa721687" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.0.0" + collection: + dependency: transitive + description: + name: collection + sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.19.1" + crypto: + dependency: transitive + description: + name: crypto + sha256: c8ea0233063ba03258fbcf2ca4d6dadfefe14f02fab57702265467a19f27fadf + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.0.7" + fake_async: + dependency: transitive + description: + name: fake_async + sha256: "5368f224a74523e8d2e7399ea1638b37aecfca824a3cc4dfdf77bf1fa905ac44" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.3.3" + ffi: + dependency: transitive + description: + name: ffi + sha256: "6d7fd89431262d8f3125e81b50d3847a091d846eafcd4fdb88dd06f36d705a45" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.2.0" + file: + dependency: transitive + description: + name: file + sha256: a3b4f84adafef897088c160faf7dfffb7696046cb13ae90b508c2cbc95d3b8d4 + url: "https://pub.flutter-io.cn" + source: hosted + version: "7.0.1" + flutter: + dependency: "direct main" + description: flutter + source: sdk + version: "0.0.0" + flutter_lints: + dependency: "direct dev" + description: + name: flutter_lints + sha256: "3105dc8492f6183fb076ccf1f351ac3d60564bff92e20bfc4af9cc1651f4e7e1" + url: "https://pub.flutter-io.cn" + source: hosted + version: "6.0.0" + flutter_test: + dependency: "direct dev" + description: flutter + source: sdk + version: "0.0.0" + flutter_web_plugins: + dependency: transitive + description: flutter + source: sdk + version: "0.0.0" + glob: + dependency: transitive + description: + name: glob + sha256: c3f1ee72c96f8f78935e18aa8cecced9ab132419e8625dc187e1c2408efc20de + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.3" + hooks: + dependency: transitive + description: + name: hooks + sha256: "025f060e86d2d4c3c47b56e33caf7f93bf9283340f26d23424ebcfccf34f621e" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.0.3" + http: + dependency: "direct main" + description: + name: http + sha256: "87721a4a50b19c7f1d49001e51409bddc46303966ce89a65af4f4e6004896412" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.6.0" + http_parser: + dependency: transitive + description: + name: http_parser + sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571" + url: "https://pub.flutter-io.cn" + source: hosted + version: "4.1.2" + intl: + dependency: "direct main" + description: + name: intl + sha256: "3df61194eb431efc39c4ceba583b95633a403f46c9fd341e550ce0bfa50e9aa5" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.20.2" + jni: + dependency: transitive + description: + name: jni + sha256: c2230682d5bc2362c1c9e8d3c7f406d9cbba23ab3f2e203a025dd47e0fb2e68f + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.0.0" + jni_flutter: + dependency: transitive + description: + name: jni_flutter + sha256: "8b59e590786050b1cd866677dddaf76b1ade5e7bc751abe04b86e84d379d3ba6" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.0.1" + leak_tracker: + dependency: transitive + description: + name: leak_tracker + sha256: "33e2e26bdd85a0112ec15400c8cbffea70d0f9c3407491f672a2fad47915e2de" + url: "https://pub.flutter-io.cn" + source: hosted + version: "11.0.2" + leak_tracker_flutter_testing: + dependency: transitive + description: + name: leak_tracker_flutter_testing + sha256: "1dbc140bb5a23c75ea9c4811222756104fbcd1a27173f0c34ca01e16bea473c1" + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.0.10" + leak_tracker_testing: + dependency: transitive + description: + name: leak_tracker_testing + sha256: "8d5a2d49f4a66b49744b23b018848400d23e54caf9463f4eb20df3eb8acb2eb1" + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.0.2" + lints: + dependency: transitive + description: + name: lints + sha256: "12f842a479589fea194fe5c5a3095abc7be0c1f2ddfa9a0e76aed1dbd26a87df" + url: "https://pub.flutter-io.cn" + source: hosted + version: "6.1.0" + logging: + dependency: transitive + description: + name: logging + sha256: c8245ada5f1717ed44271ed1c26b8ce85ca3228fd2ffdb75468ab01979309d61 + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.3.0" + matcher: + dependency: transitive + description: + name: matcher + sha256: "12956d0ad8390bbcc63ca2e1469c0619946ccb52809807067a7020d57e647aa6" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.12.18" + material_color_utilities: + dependency: transitive + description: + name: material_color_utilities + sha256: "9c337007e82b1889149c82ed242ed1cb24a66044e30979c44912381e9be4c48b" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.13.0" + meta: + dependency: transitive + description: + name: meta + sha256: "23f08335362185a5ea2ad3a4e597f1375e78bce8a040df5c600c8d3552ef2394" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.17.0" + native_toolchain_c: + dependency: transitive + description: + name: native_toolchain_c + sha256: "6ba77bb18063eebe9de401f5e6437e95e1438af0a87a3a39084fbd37c90df572" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.17.6" + objective_c: + dependency: transitive + description: + name: objective_c + sha256: "100a1c87616ab6ed41ec263b083c0ef3261ee6cd1dc3b0f35f8ddfa4f996fe52" + url: "https://pub.flutter-io.cn" + source: hosted + version: "9.3.0" + package_config: + dependency: transitive + description: + name: package_config + sha256: f096c55ebb7deb7e384101542bfba8c52696c1b56fca2eb62827989ef2353bbc + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.2.0" + path: + dependency: transitive + description: + name: path + sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.9.1" + path_provider: + dependency: "direct main" + description: + name: path_provider + sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.5" + path_provider_android: + dependency: transitive + description: + name: path_provider_android + sha256: "69cbd515a62b94d32a7944f086b2f82b4ac40a1d45bebfc00813a430ab2dabcd" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.3.1" + path_provider_foundation: + dependency: transitive + description: + name: path_provider_foundation + sha256: "2a376b7d6392d80cd3705782d2caa734ca4727776db0b6ec36ef3f1855197699" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.6.0" + path_provider_linux: + dependency: transitive + description: + name: path_provider_linux + sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279 + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.2.1" + path_provider_platform_interface: + dependency: transitive + description: + name: path_provider_platform_interface + sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.2" + path_provider_windows: + dependency: transitive + description: + name: path_provider_windows + sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7 + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.3.0" + platform: + dependency: transitive + description: + name: platform + sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984" + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.1.6" + plugin_platform_interface: + dependency: transitive + description: + name: plugin_platform_interface + sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.8" + pub_semver: + dependency: transitive + description: + name: pub_semver + sha256: "5bfcf68ca79ef689f8990d1160781b4bad40a3bd5e5218ad4076ddb7f4081585" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.2.0" + record_use: + dependency: transitive + description: + name: record_use + sha256: "2551bd8eecfe95d14ae75f6021ad0248be5c27f138c2ec12fcb52b500b3ba1ed" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.6.0" + sky_engine: + dependency: transitive + description: flutter + source: sdk + version: "0.0.0" + source_span: + dependency: transitive + description: + name: source_span + sha256: "56a02f1f4cd1a2d96303c0144c93bd6d909eea6bee6bf5a0e0b685edbd4c47ab" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.10.2" + stack_trace: + dependency: transitive + description: + name: stack_trace + sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.12.1" + stream_channel: + dependency: transitive + description: + name: stream_channel + sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.1.4" + string_scanner: + dependency: transitive + description: + name: string_scanner + sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.4.1" + term_glyph: + dependency: transitive + description: + name: term_glyph + sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.2.2" + test_api: + dependency: transitive + description: + name: test_api + sha256: "19a78f63e83d3a61f00826d09bc2f60e191bf3504183c001262be6ac75589fb8" + url: "https://pub.flutter-io.cn" + source: hosted + version: "0.7.8" + typed_data: + dependency: transitive + description: + name: typed_data + sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006 + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.4.0" + url_launcher: + dependency: "direct main" + description: + name: url_launcher + sha256: f6a7e5c4835bb4e3026a04793a4199ca2d14c739ec378fdfe23fc8075d0439f8 + url: "https://pub.flutter-io.cn" + source: hosted + version: "6.3.2" + url_launcher_android: + dependency: transitive + description: + name: url_launcher_android + sha256: "3bb000251e55d4a209aa0e2e563309dc9bb2befea2295fd0cec1f51760aac572" + url: "https://pub.flutter-io.cn" + source: hosted + version: "6.3.29" + url_launcher_ios: + dependency: transitive + description: + name: url_launcher_ios + sha256: "580fe5dfb51671ae38191d316e027f6b76272b026370708c2d898799750a02b0" + url: "https://pub.flutter-io.cn" + source: hosted + version: "6.4.1" + url_launcher_linux: + dependency: transitive + description: + name: url_launcher_linux + sha256: d5e14138b3bc193a0f63c10a53c94b91d399df0512b1f29b94a043db7482384a + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.2.2" + url_launcher_macos: + dependency: transitive + description: + name: url_launcher_macos + sha256: "368adf46f71ad3c21b8f06614adb38346f193f3a59ba8fe9a2fd74133070ba18" + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.2.5" + url_launcher_platform_interface: + dependency: transitive + description: + name: url_launcher_platform_interface + sha256: "552f8a1e663569be95a8190206a38187b531910283c3e982193e4f2733f01029" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.3.2" + url_launcher_web: + dependency: transitive + description: + name: url_launcher_web + sha256: "85c81589622fbc87c1c683aaea164d3604a7777495a79d91e39ffcdec39ddb34" + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.4.3" + url_launcher_windows: + dependency: transitive + description: + name: url_launcher_windows + sha256: "712c70ab1b99744ff066053cbe3e80c73332b38d46e5e945c98689b2e66fc15f" + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.1.5" + vector_math: + dependency: transitive + description: + name: vector_math + sha256: d530bd74fea330e6e364cda7a85019c434070188383e1cd8d9777ee586914c5b + url: "https://pub.flutter-io.cn" + source: hosted + version: "2.2.0" + vm_service: + dependency: transitive + description: + name: vm_service + sha256: "0016aef94fc66495ac78af5859181e3f3bf2026bd8eecc72b9565601e19ab360" + url: "https://pub.flutter-io.cn" + source: hosted + version: "15.2.0" + web: + dependency: transitive + description: + name: web + sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.1.1" + xdg_directories: + dependency: transitive + description: + name: xdg_directories + sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15" + url: "https://pub.flutter-io.cn" + source: hosted + version: "1.1.0" + yaml: + dependency: transitive + description: + name: yaml + sha256: b9da305ac7c39faa3f030eccd175340f968459dae4af175130b3fc47e40d76ce + url: "https://pub.flutter-io.cn" + source: hosted + version: "3.1.3" +sdks: + dart: ">=3.11.0 <4.0.0" + flutter: ">=3.38.4" diff --git a/mobile/pubspec.yaml b/mobile/pubspec.yaml new file mode 100644 index 0000000..3d35a2a --- /dev/null +++ b/mobile/pubspec.yaml @@ -0,0 +1,24 @@ +name: live_recorder_mobile +description: "LiveRecorder Android console built with Flutter." +publish_to: "none" +version: 0.1.0+1 + +environment: + sdk: ^3.11.0 + +dependencies: + flutter: + sdk: flutter + http: ^1.6.0 + intl: ^0.20.2 + path_provider: ^2.1.5 + url_launcher: ^6.3.2 + +dev_dependencies: + flutter_test: + sdk: flutter + flutter_lints: ^6.0.0 + +flutter: + uses-material-design: true + diff --git a/mobile/test/api_client_test.dart b/mobile/test/api_client_test.dart new file mode 100644 index 0000000..80ce368 --- /dev/null +++ b/mobile/test/api_client_test.dart @@ -0,0 +1,99 @@ +import 'dart:convert'; + +import 'package:flutter_test/flutter_test.dart'; +import 'package:http/http.dart' as http; +import 'package:live_recorder_mobile/core/network/api_client.dart'; +import 'package:live_recorder_mobile/core/network/api_exception.dart'; + +void main() { + group('ApiClient', () { + test('injects bearer token into request headers', () async { + final client = ApiClient( + baseUrl: 'https://example.com', + tokenProvider: () => 'token-123', + onUnauthorized: () async {}, + client: _FakeHttpClient((http.BaseRequest request) async { + expect(request.headers['Authorization'], 'Bearer token-123'); + return _jsonResponse({'ok': true}); + }), + ); + + final response = await client.getJson('/api/test') as Map; + + expect(response['ok'], isTrue); + }); + + test('preserves backend subpath when building request URLs', () async { + final client = ApiClient( + baseUrl: 'https://example.com/live-recorder', + tokenProvider: () => null, + onUnauthorized: () async {}, + client: _FakeHttpClient((http.BaseRequest request) async { + expect( + request.url.toString(), + 'https://example.com/live-recorder/api/test', + ); + return _jsonResponse({'ok': true}); + }), + ); + + await client.getJson('/api/test'); + }); + + test('triggers unauthorized callback on 401 response', () async { + var unauthorizedCalled = false; + + final client = ApiClient( + baseUrl: 'https://example.com', + tokenProvider: () => null, + onUnauthorized: () async { + unauthorizedCalled = true; + }, + client: _FakeHttpClient((http.BaseRequest request) async { + return _jsonResponse( + {'message': 'unauthorized'}, + statusCode: 401, + ); + }), + ); + + await expectLater( + client.getJson('/api/test'), + throwsA( + isA().having( + (ApiException error) => error.message, + 'message', + 'unauthorized', + ), + ), + ); + + expect(unauthorizedCalled, isTrue); + }); + }); +} + +class _FakeHttpClient extends http.BaseClient { + _FakeHttpClient(this._handler); + + final Future Function(http.BaseRequest request) _handler; + + @override + Future send(http.BaseRequest request) { + return _handler(request); + } +} + +http.StreamedResponse _jsonResponse( + Map body, { + int statusCode = 200, +}) { + final bytes = utf8.encode(jsonEncode(body)); + return http.StreamedResponse( + Stream>.value(bytes), + statusCode, + headers: const { + 'content-type': 'application/json', + }, + ); +} diff --git a/mobile/test/app_bootstrap_controller_test.dart b/mobile/test/app_bootstrap_controller_test.dart new file mode 100644 index 0000000..a3055e3 --- /dev/null +++ b/mobile/test/app_bootstrap_controller_test.dart @@ -0,0 +1,160 @@ +import 'package:flutter/foundation.dart'; +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/app/app_bootstrap_controller.dart'; +import 'package:live_recorder_mobile/app/app_dependencies.dart'; +import 'package:live_recorder_mobile/core/config/api_config.dart'; +import 'package:live_recorder_mobile/core/persistence/app_config_storage.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/controllers/app_session_controller.dart'; + +void main() { + group('AppBootstrapController', () { + test('stays unconfigured when no backend address is stored', () async { + final controller = AppBootstrapController<_FakeDependencyBundle>( + config: const ApiConfig(seedBaseUrl: 'https://seed.example.com'), + configStorage: _FakeBackendConfigStore(), + dependenciesFactory: _FakeDependencyBundle.new, + ); + + await controller.initialize(); + + expect(controller.hasConfiguredBackend, isFalse); + expect(controller.backendBaseUrl, isNull); + expect(controller.dependencies, isNull); + }); + + test('restores dependencies from stored backend address', () async { + final store = _FakeBackendConfigStore( + storedBaseUrl: 'https://example.com/live-recorder/', + ); + final createdBundles = <_FakeDependencyBundle>[]; + final controller = AppBootstrapController<_FakeDependencyBundle>( + config: const ApiConfig(seedBaseUrl: 'https://seed.example.com'), + configStorage: store, + dependenciesFactory: (String baseUrl) { + final bundle = _FakeDependencyBundle(baseUrl); + createdBundles.add(bundle); + return bundle; + }, + ); + + await controller.initialize(); + + expect(controller.backendBaseUrl, 'https://example.com/live-recorder'); + expect(createdBundles, hasLength(1)); + expect(createdBundles.single.baseUrl, 'https://example.com/live-recorder'); + expect(createdBundles.single.session.restoreCount, 1); + }); + + test('does not rebuild dependencies when backend address is unchanged', () async { + final store = _FakeBackendConfigStore( + storedBaseUrl: 'https://example.com/api', + ); + final createdBundles = <_FakeDependencyBundle>[]; + final controller = AppBootstrapController<_FakeDependencyBundle>( + config: const ApiConfig(), + configStorage: store, + dependenciesFactory: (String baseUrl) { + final bundle = _FakeDependencyBundle(baseUrl); + createdBundles.add(bundle); + return bundle; + }, + ); + + await controller.initialize(); + final changed = await controller.updateBackendBaseUrl('https://example.com/api/'); + + expect(changed, isFalse); + expect(createdBundles, hasLength(1)); + expect(createdBundles.single.session.clearLocalSessionCount, 0); + }); + + test('rebuilds dependencies and clears session when backend changes', () async { + final store = _FakeBackendConfigStore( + storedBaseUrl: 'https://example.com/api', + ); + final createdBundles = <_FakeDependencyBundle>[]; + final controller = AppBootstrapController<_FakeDependencyBundle>( + config: const ApiConfig(), + configStorage: store, + dependenciesFactory: (String baseUrl) { + final bundle = _FakeDependencyBundle(baseUrl); + createdBundles.add(bundle); + return bundle; + }, + ); + + await controller.initialize(); + final firstBundle = createdBundles.single; + + final changed = await controller.updateBackendBaseUrl('https://new.example.com/root/'); + + expect(changed, isTrue); + expect(store.storedBaseUrl, 'https://new.example.com/root'); + expect(firstBundle.session.clearLocalSessionCount, 1); + expect(firstBundle.isDisposed, isTrue); + expect(createdBundles, hasLength(2)); + expect(createdBundles.last.baseUrl, 'https://new.example.com/root'); + expect(createdBundles.last.session.restoreCount, 1); + expect(controller.backendBaseUrl, 'https://new.example.com/root'); + }); + }); +} + +class _FakeBackendConfigStore implements BackendConfigStore { + _FakeBackendConfigStore({ + this.storedBaseUrl, + }); + + String? storedBaseUrl; + + @override + Future clear() async { + storedBaseUrl = null; + } + + @override + Future readBackendBaseUrl() async => storedBaseUrl; + + @override + Future writeBackendBaseUrl(String baseUrl) async { + storedBaseUrl = baseUrl; + } +} + +class _FakeDependencyBundle implements AppDependencyBundle { + _FakeDependencyBundle(this.baseUrl); + + final String baseUrl; + final _FakeSessionController session = _FakeSessionController(); + bool isDisposed = false; + + @override + SessionControllerHandle get sessionController => session; + + @override + void dispose() { + isDisposed = true; + session.dispose(); + } +} + +class _FakeSessionController extends ChangeNotifier implements SessionControllerHandle { + int restoreCount = 0; + int clearLocalSessionCount = 0; + + @override + bool get isLoggedIn => false; + + @override + bool get isRestoring => false; + + @override + Future clearLocalSession() async { + clearLocalSessionCount += 1; + } + + @override + Future restore() async { + restoreCount += 1; + } +} diff --git a/mobile/test/backend_base_url_test.dart b/mobile/test/backend_base_url_test.dart new file mode 100644 index 0000000..4e6dd1e --- /dev/null +++ b/mobile/test/backend_base_url_test.dart @@ -0,0 +1,25 @@ +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/core/utils/backend_base_url.dart'; + +void main() { + group('normalizeBackendBaseUrl', () { + test('trims and removes trailing slash while preserving subpath', () { + final value = normalizeBackendBaseUrl(' https://example.com/live-recorder/ '); + + expect(value, 'https://example.com/live-recorder'); + }); + + test('rejects non-http schemes', () { + expect( + () => normalizeBackendBaseUrl('ftp://example.com'), + throwsA( + isA().having( + (FormatException error) => error.message, + 'message', + '请输入以 http:// 或 https:// 开头的完整地址', + ), + ), + ); + }); + }); +} diff --git a/mobile/test/backend_setup_page_test.dart b/mobile/test/backend_setup_page_test.dart new file mode 100644 index 0000000..b25d29d --- /dev/null +++ b/mobile/test/backend_setup_page_test.dart @@ -0,0 +1,79 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/app/app_bootstrap_controller.dart'; +import 'package:live_recorder_mobile/features/live_recorder/presentation/pages/backend_setup_page.dart'; + +void main() { + testWidgets('prefills setup page with seed backend address', (WidgetTester tester) async { + final handle = _FakeBackendConfigHandle( + seedBaseUrl: 'https://seed.example.com/live-recorder', + currentBackendBaseUrl: '', + ); + + await tester.pumpWidget( + MaterialApp( + home: BackendSetupPage( + bootstrapController: handle, + ), + ), + ); + + final textField = tester.widget(find.byType(TextField)); + expect(textField.controller?.text, 'https://seed.example.com/live-recorder'); + }); + + testWidgets('shows validation error for invalid backend address', (WidgetTester tester) async { + final handle = _FakeBackendConfigHandle(); + + await tester.pumpWidget( + MaterialApp( + home: BackendSetupPage( + bootstrapController: handle, + ), + ), + ); + + await tester.enterText(find.byType(TextField), 'ftp://example.com'); + await tester.tap(find.text('保存并继续')); + await tester.pump(); + + expect(find.text('请输入以 http:// 或 https:// 开头的完整地址'), findsOneWidget); + expect(handle.savedValues, isEmpty); + }); +} + +class _FakeBackendConfigHandle extends ChangeNotifier implements BackendConfigHandle { + _FakeBackendConfigHandle({ + this.seedBaseUrl = '', + this.currentBackendBaseUrl = '', + }); + + final String currentBackendBaseUrl; + final List savedValues = []; + + @override + final String seedBaseUrl; + + @override + String? get backendBaseUrl => currentBackendBaseUrl.isEmpty ? null : currentBackendBaseUrl; + + @override + bool get hasConfiguredBackend => backendBaseUrl != null; + + @override + String? get initializationErrorMessage => null; + + @override + bool get isInitializing => false; + + @override + Future initialize() async {} + + @override + Future saveInitialBackendBaseUrl(String rawValue) async { + savedValues.add(rawValue); + } + + @override + Future updateBackendBaseUrl(String rawValue) async => false; +} diff --git a/mobile/test/core_models_test.dart b/mobile/test/core_models_test.dart new file mode 100644 index 0000000..dffc1d8 --- /dev/null +++ b/mobile/test/core_models_test.dart @@ -0,0 +1,69 @@ +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/core/utils/path_utils.dart'; +import 'package:live_recorder_mobile/core/utils/recovery_formatters.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +void main() { + group('deriveRelativeMediaPath', () { + test('returns relative path when file is under output root', () { + final value = deriveRelativeMediaPath( + outputRoot: r'C:\records', + outputFilePath: r'C:\records\2026\demo.mp4', + ); + + expect(value, '2026/demo.mp4'); + }); + + test('blocks unsafe traversal paths', () { + final value = deriveRelativeMediaPath( + outputRoot: '/records', + outputFilePath: '../secret.mp4', + ); + + expect(value, isNull); + }); + }); + + group('SystemSettings', () { + test('parses retentionTaskStatuses from int list', () { + final settings = SystemSettings.fromJson({ + 'retentionTaskStatuses': [4, 5, 6], + }); + + expect(settings.retentionTaskStatuses, [4, 5, 6]); + }); + }); + + group('storage labels', () { + test('maps raw english storage health to friendly chinese label', () { + const storage = StorageGuardStatus( + isEnabled: true, + hasEnoughSpace: true, + checkedPath: '/records', + availableBytes: 0, + requiredBytes: 0, + message: 'storage is available', + ); + + expect(formatStorageHealthLabel(storage), '空间充足'); + expect(formatStorageUsageLabel(storage), '空间充足'); + }); + + test('formats available and required capacity when bytes exist', () { + const storage = StorageGuardStatus( + isEnabled: true, + hasEnoughSpace: false, + checkedPath: '/records', + availableBytes: 1024 * 1024 * 1024, + requiredBytes: 512 * 1024 * 1024, + message: '', + ); + + expect(formatStorageHealthLabel(storage), '空间不足'); + expect( + formatStorageUsageLabel(storage), + '可用 1.00 GB / 需保留 512.00 MB', + ); + }); + }); +} diff --git a/mobile/test/live_room_utils_test.dart b/mobile/test/live_room_utils_test.dart new file mode 100644 index 0000000..f69adb1 --- /dev/null +++ b/mobile/test/live_room_utils_test.dart @@ -0,0 +1,122 @@ +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/core/utils/live_room_utils.dart'; +import 'package:live_recorder_mobile/features/live_recorder/data/models/live_recorder_models.dart'; + +void main() { + group('resolveLiveRoomWatchUri', () { + test('uses normalized url first', () { + final room = _buildRoom( + normalizedUrl: 'https://www.douyin.com/live/normalized', + sourceUrl: 'https://www.douyin.com/live/source', + originalLiveRoomUrl: 'https://www.douyin.com/live/original', + ); + + final uri = resolveLiveRoomWatchUri(room); + + expect(uri?.toString(), 'https://www.douyin.com/live/normalized'); + }); + + test('falls back to source and original room url', () { + final room = _buildRoom( + normalizedUrl: 'javascript:void(0)', + sourceUrl: 'https://www.douyin.com/live/source', + originalLiveRoomUrl: 'https://www.douyin.com/live/original', + ); + + final uri = resolveLiveRoomWatchUri(room); + + expect(uri?.toString(), 'https://www.douyin.com/live/source'); + }); + + test('returns null when no valid http url exists', () { + final room = _buildRoom( + normalizedUrl: 'file:///tmp/demo', + sourceUrl: '', + originalLiveRoomUrl: 'javascript:void(0)', + ); + + expect(resolveLiveRoomWatchUri(room), isNull); + expect(hasLiveRoomWatchSource(room), isTrue); + }); + }); + + group('compareMonitorRooms', () { + test('sorts live rooms before offline rooms', () { + final liveRoom = _buildRoom( + id: 'live', + availabilityStatus: 2, + currentRecordingState: 0, + ); + final offlineRoom = _buildRoom( + id: 'offline', + availabilityStatus: 1, + currentRecordingState: 2, + ); + + final rooms = [offlineRoom, liveRoom]..sort(compareMonitorRooms); + + expect(rooms.first.id, 'live'); + }); + + test('sorts recording rooms before non-recording rooms inside same live group', () { + final recordingRoom = _buildRoom( + id: 'recording', + availabilityStatus: 2, + currentRecordingState: 2, + ); + final idleRoom = _buildRoom( + id: 'idle', + availabilityStatus: 2, + currentRecordingState: 1, + ); + + final rooms = [idleRoom, recordingRoom]..sort(compareMonitorRooms); + + expect(rooms.first.id, 'recording'); + }); + }); +} + +LiveRoom _buildRoom({ + String id = 'room-1', + int availabilityStatus = 1, + int currentRecordingState = 0, + bool isPinned = false, + bool isPriority = false, + String normalizedUrl = '', + String sourceUrl = '', + String originalLiveRoomUrl = '', + String updatedAt = '2026-05-14T10:00:00Z', +}) { + return LiveRoom( + id: id, + platform: 1, + platformName: 'Douyin', + sourceUrl: sourceUrl, + roomId: '123456', + normalizedUrl: normalizedUrl, + title: 'Demo room', + anchorName: 'Anchor', + anchorId: 'anchor-1', + avatarUrl: null, + coverUrl: null, + remark: null, + isPinned: isPinned, + alias: null, + isPriority: isPriority, + pollingIntervalSecondsOverride: null, + originalLiveRoomUrl: originalLiveRoomUrl, + overrides: LiveRoomSettingsOverrides.fromJson(const {}), + effectiveSettings: LiveRoomEffectiveSettings.fromJson(const {}), + isEnabled: true, + availabilityStatus: availabilityStatus, + currentRecordingState: currentRecordingState, + lastAutoStartDecisionCode: null, + lastAutoStartDecisionSummary: null, + lastAutoStartDecisionDetail: null, + lastAutoStartDecisionAt: null, + lastCheckedAt: null, + createdAt: '2026-05-14T08:00:00Z', + updatedAt: updatedAt, + ); +} diff --git a/mobile/test/status_badge_test.dart b/mobile/test/status_badge_test.dart new file mode 100644 index 0000000..2ace3b0 --- /dev/null +++ b/mobile/test/status_badge_test.dart @@ -0,0 +1,53 @@ +import 'package:flutter/material.dart'; +import 'package:flutter_test/flutter_test.dart'; +import 'package:live_recorder_mobile/core/widgets/status_badge.dart'; + +void main() { + testWidgets('uses green palette for live status', (WidgetTester tester) async { + await tester.pumpWidget( + const MaterialApp( + home: Scaffold( + body: StatusBadge( + status: 'live', + label: '直播中', + ), + ), + ), + ); + + final container = tester.widget( + find.descendant( + of: find.byType(StatusBadge), + matching: find.byType(Container), + ), + ); + final decoration = container.decoration! as BoxDecoration; + + expect(decoration.color, const Color(0xFFECFDF5)); + expect(find.text('直播中'), findsOneWidget); + }); + + testWidgets('falls back to gray palette for unknown status', (WidgetTester tester) async { + await tester.pumpWidget( + const MaterialApp( + home: Scaffold( + body: StatusBadge( + status: 'mystery', + label: '未知', + ), + ), + ), + ); + + final container = tester.widget( + find.descendant( + of: find.byType(StatusBadge), + matching: find.byType(Container), + ), + ); + final decoration = container.decoration! as BoxDecoration; + + expect(decoration.color, const Color(0xFFF1F5F9)); + expect(find.text('未知'), findsOneWidget); + }); +}