@vnejs/plugins.views.screens.checkers 0.2.3 → 0.2.5

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+import "@vnejs/contracts.common.grid";
+import "@vnejs/contracts.common.turn";
 import "@vnejs/contracts.game.checkers";
 import "@vnejs/contracts.views.screens.checkers";

package/dist/index.js

@@ -1,3 +1,5 @@
+import "@vnejs/contracts.common.grid";
+import "@vnejs/contracts.common.turn";
 import "@vnejs/contracts.game.checkers";
 import "@vnejs/contracts.views.screens.checkers";
 import { regPlugin } from "@vnejs/shared";
@@ -10,6 +12,7 @@ import { CheckersViewControllerAccept } from "./modules/controller.accept.js";
 import { CheckersViewControllerGrid } from "./modules/controller.grid.js";
 import { CheckersViewPlayerInteract } from "./modules/player.interact.js";
 import { CheckersViewPlayerSelect } from "./modules/player.select.js";
+import { CheckersViewStatus } from "./modules/status.js";
 import { CheckersViewView } from "./modules/view.js";
 regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [
     CheckersViewBridge,
@@ -20,5 +23,6 @@ regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [
     CheckersViewPlayerSelect,
     CheckersViewClick,
     CheckersViewBoard,
+    CheckersViewStatus,
     CheckersViewView,
 ]);

package/dist/modules/board.d.ts

@@ -1,9 +1,10 @@
 import { ModuleCore } from "@vnejs/module.core";
-import type { CheckersBoardChangedPayload } from "@vnejs/contracts.game.checkers";
+import type { GridChangedPayload, GridUnsetPayload } from "@vnejs/contracts.common.grid";
 import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
 import { type CheckersViewState } from "../utils/checkers.js";
 export declare class CheckersViewBoard extends ModuleCore<CheckersViewPluginEvents, CheckersViewPluginConstants, CheckersViewPluginSettings, CheckersViewPluginParams, CheckersViewState> {
     name: string;
     subscribe: () => void;
-    onBoardChanged: (payload?: CheckersBoardChangedPayload) => Promise<void>;
+    onGridChanged: (payload?: GridChangedPayload) => Promise<void>;
+    onGridUnset: ({ id }?: GridUnsetPayload) => Promise<void>;
 }

package/dist/modules/board.js

@@ -1,16 +1,32 @@
 import { ModuleCore } from "@vnejs/module.core";
-import { buildGridItems, emptyBoard, fromBoardChanged } from "../utils/checkers.js";
+import { buildGridItems, emptyBoard, fromGridChanged } from "../utils/checkers.js";
 export class CheckersViewBoard extends ModuleCore {
     name = "checkers_view.board";
     subscribe = () => {
-        this.on(this.EVENTS.CHECKERS.BOARD_CHANGED, this.onBoardChanged);
+        this.on(this.EVENTS.GRID.CHANGED, this.onGridChanged);
+        this.on(this.EVENTS.GRID.UNSET, this.onGridUnset);
         this.on(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, this.updateState);
     };
-    onBoardChanged = async (payload = {}) => {
-        const mirror = fromBoardChanged(payload);
+    onGridChanged = async (payload = {}) => {
+        if (payload.id !== this.CONST.CHECKERS.GRID_ID)
+            return;
+        const mirror = fromGridChanged(payload);
         const board = mirror.board ?? this.state.board ?? emptyBoard();
         const gridItems = buildGridItems({ board, gridRow: this.state.gridRow ?? null, gridColumn: this.state.gridColumn ?? null });
         await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, { ...mirror, board, gridItems });
         await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
     };
+    onGridUnset = async ({ id } = {}) => {
+        if (id !== this.CONST.CHECKERS.GRID_ID)
+            return;
+        const board = emptyBoard();
+        const gridItems = buildGridItems({ board, gridRow: this.state.gridRow ?? null, gridColumn: this.state.gridColumn ?? null });
+        await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, {
+            board,
+            selected: null,
+            legalMoves: [],
+            gridItems,
+        });
+        await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
+    };
 }

package/dist/modules/bridge.d.ts

