@gamepark/react-client 7.0.0-beta.0 → 7.0.0-beta.2

package/dist/User/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./User"), exports);
-__exportStar(require("./useMe"), exports);
+export * from './User';
+export * from './useMe';
 //# sourceMappingURL=index.js.map

package/dist/User/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/User/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/User/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}

package/dist/User/useMe.js

@@ -1,21 +1,11 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMe = useMe;
-var client_1 = require("@apollo/client");
-var react_1 = require("react");
-var api_1 = require("../api");
-var GET_ME = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["query Me { me { user { id name subscriptionSince avatar {...AvatarInfo} } } } ", ""], ["query Me { me { user { id name subscriptionSince avatar {...AvatarInfo} } } } ", ""])), api_1.AVATAR_INFO);
-function useMe() {
-    var _a;
-    var urlSearchParams = new URLSearchParams(window.location.search);
-    var fetchPolicy = (0, react_1.useMemo)(function () {
-        return process.env.NODE_ENV !== 'production' && !urlSearchParams.get('game') && !urlSearchParams.get('mode') ? 'cache-only' : 'cache-first';
-    }, []);
-    return (_a = (0, client_1.useQuery)(GET_ME, { ssr: false, fetchPolicy: fetchPolicy }).data) === null || _a === void 0 ? void 0 : _a.me;
+import { gql } from '@apollo/client';
+import { useQuery } from '@apollo/client/react';
+import { useMemo } from 'react';
+import { AVATAR_INFO } from '../api';
+const GET_ME = gql `query Me { me { user { id name subscriptionSince avatar {...AvatarInfo} } } } ${AVATAR_INFO}`;
+export function useMe() {
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    const fetchPolicy = useMemo(() => process.env.NODE_ENV !== 'production' && !urlSearchParams.get('game') && !urlSearchParams.get('mode') ? 'cache-only' : 'cache-first', []);
+    return useQuery(GET_ME, { ssr: false, fetchPolicy }).data?.me;
 }
-var templateObject_1;
 //# sourceMappingURL=useMe.js.map

package/dist/User/useMe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMe.js","sourceRoot":"","sources":["../../src/User/useMe.ts"],"names":[],"mappings":";;;;;;AAOA,sBAMC;AAbD,yCAA8C;AAC9C,+BAA+B;AAC/B,8BAAoC;AAGpC,IAAM,MAAM,OAAG,YAAG,wJAAA,gFAAiF,EAAW,EAAE,KAAb,iBAAW,CAAE,CAAA;AAEhH,SAAgB,KAAK;;IACnB,IAAM,eAAe,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnE,IAAM,WAAW,GAAG,IAAA,eAAO,EAAC;QACxB,OAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;IAApI,CAAoI,EACpI,EAAE,CAAC,CAAA;IACP,OAAO,MAAA,IAAA,iBAAQ,EAAyB,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,IAAI,0CAAE,EAAE,CAAA;AACvF,CAAC"}
+{"version":3,"file":"useMe.js","sourceRoot":"","sources":["../../src/User/useMe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAGpC,MAAM,MAAM,GAAG,GAAG,CAAA,iFAAiF,WAAW,EAAE,CAAA;AAEhH,MAAM,UAAU,KAAK;IACnB,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACnE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAC7B,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACpI,EAAE,CAAC,CAAA;IACP,OAAO,QAAQ,CAAyB,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAA;AACvF,CAAC"}

package/dist/animations/Animation.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=Animation.js.map

package/dist/animations/AnimationContext.d.ts

@@ -1,6 +1,6 @@
 import { AnimationStep } from './AnimationStep';
 import { DisplayedAction } from '../Store';
-export type AnimationContext<Game, Move, PlayerId> = {
+export type AnimationContext<Game = any, Move = any, PlayerId = any> = {
     action: DisplayedAction<Move, PlayerId>;
     game: Game;
     step: AnimationStep;

package/dist/animations/AnimationContext.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=AnimationContext.js.map

package/dist/animations/AnimationState.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=AnimationState.js.map

package/dist/animations/AnimationStep.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AnimationStep = void 0;
-var AnimationStep;
+export var AnimationStep;
 (function (AnimationStep) {
     AnimationStep[AnimationStep["BEFORE_MOVE"] = 1] = "BEFORE_MOVE";
     AnimationStep[AnimationStep["AFTER_MOVE"] = 2] = "AFTER_MOVE";
     AnimationStep[AnimationStep["BEFORE_UNDO"] = 3] = "BEFORE_UNDO";
     AnimationStep[AnimationStep["AFTER_UNDO"] = 4] = "AFTER_UNDO";
-})(AnimationStep || (exports.AnimationStep = AnimationStep = {}));
+})(AnimationStep || (AnimationStep = {}));
 //# sourceMappingURL=AnimationStep.js.map

package/dist/animations/AnimationStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationStep.js","sourceRoot":"","sources":["../../src/animations/AnimationStep.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAEX;AAFD,WAAY,aAAa;IACvB,+DAAe,CAAA;IAAE,6DAAU,CAAA;IAAE,+DAAW,CAAA;IAAE,6DAAU,CAAA;AACtD,CAAC,EAFW,aAAa,6BAAb,aAAa,QAExB"}
+{"version":3,"file":"AnimationStep.js","sourceRoot":"","sources":["../../src/animations/AnimationStep.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAEX;AAFD,WAAY,aAAa;IACvB,+DAAe,CAAA;IAAE,6DAAU,CAAA;IAAE,+DAAW,CAAA;IAAE,6DAAU,CAAA;AACtD,CAAC,EAFW,aAAa,KAAb,aAAa,QAExB"}

package/dist/animations/Animations.js

@@ -1,23 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Animations = void 0;
-var AnimationStep_1 = require("./AnimationStep");
-var Animations = (function () {
-    function Animations() {
-    }
-    Animations.prototype.getDuration = function (move, context) {
+import { AnimationStep } from './AnimationStep';
+export class Animations {
+    getDuration(move, context) {
         switch (context.step) {
-            case AnimationStep_1.AnimationStep.BEFORE_MOVE:
+            case AnimationStep.BEFORE_MOVE:
                 return this.getPreDuration ? this.getPreDuration(move, context) : 0;
-            case AnimationStep_1.AnimationStep.AFTER_MOVE:
+            case AnimationStep.AFTER_MOVE:
                 return this.getPostDuration ? this.getPostDuration(move, context) : 0;
-            case AnimationStep_1.AnimationStep.BEFORE_UNDO:
+            case AnimationStep.BEFORE_UNDO:
                 return this.getUndoPreDuration ? this.getUndoPreDuration(move, context) : 0;
-            case AnimationStep_1.AnimationStep.AFTER_UNDO:
+            case AnimationStep.AFTER_UNDO:
                 return this.getUndoPostDuration ? this.getUndoPostDuration(move, context) : 0;
         }
-    };
-    return Animations;
-}());
-exports.Animations = Animations;
+    }
+}
 //# sourceMappingURL=Animations.js.map

package/dist/animations/Animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Animations.js","sourceRoot":"","sources":["../../src/animations/Animations.ts"],"names":[],"mappings":";;;AACA,iDAA+C;AAE/C;IAAA;IAsBA,CAAC;IApBC,gCAAW,GAAX,UAAY,IAAU,EAAE,OAA+C;QACrE,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,KAAK,6BAAa,CAAC,WAAW;gBAC5B,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACrE,KAAK,6BAAa,CAAC,UAAU;gBAC3B,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvE,KAAK,6BAAa,CAAC,WAAW;gBAC5B,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC7E,KAAK,6BAAa,CAAC,UAAU;gBAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACjF,CAAC;IACH,CAAC;IASH,iBAAC;AAAD,CAAC,AAtBD,IAsBC;AAtBY,gCAAU"}
+{"version":3,"file":"Animations.js","sourceRoot":"","sources":["../../src/animations/Animations.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,OAAO,UAAU;IAErB,WAAW,CAAC,IAAU,EAAE,OAA+C;QACrE,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,KAAK,aAAa,CAAC,WAAW;gBAC5B,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACrE,KAAK,aAAa,CAAC,UAAU;gBAC3B,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACvE,KAAK,aAAa,CAAC,WAAW;gBAC5B,OAAO,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAC7E,KAAK,aAAa,CAAC,UAAU;gBAC3B,OAAO,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACjF,CAAC;IACH,CAAC;CASF"}

package/dist/animations/AnimationsListener.d.ts

@@ -0,0 +1,6 @@
+import { RulesCreator } from '../../../rules-api';
+type Props<Game = any, Move = any, PlayerId = any> = {
+    Rules: RulesCreator<Game, Move, PlayerId>;
+};
+export declare function AnimationsListener<Game = any, Move = any, PlayerId = any>({ Rules }: Props<Game, Move, PlayerId>): null;
+export {};

package/dist/animations/AnimationsListener.js

@@ -0,0 +1,54 @@
+import { intersection } from 'es-toolkit';
+import { useEffect, useRef } from 'react';
+import { useDispatch } from 'react-redux';
+import { startAnimation } from '../Actions/startAnimation';
+import { isActionToAnimate, useGameSelector } from '../Store';
+import { endAnimation } from '../Store/endAnimation';
+export function AnimationsListener({ Rules }) {
+    const dispatch = useDispatch();
+    const actions = useGameSelector((state) => state.actions) ?? [];
+    const state = useGameSelector((state) => state.state) ?? [];
+    const players = useGameSelector((state) => state.players) ?? [];
+    const timers = useRef(new Map());
+    useEffect(() => {
+        if (!actions || !state)
+            return;
+        const rules = new Rules(state);
+        let playersToAnimateAction = players
+            .filter(player => rules.isTurnToPlay(player.id))
+            .map(player => player.id);
+        let isAnimating = false;
+        for (const action of actions) {
+            const animation = action.animation;
+            if (animation) {
+                isAnimating = true;
+                if (action.activePlayers) {
+                    playersToAnimateAction = intersection(playersToAnimateAction, action.activePlayers);
+                }
+                const index = playersToAnimateAction.findIndex(p => p === action.playerId);
+                if (index !== -1) {
+                    playersToAnimateAction.splice(index, 1);
+                }
+                if (!timers.current.has(animation.id)) {
+                    console.log(`schedule timer for ${animation.id} at ${Date.now()} for ${animation.duration}`);
+                    const timer = setTimeout(() => {
+                        timers.current.delete(animation.id);
+                        console.log(`end animation for ${animation.id} at ${Date.now()}`);
+                        dispatch(endAnimation(animation.id));
+                    }, animation.duration * 1000);
+                    timers.current.set(animation.id, timer);
+                }
+            }
+            else if (isActionToAnimate(action) && (!isAnimating || playersToAnimateAction.includes(action.playerId))) {
+                dispatch(startAnimation(action.id));
+                return;
+            }
+        }
+        return () => {
+            timers.current.forEach(timer => clearTimeout(timer));
+            timers.current.clear();
+        };
+    }, [actions, players, state, Rules, dispatch]);
+    return null;
+}
+//# sourceMappingURL=AnimationsListener.js.map

package/dist/animations/AnimationsListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationsListener.js","sourceRoot":"","sources":["../../src/animations/AnimationsListener.tsx"],"names":[],"mappings":"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"}

package/dist/animations/AnimationsListenerCreator.d.ts

@@ -1,5 +1,2 @@
 import { RulesCreator } from '@gamepark/rules-api';
-import { Store } from 'redux';
-import { GamePageState } from '../Store';
-import { GameActions } from '../Store/gameReducer';
-export declare function createAnimationsListener<Game = any, Move = any, PlayerId = any>(store: Store<GamePageState<Game, Move, PlayerId>, GameActions<Game, Move, PlayerId>>, Rules: RulesCreator<Game, Move, PlayerId>): () => void;
+export declare function createAnimationsListener<Game = any, Move = any, PlayerId = any>(Rules: RulesCreator<Game, Move, PlayerId>): () => void;

package/dist/animations/AnimationsListenerCreator.js

@@ -1,46 +1,40 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAnimationsListener = createAnimationsListener;
-var es_toolkit_1 = require("es-toolkit");
-var Actions_1 = require("../Actions");
-var Store_1 = require("../Store");
-function createAnimationsListener(store, Rules) {
-    var timers = new Map();
-    return function () {
-        var _a = store.getState(), actions = _a.actions, animationPaused = _a.animationPaused, players = _a.players, state = _a.state;
+import { intersection } from 'es-toolkit';
+import { startAnimation } from '../Actions/startAnimation';
+import { isActionToAnimate, store } from '../Store';
+import { endAnimation } from '../Store/endAnimation';
+export function createAnimationsListener(Rules) {
+    const timers = new Map();
+    return () => {
+        const { actions, players, state } = store.getState();
         if (!actions || !state)
             return;
-        var rules = new Rules(state);
-        var playersToAnimateAction = players.filter(function (player) { return rules.isTurnToPlay(player.id); }).map(function (player) { return player.id; });
-        var isAnimating = false;
-        var _loop_1 = function (action) {
-            var animation = action.animation;
+        const rules = new Rules(state);
+        let playersToAnimateAction = players.filter(player => rules.isTurnToPlay(player.id)).map(player => player.id);
+        let isAnimating = false;
+        for (const action of actions) {
+            const animation = action.animation;
             if (animation) {
                 isAnimating = true;
                 if (action.activePlayers) {
-                    playersToAnimateAction = (0, es_toolkit_1.intersection)(playersToAnimateAction, action.activePlayers);
+                    playersToAnimateAction = intersection(playersToAnimateAction, action.activePlayers);
                 }
-                var index = playersToAnimateAction.findIndex(function (p) { return p === action.playerId; });
+                const index = playersToAnimateAction.findIndex(p => p === action.playerId);
                 if (index !== -1) {
                     playersToAnimateAction.splice(index, 1);
                 }
                 if (!timers.has(animation.id)) {
-                    timers.set(animation.id, setTimeout(function () {
-                        timers.delete(animation.id);
-                        store.dispatch((0, Actions_1.animationComplete)(animation.id));
-                    }, animation.duration * 1000));
+                    requestAnimationFrame(() => {
+                        timers.set(animation.id, setTimeout(() => {
+                            timers.delete(animation.id);
+                            store.dispatch(endAnimation(animation.id));
+                        }, animation.duration * 1000));
+                    });
                 }
             }
-            else if (!animationPaused && (0, Store_1.isActionToAnimate)(action) && (!isAnimating || playersToAnimateAction.includes(action.playerId))) {
-                store.dispatch({ type: Actions_1.ANIMATION_START, actionId: action.id });
-                return { value: void 0 };
+            else if (isActionToAnimate(action) && (!isAnimating || playersToAnimateAction.includes(action.playerId))) {
+                store.dispatch(startAnimation(action.id));
+                return;
             }
-        };
-        for (var _i = 0, actions_1 = actions; _i < actions_1.length; _i++) {
-            var action = actions_1[_i];
-            var state_1 = _loop_1(action);
-            if (typeof state_1 === "object")
-                return state_1.value;
         }
     };
 }

package/dist/animations/AnimationsListenerCreator.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimationsListenerCreator.js","sourceRoot":"","sources":["../../src/animations/AnimationsListenerCreator.ts"],"names":[],"mappings":";;AAOA,4DAiCC;AAvCD,yCAAyC;AAEzC,sCAA+D;AAC/D,kCAA2D;AAG3D,SAAgB,wBAAwB,CACtC,KAAoF,EAAE,KAAyC;IAE/H,IAAM,MAAM,GAAG,IAAI,GAAG,EAA0B,CAAA;IAChD,OAAO;QACC,IAAA,KAA+C,KAAK,CAAC,QAAQ,EAAE,EAA7D,OAAO,aAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAqB,CAAA;QACrE,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE,OAAM;QAC9B,IAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,UAAA,MAAM,IAAI,OAAA,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,EAA7B,CAA6B,CAAC,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,EAAE,EAAT,CAAS,CAAC,CAAA;QAC7G,IAAI,WAAW,GAAG,KAAK,CAAA;gCACZ,MAAM;YACf,IAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;YAClC,IAAI,SAAS,EAAE,CAAC;gBACd,WAAW,GAAG,IAAI,CAAA;gBAClB,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;oBACzB,sBAAsB,GAAG,IAAA,yBAAY,EAAC,sBAAsB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;gBACrF,CAAC;gBACD,IAAM,KAAK,GAAG,sBAAsB,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,MAAM,CAAC,QAAQ,EAArB,CAAqB,CAAC,CAAA;gBAC1E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;oBACjB,sBAAsB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBACzC,CAAC;gBACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC9B,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,UAAU,CAAC;wBAClC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;wBAC3B,KAAK,CAAC,QAAQ,CAAC,IAAA,2BAAiB,EAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAA;oBACjD,CAAC,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAA;gBAChC,CAAC;YACH,CAAC;iBAAM,IAAI,CAAC,eAAe,IAAI,IAAA,yBAAiB,EAAC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,IAAI,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC/H,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,yBAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAG,EAAE,CAAC,CAAA;;YAEjE,CAAC;;QApBH,KAAqB,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO;YAAvB,IAAM,MAAM,gBAAA;kCAAN,MAAM;;;SAqBhB;IACH,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"AnimationsListenerCreator.js","sourceRoot":"","sources":["../../src/animations/AnimationsListenerCreator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,UAAU,wBAAwB,CACtC,KAAyC;IAEzC,MAAM,MAAM,GAAG,IAAI,GAAG,EAA0B,CAAA;IAChD,OAAO,GAAG,EAAE;QACV,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;QACpD,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;YAAE,OAAM;QAC9B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,sBAAsB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAC7G,IAAI,WAAW,GAAG,KAAK,CAAA;QACvB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAA;YAClC,IAAI,SAAS,EAAE,CAAC;gBACd,WAAW,GAAG,IAAI,CAAA;gBAClB,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;oBACzB,sBAAsB,GAAG,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;gBACrF,CAAC;gBACD,MAAM,KAAK,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAA;gBAC1E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;oBACjB,sBAAsB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBACzC,CAAC;gBACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;oBAC9B,qBAAqB,CAAC,GAAG,EAAE;wBACzB,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE;4BACvC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;4BAC3B,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAA;wBAC5C,CAAC,EAAE,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAA;oBAChC,CAAC,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;iBAAM,IAAI,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,IAAI,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC;gBAC3G,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAG,CAAC,CAAC,CAAA;gBAC1C,OAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,CAAA;AACH,CAAC"}

package/dist/animations/animationMiddleware.d.ts

@@ -0,0 +1,4 @@
+import { RulesCreator } from '@gamepark/rules-api';
+import { Middleware } from '@reduxjs/toolkit';
+import { GamePageState } from '../Store';
+export declare function createAnimationMiddleware<Game = any, Move = any, PlayerId = any>(Rules: RulesCreator<Game, Move, PlayerId>): Middleware<{}, GamePageState<Game, Move, PlayerId>>;

package/dist/animations/animationMiddleware.js

@@ -0,0 +1,50 @@
+import { intersection } from 'es-toolkit';
+import { startAnimation } from '../Actions/startAnimation';
+import { isActionToAnimate } from '../Store';
+import { endAnimation } from '../Store/endAnimation';
+export function createAnimationMiddleware(Rules) {
+    const timers = new Map();
+    return store => next => action => {
+        const result = next(action);
+        const { actions, players, state } = store.getState();
+        if (!actions || !state)
+            return result;
+        const rules = new Rules(state);
+        let playersToAnimateAction = players
+            .filter((player) => rules.isTurnToPlay(player.id))
+            .map((player) => player.id);
+        let isAnimating = false;
+        for (const action of actions) {
+            const animation = action.animation;
+            if (animation) {
+                isAnimating = true;
+                if (action.activePlayers) {
+                    playersToAnimateAction = intersection(playersToAnimateAction, action.activePlayers);
+                }
+                const index = playersToAnimateAction.findIndex((p) => p === action.playerId);
+                if (index !== -1) {
+                    playersToAnimateAction.splice(index, 1);
+                }
+                if (!timers.has(animation.id)) {
+                    const start = performance.now();
+                    requestAnimationFrame(() => {
+                        const rafDelay = performance.now() - start;
+                        const timeoutDuration = Math.max(0, animation.duration * 1000 - rafDelay);
+                        console.log(timeoutDuration);
+                        const timer = setTimeout(() => {
+                            timers.delete(animation.id);
+                            store.dispatch(endAnimation(animation.id));
+                        }, animation.duration * 1000);
+                        timers.set(animation.id, timer);
+                    });
+                }
+            }
+            else if (isActionToAnimate(action) && (!isAnimating || playersToAnimateAction.includes(action.playerId))) {
+                store.dispatch(startAnimation(action.id));
+                return;
+            }
+        }
+        return result;
+    };
+}
+//# sourceMappingURL=animationMiddleware.js.map

package/dist/animations/animationMiddleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationMiddleware.js","sourceRoot":"","sources":["../../src/animations/animationMiddleware.ts"],"names":[],"mappings":"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"}

package/dist/animations/index.d.ts

@@ -1,6 +1,5 @@
 export * from './Animation';
 export * from './AnimationContext';
 export * from './Animations';
-export * from './AnimationsListenerCreator';
 export * from './AnimationState';
 export * from './AnimationStep';

package/dist/animations/index.js

@@ -1,23 +1,6 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Animation"), exports);
-__exportStar(require("./AnimationContext"), exports);
-__exportStar(require("./Animations"), exports);
-__exportStar(require("./AnimationsListenerCreator"), exports);
-__exportStar(require("./AnimationState"), exports);
-__exportStar(require("./AnimationStep"), exports);
+export * from './Animation';
+export * from './AnimationContext';
+export * from './Animations';
+export * from './AnimationState';
+export * from './AnimationStep';
 //# sourceMappingURL=index.js.map

package/dist/animations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,qDAAkC;AAClC,+CAA4B;AAC5B,8DAA2C;AAC3C,mDAAgC;AAChC,kDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animations/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}

package/dist/api/Client/GameClientAPI.d.ts

@@ -1,25 +1,24 @@
-import { ApolloError } from '@apollo/client';
 import { Dispatch } from 'redux';
-import { GameActions } from '../../Store/gameReducer';
 import { GameAPI } from '../GameAPI';
+export declare const PLATFORM_URI: string;
 export declare const AVATAR_INFO: import("@apollo/client").DocumentNode;
 export declare const PLAYERS_TIME: import("@apollo/client").DocumentNode;
 export declare const NOTIFICATIONS: import("@apollo/client").DocumentNode;
 export declare const GET_MESSAGE_AUTHOR: import("@apollo/client").DocumentNode;
-export declare class GameClientAPI<Game = any, Move = any, PlayerId = any> implements GameAPI<Game, Move, PlayerId> {
+export declare class GameClientAPI<Move = any, PlayerId = any> implements GameAPI<Move, PlayerId> {
     private dispatch?;
     private readonly gameId;
     private ongoingAction?;
     private pendingActions;
     constructor(gameId: string);
-    init(dispatch: Dispatch<GameActions<Game, Move, PlayerId>>): Promise<void>;
+    init(dispatch: Dispatch): Promise<void>;
     play(move: Move): void;
     undo(action: number | string): void;
     private executePendingActions;
     private handleGameMessageResult;
     eject(playerId: PlayerId): void;
     giveUp(): void;
-    onError({ graphQLErrors, networkError }: ApolloError): void;
+    onError(error: unknown): void;
     playTutorialMoves(): void;
-    claimVictory(): Promise<import("@apollo/client").FetchResult<any>>;
+    claimVictory(): Promise<import("@apollo/client").ApolloClient.MutateResult<unknown>>;
 }