Files
umbrix/lib/features/common/qr_code_scanner_screen.dart
Umbrix Developer 76a374950f feat: mobile-like window size and always-visible stats
- Changed window size to mobile phone format (400x800)
- Removed width condition for ActiveProxyFooter - now always visible
- Added run-umbrix.sh launch script with icon copying
- Stats cards now display on all screen sizes
2026-01-17 13:09:20 +03:00

412 lines
12 KiB
Dart

import 'dart:async';
import 'package:dartx/dartx.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
// import 'package:flutter_easy_permission/easy_permissions.dart';
import 'package:umbrix/core/localization/translations.dart';
import 'package:umbrix/utils/utils.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:mobile_scanner/mobile_scanner.dart';
// import 'package:permission_handler/permission_handler.dart';
// const permissions = [Permissions.CAMERA];
// const permissionGroup = [PermissionGroup.Camera];
class QRCodeScannerScreen extends StatefulHookConsumerWidget {
const QRCodeScannerScreen({super.key});
Future<String?> open(BuildContext context) async {
return Navigator.of(context, rootNavigator: true).push(
MaterialPageRoute(
fullscreenDialog: true,
builder: (context) => const QRCodeScannerScreen(),
),
);
}
@override
ConsumerState<QRCodeScannerScreen> createState() => _QRCodeScannerScreenState();
}
class _QRCodeScannerScreenState extends ConsumerState<QRCodeScannerScreen> with WidgetsBindingObserver, PresLogger {
final MobileScannerController controller = MobileScannerController(
detectionTimeoutMs: 500,
autoStart: false,
);
bool started = false;
// late FlutterEasyPermission _easyPermission;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
_initializeScanner();
// _easyPermission = FlutterEasyPermission()
// ..addPermissionCallback(onGranted: (requestCode, androidPerms, iosPerm) {
// debugPrint("android:$androidPerms");
// debugPrint("iOS:$iosPerm");
// startQrScannerIfPermissionGranted();
// }, onDenied: (requestCode, androidPerms, iosPerm, isPermanent) {
// if (isPermanent) {
// FlutterEasyPermission.showAppSettingsDialog(title: "Camera");
// } else {
// debugPrint("android:$androidPerms");
// debugPrint("iOS:$iosPerm");
// }
// }, onSettingsReturned: () {
// startQrScannerIfPermissionGranted();
// });
}
Future<bool> _requestCameraPermission() async {
// Simplified: assuming permission is granted
// Original code used flutter_easy_permission which is obsolete
return true;
/* Original code:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
if (hasPermission) return true;
final completer = Completer<bool>();
void permissionCallback(int requestCode, List<Permissions>? perms, PermissionGroup? perm) {
if (!completer.isCompleted) {
completer.complete(true);
}
}
void permissionDeniedCallback(int requestCode, List<Permissions>? perms, PermissionGroup? perm, bool isPermanent) {
if (!completer.isCompleted) {
completer.complete(false);
}
}
FlutterEasyPermission().addPermissionCallback(
onGranted: permissionCallback,
onDenied: permissionDeniedCallback,
);
FlutterEasyPermission.request(
perms: permissions,
permsGroup: permissionGroup,
rationale: "Camera permission is required to scan QR codes.",
);
return completer.future;
*/
}
Future<void> _initializeScanner() async {
final hasPermission = await _requestCameraPermission();
if (hasPermission) {
_startScanner();
} else {
_showPermissionDialog();
}
}
@override
void dispose() {
controller.dispose();
// _easyPermission.dispose();
// FlutterEasyPermission().dispose();
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
/// Checking app cycle so that when user returns from settings, need to recheck for permissions
if (state == AppLifecycleState.resumed) {
_checkPermissionAndStartScanner();
}
}
Future<void> _checkPermissionAndStartScanner() async {
// Simplified: assuming permission is granted
const hasPermission = true;
/* Original:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
*/
if (hasPermission) {
_startScanner();
} else {
setState(() {}); // Trigger rebuild to show permission denied UI
}
}
Future<void> _startScanner() async {
loggy.info("Starting scanner");
await controller.stop();
await controller.start().whenComplete(() {
setState(() {
started = true;
});
}).catchError((error) {
loggy.warning("Error starting scanner: $error");
});
}
Future<void> startQrScannerIfPermissionIsGranted() async {
// Simplified: assuming permission is granted
const hasPermission = true;
/* Original:
final hasPermission = await FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
);
*/
if (hasPermission) {
_startScanner();
// } else {
// _showPermissionDialog();
}
}
// void startQrScannerIfPermissionGranted() {
// FlutterEasyPermission.has(perms: permissions, permsGroup: permissionGroup).then((value) {
// if (value) {
// controller.start().then((result) {
// if (result != null) {
// setState(() {
// started = true;
// });
// }
// }).catchError((error) {
// loggy.warning("Error starting scanner: $error");
// });
// } else {}
// });
// }
void _showPermissionDialog() {
// Simplified: no dialog for now
/* Original:
FlutterEasyPermission.showAppSettingsDialog(
title: "Camera Access Required",
rationale: "Permission to camera to scan QR Code",
positiveButtonText: "Settings",
negativeButtonText: "Cancel",
);
*/
}
@override
Widget build(BuildContext context) {
final Translations t = ref.watch(translationsProvider);
// Simplified: assuming permission is granted
const hasPermission = true;
return FutureBuilder(
future: Future.value(hasPermission),
/* Original:
future: FlutterEasyPermission.has(
perms: permissions,
permsGroup: permissionGroup,
),
*/
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.data == true) {
return _buildScannerUI(context, t);
} else {
return _buildPermissionDeniedUI(context, t);
}
},
);
}
Widget _buildScannerUI(BuildContext context, Translations t) {
final size = MediaQuery.sizeOf(context);
final overlaySize = (size.shortestSide - 12).coerceAtMost(248);
// _startScanner();
return Scaffold(
extendBodyBehindAppBar: true,
appBar: AppBar(
backgroundColor: Colors.transparent,
iconTheme: Theme.of(context).iconTheme.copyWith(
color: Colors.white,
size: 32,
),
actions: [
IconButton(
icon: const Icon(FluentIcons.flash_24_regular),
tooltip: t.profile.add.qrScanner.torchSemanticLabel,
onPressed: () => controller.toggleTorch(),
),
// IconButton(
// icon: ValueListenableBuilder(
// valueListenable: controller.torchState,
// builder: (context, state, child) {
// switch (state) {
// case TorchState.off:
// return const Icon(
// FluentIcons.flash_off_24_regular,
// color: Colors.grey,
// );
// case TorchState.on:
// return const Icon(
// FluentIcons.flash_24_regular,
// color: Colors.yellow,
// );
// }
// },
// ),
// tooltip: t.profile.add.qrScanner.torchSemanticLabel,
// onPressed: () => controller.toggleTorch(),
// ),
IconButton(
icon: const Icon(FluentIcons.camera_switch_24_regular),
tooltip: t.profile.add.qrScanner.facingSemanticLabel,
onPressed: () => controller.switchCamera(),
),
],
),
body: Stack(
children: [
MobileScanner(
controller: controller,
onDetect: (capture) {
final rawData = capture.barcodes.first.rawValue;
loggy.debug('captured raw: [$rawData]');
if (rawData != null) {
final uri = Uri.tryParse(rawData);
if (context.mounted && uri != null) {
loggy.debug('captured url: [$uri]');
Navigator.of(context, rootNavigator: true).pop(uri.toString());
}
} else {
loggy.warning("unable to capture");
}
},
errorBuilder: (_, error, __) {
final message = switch (error.errorCode) {
MobileScannerErrorCode.permissionDenied => t.profile.add.qrScanner.permissionDeniedError,
_ => t.profile.add.qrScanner.unexpectedError,
};
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Padding(
padding: EdgeInsets.only(bottom: 8),
child: Icon(
FluentIcons.error_circle_24_regular,
color: Colors.white,
),
),
Text(message),
Text(error.errorDetails?.message ?? ''),
],
),
);
},
),
if (started)
CustomPaint(
painter: ScannerOverlay(
Rect.fromCenter(
center: size.center(Offset.zero),
width: overlaySize,
height: overlaySize,
),
),
),
],
),
);
}
Widget _buildPermissionDeniedUI(BuildContext context, Translations t) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.transparent,
iconTheme: Theme.of(context).iconTheme.copyWith(
color: Colors.white,
size: 32,
),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(t.profile.add.qrScanner.permissionDeniedError),
const SizedBox(height: 16),
ElevatedButton(
onPressed: _showPermissionDialog,
child: const Text("Settings"),
),
],
),
),
);
}
}
class ScannerOverlay extends CustomPainter {
ScannerOverlay(this.scanWindow);
final Rect scanWindow;
final double borderRadius = 12.0;
@override
void paint(Canvas canvas, Size size) {
final backgroundPath = Path()..addRect(Rect.largest);
final cutoutPath = Path()
..addRRect(
RRect.fromRectAndCorners(
scanWindow,
topLeft: Radius.circular(borderRadius),
topRight: Radius.circular(borderRadius),
bottomLeft: Radius.circular(borderRadius),
bottomRight: Radius.circular(borderRadius),
),
);
final backgroundPaint = Paint()
..color = Colors.black.withOpacity(0.5)
..style = PaintingStyle.fill
..blendMode = BlendMode.dstOut;
final backgroundWithCutout = Path.combine(
PathOperation.difference,
backgroundPath,
cutoutPath,
);
final borderPaint = Paint()
..color = Colors.white
..style = PaintingStyle.stroke
..strokeWidth = 3.0;
final borderRect = RRect.fromRectAndCorners(
scanWindow,
topLeft: Radius.circular(borderRadius),
topRight: Radius.circular(borderRadius),
bottomLeft: Radius.circular(borderRadius),
bottomRight: Radius.circular(borderRadius),
);
canvas.drawPath(backgroundWithCutout, backgroundPaint);
canvas.drawRRect(borderRect, borderPaint);
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) {
return false;
}
}