v1.3.2+58

- oops xd

assets/i18n/de_DE.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Einstellungen",
+  "settings_language": "Sprache",
+  "settings_drawer_title": "Drawer per Geste öffnen",
+  "settings_drawer_subtitle": "Wähle, ob der Drawer mit einer Wischgeste geschlossen/geöffnet werden kann.",
+  "settings_numberofcolumns_title": "Spaltenanzahl",
+  "settings_numberofcolumns_columns": "@count Spalten",
+  "settings_pageanimation_title": "Seitenwechselanimation",
+  "settings_cache_title": "Cache leeren",
+  "settings_cache_clear_button": "Leeren"
+}

assets/i18n/en_US.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Settings",
+  "settings_language": "Language",
+  "settings_drawer_title": "Open drawer with gesture",
+  "settings_drawer_subtitle": "Choose whether the drawer can be closed/opened with a swipe gesture.",
+  "settings_numberofcolumns_title": "Number of columns",
+  "settings_numberofcolumns_columns": "@count columns",
+  "settings_pageanimation_title": "Page change animation",
+  "settings_cache_title": "Clear Cache",
+  "settings_cache_clear_button": "Clear"
+}

assets/i18n/fr_FR.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Paramètres",
+  "settings_language": "Langue",
+  "settings_drawer_title": "Ouvrir le tiroir avec un geste",
+  "settings_drawer_subtitle": "Choisissez si le tiroir peut être ouvert/fermé avec un geste de balayage.",
+  "settings_numberofcolumns_title": "Nombre de colonnes",
+  "settings_numberofcolumns_columns": "@count colonnes",
+  "settings_pageanimation_title": "Animation de changement de page",
+  "settings_cache_title": "Vider le cache",
+  "settings_cache_clear_button": "Vider"
+}

assets/i18n/nl_NL.json

@@ -0,0 +1,11 @@
+{
+  "settings_title": "Instellingen",
+  "settings_language": "Taal",
+  "settings_drawer_title": "Lade openen met een gebaar",
+  "settings_drawer_subtitle": "Kies of de lade geopend/gesloten kan worden met een veeggebaar.",
+  "settings_numberofcolumns_title": "Aantal kolommen",
+  "settings_numberofcolumns_columns": "@count kolommen",
+  "settings_pageanimation_title": "Pagina-overgangsanimatie",
+  "settings_cache_title": "Cache wissen",
+  "settings_cache_clear_button": "Wissen"
+}

lib/controller/localization_controller.dart

@@ -0,0 +1,61 @@
+import 'dart:convert';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'package:get/get.dart';
+import 'package:encrypt_shared_preferences/provider.dart';
+
+class MyTranslations extends Translations {
+  static final MyTranslations instance = MyTranslations._internal();
+  MyTranslations._internal();
+
+  static final Map<String, Map<String, String>> _translations = {};
+
+  static Future<void> loadTranslations() async {
+    final locales = ['en_US', 'de_DE', 'fr_FR', 'nl_NL'];
+    for (final locale in locales) {
+      final String jsonString = await rootBundle.loadString('assets/i18n/$locale.json');
+      final Map<String, dynamic> jsonMap = json.decode(jsonString);
+      _translations[locale] = jsonMap.map((key, value) => MapEntry(key, value.toString()));
+    }
+  }
+
+  @override
+  Map<String, Map<String, String>> get keys => _translations;
+}
+
+class LocalizationController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+  Rx<Locale> currentLocale = const Locale('en', 'US').obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    loadLocale();
+  }
+
+  Future<void> loadLocale() async {
+    String? savedLocale = await storage.getString(
+      'locale',
+      defaultValue: 'en_US',
+    );
+    if (savedLocale != null && savedLocale.isNotEmpty) {
+      final List<String> parts = savedLocale.split('_');
+      currentLocale.value = parts.length == 2
+          ? Locale(parts[0], parts[1])
+          : Locale(parts[0]);
+      Get.locale = currentLocale.value;
+    }
+  }
+
+  Future<void> changeLocale(Locale newLocale) async {
+    currentLocale.value = newLocale;
+    Get.updateLocale(newLocale);
+    await storage.setString(
+      'locale',
+      '${newLocale.languageCode}_${newLocale.countryCode}',
+    );
+  }
+}

lib/controller/media_controller.dart

@@ -0,0 +1,110 @@
+import 'package:encrypt_shared_preferences/provider.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/utils/animatedtransition.dart';
+import 'package:f0ckapp/service/media_service.dart';
+import 'package:f0ckapp/models/media_item.dart';
+
+class MediaController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+
+  final RxList<MediaItem> mediaItems = <MediaItem>[].obs;
+  final RxBool isLoading = false.obs;
+  final RxString errorMessage = ''.obs;
+  final MediaService _mediaService = MediaService();
+
+  RxnString tag = RxnString();
+  RxInt type = 0.obs;
+  RxInt mode = 0.obs;
+  RxBool random = false.obs;
+  late RxBool muted = false.obs;
+  late RxInt crossAxisCount = 0.obs;
+  late RxBool drawerSwipeEnabled = true.obs;
+  final Rx<PageTransition> transitionType = PageTransition.opacity.obs;
+
+  @override
+  void onInit() async {
+    super.onInit();
+    await loadSettings();
+  }
+
+  Future<void> loadSettings() async {
+    muted.value = await storage.getBoolean('muted') ?? false;
+    crossAxisCount.value = await storage.getInt('crossAxisCount') ?? 0;
+    drawerSwipeEnabled.value =
+        await storage.getBoolean('drawerSwipeEnabled') ?? true;
+    transitionType.value =
+        PageTransition.values[await storage.getInt('transitionType') ?? 0];
+  }
+
+  Future<void> saveSettings() async {
+    await storage.setBoolean('muted', muted.value);
+    await storage.setInt('crossAxisCount', crossAxisCount.value);
+    await storage.setBoolean('drawerSwipeEnabled', drawerSwipeEnabled.value);
+    await storage.setInt('transitionType', transitionType.value.index);
+  }
+
+  Future<void> setTag(String? newTag) async {
+    tag.value = newTag;
+    await loadMediaItems();
+  }
+
+  Future<void> setType(int newType) async {
+    type.value = newType;
+    await loadMediaItems();
+  }
+
+  Future<void> setMode(int newMode) async {
+    mode.value = newMode;
+    await loadMediaItems();
+  }
+
+  Future<void> toggleRandom() async {
+    random.value = !random.value;
+    await loadMediaItems();
+  }
+
+  Future<void> toggleMuted() async {
+    muted.value = !muted.value;
+    await saveSettings();
+  }
+
+  Future<void> setCrossAxisCount(int newCrossAxisCount) async {
+    crossAxisCount.value = newCrossAxisCount;
+    await saveSettings();
+  }
+
+  Future<void> setDrawerSwipeEnabled(bool newValue) async {
+    drawerSwipeEnabled.value = newValue;
+    await saveSettings();
+  }
+
+  Future<void> setTransitionType(PageTransition newType) async {
+    transitionType.value = newType;
+    await saveSettings();
+  }
+
+  Future<void> loadMediaItems({int? older, bool append = false}) async {
+    if (isLoading.value) return;
+    try {
+      isLoading.value = true;
+      final List<MediaItem> items = await _mediaService.fetchMediaItems(
+        type: type.value,
+        mode: mode.value,
+        random: random.value ? 1 : 0,
+        tag: tag.value,
+        older: older,
+      );
+
+      append ? mediaItems.addAll(items) : mediaItems.assignAll(items);
+
+      errorMessage.value = '';
+    } catch (e) {
+      errorMessage.value = 'Fehler beim Laden der Daten: ${e.toString()}';
+      Get.snackbar('Error', e.toString());
+    } finally {
+      isLoading.value = false;
+    }
+  }
+}

lib/controller/theme_controller.dart

@@ -1,58 +1,7 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
 
-import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:get/get.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:encrypt_shared_preferences/provider.dart';
-
-final Map<String, ThemeData> themeMap = {
-  'f0ck': f0ckTheme,
-  'P1nk': p1nkTheme, // done
-  'Orange': orangeTheme,
-  'Amoled': amoledTheme,
-  'Paper': paperTheme,
-  //'Iced': icedTheme,
-  'f0ck95': f0ck95Theme,
-  'f0ck95d': f0ck95dTheme,
-};
-
-class ThemeNotifier extends StateNotifier<ThemeData> {
-  final FlutterSecureStorage secureStorage;
-
-  ThemeNotifier({required this.secureStorage}) : super(f0ckTheme) {
-    _loadTheme();
-  }
-
-  Future<void> _loadTheme() async {
-    try {
-      String? savedThemeName = await secureStorage.read(key: 'theme');
-      if (savedThemeName != null && themeMap.containsKey(savedThemeName)) {
-        state = themeMap[savedThemeName]!;
-      }
-    } catch (error) {
-      debugPrint('Fehler beim Laden des Themes: $error');
-      state = f0ckTheme;
-    }
-  }
-
-  Future<void> updateTheme(String themeName) async {
-    try {
-      await secureStorage.write(key: 'theme', value: themeName);
-      state = themeMap[themeName] ?? f0ckTheme;
-    } catch (error) {
-      debugPrint('Fehler beim Aktualisieren des Themes: $error');
-    }
-  }
-}
-
-final themeNotifierProvider = StateNotifierProvider<ThemeNotifier, ThemeData>((
-  ref,
-) {
-  return ThemeNotifier(
-    secureStorage: const FlutterSecureStorage(
-      aOptions: AndroidOptions(encryptedSharedPreferences: true),
-    ),
-  );
-});
 
 final ThemeData f0ckTheme = ThemeData(
   brightness: Brightness.dark,
@@ -237,7 +186,7 @@ final ThemeData f0ck95Theme = ThemeData(
     backgroundColor: const Color(0xFFE0E0E0),
     foregroundColor: Colors.black,
     elevation: 4,
-    centerTitle: true
+    centerTitle: true,
   ),
   textTheme: const TextTheme(
     bodyLarge: TextStyle(color: Colors.black),
@@ -286,3 +235,55 @@ final ThemeData f0ck95dTheme = ThemeData(
     trackColor: WidgetStateProperty.all<Color>(const Color(0xFF424242)),
   ),
 );
+
+class ThemeController extends GetxController {
+  final EncryptedSharedPreferencesAsync storage =
+      EncryptedSharedPreferencesAsync.getInstance();
+
+  final Rx<ThemeData> currentTheme = f0ckTheme.obs;
+
+  final Map<String, ThemeData> themeMap = {
+    'f0ck': f0ckTheme,
+    'P1nk': p1nkTheme,
+    'Orange': orangeTheme,
+    'Amoled': amoledTheme,
+    'Paper': paperTheme,
+    'f0ck95': f0ck95Theme,
+    'f0ck95d': f0ck95dTheme,
+  };
+
+  @override
+  void onInit() {
+    super.onInit();
+    _loadTheme();
+  }
+
+  Future<void> _loadTheme() async {
+    try {
+      final String? savedThemeName = await storage.getString('theme');
+      if (savedThemeName != null && themeMap.containsKey(savedThemeName)) {
+        currentTheme.value = themeMap[savedThemeName]!;
+        Get.changeTheme(currentTheme.value);
+      }
+    } catch (error) {
+      Get.snackbar('', 'Fehler beim Laden des Themes: $error');
+      currentTheme.value = f0ckTheme;
+      Get.changeTheme(f0ckTheme);
+    }
+  }
+
+  Future<void> updateTheme(String themeName) async {
+    try {
+      await storage.setString('theme', themeName);
+      if (themeMap.containsKey(themeName)) {
+        currentTheme.value = themeMap[themeName]!;
+        Get.changeTheme(currentTheme.value);
+      } else {
+        currentTheme.value = f0ckTheme;
+        Get.changeTheme(f0ckTheme);
+      }
+    } catch (error) {
+      Get.snackbar('', 'Fehler beim Aktualisieren des Themes: $error');
+    }
+  }
+}

lib/main.dart

@@ -1,78 +1,53 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 
-import 'package:f0ckapp/screens/mediagrid_screen.dart';
+import 'package:get/get.dart';
-import 'package:f0ckapp/screens/detailview_screen.dart';
+import 'package:encrypt_shared_preferences/provider.dart';
-import 'package:f0ckapp/screens/settings_screen.dart';
+
-import 'package:f0ckapp/utils/appversion_util.dart';
+import 'package:f0ckapp/controller/localization_controller.dart';
-import 'package:f0ckapp/providers/theme_provider.dart';
+import 'package:f0ckapp/utils/appversion.dart';
-import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:f0ckapp/controller/theme_controller.dart';
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/screens/detail_view.dart';
+import 'package:f0ckapp/screens/media_grid.dart';
 
 void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
+  await EncryptedSharedPreferencesAsync.initialize('VokTnbAbemBUa2j9');
+  await MyTranslations.loadTranslations();
   await AppVersion.init();
+  Get.put(MediaController());
+  LocalizationController localizationController = Get.put(LocalizationController());
+  final ThemeController themeController = Get.put(ThemeController());
 
-  runApp(ProviderScope(child: F0ckApp()));
+  Get.addTranslations(MyTranslations.instance.keys);
-}
+  Get.locale = localizationController.currentLocale.value;
 
