mirror of
https://github.com/kodjodevf/mangayomi.git
synced 2026-04-18 21:22:07 +00:00
526 lines
21 KiB
Dart
526 lines
21 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:isar/isar.dart';
|
|
import 'package:mangayomi/eval/model/m_bridge.dart';
|
|
import 'package:mangayomi/main.dart';
|
|
import 'package:mangayomi/models/chapter.dart';
|
|
import 'package:mangayomi/models/manga.dart';
|
|
import 'package:mangayomi/models/update.dart';
|
|
import 'package:mangayomi/models/source.dart';
|
|
import 'package:mangayomi/modules/more/settings/reader/providers/reader_state_provider.dart';
|
|
import 'package:mangayomi/modules/more/settings/sync/providers/sync_providers.dart';
|
|
import 'package:mangayomi/modules/widgets/loading_icon.dart';
|
|
import 'package:mangayomi/services/fetch_anime_sources.dart';
|
|
import 'package:mangayomi/services/fetch_manga_sources.dart';
|
|
import 'package:mangayomi/modules/main_view/providers/migration.dart';
|
|
import 'package:mangayomi/modules/more/about/providers/check_for_update.dart';
|
|
import 'package:mangayomi/modules/more/data_and_storage/providers/auto_backup.dart';
|
|
import 'package:mangayomi/providers/l10n_providers.dart';
|
|
import 'package:mangayomi/router/router.dart';
|
|
import 'package:mangayomi/services/fetch_novel_sources.dart';
|
|
import 'package:mangayomi/services/fetch_sources_list.dart';
|
|
import 'package:mangayomi/services/sync_server.dart';
|
|
import 'package:mangayomi/utils/extensions/build_context_extensions.dart';
|
|
import 'package:mangayomi/modules/library/providers/library_state_provider.dart';
|
|
import 'package:mangayomi/modules/more/providers/incognito_mode_state_provider.dart';
|
|
|
|
class MainScreen extends ConsumerStatefulWidget {
|
|
const MainScreen({super.key, required this.child});
|
|
|
|
final Widget child;
|
|
|
|
@override
|
|
ConsumerState<MainScreen> createState() => _MainScreenState();
|
|
}
|
|
|
|
class _MainScreenState extends ConsumerState<MainScreen> {
|
|
String getHyphenatedUpdatesLabel(String languageCode, String defaultLabel) {
|
|
switch (languageCode) {
|
|
case 'de':
|
|
return "Aktuali-\nsierungen";
|
|
case 'es':
|
|
case 'es_419':
|
|
return "Actuali-\nzaciones";
|
|
case 'it':
|
|
return "Aggiorna-\nmenti";
|
|
case 'tr':
|
|
return "Güncel-\nlemeler";
|
|
default:
|
|
return defaultLabel;
|
|
}
|
|
}
|
|
|
|
late final navigationOrder = ref.watch(navigationOrderStateProvider);
|
|
late final autoSyncFrequency =
|
|
ref.watch(synchingProvider(syncId: 1)).autoSyncFrequency;
|
|
late String? location = ref.watch(
|
|
routerCurrentLocationStateProvider(context),
|
|
);
|
|
late String defaultLocation = navigationOrder.first;
|
|
@override
|
|
initState() {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
context.go(defaultLocation);
|
|
|
|
Timer.periodic(Duration(minutes: 5), (timer) {
|
|
ref.read(checkAndBackupProvider);
|
|
});
|
|
if (autoSyncFrequency != 0) {
|
|
final l10n = l10nLocalizations(context)!;
|
|
Timer.periodic(Duration(seconds: autoSyncFrequency), (timer) {
|
|
try {
|
|
ref
|
|
.read(syncServerProvider(syncId: 1).notifier)
|
|
.startSync(l10n, true);
|
|
} catch (e) {
|
|
botToast(
|
|
"Failed to sync! Maybe the sync server is down. Restart the app to resume auto sync.",
|
|
);
|
|
timer.cancel();
|
|
}
|
|
});
|
|
}
|
|
|
|
ref.watch(checkForUpdateProvider(context: context));
|
|
ref.watch(fetchMangaSourcesListProvider(id: null, reFresh: false));
|
|
ref.watch(fetchAnimeSourcesListProvider(id: null, reFresh: false));
|
|
ref.watch(fetchNovelSourcesListProvider(id: null, reFresh: false));
|
|
});
|
|
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l10n = context.l10n;
|
|
final route = GoRouter.of(context);
|
|
final navigationOrder = ref.watch(navigationOrderStateProvider);
|
|
final hideItems = ref.watch(hideItemsStateProvider);
|
|
location = ref.watch(routerCurrentLocationStateProvider(context));
|
|
return ref
|
|
.watch(migrationProvider)
|
|
.when(
|
|
data: (_) {
|
|
return Consumer(
|
|
builder: (context, ref, chuld) {
|
|
bool isReadingScreen =
|
|
location == '/mangaReaderView' ||
|
|
location == '/animePlayerView' ||
|
|
location == '/novelReaderView';
|
|
final dest =
|
|
navigationOrder
|
|
.where((nav) => !hideItems.contains(nav))
|
|
.toList();
|
|
|
|
int currentIndex = dest.indexOf(location ?? defaultLocation);
|
|
if (currentIndex == -1) {
|
|
currentIndex = dest.length - 1;
|
|
}
|
|
|
|
final incognitoMode = ref.watch(incognitoModeStateProvider);
|
|
final isLongPressed = ref.watch(
|
|
isLongPressedMangaStateProvider,
|
|
);
|
|
return Column(
|
|
children: [
|
|
if (!isReadingScreen)
|
|
Material(
|
|
child: AnimatedContainer(
|
|
height:
|
|
incognitoMode
|
|
? Platform.isAndroid || Platform.isIOS
|
|
? MediaQuery.of(context).padding.top * 2
|
|
: 50
|
|
: 0,
|
|
curve: Curves.easeIn,
|
|
duration: const Duration(milliseconds: 150),
|
|
color: context.primaryColor,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Text(
|
|
l10n.incognito_mode,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontFamily:
|
|
GoogleFonts.aBeeZee().fontFamily,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Flexible(
|
|
child: Scaffold(
|
|
body:
|
|
context.isTablet
|
|
? Row(
|
|
children: [
|
|
AnimatedContainer(
|
|
duration: const Duration(milliseconds: 0),
|
|
width: switch (isLongPressed) {
|
|
true => 0,
|
|
_ => switch (location) {
|
|
null => 100,
|
|
!= '/MangaLibrary' &&
|
|
!= '/AnimeLibrary' &&
|
|
!= '/NovelLibrary' &&
|
|
!= '/history' &&
|
|
!= '/updates' &&
|
|
!= '/browse' &&
|
|
!= '/more' =>
|
|
0,
|
|
_ => 100,
|
|
},
|
|
},
|
|
child: Stack(
|
|
children: [
|
|
NavigationRailTheme(
|
|
data: NavigationRailThemeData(
|
|
indicatorShape:
|
|
RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(
|
|
30,
|
|
),
|
|
),
|
|
),
|
|
child: Builder(
|
|
builder: (context) {
|
|
return NavigationRail(
|
|
labelType:
|
|
NavigationRailLabelType
|
|
.all,
|
|
useIndicator: true,
|
|
destinations:
|
|
_buildNavigationWidgetsDesktop(
|
|
ref,
|
|
dest,
|
|
context,
|
|
),
|
|
selectedIndex: currentIndex,
|
|
onDestinationSelected: (
|
|
newIndex,
|
|
) {
|
|
route.go(dest[newIndex]);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Expanded(child: widget.child),
|
|
],
|
|
)
|
|
: widget.child,
|
|
bottomNavigationBar:
|
|
context.isTablet
|
|
? null
|
|
: AnimatedContainer(
|
|
duration: const Duration(milliseconds: 0),
|
|
width: context.width(1),
|
|
height: switch (isLongPressed) {
|
|
true => 0,
|
|
_ => switch (location) {
|
|
null => null,
|
|
!= '/MangaLibrary' &&
|
|
!= '/AnimeLibrary' &&
|
|
!= '/NovelLibrary' &&
|
|
!= '/history' &&
|
|
!= '/updates' &&
|
|
!= '/browse' &&
|
|
!= '/more' =>
|
|
0,
|
|
_ => null,
|
|
},
|
|
},
|
|
child: NavigationBarTheme(
|
|
data: NavigationBarThemeData(
|
|
labelTextStyle: WidgetStatePropertyAll(
|
|
TextStyle(
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
indicatorShape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(30),
|
|
),
|
|
),
|
|
child: NavigationBar(
|
|
animationDuration: const Duration(
|
|
milliseconds: 500,
|
|
),
|
|
selectedIndex: currentIndex,
|
|
destinations:
|
|
_buildNavigationWidgetsMobile(
|
|
ref,
|
|
dest,
|
|
context,
|
|
),
|
|
onDestinationSelected: (newIndex) {
|
|
route.go(dest[newIndex]);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
},
|
|
error: (error, _) {
|
|
return const LoadingIcon();
|
|
},
|
|
loading: () {
|
|
return const LoadingIcon();
|
|
},
|
|
);
|
|
}
|
|
|
|
List<NavigationRailDestination> _buildNavigationWidgetsDesktop(
|
|
WidgetRef ref,
|
|
List<String> dest,
|
|
BuildContext context,
|
|
) {
|
|
final l10n = context.l10n;
|
|
final destinations = List<NavigationRailDestination?>.filled(
|
|
dest.length,
|
|
null,
|
|
);
|
|
if (dest.contains("/MangaLibrary")) {
|
|
destinations[dest.indexOf("/MangaLibrary")] = NavigationRailDestination(
|
|
selectedIcon: const Icon(Icons.collections_bookmark),
|
|
icon: const Icon(Icons.collections_bookmark_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.manga),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/AnimeLibrary")) {
|
|
destinations[dest.indexOf("/AnimeLibrary")] = NavigationRailDestination(
|
|
selectedIcon: const Icon(Icons.video_collection),
|
|
icon: const Icon(Icons.video_collection_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.anime),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/NovelLibrary")) {
|
|
destinations[dest.indexOf("/NovelLibrary")] = NavigationRailDestination(
|
|
selectedIcon: const Icon(Icons.local_library),
|
|
icon: const Icon(Icons.local_library_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.novel),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/updates")) {
|
|
destinations[dest.indexOf("/updates")] = NavigationRailDestination(
|
|
selectedIcon: _updatesTotalNumbers(ref, Icon(Icons.new_releases)),
|
|
icon: _updatesTotalNumbers(ref, Icon(Icons.new_releases_outlined)),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(
|
|
getHyphenatedUpdatesLabel(
|
|
ref.watch(l10nLocaleStateProvider).languageCode,
|
|
l10n.updates,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/history")) {
|
|
destinations[dest.indexOf("/history")] = NavigationRailDestination(
|
|
selectedIcon: const Icon(Icons.history),
|
|
icon: const Icon(Icons.history_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.history),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/browse")) {
|
|
destinations[dest.indexOf("/browse")] = NavigationRailDestination(
|
|
selectedIcon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore)),
|
|
icon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore_outlined)),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.browse),
|
|
),
|
|
);
|
|
}
|
|
if (dest.contains("/more")) {
|
|
destinations[dest.indexOf("/more")] = NavigationRailDestination(
|
|
selectedIcon: const Icon(Icons.more_horiz),
|
|
icon: const Icon(Icons.more_horiz_outlined),
|
|
label: Padding(
|
|
padding: const EdgeInsets.only(top: 5),
|
|
child: Text(l10n.more),
|
|
),
|
|
);
|
|
}
|
|
return destinations.nonNulls.toList();
|
|
}
|
|
|
|
List<Widget> _buildNavigationWidgetsMobile(
|
|
WidgetRef ref,
|
|
List<String> dest,
|
|
BuildContext context,
|
|
) {
|
|
final l10n = context.l10n;
|
|
final destinations = List<Widget>.filled(
|
|
dest.length,
|
|
const SizedBox.shrink(),
|
|
);
|
|
if (dest.contains("/MangaLibrary")) {
|
|
destinations[dest.indexOf("/MangaLibrary")] = NavigationDestination(
|
|
selectedIcon: const Icon(Icons.collections_bookmark),
|
|
icon: const Icon(Icons.collections_bookmark_outlined),
|
|
label: l10n.manga,
|
|
);
|
|
}
|
|
if (dest.contains("/AnimeLibrary")) {
|
|
destinations[dest.indexOf("/AnimeLibrary")] = NavigationDestination(
|
|
selectedIcon: const Icon(Icons.video_collection),
|
|
icon: const Icon(Icons.video_collection_outlined),
|
|
label: l10n.anime,
|
|
);
|
|
}
|
|
if (dest.contains("/NovelLibrary")) {
|
|
destinations[dest.indexOf("/NovelLibrary")] = NavigationDestination(
|
|
selectedIcon: const Icon(Icons.local_library),
|
|
icon: const Icon(Icons.local_library_outlined),
|
|
label: l10n.novel,
|
|
);
|
|
}
|
|
if (dest.contains("/updates")) {
|
|
destinations[dest.indexOf("/updates")] = NavigationDestination(
|
|
selectedIcon: _updatesTotalNumbers(ref, Icon(Icons.new_releases)),
|
|
icon: _updatesTotalNumbers(ref, Icon(Icons.new_releases_outlined)),
|
|
label: l10n.updates,
|
|
);
|
|
}
|
|
if (dest.contains("/history")) {
|
|
destinations[dest.indexOf("/history")] = NavigationDestination(
|
|
selectedIcon: const Icon(Icons.history),
|
|
icon: const Icon(Icons.history_outlined),
|
|
label: l10n.history,
|
|
);
|
|
}
|
|
if (dest.contains("/browse")) {
|
|
destinations[dest.indexOf("/browse")] = NavigationDestination(
|
|
selectedIcon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore)),
|
|
icon: _extensionUpdateTotalNumbers(ref, Icon(Icons.explore_outlined)),
|
|
label: l10n.browse,
|
|
);
|
|
}
|
|
if (dest.contains("/more")) {
|
|
destinations[dest.indexOf("/more")] = NavigationDestination(
|
|
selectedIcon: const Icon(Icons.more_horiz),
|
|
icon: const Icon(Icons.more_horiz_outlined),
|
|
label: l10n.more,
|
|
);
|
|
}
|
|
return destinations;
|
|
}
|
|
}
|
|
|
|
Widget _extensionUpdateTotalNumbers(WidgetRef ref, Widget widget) {
|
|
final hideItems = ref.watch(hideItemsStateProvider);
|
|
return StreamBuilder(
|
|
stream: isar.sources
|
|
.filter()
|
|
.idIsNotNull()
|
|
.optional(
|
|
hideItems.contains("/MangaLibrary"),
|
|
(q) => q.not().itemTypeEqualTo(ItemType.manga),
|
|
)
|
|
.optional(
|
|
hideItems.contains("/AnimeLibrary"),
|
|
(q) => q.not().itemTypeEqualTo(ItemType.anime),
|
|
)
|
|
.optional(
|
|
hideItems.contains("/NovelLibrary"),
|
|
(q) => q.not().itemTypeEqualTo(ItemType.novel),
|
|
)
|
|
.and()
|
|
.isActiveEqualTo(true)
|
|
.watch(fireImmediately: true),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData && snapshot.data!.isNotEmpty) {
|
|
final entries =
|
|
snapshot.data!
|
|
.where(
|
|
(element) =>
|
|
compareVersions(element.version!, element.versionLast!) <
|
|
0,
|
|
)
|
|
.toList();
|
|
if (entries.isEmpty) {
|
|
return widget;
|
|
}
|
|
return Badge(label: Text("${entries.length}"), child: widget);
|
|
}
|
|
return widget;
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _updatesTotalNumbers(WidgetRef ref, Widget widget) {
|
|
final hideItems = ref.watch(hideItemsStateProvider);
|
|
return StreamBuilder(
|
|
stream: isar.updates
|
|
.filter()
|
|
.idIsNotNull()
|
|
.optional(
|
|
hideItems.contains("/MangaLibrary"),
|
|
(q) => q.chapter(
|
|
(c) => c.manga((m) => m.not().itemTypeEqualTo(ItemType.manga)),
|
|
),
|
|
)
|
|
.optional(
|
|
hideItems.contains("/AnimeLibrary"),
|
|
(q) => q.chapter(
|
|
(c) => c.manga((m) => m.not().itemTypeEqualTo(ItemType.anime)),
|
|
),
|
|
)
|
|
.optional(
|
|
hideItems.contains("/NovelLibrary"),
|
|
(q) => q.chapter(
|
|
(c) => c.manga((m) => m.not().itemTypeEqualTo(ItemType.novel)),
|
|
),
|
|
)
|
|
.watch(fireImmediately: true),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData && snapshot.data!.isNotEmpty) {
|
|
final entries =
|
|
snapshot.data!.where((element) {
|
|
if (!element.chapter.isLoaded) {
|
|
element.chapter.loadSync();
|
|
}
|
|
return !(element.chapter.value?.isRead ?? false);
|
|
}).toList();
|
|
if (entries.isEmpty) {
|
|
return widget;
|
|
}
|
|
return Badge(label: Text("${entries.length}"), child: widget);
|
|
}
|
|
return widget;
|
|
},
|
|
);
|
|
}
|