.gitea/workflows/build.yml

@@ -1,18 +0,0 @@
-name: Tag Action
-
-on: 
-  push:
-    tags:
-      - v*
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      - run: apt-get update && apt-get install jq -y
-      - uses: subosito/flutter-action@v2
-        with:
-          flutter-version: 3.19.1
-      - run: flutter --version
-      - run: flutter build apk

.metadata

@@ -1,11 +1,11 @@
 # This file tracks properties of this Flutter project.
 # Used by Flutter tool to assess capabilities and perform upgrades etc.
 #
-# This file should be version controlled and should not be manually edited.
+# This file should be version controlled.
 
 version:
-  revision: "1751123cde4ffad08ae27bdee4f8ddebd033fe76"
+  revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
-  channel: "beta"
+  channel: unknown
 
 project_type: app
 
@@ -13,11 +13,26 @@ project_type: app
 migration:
   platforms:
     - platform: root
-      create_revision: 1751123cde4ffad08ae27bdee4f8ddebd033fe76
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
-      base_revision: 1751123cde4ffad08ae27bdee4f8ddebd033fe76
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
     - platform: android
-      create_revision: 1751123cde4ffad08ae27bdee4f8ddebd033fe76
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
-      base_revision: 1751123cde4ffad08ae27bdee4f8ddebd033fe76
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+    - platform: ios
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+    - platform: linux
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+    - platform: macos
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+    - platform: web
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+    - platform: windows
+      create_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
+      base_revision: 2ad6cd72c040113b47ee9055e722606a490ef0da
 
   # User provided section
 

README.md