@@ -3,6 +3,6 @@ import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersVie
 export declare class CheckersViewBridge extends ModuleCore<CheckersViewPluginEvents, CheckersViewPluginConstants, CheckersViewPluginSettings, CheckersViewPluginParams> {
     name: string;
     subscribe: () => void;
-    onCheckersShow: () => Promise<unknown[]> | undefined;
-    onCheckersHide: () => Promise<unknown[]> | undefined;
+    onCheckersShow: () => Promise<import("@vnejs/shared").EmitResults<"vne:checkers_view:show">> | undefined;
+    onCheckersHide: () => Promise<import("@vnejs/shared").EmitResults<"vne:checkers_view:hide">> | undefined;
 }

package/dist/modules/click.d.ts

@@ -1,6 +1,7 @@
 import { ModuleCore } from "@vnejs/module.core";
 import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
-import type { CheckersClickPayload, CheckersViewState } from "../utils/checkers.js";
+import type { CheckersViewState } from "../utils/checkers.js";
+import type { CheckersClickPayload } from "@vnejs/contracts.views.screens.checkers";
 export declare class CheckersViewClick extends ModuleCore<CheckersViewPluginEvents, CheckersViewPluginConstants, CheckersViewPluginSettings, CheckersViewPluginParams, CheckersViewState> {
     name: string;
     subscribe: () => void;

package/dist/modules/status.d.ts

@@ -0,0 +1,18 @@
+import { ModuleCore } from "@vnejs/module.core";
+import type { TurnsChangedPayload, TurnsUnsetPayload } from "@vnejs/contracts.common.turn";
+import type { CheckersFinishPayload } from "@vnejs/contracts.game.checkers";
+import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
+import { type CheckersColor, type CheckersViewState } from "../utils/checkers.js";
+export declare class CheckersViewStatus extends ModuleCore<CheckersViewPluginEvents, CheckersViewPluginConstants, CheckersViewPluginSettings, CheckersViewPluginParams, CheckersViewState> {
+    name: string;
+    subscribe: () => void;
+    applyStatus: ({ turn, winner, clearSelection }: {
+        turn?: CheckersColor;
+        winner: CheckersColor | null;
+        clearSelection?: boolean;
+    }) => Promise<void>;
+    onTurnsChanged: ({ id, owner }?: TurnsChangedPayload) => false | Promise<void>;
+    onTurnsUnset: ({ id }?: TurnsUnsetPayload) => false | Promise<void>;
+    onFinish: ({ winner }?: CheckersFinishPayload) => Promise<void>;
+    onShow: () => Promise<void>;
+}

package/dist/modules/status.js

@@ -0,0 +1,24 @@
+import { ModuleCore } from "@vnejs/module.core";
+import { statusForTurn } from "../utils/checkers.js";
+export class CheckersViewStatus extends ModuleCore {
+    name = "checkers_view.status";
+    subscribe = () => {
+        this.on(this.EVENTS.TURNS.CHANGED, this.onTurnsChanged);
+        this.on(this.EVENTS.TURNS.UNSET, this.onTurnsUnset);
+        this.on(this.EVENTS.CHECKERS.FINISH, this.onFinish);
+        this.on(this.EVENTS.CHECKERS.SHOW, this.onShow);
+        this.on(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, this.updateState);
+    };
+    applyStatus = async ({ turn, winner, clearSelection = false }) => {
+        const next = { turn, winner, statusText: statusForTurn(turn, winner) };
+        if (clearSelection)
+            Object.assign(next, { selected: null, legalMoves: [] });
+        await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, next);
+        await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
+    };
+    onTurnsChanged = ({ id, owner } = {}) => id === this.CONST.CHECKERS.TURN_ID &&
+        this.applyStatus({ turn: owner, winner: this.state.winner ?? null, clearSelection: true });
+    onTurnsUnset = ({ id } = {}) => id === this.CONST.CHECKERS.TURN_ID && this.applyStatus({ turn: undefined, winner: this.state.winner ?? null, clearSelection: true });
+    onFinish = ({ winner } = {}) => this.applyStatus({ turn: this.state.turn, winner: (winner ?? null) });
+    onShow = () => this.applyStatus({ turn: this.state.turn, winner: null });
+}

package/dist/types.d.ts

