feat: in-app update downloader with progress, Gitea auto-push hook
- update_checker: Gitea at git.steggi-matrix.work, Windows + Android support, asset URL detection - update_download_dialog: animated Pyramid logo, progress bar, platform install (exe/apk) - update_banner: Herunterladen button triggers dialog, dismiss option - Android: REQUEST_INSTALL_PACKAGES permission + FileProvider for APK install - post-commit hook: auto-push to Gitea on every commit - chat_input: larger send button (60px desktop), more padding, bigger icon - rooms_panel: space menu visible on mobile (leave space fix) - docs: feature-checklist.md added Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Bernd Steckmeister
@@ -0,0 +1,144 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:url_launcher/url_launcher.dart';
|
||||
import 'package:pyramid/core/theme.dart';
|
||||
import 'package:pyramid/core/update_checker.dart';
|
||||
import 'package:pyramid/widgets/update_download_dialog.dart';
|
||||
|
||||
/// Slim top banner shown when a new Pyramid version is available.
|
||||
class UpdateBanner extends ConsumerWidget {
|
||||
const UpdateBanner({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
return ref.watch(updateInfoProvider).when(
|
||||
loading: () => const SizedBox.shrink(),
|
||||
error: (e, _) => const SizedBox.shrink(),
|
||||
data: (info) =>
|
||||
info == null ? const SizedBox.shrink() : _Banner(info: info),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _Banner extends ConsumerWidget {
|
||||
final UpdateInfo info;
|
||||
const _Banner({required this.info});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final pt = PyramidTheme.of(context);
|
||||
final canDownload = info.canDownload;
|
||||
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
color: pt.accent.withAlpha(28),
|
||||
border: Border(
|
||||
bottom: BorderSide(color: pt.accent.withAlpha(80)),
|
||||
),
|
||||
),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.system_update_alt_rounded, size: 15, color: pt.accent),
|
||||
const SizedBox(width: 8),
|
||||
Expanded(
|
||||
child: Text(
|
||||
'Pyramid ${info.tagName} ist verfügbar',
|
||||
style: TextStyle(
|
||||
color: pt.fg, fontSize: 12.5, fontWeight: FontWeight.w500),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
_BannerBtn(
|
||||
label: 'Was ist neu',
|
||||
icon: Icons.open_in_new_rounded,
|
||||
color: pt.bg3,
|
||||
fgColor: pt.fg,
|
||||
onTap: () => _openUrl(info.htmlUrl),
|
||||
),
|
||||
const SizedBox(width: 6),
|
||||
_BannerBtn(
|
||||
label: canDownload ? 'Herunterladen' : 'Öffnen',
|
||||
icon: canDownload
|
||||
? Icons.download_rounded
|
||||
: Icons.open_in_new_rounded,
|
||||
color: pt.accent,
|
||||
fgColor: pt.accentFg,
|
||||
onTap: () {
|
||||
if (canDownload) {
|
||||
showUpdateDownloadDialog(context, info);
|
||||
} else {
|
||||
_openUrl(info.htmlUrl);
|
||||
}
|
||||
},
|
||||
),
|
||||
const SizedBox(width: 6),
|
||||
Tooltip(
|
||||
message: 'Für diese Version ausblenden',
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
onTap: () async {
|
||||
await skipUpdateVersion(info.tagName);
|
||||
ref.invalidate(updateInfoProvider);
|
||||
},
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(4),
|
||||
child: Icon(Icons.close_rounded, size: 14, color: pt.fgDim),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _openUrl(String url) async {
|
||||
final uri = Uri.parse(url);
|
||||
if (await canLaunchUrl(uri)) {
|
||||
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class _BannerBtn extends StatelessWidget {
|
||||
final String label;
|
||||
final IconData icon;
|
||||
final Color color;
|
||||
final Color fgColor;
|
||||
final VoidCallback onTap;
|
||||
|
||||
const _BannerBtn({
|
||||
required this.label,
|
||||
required this.icon,
|
||||
required this.color,
|
||||
required this.fgColor,
|
||||
required this.onTap,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return InkWell(
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 4),
|
||||
decoration:
|
||||
BoxDecoration(color: color, borderRadius: BorderRadius.circular(6)),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(icon, size: 12, color: fgColor),
|
||||
const SizedBox(width: 4),
|
||||
Text(label,
|
||||
style: TextStyle(
|
||||
color: fgColor,
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w600)),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,384 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:http/http.dart' as http;
|
||||
import 'package:open_file_plus/open_file_plus.dart';
|
||||
import 'package:path/path.dart' as p;
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
import 'package:pyramid/core/theme.dart';
|
||||
import 'package:pyramid/core/update_checker.dart';
|
||||
import 'package:pyramid/widgets/pyramid_logo.dart';
|
||||
|
||||
// ─── Entry point ──────────────────────────────────────────────────────────────
|
||||
|
||||
Future<void> showUpdateDownloadDialog(BuildContext context, UpdateInfo info) {
|
||||
return showDialog(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
barrierColor: Colors.black.withAlpha(160),
|
||||
builder: (_) => _UpdateDownloadDialog(info: info),
|
||||
);
|
||||
}
|
||||
|
||||
// ─── States ───────────────────────────────────────────────────────────────────
|
||||
|
||||
enum _DownloadState { idle, downloading, installing, done, error }
|
||||
|
||||
// ─── Dialog widget ────────────────────────────────────────────────────────────
|
||||
|
||||
class _UpdateDownloadDialog extends ConsumerStatefulWidget {
|
||||
final UpdateInfo info;
|
||||
const _UpdateDownloadDialog({required this.info});
|
||||
|
||||
@override
|
||||
ConsumerState<_UpdateDownloadDialog> createState() =>
|
||||
_UpdateDownloadDialogState();
|
||||
}
|
||||
|
||||
class _UpdateDownloadDialogState extends ConsumerState<_UpdateDownloadDialog>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _spinCtrl;
|
||||
|
||||
_DownloadState _state = _DownloadState.idle;
|
||||
double _progress = 0.0;
|
||||
int _received = 0;
|
||||
int _total = 0;
|
||||
String _errorMsg = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_spinCtrl = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(seconds: 3),
|
||||
)..repeat();
|
||||
_startDownload();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_spinCtrl.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// ─── Download ───────────────────────────────────────────────────────────────
|
||||
|
||||
Future<void> _startDownload() async {
|
||||
setState(() {
|
||||
_state = _DownloadState.downloading;
|
||||
_progress = 0;
|
||||
_received = 0;
|
||||
_total = 0;
|
||||
});
|
||||
|
||||
try {
|
||||
final dir = await getTemporaryDirectory();
|
||||
final downloadDir = Directory(p.join(dir.path, 'downloads'));
|
||||
await downloadDir.create(recursive: true);
|
||||
|
||||
final ext = Platform.isWindows ? '.exe' : '.apk';
|
||||
final fileName = 'pyramid-update-${widget.info.tagName}$ext';
|
||||
final file = File(p.join(downloadDir.path, fileName));
|
||||
final request = http.Request('GET', Uri.parse(widget.info.downloadUrl!));
|
||||
final streamedResponse =
|
||||
await http.Client().send(request).timeout(const Duration(minutes: 5));
|
||||
|
||||
_total = streamedResponse.contentLength ?? 0;
|
||||
final sink = file.openWrite();
|
||||
|
||||
await for (final chunk in streamedResponse.stream) {
|
||||
sink.add(chunk);
|
||||
_received += chunk.length;
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_progress = _total > 0 ? _received / _total : 0;
|
||||
});
|
||||
}
|
||||
}
|
||||
await sink.flush();
|
||||
await sink.close();
|
||||
|
||||
if (!mounted) return;
|
||||
await _install(file);
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
setState(() {
|
||||
_state = _DownloadState.error;
|
||||
_errorMsg = e.toString().split('\n').first;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _install(File file) async {
|
||||
setState(() => _state = _DownloadState.installing);
|
||||
|
||||
if (Platform.isWindows) {
|
||||
await Process.start(file.path, [], runInShell: false);
|
||||
if (mounted) Navigator.of(context).pop();
|
||||
exit(0);
|
||||
} else if (Platform.isAndroid) {
|
||||
final result = await OpenFile.open(
|
||||
file.path,
|
||||
type: 'application/vnd.android.package-archive',
|
||||
);
|
||||
if (mounted) {
|
||||
if (result.type == ResultType.done) {
|
||||
setState(() => _state = _DownloadState.done);
|
||||
} else {
|
||||
setState(() {
|
||||
_state = _DownloadState.error;
|
||||
_errorMsg = result.message;
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Helpers ────────────────────────────────────────────────────────────────
|
||||
|
||||
String _formatBytes(int bytes) {
|
||||
if (bytes < 1024 * 1024) return '${(bytes / 1024).toStringAsFixed(1)} KB';
|
||||
return '${(bytes / (1024 * 1024)).toStringAsFixed(1)} MB';
|
||||
}
|
||||
|
||||
// ─── UI ─────────────────────────────────────────────────────────────────────
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final pt = PyramidTheme.of(context);
|
||||
return Dialog(
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
child: Container(
|
||||
width: 320,
|
||||
padding: const EdgeInsets.fromLTRB(32, 36, 32, 28),
|
||||
decoration: BoxDecoration(
|
||||
color: pt.bg1,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(color: pt.border),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Colors.black.withAlpha(120),
|
||||
blurRadius: 40,
|
||||
spreadRadius: 4,
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
// ── Animated Pyramid ──
|
||||
_AnimatedPyramid(ctrl: _spinCtrl, pt: pt),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// ── Title ──
|
||||
Text(
|
||||
_titleText(),
|
||||
style: TextStyle(
|
||||
color: pt.fg,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
const SizedBox(height: 6),
|
||||
Text(
|
||||
widget.info.tagName,
|
||||
style: TextStyle(color: pt.accent, fontSize: 13),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// ── Progress / Status ──
|
||||
if (_state == _DownloadState.downloading) ...[
|
||||
_ProgressBar(progress: _progress, pt: pt),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
_progressLabel(),
|
||||
style: TextStyle(color: pt.fgMuted, fontSize: 12),
|
||||
),
|
||||
] else if (_state == _DownloadState.installing) ...[
|
||||
_ProgressBar(progress: 1.0, pt: pt),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
'Wird installiert…',
|
||||
style: TextStyle(color: pt.fgMuted, fontSize: 12),
|
||||
),
|
||||
] else if (_state == _DownloadState.done) ...[
|
||||
Icon(Icons.check_circle_rounded, color: pt.accent, size: 32),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
'Update installiert',
|
||||
style: TextStyle(color: pt.fgMuted, fontSize: 12),
|
||||
),
|
||||
] else if (_state == _DownloadState.error) ...[
|
||||
Icon(Icons.error_outline_rounded,
|
||||
color: pt.danger, size: 32),
|
||||
const SizedBox(height: 8),
|
||||
Text(
|
||||
_errorMsg,
|
||||
style: TextStyle(color: pt.danger, fontSize: 11),
|
||||
textAlign: TextAlign.center,
|
||||
maxLines: 3,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
],
|
||||
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// ── Action buttons ──
|
||||
if (_state == _DownloadState.error)
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: _DialogBtn(
|
||||
label: 'Abbrechen',
|
||||
pt: pt,
|
||||
onTap: () => Navigator.of(context).pop(),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 10),
|
||||
Expanded(
|
||||
child: _DialogBtn(
|
||||
label: 'Erneut',
|
||||
pt: pt,
|
||||
primary: true,
|
||||
onTap: _startDownload,
|
||||
),
|
||||
),
|
||||
],
|
||||
)
|
||||
else if (_state == _DownloadState.done)
|
||||
_DialogBtn(
|
||||
label: 'Schließen',
|
||||
pt: pt,
|
||||
onTap: () => Navigator.of(context).pop(),
|
||||
)
|
||||
else if (_state == _DownloadState.downloading)
|
||||
_DialogBtn(
|
||||
label: 'Abbrechen',
|
||||
pt: pt,
|
||||
onTap: () => Navigator.of(context).pop(),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _titleText() => switch (_state) {
|
||||
_DownloadState.idle => 'Vorbereitung…',
|
||||
_DownloadState.downloading => 'Update wird geladen',
|
||||
_DownloadState.installing => 'Wird installiert',
|
||||
_DownloadState.done => 'Fertig!',
|
||||
_DownloadState.error => 'Fehler beim Download',
|
||||
};
|
||||
|
||||
String _progressLabel() {
|
||||
final pct = (_progress * 100).toStringAsFixed(0);
|
||||
if (_total > 0) {
|
||||
return '$pct% · ${_formatBytes(_received)} / ${_formatBytes(_total)}';
|
||||
}
|
||||
return '$pct% · ${_formatBytes(_received)}';
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Animated pyramid ─────────────────────────────────────────────────────────
|
||||
|
||||
class _AnimatedPyramid extends StatelessWidget {
|
||||
final AnimationController ctrl;
|
||||
final PyramidTheme pt;
|
||||
const _AnimatedPyramid({required this.ctrl, required this.pt});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AnimatedBuilder(
|
||||
animation: ctrl,
|
||||
builder: (context, _) {
|
||||
final pulse = 0.9 + 0.1 * (0.5 - (ctrl.value - 0.5).abs()) * 2;
|
||||
return Transform.scale(
|
||||
scale: pulse,
|
||||
child: PyramidLogo(size: 72, color: pt.accent),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Progress bar ─────────────────────────────────────────────────────────────
|
||||
|
||||
class _ProgressBar extends StatelessWidget {
|
||||
final double progress;
|
||||
final PyramidTheme pt;
|
||||
const _ProgressBar({required this.progress, required this.pt});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
height: 6,
|
||||
decoration: BoxDecoration(
|
||||
color: pt.bg3,
|
||||
borderRadius: BorderRadius.circular(3),
|
||||
),
|
||||
child: FractionallySizedBox(
|
||||
alignment: Alignment.centerLeft,
|
||||
widthFactor: progress.clamp(0.0, 1.0),
|
||||
child: AnimatedContainer(
|
||||
duration: const Duration(milliseconds: 200),
|
||||
decoration: BoxDecoration(
|
||||
color: pt.accent,
|
||||
borderRadius: BorderRadius.circular(3),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: pt.accent.withAlpha(100),
|
||||
blurRadius: 6,
|
||||
spreadRadius: 1,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// ─── Dialog button ────────────────────────────────────────────────────────────
|
||||
|
||||
class _DialogBtn extends StatelessWidget {
|
||||
final String label;
|
||||
final PyramidTheme pt;
|
||||
final bool primary;
|
||||
final VoidCallback onTap;
|
||||
|
||||
const _DialogBtn({
|
||||
required this.label,
|
||||
required this.pt,
|
||||
required this.onTap,
|
||||
this.primary = false,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
height: 36,
|
||||
decoration: BoxDecoration(
|
||||
color: primary ? pt.accent : pt.bg3,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Center(
|
||||
child: Text(
|
||||
label,
|
||||
style: TextStyle(
|
||||
color: primary ? pt.accentFg : pt.fgMuted,
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user