feat(app): add network game mode

.env.default

@@ -1,21 +1,20 @@
 PROJECT=puzzlez
+VERSION=$(grep -m 1 'version' ./package.json | grep -oP '"version"\s*:\s*"\K\d+\.\d+.\d+')
 SDK_PATH=$HOME/sdk
 PUBLISH_PATH=$HOME/public/$PROJECT
 BUILD_PATH=./build
 TARGET_PATH=./target
 KEY_STORE=<keystore.jks>
 KEY_PASS=<passphrase>
+
+# publish
 REPO=https://git.shmyga.ru/api/packages/InfernalGames
 PUBLISH_USER=<username>
 PUBLISH_PASSWORD=<passphrase>
 
+# docker
 DOCKER_REPO=git.shmyga.ru
 DOCKER_GROUP=infernalgames
 DOCKER_ROOT="$DOCKER_REPO/$DOCKER_GROUP"
-VERSION=$(grep -m 1 'version' ./package.json | grep -oP '"version"\s*:\s*"\K\d+\.\d+.\d+')
-DOCKER_PROJECTS=(
-    "$PROJECT-web:web"
-)
-DOCKER_ARGS=(
-    "PROJECT_NAME=$PROJECT"
-)
+DOCKER_PROJECTS="$PROJECT-web:web"
+DOCKER_ARGS="PROJECT_NAME=$PROJECT"

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": {
@@ -20,7 +20,8 @@
     "svg": "1.1.3",
     "protohx": "0.4.6",
     "yield": "3.2.2",
-    "formatter": "1.16.0"
+    "formatter": "1.16.0",
+    "hxWebSockets": "1.4.0"
   },
   "haxe": "4.2.5"
 }

scripts/build

@@ -1,7 +1,9 @@
 #!/usr/bin/env bash
 set -e
 cd "$(dirname $(dirname "$0"))" || exit
-
 source .env
+
 mkdir -p "$SDK_PATH" "$PUBLISH_PATH" "$BUILD_PATH" "$TARGET_PATH" "src-gen"
 docker compose run --rm --user $(id -u):$(id -g) --build --remove-orphans builder
+
+./scripts/docker-action

scripts/publish

@@ -3,8 +3,6 @@ set -e
 cd "$(dirname $(dirname "$0"))" || exit
 source .env
 
-VERSION=$(grep -m 1 'version' ./package.json | grep -oP '"version"\s*:\s*"\K\d+\.\d+\.\d+')
-
 PACKAGES=(
      "android/${PROJECT}_${VERSION}.apk"
      "debian/${PROJECT}_${VERSION}_all.deb"
@@ -33,3 +31,5 @@ do
           fi
      fi
 done
+
+DOCKER_ACTION=publish ./scripts/docker-action

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

@@ -4,6 +4,8 @@ import hw.app.App;
 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;
@@ -18,12 +20,15 @@ import ru.m.update.Updater;
 class PuzzlezApp {
   @:provide static var updater:Updater;
   @:provide static var sourceBundle:ImageSourceBundle;
+  @:provide static var network:Network;
 
   public static function main() {
     // ToDo: fix @:provide macro
     Settings;
     IPartBuilder;
     GameStorage;
+    Network;
+    NetworkSource;
     sourceBundle.register(new AssetImageSource());
     sourceBundle.register(new FileImageSource());
     sourceBundle.register(new PixabayImageSource(CompilationOption.get("PIXABAY_KEY")));
@@ -36,5 +41,6 @@ class PuzzlezApp {
     app.icon = openfl.Assets.getBitmapData("resources/icon.png");
     app.view = new PuzzlezAppView();
     L.d("Puzzlez", "started");
+    network.auth();
   }
 }

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

@@ -5,7 +5,6 @@ import hw.connect.IConnection;
 import hw.signal.Signal;
 import hw.storage.SharedObjectStorage;
 import promhx.Promise;
-import ru.m.data.IDataSource;
 import ru.m.puzzlez.proto.core.User;
 import ru.m.puzzlez.proto.event.GameAction;
 import ru.m.puzzlez.proto.event.GameEvent;
@@ -13,6 +12,7 @@ import ru.m.puzzlez.proto.game.GamePreset;
 import ru.m.puzzlez.proto.game.GameState;
 import ru.m.puzzlez.proto.pack.AuthRequest;
 import ru.m.puzzlez.proto.pack.GameActionRequest;
+import ru.m.puzzlez.proto.pack.GameCreateRequest;
 import ru.m.puzzlez.proto.pack.GameJoinRequest;
 import ru.m.puzzlez.proto.pack.GameLeaveRequest;
 import ru.m.puzzlez.proto.pack.GameListRequest;
@@ -21,21 +21,26 @@ import ru.m.puzzlez.proto.pack.NotificationResponse;
 import ru.m.puzzlez.proto.pack.Request;
 import ru.m.puzzlez.proto.pack.Response;
 
-@:provide class Network implements IDataSource<String, GameState> {
+using ru.m.SignalUtil;
+
+@: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(_ -> {});
@@ -45,17 +50,23 @@ import ru.m.puzzlez.proto.pack.Response;
     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 userSignal.next();
+    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().setJoin(new GameJoinRequest().setPreset(preset)));
+    connection.send(new Request().setCreate(new GameCreateRequest().setPreset(preset)));
     return joinSignal.next();
   }
 
@@ -99,22 +110,4 @@ import ru.m.puzzlez.proto.pack.Response;
       }
     }
   }