@@ -3,9 +3,11 @@ import type { Constants as AiConstants, Params as AiParams, PluginName as AiPlug
 import type { Constants as ControlsConstants, PluginName as ControlsPluginName } from "@vnejs/contracts.controls";
 import type { Constants as ScenarioConstants, PluginName as ScenarioPluginName, SubscribeEvents as ScenarioSubscribeEvents } from "@vnejs/contracts.core.scenario";
 import type { PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/contracts.core.logs";
+import type { PluginName as GridPluginName, SubscribeEvents as GridSubscribeEvents } from "@vnejs/contracts.common.grid";
+import type { PluginName as TurnsPluginName, SubscribeEvents as TurnsSubscribeEvents } from "@vnejs/contracts.common.turn";
 import type { Constants as CheckersConstants, Params as CheckersParams, PluginName as CheckersPluginName, SubscribeEvents as CheckersSubscribeEvents } from "@vnejs/contracts.game.checkers";
 import type { Params, PluginName, SubscribeEvents } from "@vnejs/contracts.views.screens.checkers";
-export type CheckersViewPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<CheckersPluginName, CheckersSubscribeEvents> & Record<AiPluginName, AiSubscribeEvents> & Record<ScenarioPluginName, ScenarioSubscribeEvents> & Record<LogsPluginName, LogsSubscribeEvents>;
+export type CheckersViewPluginEvents = ModuleComponentsEvents & Record<PluginName, SubscribeEvents> & Record<CheckersPluginName, CheckersSubscribeEvents> & Record<GridPluginName, GridSubscribeEvents> & Record<TurnsPluginName, TurnsSubscribeEvents> & Record<AiPluginName, AiSubscribeEvents> & Record<ScenarioPluginName, ScenarioSubscribeEvents> & Record<LogsPluginName, LogsSubscribeEvents>;
 export type CheckersViewPluginConstants = ModuleComponentsConstants & Record<CheckersPluginName, CheckersConstants> & Record<AiPluginName, AiConstants> & Record<ControlsPluginName, ControlsConstants> & Record<ScenarioPluginName, ScenarioConstants>;
 export type CheckersViewPluginSettings = ModuleComponentsSettings;
 export type CheckersViewPluginParams = ModuleComponentsParams & Record<PluginName, Params> & Record<CheckersPluginName, CheckersParams> & Record<AiPluginName, AiParams>;

package/dist/utils/checkers.d.ts

@@ -1,4 +1,5 @@
-import type { CheckersBoardChangedPayload, CheckersMovePayload, CheckersPosPayload } from "@vnejs/contracts.game.checkers";
+import type { GridChangedPayload } from "@vnejs/contracts.common.grid";
+import type { CheckersMovePayload, CheckersPosPayload } from "@vnejs/contracts.game.checkers";
 export declare const BOARD_SIZE = 8;
 export type CheckersColor = "white" | "black";
 export type CheckersPiece = {
@@ -33,10 +34,6 @@ export type CheckersViewState = {
     gridIndex?: number;
     gridsCount?: number;
 };
-export type CheckersClickPayload = {
-    row?: number;
-    column?: number;
-};
 export declare const isDarkSquare: (row: number, column: number) => boolean;
 export declare const samePos: (a: CheckersPos, b: CheckersPos) => boolean;
 export declare const buildGridItems: ({ board, selected, legalMoves, gridRow, gridColumn, }: {
@@ -49,4 +46,4 @@ export declare const buildGridItems: ({ board, selected, legalMoves, gridRow, gr
 export declare const listBoardPieces: (board: CheckersBoard) => (CheckersPiece & CheckersPosPayload)[];
 export declare const emptyBoard: () => CheckersBoard;
 export declare const statusForTurn: (turn?: CheckersColor, winner?: CheckersColor | null) => "" | "Black to move" | "Black wins" | "White to move" | "White wins";
-export declare const fromBoardChanged: (payload?: CheckersBoardChangedPayload) => Partial<CheckersViewState>;
+export declare const fromGridChanged: (payload?: GridChangedPayload) => Partial<CheckersViewState>;

package/dist/utils/checkers.js

@@ -39,16 +39,9 @@ export const statusForTurn = (turn, winner = null) => {
         return "";
     return turn === "white" ? "White to move" : "Black to move";
 };
-export const fromBoardChanged = (payload = {}) => {
-    const turn = payload.turn;
-    const winner = (payload.winner ?? null);
-    return {
-        board: payload.board,
-        turn,
-        winner,
-        statusText: statusForTurn(turn, winner),
-        // selection is view-only — reset on every game model change
-        selected: null,
-        legalMoves: [],
-    };
-};
+export const fromGridChanged = (payload = {}) => ({
+    board: payload.cells,
+    // selection is view-only — reset on every game model change
+    selected: null,
+    legalMoves: [],
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.views.screens.checkers",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Checkers screen view (CHECKERS_VIEW)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,6 +31,8 @@
   "license": "ISC",
   "dependencies": {
     "@vnejs/contracts.ai": "~0.2.0",
+    "@vnejs/contracts.common.grid": "~0.2.0",
+    "@vnejs/contracts.common.turn": "~0.2.0",
     "@vnejs/contracts.game.checkers": "~0.2.0",
     "@vnejs/contracts.views.screens.checkers": "~0.2.0"
   },
@@ -50,6 +52,8 @@
     "@vnejs/configs.vitest": "~0.2.0",
     "@vnejs/test-utils": "~0.2.0",
     "@vnejs/contracts.ai": "~0.2.0",
+    "@vnejs/contracts.common.grid": "~0.2.0",
+    "@vnejs/contracts.common.turn": "~0.2.0",
     "@vnejs/contracts.controls": "~0.2.0",
     "@vnejs/contracts.game.checkers": "~0.2.0",
     "@vnejs/contracts.views.screens.checkers": "~0.2.0",

package/src/index.ts

@@ -1,3 +1,5 @@
+import "@vnejs/contracts.common.grid";
+import "@vnejs/contracts.common.turn";
 import "@vnejs/contracts.game.checkers";
 import "@vnejs/contracts.views.screens.checkers";
 
@@ -12,6 +14,7 @@ import { CheckersViewControllerAccept } from "./modules/controller.accept.js";
 import { CheckersViewControllerGrid } from "./modules/controller.grid.js";
 import { CheckersViewPlayerInteract } from "./modules/player.interact.js";
 import { CheckersViewPlayerSelect } from "./modules/player.select.js";
+import { CheckersViewStatus } from "./modules/status.js";
 import { CheckersViewView } from "./modules/view.js";
 
 regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [
@@ -23,5 +26,6 @@ regPlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS }, [
   CheckersViewPlayerSelect,
   CheckersViewClick,
   CheckersViewBoard,
+  CheckersViewStatus,
   CheckersViewView,
 ]);

package/src/modules/board.ts

@@ -1,8 +1,8 @@
 import { ModuleCore } from "@vnejs/module.core";
-import type { CheckersBoardChangedPayload } from "@vnejs/contracts.game.checkers";
+import type { GridChangedPayload, GridUnsetPayload } from "@vnejs/contracts.common.grid";
 
 import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
-import { buildGridItems, emptyBoard, fromBoardChanged, type CheckersViewState } from "../utils/checkers.js";
+import { buildGridItems, emptyBoard, fromGridChanged, type CheckersViewState } from "../utils/checkers.js";
 
 export class CheckersViewBoard extends ModuleCore<
   CheckersViewPluginEvents,
@@ -14,16 +14,34 @@ export class CheckersViewBoard extends ModuleCore<
   name = "checkers_view.board";
 
   subscribe = () => {
-    this.on(this.EVENTS.CHECKERS.BOARD_CHANGED, this.onBoardChanged);
+    this.on(this.EVENTS.GRID.CHANGED, this.onGridChanged);
+    this.on(this.EVENTS.GRID.UNSET, this.onGridUnset);
     this.on(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, this.updateState);
   };
 
-  onBoardChanged = async (payload: CheckersBoardChangedPayload = {}) => {
-    const mirror = fromBoardChanged(payload);
+  onGridChanged = async (payload: GridChangedPayload = {}) => {
+    if (payload.id !== this.CONST.CHECKERS.GRID_ID) return;
+
+    const mirror = fromGridChanged(payload);
     const board = mirror.board ?? this.state.board ?? emptyBoard();
     const gridItems = buildGridItems({ board, gridRow: this.state.gridRow ?? null, gridColumn: this.state.gridColumn ?? null });
 
     await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, { ...mirror, board, gridItems } satisfies Partial<CheckersViewState>);
     await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
   };
+
+  onGridUnset = async ({ id }: GridUnsetPayload = {}) => {
+    if (id !== this.CONST.CHECKERS.GRID_ID) return;
+
+    const board = emptyBoard();
+    const gridItems = buildGridItems({ board, gridRow: this.state.gridRow ?? null, gridColumn: this.state.gridColumn ?? null });
+
+    await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, {
+      board,
+      selected: null,
+      legalMoves: [],
+      gridItems,
+    } satisfies Partial<CheckersViewState>);
+    await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
+  };
 }

package/src/modules/click.ts

@@ -2,7 +2,8 @@ import { ModuleCore } from "@vnejs/module.core";
 import type { CheckersPlayerInteractPayload } from "@vnejs/contracts.views.screens.checkers";
 
 import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
-import type { CheckersClickPayload, CheckersViewState } from "../utils/checkers.js";
+import type { CheckersViewState } from "../utils/checkers.js";
+import type { CheckersClickPayload } from "@vnejs/contracts.views.screens.checkers";
 
 export class CheckersViewClick extends ModuleCore<
   CheckersViewPluginEvents,

package/src/modules/status.ts

@@ -0,0 +1,41 @@
+import { ModuleCore } from "@vnejs/module.core";
+import type { TurnsChangedPayload, TurnsUnsetPayload } from "@vnejs/contracts.common.turn";
+import type { CheckersFinishPayload } from "@vnejs/contracts.game.checkers";
+
+import type { CheckersViewPluginConstants, CheckersViewPluginEvents, CheckersViewPluginParams, CheckersViewPluginSettings } from "../types.js";
+import { statusForTurn, type CheckersColor, type CheckersViewState } from "../utils/checkers.js";
+
+export class CheckersViewStatus extends ModuleCore<
+  CheckersViewPluginEvents,
+  CheckersViewPluginConstants,
+  CheckersViewPluginSettings,
+  CheckersViewPluginParams,
+  CheckersViewState
+> {
+  name = "checkers_view.status";
+
+  subscribe = () => {
+    this.on(this.EVENTS.TURNS.CHANGED, this.onTurnsChanged);
+    this.on(this.EVENTS.TURNS.UNSET, this.onTurnsUnset);
+    this.on(this.EVENTS.CHECKERS.FINISH, this.onFinish);
+    this.on(this.EVENTS.CHECKERS.SHOW, this.onShow);
+    this.on(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, this.updateState);
+  };
+
+  applyStatus = async ({ turn, winner, clearSelection = false }: { turn?: CheckersColor; winner: CheckersColor | null; clearSelection?: boolean }) => {
+    const next: Partial<CheckersViewState> = { turn, winner, statusText: statusForTurn(turn, winner) };
+
+    if (clearSelection) Object.assign(next, { selected: null, legalMoves: [] });
+
+    await this.emit(this.EVENTS.CHECKERS_VIEW.STATE_UPDATE, next);
+    await this.emit(this.EVENTS.CHECKERS_VIEW.UPDATE_FAST);
+  };
+
+  onTurnsChanged = ({ id, owner }: TurnsChangedPayload = {}) =>
+    id === this.CONST.CHECKERS.TURN_ID &&
+    this.applyStatus({ turn: owner as CheckersColor | undefined, winner: this.state.winner ?? null, clearSelection: true });
+  onTurnsUnset = ({ id }: TurnsUnsetPayload = {}) =>
+    id === this.CONST.CHECKERS.TURN_ID && this.applyStatus({ turn: undefined, winner: this.state.winner ?? null, clearSelection: true });
+  onFinish = ({ winner }: CheckersFinishPayload = {}) => this.applyStatus({ turn: this.state.turn, winner: (winner ?? null) as CheckersColor | null });
+  onShow = () => this.applyStatus({ turn: this.state.turn, winner: null });
+}

package/src/tests/setup.ts

@@ -1,4 +1,5 @@
 import { CONSTANTS as AI_CONST, PARAMS as AI_PARAMS, PLUGIN_NAME as AI, SUBSCRIBE_EVENTS as AI_EVENTS } from "@vnejs/contracts.ai";
+import { PLUGIN_NAME as GRID, SUBSCRIBE_EVENTS as GRID_EVENTS } from "@vnejs/contracts.common.grid";
 import { CONSTANTS as CONTROLS_CONST, PLUGIN_NAME as CONTROLS, SUBSCRIBE_EVENTS as CONTROLS_EVENTS } from "@vnejs/contracts.controls";
 import {
   CONSTANTS as CHECKERS_CONST,
@@ -15,6 +16,7 @@ export const registerCheckersViewPluginVne = () => {
   registerVnePlugin(CONTROLS, { constants: CONTROLS_CONST, events: CONTROLS_EVENTS });
   registerVnePlugin(AI, { constants: AI_CONST, events: AI_EVENTS, params: AI_PARAMS });
   registerVnePlugin(CHECKERS, { constants: CHECKERS_CONST, events: CHECKERS_EVENTS, params: CHECKERS_PARAMS });
+  registerVnePlugin(GRID, { events: GRID_EVENTS });
   registerVnePlugin(PLUGIN_NAME, { events: SUBSCRIBE_EVENTS, params: PARAMS });
 };
 
@@ -36,10 +38,11 @@ export const createCheckersViewTestModule = <T extends Parameters<typeof baseCre
   stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.UPDATE_FAST);
   stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.STATE_UPDATE);
   stubSilentEvent(result.observer, SUBSCRIBE_EVENTS.GRID_UPDATE_ITEMS);
-  stubSilentEvent(result.observer, CHECKERS_EVENTS.BOARD_CHANGE);
+  stubSilentEvent(result.observer, GRID_EVENTS.SET);
+  stubSilentEvent(result.observer, GRID_EVENTS.CHANGED);
   stubSilentEvent(result.observer, CHECKERS_EVENTS.FINISH);
 
   return result;
 };
 
-export { SUBSCRIBE_EVENTS, PARAMS, PLUGIN_NAME, CONTROLS_EVENTS, CHECKERS_EVENTS };
+export { SUBSCRIBE_EVENTS, PARAMS, PLUGIN_NAME, CONTROLS_EVENTS, CHECKERS_EVENTS, GRID_EVENTS };

package/src/types.ts

@@ -7,6 +7,8 @@ import type {
   SubscribeEvents as ScenarioSubscribeEvents,
 } from "@vnejs/contracts.core.scenario";
 import type { PluginName as LogsPluginName, SubscribeEvents as LogsSubscribeEvents } from "@vnejs/contracts.core.logs";
+import type { PluginName as GridPluginName, SubscribeEvents as GridSubscribeEvents } from "@vnejs/contracts.common.grid";
+import type { PluginName as TurnsPluginName, SubscribeEvents as TurnsSubscribeEvents } from "@vnejs/contracts.common.turn";
 import type {
   Constants as CheckersConstants,
   Params as CheckersParams,
@@ -18,6 +20,8 @@ import type { Params, PluginName, SubscribeEvents } from "@vnejs/contracts.views
 export type CheckersViewPluginEvents = ModuleComponentsEvents &
   Record<PluginName, SubscribeEvents> &
   Record<CheckersPluginName, CheckersSubscribeEvents> &
+  Record<GridPluginName, GridSubscribeEvents> &
+  Record<TurnsPluginName, TurnsSubscribeEvents> &
   Record<AiPluginName, AiSubscribeEvents> &
   Record<ScenarioPluginName, ScenarioSubscribeEvents> &
   Record<LogsPluginName, LogsSubscribeEvents>;

package/src/utils/checkers.ts

@@ -1,4 +1,5 @@
-import type { CheckersBoardChangedPayload, CheckersMovePayload, CheckersPosPayload } from "@vnejs/contracts.game.checkers";
+import type { GridChangedPayload } from "@vnejs/contracts.common.grid";
+import type { CheckersMovePayload, CheckersPosPayload } from "@vnejs/contracts.game.checkers";
 
 export const BOARD_SIZE = 8;
 
@@ -42,11 +43,6 @@ export type CheckersViewState = {
   gridsCount?: number;
 };
 
-export type CheckersClickPayload = {
-  row?: number;
-  column?: number;
-};
-
 export const isDarkSquare = (row: number, column: number) => (row + column) % 2 === 1;
 
 export const samePos = (a: CheckersPos, b: CheckersPos) => a.row === b.row && a.column === b.column;
@@ -106,17 +102,9 @@ export const statusForTurn = (turn?: CheckersColor, winner: CheckersColor | null
   return turn === "white" ? "White to move" : "Black to move";
 };
 
-export const fromBoardChanged = (payload: CheckersBoardChangedPayload = {}): Partial<CheckersViewState> => {
-  const turn = payload.turn as CheckersColor | undefined;
-  const winner = (payload.winner ?? null) as CheckersColor | null;
-
-  return {
-    board: payload.board as CheckersBoard | undefined,
-    turn,
-    winner,
-    statusText: statusForTurn(turn, winner),
-    // selection is view-only — reset on every game model change
-    selected: null,
-    legalMoves: [],
-  };
-};
+export const fromGridChanged = (payload: GridChangedPayload = {}): Partial<CheckersViewState> => ({
+  board: payload.cells as CheckersBoard | undefined,
+  // selection is view-only — reset on every game model change
+  selected: null,
+  legalMoves: [],
+});