базовая логика скачивания обновлений
This commit is contained in:
@@ -1,184 +1,455 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||||
import 'package:moonwell_launcher/app/home_screen/bloc/home_screen_bloc.dart';
|
||||
import 'package:moonwell_launcher/app/home_screen/bloc/home_screen_model.dart';
|
||||
import 'package:moonwell_launcher/app/home_screen/widgets/gilded_progress_bar.dart';
|
||||
import 'package:moonwell_launcher/app/theme/mw_theme.dart';
|
||||
import 'package:pixelarticons/pixel.dart';
|
||||
|
||||
class HomeScreenContent extends StatelessWidget {
|
||||
const HomeScreenContent({super.key, required this.title});
|
||||
const HomeScreenContent({super.key});
|
||||
|
||||
final Widget title;
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final state = context.watch<HomeScreenBloc>().state;
|
||||
final model = state.model;
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
|
||||
String _speedLabel(BuildContext context) {
|
||||
final kbps = context.read<HomeScreenBloc>().state.model.progress.speed;
|
||||
|
||||
if (kbps <= 0) return '—';
|
||||
if (kbps >= 1024) {
|
||||
return '${(kbps / 1024).toStringAsFixed(2)} MB/s';
|
||||
}
|
||||
return '${kbps.toStringAsFixed(0)} kB/s';
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: 36),
|
||||
child: Column(
|
||||
children: [
|
||||
// Main content area
|
||||
Expanded(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
// Left panel — News
|
||||
Expanded(
|
||||
flex: 3,
|
||||
child: _NewsPanel(cs: cs),
|
||||
),
|
||||
// Right panel — Status & Controls
|
||||
SizedBox(
|
||||
width: 320,
|
||||
child: _RightPanel(model: model, cs: cs),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// Bottom bar
|
||||
_BottomBar(model: model, cs: cs),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// News panel (left side)
|
||||
// ---------------------------------------------------------------------------
|
||||
class _NewsPanel extends StatelessWidget {
|
||||
const _NewsPanel({required this.cs});
|
||||
final ColorScheme cs;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(left: 24, top: 8),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Logo
|
||||
Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(bottom: 12),
|
||||
child: Image.asset(
|
||||
'assets/logo.png',
|
||||
height: 120,
|
||||
filterQuality: FilterQuality.high,
|
||||
),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
'Новости',
|
||||
style: Theme.of(context).textTheme.titleLarge?.copyWith(
|
||||
color: cs.onSurface,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
// News list
|
||||
Expanded(
|
||||
child: ShaderMask(
|
||||
shaderCallback: (bounds) => LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Colors.white,
|
||||
Colors.white,
|
||||
Colors.white.withAlpha(0),
|
||||
],
|
||||
stops: const [0.0, 0.85, 1.0],
|
||||
).createShader(bounds),
|
||||
blendMode: BlendMode.dstIn,
|
||||
child: ListView(
|
||||
padding: const EdgeInsets.only(right: 16, bottom: 24),
|
||||
children: const [
|
||||
_NewsCard(
|
||||
title: 'Добро пожаловать в MoonWell!',
|
||||
description:
|
||||
'Мы рады приветствовать вас на нашем сервере. '
|
||||
'Установите клиент, авторизуйтесь и окунитесь '
|
||||
'в мир приключений!',
|
||||
),
|
||||
SizedBox(height: 10),
|
||||
_NewsCard(
|
||||
title: 'Обновление клиента',
|
||||
description:
|
||||
'Лаунчер автоматически проверит и загрузит '
|
||||
'последние обновления игрового клиента при входе.',
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _NewsCard extends StatelessWidget {
|
||||
const _NewsCard({required this.title, required this.description});
|
||||
final String title;
|
||||
final String description;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surface.withAlpha(140),
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: Border.all(color: cs.outline.withAlpha(100)),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
title,
|
||||
style: Theme.of(context).textTheme.titleSmall?.copyWith(
|
||||
color: cs.tertiary,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
description,
|
||||
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
||||
color: cs.onSurface.withAlpha(200),
|
||||
height: 1.4,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Right panel (status & controls)
|
||||
// ---------------------------------------------------------------------------
|
||||
class _RightPanel extends StatelessWidget {
|
||||
const _RightPanel({required this.model, required this.cs});
|
||||
|
||||
final HomeScreenModel model;
|
||||
final ColorScheme cs;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final deco = Theme.of(context).extension<MoonWellDecorations>()!;
|
||||
|
||||
final state = context.read<HomeScreenBloc>().state;
|
||||
|
||||
final percent = _resolvePercentage(context);
|
||||
final eta = state.model.progress.eta;
|
||||
|
||||
final isDownloading = state is HomeScreenDownloadingState;
|
||||
final canPlay = state is HomeScreenReadyToPlayState;
|
||||
|
||||
return Card(
|
||||
margin: EdgeInsets.zero,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(24),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
title,
|
||||
const SizedBox(height: 16),
|
||||
Text(
|
||||
'Classic+ Wrath of the Lich King experience',
|
||||
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
||||
color: cs.onSurface.withAlpha(200),
|
||||
),
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(right: 20, top: 8, bottom: 12),
|
||||
padding: const EdgeInsets.all(24),
|
||||
decoration: BoxDecoration(
|
||||
color: MWColors.abyss.withAlpha(200),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(color: cs.outline.withAlpha(80)),
|
||||
boxShadow: deco.cardGlow,
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
const Spacer(),
|
||||
// Folder selector
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.opaque,
|
||||
onTap: () => context.read<HomeScreenBloc>().add(
|
||||
HomeScreenOutputDirRequested(),
|
||||
),
|
||||
const SizedBox(height: 28),
|
||||
const Spacer(),
|
||||
// Progress bar
|
||||
GildedProgressBar(
|
||||
value: state.model.progress.total == 0
|
||||
? 0
|
||||
: state.model.progress.downloaded /
|
||||
state.model.progress.total,
|
||||
),
|
||||
|
||||
const SizedBox(height: 12),
|
||||
Row(
|
||||
children: [
|
||||
Text(
|
||||
'$percent%',
|
||||
style: Theme.of(context).textTheme.titleMedium,
|
||||
),
|
||||
const Spacer(),
|
||||
Icon(Pixel.speedfast, size: 18, color: cs.onSurfaceVariant),
|
||||
const SizedBox(width: 6),
|
||||
Text(
|
||||
_speedLabel(context),
|
||||
style: TextStyle(color: cs.onSurfaceVariant),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Icon(
|
||||
Pixel.timeline, // Updated to use PixelArtIcons
|
||||
size: 18,
|
||||
color: cs.onSurfaceVariant,
|
||||
),
|
||||
const SizedBox(width: 6),
|
||||
Text(
|
||||
eta == Duration.zero
|
||||
? '—'
|
||||
: '${eta.inMinutes}:${(eta.inSeconds % 60).toString().padLeft(2, '0')}',
|
||||
style: TextStyle(color: cs.onSurfaceVariant),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// Controls row
|
||||
Row(
|
||||
spacing: 12.0,
|
||||
children: [
|
||||
Expanded(
|
||||
child: ElevatedButton.icon(
|
||||
icon: Icon(
|
||||
canPlay ? Icons.play_arrow_rounded : Icons.download,
|
||||
),
|
||||
label: Text(
|
||||
canPlay
|
||||
? 'Play'
|
||||
: (isDownloading
|
||||
? 'Downloading…'
|
||||
: (state.model.progress.downloaded == 0
|
||||
? 'Install'
|
||||
: 'Resume')),
|
||||
),
|
||||
onPressed: canPlay
|
||||
? null
|
||||
: (isDownloading ? null : () => _onStart(context)),
|
||||
),
|
||||
),
|
||||
OutlinedButton.icon(
|
||||
icon: Icon(Pixel.pause),
|
||||
label: Text('Pause'),
|
||||
onPressed: isDownloading ? () => _onPause(context) : null,
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
const SizedBox(height: 20),
|
||||
// Disk path / build info (placeholders)
|
||||
Container(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surfaceContainerHighest.withAlpha(128),
|
||||
color: cs.surface.withAlpha(100),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: cs.outline),
|
||||
boxShadow: (deco.cardGlow),
|
||||
border: Border.all(color: cs.outline.withAlpha(80)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
const Icon(Pixel.folder),
|
||||
const SizedBox(width: 8),
|
||||
Icon(Pixel.folder, size: 18, color: cs.onSurfaceVariant),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.opaque,
|
||||
onTap: () => context.read<HomeScreenBloc>().add(
|
||||
HomeScreenOutputDirRequested(),
|
||||
),
|
||||
child: Text(
|
||||
'Install path: ${state.model.outputPath?.toFilePath() ?? '—'}',
|
||||
overflow: TextOverflow.ellipsis,
|
||||
child: Text(
|
||||
model.outputPath?.toFilePath() ?? 'Выбрать папку',
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
color: cs.onSurfaceVariant,
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Icon(Icons.edit, size: 14, color: cs.onSurfaceVariant.withAlpha(120)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
// Status
|
||||
Container(
|
||||
padding: const EdgeInsets.all(14),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surface.withAlpha(80),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: cs.outline.withAlpha(60)),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
model.statusText,
|
||||
style: TextStyle(color: cs.onSurface.withAlpha(180), fontSize: 13),
|
||||
),
|
||||
if (model.currentPath != null) ...[
|
||||
const SizedBox(height: 6),
|
||||
Text(
|
||||
model.currentPath!,
|
||||
maxLines: 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 11),
|
||||
),
|
||||
],
|
||||
if (model.totalFiles > 0) ...[
|
||||
const SizedBox(height: 6),
|
||||
Text(
|
||||
'Файлы: ${model.processedFiles}/${model.totalFiles}',
|
||||
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 11),
|
||||
),
|
||||
],
|
||||
if (model.errorMessage != null) ...[
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
model.errorMessage!,
|
||||
style: TextStyle(color: cs.error, fontSize: 12),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
// Build hashes
|
||||
if (model.remoteBuildHash != null || model.localBuildHash != null)
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8),
|
||||
child: Text(
|
||||
'Build: ${_shortHash(model.localBuildHash)} / ${_shortHash(model.remoteBuildHash)}',
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 10),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _resolvePercentage(BuildContext context) {
|
||||
final state = context.read<HomeScreenBloc>().state;
|
||||
|
||||
if (state.model.progress.total == 0) {
|
||||
return '0.0';
|
||||
}
|
||||
|
||||
final percentage =
|
||||
state.model.progress.downloaded / state.model.progress.total;
|
||||
|
||||
return (percentage * 100).clamp(0, 100).toStringAsFixed(1);
|
||||
}
|
||||
|
||||
void _onStart(BuildContext context) {
|
||||
context.read<HomeScreenBloc>().add(HomeScreenDownloadRequested());
|
||||
}
|
||||
|
||||
void _onPause(BuildContext context) {
|
||||
context.read<HomeScreenBloc>().add(HomeScreenDownloadPaused());
|
||||
}
|
||||
|
||||
void _onReset(BuildContext context) {
|
||||
// context.read<HomeScreenBloc>().add(HomeScreenDownloadReset());
|
||||
String _shortHash(String? hash) {
|
||||
if (hash == null || hash.isEmpty) return '—';
|
||||
if (hash.length <= 12) return hash;
|
||||
return '${hash.substring(0, 8)}...${hash.substring(hash.length - 4)}';
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
// Bottom bar (play button, progress, version)
|
||||
// ---------------------------------------------------------------------------
|
||||
class _BottomBar extends StatelessWidget {
|
||||
const _BottomBar({required this.model, required this.cs});
|
||||
|
||||
final HomeScreenModel model;
|
||||
final ColorScheme cs;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final progressValue = model.progress.total == 0
|
||||
? 0.0
|
||||
: model.progress.downloaded / model.progress.total;
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 10),
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
MWColors.abyss.withAlpha(0),
|
||||
MWColors.abyss.withAlpha(230),
|
||||
],
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// Progress bar (only when syncing)
|
||||
if (model.isSyncing) ...[
|
||||
Row(
|
||||
children: [
|
||||
Expanded(child: GildedProgressBar(value: progressValue)),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
'${(progressValue * 100).clamp(0, 100).toStringAsFixed(1)}%',
|
||||
style: TextStyle(
|
||||
color: cs.onSurface,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Text(
|
||||
_formatSpeed(model.progress.speed),
|
||||
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 11),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
],
|
||||
// Bottom row: play + status
|
||||
Row(
|
||||
children: [
|
||||
// Play button
|
||||
SizedBox(
|
||||
height: 44,
|
||||
child: ElevatedButton.icon(
|
||||
icon: Icon(_resolvePrimaryIcon(model), size: 20),
|
||||
label: Text(_resolvePrimaryLabel(model)),
|
||||
onPressed: model.isBusy
|
||||
? null
|
||||
: () => _onPrimaryAction(context, model),
|
||||
style: ElevatedButton.styleFrom(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 28),
|
||||
),
|
||||
),
|
||||
),
|
||||
if (model.canPlay || model.isSyncing) ...[
|
||||
const SizedBox(width: 8),
|
||||
SizedBox(
|
||||
height: 44,
|
||||
child: OutlinedButton.icon(
|
||||
icon: Icon(_resolveSecondaryIcon(model), size: 18),
|
||||
label: Text(_resolveSecondaryLabel(model)),
|
||||
onPressed: () => _onSecondaryAction(context, model),
|
||||
),
|
||||
),
|
||||
],
|
||||
const SizedBox(width: 16),
|
||||
// Status ticker
|
||||
Expanded(
|
||||
child: Container(
|
||||
height: 38,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 14),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surface.withAlpha(100),
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
border: Border.all(color: cs.outline.withAlpha(60)),
|
||||
),
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Text(
|
||||
model.currentPath ?? model.statusText,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
color: cs.onSurface.withAlpha(160),
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _onPrimaryAction(BuildContext context, HomeScreenModel model) {
|
||||
final bloc = context.read<HomeScreenBloc>();
|
||||
|
||||
if (model.canPlay) {
|
||||
bloc.add(HomeScreenPlayRequested());
|
||||
return;
|
||||
}
|
||||
|
||||
bloc.add(HomeScreenSyncRequested());
|
||||
}
|
||||
|
||||
void _onSecondaryAction(BuildContext context, HomeScreenModel model) {
|
||||
final bloc = context.read<HomeScreenBloc>();
|
||||
|
||||
if (model.isSyncing) {
|
||||
bloc.add(HomeScreenPauseRequested());
|
||||
return;
|
||||
}
|
||||
|
||||
if (model.canPlay) {
|
||||
bloc.add(HomeScreenSyncRequested());
|
||||
return;
|
||||
}
|
||||
|
||||
bloc.add(HomeScreenOutputDirRequested());
|
||||
}
|
||||
|
||||
String _resolvePrimaryLabel(HomeScreenModel model) {
|
||||
if (model.isSyncing) return 'Обновление...';
|
||||
if (model.canPlay) return 'Играть';
|
||||
return model.hasClientExecutable ? 'Обновить' : 'Установить';
|
||||
}
|
||||
|
||||
IconData _resolvePrimaryIcon(HomeScreenModel model) {
|
||||
if (model.canPlay) return Icons.play_arrow_rounded;
|
||||
return Icons.download_rounded;
|
||||
}
|
||||
|
||||
String _resolveSecondaryLabel(HomeScreenModel model) {
|
||||
if (model.isSyncing) return 'Пауза';
|
||||
if (model.canPlay) return 'Проверить';
|
||||
return 'Папка';
|
||||
}
|
||||
|
||||
IconData _resolveSecondaryIcon(HomeScreenModel model) {
|
||||
if (model.isSyncing) return Pixel.pause;
|
||||
if (model.canPlay) return Icons.refresh_rounded;
|
||||
return Pixel.folder;
|
||||
}
|
||||
|
||||
String _formatSpeed(int bytesPerSecond) {
|
||||
if (bytesPerSecond <= 0) return '—';
|
||||
if (bytesPerSecond >= 1024 * 1024) {
|
||||
return '${(bytesPerSecond / (1024 * 1024)).toStringAsFixed(2)} MB/s';
|
||||
}
|
||||
if (bytesPerSecond >= 1024) {
|
||||
return '${(bytesPerSecond / 1024).toStringAsFixed(1)} KB/s';
|
||||
}
|
||||
return '$bytesPerSecond B/s';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user