@scriptonita/chess-football-ui 0.1.1

package/README.md

@@ -0,0 +1,45 @@
+<p align="center">
+  <img alt="Chess.Football" src="./assets/cover.png" />
+</p>
+
+# @scriptonita/chess-football-ui
+
+Shared, framework-agnostic React UI for **Chess.Football**: board, pieces, scoreboard,
+controls, the zustand game store and a small set of UI primitives. Consumed by both the
+Next.js app (`futbolajedrez`) and the CrazyGames Vite SPA (`chess-football-crazygames`).
+
+It builds on top of [`@scriptonita/chess-football-engine`](https://www.npmjs.com/package/@scriptonita/chess-football-engine)
+(the pure rules engine) and adds the **presentation layer** that was previously duplicated
+across both games.
+
+> **Rules source of truth:** the human-readable spec lives at
+> [github.com/Scriptonita/chess.football](https://github.com/Scriptonita/chess.football),
+> implemented in code by [`@scriptonita/chess-football-engine`](https://www.npmjs.com/package/@scriptonita/chess-football-engine).
+> This package is the shared presentation layer on top of it.
+
+## Install
+
+```bash
+npm install @scriptonita/chess-football-ui
+```
+
+## Design notes
+
+- **Framework-agnostic.** No `next-intl`, no `next/*`, no `"use client"`. Translations are
+  injected through `GameI18nProvider` (a `t: (key: string) => string` scoped to the `game`
+  namespace), so each app wires its own i18n (`next-intl` or `react-i18next`).
+- **Store included.** Unlike the engine (pure), this package owns the zustand game store
+  (`useGameStore`, `getInitialBoardState`) so the components are self-contained and the store
+  is no longer duplicated per app.
+- **Tokens stay per app.** Components use Tailwind utility classes bound to design tokens
+  (`bg-bg-surface`, `text-accent-green`, …). Each app must define those tokens and include this
+  package's files in its Tailwind `content`/`@source` scan so the classes are generated.
+
+## Peer dependencies
+
+`react`, `react-dom`, `framer-motion`, `lucide-react`.
+
+## Scripts
+
+- `npm run build` — bundle ESM + CJS + `.d.ts` with tsup.
+- `npm run typecheck` — `tsc --noEmit`.

package/dist/chunk-J2TBQPPC.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+var zustand = require('zustand');
+var chessFootballEngine = require('@scriptonita/chess-football-engine');
+
+// src/store/use-game-store.ts
+var getInitialBoardState = (servingSide, currentScore = { white: 0, black: 0 }, maxActionPoints = 5) => {
+  const pieces = [];
+  const addPiece = (type, side, x, y) => {
+    pieces.push({ id: `${side}_${type}_${x}_${y}`, type, side, pos: { x, y }, hasMovedThisTurn: false });
+  };
+  addPiece("rook", "white", 0, 1);
+  addPiece("rook", "white", 8, 1);
+  addPiece("bishop", "white", 3, 2);
+  addPiece("bishop", "white", 5, 2);
+  addPiece("king", "white", 4, 1);
+  addPiece("queen", "white", 4, 5);
+  addPiece("knight", "white", 2, 4);
+  addPiece("knight", "white", 6, 4);
+  addPiece("rook", "black", 0, 10);
+  addPiece("rook", "black", 8, 10);
+  addPiece("bishop", "black", 3, 9);
+  addPiece("bishop", "black", 5, 9);
+  addPiece("king", "black", 4, 10);
+  addPiece("queen", "black", 4, 6);
+  addPiece("knight", "black", 2, 7);
+  addPiece("knight", "black", 6, 7);
+  const servingQueen = pieces.find((p) => p.side === servingSide && p.type === "queen");
+  return {
+    pieces,
+    ball: { pos: { ...servingQueen.pos }, holderId: servingQueen.id },
+    score: currentScore,
+    actionPoints: maxActionPoints,
+    maxActionPoints,
+    turn: servingSide,
+    moveHistory: [],
+    turnNumber: 1
+  };
+};
+var useGameStore = zustand.create((set) => ({
+  boardState: null,
+  selectedPieceId: null,
+  interactionMode: null,
+  setBoardState: (state) => set({ boardState: state }),
+  setSelectedPieceId: (id) => set({ selectedPieceId: id }),
+  setInteractionMode: (mode) => set({ interactionMode: mode }),
+  resetTurn: () => set((state) => {
+    if (!state.boardState) return state;
+    return {
+      boardState: {
+        ...state.boardState,
+        actionPoints: state.boardState.maxActionPoints ?? 5,
+        pieces: state.boardState.pieces.map((p) => ({ ...p, hasMovedThisTurn: false }))
+      }
+    };
+  }),
+  movePiece: (pieceId, to) => set((state) => {
+    if (!state.boardState || state.boardState.actionPoints <= 0) return state;
+    const piece = state.boardState.pieces.find((p) => p.id === pieceId);
+    if (!piece || piece.hasMovedThisTurn) return state;
+    const { boardState } = chessFootballEngine.applyMove(state.boardState, pieceId, to);
+    return { boardState, selectedPieceId: null, interactionMode: null };
+  }),
+  passBall: (to) => set((state) => {
+    if (!state.boardState || state.boardState.actionPoints <= 0 || !state.boardState.ball.holderId) return state;
+    const holder = state.boardState.pieces.find((p) => p.id === state.boardState.ball.holderId);
+    if (!holder) return state;
+    const { boardState, forcedTurnEnd } = chessFootballEngine.applyPass(state.boardState, to);
+    const keepSelection = !forcedTurnEnd && boardState.ball.holderId;
+    return {
+      boardState,
+      selectedPieceId: keepSelection ? boardState.ball.holderId : null,
+      interactionMode: keepSelection ? "pass" : null
+    };
+  }),
+  endTurn: () => set((state) => {
+    if (!state.boardState) return state;
+    return { boardState: chessFootballEngine.applyEndTurn(state.boardState) };
+  })
+}));
+
+exports.getInitialBoardState = getInitialBoardState;
+exports.useGameStore = useGameStore;
+//# sourceMappingURL=chunk-J2TBQPPC.cjs.map
+//# sourceMappingURL=chunk-J2TBQPPC.cjs.map

package/dist/chunk-J2TBQPPC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/use-game-store.ts"],"names":["create","applyMove","applyPass","applyEndTurn"],"mappings":"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","file":"chunk-J2TBQPPC.cjs","sourcesContent":["import { create } from 'zustand'\nimport type { BoardState, Piece, Side, Position, PieceType } from '@scriptonita/chess-football-engine'\nimport { applyMove, applyPass, applyEndTurn } from '@scriptonita/chess-football-engine'\n\ninterface GameStore {\n    boardState: BoardState | null\n    selectedPieceId: string | null\n    interactionMode: 'move' | 'pass' | null\n    setBoardState: (state: BoardState) => void\n    setSelectedPieceId: (id: string | null) => void\n    setInteractionMode: (mode: 'move' | 'pass' | null) => void\n    resetTurn: () => void\n    movePiece: (pieceId: string, to: Position) => void\n    passBall: (to: Position) => void\n    endTurn: () => void\n}\n\nexport const getInitialBoardState = (servingSide: Side, currentScore = { white: 0, black: 0 }, maxActionPoints = 5): BoardState => {\n    const pieces: Piece[] = []\n\n    const addPiece = (type: PieceType, side: Side, x: number, y: number) => {\n        pieces.push({ id: `${side}_${type}_${x}_${y}`, type, side, pos: { x, y }, hasMovedThisTurn: false })\n    }\n\n    // White pieces (bottom)\n    // King at row 1 (front area row). Bishops at y=2 (outside area). Queens at y=5 (kickoff row).\n    addPiece('rook',   'white', 0, 1)\n    addPiece('rook',   'white', 8, 1)\n    addPiece('bishop', 'white', 3, 2)\n    addPiece('bishop', 'white', 5, 2)\n    addPiece('king',   'white', 4, 1)\n    addPiece('queen',  'white', 4, 5)\n    addPiece('knight', 'white', 2, 4)\n    addPiece('knight', 'white', 6, 4)\n\n    // Black pieces (top, symmetric)\n    // King at row 10 (front area row). Bishops at y=9 (outside area). Queens at y=6 (kickoff row).\n    addPiece('rook',   'black', 0, 10)\n    addPiece('rook',   'black', 8, 10)\n    addPiece('bishop', 'black', 3, 9)\n    addPiece('bishop', 'black', 5, 9)\n    addPiece('king',   'black', 4, 10)\n    addPiece('queen',  'black', 4, 6)\n    addPiece('knight', 'black', 2, 7)\n    addPiece('knight', 'black', 6, 7)\n\n    const servingQueen = pieces.find(p => p.side === servingSide && p.type === 'queen')!\n\n    return {\n        pieces,\n        ball: { pos: { ...servingQueen.pos }, holderId: servingQueen.id },\n        score: currentScore,\n        actionPoints: maxActionPoints,\n        maxActionPoints,\n        turn: servingSide,\n        moveHistory: [],\n        turnNumber: 1,\n    }\n}\n\nexport const useGameStore = create<GameStore>((set) => ({\n    boardState: null,\n    selectedPieceId: null,\n    interactionMode: null,\n\n    setBoardState: (state) => set({ boardState: state }),\n    setSelectedPieceId: (id) => set({ selectedPieceId: id }),\n    setInteractionMode: (mode) => set({ interactionMode: mode }),\n\n    resetTurn: () => set((state) => {\n        if (!state.boardState) return state\n        return {\n            boardState: {\n                ...state.boardState,\n                actionPoints: state.boardState.maxActionPoints ?? 5,\n                pieces: state.boardState.pieces.map(p => ({ ...p, hasMovedThisTurn: false })),\n            },\n        }\n    }),\n\n    movePiece: (pieceId, to) => set((state) => {\n        if (!state.boardState || state.boardState.actionPoints <= 0) return state\n        const piece = state.boardState.pieces.find(p => p.id === pieceId)\n        if (!piece || piece.hasMovedThisTurn) return state\n\n        const { boardState } = applyMove(state.boardState, pieceId, to)\n        return { boardState, selectedPieceId: null, interactionMode: null }\n    }),\n\n    passBall: (to) => set((state) => {\n        if (!state.boardState || state.boardState.actionPoints <= 0 || !state.boardState.ball.holderId) return state\n        const holder = state.boardState.pieces.find(p => p.id === state.boardState!.ball.holderId)\n        if (!holder) return state\n\n        const { boardState, forcedTurnEnd } = applyPass(state.boardState, to)\n        const keepSelection = !forcedTurnEnd && boardState.ball.holderId\n        return {\n            boardState,\n            selectedPieceId: keepSelection ? boardState.ball.holderId : null,\n            interactionMode: keepSelection ? 'pass' : null,\n        }\n    }),\n\n    endTurn: () => set((state) => {\n        if (!state.boardState) return state\n        return { boardState: applyEndTurn(state.boardState) }\n    }),\n}))\n"]}

package/dist/chunk-YLNDQ4HG.js

@@ -0,0 +1,82 @@
+import { create } from 'zustand';
+import { applyEndTurn, applyPass, applyMove } from '@scriptonita/chess-football-engine';
+
+// src/store/use-game-store.ts
+var getInitialBoardState = (servingSide, currentScore = { white: 0, black: 0 }, maxActionPoints = 5) => {
+  const pieces = [];
+  const addPiece = (type, side, x, y) => {
+    pieces.push({ id: `${side}_${type}_${x}_${y}`, type, side, pos: { x, y }, hasMovedThisTurn: false });
+  };
+  addPiece("rook", "white", 0, 1);
+  addPiece("rook", "white", 8, 1);
+  addPiece("bishop", "white", 3, 2);
+  addPiece("bishop", "white", 5, 2);
+  addPiece("king", "white", 4, 1);
+  addPiece("queen", "white", 4, 5);
+  addPiece("knight", "white", 2, 4);
+  addPiece("knight", "white", 6, 4);
+  addPiece("rook", "black", 0, 10);
+  addPiece("rook", "black", 8, 10);
+  addPiece("bishop", "black", 3, 9);
+  addPiece("bishop", "black", 5, 9);
+  addPiece("king", "black", 4, 10);
+  addPiece("queen", "black", 4, 6);
+  addPiece("knight", "black", 2, 7);
+  addPiece("knight", "black", 6, 7);
+  const servingQueen = pieces.find((p) => p.side === servingSide && p.type === "queen");
+  return {
+    pieces,
+    ball: { pos: { ...servingQueen.pos }, holderId: servingQueen.id },
+    score: currentScore,
+    actionPoints: maxActionPoints,
+    maxActionPoints,
+    turn: servingSide,
+    moveHistory: [],
+    turnNumber: 1
+  };
+};
+var useGameStore = create((set) => ({
+  boardState: null,
+  selectedPieceId: null,
+  interactionMode: null,
+  setBoardState: (state) => set({ boardState: state }),
+  setSelectedPieceId: (id) => set({ selectedPieceId: id }),
+  setInteractionMode: (mode) => set({ interactionMode: mode }),
+  resetTurn: () => set((state) => {
+    if (!state.boardState) return state;
+    return {
+      boardState: {
+        ...state.boardState,
+        actionPoints: state.boardState.maxActionPoints ?? 5,
+        pieces: state.boardState.pieces.map((p) => ({ ...p, hasMovedThisTurn: false }))
+      }
+    };
+  }),
+  movePiece: (pieceId, to) => set((state) => {
+    if (!state.boardState || state.boardState.actionPoints <= 0) return state;
+    const piece = state.boardState.pieces.find((p) => p.id === pieceId);
+    if (!piece || piece.hasMovedThisTurn) return state;
+    const { boardState } = applyMove(state.boardState, pieceId, to);
+    return { boardState, selectedPieceId: null, interactionMode: null };
+  }),
+  passBall: (to) => set((state) => {
+    if (!state.boardState || state.boardState.actionPoints <= 0 || !state.boardState.ball.holderId) return state;
+    const holder = state.boardState.pieces.find((p) => p.id === state.boardState.ball.holderId);
+    if (!holder) return state;
+    const { boardState, forcedTurnEnd } = applyPass(state.boardState, to);
+    const keepSelection = !forcedTurnEnd && boardState.ball.holderId;
+    return {
+      boardState,
+      selectedPieceId: keepSelection ? boardState.ball.holderId : null,
+      interactionMode: keepSelection ? "pass" : null
+    };
+  }),
+  endTurn: () => set((state) => {
+    if (!state.boardState) return state;
+    return { boardState: applyEndTurn(state.boardState) };
+  })
+}));
+
+export { getInitialBoardState, useGameStore };
+//# sourceMappingURL=chunk-YLNDQ4HG.js.map
+//# sourceMappingURL=chunk-YLNDQ4HG.js.map

package/dist/chunk-YLNDQ4HG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/store/use-game-store.ts"],"names":[],"mappings":"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","file":"chunk-YLNDQ4HG.js","sourcesContent":["import { create } from 'zustand'\nimport type { BoardState, Piece, Side, Position, PieceType } from '@scriptonita/chess-football-engine'\nimport { applyMove, applyPass, applyEndTurn } from '@scriptonita/chess-football-engine'\n\ninterface GameStore {\n    boardState: BoardState | null\n    selectedPieceId: string | null\n    interactionMode: 'move' | 'pass' | null\n    setBoardState: (state: BoardState) => void\n    setSelectedPieceId: (id: string | null) => void\n    setInteractionMode: (mode: 'move' | 'pass' | null) => void\n    resetTurn: () => void\n    movePiece: (pieceId: string, to: Position) => void\n    passBall: (to: Position) => void\n    endTurn: () => void\n}\n\nexport const getInitialBoardState = (servingSide: Side, currentScore = { white: 0, black: 0 }, maxActionPoints = 5): BoardState => {\n    const pieces: Piece[] = []\n\n    const addPiece = (type: PieceType, side: Side, x: number, y: number) => {\n        pieces.push({ id: `${side}_${type}_${x}_${y}`, type, side, pos: { x, y }, hasMovedThisTurn: false })\n    }\n\n    // White pieces (bottom)\n    // King at row 1 (front area row). Bishops at y=2 (outside area). Queens at y=5 (kickoff row).\n    addPiece('rook',   'white', 0, 1)\n    addPiece('rook',   'white', 8, 1)\n    addPiece('bishop', 'white', 3, 2)\n    addPiece('bishop', 'white', 5, 2)\n    addPiece('king',   'white', 4, 1)\n    addPiece('queen',  'white', 4, 5)\n    addPiece('knight', 'white', 2, 4)\n    addPiece('knight', 'white', 6, 4)\n\n    // Black pieces (top, symmetric)\n    // King at row 10 (front area row). Bishops at y=9 (outside area). Queens at y=6 (kickoff row).\n    addPiece('rook',   'black', 0, 10)\n    addPiece('rook',   'black', 8, 10)\n    addPiece('bishop', 'black', 3, 9)\n    addPiece('bishop', 'black', 5, 9)\n    addPiece('king',   'black', 4, 10)\n    addPiece('queen',  'black', 4, 6)\n    addPiece('knight', 'black', 2, 7)\n    addPiece('knight', 'black', 6, 7)\n\n    const servingQueen = pieces.find(p => p.side === servingSide && p.type === 'queen')!\n\n    return {\n        pieces,\n        ball: { pos: { ...servingQueen.pos }, holderId: servingQueen.id },\n        score: currentScore,\n        actionPoints: maxActionPoints,\n        maxActionPoints,\n        turn: servingSide,\n        moveHistory: [],\n        turnNumber: 1,\n    }\n}\n\nexport const useGameStore = create<GameStore>((set) => ({\n    boardState: null,\n    selectedPieceId: null,\n    interactionMode: null,\n\n    setBoardState: (state) => set({ boardState: state }),\n    setSelectedPieceId: (id) => set({ selectedPieceId: id }),\n    setInteractionMode: (mode) => set({ interactionMode: mode }),\n\n    resetTurn: () => set((state) => {\n        if (!state.boardState) return state\n        return {\n            boardState: {\n                ...state.boardState,\n                actionPoints: state.boardState.maxActionPoints ?? 5,\n                pieces: state.boardState.pieces.map(p => ({ ...p, hasMovedThisTurn: false })),\n            },\n        }\n    }),\n\n    movePiece: (pieceId, to) => set((state) => {\n        if (!state.boardState || state.boardState.actionPoints <= 0) return state\n        const piece = state.boardState.pieces.find(p => p.id === pieceId)\n        if (!piece || piece.hasMovedThisTurn) return state\n\n        const { boardState } = applyMove(state.boardState, pieceId, to)\n        return { boardState, selectedPieceId: null, interactionMode: null }\n    }),\n\n    passBall: (to) => set((state) => {\n        if (!state.boardState || state.boardState.actionPoints <= 0 || !state.boardState.ball.holderId) return state\n        const holder = state.boardState.pieces.find(p => p.id === state.boardState!.ball.holderId)\n        if (!holder) return state\n\n        const { boardState, forcedTurnEnd } = applyPass(state.boardState, to)\n        const keepSelection = !forcedTurnEnd && boardState.ball.holderId\n        return {\n            boardState,\n            selectedPieceId: keepSelection ? boardState.ball.holderId : null,\n            interactionMode: keepSelection ? 'pass' : null,\n        }\n    }),\n\n    endTurn: () => set((state) => {\n        if (!state.boardState) return state\n        return { boardState: applyEndTurn(state.boardState) }\n    }),\n}))\n"]}