-
-  public function getPage(page:Page):Promise<DataPage<GameState>> {
-    connection.send(new Request().setList(new GameListRequest().setCount(page.count).setPage(page.index)));
-    return listSignal.next().then((list:GameListResponse) -> ({
-      page: {
-        index: list.page,
-        count: list.count,
-        filter: null,
-        order: null,
-      },
-      total: list.total,
-      data: list.games,
-    }));
-  }
-
-  public function get(id:String):GameState {
-    return null;
-  }
 }

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

@@ -2,10 +2,12 @@ package ru.m.puzzlez.net;
 
 import ru.m.puzzlez.proto.event.GameStart;
 import hw.signal.Signal;
-import ru.m.puzzlez.image.IGame;
+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/GameFrame.hx

@@ -7,6 +7,7 @@ import hw.view.popup.ConfirmView;
 import promhx.Promise;
 import ru.m.puzzlez.game.Game;
 import ru.m.puzzlez.game.IGame;
+import ru.m.puzzlez.net.NetworkGame;
 import ru.m.puzzlez.proto.event.GameAction;
 import ru.m.puzzlez.proto.event.GameEvent;
 import ru.m.puzzlez.proto.event.gameaction.Action;
@@ -37,7 +38,7 @@ import ru.m.puzzlez.view.popup.PreviewPopup;
     L.d("Frame", '$ID: ${state.preset.image.source}:${state.preset.image.id}');
     onHide();
     if (state.online) {
-      // game = new NetworkGame(state);
+      game = new NetworkGame(state);
     } else {
       game = new Game(state);
     }

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

@@ -6,6 +6,7 @@ import hw.view.form.ToggleButtonView;
 import hw.view.frame.FrameSwitcher;
 import hw.view.frame.FrameView;
 import ru.m.puzzlez.game.GameUtil;
+import ru.m.puzzlez.net.Network;
 import ru.m.puzzlez.proto.game.ImageId;
 import ru.m.puzzlez.view.common.PresetView;
 
@@ -17,7 +18,7 @@ import ru.m.puzzlez.view.common.PresetView;
 
   @:provide var switcher:FrameSwitcher;
 
-  // @:provide var network:Network;
+  @:provide var network:Network;
   private var imageId:ImageId;
 
   public function new() {
@@ -55,7 +56,7 @@ import ru.m.puzzlez.view.common.PresetView;
 
   private function start(online:Bool = false):Void {
     if (online) {
-      // network.createGame(imageView.state.preset).then(state -> switcher.change(GameFrame.ID, state));
+      network.createGame(imageView.state.preset).then(state -> switcher.change(GameFrame.ID, state));
     } else {
       switcher.change(GameFrame.ID, imageView.state);
     }

src/app/haxe/ru/m/puzzlez/view/PresetFrame.yaml

@@ -29,7 +29,7 @@ views:
         geometry.margin.left: 15
         text: Network
         +onPress: ~start(true)
-        visible: false
+        visible: true
   - id: image
     $type: ru.m.puzzlez.view.common.PresetView
     geometry.stretch: true

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

@@ -6,6 +6,7 @@ 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;
@@ -28,6 +29,7 @@ import ru.m.update.Updater;
   @:provide var fileStorage:FileStorage;
   @:provide var gameStorage:GameStorage;
   @:provide var sourceBundle:ImageSourceBundle;
+  @:provide var networkSource:NetworkSource;
 
   private var fileSource:ImageListConfig = {title: "Files", sourceId: "file"};
   private var startedGames:GameListConfig = {
@@ -40,6 +42,10 @@ import ru.m.update.Updater;
     source: gameStorage,
     filter: ["status" => GameStatus.COMPLETE]
   };
+  private var networkGames:GameListConfig = {
+    title: "Network",
+    source: networkSource
+  };
 
   public function new() {
     super(ID);

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

@@ -39,6 +39,10 @@ views:
         $type: hw.view.form.ButtonView
         text: Completed
         +onPress: ~showGames(completedGames)
+      - id: networkButton
+        $type: hw.view.form.ButtonView
+        text: Network
+        +onPress: ~showGames(networkGames)
       - $type: hw.view.form.ButtonView
         text: Upload
         geometry.margin.left: 30

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();
+  }
+}

src/server/haxe/ru/m/puzzlez/GameSession.hx

@@ -5,8 +5,8 @@ import ru.m.puzzlez.proto.pack.GameListResponse;
 import ru.m.puzzlez.proto.pack.GameListRequest;
 import hw.connect.session.ProtoSession;
 import hw.log.BaseLogger.LoggerUtil;
-import ru.m.puzzlez.image.Game;
-import ru.m.puzzlez.image.GameUtil;
+import ru.m.puzzlez.game.Game;
+import ru.m.puzzlez.game.GameUtil;
 import ru.m.puzzlez.proto.core.User;
 import ru.m.puzzlez.proto.event.GameAction;
 import ru.m.puzzlez.proto.event.GameEvent;