-class F0ckApp extends ConsumerWidget {
+  //Locale systemLocale = WidgetsBinding.instance.platformDispatcher.locale;
-  const F0ckApp({super.key});
 
-  @override
+  runApp(
-  Widget build(BuildContext context, WidgetRef ref) {
+    Obx(
-    final ThemeData theme = ref.watch(themeNotifierProvider);
+      () => MaterialApp(
-
+        locale: Get.locale,
-    return MaterialApp(
+        navigatorKey: Get.key,
+        theme: themeController.currentTheme.value,
         debugShowCheckedModeBanner: false,
-      theme: theme,
-      initialRoute: '/',
-      routes: {
-        '/': (context) => const MediaGrid(),
-        '/settings': (context) => const SettingsPage(),
-      },
         onGenerateRoute: (RouteSettings settings) {
-        final String? name = settings.name;
+          final uri = Uri.parse(settings.name ?? '/');
-        if (name == null) {
+
-          return MaterialPageRoute(
+          if (uri.path == '/' || uri.pathSegments.isEmpty) {
-            builder: (_) =>
+            return MaterialPageRoute(builder: (_) => MediaGrid());
-                const Scaffold(body: Center(child: Text('Ungültiger Link'))),
-            settings: settings,
-          );
           }
 
-        final RegExp regExp = RegExp(
+          if (uri.pathSegments.length == 1) {
-          r'^(?:/tag/(?<tag>[^/]+))?(?:/(?<mime>image|audio|video))?(?:/(?<itemid>\d+))?$',
+            final int id = int.parse(uri.pathSegments.first);
-        );
+            return MaterialPageRoute(builder: (_) => DetailView(initialId: id));
-        final RegExpMatch? match = regExp.firstMatch(name);
-
-        if (match != null) {
-          final String? tag = match.namedGroup('tag');
-          final String? mime = match.namedGroup('mime');
-          final String? idStr = match.namedGroup('itemid');
-          final int? itemId = idStr != null ? int.tryParse(idStr) : null;
-          const int preloadOffset = 50;
-
-          if (itemId != null) {
-            return MaterialPageRoute(
-              builder: (context) => DetailView(initialItemId: itemId),
-              settings: settings,
-            );
           }
 
-          return MaterialPageRoute(
+          return MaterialPageRoute(builder: (_) => MediaGrid());
-            builder: (context) => const MediaGrid(),
-            settings: settings,
-          );
-        }
-
-        return MaterialPageRoute(
-          builder: (context) =>
-              const Scaffold(body: Center(child: Text('Ungültiger Link'))),
-          settings: settings,
-        );
         },
+      ),
+    ),
   );
 }
-}

lib/models/media_item.dart

@@ -18,6 +18,15 @@ class MediaItem {
   });
 
   factory MediaItem.fromJson(Map<String, dynamic> json) {
+    List<Tag> parsedTags = [];
+    if (json['tags'] is List) {
+      parsedTags = (json['tags'] as List<dynamic>)
+          .map((tagJson) => Tag.fromJson(tagJson as Map<String, dynamic>))
+          .toList();
+    } else {
+      parsedTags = [];
+    }
+
     return MediaItem(
       id: json['id'],
       mime: json['mime'],
@@ -25,9 +34,7 @@ class MediaItem {
       stamp: json['stamp'],
       dest: json['dest'],
       mode: json['mode'],
-      tags: (json['tags'] as List<dynamic>)
+      tags: parsedTags,
-          .map((tagJson) => Tag.fromJson(tagJson))
-          .toList(),
     );
   }
 

lib/providers/media_provider.dart

@@ -1,163 +0,0 @@
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:flutter_secure_storage/flutter_secure_storage.dart';
-
-import 'package:f0ckapp/models/mediaitem_model.dart';
-import 'package:f0ckapp/services/api_service.dart';
-
-const List<String> mediaTypes = ["alles", "image", "video", "audio"];
-const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];
-const _unsetTag = Object();
-
-class MediaState {
-  final int typeIndex;
-  final int modeIndex;
-  final bool random;
-  final String? tag;
-  final int crossAxisCount;
-  final List<MediaItem> mediaItems;
-  final bool isLoading;
-  final bool muted;
-
-  const MediaState({
-    this.typeIndex = 0,
-    this.modeIndex = 0,
-    this.random = false,
-    this.tag,
-    this.crossAxisCount = 0,
-    this.mediaItems = const [],
-    this.isLoading = false,
-    this.muted = false,
-  });
-
-  MediaState replace({
-    int? typeIndex,
-    int? modeIndex,
-    bool? random,
-    Object? tag = _unsetTag,
-    int? crossAxisCount,
-    List<MediaItem>? mediaItems,
-    bool? isLoading,
-    bool? muted,
-  }) {
-    return MediaState(
-      typeIndex: typeIndex ?? this.typeIndex,
-      modeIndex: modeIndex ?? this.modeIndex,
-      random: random ?? this.random,
-      tag: identical(tag, _unsetTag) ? this.tag : tag as String?,
-      crossAxisCount: crossAxisCount ?? this.crossAxisCount,
-      mediaItems: mediaItems ?? this.mediaItems,
-      isLoading: isLoading ?? this.isLoading,
-      muted: muted ?? this.muted,
-    );
-  }
-}
-
-class MediaNotifier extends StateNotifier<MediaState> {
-  final _storage = const FlutterSecureStorage(
-    aOptions: AndroidOptions(encryptedSharedPreferences: true),
-  );
-
-  MediaNotifier() : super(const MediaState()) {
-    _loadMutedState();
-  }
-
-  Future<void> _loadMutedState() async {
-    final storedMuted = await _storage.read(key: 'muted');
-    final isMuted = storedMuted == 'true';
-    state = state.replace(muted: isMuted);
-  }
-
-  Future<void> _saveMutedState() async {
-    await _storage.write(key: 'muted', value: state.muted.toString());
-  }
-
-  void setType(String type) {
-    final newIndex = mediaTypes.indexOf(type);
-    state = state.replace(typeIndex: newIndex);
-    resetMedia();
-  }
-
-  void setMode(int modeIndex) {
-    state = state.replace(modeIndex: modeIndex);
-    resetMedia();
-  }
-
-  void toggleRandom() {
-    state = state.replace(random: !state.random);
-    resetMedia();
-  }
-
-  void setTag(String? tag) {
-    state = state.replace(tag: tag);
-    resetMedia();
-  }
-
-  void setCrossAxisCount(int count) {
-    state = state.replace(crossAxisCount: count);
-  }
-
-  void resetMedia() {
-    state = state.replace(mediaItems: []);
-    loadMedia();
-  }
-
-  void addMediaItems(List<MediaItem> newItems) {
-    final Set<int> existingIds = state.mediaItems
-        .map((item) => item.id)
-        .toSet();
-    final List<MediaItem> filteredItems = newItems
-        .where((item) => !existingIds.contains(item.id))
-        .toList();
-    if (filteredItems.isNotEmpty) {
-      final List<MediaItem> updated = List<MediaItem>.from(state.mediaItems)
-        ..addAll(filteredItems);
-      state = state.replace(mediaItems: updated);
-    }
-  }
-
-  List<MediaItem> mergeMediaItems(
-    List<MediaItem> current,
-    List<MediaItem> incoming,
-  ) {
-    final existingIds = current.map((item) => item.id).toSet();
-    final newItems = incoming
-        .where((item) => !existingIds.contains(item.id))
-        .toList();
-    return [...current, ...newItems];
-  }
-
-  Future<void> loadMedia({int? id}) async {
-    if (state.isLoading) return;
-    state = state.replace(isLoading: true);
-    try {
-      final older =
-          id ?? (state.mediaItems.isNotEmpty ? state.mediaItems.last.id : null);
-      final newMedia = await fetchMedia(
-        older: older,
-        type: mediaTypes[state.typeIndex],
-        mode: state.modeIndex,
-        random: state.random,
-        tag: state.tag,
-      );
-
-      if (newMedia.isNotEmpty) {
-        state = state.replace(
-          mediaItems: mergeMediaItems(state.mediaItems, newMedia),
-        );
-      }
-    } catch (e) {
-      print('Fehler beim Laden der Medien: $e');
-    } finally {
-      state = state.replace(isLoading: false);
-    }
-  }
-
-  void toggleMute() {
-    state = state.replace(muted: !state.muted);
-    _saveMutedState();
-  }
-}
-
-final mediaProvider = StateNotifierProvider<MediaNotifier, MediaState>(
-  (ref) => MediaNotifier(),
-);

lib/screens/detail_view.dart

@@ -0,0 +1,318 @@
+import 'dart:io';
+
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:get/get.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:share_plus/share_plus.dart';
+
+import 'package:f0ckapp/utils/animatedtransition.dart';
+import 'package:f0ckapp/utils/smartrefreshindicator.dart';
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/models/media_item.dart';
+import 'package:f0ckapp/screens/media_grid.dart';
+import 'package:f0ckapp/screens/fullscreen_screen.dart';
+import 'package:f0ckapp/widgets/end_drawer.dart';
+import 'package:f0ckapp/widgets/video_widget.dart';
+
+class DetailView extends StatefulWidget {
+  final int initialId;
+  const DetailView({super.key, required this.initialId});
+
+  @override
+  State<DetailView> createState() => _DetailViewState();
+}
+
+class _DetailViewState extends State<DetailView> {
+  final MediaController controller = Get.find<MediaController>();
+  MediaItem? item;
+  bool isLoading = false;
+  PageController? _pageController;
+  int _currentPage = 0;
+
+  @override
+  void initState() {
+    super.initState();
+    _setupInitialView();
+
+    ever(controller.drawerSwipeEnabled, (_) {
+      setState(() {});
+    });
+  }
+
+  Future<void> _setupInitialView() async {
+    bool itemExists = controller.mediaItems.any(
+      (media) => media.id == widget.initialId,
+    );
+
+    if (!itemExists) {
+      await _initializeDetail(widget.initialId);
+    }
+    _initializePageController();
+  }
+
+  void _initializePageController() {
+    _currentPage = controller.mediaItems.indexWhere(
+      (media) => media.id == widget.initialId,
+    );
+    if (_currentPage < 0) _currentPage = 0;
+    _pageController = PageController(initialPage: _currentPage)
+      ..addListener(() {
+        setState(() => _currentPage = _pageController!.page!.round());
+      });
+    setState(() {});
+  }
+
+  Future<void> _downloadMedia(MediaItem item) async {
+    final File file = await DefaultCacheManager().getSingleFile(item.mediaUrl);
+    final MethodChannel methodChannel = const MethodChannel('MediaShit');
+
+    bool? success = await methodChannel.invokeMethod<bool>('saveFile', {
+      'filePath': file.path,
+      'fileName': item.dest,
+    });
+
+    success == true
+        ? _showMsg('${item.dest} wurde in Downloads/fApp neigespeichert.')
+        : _showMsg('${item.dest} konnte nicht heruntergeladen werden.');
+  }
+
+  void _showMsg(String message) {
+    if (!mounted) return;
+    Get
+      ..closeAllSnackbars()
+      ..snackbar('hehe', message, snackPosition: SnackPosition.BOTTOM);
+  }
+
+  Future<void> _initializeDetail(int deepLinkId) async {
+    item = controller.mediaItems.firstWhereOrNull(
+      (element) => element.id == deepLinkId,
+    );
+
+    if (item == null) {
+      setState(() => isLoading = true);
+      await controller.loadMediaItems(older: deepLinkId + 50);
+      item = controller.mediaItems.firstWhereOrNull(
+        (element) => element.id == deepLinkId,
+      );
+      if (item == null) {
+        Get.offAll(() => const MediaGrid());
+      }
+      setState(() => isLoading = false);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (isLoading) {
+      return Scaffold(
+        appBar: AppBar(
+          title: const Text("f0ck"),
+          leading: Navigator.canPop(context)
+              ? null
+              : IconButton(
+                  icon: const Icon(Icons.arrow_back),
+                  onPressed: () {
+                    Get.offAll(() => const MediaGrid());
+                  },
+                ),
+        ),
+        body: const Center(child: CircularProgressIndicator()),
+      );
+    }
+
+    final MediaItem currentItem = controller.mediaItems[_currentPage];
+
+    return Scaffold(
+      endDrawer: const EndDrawer(),
+      endDrawerEnableOpenDragGesture: controller.drawerSwipeEnabled.value,
+      persistentFooterButtons: controller.tag.value != null
+          ? [
+              Center(
+                child: InputChip(
+                  label: Text(controller.tag.value!),
+                  onDeleted: () {
+                    controller.setTag(null);
+                    Get.offAllNamed('/');
+                  },
+                ),
+              ),
+            ]
+          : null,
+      body: CustomScrollView(
+        slivers: [
+          SliverAppBar(
+            floating: true,
+            pinned: true,
+            snap: true,
+            centerTitle: true,
+            title: Text('f0ck #${currentItem.id.toString()}'),
+            leading: IconButton(
+              icon: const Icon(Icons.arrow_back),
+              onPressed: () {
+                Navigator.canPop(context)
+                ? Get.back()
+                : Get.offAllNamed('/');
+              }
+            ),
+            actions: [
+              IconButton(
+                icon: const Icon(Icons.fullscreen),
+                onPressed: () {
+                  Get.to(
+                    FullScreenMediaView(item: currentItem),
+                    fullscreenDialog: true,
+                  );
+                },
+              ),
+              IconButton(
+                icon: const Icon(Icons.download),
+                onPressed: () async {
+                  await _downloadMedia(currentItem);
+                },
+              ),
+              PopupMenuButton<String>(
+                onSelected: (value) async {
+                  switch (value) {
+                    case 'media':
+                      File file = await DefaultCacheManager().getSingleFile(
+                        currentItem.mediaUrl,
+                      );
+                      Uint8List bytes = await file.readAsBytes();
+                      final params = ShareParams(
+                        files: [
+                          XFile.fromData(bytes, mimeType: currentItem.mime),
+                        ],
+                      );
+                      await SharePlus.instance.share(params);
+                      break;
+                    case 'direct_link':
+                      await SharePlus.instance.share(
+                        ShareParams(text: currentItem.mediaUrl),
+                      );
+                      break;
+                    case 'post_link':
+                      await SharePlus.instance.share(
+                        ShareParams(text: currentItem.postUrl),
+                      );
+                      break;
+                  }
+                },
+                itemBuilder: (context) => [
+                  PopupMenuItem(
+                    value: 'media',
+                    child: ListTile(
+                      leading: const Icon(Icons.image),
+                      title: const Text('Als Datei'),
+                    ),
+                  ),
+                  PopupMenuItem(
+                    value: 'direct_link',
+                    child: ListTile(
+                      leading: const Icon(Icons.link),
+                      title: const Text('Link zur Datei'),
+                    ),
+                  ),
+                  PopupMenuItem(
+                    value: 'post_link',
+                    child: ListTile(
+                      leading: const Icon(Icons.article),
+                      title: const Text('Link zum f0ck'),
+                    ),
+                  ),
+                ],
+                icon: const Icon(Icons.share),
+              ),
+              Builder(
+                builder: (context) => IconButton(
+                  icon: const Icon(Icons.menu),
+                  onPressed: () {
+                    Scaffold.of(context).openEndDrawer();
+                  },
+                ),
+              ),
+            ],
+          ),
+          SliverFillRemaining(
+            child: PageView.builder(
+              controller: _pageController,
+              itemCount: controller.mediaItems.length,
+              itemBuilder: (context, index) {
+                final MediaItem pageItem = controller.mediaItems[index];
+                return AnimatedBuilder(
+                  animation: _pageController!,
+                  builder: (context, child) {
+                    return buildAnimatedTransition(
+                      context: context,
+                      child: child!,
+                      pageController: _pageController!,
+                      index: index,
+                      controller: controller,
+                    );
+                  },
+                  child: SmartRefreshIndicator(
+                    onRefresh: () async {
+                      _showMsg('not hehe');
+                    },
+                    child: SafeArea(
+                      top: false,
+                      child: SingleChildScrollView(
+                        child: Column(
+                          children: [
+                            if (pageItem.mime.startsWith('image'))
+                              CachedNetworkImage(
+                                imageUrl: pageItem.mediaUrl,
+                                fit: BoxFit.contain,
+                                placeholder: (context, url) => const Center(
+                                  child: CircularProgressIndicator(),
+                                ),
+                                errorWidget: (context, url, error) =>
+                                    const Center(child: Icon(Icons.error)),
+                              )
+                            else
+                              VideoWidget(
+                                details: pageItem,
+                                isActive: index == _currentPage,
+                              ),
+                            const SizedBox(height: 10, width: double.infinity),
+                            Wrap(
+                              alignment: WrapAlignment.center,
+                              spacing: 5.0,
+                              children: pageItem.tags.map((tag) {
+                                return ActionChip(
+                                  onPressed: () {
+                                    if (tag.tag == 'sfw' || tag.tag == 'nsfw') {
+                                      return;
+                                    }
+                                    controller.setTag(tag.tag);
+                                    Get.offAllNamed('/');
+                                  },
+                                  label: Text(tag.tag),
+                                  backgroundColor: switch (tag.id) {
+                                    1 => Colors.green,
+                                    2 => Colors.red,
+                                    _ => const Color(0xFF090909),
+                                  },
+                                  labelStyle: const TextStyle(
+                                    color: Colors.white,
+                                  ),
+                                );
+                              }).toList(),
+                            ),
+                            const SizedBox(height: 20),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                );
+              },
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/screens/detailview_screen.dart

@@ -1,299 +0,0 @@
-import 'dart:io';
-
-import 'package:f0ckapp/screens/fullscreen_screen.dart';
-import 'package:f0ckapp/widgets/end_drawer.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:flutter_cache_manager/flutter_cache_manager.dart';
-
-import 'package:cached_network_image/cached_network_image.dart';
-import 'package:share_plus/share_plus.dart';
-
-import 'package:f0ckapp/models/mediaitem_model.dart';
-import 'package:f0ckapp/widgets/video_widget.dart';
-import 'package:f0ckapp/utils/smartrefreshindicator_util.dart';
-import 'package:f0ckapp/utils/pagetransformer_util.dart';
-import 'package:f0ckapp/providers/media_provider.dart';
-
-class DetailView extends ConsumerStatefulWidget {
-  final int initialItemId;
-
-  const DetailView({super.key, required this.initialItemId});
-
-  @override
-  ConsumerState<DetailView> createState() => _DetailViewState();
-}
-
-class _DetailViewState extends ConsumerState<DetailView> {
-  PageController? _pageController;
-  bool isLoading = false;
-  int _currentIndex = 0;
-
-  @override
-  void initState() {
-    super.initState();
-  }
-
-  void _preloadAdjacentMedia(int index) async {
-    final mediaState = ref.read(mediaProvider);
-    for (int offset in [-1, 1]) {
-      final adjacentIndex = index + offset;
-      if (adjacentIndex >= 0 && adjacentIndex < mediaState.mediaItems.length) {
-        final url = mediaState.mediaItems[adjacentIndex].mediaUrl;
-        if (await DefaultCacheManager().getFileFromCache(url) == null) {
-          await DefaultCacheManager().downloadFile(url);
-        }
-      }
-    }
-  }
-
-  Future<void> _loadMoreMedia() async {
-    if (isLoading) return;
-    setState(() => isLoading = true);
-
-    try {
-      await ref.read(mediaProvider.notifier).loadMedia();
-    } catch (e) {
-      _showMsg("Fehler beim Laden der Medien: $e");
-    } finally {
-      setState(() => isLoading = false);
-    }
-  }
-
-  void _showMsg(String message) {
-    if (!mounted) return;
-    ScaffoldMessenger.of(context)
-      ..removeCurrentSnackBar()
-      ..showSnackBar(SnackBar(content: Text(message)));
-  }
-
-  Future<void> _downloadMedia() async {
-    final MediaState mediaState = ref.read(mediaProvider);
-    final MediaItem currentItem = mediaState.mediaItems[_currentIndex];
-    final File file = await DefaultCacheManager().getSingleFile(
-      currentItem.mediaUrl,
-    );
-    final MethodChannel methodChannel = const MethodChannel('MediaShit');
-
-    bool? success = await methodChannel.invokeMethod<bool>('saveFile', {
-      'filePath': file.path,
-      'fileName': currentItem.dest,
-    });
-
-    success == true
-        ? _showMsg(
-            '${currentItem.dest} wurde in Downloads/fApp neigespeichert.',
-          )
-        : _showMsg('${currentItem.dest} konnte nicht heruntergeladen werden.');
-  }
-
-  @override
-  void dispose() {
-    _pageController?.dispose();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final MediaState mediaState = ref.watch(mediaProvider);
-    final int itemIndex = mediaState.mediaItems.indexWhere(
-      (item) => item.id == widget.initialItemId,
-    );
-
-    if (itemIndex == -1) {
-      Future.microtask(() {
-        ref.read(mediaProvider.notifier).loadMedia(id: widget.initialItemId + 50);
-      });
-      return Scaffold(
-        appBar: AppBar(),
-        body: const Center(child: CircularProgressIndicator()),
-      );
-    }
-
-    if (_pageController == null) {
-      _pageController = PageController(initialPage: itemIndex);
-      _currentIndex = itemIndex;
-      _pageController!.addListener(() {
-        setState(() => _currentIndex = _pageController!.page?.round() ?? 0);
-      });
-      _preloadAdjacentMedia(itemIndex);
-    }
-
-    return Scaffold(
-      endDrawer: EndDrawer(ref: ref),
-      endDrawerEnableOpenDragGesture: false,
-      persistentFooterButtons: mediaState.tag != null
-          ? [
-              Center(
-                child: InputChip(
-                  label: Text(mediaState.tag!),
-                  onDeleted: () {
-                    ref.read(mediaProvider.notifier).setTag(null);
-                    //context.push('/', extra: true);
-                    Navigator.pushNamed(context, '/');
-                  },
-                ),
-              ),
-            ]
-          : null,
-      body: CustomScrollView(
-        slivers: [
-          SliverAppBar(
-            floating: true,
-            snap: true,
-            centerTitle: true,
-            title: Text('f0ck #${mediaState.mediaItems[_currentIndex].id}'),
-            leading: IconButton(
-              icon: const Icon(Icons.arrow_back),
-              onPressed: () {
-                Navigator.canPop(context) ? Navigator.pop(context) : Navigator.pushNamed(context, '/');
-                //context.canPop() ? context.pop() : context.go('/', extra: true);
-              },
-            ),
-            actions: [
-              IconButton(
-                icon: const Icon(Icons.fullscreen),
-                onPressed: () {
-                  final currentItem = mediaState.mediaItems[_currentIndex];
-                  Navigator.of(context).push(
-                    MaterialPageRoute(
-                      builder: (_) => FullScreenMediaView(item: currentItem),
-                    ),
-                  );
-                },
-              ),
-              IconButton(
-                icon: const Icon(Icons.download),
-                onPressed: _downloadMedia,
-              ),
-              PopupMenuButton<String>(
-                onSelected: (value) async {
-                  final item = mediaState.mediaItems[_currentIndex];
-                  switch (value) {
-                    case 'media':
-                      File file = await DefaultCacheManager().getSingleFile(
-                        item.mediaUrl,
-                      );
-                      Uint8List bytes = await file.readAsBytes();
-                      final params = ShareParams(
-                        files: [XFile.fromData(bytes, mimeType: item.mime)],
-                      );
-                      await SharePlus.instance.share(params);
-                      break;
-                    case 'direct_link':
-                      await SharePlus.instance.share(
-                        ShareParams(text: item.mediaUrl),
-                      );
-                      break;
-                    case 'post_link':
-                      await SharePlus.instance.share(
-                        ShareParams(text: item.postUrl),
-                      );
-                      break;
-                  }
-                },
-                itemBuilder: (context) => [
-                  PopupMenuItem(
-                    value: 'media',
-                    child: ListTile(
-                      leading: const Icon(Icons.image),
-                      title: const Text('Als Datei'),
-                    ),
-                  ),
-                  PopupMenuItem(
-                    value: 'direct_link',
-                    child: ListTile(
-                      leading: const Icon(Icons.link),
-                      title: const Text('Link zur Datei'),
-                    ),
-                  ),
-                  PopupMenuItem(
-                    value: 'post_link',
-                    child: ListTile(
-                      leading: const Icon(Icons.article),
-                      title: const Text('Link zum f0ck'),
-                    ),
-                  ),
-                ],
-                icon: const Icon(Icons.share),
-              ),
-              Builder(
-                builder: (context) => IconButton(
-                  icon: const Icon(Icons.menu),
-                  onPressed: () {
-                    Scaffold.of(context).openEndDrawer();
-                  },
-                ),
-              ),
-            ],
-          ),
-          SliverPadding(
-            padding: EdgeInsets.zero,
-            sliver: SliverFillRemaining(
-              child: PageTransformer(
-                controller: _pageController!,
-                pages: mediaState.mediaItems.map((item) {
-                  int pageIndex = mediaState.mediaItems.indexOf(item);
-                  return SafeArea(
-                    top: false,
-                    child: SmartRefreshIndicator(
-                      onRefresh: _loadMoreMedia,
-                      child: _buildMediaItem(item, _currentIndex == pageIndex),
-                    ),
-                  );
-                }).toList(),
-              ),
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-
-  Widget _buildMediaItem(MediaItem item, bool isActive) {
-    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
-
-    return SingleChildScrollView(
-      child: Column(
-        children: [
-          if (item.mime.startsWith('image'))
-            CachedNetworkImage(
-              imageUrl: item.mediaUrl,
-              fit: BoxFit.contain,
-              placeholder: (context, url) =>
-                  const Center(child: CircularProgressIndicator()),
-              errorWidget: (context, url, error) =>
-                  const Center(child: Icon(Icons.error)),
-            )
-          else
-            VideoWidget(details: item, isActive: isActive),
-          const SizedBox(height: 10, width: double.infinity),
-          Wrap(
-            alignment: WrapAlignment.center,
-            spacing: 5.0,
-            children: item.tags.map((tag) {
-              return ActionChip(
-                onPressed: () {
-                  if (tag.tag == 'sfw' || tag.tag == 'nsfw') return;
-                  setState(() {
-                    mediaNotifier.setTag(tag.tag);
-                    Navigator.pushReplacementNamed(context, '/');
-                  });
-                },
-                label: Text(tag.tag),
-                backgroundColor: switch (tag.id) {
-                  1 => Colors.green,
-                  2 => Colors.red,
-                  _ => const Color(0xFF090909),
-                },
-                labelStyle: const TextStyle(color: Colors.white),
-              );
-            }).toList(),
-          ),
-          const SizedBox(height: 20),
-        ],
-      ),
-    );
-  }
-}

lib/screens/fullscreen_screen.dart

@@ -3,7 +3,7 @@ import 'package:flutter/services.dart';
 
 import 'package:cached_network_image/cached_network_image.dart';
 
-import 'package:f0ckapp/models/mediaitem_model.dart';
+import 'package:f0ckapp/models/media_item.dart';
 import 'package:f0ckapp/widgets/video_widget.dart';
 
 class FullScreenMediaView extends StatefulWidget {

lib/screens/media_grid.dart

@@ -0,0 +1,156 @@
+import 'package:flutter/material.dart';
+
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/utils/customsearchdelegate.dart';
+import 'package:f0ckapp/widgets/filter_bar.dart';
+import 'package:f0ckapp/widgets/end_drawer.dart';
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/widgets/media_tile.dart';
+
+class MediaGrid extends StatefulWidget {
+  const MediaGrid({super.key});
+
+  @override
+  State<MediaGrid> createState() => _MediaGridState();
+}
+
+class _MediaGridState extends State<MediaGrid> {
+  final MediaController controller = Get.find<MediaController>();
+  final ScrollController _scrollController = ScrollController();
+
+  @override
+  void initState() {
+    super.initState();
+    controller.loadMediaItems();
+
+    ever(controller.drawerSwipeEnabled, (_) {
+      setState(() {});
+    });
+
+    _scrollController.addListener(() {
+      if (_scrollController.position.extentAfter < 200 &&
+          !controller.isLoading.value) {
+        controller.loadMediaItems(
+          older: controller.mediaItems.isNotEmpty
+              ? controller.mediaItems.last.id
+              : null,
+          append: true,
+        );
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      endDrawer: EndDrawer(),
+      endDrawerEnableOpenDragGesture: controller.drawerSwipeEnabled.value,
+      body: RefreshIndicator(
+        edgeOffset: 100,
+        onRefresh: () async {
+          await controller.loadMediaItems();
+        },
+        child: CustomScrollView(
+          controller: _scrollController,
+          slivers: [
+            SliverAppBar(
+              floating: true,
+              snap: true,
+              title: GestureDetector(
+                child: Row(
+                  children: [
+                    Image.asset(
+                      'assets/images/f0ck_small.webp',
+                      fit: BoxFit.fitHeight,
+                    ),
+                    const SizedBox(width: 10),
+                    const Text('fApp', style: TextStyle(fontSize: 24)),
+                  ],
+                ),
+                onTap: () {
+                  controller.setTag(null);
+                },
+              ),
+              actions: [
+                IconButton(
+                  icon: const Icon(Icons.search),
+                  onPressed: () async {
+                    await showSearch(
+                      context: context,
+                      delegate: CustomSearchDelegate(),
+                    );
+                  },
+                ),
+                Obx(
+                  () => IconButton(
+                    icon: Icon(
+                      controller.random.value
+                          ? Icons.shuffle_on_outlined
+                          : Icons.shuffle,
+                    ),
+                    onPressed: () async {
+                      await controller.toggleRandom();
+                    },
+                  ),
+                ),
+
+                Builder(
+                  builder: (context) {
+                    return IconButton(
+                      icon: const Icon(Icons.menu),
+                      onPressed: () {
+                        Scaffold.of(context).openEndDrawer();
+                      },
+                    );
+                  },
+                ),
+              ],
+            ),
+            SliverPadding(
+              padding: EdgeInsets.zero,
+              sliver: Obx(
+                () => SliverGrid(
+                  delegate: SliverChildBuilderDelegate((context, index) {
+                    return MediaTile(item: controller.mediaItems[index]);
+                  }, childCount: controller.mediaItems.length),
+                  gridDelegate: controller.crossAxisCount.value == 0
+                      ? const SliverGridDelegateWithMaxCrossAxisExtent(
+                          maxCrossAxisExtent: 150,
+                          crossAxisSpacing: 5,
+                          mainAxisSpacing: 5,
+                          childAspectRatio: 1,
+                        )
+                      : SliverGridDelegateWithFixedCrossAxisCount(
+                          crossAxisCount: controller.crossAxisCount.value,
+                          crossAxisSpacing: 5,
+                          mainAxisSpacing: 5,
+                          childAspectRatio: 1,
+                        ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+      persistentFooterButtons: [
+        Obx(() {
+          if (controller.tag.value != null) {
+            return Center(
+              child: InputChip(
+                label: Text(controller.tag.value!),
+                onDeleted: () async {
+                  await controller.setTag(null);
+                  Get.offAllNamed('/');
+                },
+              ),
+            );
+          } else {
+            return SizedBox.shrink();
+          }
+        }),
+      ],
+      bottomNavigationBar: FilterBar(scrollController: _scrollController),
+    );
+  }
+}

lib/screens/mediagrid_screen.dart

@@ -1,162 +0,0 @@
-import 'package:flutter/material.dart';
-
-import 'package:flutter_riverpod/flutter_riverpod.dart';
-
-import 'package:f0ckapp/providers/media_provider.dart';
-import 'package:f0ckapp/utils/customsearchdelegate_util.dart';
-import 'package:f0ckapp/widgets/media_tile.dart';
-import 'package:f0ckapp/widgets/filter_bar.dart';
-import 'package:f0ckapp/widgets/end_drawer.dart';
-
-class MediaGrid extends ConsumerStatefulWidget {
-  const MediaGrid({super.key});
-
-  @override
-  ConsumerState<MediaGrid> createState() => _MediaGridState();
-}
-
-class _MediaGridState extends ConsumerState<MediaGrid> {
-  final ScrollController _scrollController = ScrollController();
-
-  @override
-  void initState() {
-    super.initState();
-    Future.microtask(() {
-      ref.read(mediaProvider.notifier).loadMedia();
-    });
-    _scrollController.addListener(() {
-      if (_scrollController.position.pixels >=
-          _scrollController.position.maxScrollExtent - 200) {
-        ref.read(mediaProvider.notifier).loadMedia();
-      }
-    });
-  }
-
-  @override
-  void dispose() {
-    _scrollController.dispose();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    final MediaState mediaState = ref.watch(mediaProvider);
-    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
-
-    return Scaffold(
-      body: RefreshIndicator(
-        onRefresh: () async {
-          mediaNotifier.setTag(null);
-          _scrollController.jumpTo(0);
-          await mediaNotifier.loadMedia();
-        },
-        child: CustomScrollView(
-          controller: _scrollController,
-          slivers: [
-            SliverAppBar(
-              floating: true,
-              snap: true,
-              title: GestureDetector(
-                onTap: () {
-                  mediaNotifier.setTag(null);
-                  _scrollController.jumpTo(0);
-                },
-                child: Row(
-                  children: [
-                    Image.asset(
-                      'assets/images/f0ck_small.webp',
-                      fit: BoxFit.fitHeight,
-                    ),
-                    const SizedBox(width: 10),
-                    const Text('fApp', style: TextStyle(fontSize: 24)),
-                  ],
-                ),
-              ),
-              actions: [
-                IconButton(
-                  icon: const Icon(Icons.search),
-                  onPressed: () async {
-                    await showSearch(
-                      context: context,
-                      delegate: CustomSearchDelegate(),
-                    );
-                  },
-                ),
-                IconButton(
-                  icon: Icon(
-                    mediaState.random
-                        ? Icons.shuffle_on_outlined
-                        : Icons.shuffle,
-                  ),
-                  onPressed: () {
-                    mediaNotifier.toggleRandom();
-                    _scrollController.jumpTo(0);
-                  },
-                ),
-                Builder(
-                  builder: (context) {
-                    return IconButton(
-                      icon: const Icon(Icons.menu),
-                      onPressed: () {
-                        Scaffold.of(context).openEndDrawer();
-                      },
-                    );
-                  },
-                ),
-              ],
-            ),
-            SliverPadding(
-              padding: EdgeInsets.zero,
-              sliver: SliverGrid(
-                delegate: SliverChildBuilderDelegate(
-                  (context, index) {
-                    if (index >= mediaState.mediaItems.length) {
-                      return const Center(child: CircularProgressIndicator());
-                    }
-                    return MediaTile(item: mediaState.mediaItems[index]);
-                  },
-                  childCount:
-                      mediaState.mediaItems.length +
-                      (mediaState.isLoading ? 1 : 0),
-                ),
-                gridDelegate: mediaState.crossAxisCount == 0
-                    ? const SliverGridDelegateWithMaxCrossAxisExtent(
-                        maxCrossAxisExtent: 150,
-                        crossAxisSpacing: 5,
-                        mainAxisSpacing: 5,
-                        childAspectRatio: 1,
-                      )
-                    : SliverGridDelegateWithFixedCrossAxisCount(
-                        crossAxisCount: mediaState.crossAxisCount,
-                        crossAxisSpacing: 5,
-                        mainAxisSpacing: 5,
-                        childAspectRatio: 1,
-                      ),
-              ),
-            ),
-          ],
-        ),
-      ),
-      bottomNavigationBar: FilterBar(
-        mediaNotifier: mediaNotifier,
-        mediaState: mediaState,
-        scrollController: _scrollController,
-      ),
-      endDrawer: EndDrawer(ref: ref),
-      endDrawerEnableOpenDragGesture: false,
-      persistentFooterButtons: mediaState.tag != null
-          ? [
-              Center(
-                child: InputChip(
-                  label: Text(mediaState.tag!),
-                  onDeleted: () {
-                    mediaNotifier.setTag(null);
-                    _scrollController.jumpTo(0);
-                  },
-                ),
-              ),
-            ]
-          : null,
-    );
-  }
-}

lib/screens/settings_screen.dart

@@ -1,102 +1,161 @@
 import 'package:flutter/material.dart';
 
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:get/get.dart';
 
-import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:f0ckapp/controller/media_controller.dart';
-import 'package:f0ckapp/widgets/end_drawer.dart';
+import 'package:f0ckapp/controller/localization_controller.dart';
+import 'package:f0ckapp/utils/animatedtransition.dart';
 
-class SettingsPage extends ConsumerStatefulWidget {
+class SettingsPage extends StatefulWidget {
   const SettingsPage({super.key});
 
   @override
-  ConsumerState<SettingsPage> createState() => _SettingsPageState();
+  State<StatefulWidget> createState() => _SettingsPageState();
 }
 
-class _SettingsPageState extends ConsumerState<SettingsPage> {
+class _SettingsPageState extends State<SettingsPage> {
-  int _columns = 3;
+  final MediaController controller = Get.find();
-  bool _drawerSwipeEnabled = true;
+  final LocalizationController localizationController = Get.find();
 
   @override
   Widget build(BuildContext context) {
-    final MediaState mediaState = ref.watch(mediaProvider);
-    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
-
     return Scaffold(
-      endDrawerEnableOpenDragGesture: _drawerSwipeEnabled,
-      endDrawer: EndDrawer(ref: ref),
       body: CustomScrollView(
         slivers: [
           SliverAppBar(
             floating: false,
             pinned: true,
-            title: const Text('Settings'),
+            title: Text('settings_title'.tr),
-            leading: IconButton(
-              icon: const Icon(Icons.arrow_back),
-              onPressed: () {
-                Navigator.canPop(context) ? Navigator.pop(context) : Navigator.pushReplacementNamed(context, '/');
-              },
-            ),
           ),
           SliverList(
             delegate: SliverChildListDelegate([
-              Padding(
-                padding: const EdgeInsets.all(16.0),
-                child: Text(
-                  "Anzahl der Spalten",
-                  style: Theme.of(context).textTheme.titleLarge,
-                ),
-              ),
               ListTile(
-                title: const Text("Spaltenanzahl"),
+                title: Text('settings_numberofcolumns_title'.tr),
-                trailing: DropdownButton<int>(
+                trailing: Obx(
-                  value: mediaState.crossAxisCount,
+                  () => DropdownButton<int>(
+                    value: controller.crossAxisCount.value,
                     dropdownColor: const Color.fromARGB(255, 43, 43, 43),
                     iconEnabledColor: Colors.white,
                     items: [0, 3, 4, 5].map((int value) {
                       return DropdownMenuItem<int>(
                         value: value,
-                      child: Text(value == 0 ? 'auto' : '$value Spalten'),
+                        child: Text(
+                          value == 0
+                              ? 'auto'
+                              : 'settings_numberofcolumns_columns'.trParams({
+                                  'count': value.toString(),
+                                }),
+                        ),
                       );
                     }).toList(),
-                  onChanged: (int? newValue) {
+                    onChanged: (int? newValue) async {
                       if (newValue != null) {
-                      setState(() {
+                        await controller.setCrossAxisCount(newValue);
-                        _columns = newValue;
+                        setState(() {});
-                        mediaNotifier.setCrossAxisCount(newValue);
-                      });
                       }
                     },
                   ),
                 ),
+              ),
+              const Divider(),
+              ListTile(
+                title: Text('settings_pageanimation_title'.tr),
+                trailing: Obx(
+                  () => DropdownButton<PageTransition>(
+                    value: controller.transitionType.value,
+                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
+                    iconEnabledColor: Colors.white,
+                    items: PageTransition.values.map((PageTransition type) {
+                      String label;
+                      switch (type) {
+                        case PageTransition.opacity:
+                          label = 'Opacity';
+                          break;
+                        case PageTransition.scale:
+                          label = 'Scale';
+                          break;
+                        case PageTransition.slide:
+                          label = 'Slide';
+                          break;
+                        case PageTransition.rotate:
+                          label = 'Rotate';
+                          break;
+                        case PageTransition.flip:
+                          label = 'Flip';
+                          break;
+                      }
+                      return DropdownMenuItem<PageTransition>(
+                        value: type,
+                        child: Text(label),
+                      );
+                    }).toList(),
+                    onChanged: (PageTransition? newValue) async {
+                      if (newValue != null) {
+                        await controller.setTransitionType(newValue);
+                        setState(() {});
+                      }
+                    },
+                  ),
+                ),
+              ),
+
               const Divider(),
               SwitchListTile(
-                title: const Text("Drawer per Geste öffnen"),
+                title: Text('settings_drawer_title'.tr),
-                subtitle: const Text(
+                subtitle: Text('settings_drawer_subtitle'.tr),
-                  "Wähle, ob der Drawer mit einer Wischgeste geschlossen/ geöffnet werden kann.",
+                value: controller.drawerSwipeEnabled.value,
-                ),
+                onChanged: (bool value) async {
-                value: _drawerSwipeEnabled,
+                  await controller.setDrawerSwipeEnabled(value);
-                onChanged: (bool value) {
+                  setState(() {});
-                  setState(() {
-                    _drawerSwipeEnabled = value;
-                  });
                 },
               ),
               const Divider(),
               ListTile(
-                title: const Text("Cache löschen"),
+                title: Text('settings_language'.tr),
+                trailing: Obx(
+                  () => DropdownButton<Locale>(
+                    value: localizationController.currentLocale.value,
+                    dropdownColor: const Color.fromARGB(255, 43, 43, 43),
+                    iconEnabledColor: Colors.white,
+                    items: const [
+                      DropdownMenuItem<Locale>(
+                        value: Locale('en', 'US'),
+                        child: Text('English'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('de', 'DE'),
+                        child: Text('Deutsch'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('fr', 'FR'),
+                        child: Text('Français'),
+                      ),
+                      DropdownMenuItem<Locale>(
+                        value: Locale('nl', 'NL'),
+                        child: Text('Nederlands'),
+                      ),
+                    ],
+                    onChanged: (Locale? newLocale) async {
+                      if (newLocale != null) {
+                        await localizationController.changeLocale(newLocale);
+                      }
+                    },
+                  ),
+                ),
+              ),
+              const Divider(),
+              ListTile(
+                title: Text('settings_cache_title'.tr),
                 trailing: ElevatedButton(
                   onPressed: () async {
                     await DefaultCacheManager().emptyCache();
                     if (!mounted) return;
-                    ScaffoldMessenger.of(context).showSnackBar(
+                    Get.snackbar('', 'der Cache wurde geleert.');
-                      const SnackBar(content: Text("Cache wurde geleert.")),
-                    );
                   },
-                  child: const Text("Löschen"),
+                  child: Text('settings_cache_clear_button'.tr),
                 ),
               ),
-              const SizedBox(height: 20),
             ]),
           ),
         ],

lib/service/media_service.dart

@@ -0,0 +1,39 @@
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/models/media_item.dart';
+
+const List<String> mediaTypes = ["alles", "image", "video", "audio"];
+const List<String> mediaModes = ["sfw", "nsfw", "untagged", "all"];
+
+class MediaService extends GetConnect {
+  Future<List<MediaItem>> fetchMediaItems({
+    required int type,
+    required int mode,
+    required int random,
+    String? tag,
+    int? older,
+  }) async {
+    final queryParameters = {
+      'type': type.toString(),
+      'mode': mode.toString(),
+      'random': random.toString(),
+      if (tag != null) 'tag': tag,
+      if (older != null) 'older': older.toString(),
+    };
+
+    try {
+      final response = await get(
+        'https://api.f0ck.me/items/get',
+        query: queryParameters,
+      );
+      if (response.status.code == 200 && response.body is List) {
+        final data = response.body as List<dynamic>;
+        return data.map((json) => MediaItem.fromJson(json)).toList();
+      } else {
+        return Future.error('Fehler beim Laden der Daten: ${response.body}');
+      }
+    } catch (e) {
+      return Future.error('Netzwerkfehler: ${e.toString()}');
+    }
+  }
+}

lib/services/api_service.dart

@@ -1,111 +0,0 @@
-import 'dart:async';
-import 'dart:convert';
-
-import 'package:http/http.dart' as http;
-import 'package:flutter_secure_storage/flutter_secure_storage.dart';
-
-import 'package:f0ckapp/models/mediaitem_model.dart';
-import 'package:f0ckapp/models/suggestion_model.dart';
-
-final FlutterSecureStorage storage = const FlutterSecureStorage(
-  aOptions: AndroidOptions(encryptedSharedPreferences: true),
-);
-
-Future<List<MediaItem>> fetchMedia({
-  int? older,
-  String type = 'image',
-  int mode = 0,
-  bool random = false,
-  String? tag,
-}) async {
-  final Uri url = Uri.parse('https://api.f0ck.me/items/get').replace(
-    queryParameters: {
-      'type': type,
-      'mode': mode.toString(),
-      'random': (random ? 1 : 0).toString(),
-      if (tag != null) 'tag': tag,
-      if (older != null) 'older': older.toString(),
-    },
-  );
-
-  final http.Response response = await http.get(url);
-  if (response.statusCode == 200) {
-    final List<dynamic> jsonList = jsonDecode(response.body);
-    return jsonList.map((item) => MediaItem.fromJson(item)).toList();
-  } else {
-    throw Exception('Fehler beim Abrufen der Medien: ${response.statusCode}');
-  }
-}
-
-Future<MediaItem> fetchMediaDetail(int itemId) async {
-  final Uri url = Uri.parse('https://api.f0ck.me/item/${itemId.toString()}');
-
-  final http.Response response = await http.get(url);
-  if (response.statusCode == 200) {
-    final Map<String, dynamic> jsonResponse = jsonDecode(response.body);
-
-    return MediaItem.fromJson(jsonResponse);
-  } else {
-    throw Exception(
-      'Fehler beim Abrufen der Media-Details: ${response.statusCode}',
-    );
-  }
-}
-
-Future<List<Suggestion>> fetchSuggestions(String query) async {
-  final Uri uri = Uri.parse('https://api.f0ck.me/search/?q=$query');
-  try {
-    final http.Response response = await http
-        .get(uri)
-        .timeout(const Duration(seconds: 5));
-
-    if (response.statusCode == 200) {
-      final dynamic decoded = jsonDecode(response.body);
-      if (decoded is List) {
-        final suggestions = decoded
-            .map((item) => Suggestion.fromJson(item as Map<String, dynamic>))
-            .toList();
-        suggestions.sort((a, b) => b.score.compareTo(a.score));
-        return suggestions;
-      } else {
-        throw Exception('Unerwartetes Format: Es wurde eine Liste erwartet.');
-      }
-    } else if (response.statusCode == 400) {
-      final dynamic error = jsonDecode(response.body);
-      final String message = error is Map<String, dynamic>
-          ? error['detail']?.toString() ?? 'Unbekannter Fehler.'
-          : 'Unbekannter Fehler.';
-      throw Exception('Client-Fehler 400: $message');
-    } else {
-      throw Exception(
-        'Fehler beim Abrufen der Vorschläge: ${response.statusCode}',
-      );
-    }
-  } on TimeoutException {
-    throw Exception('Anfrage an die API hat zu lange gedauert.');
-  } catch (e) {
-    throw Exception('Fehler bei der Verarbeitung der Anfrage: $e');
-  }
-}
-
-Future<bool> login(String username, String password) async {
-  final Uri url = Uri.parse('https://api.f0ck.me/login');
-
-  final http.Response response = await http.post(
-    url,
-    body: {'username': username, 'password': password},
-  );
-
-  if (response.statusCode == 200) {
-    final dynamic data = jsonDecode(response.body);
-    final token = data['token'];
-    if (token != null) {
-      await storage.write(key: "token", value: token);
-      return true;
-    } else {
-      throw Exception('Token nicht im Response enthalten.');
-    }
-  } else {
-    throw Exception('Login fehlgeschlagen: ${response.statusCode}');
-  }
-}

lib/utils/animatedtransition.dart

@@ -0,0 +1,50 @@
+import 'package:flutter/material.dart';
+
+import 'package:f0ckapp/controller/media_controller.dart';
+
+enum PageTransition { opacity, scale, slide, rotate, flip }
+
+Widget buildAnimatedTransition({
+    required BuildContext context,
+    required Widget child,
+    required PageController pageController,
+    required int index,
+    required MediaController controller,
+  }) {
+    final double value = pageController.position.haveDimensions
+        ? pageController.page! - index
+        : 0;
+
+    switch (controller.transitionType.value) {
+      case PageTransition.opacity:
+        return Opacity(
+          opacity: Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)),
+          child: Transform(transform: Matrix4.identity(), child: child),
+        );
+      case PageTransition.scale:
+        return Transform.scale(
+          scale:
+              0.8 +
+              Curves.easeOut.transform(1 - value.abs().clamp(0.0, 1.0)) * 0.2,
+          child: child,
+        );
+      case PageTransition.slide:
+        return Transform.translate(
+          offset: Offset(300 * value.abs(), 0),
+          child: child,
+        );
+      case PageTransition.rotate:
+        return Opacity(
+          opacity: (1 - value.abs()).clamp(0.0, 1.0),
+          child: Transform.rotate(angle: value.abs() * 0.5, child: child),
+        );
+      case PageTransition.flip:
+        return Transform(
+          transform: Matrix4.identity()
+            ..setEntry(3, 2, 0.001)
+            ..rotateY(value.abs()),
+          alignment: Alignment.center,
+          child: child,
+        );
+    }
+  }

lib/utils/appversion.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/services.dart';
+
+class AppVersion {
+  static late String version;
+
+  static Future<void> init() async {
+    final String yaml = await rootBundle.loadString('pubspec.yaml');
+    final RegExpMatch? match = RegExp(r'^version:\s*(.*)$', multiLine: true).firstMatch(yaml);
+    final String? v = match?.group(1)!.replaceAll('"', '').replaceAll("'", '').trim();
+    version = v ?? "";
+  }
+}

lib/utils/appversion_util.dart

@@ -1,10 +0,0 @@
-import 'package:package_info_plus/package_info_plus.dart';
-
-class AppVersion {
-  static String version = "";
-
-  static Future<void> init() async {
-    PackageInfo packageInfo = await PackageInfo.fromPlatform();
-    version = '${packageInfo.version}+${packageInfo.buildNumber}';
-  }
-}

lib/utils/customsearchdelegate.dart

@@ -1,11 +1,16 @@
 import 'dart:async';
+import 'dart:convert';
+
+import 'package:f0ckapp/controller/media_controller.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
+
-import 'package:f0ckapp/services/api_service.dart';
+import 'package:get/get.dart';
+import 'package:http/http.dart' as http;
+
 import 'package:f0ckapp/models/suggestion_model.dart';
-import 'package:f0ckapp/providers/media_provider.dart';
 
 class CustomSearchDelegate extends SearchDelegate<String> {
+  final MediaController controller = Get.find<MediaController>();
   Timer? _debounceTimer;
   List<Suggestion>? _suggestions;
   bool _isLoading = false;
@@ -42,13 +47,52 @@ class CustomSearchDelegate extends SearchDelegate<String> {
     return Center(child: Text('Suchergebnisse für: "$query"'));
   }
 
+  Future<List<Suggestion>> fetchSuggestions(String query) async {
+    final Uri uri = Uri.parse('https://api.f0ck.me/search/?q=$query');
+    try {
+      final http.Response response = await http
+          .get(uri)
+          .timeout(const Duration(seconds: 5));
+
+      if (response.statusCode == 200) {
+        final dynamic decoded = jsonDecode(response.body);
+        if (decoded is List) {
+          final suggestions = decoded
+              .map((item) => Suggestion.fromJson(item as Map<String, dynamic>))
+              .toList();
+          suggestions.sort((a, b) => b.score.compareTo(a.score));
+          return suggestions;
+        } else {
+          throw Exception('Unerwartetes Format: Es wurde eine Liste erwartet.');
+        }
+      } else if (response.statusCode == 400) {
+        final dynamic error = jsonDecode(response.body);
+        final String message = error is Map<String, dynamic>
+            ? error['detail']?.toString() ?? 'Unbekannter Fehler.'
+            : 'Unbekannter Fehler.';
+        throw Exception('Client-Fehler 400: $message');
+      } else {
+        throw Exception(
+          'Fehler beim Abrufen der Vorschläge: ${response.statusCode}',
+        );
+      }
+    } on TimeoutException {
+      throw Exception('Anfrage an die API hat zu lange gedauert.');
+    } catch (e) {
+      throw Exception('Fehler bei der Verarbeitung der Anfrage: $e');
+    }
+  }
+
   @override
   Widget buildSuggestions(BuildContext context) {
     return StatefulBuilder(
       builder: (BuildContext context, void Function(void Function()) setState) {
         if (query.isEmpty) {
           _debounceTimer?.cancel();
-          return Container(padding: const EdgeInsets.all(16.0), child: const Text(''));
+          return Container(
+            padding: const EdgeInsets.all(16.0),
+            child: const Text(''),
+          );
         }
 
         if (query != _lastFetchedQuery) {
@@ -90,8 +134,6 @@ class CustomSearchDelegate extends SearchDelegate<String> {
           return Center(child: const Text("Keine Ergebnisse gefunden."));
         }
 
-        return Consumer(
-          builder: (BuildContext context, WidgetRef ref, Widget? child) {
         return ListView.builder(
           itemCount: _suggestions!.length,
           itemBuilder: (BuildContext context, int index) {
@@ -102,8 +144,8 @@ class CustomSearchDelegate extends SearchDelegate<String> {
                 'Getaggt: ${suggestion.tagged}x • Score: ${suggestion.score.toStringAsFixed(2)}',
                 style: TextStyle(fontSize: 12),
               ),
-                  onTap: () {
+              onTap: () async {
-                    ref.read(mediaProvider.notifier).setTag(suggestion.tag);
+                await controller.setTag(suggestion.tag);
                 close(context, suggestion.tag);
               },
             );
@@ -111,8 +153,6 @@ class CustomSearchDelegate extends SearchDelegate<String> {
         );
       },
     );
-      },
-    );
   }
 
   Widget _buildLoadingIndicator() {

lib/utils/pagetransformer_util.dart

@@ -1,42 +0,0 @@
-import 'package:flutter/material.dart';
-
-class PageTransformer extends StatelessWidget {
-  final List<Widget> pages;
-  final PageController controller;
-
-  const PageTransformer({
-    super.key,
-    required this.pages,
-    required this.controller,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    return PageView.builder(
-      controller: controller,
-      itemCount: pages.length,
-      itemBuilder: (context, index) {
-        return _buildPage(pages[index], index);
-      },
-    );
-  }
-
-  Widget _buildPage(Widget page, int index) {
-    return AnimatedBuilder(
-      animation: controller,
-      builder: (context, child) {
-        double value = 1.0;
-        if (controller.position.haveDimensions) {
-          value = controller.page! - index;
-          value = (1 - (value.abs() * 0.5)).clamp(0.0, 1.0);
-        }
-        return Transform(
-          transform: Matrix4.identity()..scale(value, value),
-          alignment: Alignment.center,
-          child: child,
-        );
-      },
-      child: page,
-    );
-  }
-}

lib/widgets/end_drawer.dart

@@ -1,14 +1,13 @@
 import 'package:flutter/material.dart';
 
-import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:get/get.dart';
 
-import 'package:f0ckapp/providers/theme_provider.dart';
+import 'package:f0ckapp/screens/settings_screen.dart';
-import 'package:f0ckapp/utils/appversion_util.dart';
+import 'package:f0ckapp/controller/theme_controller.dart';
+import 'package:f0ckapp/utils/appversion.dart';
 
 class EndDrawer extends StatelessWidget {
-  final WidgetRef ref;
+  const EndDrawer({super.key});
-
-  const EndDrawer({super.key, required this.ref});
 
   void _showMsg(String message, BuildContext context) {
     ScaffoldMessenger.of(context)
@@ -18,6 +17,8 @@ class EndDrawer extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final ThemeController themeController = Get.find();
+
     return Drawer(
       child: ListView(
         padding: EdgeInsets.zero,
@@ -88,34 +89,32 @@ class EndDrawer extends StatelessWidget {
             children: [
               Padding(
                 padding: const EdgeInsets.symmetric(horizontal: 16.0),
-                child: Column(
+                child: Obx(() {
-                  children: themeMap.entries.map((entry) {
+                  return Column(
+                    children: themeController.themeMap.entries.map((entry) {
                       final String themeName = entry.key;
                       final ThemeData themeData = entry.value;
-                    final ThemeData currentTheme = ref.watch(
+                      final bool isSelected =
-                      themeNotifierProvider,
+                          themeController.currentTheme.value == themeData;
-                    );
-                    final bool isSelected = currentTheme == themeData;
                       return ListTile(
                         title: Text(themeName),
                         selected: isSelected,
                         selectedTileColor: Colors.blue.withValues(alpha: 0.2),
                         onTap: () async {
-                        await ref
+                          await themeController.updateTheme(themeName);
-                            .read(themeNotifierProvider.notifier)
-                            .updateTheme(themeName);
                         },
                       );
                     }).toList(),
-                ),
+                  );
+                }),
               ),
             ],
           ),
           ListTile(
-            title: const Text('Einstellungen'),
+            title: const Text('Settings'),
             onTap: () {
-              //context.go('/settings');
+              Navigator.pop(context);
-              Navigator.pushReplacementNamed(context, '/settings');
+              Get.bottomSheet(SettingsPage());
             },
           ),
           ListTile(

lib/widgets/filter_bar.dart

@@ -1,29 +1,30 @@
 import 'package:flutter/material.dart';
 
-import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:get/get.dart';
+
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/service/media_service.dart';
 
 class FilterBar extends StatelessWidget {
-  final MediaState mediaState;
-  final MediaNotifier mediaNotifier;
   final ScrollController scrollController;
   
   const FilterBar({
     super.key,
-    required this.mediaState,
-    required this.mediaNotifier,
     required this.scrollController,
   });
 
   @override
   Widget build(BuildContext context) {
+    final MediaController c = Get.find<MediaController>();
+
     return BottomAppBar(
       height: 50,
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceAround,
         children: [
           const Text('type: '),
-          DropdownButton<String>(
+          Obx(() => DropdownButton<String>(
-            value: mediaTypes[mediaState.typeIndex],
+            value: mediaTypes[c.type.value],
             isDense: true,
             items: mediaTypes.map((String value) {
               return DropdownMenuItem<String>(
@@ -33,14 +34,14 @@ class FilterBar extends StatelessWidget {
             }).toList(),
             onChanged: (String? newValue) {
               if (newValue != null) {
-                mediaNotifier.setType(newValue);
+                c.setType(mediaTypes.indexOf(newValue));
                 scrollController.jumpTo(0);
               }
             },
-          ),
+          )),
           const Text('mode: '),
-          DropdownButton<String>(
+          Obx(() => DropdownButton<String>(
-            value: mediaModes[mediaState.modeIndex],
+            value: mediaModes[c.mode.value],
             isDense: true,
             items: mediaModes.map((String value) {
               return DropdownMenuItem<String>(
@@ -50,11 +51,11 @@ class FilterBar extends StatelessWidget {
             }).toList(),
             onChanged: (String? newValue) {
               if (newValue != null) {
-                mediaNotifier.setMode(mediaModes.indexOf(newValue));
+                c.setMode(mediaModes.indexOf(newValue));
                 scrollController.jumpTo(0);
               }
             },
-          ),
+          )),
         ],
       ),
     );

lib/widgets/media_tile.dart

@@ -1,8 +1,9 @@
 import 'package:flutter/material.dart';
 
 import 'package:cached_network_image/cached_network_image.dart';
+import 'package:get/get.dart';
 
-import 'package:f0ckapp/models/mediaitem_model.dart';
+import 'package:f0ckapp/models/media_item.dart';
 
 class MediaTile extends StatelessWidget {
   final MediaItem item;
@@ -13,7 +14,7 @@ class MediaTile extends StatelessWidget {
   Widget build(BuildContext context) {
     return InkWell(
       onTap: () {
-        Navigator.pushNamed(context, '/${item.id}');
+        Get.toNamed('/${item.id}');
       },
       child: Stack(
         fit: StackFit.expand,

lib/widgets/video_widget.dart

@@ -1,16 +1,16 @@
 import 'dart:async';
 
+import 'package:f0ckapp/controller/media_controller.dart';
+import 'package:f0ckapp/models/media_item.dart';
 import 'package:flutter/material.dart';
 
 import 'package:cached_video_player_plus/cached_video_player_plus.dart';
 import 'package:cached_network_image/cached_network_image.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 
-import 'package:f0ckapp/models/mediaitem_model.dart';
 import 'package:f0ckapp/widgets/videooverlay_widget.dart';
-import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:get/get.dart';
 
-class VideoWidget extends ConsumerStatefulWidget {
+class VideoWidget extends StatefulWidget {
   final MediaItem details;
   final bool isActive;
   final bool fullScreen;
@@ -23,10 +23,11 @@ class VideoWidget extends ConsumerStatefulWidget {
   });
 
   @override
-  ConsumerState<VideoWidget> createState() => _VideoWidgetState();
+  State<VideoWidget> createState() => _VideoWidgetState();
 }
 
-class _VideoWidgetState extends ConsumerState<VideoWidget> {
+class _VideoWidgetState extends State<VideoWidget> {
+  final MediaController controller = Get.find<MediaController>();
   late CachedVideoPlayerPlusController _controller;
   bool _showControls = false;
   Timer? _hideControlsTimer;
@@ -51,8 +52,7 @@ class _VideoWidgetState extends ConsumerState<VideoWidget> {
     }
     _controller.setLooping(true);
 
-    final bool muted = ref.read(mediaProvider).muted;
+    _controller.setVolume(controller.muted.value ? 0.0 : 1.0);
-    _controller.setVolume(muted ? 0.0 : 1.0);
   }
 
   @override
@@ -88,7 +88,7 @@ class _VideoWidgetState extends ConsumerState<VideoWidget> {
 
   @override
   Widget build(BuildContext context) {
-    final bool muted = ref.watch(mediaProvider).muted;
+    final bool muted = controller.muted.value;
     if (_controller.value.isInitialized &&
         _controller.value.volume != (muted ? 0.0 : 1.0)) {
       _controller.setVolume(muted ? 0.0 : 1.0);

lib/widgets/videooverlay_widget.dart

@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:cached_video_player_plus/cached_video_player_plus.dart';
+import 'package:get/get.dart';
 
-import 'package:f0ckapp/providers/media_provider.dart';
+import 'package:f0ckapp/controller/media_controller.dart';
 
-class VideoControlsOverlay extends ConsumerWidget {
+class VideoControlsOverlay extends StatelessWidget {
   final CachedVideoPlayerPlusController controller;
   final VoidCallback button;
 
@@ -16,9 +16,8 @@ class VideoControlsOverlay extends ConsumerWidget {
   });
 
   @override
-  Widget build(BuildContext context, ref) {
+  Widget build(BuildContext context) {
-    final MediaState mediaState = ref.watch(mediaProvider);
+    final MediaController c = Get.find<MediaController>();
-    final MediaNotifier mediaNotifier = ref.read(mediaProvider.notifier);
 
     return Stack(
       alignment: Alignment.center,
@@ -26,15 +25,17 @@ class VideoControlsOverlay extends ConsumerWidget {
         Positioned(
           right: 12,
           bottom: 12,
-          child: _ControlButton(
+          child: Obx(
-            mediaState.muted ? Icons.volume_off : Icons.volume_up,
+            () => _ControlButton(
-            () {
+              c.muted.value ? Icons.volume_off : Icons.volume_up,
+              () async {
                 button();
-              mediaNotifier.toggleMute();
+                await c.toggleMuted();
               },
               size: 16,
             ),
           ),
+        ),
         Center(
           child: Row(
             mainAxisAlignment: MainAxisAlignment.center,

pubspec.lock

@@ -1,6 +1,22 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.7.0"
+  asn1lib:
+    dependency: transitive
+    description:
+      name: asn1lib
+      sha256: "0511d6be23b007e95105ae023db599aea731df604608978dada7f9faf2637623"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.6.4"
   async:
     dependency: transitive
     description:
@@ -73,6 +89,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.19.1"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: b30acd5944035672bc15c6b7a8b47d773e41e2f17de064350988c5d02adb1c68
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
   cross_file:
     dependency: transitive
     description:
@@ -97,14 +121,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.2"
-  cupertino_icons:
+  devtools_shared:
-    dependency: "direct main"
+    dependency: transitive
     description:
-      name: cupertino_icons
+      name: devtools_shared
-      sha256: ba631d1c7f7bef6b729a622b7b752645a2d076dba9976925b8f25725a30e1ee6
+      sha256: "659e2d65aa5ef5c3551163811c5c6fa1b973b3df80d8cac6f618035edcdc1096"
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.8"
+    version: "11.2.1"
+  dtd:
+    dependency: transitive
+    description:
+      name: dtd
+      sha256: "14a0360d898ded87c3d99591fc386b8a6ea5d432927bee709b22130cd25b993a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.1"
+  encrypt:
+    dependency: transitive
+    description:
+      name: encrypt
+      sha256: "62d9aa4670cc2a8798bab89b39fc71b6dfbacf615de6cf5001fb39f7e4a996a2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.3"
+  encrypt_shared_preferences:
+    dependency: "direct main"
+    description:
+      name: encrypt_shared_preferences
+      sha256: ab8a957db7ae645c8b0341e8aee85c1cd046a5cb9a0529459ea417ebd6040ba2
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.9"
+  extension_discovery:
+    dependency: transitive
+    description:
+      name: extension_discovery
+      sha256: de1fce715ab013cdfb00befc3bdf0914bea5e409c3a567b7f8f144bc061611a7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   fake_async:
     dependency: transitive
     description:
@@ -158,62 +214,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.0"
-  flutter_riverpod:
-    dependency: "direct main"
-    description:
-      name: flutter_riverpod
-      sha256: "9532ee6db4a943a1ed8383072a2e3eeda041db5657cdf6d2acecf3c21ecbe7e1"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.6.1"
-  flutter_secure_storage:
-    dependency: "direct main"
-    description:
-      name: flutter_secure_storage
-      sha256: "9cad52d75ebc511adfae3d447d5d13da15a55a92c9410e50f67335b6d21d16ea"
-      url: "https://pub.dev"
-    source: hosted
-    version: "9.2.4"
-  flutter_secure_storage_linux:
-    dependency: transitive
-    description:
-      name: flutter_secure_storage_linux
-      sha256: be76c1d24a97d0b98f8b54bce6b481a380a6590df992d0098f868ad54dc8f688
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.2.3"
-  flutter_secure_storage_macos:
-    dependency: transitive
-    description:
-      name: flutter_secure_storage_macos
-      sha256: "6c0a2795a2d1de26ae202a0d78527d163f4acbb11cde4c75c670f3a0fc064247"
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.1.3"
-  flutter_secure_storage_platform_interface:
-    dependency: transitive
-    description:
-      name: flutter_secure_storage_platform_interface
-      sha256: cf91ad32ce5adef6fba4d736a542baca9daf3beac4db2d04be350b87f69ac4a8
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.1.2"
-  flutter_secure_storage_web:
-    dependency: transitive
-    description:
-      name: flutter_secure_storage_web
-      sha256: f4ebff989b4f07b2656fb16b47852c0aab9fed9b4ec1c70103368337bc1886a9
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.2.1"
-  flutter_secure_storage_windows:
-    dependency: transitive
-    description:
-      name: flutter_secure_storage_windows
-      sha256: b20b07cb5ed4ed74fc567b78a72936203f587eba460af1df11281c9326cd3709
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.1.2"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -225,7 +225,7 @@ packages:
     source: sdk
     version: "0.0.0"
   get:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: get
       sha256: c79eeb4339f1f3deffd9ec912f8a923834bec55f7b49c9e882b8fef2c139d425
@@ -272,6 +272,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.7"
+  json_rpc_2:
+    dependency: transitive
+    description:
+      name: json_rpc_2
+      sha256: "246b321532f0e8e2ba474b4d757eaa558ae4fdd0688fdbc1e1ca9705f9b8ca0e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.3"
   leak_tracker:
     dependency: transitive
     description:
@@ -304,6 +312,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.0"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: c8245ada5f1717ed44271ed1c26b8ce85ca3228fd2ffdb75468ab01979309d61
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
   matcher:
     dependency: transitive
     description:
@@ -344,22 +360,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.0"
-  package_info_plus:
-    dependency: "direct main"
-    description:
-      name: package_info_plus
-      sha256: "7976bfe4c583170d6cdc7077e3237560b364149fcd268b5f53d95a991963b191"
-      url: "https://pub.dev"
-    source: hosted
-    version: "8.3.0"
-  package_info_plus_platform_interface:
-    dependency: transitive
-    description:
-      name: package_info_plus_platform_interface
-      sha256: "6c935fb612dff8e3cc9632c2b301720c77450a126114126ffaafe28d2e87956c"
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.2.0"
   path:
     dependency: transitive
     description:
@@ -432,14 +432,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
-  riverpod:
+  pointycastle:
     dependency: transitive
     description:
-      name: riverpod
+      name: pointycastle
-      sha256: "59062512288d3056b2321804332a13ffdd1bf16df70dcc8e506e411280a72959"
+      sha256: "4be0097fcf3fd3e8449e53730c631200ebc7b88016acecab2b0da2f0149222fe"
       url: "https://pub.dev"
     source: hosted
-    version: "2.6.1"
+    version: "3.9.1"
+  pool:
+    dependency: transitive
+    description:
+      name: pool
+      sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.1"
   rxdart:
     dependency: transitive
     description:
@@ -464,6 +472,70 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.0"
+  shared_preferences:
+    dependency: transitive
+    description:
+      name: shared_preferences
+      sha256: "6e8bf70b7fef813df4e9a36f658ac46d107db4b4cfe1048b477d4e453a8159f5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "20cbd561f743a342c76c151d6ddb93a9ce6005751e7aa458baad3858bfbfb6ac"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.10"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: c49bd060261c9a3f0ff445892695d6212ff603ef3115edbb448509d407600019
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.3"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shelf:
+    dependency: transitive
+    description:
+      name: shelf
+      sha256: e7dd780a7ffb623c57850b33f43309312fc863fb6aa3d276a754bb299839ef12
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.2"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -525,6 +597,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.4.0"
+  sse:
+    dependency: transitive
+    description:
+      name: sse
+      sha256: fcc97470240bb37377f298e2bd816f09fd7216c07928641c0560719f50603643
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.8"
   stack_trace:
     dependency: transitive
     description:
@@ -533,14 +613,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.12.1"
-  state_notifier:
-    dependency: transitive
-    description:
-      name: state_notifier
-      sha256: b8677376aa54f2d7c58280d5a007f9e8774f1968d1fb1c096adcb4792fba29bb
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.0"
   stream_channel:
     dependency: transitive
     description:
@@ -589,6 +661,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.4.0"
+  unified_analytics:
+    dependency: transitive
+    description:
+      name: unified_analytics
+      sha256: c8abdcad84b55b78f860358aae90077b8f54f98169a75e16d97796a1b3c95590
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.0.1"
   url_launcher_linux:
     dependency: transitive
     description:
@@ -685,6 +765,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.1"
+  web_socket:
+    dependency: transitive
+    description:
+      name: web_socket
+      sha256: "34d64019aa8e36bf9842ac014bb5d2f5586ca73df5e4d9bf5c936975cae6982c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  web_socket_channel:
+    dependency: transitive
+    description:
+      name: web_socket_channel
+      sha256: d645757fb0f4773d602444000a8131ff5d48c9e47adfe9772652dd1a4f2d45c8
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.3"
+  webkit_inspection_protocol:
+    dependency: transitive
+    description:
+      name: webkit_inspection_protocol
+      sha256: "87d3f2333bb240704cd3f1c6b5b7acd8a10e7f0bc28c28dcf14e782014f4a572"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
   win32:
     dependency: transitive
     description:
@@ -701,6 +805,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.0"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: b9da305ac7c39faa3f030eccd175340f968459dae4af175130b3fc47e40d76ce
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.3"
+  yaml_edit:
+    dependency: transitive
+    description:
+      name: yaml_edit
+      sha256: fb38626579fb345ad00e674e2af3a5c9b0cc4b9bfb8fd7f7ff322c7c9e62aef5
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.2"
 sdks:
   dart: ">=3.9.0-100.2.beta <4.0.0"
   flutter: ">=3.29.0"

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.1.23+53
+version: 1.3.2+58
 
 environment:
   sdk: ^3.9.0-100.2.beta
@@ -32,15 +32,11 @@ dependencies:
     sdk: flutter
   http: ^1.4.0
 
-  # The following adds the Cupertino Icons font to your application.
-  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.8
   cached_network_image: ^3.4.1
   cached_video_player_plus: ^3.0.3
-  package_info_plus: ^8.3.0
   share_plus: ^11.0.0
-  flutter_secure_storage: ^9.2.4
+  encrypt_shared_preferences: ^0.9.9
-  flutter_riverpod: ^2.6.1
+  get: ^4.7.2
 
 dev_dependencies:
   flutter_test:
@@ -67,6 +63,8 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   assets:
     - assets/images/
+    - assets/i18n/
+    - pubspec.yaml
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
 

test/widget_test.dart

@@ -8,12 +8,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-import 'package:f0ckapp/main.dart';
+//import 'package:f0ckapp/main.dart';
 
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    await tester.pumpWidget(F0ckApp());
+    //await tester.pumpWidget(F0ckApp());
 
     // Verify that our counter starts at 0.
     expect(find.text('0'), findsOneWidget);