@@ -16,19 +16,3 @@ This app uses /l10n/ according to the official flutter
 We use [weblate](https://translate.codeberg.org/engage/outbag/) to manage translations.
 
 [![Translation status](https://translate.codeberg.org/widget/outbag/outbag-app/multi-auto.svg)](https://translate.codeberg.org/engage/outbag/)
-
-## Contributing
-To keep the code formatted properly, 
-we use git hooks to format files before committing.
-
-You can easily add git-hooks using the following command:
-``` sh
-git config core.hooksPath ./hooks
-```
-
-Afterwards the `pre-commit` hook will automatically be run,
-when you commit your changes:
-``` sh
-git add # some files
-git commit
-```

android/app/build.gradle

@@ -1,9 +1,3 @@
-plugins {
-    id "com.android.application"
-    id "kotlin-android"
-    id "dev.flutter.flutter-gradle-plugin"
-}
-
 def localProperties = new Properties()
 def localPropertiesFile = rootProject.file('local.properties')
 if (localPropertiesFile.exists()) {
@@ -12,6 +6,11 @@ if (localPropertiesFile.exists()) {
     }
 }
 
+def flutterRoot = localProperties.getProperty('flutter.sdk')
+if (flutterRoot == null) {
+    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
+}
+
 def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
 if (flutterVersionCode == null) {
     flutterVersionCode = '1'
@@ -22,9 +21,12 @@ if (flutterVersionName == null) {
     flutterVersionName = '1.0'
 }
 
+apply plugin: 'com.android.application'
+apply plugin: 'kotlin-android'
+apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+
 android {
-    namespace "com.example.app"
+    compileSdkVersion flutter.compileSdkVersion
-    compileSdk flutter.compileSdkVersion
     ndkVersion flutter.ndkVersion
 
     compileOptions {
@@ -42,11 +44,11 @@ android {
 
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.example.app"
+        applicationId "com.example.outbag_app"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdk flutter.minSdkVersion
+        minSdkVersion flutter.minSdkVersion
-        targetSdk flutter.targetSdkVersion
+        targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }
@@ -64,4 +66,6 @@ flutter {
     source '../..'
 }
 
-dependencies {}
+dependencies {
+    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+}

android/build.gradle

@@ -1,3 +1,16 @@
+buildscript {
+    ext.kotlin_version = '1.7.10'
+    repositories {
+        google()
+        mavenCentral()
+    }
+
+    dependencies {
+        classpath 'com.android.tools.build:gradle:7.2.0'
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+    }
+}
+
 allprojects {
     repositories {
         google()
@@ -13,6 +26,6 @@ subprojects {
     project.evaluationDependsOn(':app')
 }
 
-tasks.register("clean", Delete) {
+task clean(type: Delete) {
     delete rootProject.buildDir
 }

android/gradle.properties

@@ -1,3 +1,3 @@
-org.gradle.jvmargs=-Xmx4G
+org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true

android/gradle/wrapper/gradle-wrapper.properties

@@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.5-all.zip

android/settings.gradle

@@ -1,25 +1,11 @@
-pluginManagement {
+include ':app'
-    def flutterSdkPath = {
-        def properties = new Properties()
-        file("local.properties").withInputStream { properties.load(it) }
-        def flutterSdkPath = properties.getProperty("flutter.sdk")
-        assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
-        return flutterSdkPath
-    }()
 
-    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")
+def localPropertiesFile = new File(rootProject.projectDir, "local.properties")
+def properties = new Properties()
 
-    repositories {
+assert localPropertiesFile.exists()
-        google()
+localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
-        mavenCentral()
-        gradlePluginPortal()
-    }
-}
 
-plugins {
+def flutterSdkPath = properties.getProperty("flutter.sdk")
-    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
+assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
-    id "com.android.application" version "7.3.0" apply false
+apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"
-    id "org.jetbrains.kotlin.android" version "1.7.10" apply false
-}
-
-include ":app"

hooks/pre-commit

@@ -1,12 +0,0 @@
-#!/bin/sh
-# adapted from https://prettier.io/docs/en/precommit.html#option-5-shell-script
-FILES=$(git diff --cached --name-only --diff-filter=ACMR | sed 's| |\\ |g' | grep '.dart$')
-[ -z "$FILES" ] && exit 0
-
-# Format all selected files
-echo "$FILES" | xargs dart format
-
-# Add back the formatted files to staging
-echo "$FILES" | xargs git add
-
-exit 0

l10n.yaml

@@ -1,4 +1,3 @@
----
 arb-dir: lib/l10n
 template-arb-file: app_en.arb
 output-localization-file: app_localizations.dart

lib/backend/room.dart

@@ -363,30 +363,20 @@ class RoomInfo {
 
 class RoomCategory {
   final int? id;
-  String name;
+  final String name;
-  ColorSwatch<int> color;
+  final ColorSwatch<int> color;
-  final String room;
-  final String server;
 
-  RoomCategory(
+  const RoomCategory(
-      {required this.id,
+      {required this.id, required this.name, required this.color});
-      required this.name,
-      required this.color,
-      required this.server,
-      required this.room});
 
-  factory RoomCategory.fromJSON(String server, String room, dynamic json) {
+  factory RoomCategory.fromJSON(dynamic json) {
     return RoomCategory(
-        server: server,
-        room: room,
         id: json['id'],
         name: json['title'],
         color: colorFromString(json['color']));
   }
-  factory RoomCategory.other(String server, String room, BuildContext context) {
+  factory RoomCategory.other(BuildContext context) {
     return RoomCategory(
-        server: server,
-        room: room,
         id: null,
         name: AppLocalizations.of(context)!.categoryNameOther,
         color: Colors.grey);
@@ -408,69 +398,6 @@ class RoomCategory {
       "purple-acc",
     ].map((txt) => colorFromString(txt)).toList();
   }
-
-  // get list of all categories in a given room
-  static Future<List<RoomCategory>> list(String server, String room) async {
-    final db = Localstore.instance;
-    final rooms = (await db.collection('categories:$room@$server').get()) ?? {};
-    List<RoomCategory> builder = [];
-    for (MapEntry entry in rooms.entries) {
-      try {
-        builder.add(RoomCategory.fromMap(entry.value));
-      } catch (e) {
-        // skip invalid entries
-        // NOTE: might want to autodelete them in the future
-        // although keeping them might be ok,
-        // in case we ever get a new dataset to fix the current state
-      }
-    }
-    return builder;
-  }
-
-  // listen to room change
-  static listen(
-      String server, String room, Function(Map<String, dynamic>) cb) async {
-    final db = Localstore.instance;
-    final stream = db.collection('categories:$room@$server').stream;
-    stream.listen(cb);
-  }
-
-  factory RoomCategory.fromMap(Map<String, dynamic> map) {
-    return RoomCategory(
-        server: map['server'],
-        room: map['room'],
-        id: map['id'],
-        name: map['name'],
-        color: colorFromString(map['color']));
-  }
-
-  Map<String, dynamic> toMap() {
-    return {
-      'server': server,
-      'room': room,
-      'id': id,
-      'name': name,
-      'color': colorIdFromColor(color)
-    };
-  }
-
-  Future<void> toDisk() async {
-    final db = Localstore.instance;
-    await db.collection('categories:$room@$server').doc('$id').set(toMap());
-  }
-
-  Future<void> removeDisk() async {
-    final db = Localstore.instance;
-    await db.collection('categories:$room@$server').doc('$id').delete();
-  }
-
-  static Future<RoomCategory> fromDisk(
-      {required int id, required String server, required String room}) async {
-    final db = Localstore.instance;
-    final raw =
-        await db.collection('categories:$room@$server').doc('$id').get();
-    return RoomCategory.fromMap(raw!);
-  }
 }
 
 ColorSwatch<int> colorFromString(String text) {
@@ -547,7 +474,7 @@ String colorIdFromColor(ColorSwatch<int> color) {
 }
 
 class RoomProduct {
-  final int id;
+  int id;
   String name;
   String description;
   // category ID
@@ -563,14 +490,9 @@ class RoomProduct {
   // parent product ID
   int? parent;
 
-  final String server;
-  final String room;
-
   RoomProduct(
       {required this.id,
       required this.name,
-      required this.server,
-      required this.room,
       this.description = '',
       this.category = -1,
       this.defaultUnit = 0,
@@ -578,10 +500,8 @@ class RoomProduct {
       this.ean,
       this.parent});
 
-  factory RoomProduct.fromJSON(String server, String room, dynamic json) {
+  factory RoomProduct.fromJSON(dynamic json) {
     return RoomProduct(
-        server: server,
-        room: room,
         id: json['listProdID'],
         name: json['title'],
         description: json['description'],
@@ -591,82 +511,10 @@ class RoomProduct {
         ean: json['ean'],
         parent: json['parent']);
   }
-
-  // get list of all categories in a given room
-  static Future<List<RoomProduct>> list(String server, String room) async {
-    final db = Localstore.instance;
-    final rooms = (await db.collection('products:$room@$server').get()) ?? {};
-    List<RoomProduct> builder = [];
-    for (MapEntry entry in rooms.entries) {
-      try {
-        builder.add(RoomProduct.fromMap(entry.value));
-      } catch (e) {
-        // skip invalid entries
-        // NOTE: might want to autodelete them in the future
-        // although keeping them might be ok,
-        // in case we ever get a new dataset to fix the current state
-      }
-    }
-    return builder;
-  }
-
-  // listen to room change
-  static listen(
-      String server, String room, Function(Map<String, dynamic>) cb) async {
-    final db = Localstore.instance;
-    final stream = db.collection('products:$room@$server').stream;
-    stream.listen(cb);
-  }
-
-  factory RoomProduct.fromMap(Map<String, dynamic> map) {
-    return RoomProduct(
-        server: map['server'],
-        room: map['room'],
-        id: map['id'],
-        name: map['name'],
-        description: map['description'],
-        category: map['category'],
-        defaultUnit: map['default_unit'],
-        defaultValue: map['default_value'],
-        ean: map['ean'],
-        parent: map['parent']);
-  }
-
-  Map<String, dynamic> toMap() {
-    return {
-      'server': server,
-      'room': room,
-      'id': id,
-      'name': name,
-      'description': description,
-      'category': category,
-      'default_unit': defaultUnit,
-      'default_value': defaultValue,
-      'ean': ean,
-      'parent': parent
-    };
-  }
-
-  Future<void> toDisk() async {
-    final db = Localstore.instance;
-    await db.collection('products:$room@$server').doc('$id').set(toMap());
-  }
-
-  Future<void> removeDisk() async {
-    final db = Localstore.instance;
-    await db.collection('products:$room@$server').doc('$id').delete();
-  }
-
-  static Future<RoomProduct> fromDisk(
-      {required int id, required String server, required String room}) async {
-    final db = Localstore.instance;
-    final raw = await db.collection('products:$room@$server').doc('$id').get();
-    return RoomProduct.fromMap(raw!);
-  }
 }
 
 class RoomItem {
-  final int id;
+  int id;
   int state;
   String name;
   String description;
@@ -679,14 +527,9 @@ class RoomItem {
   // may link to a product
   int? link;
 
-  final String server;
-  final String room;
-
   RoomItem(
       {required this.id,
       required this.name,
-      required this.server,
-      required this.room,
       this.description = '',
       this.state = 0,
       this.category = -1,
@@ -694,12 +537,10 @@ class RoomItem {
       this.value = '',
       this.link});
 
-  factory RoomItem.fromJSON(String server, String room, dynamic json) {
+  factory RoomItem.fromJSON(dynamic json) {
     return RoomItem(
         id: json['listItemID'],
         name: json['title'],
-        server: server,
-        room: room,
         description: json['description'],
         category: json['listCatID'],
         state: json['state'],
@@ -712,84 +553,10 @@ class RoomItem {
     return RoomItem(
         id: id,
         name: name,
-        server: server,
-        room: room,
         description: description,
         category: category,
         unit: unit,
         value: value,
         link: link);
   }
-
-  // get list of all categories in a given room
-  static Future<List<RoomItem>> list(String server, String room) async {
-    final db = Localstore.instance;
-    final rooms = (await db.collection('items:$room@$server').get()) ?? {};
-    List<RoomItem> builder = [];
-    for (MapEntry entry in rooms.entries) {
-      try {
-        builder.add(RoomItem.fromMap(entry.value));
-      } catch (e) {
-        // skip invalid entries
-        // NOTE: might want to autodelete them in the future
-        // although keeping them might be ok,
-        // in case we ever get a new dataset to fix the current state
-      }
-    }
-    return builder;
-  }
-
-  // listen to room change
-  static listen(
-      String server, String room, Function(Map<String, dynamic>) cb) async {
-    final db = Localstore.instance;
-    final stream = db.collection('items:$room@$server').stream;
-    stream.listen(cb);
-  }
-
-  factory RoomItem.fromMap(Map<String, dynamic> map) {
-    return RoomItem(
-        server: map['server'],
-        room: map['room'],
-        id: map['id'],
-        name: map['name'],
-        description: map['description'],
-        category: map['category'],
-        state: map['state'],
-        unit: map['unit'],
-        value: map['value'],
-        link: map['product']);
-  }
-
-  Map<String, dynamic> toMap() {
-    return {
-      'server': server,
-      'room': room,
-      'id': id,
-      'name': name,
-      'description': description,
-      'category': category,
-      'state': state,
-      'unit': unit,
-      'value': value,
-      'product': link
-    };
-  }
-
-  Future<void> toDisk() async {
-    final db = Localstore.instance;
-    await db.collection('items:$room@$server').doc('$id').set(toMap());
-  }
-
-  Future<void> removeDisk() async {
-    final db = Localstore.instance;
-    await db.collection('items:$room@$server').doc('$id').delete();
-  }
-
-  static Future<RoomProduct> fromDisk(
-      {required int id, required String server, required String room}) async {
-    final db = Localstore.instance;
-    final raw = await db.collection('items:$room@$server').doc('$id').get();
-    return RoomProduct.fromMap(raw!);
-  }
 }

lib/components/category_chip.dart

@@ -3,20 +3,15 @@ import 'package:outbag_app/backend/room.dart';
 
 class CategoryChip extends StatelessWidget {
   final RoomCategory? category;
-  final String server;
-  final String room;
 
-  const CategoryChip(
+  const CategoryChip({super.key, this.category});
-      {super.key, required this.server, required this.room, this.category});
 
   @override
   Widget build(BuildContext context) {
     return ActionChip(
       avatar: Icon(Icons.square_rounded,
-          color: category?.color ??
+          color: category?.color ?? RoomCategory.other(context).color),
-              RoomCategory.other(server, room, context).color),
+      label: Text(category?.name ?? RoomCategory.other(context).name),
-      label: Text(
-          category?.name ?? RoomCategory.other(server, room, context).name),
     );
   }
 }

lib/components/category_picker.dart

@@ -11,14 +11,9 @@ class CategoryPicker extends StatelessWidget {
   final String? hint;
   final String? label;
 
-  final String server;
-  final String room;
-
   const CategoryPicker(
       {super.key,
       required this.categories,
-      required this.server,
-      required this.room,
       this.selected,
       this.onSelect,
       this.hint,
@@ -36,7 +31,7 @@ class CategoryPicker extends StatelessWidget {
               border: const OutlineInputBorder(),
               prefixIcon: const Icon(Icons.category)),
           value: selected,
-          items: [...categories, RoomCategory.other(server, room, context)]
+          items: [...categories, RoomCategory.other(context)]
               .map((category) => DropdownMenuItem<int?>(
                     value: category.id,
                     child: Row(

lib/l10n/app_en.arb

@@ -424,17 +424,5 @@
   "moveItemToCartTitle": "Move to Cart",
   "moveItemToCartSubtitle": "Mark item as in-cart, so others know, you bought it",
   "removeItemFromCartTitle": "Remove from Cart",
-  "removeItemFromCartSubtitle": "Remove item from shopping cart, so others know, that you still need it",
+  "removeItemFromCartSubtitle": "Remove item from shopping cart, so others know, that you still need it"
-
-  "newItemQueryEmpty": "Type to show quick access buttons",
-  "newItemQueryHint": "Type item or product name",
-  "newItemQuickAccessPrefix": "Create:",
-  "newItemQuickProduct": "product: {text}",
-  "deleteItem": "Delete Item",
-  "deleteItemConfirm": "Do you really want to remove the item named {item}",
-
-  "deleteProductTitle": "Delete Product",
-  "deleteProductSubtitle": "Remove the product from list of known products",
-  "deleteProduct": "Delete Product",
-  "deleteProductConfirm": "DO you really want to remove the product named {product}"
 }

lib/main.dart

@@ -6,7 +6,6 @@ import 'package:outbag_app/backend/user.dart';
 import 'package:outbag_app/backend/request.dart';
 import 'package:outbag_app/screens/room/categories/edit.dart';
 import 'package:outbag_app/screens/room/items/edit.dart';
-import 'package:outbag_app/screens/room/items/new.dart';
 import 'package:outbag_app/screens/room/products/edit.dart';
 import 'package:outbag_app/screens/room/products/view.dart';
 
@@ -307,7 +306,7 @@ class _OutbagAppState extends State {
                                   GoRoute(
                                       name: 'new-item',
                                       path: 'new-item',
-                                      builder: (context, state) => NewItemPage(
+                                      builder: (context, state) => EditItemPage(
                                             server:
                                                 state.params['server'] ?? '',
                                             room: state.params['id'] ?? '',

lib/screens/home.dart

@@ -123,48 +123,38 @@ class _HomePageState extends State<HomePage> {
           )
         ],
       ),
-      body: Center(
+      body: ListView.builder(
-          child: Padding(
+        itemCount: rooms.length,
-              padding: const EdgeInsets.all(14),
+        itemBuilder: (ctx, i) {
-              child: ConstrainedBox(
+          final room = rooms[i];
-                  constraints: const BoxConstraints(maxWidth: 600),
+          return Card(
-                  child: ListView.builder(
+              margin: const EdgeInsets.all(8.0),
-                    itemCount: rooms.length,
+              clipBehavior: Clip.antiAliasWithSaveLayer,
-                    itemBuilder: (ctx, i) {
+              semanticContainer: true,
-                      final room = rooms[i];
+              child: InkWell(
-                      return Card(
+                  onTap: () {
-                          margin: const EdgeInsets.all(8.0),
+                    // open room
-                          clipBehavior: Clip.antiAliasWithSaveLayer,
+                    context.goNamed('room',
-                          semanticContainer: true,
+                        params: {'server': room.serverTag, 'id': room.id});
-                          child: InkWell(
+                  },
-                              onTap: () {
+                  onLongPress: () {
-                                // open room
+                    // open bottom sheet
-                                context.goNamed('room', params: {
+                    // NOTE: feature yet to be confirmed
-                                  'server': room.serverTag,
+                  },
-                                  'id': room.id
+                  child: Container(
-                                });
+                      padding: const EdgeInsets.fromLTRB(10, 5, 5, 10),
-                              },
+                      child: ListTile(
-                              onLongPress: () {
+                        title: Text(room.name),
-                                // open bottom sheet
+                        visualDensity: const VisualDensity(vertical: 3),
-                                // NOTE: feature yet to be confirmed
+                        subtitle: Text(room.description),
-                              },
+                        leading: AspectRatio(
-                              child: Container(
+                          aspectRatio: 1 / 1,
-                                  padding:
+                          child: SvgPicture.asset("${room.icon?.img}"),
-                                      const EdgeInsets.fromLTRB(10, 5, 5, 10),
+                        ),
-                                  child: ListTile(
+                        hoverColor: Colors.transparent,
-                                    title: Text(room.name),
+                      ))));
-                                    visualDensity:
+        },
-                                        const VisualDensity(vertical: 3),
+      ),
-                                    subtitle: Text(room.description),
-                                    leading: AspectRatio(
-                                      aspectRatio: 1 / 1,
-                                      child:
-                                          SvgPicture.asset("${room.icon?.img}"),
-                                    ),
-                                    hoverColor: Colors.transparent,
-                                  ))));
-                    },
-                  )))),
       floatingActionButton: FloatingActionButton.extended(
         label: Text(AppLocalizations.of(context)!.addRoom),
         icon: const Icon(Icons.add),

lib/screens/room/categories/edit.dart

@@ -202,13 +202,8 @@ class _EditCategoryPageState extends State<EditCategoryPage> {
                           final id = body['data']['catID'];
 
                           final cat = RoomCategory(
-                              server: widget.server,
+                              id: id, name: _ctrName.text, color: _ctrColor);
-                              room: widget.tag,
+                          // TODO: cache category
-                              id: id,
-                              name: _ctrName.text,
-                              color: _ctrColor);
-                          // cache category
-                          await cat.toDisk();
 
                           // go back
                           router.pop();
@@ -234,13 +229,11 @@ class _EditCategoryPageState extends State<EditCategoryPage> {
                                 }),
                         onOK: (body) async {
                           final cat = RoomCategory(
-                              server: widget.server,
-                              room: widget.tag,
                               id: widget.id!,
                               name: _ctrName.text,
                               color: _ctrColor);
-                          // cache category
+                          // TODO: cache category
-                          await cat.toDisk();
+
                           // go back
                           router.pop();
                           return;

lib/screens/room/items/edit.dart

@@ -14,13 +14,10 @@ class EditItemPage extends StatefulWidget {
   final String room;
   final String server;
 
-  final int item;
+  final int? item;
 
   const EditItemPage(
-      {super.key,
+      {super.key, required this.room, required this.server, this.item});
-      required this.room,
-      required this.server,
-      required this.item});
 
   @override
   State<StatefulWidget> createState() => _EditItemPageState();
@@ -34,26 +31,18 @@ class _EditItemPageState extends State<EditItemPage> {
   int _ctrUnit = 0;
   String _ctrValue = '';
   int? _ctrLink;
-  int _ctrState = 0;
 
   // data cache
   List<RoomCategory> categories = [];
   List<RoomProduct> products = [];
   RoomItem? item;
 
-  void fetchCategories() async {
+  void fetchCategories() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached categories
+    // TODO: load cached categories first
-    final cache = await RoomCategory.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        categories = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -61,8 +50,7 @@ class _EditItemPageState extends State<EditItemPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomCategory>((raw) =>
+              .map<RoomCategory>((raw) => RoomCategory.fromJSON(raw))
-                  RoomCategory.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           setState(() {
@@ -71,19 +59,12 @@ class _EditItemPageState extends State<EditItemPage> {
         });
   }
 
-  void fetchProducts() async {
+  void fetchProducts() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached products first
+    // TODO: load cached products first
-    final cache = await RoomProduct.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -91,8 +72,7 @@ class _EditItemPageState extends State<EditItemPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomProduct>((raw) =>
+              .map<RoomProduct>((raw) => RoomProduct.fromJSON(raw))
-                  RoomProduct.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           setState(() {
@@ -101,19 +81,12 @@ class _EditItemPageState extends State<EditItemPage> {
         });
   }
 
-  void fetchItem() async {
+  void fetchItem() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached item first
+    // TODO: load cached item first
-    try {
-      await RoomItem.fromDisk(
-          id: widget.item, server: widget.server, room: widget.room);
-    } catch (_) {
-      // cache miss
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
                 credentials: user,
                 target: user.server,
@@ -124,17 +97,9 @@ class _EditItemPageState extends State<EditItemPage> {
                   'listItemID': widget.item
                 }),
         onOK: (body) async {
-          final resp =
+          final resp = RoomItem.fromJSON(body['data']);
-              RoomItem.fromJSON(widget.server, widget.room, body['data']);
           setState(() {
             item = resp;
-            _ctrName.text = resp.name;
-            _ctrDescription.text = resp.description;
-            _ctrValue = resp.value;
-            _ctrCategory = resp.category;
-            _ctrLink = resp.link;
-            _ctrUnit = resp.unit;
-            _ctrState = resp.state;
           });
         });
   }
@@ -143,31 +108,13 @@ class _EditItemPageState extends State<EditItemPage> {
   void initState() {
     super.initState();
 
-    // wait for background room product changes
-    RoomProduct.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomProduct.list(widget.server, widget.room);
-        setState(() {
-          products = updated;
-        });
-      } catch (_) {}
-    });
-
-    // wait for background room category changes
-    RoomCategory.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomCategory.list(widget.server, widget.room);
-        setState(() {
-          categories = updated;
-        });
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) {
       fetchCategories();
       fetchProducts();
 
-      fetchItem();
+      if (widget.item != null) {
+        fetchItem();
+      }
     });
   }
 
@@ -175,14 +122,16 @@ class _EditItemPageState extends State<EditItemPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(AppLocalizations.of(context)!.editItem),
+        title: Text((widget.item == null)
+            ? AppLocalizations.of(context)!.createItem
+            : AppLocalizations.of(context)!.editItem),
       ),
       body: SingleChildScrollView(
           child: Center(
               child: Padding(
                   padding: const EdgeInsets.all(14),
                   child: ConstrainedBox(
-                      constraints: const BoxConstraints(maxWidth: 600),
+                      constraints: const BoxConstraints(maxWidth: 400),
                       child: Column(
                         mainAxisAlignment: MainAxisAlignment.center,
                         crossAxisAlignment: CrossAxisAlignment.center,
@@ -249,8 +198,6 @@ class _EditItemPageState extends State<EditItemPage> {
                             },
                           ),
                           CategoryPicker(
-                            server: widget.server,
-                            room: widget.room,
                             label: AppLocalizations.of(context)!
                                 .selectCategoryLabel,
                             hint: AppLocalizations.of(context)!
@@ -280,43 +227,52 @@ class _EditItemPageState extends State<EditItemPage> {
 
             final user = context.read<User>();
 
-            doNetworkRequest(scaffMgr,
+            if (widget.item == null) {
-                req: () => postWithCreadentials(
+              doNetworkRequest(scaffMgr,
-                        credentials: user,
+                  req: () => postWithCreadentials(
-                        target: user.server,
+                          credentials: user,
-                        path: 'changeItem',
+                          target: user.server,
-                        body: {
+                          path: 'addItem',
-                          'listItemID': widget.item,
+                          body: {
-                          'room': widget.room,
+                            'room': widget.room,
-                          'server': widget.server,
+                            'server': widget.server,
-                          'title': _ctrName.text,
+                            'state': 0,
-                          'state': _ctrState,
+                            'title': _ctrName.text,
-                          'description': _ctrDescription.text,
+                            'description': _ctrDescription.text,
-                          'listCatID': _ctrCategory,
+                            'listCatID': _ctrCategory,
-                          'unit': _ctrUnit,
+                            'unit': _ctrUnit,
-                          'value': _ctrValue,
+                            'value': _ctrValue,
-                          'listProdID': _ctrLink
+                            'listProdID': _ctrLink
-                        }),
+                          }),
-                onOK: (_) async {
+                  onOK: (_) async {
-                  // cache item
+                    nav.pop();
-                  final item = RoomItem(
+                  });
-                      id: widget.item,
+            } else {
-                      server: widget.server,
+              doNetworkRequest(scaffMgr,
-                      room: widget.room,
+                  req: () => postWithCreadentials(
-                      name: _ctrName.text,
+                          credentials: user,
-                      state: _ctrState,
+                          target: user.server,
-                      description: _ctrDescription.text,
+                          path: 'changeItem',
-                      category: _ctrCategory,
+                          body: {
-                      unit: _ctrUnit,
+                            'listItemID': widget.item,
-                      value: _ctrValue,
+                            'room': widget.room,
-                      link: _ctrLink);
+                            'server': widget.server,
-                  await item.toDisk();
+                            'title': _ctrName.text,
-
+                            'description': _ctrDescription.text,
-                  nav.pop();
+                            'listCatID': _ctrCategory,
-                });
+                            'defUnit': _ctrUnit,
+                            'defValue': _ctrValue,
+                            'listProdID': _ctrLink
+                          }),
+                  onOK: (_) async {
+                    nav.pop();
+                  });
+            }
           },
-          label: Text(AppLocalizations.of(context)!.editItemShort),
+          label: Text(widget.item != null
-          icon: const Icon(Icons.edit)),
+              ? AppLocalizations.of(context)!.editItemShort
+              : AppLocalizations.of(context)!.createItemShort),
+          icon: Icon(widget.item != null ? Icons.edit : Icons.add)),
     );
   }
 }

lib/screens/room/items/new.dart

@@ -1,321 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:flutter_gen/gen_l10n/app_localizations.dart';
-import 'package:go_router/go_router.dart';
-import 'package:outbag_app/backend/request.dart';
-import 'package:outbag_app/backend/room.dart';
-import 'package:outbag_app/backend/user.dart';
-import 'package:outbag_app/components/category_chip.dart';
-import 'package:outbag_app/tools/fetch_wrapper.dart';
-import 'package:provider/provider.dart';
-
-class NewItemPage extends StatefulWidget {
-  final String room;
-  final String server;
-
-  final int? item;
-
-  const NewItemPage(
-      {super.key, required this.room, required this.server, this.item});
-
-  @override
-  State<StatefulWidget> createState() => _NewItemPageState();
-}
-
-class _NewItemPageState extends State<NewItemPage> {
-  // input controllers
-  final _ctrInput = TextEditingController();
-
-  // data cache
-  List<RoomCategory> categories = [];
-  List<RoomProduct> products = [];
-
-  void fetchCategories() async {
-    final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
-
-    // load cached categories
-    final cache = await RoomCategory.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        categories = cache;
-      });
-    }
-
-    doNetworkRequest(scaffmgr,
-        req: () => postWithCreadentials(
-            credentials: user,
-            target: user.server,
-            path: 'getCategories',
-            body: {'room': widget.room, 'server': widget.server}),
-        onOK: (body) async {
-          final resp = body['data']
-              .map<RoomCategory>((raw) =>
-                  RoomCategory.fromJSON(widget.server, widget.room, raw))
-              .toList();
-
-          setState(() {
-            categories = resp;
-          });
-        });
-  }
-
-  void fetchProducts() async {
-    final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
-
-    // load cached products first
-    final cache = await RoomProduct.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
-
-    doNetworkRequest(scaffmgr,
-        req: () => postWithCreadentials(
-            credentials: user,
-            target: user.server,
-            path: 'getProducts',
-            body: {'room': widget.room, 'server': widget.server}),
-        onOK: (body) async {
-          final resp = body['data']
-              .map<RoomProduct>((raw) =>
-                  RoomProduct.fromJSON(widget.server, widget.room, raw))
-              .toList();
-
-          setState(() {
-            products = resp;
-          });
-        });
-  }
-
-  @override
-  void initState() {
-    super.initState();
-
-    // wait for background room product changes
-    RoomProduct.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomProduct.list(widget.server, widget.room);
-        setState(() {
-          products = updated;
-        });
-      } catch (_) {}
-    });
-
-    // wait for background room category changes
-    RoomCategory.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomCategory.list(widget.server, widget.room);
-        setState(() {
-          categories = updated;
-        });
-      } catch (_) {}
-    });
-
-    WidgetsBinding.instance.addPostFrameCallback((_) {
-      fetchCategories();
-      fetchProducts();
-    });
-  }
-
-  String _query = "";
-
-  void createItem(BuildContext ctx, String name, int? productID) {
-    final scaffMgr = ScaffoldMessenger.of(context);
-    final router = GoRouter.of(context);
-    final user = context.read<User>();
-
-    doNetworkRequest(scaffMgr,
-        req: () => postWithCreadentials(
-                target: user.server,
-                credentials: user,
-                path: 'addItem',
-                body: {
-                  'room': widget.room,
-                  'server': widget.server,
-                  'state': 0,
-                  'title': name,
-                  'description': '',
-                  'listCatID': null,
-                  'unit': 0,
-                  'value': '',
-                  'listProdID': productID
-                }),
-        onOK: (body) async {
-          final id = body["data"]["listItemID"];
-          // cache item
-          final item = RoomItem(
-              id: id,
-              room: widget.room,
-              server: widget.server,
-              state: 0,
-              name: name,
-              description: '',
-              category: null,
-              unit: 0,
-              value: '',
-              link: productID);
-          await item.toDisk();
-          // launch edit item screen
-          router.pushReplacementNamed('edit-item', params: {
-            'server': widget.server,
-            'id': widget.room,
-            'item': id.toString()
-          });
-        });
-  }
-
-  void createProduct(BuildContext ctx, String name, Function(int) cb) {
-    final scaffMgr = ScaffoldMessenger.of(context);
-    final user = context.read<User>();
-
-    doNetworkRequest(scaffMgr,
-        req: () => postWithCreadentials(
-                target: user.server,
-                credentials: user,
-                path: 'addProduct',
-                body: {
-                  'room': widget.room,
-                  'server': widget.server,
-                  'title': name,
-                  'description': '',
-                  'listCatID': null,
-                  'defUnit': 0,
-                  'defValue': '',
-                  'ean': '',
-                  'parent': null
-                }),
-        onOK: (body) async {
-          final id = body["data"]["listProdID"];
-          // cache product
-          final prod = RoomProduct(
-              id: id,
-              name: name,
-              server: widget.server,
-              room: widget.room,
-              description: '',
-              category: null,
-              defaultUnit: 0,
-              defaultValue: '',
-              ean: '',
-              parent: null);
-          await prod.toDisk();
-
-          cb(id);
-        });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text((widget.item == null)
-            ? AppLocalizations.of(context)!.createItem
-            : AppLocalizations.of(context)!.editItem),
-      ),
-      body: SingleChildScrollView(
-          child: Center(
-              child: Padding(
-                  padding: const EdgeInsets.all(14),
-                  child: ConstrainedBox(
-                      constraints: const BoxConstraints(maxWidth: 400),
-                      child: Column(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        crossAxisAlignment: CrossAxisAlignment.center,
-                        children: [
-                          SearchBar(
-                            controller: _ctrInput,
-                            leading: const Icon(Icons.search),
-                            hintText:
-                                AppLocalizations.of(context)!.newItemQueryHint,
-                            onChanged: (text) {
-                              setState(() {
-                                _query = text;
-                              });
-                            },
-                          ),
-                          const Divider(),
-                          // button bar
-                          ...((_query == "")
-                              ? ([
-                                  Text(AppLocalizations.of(context)!
-                                      .newItemQueryEmpty)
-                                ])
-                              : ([
-                                  Wrap(
-                                      spacing: 20,
-                                      runSpacing: 10,
-                                      alignment: WrapAlignment.center,
-                                      crossAxisAlignment:
-                                          WrapCrossAlignment.center,
-                                      children: [
-                                        Text(AppLocalizations.of(context)!
-                                            .newItemQuickAccessPrefix),
-                                        // new item
-                                        FilledButton.icon(
-                                            onPressed: () {
-                                              // create new named item
-                                              // launch edit item screen once done
-                                              createItem(context, _query, null);
-                                            },
-                                            icon: const Icon(Icons.add),
-                                            label: Text(_query)),
-                                        // new product
-                                        FilledButton.icon(
-                                            onPressed: () {
-                                              // create new product with name,
-                                              // create new item with name
-                                              // and link to the created product
-                                              // launch edit item screen once done
-                                              createProduct(
-                                                  context,
-                                                  _query,
-                                                  (p0) => createItem(
-                                                      context, _query, p0));
-                                            },
-                                            icon: const Icon(Icons.add),
-                                            label: Text(AppLocalizations.of(
-                                                    context)!
-                                                .newItemQuickProduct(_query))),
-                                      ])
-                                ])),
-                          const Divider(),
-                          // link products search
-                          ...((products
-                              // show all products if query is empty
-                              // when query isn't empty show products
-                              // that contain the query in the title
-                              // or description
-                              .where((element) =>
-                                  (_query == "") ||
-                                  element.name.contains(_query) ||
-                                  element.description.contains(_query))
-                              .map((e) => ListTile(
-                                    title: Text(e.name),
-                                    subtitle: Text(e.description),
-                                    trailing: CategoryChip(
-                                      server: widget.server,
-                                      room: widget.room,
-                                      category: categories
-                                              .where((element) =>
-                                                  element.id == e.category)
-                                              .firstOrNull ??
-                                          RoomCategory.other(widget.server,
-                                              widget.room, context),
-                                    ),
-                                    onTap: () {
-                                      // create new item and link it to the product
-                                      // launch edit item screen once done
-                                      createItem(
-                                          context,
-                                          // use productname as item name
-                                          e.name,
-                                          e.id);
-                                    },
-                                  ))))
-                        ],
-                      ))))),
-    );
-  }
-}

lib/screens/room/join.dart

@@ -105,7 +105,7 @@ class _JoinRoomPageState extends State {
             icon: const Icon(Icons.search),
             tooltip: AppLocalizations.of(context)!.search,
             onPressed: () {
-              // TODO: show searchbar
+              // show searchbar
               // NOTE: location currently unknown
             },
           ),
@@ -170,8 +170,7 @@ class _JoinRoomPageState extends State {
                                 return BottomSheet(
                                   onClosing: () {},
                                   builder: (ctx) {
-                                    return SingleChildScrollView(
+                                    return Column(
-                                        child: Column(
                                       crossAxisAlignment:
                                           CrossAxisAlignment.center,
                                       mainAxisAlignment:
@@ -283,7 +282,7 @@ class _JoinRoomPageState extends State {
                                                   ))
                                             ])
                                       ],
-                                    ));
+                                    );
                                   },
                                 );
                               });

lib/screens/room/pages/about.dart

@@ -33,383 +33,303 @@ class _AboutRoomPageState extends State<AboutRoomPage> {
 
     return SingleChildScrollView(
         child: Center(
-            child: Padding(
+            child: Column(children: [
+      // room meta display
+      ...(widget.room != null)
+          ? [
+              Padding(
                 padding: const EdgeInsets.all(14),
-                child: ConstrainedBox(
+                child: Column(
-                    constraints: const BoxConstraints(maxWidth: 600),
+                  children: [
-                    child: Column(children: [
+                    SvgPicture.asset(
-                      // room meta display
+                      (widget.room?.icon?.img)!,
-                      ...(widget.room != null)
+                      width: smallest * 0.2,
-                          ? [
+                      height: smallest * 0.2,
-                              Padding(
+                    ),
-                                padding: const EdgeInsets.all(14),
+                    Text(
-                                child: Column(
+                      widget.room?.name ?? '',
-                                  children: [
+                      style: textTheme.displayMedium,
-                                    SvgPicture.asset(
+                    ),
-                                      (widget.room?.icon?.img)!,
+                    Text(
-                                      width: smallest * 0.2,
+                      '${widget.room?.id}@${widget.room?.serverTag}',
-                                      height: smallest * 0.2,
+                      style: textTheme.bodySmall,
-                                    ),
+                    ),
-                                    Text(
+                    Text(
-                                      widget.room?.name ?? '',
+                      widget.room?.description ?? '',
-                                      style: textTheme.displayMedium,
+                      style: textTheme.bodyMedium,
-                                    ),
+                      textAlign: TextAlign.center,
-                                    Text(
+                    ),
-                                      '${widget.room?.id}@${widget.room?.serverTag}',
+                    Padding(
-                                      style: textTheme.bodySmall,
+                        padding: const EdgeInsets.all(8),
-                                    ),
+                        child: SegmentedButton<int>(
-                                    Text(
+                          showSelectedIcon: true,
-                                      widget.room?.description ?? '',
+                          multiSelectionEnabled: false,
-                                      style: textTheme.bodyMedium,
+                          emptySelectionAllowed: false,
-                                      textAlign: TextAlign.center,
+                          segments: RoomVisibility.list().map((vis) {
-                                    ),
+                            return ButtonSegment<int>(
-                                    Padding(
+                                value: vis.type,
-                                        padding: const EdgeInsets.all(8),
+                                label: Text(vis.text(context)),
-                                        child: SegmentedButton<int>(
+                                icon: Icon(vis.icon));
-                                          showSelectedIcon: true,
+                          }).toList(),
-                                          multiSelectionEnabled: false,
+                          onSelectionChanged: ((vset) {
-                                          emptySelectionAllowed: false,
+                            // check permission
-                                          segments:
+                            // only show confirm dialog when user
-                                              RoomVisibility.list().map((vis) {
+                            // is admin, owner or has CHANGE_ADMIN permission
-                                            return ButtonSegment<int>(
+                            if (widget.info == null ||
-                                                value: vis.type,
+                                (!(widget.info?.isAdmin ?? false) &&
-                                                label: Text(vis.text(context)),
+                                    !(widget.info?.isOwner ?? false) &&
-                                                icon: Icon(vis.icon));
+                                    ((widget.info?.permissions)! &
-                                          }).toList(),
+                                            RoomPermission.ota ==
-                                          onSelectionChanged: ((vset) {
+                                        0))) {
-                                            // check permission
+                              // action not permitted
-                                            // only show confirm dialog when user
+                              // NOTE: no error dialog should be shown
-                                            // is admin, owner or has CHANGE_ADMIN permission
+                              // because the action is supposed to be hidden
-                                            if (widget.info == null ||
+                              return;
-                                                (!(widget.info?.isAdmin ??
+                            }
-                                                        false) &&
-                                                    !(widget.info?.isOwner ??
-                                                        false) &&
-                                                    ((widget.info
-                                                                ?.permissions)! &
-                                                            RoomPermission
-                                                                .ota ==
-                                                        0))) {
-                                              // action not permitted
-                                              // NOTE: no error dialog should be shown
-                                              // because the action is supposed to be hidden
-                                              return;
-                                            }
 
-                                            final vis =
+                            final vis = RoomVisibility(vset.first);
-                                                RoomVisibility(vset.first);
+                            showDialog(
-                                            showDialog(
+                                context: context,
-                                                context: context,
+                                builder: (ctx) => AlertDialog(
-                                                builder: (ctx) => AlertDialog(
+                                      title: Text(AppLocalizations.of(context)!
-                                                      title: Text(AppLocalizations
+                                          .changeRoomVisibilityTitle),
-                                                              .of(context)!
+                                      content: Text(
-                                                          .changeRoomVisibilityTitle),
+                                          AppLocalizations.of(context)!
-                                                      content: Text(AppLocalizations
+                                              .changeRoomVisibilitySubtitle(
-                                                              .of(context)!
+                                                  vis.text(context))),
-                                                          .changeRoomVisibilitySubtitle(
+                                      actions: [
-                                                              vis.text(
+                                        TextButton(
-                                                                  context))),
+                                          onPressed: () {
-                                                      actions: [
+                                            context.pop();
-                                                        TextButton(
-                                                          onPressed: () {
-                                                            context.pop();
-                                                          },
-                                                          child: Text(
-                                                              AppLocalizations.of(
-                                                                      context)!
-                                                                  .cancel),
-                                                        ),
-                                                        FilledButton(
-                                                          onPressed: () async {
-                                                            final scaffMgr =
-                                                                ScaffoldMessenger
-                                                                    .of(context);
-                                                            final nav =
-                                                                Navigator.of(
-                                                                    context);
-                                                            final user = context
-                                                                .read<User>();
-
-                                                            doNetworkRequest(
-                                                                scaffMgr,
-                                                                req: () =>
-                                                                    postWithCreadentials(
-                                                                        path:
-                                                                            'setVisibility',
-                                                                        target: user
-                                                                            .server,
-                                                                        body: {
-                                                                          'room': widget
-                                                                              .room
-                                                                              ?.id,
-                                                                          'server': (widget
-                                                                              .room
-                                                                              ?.serverTag)!,
-                                                                          'visibility':
-                                                                              vset.first
-                                                                        },
-                                                                        credentials:
-                                                                            user),
-                                                                onOK: (_) {
-                                                                  Room r = widget
-                                                                      .room!;
-                                                                  r.visibility =
-                                                                      vis;
-                                                                  r.toDisk();
-                                                                },
-                                                                after: () {
-                                                                  nav.pop();
-                                                                });
-                                                          },
-                                                          child: Text(
-                                                              AppLocalizations.of(
-                                                                      context)!
-                                                                  .ok),
-                                                        )
-                                                      ],
-                                                    ));
-                                          }),
-                                          selected: {
-                                            (widget.room?.visibility?.type)!
                                           },
-                                          selectedIcon: Icon(
+                                          child: Text(
-                                              (widget.room?.visibility?.icon)!),
+                                              AppLocalizations.of(context)!
-                                        )),
+                                                  .cancel),
-                                  ],
+                                        ),
-                                ),
+                                        FilledButton(
-                              )
+                                          onPressed: () async {
-                            ]
+                                            final scaffMgr =
-                          : [],
+                                                ScaffoldMessenger.of(context);
+                                            final nav = Navigator.of(context);
+                                            final user = context.read<User>();
 
-                      Padding(
+                                            doNetworkRequest(scaffMgr,
-                          padding: const EdgeInsets.all(14),
+                                                req: () => postWithCreadentials(
-                          child: Column(
+                                                    path: 'setVisibility',
-                            children: [
+                                                    target: user.server,
-                              // edit room meta button
+                                                    body: {
-                              ...(widget.info != null &&
+                                                      'room': widget.room?.id,
-                                      ((widget.info?.isAdmin ?? false) ||
+                                                      'server': (widget
-                                          (widget.info?.isOwner ?? false) ||
+                                                          .room?.serverTag)!,
-                                          ((widget.info?.permissions)! &
+                                                      'visibility': vset.first
-                                                  RoomPermission.changeMeta !=
+                                                    },
-                                              0)))
+                                                    credentials: user),
-                                  ? [
+                                                onOK: (_) {
-                                      ListTile(
+                                                  Room r = widget.room!;
-                                        trailing:
+                                                  r.visibility = vis;
-                                            const Icon(Icons.chevron_right),
+                                                  r.toDisk();
-                                        title: Text(
+                                                },
-                                            AppLocalizations.of(context)!
+                                                after: () {
-                                                .editRoomMetadata),
+                                                  nav.pop();
-                                        subtitle: Text(
+                                                });
-                                            AppLocalizations.of(context)!
+                                          },
-                                                .editRoomMetadataSubtitle),
+                                          child: Text(
-                                        onTap: () {
+                                              AppLocalizations.of(context)!.ok),
-                                          // show edit room screen
+                                        )
-                                          context.goNamed('edit-room', params: {
+                                      ],
-                                            'server': (widget.room?.serverTag)!,
+                                    ));
-                                            'id': (widget.room?.id)!
+                          }),
-                                          });
+                          selected: {(widget.room?.visibility?.type)!},
-                                        },
+                          selectedIcon: Icon((widget.room?.visibility?.icon)!),
-                                      ),
+                        )),
-                                    ]
+                  ],
-                                  : [],
+                ),
-                              // open members view
+              )
-                              ListTile(
+            ]
-                                trailing: const Icon(Icons.chevron_right),
+          : [],
-                                title: Text(AppLocalizations.of(context)!
+
-                                    .showRoomMembers),
+      Padding(
-                                subtitle: Text(AppLocalizations.of(context)!
+          padding: const EdgeInsets.all(14),
-                                    .showRoomMembersSubtitle),
+          child: Column(
-                                onTap: () {
+            children: [
-                                  // open member view screen
+              // edit room meta button
-                                  context.goNamed('room-members', params: {
+              ...(widget.info != null &&
-                                    'server': (widget.room?.serverTag)!,
+                      ((widget.info?.isAdmin ?? false) ||
-                                    'id': (widget.room?.id)!
+                          (widget.info?.isOwner ?? false) ||
-                                  });
+                          ((widget.info?.permissions)! &
-                                },
+                                  RoomPermission.changeMeta !=
-                              ),
+                              0)))
-                              // edit default member permission
+                  ? [
-                              ...(widget.info != null &&
+                      ListTile(
-                                      ((widget.info?.isAdmin ?? false) ||
+                        trailing: const Icon(Icons.chevron_right),
-                                          (widget.info?.isOwner ?? false) ||
+                        title: Text(
-                                          ((widget.info?.permissions)! &
+                            AppLocalizations.of(context)!.editRoomMetadata),
-                                                  RoomPermission.changeAdmin !=
+                        subtitle: Text(AppLocalizations.of(context)!
-                                              0)))
+                            .editRoomMetadataSubtitle),
-                                  ? [
+                        onTap: () {
-                                      ListTile(
+                          // show edit room screen
-                                        trailing:
+                          context.goNamed('edit-room', params: {
-                                            const Icon(Icons.chevron_right),
+                            'server': (widget.room?.serverTag)!,
-                                        title: Text(
+                            'id': (widget.room?.id)!
-                                            AppLocalizations.of(context)!
+                          });
-                                                .editRoomPermissions),
+                        },
-                                        subtitle: Text(
+                      ),
-                                            AppLocalizations.of(context)!
+                    ]
-                                                .editRoomPermissionsSubtitle),
+                  : [],
-                                        onTap: () {
+              // open members view
-                                          // show checkbox screen
+              ListTile(
-                                          context.goNamed('room-permissions',
+                trailing: const Icon(Icons.chevron_right),
-                                              params: {
+                title: Text(AppLocalizations.of(context)!.showRoomMembers),
+                subtitle:
+                    Text(AppLocalizations.of(context)!.showRoomMembersSubtitle),
+                onTap: () {
+                  // open member view screen
+                  context.goNamed('room-members', params: {
+                    'server': (widget.room?.serverTag)!,
+                    'id': (widget.room?.id)!
+                  });
+                },
+              ),
+              // edit default member permission
+              ...(widget.info != null &&
+                      ((widget.info?.isAdmin ?? false) ||
+                          (widget.info?.isOwner ?? false) ||
+                          ((widget.info?.permissions)! &
+                                  RoomPermission.changeAdmin !=
+                              0)))
+                  ? [
+                      ListTile(
+                        trailing: const Icon(Icons.chevron_right),
+                        title: Text(
+                            AppLocalizations.of(context)!.editRoomPermissions),
+                        subtitle: Text(AppLocalizations.of(context)!
+                            .editRoomPermissionsSubtitle),
+                        onTap: () {
+                          // show checkbox screen
+                          context.goNamed('room-permissions', params: {
+                            'server': (widget.room?.serverTag)!,
+                            'id': (widget.room?.id)!
+                          });
+                        },
+                      ),
+                    ]
+                  : [],
+              ...(widget.info != null &&
+                      ((widget.info?.isAdmin ?? false) ||
+                          (widget.info?.isOwner ?? false) ||
+                          ((widget.info?.permissions)! & RoomPermission.ota !=
+                              0)))
+                  ? [
+                      ListTile(
+                        trailing: const Icon(Icons.chevron_right),
+                        title:
+                            Text(AppLocalizations.of(context)!.manageRoomOTA),
+                        subtitle: Text(AppLocalizations.of(context)!
+                            .manageRoomOTASubtitle),
+                        onTap: () {
+                          // show manage ota screen
+                          context.goNamed('room-ota', params: {
+                            'server': (widget.room?.serverTag)!,
+                            'id': (widget.room?.id)!
+                          });
+                        },
+                      ),
+                      ListTile(
+                        trailing: const Icon(Icons.chevron_right),
+                        title: Text(
+                            AppLocalizations.of(context)!.manageRoomInvites),
+                        subtitle: Text(AppLocalizations.of(context)!
+                            .manageRoomInvitesSubtitle),
+                        onTap: () {
+                          // show manage ota screen
+                          context.goNamed('room-invite', params: {
+                            'server': (widget.room?.serverTag)!,
+                            'id': (widget.room?.id)!
+                          });
+                        },
+                      ),
+                    ]
+                  : [],
+            ],
+          )),
+
+      ...(widget.info != null)
+          ? [
+              Padding(
+                  padding: const EdgeInsets.all(8),
+                  child: FilledButton.tonal(
+                    child: Text(((widget.info?.isOwner)!)
+                        ? AppLocalizations.of(context)!.deleteRoom
+                        : AppLocalizations.of(context)!.leaveRoom),
+                    onPressed: () {
+                      // show confirm dialog
+                      showDialog(
+                          context: context,
+                          builder: (ctx) => AlertDialog(
+                                title: Text(((widget.info?.isOwner)!)
+                                    ? AppLocalizations.of(context)!.deleteRoom
+                                    : AppLocalizations.of(context)!.leaveRoom),
+                                content: Text(((widget.info?.isOwner)!)
+                                    ? AppLocalizations.of(context)!
+                                        .deleteRoomConfirm
+                                    : AppLocalizations.of(context)!
+                                        .leaveRoomConfirm),
+                                actions: [
+                                  TextButton(
+                                    onPressed: () {
+                                      // close popup
+                                      Navigator.of(ctx).pop();
+                                    },
+                                    child: Text(
+                                        AppLocalizations.of(context)!.cancel),
+                                  ),
+                                  FilledButton(
+                                    onPressed: () async {
+                                      // send request
+                                      final scaffMgr =
+                                          ScaffoldMessenger.of(ctx);
+                                      final nav = Navigator.of(ctx);
+                                      final router = GoRouter.of(context);
+                                      final user = context.read<User>();
+
+                                      doNetworkRequest(scaffMgr,
+                                          req: () => postWithCreadentials(
+                                              path: ((widget.info?.isOwner)!)
+                                                  ? 'deleteRoom'
+                                                  : 'leaveRoom',
+                                              target: user.server,
+                                              body: {
+                                                'room': widget.room?.id,
                                                 'server':
                                                     (widget.room?.serverTag)!,
-                                                'id': (widget.room?.id)!
+                                              },
-                                              });
+                                              credentials: user),
-                                        },
+                                          onOK: (_) async {
-                                      ),
+                                            // try delete room from disk
-                                    ]
+                                            try {
-                                  : [],
+                                              await widget.room?.removeDisk();
-                              ...(widget.info != null &&
+                                            } catch (_) {}
-                                      ((widget.info?.isAdmin ?? false) ||
-                                          (widget.info?.isOwner ?? false) ||
-                                          ((widget.info?.permissions)! &
-                                                  RoomPermission.ota !=
-                                              0)))
-                                  ? [
-                                      ListTile(
-                                        trailing:
-                                            const Icon(Icons.chevron_right),
-                                        title: Text(
-                                            AppLocalizations.of(context)!
-                                                .manageRoomOTA),
-                                        subtitle: Text(
-                                            AppLocalizations.of(context)!
-                                                .manageRoomOTASubtitle),
-                                        onTap: () {
-                                          // show manage ota screen
-                                          context.goNamed('room-ota', params: {
-                                            'server': (widget.room?.serverTag)!,
-                                            'id': (widget.room?.id)!
-                                          });
-                                        },
-                                      ),
-                                      ListTile(
-                                        trailing:
-                                            const Icon(Icons.chevron_right),
-                                        title: Text(
-                                            AppLocalizations.of(context)!
-                                                .manageRoomInvites),
-                                        subtitle: Text(
-                                            AppLocalizations.of(context)!
-                                                .manageRoomInvitesSubtitle),
-                                        onTap: () {
-                                          // show manage ota screen
-                                          context
-                                              .goNamed('room-invite', params: {
-                                            'server': (widget.room?.serverTag)!,
-                                            'id': (widget.room?.id)!
-                                          });
-                                        },
-                                      ),
-                                    ]
-                                  : [],
-                            ],
-                          )),
 
-                      ...(widget.info != null)
+                                            // go back home
-                          ? [
+                                            router.pushReplacementNamed('home');
-                              Padding(
+                                          },
-                                  padding: const EdgeInsets.all(8),
+                                          after: () {
-                                  child: FilledButton.tonal(
+                                            // close popup
+                                            nav.pop();
+                                          });
+                                    },
                                     child: Text(((widget.info?.isOwner)!)
                                         ? AppLocalizations.of(context)!
-                                            .deleteRoom
+                                            .deleteRoomShort
                                         : AppLocalizations.of(context)!
-                                            .leaveRoom),
+                                            .leaveRoomShort),
-                                    onPressed: () {
+                                  )
-                                      // show confirm dialog
+                                ],
-                                      showDialog(
+                              ));
-                                          context: context,
+                    },
-                                          builder: (ctx) => AlertDialog(
+                  ))
-                                                title: Text(
+            ]
-                                                    ((widget.info?.isOwner)!)
+          : [],
-                                                        ? AppLocalizations.of(
+    ])));
-                                                                context)!
-                                                            .deleteRoom
-                                                        : AppLocalizations.of(
-                                                                context)!
-                                                            .leaveRoom),
-                                                content: Text(
-                                                    ((widget.info?.isOwner)!)
-                                                        ? AppLocalizations.of(
-                                                                context)!
-                                                            .deleteRoomConfirm
-                                                        : AppLocalizations.of(
-                                                                context)!
-                                                            .leaveRoomConfirm),
-                                                actions: [
-                                                  TextButton(
-                                                    onPressed: () {
-                                                      // close popup
-                                                      Navigator.of(ctx).pop();
-                                                    },
-                                                    child: Text(
-                                                        AppLocalizations.of(
-                                                                context)!
-                                                            .cancel),
-                                                  ),
-                                                  FilledButton(
-                                                    onPressed: () async {
-                                                      // send request
-                                                      final scaffMgr =
-                                                          ScaffoldMessenger.of(
-                                                              ctx);
-                                                      final nav =
-                                                          Navigator.of(ctx);
-                                                      final router =
-                                                          GoRouter.of(context);
-                                                      final user =
-                                                          context.read<User>();
-
-                                                      doNetworkRequest(scaffMgr,
-                                                          req: () =>
-                                                              postWithCreadentials(
-                                                                  path: ((widget
-                                                                          .info
-                                                                          ?.isOwner)!)
-                                                                      ? 'deleteRoom'
-                                                                      : 'leaveRoom',
-                                                                  target: user
-                                                                      .server,
-                                                                  body: {
-                                                                    'room': widget
-                                                                        .room
-                                                                        ?.id,
-                                                                    'server': (widget
-                                                                        .room
-                                                                        ?.serverTag)!,
-                                                                  },
-                                                                  credentials:
-                                                                      user),
-                                                          onOK: (_) async {
-                                                            // try delete room from disk
-                                                            try {
-                                                              await widget.room
-                                                                  ?.removeDisk();
-                                                            } catch (_) {}
-
-                                                            // go back home
-                                                            router
-                                                                .pushReplacementNamed(
-                                                                    'home');
-                                                          },
-                                                          after: () {
-                                                            // close popup
-                                                            nav.pop();
-                                                          });
-                                                    },
-                                                    child: Text(((widget
-                                                            .info?.isOwner)!)
-                                                        ? AppLocalizations.of(
-                                                                context)!
-                                                            .deleteRoomShort
-                                                        : AppLocalizations.of(
-                                                                context)!
-                                                            .leaveRoomShort),
-                                                  )
-                                                ],
-                                              ));
-                                    },
-                                  ))
-                            ]
-                          : [],
-                    ])))));
   }
 }

lib/screens/room/pages/categories.dart

@@ -25,18 +25,6 @@ class _RoomCategoriesPageState extends State<RoomCategoriesPage> {
   void initState() {
     super.initState();
 
-    // wait for background room category changes
-    RoomCategory.listen(widget.room?.serverTag ?? "", widget.room?.id ?? "",
-        (_) async {
-      try {
-        final updated = await RoomCategory.list(
-            widget.room?.serverTag ?? "", widget.room?.id ?? "");
-        setState(() {
-          list = updated;
-        });
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) {
       fetchCategories();
     });
@@ -44,18 +32,10 @@ class _RoomCategoriesPageState extends State<RoomCategoriesPage> {
 
   void fetchCategories() async {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached categories
+    // TODO: load cached rooms
-    final cache = await RoomCategory.list(
-        widget.room?.serverTag ?? "", widget.room?.id ?? "");
-    if (mounted) {
-      setState(() {
-        list = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -63,12 +43,8 @@ class _RoomCategoriesPageState extends State<RoomCategoriesPage> {
             body: {'room': widget.room?.id, 'server': widget.room?.serverTag}),
         onOK: (json) {
           final resp = json['data']
-              .map<RoomCategory>((raw) => RoomCategory.fromJSON(
+              .map<RoomCategory>((raw) => RoomCategory.fromJSON(raw))
-                  widget.room?.serverTag ?? "", widget.room?.id ?? "", raw))
               .toList();
-          for (RoomCategory ce in resp) {
-            ce.toDisk();
-          }
 
           if (mounted) {
             setState(() {
@@ -85,210 +61,178 @@ class _RoomCategoriesPageState extends State<RoomCategoriesPage> {
         .apply(displayColor: Theme.of(context).colorScheme.onSurface);
 
     return Scaffold(
-      body: Center(
+      body: ReorderableListView.builder(
-          child: Padding(
+        buildDefaultDragHandles: false,
-              padding: const EdgeInsets.all(14),
+        itemBuilder: (context, index) {
-              child: ConstrainedBox(
+          final item = list[index];
-                  constraints: const BoxConstraints(maxWidth: 600),
-                  child: ReorderableListView.builder(
-                    buildDefaultDragHandles: false,
-                    itemBuilder: (context, index) {
-                      final item = list[index];
 
-                      return ListTile(
+          return ListTile(
-                        key: Key('cat-${item.id}'),
+            key: Key('cat-${item.id}'),
-                        leading: Icon(Icons.square_rounded, color: item.color),
+            leading: Icon(Icons.square_rounded, color: item.color),
-                        trailing: ((widget.info?.isAdmin ?? false) ||
+            trailing: ((widget.info?.isAdmin ?? false) ||
-                                (widget.info?.isOwner ?? false) ||
+                    (widget.info?.isOwner ?? false) ||
-                                ((widget.info?.permissions)! &
+                    ((widget.info?.permissions)! &
-                                        RoomPermission.editRoomContent !=
+                            RoomPermission.editRoomContent !=
-                                    0))
+                        0))
-                            ? ReorderableDragStartListener(
+                ? ReorderableDragStartListener(
-                                index: index,
+                    index: index, child: const Icon(Icons.drag_handle))
-                                child: const Icon(Icons.drag_handle))
+                : null,
-                            : null,
+            title: Text(item.name),
-                        title: Text(item.name),
+            onTap: () {
-                        onTap: () {
+              // TODO show edit category popup
-                          // TODO show edit category popup
+              // NOTE: maybe use ModalBottomSheet
-                          // NOTE: maybe use ModalBottomSheet
+              // and show delete button in there
-                          // and show delete button in there
 
-                          if (!((widget.info?.isAdmin ?? false) ||
+              if (!((widget.info?.isAdmin ?? false) ||
-                              (widget.info?.isOwner ?? false) ||
+                  (widget.info?.isOwner ?? false) ||
-                              ((widget.info?.permissions)! &
+                  ((widget.info?.permissions)! &
-                                      RoomPermission.editRoomContent !=
+                          RoomPermission.editRoomContent !=
-                                  0))) {
+                      0))) {
-                            // user is not allowed to edit or delete categories
+                // user is not allowed to edit or delete categories
-                            return;
+                return;
-                          }
+              }
 
-                          showModalBottomSheet(
+              showModalBottomSheet(
+                context: context,
+                builder: (context) => BottomSheet(
+                  builder: (context) => Column(children: [
+                    Padding(
+                        padding: const EdgeInsets.all(8),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          crossAxisAlignment: CrossAxisAlignment.center,
+                          children: [
+                            Icon(Icons.square_rounded,
+                                size: 48.0, color: item.color),
+                            Text(item.name, style: textTheme.titleLarge)
+                          ],
+                        )),
+                    // edit category
+                    ListTile(
+                      leading: const Icon(Icons.edit),
+                      title: Text(AppLocalizations.of(context)!.editCategory),
+                      subtitle:
+                          Text(AppLocalizations.of(context)!.editCategoryLong),
+                      trailing: const Icon(Icons.chevron_right),
+                      onTap: () {
+                        // close the modal bottom sheet
+                        // so the user returns to the list,
+                        // when leaving the category editor
+                        Navigator.of(context).pop();
+
+                        // launch category editor
+                        context.pushNamed('edit-category', params: {
+                          'server': widget.room!.serverTag,
+                          'id': widget.room!.id,
+                          'category': item.id.toString()
+                        });
+                      },
+                    ),
+                    // delete category
+                    ListTile(
+                      leading: const Icon(Icons.delete),
+                      title: Text(AppLocalizations.of(context)!.deleteCategory),
+                      subtitle: Text(
+                          AppLocalizations.of(context)!.deleteCategoryLong),
+                      trailing: const Icon(Icons.chevron_right),
+                      onTap: () {
+                        // show popup
+                        showDialog(
                             context: context,
-                            builder: (context) => BottomSheet(
+                            builder: (ctx) => AlertDialog(
-                              builder: (context) => Column(children: [
+                                  icon: const Icon(Icons.delete),
-                                Padding(
-                                    padding: const EdgeInsets.all(8),
-                                    child: Row(
-                                      mainAxisAlignment:
-                                          MainAxisAlignment.center,
-                                      crossAxisAlignment:
-                                          CrossAxisAlignment.center,
-                                      children: [
-                                        Icon(Icons.square_rounded,
-                                            size: 48.0, color: item.color),
-                                        Text(item.name,
-                                            style: textTheme.titleLarge)
-                                      ],
-                                    )),
-                                // edit category
-                                ListTile(
-                                  leading: const Icon(Icons.edit),
-                                  title: Text(AppLocalizations.of(context)!
-                                      .editCategory),
-                                  subtitle: Text(AppLocalizations.of(context)!
-                                      .editCategoryLong),
-                                  trailing: const Icon(Icons.chevron_right),
-                                  onTap: () {
-                                    // close the modal bottom sheet
-                                    // so the user returns to the list,
-                                    // when leaving the category editor
-                                    Navigator.of(context).pop();
-
-                                    // launch category editor
-                                    context.pushNamed('edit-category', params: {
-                                      'server': widget.room!.serverTag,
-                                      'id': widget.room!.id,
-                                      'category': item.id.toString()
-                                    });
-                                  },
-                                ),
-                                // delete category
-                                ListTile(
-                                  leading: const Icon(Icons.delete),
                                   title: Text(AppLocalizations.of(context)!
                                       .deleteCategory),
-                                  subtitle: Text(AppLocalizations.of(context)!
+                                  content: Text(AppLocalizations.of(context)!
-                                      .deleteCategoryLong),
+                                      .deleteCategoryConfirm(item.name)),
-                                  trailing: const Icon(Icons.chevron_right),
+                                  actions: [
-                                  onTap: () {
+                                    TextButton(
-                                    // show popup
+                                      onPressed: () {
-                                    showDialog(
+                                        // close popup
-                                        context: context,
+                                        Navigator.of(ctx).pop();
-                                        builder: (ctx) => AlertDialog(
+                                      },
-                                              icon: const Icon(Icons.delete),
+                                      child: Text(
-                                              title: Text(
+                                          AppLocalizations.of(context)!.cancel),
-                                                  AppLocalizations.of(context)!
+                                    ),
-                                                      .deleteCategory),
+                                    FilledButton(
-                                              content: Text(
+                                      onPressed: () async {
-                                                  AppLocalizations.of(context)!
+                                        // send request
-                                                      .deleteCategoryConfirm(
+                                        final scaffMgr =
-                                                          item.name)),
+                                            ScaffoldMessenger.of(ctx);
-                                              actions: [
+                                        // popup context
-                                                TextButton(
+                                        final navInner = Navigator.of(ctx);
-                                                  onPressed: () {
+                                        // bottomsheet context
-                                                    // close popup
+                                        final nav = Navigator.of(context);
-                                                    Navigator.of(ctx).pop();
+                                        final user = context.read<User>();
-                                                  },
-                                                  child: Text(
-                                                      AppLocalizations.of(
-                                                              context)!
-                                                          .cancel),
-                                                ),
-                                                FilledButton(
-                                                  onPressed: () async {
-                                                    // send request
-                                                    final scaffMgr =
-                                                        ScaffoldMessenger.of(
-                                                            ctx);
-                                                    // popup context
-                                                    final navInner =
-                                                        Navigator.of(ctx);
-                                                    // bottomsheet context
-                                                    final nav =
-                                                        Navigator.of(context);
-                                                    final user =
-                                                        context.read<User>();
 
-                                                    doNetworkRequest(scaffMgr,
+                                        doNetworkRequest(scaffMgr,
-                                                        req: () =>
+                                            req: () => postWithCreadentials(
-                                                            postWithCreadentials(
+                                                path: 'deleteCategory',
-                                                                path:
+                                                target: user.server,
-                                                                    'deleteCategory',
+                                                body: {
-                                                                target:
+                                                  'room': widget.room?.id,
-                                                                    user.server,
+                                                  'server':
-                                                                body: {
+                                                      widget.room?.serverTag,
-                                                                  'room': widget
+                                                  'listCatID': item.id
-                                                                      .room?.id,
+                                                },
-                                                                  'server': widget
+                                                credentials: user),
-                                                                      .room
+                                            onOK: (_) async {
-                                                                      ?.serverTag,
+                                              // TODO: remove cached category
-                                                                  'listCatID':
+                                              fetchCategories();
-                                                                      item.id
+                                            },
-                                                                },
+                                            after: () {
-                                                                credentials:
+                                              // close popup
-                                                                    user),
+                                              navInner.pop();
-                                                        onOK: (_) async {
+                                              // close modal bottom sheet
-                                                          // remove cached category
+                                              nav.pop();
-                                                          item.removeDisk();
+                                            });
-                                                          fetchCategories();
+                                      },
-                                                        },
+                                      child: Text(AppLocalizations.of(context)!
-                                                        after: () {
+                                          .deleteCategory),
-                                                          // close popup
+                                    )
-                                                          navInner.pop();
+                                  ],
-                                                          // close modal bottom sheet
+                                ));
-                                                          nav.pop();
+                      },
-                                                        });
+                    ),
-                                                  },
+                  ]),
-                                                  child: Text(
+                  onClosing: () {},
-                                                      AppLocalizations.of(
+                ),
-                                                              context)!
+              );
-                                                          .deleteCategory),
+            },
-                                                )
+          );
-                                              ],
+        },
-                                            ));
+        itemCount: list.length,
-                                  },
+        onReorder: (int oldIndex, int newIndex) {
-                                ),
+          if (!((widget.info?.isAdmin ?? false) ||
-                              ]),
+              (widget.info?.isOwner ?? false) ||
-                              onClosing: () {},
+              ((widget.info?.permissions)! & RoomPermission.editRoomContent !=
-                            ),
+                  0))) {
-                          );
+            // user is not allowed to edit or delete categories
-                        },
+            return;
-                      );
+          }
-                    },
-                    itemCount: list.length,
-                    onReorder: (int oldIndex, int newIndex) {
-                      if (!((widget.info?.isAdmin ?? false) ||
-                          (widget.info?.isOwner ?? false) ||
-                          ((widget.info?.permissions)! &
-                                  RoomPermission.editRoomContent !=
-                              0))) {
-                        // user is not allowed to edit or delete categories
-                        return;
-                      }
 
-                      setState(() {
+          setState(() {
-                        if (oldIndex < newIndex) {
+            if (oldIndex < newIndex) {
-                          newIndex -= 1;
+              newIndex -= 1;
-                        }
+            }
-                        final item = list.removeAt(oldIndex);
+            final item = list.removeAt(oldIndex);
-                        list.insert(newIndex, item);
+            list.insert(newIndex, item);
 
-                        // network request
+            // network request
-                        final user = context.read<User>();
+            final user = context.read<User>();
-                        doNetworkRequest(ScaffoldMessenger.of(context),
+            doNetworkRequest(ScaffoldMessenger.of(context),
-                            req: () => postWithCreadentials(
+                req: () => postWithCreadentials(
-                                    credentials: user,
+                        credentials: user,
-                                    target: user.server,
+                        target: user.server,
-                                    path: 'changeCategoriesOrder',
+                        path: 'changeCategoriesOrder',
-                                    body: {
+                        body: {
-                                      'room': widget.room?.id,
+                          'room': widget.room?.id,
-                                      'server': widget.room?.serverTag,
+                          'server': widget.room?.serverTag,
-                                      'listCatIDs':
+                          'listCatIDs': list.map((item) => item.id).toList()
-                                          list.map((item) => item.id).toList()
+                        }));
-                                    }));
+          });
-                      });
+        },
-                    },
+      ),
-                  )))),
       floatingActionButton: (widget.info != null &&
               ((widget.info?.isAdmin ?? false) ||
                   (widget.info?.isOwner ?? false) ||

lib/screens/room/pages/list.dart

@@ -5,7 +5,9 @@ import 'package:outbag_app/backend/request.dart';
 import 'package:outbag_app/backend/room.dart';
 import 'package:outbag_app/backend/user.dart';
 import 'package:outbag_app/components/category_chip.dart';
+import 'package:outbag_app/components/category_picker.dart';
 import 'package:outbag_app/components/labeled_divider.dart';
+import 'package:outbag_app/components/product_picker.dart';
 import 'package:outbag_app/components/value_unit_input.dart';
 import 'package:outbag_app/tools/fetch_wrapper.dart';
 import 'package:provider/provider.dart';
@@ -28,37 +30,12 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
   Map<int?, RoomCategory> categories = {};
   List<RoomProduct> products = [];
 
-  void fetchItems() async {
+  void fetchItems() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached items first
+    // TODO: load cached items first
-    final cache = await RoomItem.list(
-        widget.room?.serverTag ?? "", widget.room?.id ?? "");
 
-    final List<RoomItem> l = [];
+    doNetworkRequest(ScaffoldMessenger.of(context),
-    final List<RoomItem> c = [];
-
-    for (RoomItem item in cache) {
-      if (item.state == 0) {
-        l.add(item);
-      } else {
-        c.add(item);
-      }
-      // cache items
-      await item.toDisk();
-    }
-
-    if (mounted) {
-      setState(() {
-        list = l;
-        cart = c;
-
-        sortAll();
-      });
-    }
-
-    doNetworkRequest(scaffmgr,
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -66,8 +43,7 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
             body: {'room': widget.room?.id, 'server': widget.room?.serverTag}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomItem>((raw) => RoomItem.fromJSON(
+              .map<RoomItem>((raw) => RoomItem.fromJSON(raw))
-                  widget.room?.serverTag ?? "", widget.room?.id ?? "", raw))
               .toList();
 
           final List<RoomItem> l = [];
@@ -79,10 +55,10 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
             } else {
               c.add(item);
             }
-            // cache items
-            await item.toDisk();
           }
 
+          // TODO: cache items
+
           if (mounted) {
             setState(() {
               list = l;
@@ -132,31 +108,12 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
     }
   }
 
-  void fetchCategories() async {
+  void fetchCategories() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached categories
+    // TODO: load cached categories first
-    final resp = await RoomCategory.list(
-        widget.room?.serverTag ?? "", widget.room?.id ?? "");
-    if (mounted) {
-      Map<int, int> map = {};
-      Map<int?, RoomCategory> cat = {};
-      for (int i = 0; i < resp.length; i++) {
-        map[resp[i].id ?? 0] = i;
-        cat[resp[i].id ?? 0] = resp[i];
-      }
 
-      if (mounted) {
+    doNetworkRequest(ScaffoldMessenger.of(context),
-        setState(() {
-          weights = map;
-          categories = cat;
-          sortAll();
-        });
-      }
-    }
-
-    doNetworkRequest(scaffmgr,
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -164,8 +121,7 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
             body: {'room': widget.room?.id, 'server': widget.room?.serverTag}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomCategory>((raw) => RoomCategory.fromJSON(
+              .map<RoomCategory>((raw) => RoomCategory.fromJSON(raw))
-                  widget.room?.serverTag ?? "", widget.room?.id ?? "", raw))
               .toList();
 
           Map<int, int> map = {};
@@ -185,20 +141,12 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
         });
   }
 
-  void fetchProducts() async {
+  void fetchProducts() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached products first
+    // TODO: load cached products first
-    final cache = await RoomProduct.list(
-        widget.room?.serverTag ?? "", widget.room?.id ?? "");
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -206,8 +154,7 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
             body: {'room': widget.room?.id, 'server': widget.room?.serverTag}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomProduct>((raw) => RoomProduct.fromJSON(
+              .map<RoomProduct>((raw) => RoomProduct.fromJSON(raw))
-                  widget.room!.serverTag, widget.room!.id, raw))
               .toList();
 
           if (mounted) {
@@ -222,68 +169,6 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
   void initState() {
     super.initState();
 
-    // wait for background room item changes
-    RoomItem.listen(widget.room?.serverTag ?? "", widget.room?.id ?? "",
-        (_) async {
-      try {
-        final updated = await RoomItem.list(
-            widget.room?.serverTag ?? "", widget.room?.id ?? "");
-
-        final List<RoomItem> l = [];
-        final List<RoomItem> c = [];
-
-        for (RoomItem item in updated) {
-          if (item.state == 0) {
-            l.add(item);
-          } else {
-            c.add(item);
-          }
-        }
-
-        if (mounted) {
-          setState(() {
-            list = l;
-            cart = c;
-
-            sortAll();
-          });
-        }
-      } catch (_) {}
-    });
-    // wait for background room product changes
-    RoomProduct.listen(widget.room?.serverTag ?? "", widget.room?.id ?? "",
-        (_) async {
-      try {
-        final updated = await RoomProduct.list(
-            widget.room?.serverTag ?? "", widget.room?.id ?? "");
-        setState(() {
-          products = updated;
-        });
-      } catch (_) {}
-    });
-    // wait for background room category changes
-    RoomCategory.listen(widget.room?.serverTag ?? "", widget.room?.id ?? "",
-        (_) async {
-      try {
-        final resp = await RoomCategory.list(
-            widget.room?.serverTag ?? "", widget.room?.id ?? "");
-        Map<int, int> map = {};
-        Map<int?, RoomCategory> cat = {};
-        for (int i = 0; i < resp.length; i++) {
-          map[resp[i].id ?? 0] = i;
-          cat[resp[i].id ?? 0] = resp[i];
-        }
-
-        if (mounted) {
-          setState(() {
-            weights = map;
-            categories = cat;
-            sortAll();
-          });
-        }
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) {
       fetchItems();
       fetchCategories();
@@ -309,121 +194,110 @@ class _ShoppingListPageState extends State<ShoppingListPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Center(
+      body: ListView(children: [
-          child: Padding(
+        LabeledDivider(AppLocalizations.of(context)!.shoppingList),
-              padding: const EdgeInsets.all(14),
+        ListView.builder(
-              child: ConstrainedBox(
+          shrinkWrap: true,
-                  constraints: const BoxConstraints(maxWidth: 600),
+          physics: const ClampingScrollPhysics(),
-                  child: ListView(children: [
+          itemCount: list.length,
-                    LabeledDivider(AppLocalizations.of(context)!.shoppingList),
+          itemBuilder: (context, index) {
-                    ListView.builder(
+            final item = list[index];
-                      shrinkWrap: true,
+            final cat =
-                      physics: const ClampingScrollPhysics(),
+                categories[item.category] ?? RoomCategory.other(context);
-                      itemCount: list.length,
+            return ShoppingListItem(
-                      itemBuilder: (context, index) {
+                name: item.name,
-                        final item = list[index];
+                description: item.description,
-                        final cat = categories[item.category] ??
+                category: cat,
-                            RoomCategory.other(widget.room?.serverTag ?? "",
+                key: Key(item.id.toString()),
-                                widget.room?.id ?? "", context);
+                inCart: item.state != 0,
-                        return ShoppingListItem(
+                onDismiss: () {
-                            name: item.name,
+                  // move to cart
-                            server: widget.room!.serverTag,
+                  item.state = 1;
-                            room: widget.room!.id,
-                            description: item.description,
-                            category: cat,
-                            key: Key(item.id.toString()),
-                            inCart: item.state != 0,
-                            onDismiss: () {
-                              // move to cart
-                              item.state = 1;
 
-                              setState(() {
+                  setState(() {
-                                list.removeAt(index);
+                    list.removeAt(index);
-                                cart.add(item);
+                    cart.add(item);
-                                sortAll();
+                    sortAll();
-                              });
+                  });
 
-                              // network request
+                  // network request
-                              // NOTE: for now we do not care if it is successfull,
+                  // NOTE: for now we do not care if it is successfull,
-                              // because the shopping cart is supposed to work even
+                  // because the shopping cart is supposed to work even
-                              // without network
+                  // without network
-                              changeItemState(item);
+                  changeItemState(item);
-                            },
+                },
-                            onTap: () {
+                onTap: () {
-                              // TODO: show modal bottom sheet
+                  // TODO: show modal bottom sheet
-                              // containing
+                  // containing
-                              // - item info
+                  // - item info
-                              // - option to view linked product (if available)
+                  // - option to view linked product (if available)
-                              // - edit item (if allowed)
+                  // - edit item (if allowed)
-                              // - delete item (if allowed)
+                  // - delete item (if allowed)
-                              // - move to/from shopping cart?
+                  // - move to/from shopping cart?
-                              showModalBottomSheet(
+                  showModalBottomSheet(
-                                  context: context,
+                      context: context,
-                                  builder: (context) => ShoppingListItemInfo(
+                      builder: (context) => ShoppingListItemInfo(
-                                      products: products,
+                          products: products,
-                                      category: cat,
+                          category: cat,
-                                      info: widget.info,
+                          info: widget.info,
-                                      item: item,
+                          item: item,
-                                      room: widget.room!.id,
+                          room: widget.room!.id,
-                                      server: widget.room!.serverTag));
+                          server: widget.room!.serverTag));
-                            });
+                });
-                      },
+          },
-                    ),
+        ),
-                    LabeledDivider(AppLocalizations.of(context)!.shoppingCart),
+        LabeledDivider(AppLocalizations.of(context)!.shoppingCart),
-                    ListView.builder(
+        ListView.builder(
-                      itemCount: cart.length,
+          itemCount: cart.length,
-                      shrinkWrap: true,
+          shrinkWrap: true,
-                      physics: const ClampingScrollPhysics(),
+          physics: const ClampingScrollPhysics(),
-                      itemBuilder: (context, index) {
+          itemBuilder: (context, index) {
-                        final item = cart[index];
+            final item = cart[index];
-                        final cat = categories[item.category] ??
+            final cat =
-                            RoomCategory.other(widget.room!.serverTag,
+                categories[item.category] ?? RoomCategory.other(context);
-                                widget.room!.id, context);
 
-                        return ShoppingListItem(
+            return ShoppingListItem(
-                            server: widget.room!.serverTag,
+                name: item.name,
-                            room: widget.room!.id,
+                description: item.description,
-                            name: item.name,
+                category: cat,
-                            description: item.description,
+                key: Key(item.id.toString()),
-                            category: cat,
+                inCart: item.state != 0,
-                            key: Key(item.id.toString()),
+                onDismiss: () {
-                            inCart: item.state != 0,
+                  // move back to list
-                            onDismiss: () {
+                  item.state = 0;
-                              // move back to list
+                  setState(() {
-                              item.state = 0;
+                    cart.removeAt(index);
-                              setState(() {
+                    list.add(item);
-                                cart.removeAt(index);
+                    sortAll();
-                                list.add(item);
+                  });
-                                sortAll();
-                              });
 
-                              // network request
+                  // network request
-                              // NOTE: for now we do not care if it is successfull,
+                  // NOTE: for now we do not care if it is successfull,
-                              // because the shopping cart is supposed to work even
+                  // because the shopping cart is supposed to work even
-                              // without network
+                  // without network
-                              changeItemState(item);
+                  changeItemState(item);
-                            },
+                },
-                            onTap: () {
+                onTap: () {
-                              // show modal bottom sheet
+                  // show modal bottom sheet
-                              // containing
+                  // containing
-                              // - item info
+                  // - item info
-                              // - option to view linked product (if available)
+                  // - option to view linked product (if available)
-                              // - edit item (if allowed)
+                  // - edit item (if allowed)
-                              // - delete item (if allowed)
+                  // - delete item (if allowed)
-                              // - move to/from shopping cart?
+                  // - move to/from shopping cart?
-                              showModalBottomSheet(
+                  showModalBottomSheet(
-                                  context: context,
+                      context: context,
-                                  builder: (context) => ShoppingListItemInfo(
+                      builder: (context) => ShoppingListItemInfo(
-                                      products: products,
+                          products: products,
-                                      category: cat,
+                          category: cat,
-                                      item: item,
+                          item: item,
-                                      info: widget.info,
+                          info: widget.info,
-                                      room: widget.room!.id,
+                          room: widget.room!.id,
-                                      server: widget.room!.serverTag));
+                          server: widget.room!.serverTag));
-                            });
+                });
-                      },
+          },
-                    )
+        )
-                  ])))),
+      ]),
       floatingActionButton: (widget.info != null &&
               ((widget.info?.isAdmin ?? false) ||
                   (widget.info?.isOwner ?? false) ||
@@ -455,16 +329,12 @@ class ShoppingListItem extends StatelessWidget {
   final Key _key;
   final Function()? onDismiss;
   final Function()? onTap;
-  final String server;
-  final String room;
 
   const ShoppingListItem(
       {required this.name,
       required this.category,
       required this.inCart,
       required this.description,
-      required this.server,
-      required this.room,
       required key,
       this.onDismiss,
       this.onTap})
@@ -497,8 +367,6 @@ class ShoppingListItem extends StatelessWidget {
             title: Text(name),
             subtitle: Text(description),
             trailing: CategoryChip(
-              server: server,
-              room: room,
               category: category,
             ),
             onTap: () {
@@ -542,8 +410,6 @@ class ShoppingListItemInfo extends StatelessWidget {
                 Text(item.name, style: textTheme.headlineLarge),
                 Text(item.description, style: textTheme.titleMedium),
                 CategoryChip(
-                  server: server,
-                  room: room,
                   category: category,
                 ),
                 Text(Unit.fromId(item.unit).display(context, item.value))
@@ -579,14 +445,11 @@ class ShoppingListItemInfo extends StatelessWidget {
                     subtitle: Text(AppLocalizations.of(context)!.editItemLong),
                     trailing: const Icon(Icons.chevron_right),
                     onTap: () {
-                      context.pushNamed('edit-item', params: {
+                      context.pushNamed('edit-product', params: {
                         'server': server,
                         'id': room,
                         'item': item.id.toString()
                       });
-
-                      final navInner = Navigator.of(context);
-                      navInner.pop();
                     },
                   ),
                   ListTile(
@@ -596,70 +459,16 @@ class ShoppingListItemInfo extends StatelessWidget {
                           AppLocalizations.of(context)!.deleteItemSubtitle),
                       trailing: const Icon(Icons.chevron_right),
                       onTap: () {
-                        // show popup
+                        // TODO: show confirm dialog
-                        showDialog(
-                            context: context,
-                            builder: (ctx) => AlertDialog(
-                                  icon: const Icon(Icons.delete),
-                                  title: Text(
-                                      AppLocalizations.of(context)!.deleteItem),
-                                  content: Text(AppLocalizations.of(context)!
-                                      .deleteItemConfirm(item.name)),
-                                  actions: [
-                                    TextButton(
-                                      onPressed: () {
-                                        // close popup
-                                        Navigator.of(ctx).pop();
-                                      },
-                                      child: Text(
-                                          AppLocalizations.of(context)!.cancel),
-                                    ),
-                                    FilledButton(
-                                      onPressed: () async {
-                                        // send request
-                                        final scaffMgr =
-                                            ScaffoldMessenger.of(ctx);
-                                        // popup context
-                                        final navInner = Navigator.of(ctx);
-                                        // bottomsheet context
-                                        final nav = Navigator.of(context);
-                                        final user = context.read<User>();
-
-                                        doNetworkRequest(scaffMgr,
-                                            req: () => postWithCreadentials(
-                                                path: 'deleteItem',
-                                                target: user.server,
-                                                body: {
-                                                  'room': room,
-                                                  'server': server,
-                                                  'listItemID': item.id
-                                                },
-                                                credentials: user),
-                                            onOK: (_) async {
-                                              // remove cached item
-                                              await item.removeDisk();
-                                            },
-                                            after: () {
-                                              // close popup
-                                              navInner.pop();
-                                              // close modal bottom sheet
-                                              nav.pop();
-                                            });
-                                      },
-                                      child: Text(AppLocalizations.of(context)!
-                                          .deleteItem),
-                                    )
-                                  ],
-                                ));
                       }),
                 ]
               : [],
           ListTile(
               title: Text(item.state == 0
                   ? AppLocalizations.of(context)!.moveItemToCartTitle
-                  : AppLocalizations.of(context)!.removeItemFromCartTitle),
+                  : AppLocalizations.of(context)!.moveItemToCartSubtitle),
               subtitle: Text(item.state == 0
-                  ? AppLocalizations.of(context)!.moveItemToCartSubtitle
+                  ? AppLocalizations.of(context)!.removeItemFromCartTitle
                   : AppLocalizations.of(context)!.removeItemFromCartSubtitle),
               onTap: () {
                 // flip state
@@ -675,12 +484,7 @@ class ShoppingListItemInfo extends StatelessWidget {
                               'server': server,
                               'listItemID': item.id,
                               'state': item.state
-                            }),
+                            }));
-                    onOK: (_) async {
-                      final navInner = Navigator.of(context);
-                      await item.toDisk();
-                      navInner.pop();
-                    });
               })
         ],
       ),

lib/screens/room/pages/products.dart

@@ -21,20 +21,10 @@ class RoomProductsPage extends StatefulWidget {
 class _RoomProductsPageState extends State<RoomProductsPage> {
   List<RoomProduct> products = [];
 
-  void fetchProducts() async {
+  void fetchProducts() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached products first
+    doNetworkRequest(ScaffoldMessenger.of(context),
-    final cache = await RoomProduct.list(
-        widget.room?.serverTag ?? "", widget.room?.id ?? "");
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
-
-    doNetworkRequest(scaffmgr,
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -42,13 +32,10 @@ class _RoomProductsPageState extends State<RoomProductsPage> {
             body: {'room': widget.room?.id, 'server': widget.room?.serverTag}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomProduct>((raw) => RoomProduct.fromJSON(
+              .map<RoomProduct>((raw) => RoomProduct.fromJSON(raw))
-                  widget.room!.serverTag, widget.room!.id, raw))
               .toList();
 
-          for (RoomProduct prod in resp) {
+          // TODO: cache products
-            prod.toDisk();
-          }
 
           if (mounted) {
             setState(() {
@@ -62,55 +49,38 @@ class _RoomProductsPageState extends State<RoomProductsPage> {
   void initState() {
     super.initState();
 
-    // wait for background room product changes
-    RoomProduct.listen(widget.room?.serverTag ?? "", widget.room?.id ?? "",
-        (_) async {
-      try {
-        final updated = await RoomProduct.list(
-            widget.room?.serverTag ?? "", widget.room?.id ?? "");
-        setState(() {
-          products = updated;
-        });
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) => fetchProducts());
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Center(
+      body: ListView.builder(
-          child: Padding(
+        itemCount: products.length,
-              padding: const EdgeInsets.all(14),
+        itemBuilder: (context, index) {
-              child: ConstrainedBox(
+          final item = products[index];
-                  constraints: const BoxConstraints(maxWidth: 600),
-                  child: ListView.builder(
-                    itemCount: products.length,
-                    itemBuilder: (context, index) {
-                      final item = products[index];
 
-                      return ListTile(
+          return ListTile(
-                        title: Text(item.name),
+            title: Text(item.name),
-                        subtitle: Text(item.description),
+            subtitle: Text(item.description),
-                        onTap: () {
+            onTap: () {
-                          // NOTE: we could also show a bottom sheet here,
+              // NOTE: we could also show a bottom sheet here,
-                          // but because we need a seperate page/route either way
+              // but because we need a seperate page/route either way
-                          // (for viewing item-links and exploring the product-tree)
+              // (for viewing item-links and exploring the product-tree)
-                          // we might as well use the view-product page here
+              // we might as well use the view-product page here
-                          // NOTE: This might seem inconsistent,
+              // NOTE: This might seem inconsistent,
-                          // but you probably wont ever need to read a product description,
+              // but you probably wont ever need to read a product description,
-                          // where as reading the shopping item description,
+              // where as reading the shopping item description,
-                          // might be a good idea
+              // might be a good idea
-                          context.pushNamed('view-product', params: {
+              context.pushNamed('view-product', params: {
-                            'server': widget.room!.serverTag,
+                'server': widget.room!.serverTag,
-                            'id': widget.room!.id,
+                'id': widget.room!.id,
-                            'product': item.id.toString()
+                'product': item.id.toString()
-                          });
+              });
-                        },
+            },
-                      );
+          );
-                    },
+        },
-                  )))),
+      ),
       floatingActionButton: (widget.info != null &&
               ((widget.info?.isAdmin ?? false) ||
                   (widget.info?.isOwner ?? false) ||

lib/screens/room/products/edit.dart

@@ -36,19 +36,12 @@ class _EditProductPageState extends State<EditProductPage> {
   List<RoomCategory> categories = [];
   List<RoomProduct> products = [];
 
-  void fetchCategories() async {
+  void fetchCategories() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached categories
+    // TODO: load cached categories first
-    final cache = await RoomCategory.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        categories = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -56,8 +49,7 @@ class _EditProductPageState extends State<EditProductPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomCategory>((raw) =>
+              .map<RoomCategory>((raw) => RoomCategory.fromJSON(raw))
-                  RoomCategory.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           setState(() {
@@ -66,19 +58,12 @@ class _EditProductPageState extends State<EditProductPage> {
         });
   }
 
-  void fetchProducts() async {
+  void fetchProducts() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached products first
+    // TODO: load cached products first
-    final cache = await RoomProduct.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -86,8 +71,7 @@ class _EditProductPageState extends State<EditProductPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomProduct>((raw) =>
+              .map<RoomProduct>((raw) => RoomProduct.fromJSON(raw))
-                  RoomProduct.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           if (widget.product != null) {
@@ -118,16 +102,6 @@ class _EditProductPageState extends State<EditProductPage> {
   void initState() {
     super.initState();
 
-    // wait for background room category changes
-    RoomCategory.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomCategory.list(widget.server, widget.room);
-        setState(() {
-          categories = updated;
-        });
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) {
       fetchCategories();
       fetchProducts();
@@ -218,8 +192,6 @@ class _EditProductPageState extends State<EditProductPage> {
                             },
                           ),
                           CategoryPicker(
-                            server: widget.server,
-                            room: widget.room,
                             label: AppLocalizations.of(context)!
                                 .selectCategoryLabel,
                             hint: AppLocalizations.of(context)!
@@ -280,22 +252,7 @@ class _EditProductPageState extends State<EditProductPage> {
                             'ean': _ctrEAN.text,
                             'parent': _ctrParent
                           }),
-                  onOK: (body) async {
+                  onOK: (_) async {
-                    // cache product
-                    final id = body["data"]["listProdID"];
-                    final prod = RoomProduct(
-                        id: id,
-                        name: _ctrName.text,
-                        server: widget.server,
-                        room: widget.room,
-                        description: _ctrDescription.text,
-                        category: _ctrCategory,
-                        defaultUnit: _ctrUnit,
-                        defaultValue: _ctrValue,
-                        ean: _ctrEAN.text,
-                        parent: _ctrParent);
-                    await prod.toDisk();
-
                     nav.pop();
                   });
             } else {
@@ -317,20 +274,6 @@ class _EditProductPageState extends State<EditProductPage> {
                             'parent': _ctrParent
                           }),
                   onOK: (_) async {
-                    // cache product
-                    final prod = RoomProduct(
-                        id: widget.product!,
-                        name: _ctrName.text,
-                        server: widget.server,
-                        room: widget.room,
-                        description: _ctrDescription.text,
-                        category: _ctrCategory,
-                        defaultUnit: _ctrUnit,
-                        defaultValue: _ctrValue,
-                        ean: _ctrEAN.text,
-                        parent: _ctrParent);
-                    await prod.toDisk();
-
                     nav.pop();
                   });
             }

lib/screens/room/products/view.dart

@@ -53,24 +53,12 @@ class _ViewProductPageState extends State<ViewProductPage> {
     );
   }
 
-  void fetchCategories() async {
+  void fetchCategories() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached categories
+    // TODO: load cached categories first
-    final cache = await RoomCategory.list(widget.server, widget.room);
-    if (mounted) {
-      Map<int?, RoomCategory> map = {};
 
-      for (RoomCategory cat in cache) {
+    doNetworkRequest(ScaffoldMessenger.of(context),
-        map[cat.id] = cat;
-      }
-      setState(() {
-        categories = map;
-      });
-    }
-
-    doNetworkRequest(scaffmgr,
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -78,8 +66,7 @@ class _ViewProductPageState extends State<ViewProductPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomCategory>((raw) =>
+              .map<RoomCategory>((raw) => RoomCategory.fromJSON(raw))
-                  RoomCategory.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           Map<int?, RoomCategory> map = {};
@@ -93,19 +80,12 @@ class _ViewProductPageState extends State<ViewProductPage> {
         });
   }
 
-  void fetchProducts() async {
+  void fetchProducts() {
     final user = context.read<User>();
-    final scaffmgr = ScaffoldMessenger.of(context);
 
-    // load cached products first
+    // TODO: load cached products first
-    final cache = await RoomProduct.list(widget.server, widget.room);
-    if (mounted) {
-      setState(() {
-        products = cache;
-      });
-    }
 
-    doNetworkRequest(scaffmgr,
+    doNetworkRequest(ScaffoldMessenger.of(context),
         req: () => postWithCreadentials(
             credentials: user,
             target: user.server,
@@ -113,8 +93,7 @@ class _ViewProductPageState extends State<ViewProductPage> {
             body: {'room': widget.room, 'server': widget.server}),
         onOK: (body) async {
           final resp = body['data']
-              .map<RoomProduct>((raw) =>
+              .map<RoomProduct>((raw) => RoomProduct.fromJSON(raw))
-                  RoomProduct.fromJSON(widget.server, widget.room, raw))
               .toList();
 
           for (RoomProduct prod in resp) {
@@ -136,39 +115,6 @@ class _ViewProductPageState extends State<ViewProductPage> {
   void initState() {
     super.initState();
 
-    // wait for background room product changes
-    RoomProduct.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomProduct.list(widget.server, widget.room);
-        for (RoomProduct prod in updated) {
-          // load product info
-          // for current product
-          if (prod.id == widget.product) {
-            setState(() {
-              product = prod;
-            });
-          }
-        }
-        setState(() {
-          products = updated;
-        });
-      } catch (_) {}
-    });
-    // wait for background room category changes
-    RoomCategory.listen(widget.server, widget.room, (_) async {
-      try {
-        final updated = await RoomCategory.list(widget.server, widget.room);
-        Map<int?, RoomCategory> map = {};
-
-        for (RoomCategory cat in updated) {
-          map[cat.id] = cat;
-        }
-        setState(() {
-          categories = map;
-        });
-      } catch (_) {}
-    });
-
     WidgetsBinding.instance.addPostFrameCallback((_) {
       fetchCategories();
       fetchProducts();
@@ -185,192 +131,83 @@ class _ViewProductPageState extends State<ViewProductPage> {
         title: Text(product?.name ?? ''),
       ),
       body: SingleChildScrollView(
-          child: Center(
+          child: Column(children: [
-              child: Padding(
+        // display product into
-                  padding: const EdgeInsets.all(14),
+        Center(
-                  child: ConstrainedBox(
+            child: Padding(
-                      constraints: const BoxConstraints(maxWidth: 600),
+                padding: const EdgeInsets.all(14),
-                      child: Column(children: [
+                child: Column(
-                        // display product into
+                  mainAxisAlignment: MainAxisAlignment.center,
-                        Center(
+                  crossAxisAlignment: CrossAxisAlignment.center,
-                            child: Padding(
+                  children: [
-                                padding: const EdgeInsets.all(14),
+                    Text(product?.name ?? '', style: textTheme.headlineLarge),
-                                child: Column(
+                    Text(product?.description ?? '',
-                                  mainAxisAlignment: MainAxisAlignment.center,
+                        style: textTheme.titleMedium),
-                                  crossAxisAlignment: CrossAxisAlignment.center,
+                    Text(product?.ean ?? ''),
-                                  children: [
+                    CategoryChip(category: categories[product?.category]),
-                                    Text(product?.name ?? '',
+                    Text(product != null
-                                        style: textTheme.headlineLarge),
+                        ? Unit.fromId(product!.defaultUnit)
-                                    Text(product?.description ?? '',
+                            .display(context, product!.defaultValue)
-                                        style: textTheme.titleMedium),
+                        : '')
-                                    Text(product?.ean ?? ''),
+                  ],
-                                    CategoryChip(
+                ))),
-                                        server: widget.server,
-                                        room: widget.room,
-                                        category:
-                                            categories[product?.category]),
-                                    Text(product != null
-                                        ? Unit.fromId(product!.defaultUnit)
-                                            .display(
-                                                context, product!.defaultValue)
-                                        : '')
-                                  ],
-                                ))),
 
-                        // show actions (if allowed / available
+        // show actions (if allowed / available
-                        // edit product button
+        // edit product button
-                        ...(info != null &&
+        ...(info != null &&
-                                (info!.isAdmin ||
+                (info!.isAdmin ||
-                                    info!.isOwner ||
+                    info!.isOwner ||
-                                    (info!.permissions &
+                    (info!.permissions & RoomPermission.editRoomContent != 0)))
-                                            RoomPermission.editRoomContent !=
+            ? [
-                                        0)))
+                ListTile(
-                            ? [
+                  title: Text(AppLocalizations.of(context)!.editProductTitle),
-                                ListTile(
+                  subtitle:
-                                  title: Text(AppLocalizations.of(context)!
+                      Text(AppLocalizations.of(context)!.editProductSubtitle),
-                                      .editProductTitle),
+                  onTap: () {
-                                  subtitle: Text(AppLocalizations.of(context)!
+                    context.pushNamed('edit-product', params: {
-                                      .editProductSubtitle),
+                      'server': widget.server,
-                                  onTap: () {
+                      'id': widget.room,
-                                    context.pushNamed('edit-product', params: {
+                      'product': widget.product.toString()
-                                      'server': widget.server,
+                    });
-                                      'id': widget.room,
+                  },
-                                      'product': widget.product.toString()
+                  trailing: const Icon(Icons.chevron_right),
-                                    });
+                ),
-                                  },
+              ]
-                                  trailing: const Icon(Icons.chevron_right),
+            : [],
-                                ),
+        // show parent?
-                              ]
+        ...(product?.parent != null)
-                            : [],
+            ? [
-                        // show parent?
+                ListTile(
-                        ...(product?.parent != null)
+                  title: Text(
-                            ? [
+                      AppLocalizations.of(context)!.viewParentProductTitle),
-                                ListTile(
+                  subtitle: Text(
-                                  title: Text(AppLocalizations.of(context)!
+                      AppLocalizations.of(context)!.viewParentProductSubtitle),
-                                      .viewParentProductTitle),
+                  onTap: () {
-                                  subtitle: Text(AppLocalizations.of(context)!
+                    context.pushNamed('view-product', params: {
-                                      .viewParentProductSubtitle),
+                      'server': widget.server,
-                                  onTap: () {
+                      'id': widget.room,
-                                    context.pushNamed('view-product', params: {
+                      'product': product!.parent.toString()
-                                      'server': widget.server,
+                    });
-                                      'id': widget.room,
+                  },
-                                      'product': product!.parent.toString()
+                  trailing: const Icon(Icons.chevron_right),
-                                    });
+                ),
-                                  },
+              ]
-                                  trailing: const Icon(Icons.chevron_right),
+            : [],
-                                ),
+        // show/manage children
-                              ]
+        ListTile(
-                            : [],
+          title: Text(AppLocalizations.of(context)!.viewProductChildrenTitle),
-                        // show/manage children
+          subtitle:
-                        ListTile(
+              Text(AppLocalizations.of(context)!.viewProductChildrenSubtitle),
-                          title: Text(AppLocalizations.of(context)!
+          onTap: () {
-                              .viewProductChildrenTitle),
+            context.pushNamed('view-product-children', params: {
-                          subtitle: Text(AppLocalizations.of(context)!
+              'server': widget.server,
-                              .viewProductChildrenSubtitle),
+              'id': widget.room,
-                          onTap: () {
+              'product': widget.product.toString()
-                            context.pushNamed('view-product-children', params: {
+            });
-                              'server': widget.server,
+          },
-                              'id': widget.room,
+          trailing: const Icon(Icons.chevron_right),
-                              'product': widget.product.toString()
+        ),
-                            });
+      ])),
-                          },
-                          trailing: const Icon(Icons.chevron_right),
-                        ),
-                        ...(info != null &&
-                                ((info?.isAdmin ?? false) ||
-                                    (info?.isOwner ?? false) ||
-                                    ((info?.permissions)! &
-                                            RoomPermission.editRoomContent !=
-                                        0)))
-                            ? [
-                                // delete product
-                                ListTile(
-                                  title: Text(AppLocalizations.of(context)!
-                                      .deleteProductTitle),
-                                  subtitle: Text(AppLocalizations.of(context)!
-                                      .deleteProductSubtitle),
-                                  onTap: () {
-                                    // show popup
-                                    showDialog(
-                                        context: context,
-                                        builder: (ctx) => AlertDialog(
-                                              icon: const Icon(Icons.delete),
-                                              title: Text(
-                                                  AppLocalizations.of(context)!
-                                                      .deleteProduct),
-                                              content: Text(
-                                                  AppLocalizations.of(context)!
-                                                      .deleteProductConfirm(
-                                                          product?.name ?? "")),
-                                              actions: [
-                                                TextButton(
-                                                  onPressed: () {
-                                                    // close popup
-                                                    Navigator.of(ctx).pop();
-                                                  },
-                                                  child: Text(
-                                                      AppLocalizations.of(
-                                                              context)!
-                                                          .cancel),
-                                                ),
-                                                FilledButton(
-                                                  onPressed: () async {
-                                                    // send request
-                                                    final scaffMgr =
-                                                        ScaffoldMessenger.of(
-                                                            ctx);
-                                                    // popup context
-                                                    final navInner =
-                                                        Navigator.of(ctx);
-                                                    // bottomsheet context
-                                                    final nav =
-                                                        Navigator.of(context);
-                                                    final user =
-                                                        context.read<User>();
-
-                                                    doNetworkRequest(scaffMgr,
-                                                        req: () =>
-                                                            postWithCreadentials(
-                                                                path:
-                                                                    'deleteProduct',
-                                                                target:
-                                                                    user.server,
-                                                                body: {
-                                                                  'room': widget
-                                                                      .room,
-                                                                  'server': widget
-                                                                      .server,
-                                                                  'listProdID':
-                                                                      product?.id ??
-                                                                          ""
-                                                                },
-                                                                credentials:
-                                                                    user),
-                                                        onOK: (_) async {
-                                                          // remove cached product
-                                                          await product!
-                                                              .removeDisk();
-                                                        },
-                                                        after: () {
-                                                          // close popup
-                                                          navInner.pop();
-                                                          // close modal bottom sheet
-                                                          nav.pop();
-                                                        });
-                                                  },
-                                                  child: Text(
-                                                      AppLocalizations.of(
-                                                              context)!
-                                                          .deleteProduct),
-                                                )
-                                              ],
-                                            ));
-                                  },
-                                  trailing: const Icon(Icons.chevron_right),
-                                ),
-                              ]
-                            : []
-                      ]))))),
     );
   }
 }

lib/tools/fetch_wrapper.dart

@@ -71,6 +71,6 @@ Future<void> doNetworkRequest(ScaffoldMessengerState? sm,
   }
 
   if (after != null) {
-    await after();
+    after();
   }
 }

pubspec.lock

@@ -5,26 +5,26 @@ packages:
     dependency: transitive
     description:
       name: archive
-      sha256: "22600aa1e926be775fa5fe7e6894e7fb3df9efda8891c73f70fb3262399a432d"
+      sha256: d6347d54a2d8028e0437e3c099f66fdb8ae02c4720c1e7534c9f24c10351f85d
       url: "https://pub.dev"
     source: hosted
-    version: "3.4.10"
+    version: "3.3.6"
   args:
     dependency: transitive
     description:
       name: args
-      sha256: eef6c46b622e0494a36c5a12d10d77fb4e855501a91c1b9ef9339326e58f0596
+      sha256: "4cab82a83ffef80b262ddedf47a0a8e56ee6fbf7fe21e6e768b02792034dd440"
       url: "https://pub.dev"
     source: hosted
-    version: "2.4.2"
+    version: "2.4.0"
   async:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: bfe67ef28df125b7dddcea62755991f807aa39a2492a23e1550161692950bbe0
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.10.0"
   boolean_selector:
     dependency: transitive
     description:
@@ -37,26 +37,26 @@ packages:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: e6a326c8af69605aec75ed6c187d06b349707a27fbff8222ca9cc2cff167975c
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.1"
   checked_yaml:
     dependency: transitive
     description:
       name: checked_yaml
-      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      sha256: "3d1505d91afa809d177efd4eed5bb0eb65805097a1463abdd2add076effae311"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.3"
+    version: "2.0.2"
   cli_util:
     dependency: transitive
     description:
       name: cli_util
-      sha256: c05b7406fdabc7a49a3929d4af76bcaccbbffcbcdcf185b082e1ae07da323d19
+      sha256: "66f86e916d285c1a93d3b79587d94bd71984a66aac4ff74e524cfa7877f1395c"
       url: "https://pub.dev"
     source: hosted
-    version: "0.4.1"
+    version: "0.3.5"
   clock:
     dependency: transitive
     description:
@@ -69,10 +69,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: cfc915e6923fe5ce6e153b0723c753045de46de1b4d63771530504004a45fae0
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.17.0"
   convert:
     dependency: transitive
     description:
@@ -85,10 +85,10 @@ packages:
     dependency: "direct main"
     description:
       name: crypto
-      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
+      sha256: aa274aa7774f8964e4f4f38cc994db7b6158dd36e9187aaceaddc994b35c6c67
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.3"
+    version: "3.0.2"
   fake_async:
     dependency: transitive
     description:
@@ -101,18 +101,18 @@ packages:
     dependency: transitive
     description:
       name: ffi
-      sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21"
+      sha256: a38574032c5f1dd06c4aee541789906c12ccaab8ba01446e800d9c5b79c4a978
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.0.1"
   file:
     dependency: transitive
     description:
       name: file
-      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      sha256: "1b92bec4fc2a72f59a8e15af5f52cd441e4a7860b49499d69dfa817af20e925d"
       url: "https://pub.dev"
     source: hosted
-    version: "7.0.0"
+    version: "6.1.4"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -122,18 +122,18 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_launcher_icons
-      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
+      sha256: "02dcaf49d405f652b7160e882bacfc02cb497041bb2eab2a49b1c393cf9aac12"
       url: "https://pub.dev"
     source: hosted
-    version: "0.13.1"
+    version: "0.12.0"
   flutter_lints:
     dependency: "direct dev"
     description:
       name: flutter_lints
-      sha256: e2a421b7e59244faef694ba7b30562e489c2b489866e505074eb005cd7060db7
+      sha256: aeb0b80a8b3709709c9cc496cdc027c5b3216796bc0af0ce1007eaf24464fd4c
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.1"
+    version: "2.0.1"
   flutter_localizations:
     dependency: "direct main"
     description: flutter
@@ -143,10 +143,10 @@ packages:
     dependency: "direct main"
     description:
       name: flutter_svg
-      sha256: "7b4ca6cf3304575fe9c8ec64813c8d02ee41d2afe60bcfe0678bcb5375d596a2"
+      sha256: "12006889e2987c549c4c1ec1a5ba4ec4b24d34d2469ee5f9476c926dcecff266"
       url: "https://pub.dev"
     source: hosted
-    version: "2.0.10+1"
+    version: "2.0.4"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -161,18 +161,18 @@ packages:
     dependency: "direct main"
     description:
       name: go_router
-      sha256: "170c46e237d6eb0e6e9f0e8b3f56101e14fb64f787016e42edd74c39cf8b176a"
+      sha256: "432409518740645ce7f28802171b78783197d01149fad44f9b8ae55f40277139"
       url: "https://pub.dev"
     source: hosted
-    version: "13.2.0"
+    version: "6.5.0"
   http:
     dependency: "direct main"
     description:
       name: http
-      sha256: "761a297c042deedc1ffbb156d6e2af13886bb305c2a343a4d972504cd67dd938"
+      sha256: "6aa2946395183537c8b880962d935877325d6a09a2867c3970c05c0fed6ac482"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "0.13.5"
   http_parser:
     dependency: transitive
     description:
@@ -185,66 +185,42 @@ packages:
     dependency: transitive
     description:
       name: image
-      sha256: "4c68bfd5ae83e700b5204c1e74451e7bf3cf750e6843c6e158289cf56bda018e"
+      sha256: "483a389d6ccb292b570c31b3a193779b1b0178e7eb571986d9a49904b6861227"
       url: "https://pub.dev"
     source: hosted
-    version: "4.1.7"
+    version: "4.0.15"
   intl:
     dependency: "direct main"
     description:
       name: intl
-      sha256: "3bc132a9dbce73a7e4a21a17d06e1878839ffbf975568bc875c60537824b0c4d"
+      sha256: "910f85bce16fb5c6f614e117efa303e85a1731bb0081edf3604a2ae6e9a3cc91"
       url: "https://pub.dev"
     source: hosted
-    version: "0.18.1"
+    version: "0.17.0"
   js:
     dependency: transitive
     description:
       name: js
-      sha256: c1b2e9b5ea78c45e1a0788d29606ba27dc5f71f019f32ca5140f61ef071838cf
+      sha256: "5528c2f391ededb7775ec1daa69e65a2d61276f7552de2b5f7b8d34ee9fd4ab7"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.1"
+    version: "0.6.5"
   json_annotation:
     dependency: transitive
     description:
       name: json_annotation
-      sha256: b10a7b2ff83d83c777edba3c6a0f97045ddadd56c944e1a23a3fdf43a1bf4467
+      sha256: c33da08e136c3df0190bd5bbe51ae1df4a7d96e7954d1d7249fea2968a72d317
       url: "https://pub.dev"
     source: hosted
-    version: "4.8.1"
+    version: "4.8.0"
-  leak_tracker:
-    dependency: transitive
-    description:
-      name: leak_tracker
-      sha256: cdd14e3836065a1f6302a236ec8b5f700695c803c57ae11a1c84df31e6bcf831
-      url: "https://pub.dev"
-    source: hosted
-    version: "10.0.3"
-  leak_tracker_flutter_testing:
-    dependency: transitive
-    description:
-      name: leak_tracker_flutter_testing
-      sha256: "9b2ef90589911d665277464e0482b209d39882dffaaf4ef69a3561a3354b2ebc"
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.2"
-  leak_tracker_testing:
-    dependency: transitive
-    description:
-      name: leak_tracker_testing
-      sha256: fd3cd66cb2bcd7b50dcd3b413af49d78051f809c8b3f6e047962765c15a0d23d
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.0.0"
   lints:
     dependency: transitive
     description:
       name: lints
-      sha256: cbf8d4b858bb0134ef3ef87841abdf8d63bfc255c266b7bf6b39daa1085c4290
+      sha256: "5e4a9cd06d447758280a8ac2405101e0e2094d2a1dbdd3756aec3fe7775ba593"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.0"
+    version: "2.0.1"
   localstore:
     dependency: "direct main"
     description:
@@ -257,34 +233,34 @@ packages:
     dependency: transitive
     description:
       name: logging
-      sha256: "623a88c9594aa774443aa3eb2d41807a48486b5613e67599fb4c41c0ad47c340"
+      sha256: "04094f2eb032cbb06c6f6e8d3607edcfcb0455e2bb6cbc010cb01171dcb64e6d"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.1.1"
   matcher:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: "16db949ceee371e9b99d22f88fa3a73c4e59fd0afed0bd25fc336eb76c198b72"
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.13"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
+      sha256: d92141dc6fe1dad30722f9aa826c7fbc896d021d792f80678280601aff8cf724
       url: "https://pub.dev"
     source: hosted
-    version: "0.8.0"
+    version: "0.2.0"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      sha256: "6c268b42ed578a53088d834796959e4a1814b5e9e164f147f580a386e5decf42"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.8.0"
   nested:
     dependency: transitive
     description:
@@ -297,10 +273,10 @@ packages:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: db9d4f58c908a4ba5953fcee2ae317c94889433e5024c27ce74a37f94267945b
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.8.2"
   path_parsing:
     dependency: transitive
     description:
@@ -313,146 +289,154 @@ packages:
     dependency: transitive
     description:
       name: path_provider
-      sha256: b27217933eeeba8ff24845c34003b003b2b22151de3c908d0e679e8fe1aa078b
+      sha256: "04890b994ee89bfa80bf3080bfec40d5a92c5c7a785ebb02c13084a099d2b6f9"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.0.13"
   path_provider_android:
     dependency: transitive
     description:
       name: path_provider_android
-      sha256: "477184d672607c0a3bf68fbbf601805f92ef79c82b64b4d6eb318cbca4c48668"
+      sha256: "019f18c9c10ae370b08dce1f3e3b73bc9f58e7f087bb5e921f06529438ac0ae7"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.2"
+    version: "2.0.24"
   path_provider_foundation:
     dependency: transitive
     description:
       name: path_provider_foundation
-      sha256: "5a7999be66e000916500be4f15a3633ebceb8302719b47b9cc49ce924125350f"
+      sha256: "12eee51abdf4d34c590f043f45073adbb45514a108bd9db4491547a2fd891059"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.2"
+    version: "2.2.0"
   path_provider_linux:
     dependency: transitive
     description:
       name: path_provider_linux
-      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      sha256: "2ae08f2216225427e64ad224a24354221c2c7907e448e6e0e8b57b1eb9f10ad1"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.1"
+    version: "2.1.10"
   path_provider_platform_interface:
     dependency: transitive
     description:
       name: path_provider_platform_interface
-      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      sha256: "57585299a729335f1298b43245842678cb9f43a6310351b18fb577d6e33165ec"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.0.6"
   path_provider_windows:
     dependency: transitive
     description:
       name: path_provider_windows
-      sha256: "8bc9f22eee8690981c22aa7fc602f5c85b497a6fb2ceb35ee5a5e5ed85ad8170"
+      sha256: f53720498d5a543f9607db4b0e997c4b5438884de25b0f73098cc2671a51b130
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.1"
+    version: "2.1.5"
   petitparser:
     dependency: transitive
     description:
       name: petitparser
-      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
+      sha256: "49392a45ced973e8d94a85fdb21293fbb40ba805fc49f2965101ae748a3683b4"
       url: "https://pub.dev"
     source: hosted
-    version: "6.0.2"
+    version: "5.1.0"
   platform:
     dependency: transitive
     description:
       name: platform
-      sha256: "12220bb4b65720483f8fa9450b4332347737cf8213dd2840d8b2c823e47243ec"
+      sha256: "4a451831508d7d6ca779f7ac6e212b4023dd5a7d08a27a63da33756410e32b76"
       url: "https://pub.dev"
     source: hosted
-    version: "3.1.4"
+    version: "3.1.0"
   plugin_platform_interface:
     dependency: transitive
     description:
       name: plugin_platform_interface
-      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      sha256: "6a2128648c854906c53fa8e33986fc0247a1116122f9534dd20e3ab9e16a32bc"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.8"
+    version: "2.1.4"
   pointycastle:
     dependency: transitive
     description:
       name: pointycastle
-      sha256: "43ac87de6e10afabc85c445745a7b799e04de84cebaa4fd7bf55a5e1e9604d29"
+      sha256: ae73e842cdd27a3467a71d70cefd9b198538aab4fc7dde1d0e8c78c96225abf0
       url: "https://pub.dev"
     source: hosted
-    version: "3.7.4"
+    version: "3.7.1"
+  process:
+    dependency: transitive
+    description:
+      name: process
+      sha256: "53fd8db9cec1d37b0574e12f07520d582019cb6c44abf5479a01505099a34a09"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.2.4"
   provider:
     dependency: "direct main"
     description:
       name: provider
-      sha256: "9a96a0a19b594dbc5bf0f1f27d2bc67d5f95957359b461cd9feb44ed6ae75096"
+      sha256: cdbe7530b12ecd9eb455bdaa2fcb8d4dad22e80b8afb4798b41479d5ce26847f
       url: "https://pub.dev"
     source: hosted
-    version: "6.1.1"
+    version: "6.0.5"
   shared_preferences:
     dependency: "direct main"
     description:
       name: shared_preferences
-      sha256: "81429e4481e1ccfb51ede496e916348668fd0921627779233bd24cc3ff6abd02"
+      sha256: "78528fd87d0d08ffd3e69551173c026e8eacc7b7079c82eb6a77413957b7e394"
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.2"
+    version: "2.0.20"
   shared_preferences_android:
     dependency: transitive
     description:
       name: shared_preferences_android
-      sha256: "8568a389334b6e83415b6aae55378e158fbc2314e074983362d20c562780fb06"
+      sha256: ad423a80fe7b4e48b50d6111b3ea1027af0e959e49d485712e134863d9c1c521
       url: "https://pub.dev"
     source: hosted
-    version: "2.2.1"
+    version: "2.0.17"
   shared_preferences_foundation:
     dependency: transitive
     description:
       name: shared_preferences_foundation
-      sha256: "7708d83064f38060c7b39db12aefe449cb8cdc031d6062280087bc4cdb988f5c"
+      sha256: "1e755f8583229f185cfca61b1d80fb2344c9d660e1c69ede5450d8f478fa5310"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.5"
+    version: "2.1.5"
   shared_preferences_linux:
     dependency: transitive
     description:
       name: shared_preferences_linux
-      sha256: "9f2cbcf46d4270ea8be39fa156d86379077c8a5228d9dfdb1164ae0bb93f1faa"
+      sha256: "3a59ed10890a8409ad0faad7bb2957dab4b92b8fbe553257b05d30ed8af2c707"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.2"
+    version: "2.1.5"
   shared_preferences_platform_interface:
     dependency: transitive
     description:
       name: shared_preferences_platform_interface
-      sha256: "22e2ecac9419b4246d7c22bfbbda589e3acf5c0351137d87dd2939d984d37c3b"
+      sha256: "824bfd02713e37603b2bdade0842e47d56e7db32b1dcdd1cae533fb88e2913fc"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.2"
+    version: "2.1.1"
   shared_preferences_web:
     dependency: transitive
     description:
       name: shared_preferences_web
-      sha256: "9aee1089b36bd2aafe06582b7d7817fd317ef05fc30e6ba14bff247d0933042a"
+      sha256: "0dc2633f215a3d4aa3184c9b2c5766f4711e4e5a6b256e62aafee41f89f1bfb8"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.0"
+    version: "2.0.6"
   shared_preferences_windows:
     dependency: transitive
     description:
       name: shared_preferences_windows
-      sha256: "841ad54f3c8381c480d0c9b508b89a34036f512482c407e6df7a9c4aa2ef8f59"
+      sha256: "71bcd669bb9cdb6b39f22c4a7728b6d49e934f6cba73157ffa5a54f1eed67436"
       url: "https://pub.dev"
     source: hosted
-    version: "2.3.2"
+    version: "2.1.5"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -462,26 +446,26 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: dd904f795d4b4f3b870833847c461801f6750a9fa8e61ea5ac53f9422b31f250
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.9.1"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.11.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   string_scanner:
     dependency: transitive
     description:
@@ -502,42 +486,42 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "9955ae474176f7ac8ee4e989dadfb411a58c30415bcfb648fa04b2b8a03afa7f"
+      sha256: ad540f65f92caa91bf21dfc8ffb8c589d6e4dc0c2267818b4cc2792857706206
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.0"
+    version: "0.4.16"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
-      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      sha256: "26f87ade979c47a150c9eaab93ccd2bebe70a27dc0b4b29517f2904f04eb11a5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.2"
+    version: "1.3.1"
   vector_graphics:
     dependency: transitive
     description:
       name: vector_graphics
-      sha256: "32c3c684e02f9bc0afb0ae0aa653337a2fe022e8ab064bcd7ffda27a74e288e3"
+      sha256: "4cf8e60dbe4d3a693d37dff11255a172594c0793da542183cbfe7fe978ae4aaa"
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.11+1"
+    version: "1.1.4"
   vector_graphics_codec:
     dependency: transitive
     description:
       name: vector_graphics_codec
-      sha256: c86987475f162fadff579e7320c7ddda04cd2fdeffbe1129227a85d9ac9e03da
+      sha256: "278ad5f816f58b1967396d1f78ced470e3e58c9fe4b27010102c0a595c764468"
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.11+1"
+    version: "1.1.4"
   vector_graphics_compiler:
     dependency: transitive
     description:
       name: vector_graphics_compiler
-      sha256: "12faff3f73b1741a36ca7e31b292ddeb629af819ca9efe9953b70bd63fc8cd81"
+      sha256: "0bf61ad56e6fd6688a2865d3ceaea396bc6a0a90ea0d7ad5049b1b76c09d6163"
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.11+1"
+    version: "1.1.4"
   vector_math:
     dependency: transitive
     description:
@@ -546,54 +530,38 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.4"
-  vm_service:
-    dependency: transitive
-    description:
-      name: vm_service
-      sha256: a2662fb1f114f4296cf3f5a50786a2d888268d7776cf681aa17d660ffa23b246
-      url: "https://pub.dev"
-    source: hosted
-    version: "14.0.0"
-  web:
-    dependency: transitive
-    description:
-      name: web
-      sha256: "1d9158c616048c38f712a6646e317a3426da10e884447626167240d45209cbad"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.5.0"
   win32:
     dependency: transitive
     description:
       name: win32
-      sha256: "464f5674532865248444b4c3daca12bd9bf2d7c47f759ce2617986e7229494a8"
+      sha256: c9ebe7ee4ab0c2194e65d3a07d8c54c5d00bb001b76081c4a04cdb8448b59e46
       url: "https://pub.dev"
     source: hosted
-    version: "5.2.0"
+    version: "3.1.3"
   xdg_directories:
     dependency: transitive
     description:
       name: xdg_directories
-      sha256: faea9dee56b520b55a566385b84f2e8de55e7496104adada9962e0bd11bcff1d
+      sha256: ee1505df1426458f7f60aac270645098d318a8b4766d85fde75f76f2e21807d1
       url: "https://pub.dev"
     source: hosted
-    version: "1.0.4"
+    version: "1.0.0"
   xml:
     dependency: transitive
     description:
       name: xml
-      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
+      sha256: "979ee37d622dec6365e2efa4d906c37470995871fe9ae080d967e192d88286b5"
       url: "https://pub.dev"
     source: hosted
-    version: "6.5.0"
+    version: "6.2.2"
   yaml:
     dependency: transitive
     description:
       name: yaml
-      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
+      sha256: "23812a9b125b48d4007117254bca50abb6c712352927eece9e155207b1db2370"
       url: "https://pub.dev"
     source: hosted
-    version: "3.1.2"
+    version: "3.1.1"
 sdks:
-  dart: ">=3.3.0 <4.0.0"
+  dart: ">=2.19.3 <3.0.0"
-  flutter: ">=3.19.0"
+  flutter: ">=3.7.0-0"

pubspec.yaml

@@ -1,4 +1,3 @@
----
 name: outbag_app
 description: Official Outbag App
 # The following line prevents the package from being accidentally published to
@@ -32,11 +31,11 @@ dependencies:
   flutter:
     sdk: flutter
   flutter_svg: ^2.0.4
-  http: ^1.2.1
+  http: ^0.13.5
   localstore: ^1.3.5
   crypto: ^3.0.2
   provider: ^6.0.5
-  go_router: ^13.2.0
+  go_router: ^6.5.0
   flutter_localizations:
     sdk: flutter
   intl: any
@@ -51,8 +50,8 @@ dev_dependencies:
   # activated in the `analysis_options.yaml` file located at the root of your
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
-  flutter_lints: ^3.0.1
+  flutter_lints: ^2.0.0
-  flutter_launcher_icons: ^0.13.1
+  flutter_launcher_icons: ^0.12.0
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec