feat(app): add network game mode

README.md

@@ -1,9 +1,13 @@
-# Puzzlez
+# Puzzle'z
+
+Puzzle game
+
+![Puzzle'z](docs/Screenshot_2026-05-04_15-42-42.jpg "Puzzle'z")
 
 ## Play
 
 https://shmyga.ru/puzzlez/html5/index.html
 
-## Packages
+## Releases
 
-https://git.shmyga.ru/InfernalGames/-/packages/generic/puzzlez
+https://git.shmyga.ru/InfernalGames/puzzlez/releases

gulpfile.js

@@ -4,8 +4,11 @@ const Config = require("./config.json");
 const packageInfo = require("./package.json");
 const { System, Sdk, Haxe, Project } = require("gulp-haxetool");
 const dateformat = require("dateformat");
+const argv = require("yargs").argv;
 const publish = require("./tasks/gulp-publish");
 
+Project.useRuffle();
+
 if (packageInfo.haxe) {
   Haxe.VERSION = packageInfo.haxe;
 }
@@ -63,6 +66,9 @@ const config = new Project.Config({
   flags: ["proto_debug"],
 });
 
+const host = argv.host || "localhost";
+const port = argv.port || 5000;
+
 const app = new Project(
   Project.BuildSystem.OPENFL,
   [
@@ -87,6 +93,10 @@ const app = new Project(
       width: 1280,
       height: 768,
     },
+    macros: [
+      `CompilationOption.set('host','${host}')`,
+      `CompilationOption.set('port',${port})`,
+    ],
     flags: ["app"],
   }),
 ).bind(module, gulp);

package.json

@@ -9,7 +9,7 @@
     "gulp-add": "0.0.2",
     "gulp-clean": "^0.4.0",
     "gulp-cli": "^2.2.0",
