Fix grid a fucking gain

README.md

@@ -1,16 +1,53 @@
-# gamer_updater
+# Gamer Updater
 
-A new Flutter project.
+A Flutter application for tracking game version updates via RSS feeds.<br>
+The idea is to track updates to games you might have previously played<br>
+To simply know how much you might be missing and whether you would have new content to look forward to
 
-## Getting Started
+![](git_static/screenshot.jpg)
 
-This project is a starting point for a Flutter application.
+## Features
 
-A few resources to get you started if this is your first Flutter project:
+- Game version tracking
+- Automatic version checking through RSS feeds
+- Last played date tracking
+- Custom version regex patterns
+- Thumbnails!
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+## Setup
 
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+1. Clone repository
+2. Install Flutter
+3. Run `flutter pub get`
+4. Run `flutter run`
+
+## Usage
+
+Add games by providing:
+- Name
+- RSS feed URL
+- Version regex pattern
+- Optional game image
+
+## Example
+
+If we wanted to track the versions of Rimworld we would enter the rss feed as:
+https://store.steampowered.com/feeds/news/app/294100/?cc=HR&l=english
+
+And the version regex pattern as:
+`Update (\d+\.\d+\.\d+)`
+
+Seeing as their posts usually follow this convention:
+Update 1.5.4104 released
+...
+Update 1.4.3704 released
+
+In theory the rss link can be any link at all and the version regex can be anything at all<br>
+The regex is simply ran on the entirety of the contents of the get request to the rss link<br>
+Which means we can also simply search html<br>
+But it is not as reliable as the rss because of all the additional shit
+
+Currently the thumbnails must be manually added
+
+They can also be any image at all but the cards are designed to fit the thumbnails from the game update pages:
+![](git_static/thumbnails.png)

lib/game.dart

@@ -102,7 +102,7 @@ last_updated = excluded.last_updated
   static Future<Map<String, Game>> getAll() async {
     final db = DB.db;
     final games = await db.rawQuery(
-      'SELECT name, actual_version, last_played, rss_feed_url, version_regex, last_updated, image_data FROM games',
+      'SELECT name, actual_version, last_played, rss_feed_url, version_regex, last_updated, image_data FROM games ORDER BY name',
     );
     return games
         .map((e) => Game.fromMap(e))

lib/main.dart

@@ -90,19 +90,15 @@ class _MyHomePageState extends State<MyHomePage> {
         onRefresh: _refreshGames,
         child: SingleChildScrollView(
           padding: const EdgeInsets.all(8),
-          child: Column(
+          child: Wrap(
+            spacing: 8,
+            runSpacing: 8,
             children: [
-              for (var i = 0; i < games.length + 1; i += 2)
-                Padding(
-                  padding: const EdgeInsets.only(bottom: 8),
-                  child: Row(
-                    crossAxisAlignment: CrossAxisAlignment.start,
-                    children: [
-                      Expanded(
-                        child:
-                            i < games.length
-                                ? GameCard(
-                                  game: games.values.elementAt(i),
+              ...games.values.map(
+                (game) => SizedBox(
+                  width: (MediaQuery.of(context).size.width - 24) / 2,
+                  child: GameCard(
+                    game: game,
                     onGameUpdated: (game) async {
                       game = await GameRepository.upsert(game);
                       setState(() {
@@ -110,17 +106,17 @@ class _MyHomePageState extends State<MyHomePage> {
                       });
                     },
                     onDelete: () async {
-                                    await GameRepository.delete(
-                                      games.values.elementAt(i),
-                                    );
+                      await GameRepository.delete(game);
                       setState(() {
-                                      games.remove(
-                                        games.values.elementAt(i).name,
-                                      );
+                        games.remove(game.name);
                       });
                     },
-                                )
-                                : NewGameCard(
+                  ),
+                ),
+              ),
+              SizedBox(
+                width: (MediaQuery.of(context).size.width - 24) / 2,
+                child: NewGameCard(
                   onGameCreated: (game) async {
                     game = await GameRepository.upsert(game);
                     setState(() {
@@ -129,34 +125,6 @@ class _MyHomePageState extends State<MyHomePage> {
                   },
                 ),
               ),
-                      const SizedBox(width: 8),
-                      Expanded(
-                        child:
-                            i + 1 < games.length
-                                ? GameCard(
-                                  game: games.values.elementAt(i + 1),
-                                  onGameUpdated: (game) async {
-                                    game = await GameRepository.upsert(game);
-                                    setState(() {
-                                      games[game.name] = game;
-                                    });
-                                  },
-                                  onDelete: () async {
-                                    await GameRepository.delete(
-                                      games.values.elementAt(i + 1),
-                                    );
-                                    setState(() {
-                                      games.remove(
-                                        games.values.elementAt(i + 1).name,
-                                      );
-                                    });
-                                  },
-                                )
-                                : const SizedBox(), // Empty space for odd number of items
-                      ),
-                    ],
-                  ),
-                ),
             ],
           ),
         ),