-    "gulp-haxetool": "^0.1.9",
+    "gulp-haxetool": "^0.2.1",
     "yargs": "^13.2.4"
   },
   "haxeDependencies": {

src/app/haxe/ru/m/puzzlez/PuzzlezApp.hx

@@ -5,6 +5,7 @@ import hw.app.Const;
 import hw.log.TraceLogger;
 import ru.m.puzzlez.image.ImageSourceBundle;
 import ru.m.puzzlez.net.Network;
+import ru.m.puzzlez.net.NetworkSource;
 import ru.m.puzzlez.render.part.IPartBuilder;
 import ru.m.puzzlez.settings.Settings;
 import ru.m.puzzlez.source.AssetImageSource;
@@ -27,6 +28,7 @@ class PuzzlezApp {
     IPartBuilder;
     GameStorage;
     Network;
+    NetworkSource;
     sourceBundle.register(new AssetImageSource());
     sourceBundle.register(new FileImageSource());
     sourceBundle.register(new PixabayImageSource(CompilationOption.get("PIXABAY_KEY")));

src/app/haxe/ru/m/puzzlez/net/Network.hx

@@ -4,9 +4,7 @@ import hw.connect.ConnectionFactory;
 import hw.connect.IConnection;
 import hw.signal.Signal;
 import hw.storage.SharedObjectStorage;
-import promhx.Deferred;
 import promhx.Promise;
-import ru.m.data.DataSource;
 import ru.m.puzzlez.proto.core.User;
 import ru.m.puzzlez.proto.event.GameAction;
 import ru.m.puzzlez.proto.event.GameEvent;
@@ -23,34 +21,26 @@ import ru.m.puzzlez.proto.pack.NotificationResponse;
 import ru.m.puzzlez.proto.pack.Request;
 import ru.m.puzzlez.proto.pack.Response;
 
-class SignalUtil {
-  public static function next<T>(signal:Signal<T>):Promise<T> {
-    var d:Deferred<T> = new Deferred<T>();
-    var receiver:T->Void;
-    receiver = (value:T) -> {
-      signal.disconnect(receiver);
-      d.resolve(value);
-    };
-    signal.connect(receiver);
-    return d.promise();
-  }
-}
+using ru.m.SignalUtil;
 
-@:provide class Network implements DataSource<GameState> {
+@:provide class Network {
   public var userSignal:Signal<User> = new Signal();
   public var notificationSignal:Signal<NotificationResponse> = new Signal();
   public var listSignal:Signal<GameListResponse> = new Signal();
   public var joinSignal:Signal<GameState> = new Signal();
   public var gameEventSignal:Signal<GameEvent> = new Signal();
 
-  private var connection:IConnection<Request, Response>;
+  public var connection:IConnection<Request, Response>;
+
   private var storage:SharedObjectStorage;
 
   private static var USER_KEY = "user";
 
   public function new() {
     storage = new SharedObjectStorage("network/2");
-    connection = ConnectionFactory.buildClientConnection("127.0.0.1", 5000, Response);
+    var host:String = CompilationOption.get("host");
+    var port:Int = cast(CompilationOption.get("port"), Int);
+    connection = ConnectionFactory.buildClientConnection(host, port, Response);
     connection.handler.connect(onConnectionChange);
     connection.receiveHandler.connect(onReceivePacket);
     connection.connect().catchError(_ -> {});
@@ -60,23 +50,29 @@ class SignalUtil {
     if (storage.exists(USER_KEY)) {
       return storage.read(USER_KEY);
     } else {
-      return new User().setName('Anonimus #${IdUtil.generate()}');
+      var uuid = IdUtil.generate();
+      return new User().setUuid(uuid).setName('Anonimus #${uuid}');
     }
   }
 
   public function auth():Promise<User> {
-    connection.send(new Request().setAuth(new AuthRequest().setUser(restoreUser())));
-    return SignalUtil.next(userSignal);
+    try {
+      connection.send(new Request().setAuth(new AuthRequest().setUser(restoreUser())));
+      return userSignal.next();
+    } catch (error:Dynamic) {
+      L.w("network", "auth", error);
+      return Promise.promise(null);
+    }
   }
 
   public function createGame(preset:GamePreset):Promise<GameState> {
     connection.send(new Request().setCreate(new GameCreateRequest().setPreset(preset)));
-    return SignalUtil.next(joinSignal);
+    return joinSignal.next();
   }
 
   public function joinGame(gameId:String):Promise<GameState> {
     connection.send(new Request().setJoin(new GameJoinRequest().setGameId(gameId)));
-    return SignalUtil.next(joinSignal);
+    return joinSignal.next();
   }
 
   public function leaveGame():Void {
@@ -114,18 +110,4 @@ class SignalUtil {
       }
     }
   }
-
-  public function getPage(page:Page):Promise<DataPage<GameState>> {
-    connection.send(new Request().setList(new GameListRequest().setCount(page.count).setPage(page.index)));
-    return SignalUtil.next(listSignal).then((list:GameListResponse) -> ({
-      page: {
-        index: list.page,
-        count: list.count,
-        filter: null,
-        order: null,
-      },
-      total: list.total,
-      data: list.games,
-    }));
-  }
 }

src/app/haxe/ru/m/puzzlez/net/NetworkGame.hx

@@ -6,6 +6,8 @@ import ru.m.puzzlez.game.IGame;
 import ru.m.puzzlez.proto.event.GameAction;
 import ru.m.puzzlez.proto.event.GameEvent;
 import ru.m.puzzlez.proto.game.GameState;
+import ru.m.puzzlez.proto.event.gameaction.Action;
+import ru.m.puzzlez.game.EventUtil;
 
 class NetworkGame implements IGame {
   public var state(default, null):GameState;
@@ -19,7 +21,11 @@ class NetworkGame implements IGame {
   }
 
   public function action(action:GameAction):Void {
-    network.sendGameAction(action);
+    if (action.action == Action.MOVE) {
+      events.emit(EventUtil.action(action));
+    } else {
+      network.sendGameAction(action);
+    }
   }
 
   public function start():Void {

src/app/haxe/ru/m/puzzlez/net/NetworkSource.hx

@@ -0,0 +1,28 @@
+package ru.m.puzzlez.net;
+
+import promhx.Promise;
+import ru.m.data.DataSource;
+import ru.m.puzzlez.proto.game.GameState;
+import ru.m.puzzlez.proto.pack.GameListRequest;
+import ru.m.puzzlez.proto.pack.GameListResponse;
+import ru.m.puzzlez.proto.pack.Request;
+
+using ru.m.SignalUtil;
+
+@:provide class NetworkSource implements DataSource<GameState> {
+  @:provide private var network:Network;
+
+  public function getPage(page:Page):Promise<DataPage<GameState>> {
+    network.connection.send(new Request().setList(new GameListRequest().setCount(page.count).setPage(page.index)));
+    return network.listSignal.next().then((list:GameListResponse) -> ({
+      page: {
+        index: list.page,
+        count: list.count,
+        filter: null,
+        order: null,
+      },
+      total: list.total,
+      data: list.games,
+    }));
+  }
+}

src/app/haxe/ru/m/puzzlez/source/NginxImageSource.hx

@@ -25,6 +25,7 @@ class NginxImageSource implements ImageSource {
   public var id(default, never):String = "nginx";
 
   private var baseUrl:String;
+  private var cache:Map<String, Promise<NginxResponse>> = new Map();
 
   public function new(baseUrl:String) {
     this.baseUrl = baseUrl;
@@ -36,31 +37,35 @@ class NginxImageSource implements ImageSource {
 
   public function getPage(page:Page):Promise<DataPage<ImageId>> {
     var category = page.filter.get("category");
-    return new JsonLoader<NginxResponse>().GET(category != null ? this.baseUrl + category + "/" : this.baseUrl)
-      .then((response:NginxResponse) -> {
-        var data:Array<ImageId> = [];
-        for (item in response) {
-          if (item.type == NginxResponseItemType.FILE) {
-            var itemId = category != null ? category + "@" + item.name : item.name;
-            data.push(new ImageId().setSource(id).setId(itemId));
-          }
+    var url = category != null ? this.baseUrl + category + "/" : this.baseUrl;
+    if (!this.cache.exists(url)) {
+      this.cache.set(url, new JsonLoader<NginxResponse>().GET(url));
+    }
+    return this.cache.get(url).then((response:NginxResponse) -> {
+      var data:Array<ImageId> = [];
+      for (item in response) {
+        if (item.type == NginxResponseItemType.FILE) {
+          var itemId = category != null ? category + "@" + item.name : item.name;
+          data.push(new ImageId().setSource(id).setId(itemId));
         }
-        return {
-          page: page,
-          data: data,
-          total: response.length,
-        }
-      });
+      }
+      data = data.slice(page.index * page.count, (page.index + 1) * page.count);
+      return {
+        page: page,
+        data: data,
+        total: response.length,
+      }
+    });
   }
 
   public function load(id:String, thumb:Bool = false):Promise<ImageValue> {
     var url = this.baseUrl + StringTools.replace(id, "@", "/");
-    if (thumb) {
-      var parts = url.split(".");
-      var index = parts.length - 2;
-      parts[index] = parts[index] + "-thumbnail";
-      url = parts.join(".");
-    }
+    // TODO: default size by screen width?
+    var width = thumb ? 360 : 1920;
+    var parts = url.split(".");
+    var index = parts.length - 2;
+    parts[index] = parts[index] + '-w${width}';
+    url = parts.join(".");
     return Promise.promise(ImageValue.URL(url));
   }
 

src/app/haxe/ru/m/puzzlez/view/StartFrame.hx

@@ -1,12 +1,12 @@
 package ru.m.puzzlez.view;
 
-import ru.m.puzzlez.net.Network;
 import hw.view.data.DataView;
 import hw.view.form.ButtonView;
 import hw.view.frame.FrameSwitcher;
 import hw.view.frame.FrameView;
 import ru.m.puzzlez.FileUtil;
 import ru.m.puzzlez.image.ImageSourceBundle;
+import ru.m.puzzlez.net.NetworkSource;
 import ru.m.puzzlez.proto.game.GameStatus;
 import ru.m.puzzlez.storage.FileStorage;
 import ru.m.puzzlez.storage.GameStorage;
@@ -29,7 +29,7 @@ import ru.m.update.Updater;
   @:provide var fileStorage:FileStorage;
   @:provide var gameStorage:GameStorage;
   @:provide var sourceBundle:ImageSourceBundle;
-  @:provide var network:Network;
+  @:provide var networkSource:NetworkSource;
 
   private var fileSource:ImageListConfig = {title: "Files", sourceId: "file"};
   private var startedGames:GameListConfig = {
@@ -44,7 +44,7 @@ import ru.m.update.Updater;
   };
   private var networkGames:GameListConfig = {
     title: "Network",
-    source: network
+    source: networkSource
   };
 
   public function new() {

src/common/haxe/ru/m/SignalUtil.hx

@@ -0,0 +1,18 @@
+package ru.m;
+
+import hw.signal.Signal;
+import promhx.Deferred;
+import promhx.Promise;
+
+class SignalUtil {
+  public static function next<T>(signal:Signal<T>):Promise<T> {
+    var d:Deferred<T> = new Deferred<T>();
+    var receiver:T->Void;
+    receiver = (value:T) -> {
+      signal.disconnect(receiver);
+      d.resolve(value);
+    };
+    signal.connect(receiver);
+    return d.promise();
+  }
+}