@gamepark/react-game 6.38.7 → 7.0.0-beta.3

package/dist/hooks/index.d.ts

@@ -1,27 +1,26 @@
-export * from './useActions';
-export * from './useAnimations';
-export * from './useDraggedItem';
-export * from './useFailures';
-export * from './useFullscreen';
-export * from './useGame';
-export * from './useGiveUp';
-export * from './useItemLocator';
-export * from './useKeyDown';
-export * from './useLegalMoves';
-export * from './useMaterialContext';
-export * from './useMaterialDescription';
-export * from './useNow';
-export * from './useNumberOfPlayers';
-export * from './useOpponentWithMaxTime';
-export * from './usePlay';
-export * from './usePlayerId';
-export * from './usePlayerName';
-export * from './usePlayers';
-export * from './usePlayerTime';
-export * from './useRankedPlayers';
-export * from './useResultText';
-export * from './useRules';
-export * from './useSound';
-export * from './useUndo';
-export * from './useWebP';
-export * from './useZoomToElements';
+export * from './useActions';
+export * from './useAnimations';
+export * from './useDraggedItem';
+export * from './useFullscreen';
+export * from './useGame';
+export * from './useGiveUp';
+export * from './useItemLocator';
+export * from './useKeyDown';
+export * from './useLegalMoves';
+export * from './useMaterialContext';
+export * from './useMaterialDescription';
+export * from './useNow';
+export * from './useNumberOfPlayers';
+export * from './useOpponentWithMaxTime';
+export * from './usePlay';
+export * from './usePlayerId';
+export * from './usePlayerName';
+export * from './usePlayers';
+export * from './usePlayerTime';
+export * from './useRankedPlayers';
+export * from './useResultText';
+export * from './useRules';
+export * from './useSound';
+export * from './useUndo';
+export * from './useWebP';
+export * from './useZoomToElements';

package/dist/hooks/index.js

@@ -1,44 +1,27 @@
-"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("./useActions"), exports);
-__exportStar(require("./useAnimations"), exports);
-__exportStar(require("./useDraggedItem"), exports);
-__exportStar(require("./useFailures"), exports);
-__exportStar(require("./useFullscreen"), exports);
-__exportStar(require("./useGame"), exports);
-__exportStar(require("./useGiveUp"), exports);
-__exportStar(require("./useItemLocator"), exports);
-__exportStar(require("./useKeyDown"), exports);
-__exportStar(require("./useLegalMoves"), exports);
-__exportStar(require("./useMaterialContext"), exports);
-__exportStar(require("./useMaterialDescription"), exports);
-__exportStar(require("./useNow"), exports);
-__exportStar(require("./useNumberOfPlayers"), exports);
-__exportStar(require("./useOpponentWithMaxTime"), exports);
-__exportStar(require("./usePlay"), exports);
-__exportStar(require("./usePlayerId"), exports);
-__exportStar(require("./usePlayerName"), exports);
-__exportStar(require("./usePlayers"), exports);
-__exportStar(require("./usePlayerTime"), exports);
-__exportStar(require("./useRankedPlayers"), exports);
-__exportStar(require("./useResultText"), exports);
-__exportStar(require("./useRules"), exports);
-__exportStar(require("./useSound"), exports);
-__exportStar(require("./useUndo"), exports);
-__exportStar(require("./useWebP"), exports);
-__exportStar(require("./useZoomToElements"), exports);
+export * from './useActions';
+export * from './useAnimations';
+export * from './useDraggedItem';
+export * from './useFullscreen';
+export * from './useGame';
+export * from './useGiveUp';
+export * from './useItemLocator';
+export * from './useKeyDown';
+export * from './useLegalMoves';
+export * from './useMaterialContext';
+export * from './useMaterialDescription';
+export * from './useNow';
+export * from './useNumberOfPlayers';
+export * from './useOpponentWithMaxTime';
+export * from './usePlay';
+export * from './usePlayerId';
+export * from './usePlayerName';
+export * from './usePlayers';
+export * from './usePlayerTime';
+export * from './useRankedPlayers';
+export * from './useResultText';
+export * from './useRules';
+export * from './useSound';
+export * from './useUndo';
+export * from './useWebP';
+export * from './useZoomToElements';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,kDAA+B;AAC/B,mDAAgC;AAChC,gDAA6B;AAC7B,kDAA+B;AAC/B,4CAAyB;AACzB,8CAA2B;AAC3B,mDAAgC;AAChC,+CAA4B;AAC5B,kDAA+B;AAC/B,uDAAoC;AACpC,2DAAwC;AACxC,2CAAwB;AACxB,uDAAoC;AACpC,2DAAwC;AACxC,4CAAyB;AACzB,gDAA6B;AAC7B,kDAA+B;AAC/B,+CAA4B;AAC5B,kDAA+B;AAC/B,qDAAkC;AAClC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,sDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,UAAU,CAAA;AACxB,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA"}

package/dist/hooks/useActions.d.ts

@@ -1,2 +1,2 @@
-import { DisplayedAction } from '@gamepark/react-client';
-export declare const useActions: <Move = any, PlayerId = any>() => DisplayedAction<Move, PlayerId>[] | undefined;
+import { DisplayedAction } from '@gamepark/react-client';
+export declare const useActions: <Move = any, PlayerId = any>() => DisplayedAction<Move, PlayerId>[] | undefined;

package/dist/hooks/useActions.js

@@ -1,9 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActions = void 0;
-var react_redux_1 = require("react-redux");
-var useActions = function () {
-    return (0, react_redux_1.useSelector)(function (state) { return state.actions; });
-};
-exports.useActions = useActions;
+import { useGameSelector } from '@gamepark/react-client';
+export const useActions = () => useGameSelector((state) => state.actions);
 //# sourceMappingURL=useActions.js.map

package/dist/hooks/useActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActions.js","sourceRoot":"","sources":["../../src/hooks/useActions.ts"],"names":[],"mappings":";;;AACA,2CAAyC;AAElC,IAAM,UAAU,GAAG;IACxB,OAAA,IAAA,yBAAW,EAAC,UAAC,KAAyC,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAAC;AAAzE,CAAyE,CAAA;AAD9D,QAAA,UAAU,cACoD"}
+{"version":3,"file":"useActions.js","sourceRoot":"","sources":["../../src/hooks/useActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEzE,MAAM,CAAC,MAAM,UAAU,GAAG,GAA8E,EAAE,CACxG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA"}

package/dist/hooks/useAnimations.d.ts

@@ -1,4 +1,4 @@
-import { Animation, DisplayedAction } from '@gamepark/react-client';
-export declare const useAnimation: <Move = any, PlayerId = any>(predicate?: ((animation: Animation<Move, PlayerId>) => boolean) | undefined) => Animation<Move, PlayerId> | undefined;
-export declare const getAnimationFromState: (action: DisplayedAction) => Animation;
-export declare const useAnimations: <Move = any, PlayerId = number>(predicate?: ((animation: Animation<Move, PlayerId>) => boolean) | undefined) => Animation<Move, PlayerId>[];
+import { Animation, DisplayedAction } from '@gamepark/react-client';
+export declare const useAnimation: <Move = any, PlayerId = any>(predicate?: (animation: Animation<Move, PlayerId>) => boolean) => Animation<Move, PlayerId> | undefined;
+export declare const getAnimationFromState: (action: DisplayedAction) => Animation;
+export declare const useAnimations: <Move = any, PlayerId = number>(predicate?: (animation: Animation<Move, PlayerId>) => boolean) => Animation<Move, PlayerId>[];

package/dist/hooks/useAnimations.js

@@ -1,59 +1,25 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnimations = exports.getAnimationFromState = exports.useAnimation = void 0;
-var react_client_1 = require("@gamepark/react-client");
-var react_redux_1 = require("react-redux");
-var useAnimation = function (predicate) {
-    var action = (0, react_redux_1.useSelector)(function (state) {
-        var e_1, _a;
-        var _b;
-        try {
-            for (var _c = __values((_b = state.actions) !== null && _b !== void 0 ? _b : []), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var action_1 = _d.value;
-                if (action_1.animation) {
-                    if (!predicate || predicate((0, exports.getAnimationFromState)(action_1))) {
-                        return action_1;
-                    }
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-    });
-    return action ? (0, exports.getAnimationFromState)(action) : undefined;
-};
-exports.useAnimation = useAnimation;
-var getAnimationFromState = function (action) {
-    var _a, _b;
-    return ({
-        move: (0, react_client_1.getAnimatedMove)(action),
-        duration: (_b = (_a = action.animation) === null || _a === void 0 ? void 0 : _a.duration) !== null && _b !== void 0 ? _b : 0,
-        action: action
-    });
-};
-exports.getAnimationFromState = getAnimationFromState;
-var useAnimations = function (predicate) {
-    var _a;
-    var actions = (_a = (0, react_redux_1.useSelector)(function (state) { return state.actions; })) !== null && _a !== void 0 ? _a : [];
-    return actions.filter(function (action) { return action.animation !== undefined; })
-        .map(exports.getAnimationFromState)
-        .filter(function (animation) { return !predicate || predicate(animation); });
-};
-exports.useAnimations = useAnimations;
+import { getAnimatedMove, useGameSelector } from '@gamepark/react-client';
+export const useAnimation = (predicate) => {
+    const action = useGameSelector((state) => {
+        for (const action of state.actions ?? []) {
+            if (action.animation) {
+                if (!predicate || predicate(getAnimationFromState(action))) {
+                    return action;
+                }
+            }
+        }
+    });
+    return action ? getAnimationFromState(action) : undefined;
+};
+export const getAnimationFromState = (action) => ({
+    move: getAnimatedMove(action),
+    duration: action.animation?.duration ?? 0,
+    action
+});
+export const useAnimations = (predicate) => {
+    const actions = useGameSelector((state) => state.actions) ?? [];
+    return actions.filter(action => action.animation !== undefined)
+        .map(getAnimationFromState)
+        .filter(animation => !predicate || predicate(animation));
+};
 //# sourceMappingURL=useAnimations.js.map

package/dist/hooks/useAnimations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimations.js","sourceRoot":"","sources":["../../src/hooks/useAnimations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uDAAmG;AACnG,2CAAyC;AAElC,IAAM,YAAY,GAAG,UAC1B,SAA6D;IAE7D,IAAM,MAAM,GAAG,IAAA,yBAAW,EAAC,UAAC,KAAyC;;;;YACnE,KAAqB,IAAA,KAAA,SAAA,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAA,gBAAA,4BAAE;gBAArC,IAAM,QAAM,WAAA;gBACf,IAAI,QAAM,CAAC,SAAS,EAAE;oBACpB,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,IAAA,6BAAqB,EAAC,QAAM,CAAC,CAAC,EAAE;wBAC1D,OAAO,QAAM,CAAA;qBACd;iBACF;aACF;;;;;;;;;IACH,CAAC,CAAC,CAAA;IACF,OAAO,MAAM,CAAC,CAAC,CAAC,IAAA,6BAAqB,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC3D,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB;AAEM,IAAM,qBAAqB,GAAG,UAAC,MAAuB;;IAAgB,OAAA,CAAC;QAC5E,IAAI,EAAE,IAAA,8BAAe,EAAC,MAAM,CAAC;QAC7B,QAAQ,EAAE,MAAA,MAAA,MAAM,CAAC,SAAS,0CAAE,QAAQ,mCAAI,CAAC;QACzC,MAAM,QAAA;KACP,CAAC,CAAA;CAAA,CAAA;AAJW,QAAA,qBAAqB,yBAIhC;AAEK,IAAM,aAAa,GAAG,UAAgC,SAA6D;;IACxH,IAAM,OAAO,GAAG,MAAA,IAAA,yBAAW,EAAC,UAAC,KAAyC,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAAC,mCAAI,EAAE,CAAA;IAC/F,OAAO,OAAO,CAAC,MAAM,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,SAAS,KAAK,SAAS,EAA9B,CAA8B,CAAC;SAC5D,GAAG,CAA4B,6BAAqB,CAAC;SACrD,MAAM,CAAC,UAAA,SAAS,IAAI,OAAA,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAlC,CAAkC,CAAC,CAAA;AAC5D,CAAC,CAAA;AALY,QAAA,aAAa,iBAKzB"}
+{"version":3,"file":"useAnimations.js","sourceRoot":"","sources":["../../src/hooks/useAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAErG,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAA6D,EACtB,EAAE;IACzC,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE;QACvC,KAAK,MAAM,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACzC,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;gBACrB,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;oBAC3D,OAAO,MAAM,CAAA;gBACf,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IACF,OAAO,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC3D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAuB,EAAa,EAAE,CAAC,CAAC;IAC5E,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,IAAI,CAAC;IACzC,MAAM;CACP,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAgC,SAA6D,EAA+B,EAAE;IACzJ,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IAC/D,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC;SAC5D,GAAG,CAA4B,qBAAqB,CAAC;SACrD,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;AAC5D,CAAC,CAAA"}

package/dist/hooks/useDraggedItem.d.ts

@@ -1,2 +1,2 @@
-import { DisplayedItem } from '@gamepark/rules-api';
-export declare function useDraggedItem<M extends number = number>(): DisplayedItem<M> | undefined;
+import { DisplayedItem } from '@gamepark/rules-api';
+export declare function useDraggedItem<M extends number = number>(): DisplayedItem<M> | undefined;

package/dist/hooks/useDraggedItem.js

@@ -1,35 +1,15 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDraggedItem = void 0;
-var core_1 = require("@dnd-kit/core");
-var react_1 = require("react");
-var DraggableMaterial_1 = require("../components/material/DraggableMaterial");
-function useDraggedItem() {
-    var _a = __read((0, react_1.useState)(), 2), draggedItem = _a[0], setDraggedItem = _a[1];
-    var onDragStart = (0, react_1.useCallback)(function (event) {
-        if ((0, DraggableMaterial_1.dataIsDisplayedItem)(event.active.data.current)) {
-            setDraggedItem(event.active.data.current);
-        }
-    }, []);
-    var onDragEnd = (0, react_1.useCallback)(function () { return setDraggedItem(undefined); }, []);
-    (0, core_1.useDndMonitor)({ onDragStart: onDragStart, onDragEnd: onDragEnd });
-    return draggedItem;
-}
-exports.useDraggedItem = useDraggedItem;
+import { useDndMonitor } from '@dnd-kit/core';
+import { useCallback, useState } from 'react';
+import { dataIsDisplayedItem } from '../components/material/DraggableMaterial';
+export function useDraggedItem() {
+    const [draggedItem, setDraggedItem] = useState();
+    const onDragStart = useCallback((event) => {
+        if (dataIsDisplayedItem(event.active.data.current)) {
+            setDraggedItem(event.active.data.current);
+        }
+    }, []);
+    const onDragEnd = useCallback(() => setDraggedItem(undefined), []);
+    useDndMonitor({ onDragStart, onDragEnd });
+    return draggedItem;
+}
 //# sourceMappingURL=useDraggedItem.js.map

package/dist/hooks/useDraggedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggedItem.js","sourceRoot":"","sources":["../../src/hooks/useDraggedItem.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sCAA6D;AAE7D,+BAA6C;AAC7C,8EAA8E;AAE9E,SAAgB,cAAc;IACtB,IAAA,KAAA,OAAgC,IAAA,gBAAQ,GAAoB,IAAA,EAA3D,WAAW,QAAA,EAAE,cAAc,QAAgC,CAAA;IAClE,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAqB;QACpD,IAAI,IAAA,uCAAmB,EAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;SAC1C;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,IAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,cAAc,CAAC,SAAS,CAAC,EAAzB,CAAyB,EAAE,EAAE,CAAC,CAAA;IAClE,IAAA,oBAAa,EAAC,EAAE,WAAW,aAAA,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IACzC,OAAO,WAAW,CAAA;AACpB,CAAC;AAVD,wCAUC"}
+{"version":3,"file":"useDraggedItem.js","sourceRoot":"","sources":["../../src/hooks/useDraggedItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAA;AAE9E,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAoB,CAAA;IAClE,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAqB,EAAE,EAAE;QACxD,IAAI,mBAAmB,CAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACtD,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAC3C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAA;IAClE,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAA;IACzC,OAAO,WAAW,CAAA;AACpB,CAAC"}

package/dist/hooks/useFlatHistory.d.ts

@@ -1,13 +1,13 @@
-import { DisplayedAction } from '@gamepark/react-client';
-import { MaterialMove } from '@gamepark/rules-api';
-import { MovePlayedLogDescription } from '../components';
-export type MoveHistory<Move = any, Player = any, Game = any> = MovePlayedLogDescription<Move, Player> & {
-    action: DisplayedAction<Move, Player>;
-    move: MaterialMove;
-    game: Game;
-    consequenceIndex?: number;
-};
-export declare const useFlatHistory: () => {
-    history: MoveHistory<any, any, any>[];
-    isLoaded: boolean;
-};
+import { DisplayedAction } from '@gamepark/react-client';
+import { MaterialMove } from '@gamepark/rules-api';
+import { MovePlayedLogDescription } from '../components';
+export type MoveHistory<Move = any, Player = any, Game = any> = MovePlayedLogDescription<Move, Player> & {
+    action: DisplayedAction<Move, Player>;
+    move: MaterialMove;
+    game: Game;
+    consequenceIndex?: number;
+};
+export declare const useFlatHistory: () => {
+    history: MoveHistory<any, any, any>[];
+    isLoaded: boolean;
+};

package/dist/hooks/useFlatHistory.js

@@ -1,163 +1,92 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFlatHistory = void 0;
-var findLastIndex_1 = __importDefault(require("lodash/findLastIndex"));
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var components_1 = require("../components");
-var usePlayerId_1 = require("./usePlayerId");
-var useFlatHistory = function () {
-    var _a;
-    var context = (0, react_1.useContext)(components_1.gameContext);
-    var player = (0, usePlayerId_1.usePlayerId)();
-    var _b = __read((0, react_1.useState)([]), 2), history = _b[0], setHistory = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), isLoaded = _c[0], setLoaded = _c[1];
-    var setup = (_a = (0, react_redux_1.useSelector)(function (state) { return state.setup; })) !== null && _a !== void 0 ? _a : {};
-    var playedMoves = (0, react_redux_1.useSelector)(function (state) { return state.playedMoves; });
-    var gameOver = (0, react_redux_1.useSelector)(function (state) { return state.gameOver; });
-    var actions = (0, react_redux_1.useSelector)(function (state) { return state.actions; });
-    var moves = (0, react_1.useRef)([]);
-    var rules = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        if (!rules.current && setup) {
-            rules.current = new context.Rules(JSON.parse(JSON.stringify(setup)), gameOver ? undefined : { player: player });
-        }
-    }, [setup]);
-    var getAction = function (actionId) { return actions === null || actions === void 0 ? void 0 : actions.find(function (action) { return action.id === actionId; }); };
-    var getMoveEntry = function (playedMove) {
-        var _a;
-        var move = playedMove.move, consequenceIndex = playedMove.consequenceIndex;
-        var action = getAction(playedMove.actionId);
-        if (!action)
-            return undefined;
-        var moveComponentContext = { move: move, consequenceIndex: consequenceIndex, action: action, game: JSON.parse(JSON.stringify(rules.current.game)) };
-        var description = (_a = context.logs) === null || _a === void 0 ? void 0 : _a.getMovePlayedLogDescription(move, moveComponentContext);
-        if (!(description === null || description === void 0 ? void 0 : description.Component))
-            return;
-        return __assign(__assign({}, moveComponentContext), description);
-    };
-    var playMove = function (move) {
-        var _a, _b;
-        try {
-            var action = getAction(move.actionId);
-            (_a = rules.current) === null || _a === void 0 ? void 0 : _a.play(JSON.parse(JSON.stringify(move.move)), { local: action === null || action === void 0 ? void 0 : action.local });
-        }
-        catch (error) {
-            console.error('Error while playing a move in useFlatHistory', (_b = rules.current) === null || _b === void 0 ? void 0 : _b.game, move, error);
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        if (playedMoves !== undefined && !isLoaded)
-            setLoaded(true);
-    }, [playedMoves]);
-    (0, react_1.useEffect)(function () {
-        var e_1, _a, e_2, _b;
-        if (!playedMoves)
-            return;
-        var actualSize = moves.current.length;
-        if (actualSize < playedMoves.length) {
-            var newMoves = playedMoves.slice(actualSize - playedMoves.length);
-            var entries_1 = [];
-            try {
-                for (var newMoves_1 = __values(newMoves), newMoves_1_1 = newMoves_1.next(); !newMoves_1_1.done; newMoves_1_1 = newMoves_1.next()) {
-                    var move = newMoves_1_1.value;
-                    var entry = getMoveEntry(move);
-                    if (entry)
-                        entries_1.push(entry);
-                    playMove(move);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (newMoves_1_1 && !newMoves_1_1.done && (_a = newMoves_1.return)) _a.call(newMoves_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            setHistory(function (h) { return h.concat(entries_1); });
-        }
-        else if (actualSize > playedMoves.length) {
-            var firstIndexChange = moves.current.findIndex(function (currentMove, index) { var _a; return currentMove.actionId !== ((_a = playedMoves[index]) === null || _a === void 0 ? void 0 : _a.actionId); });
-            var invalidatedMoves_1 = moves.current.slice(firstIndexChange);
-            var lastValidHistoryIndex_1 = (0, findLastIndex_1.default)(history, function (moveHistory) { return !invalidatedMoves_1.some(function (move) { return move.actionId === moveHistory.action.id; }); });
-            var lastValidHistory_1 = lastValidHistoryIndex_1 !== -1 ? history[lastValidHistoryIndex_1] : undefined;
-            var previousGameState = lastValidHistory_1 ? lastValidHistory_1.game : setup;
-            rules.current = new context.Rules(JSON.parse(JSON.stringify(previousGameState)), gameOver ? undefined : { player: player });
-            var movesToReplay = lastValidHistory_1 ?
-                playedMoves.slice((0, findLastIndex_1.default)(playedMoves, function (move) {
-                    return move.actionId === lastValidHistory_1.action.id && move.consequenceIndex === lastValidHistory_1.consequenceIndex;
-                }))
-                : playedMoves;
-            if (lastValidHistory_1) {
-                var move = movesToReplay.shift();
-                playMove(move);
-            }
-            var entries_2 = [];
-            try {
-                for (var movesToReplay_1 = __values(movesToReplay), movesToReplay_1_1 = movesToReplay_1.next(); !movesToReplay_1_1.done; movesToReplay_1_1 = movesToReplay_1.next()) {
-                    var move = movesToReplay_1_1.value;
-                    var entry = getMoveEntry(move);
-                    if (entry)
-                        entries_2.push(entry);
-                    playMove(move);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (movesToReplay_1_1 && !movesToReplay_1_1.done && (_b = movesToReplay_1.return)) _b.call(movesToReplay_1);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            setHistory(function (h) { return h.slice(0, lastValidHistoryIndex_1 + 1).concat(entries_2); });
-        }
-        moves.current = playedMoves;
-    }, [playedMoves]);
-    return {
-        history: history,
-        isLoaded: isLoaded
-    };
-};
-exports.useFlatHistory = useFlatHistory;
+import { useGameSelector } from '@gamepark/react-client';
+import { findLastIndex } from 'es-toolkit/compat';
+import { useContext, useEffect, useRef, useState } from 'react';
+import { gameContext } from '../components';
+import { usePlayerId } from './usePlayerId';
+export const useFlatHistory = () => {
+    const context = useContext(gameContext);
+    const player = usePlayerId();
+    const [history, setHistory] = useState([]);
+    const [isLoaded, setLoaded] = useState(false);
+    const setup = useGameSelector((state) => state.setup) ?? {};
+    const playedMoves = useGameSelector((state) => state.playedMoves);
+    const gameOver = useGameSelector((state) => state.gameOver);
+    const actions = useGameSelector((state) => state.actions);
+    const moves = useRef([]);
+    const rules = useRef(null);
+    useEffect(() => {
+        if (!rules.current && setup) {
+            rules.current = new context.Rules(JSON.parse(JSON.stringify(setup)), gameOver ? undefined : { player });
+        }
+    }, [setup]);
+    const getAction = (actionId) => actions?.find((action) => action.id === actionId);
+    const getMoveEntry = (playedMove) => {
+        const { move, consequenceIndex } = playedMove;
+        const action = getAction(playedMove.actionId);
+        if (!action)
+            return undefined;
+        const moveComponentContext = { move, consequenceIndex, action, game: JSON.parse(JSON.stringify(rules.current.game)) };
+        const description = context.logs?.getMovePlayedLogDescription(move, moveComponentContext);
+        if (!description?.Component)
+            return;
+        return { ...moveComponentContext, ...description };
+    };
+    const playMove = (move) => {
+        try {
+            const action = getAction(move.actionId);
+            rules.current?.play(JSON.parse(JSON.stringify(move.move)), { local: action?.local });
+        }
+        catch (error) {
+            console.error('Error while playing a move in useFlatHistory', rules.current?.game, move, error);
+        }
+    };
+    useEffect(() => {
+        if (playedMoves !== undefined && !isLoaded)
+            setLoaded(true);
+    }, [playedMoves]);
+    useEffect(() => {
+        if (!playedMoves)
+            return;
+        const actualSize = moves.current.length;
+        if (actualSize < playedMoves.length) {
+            const newMoves = playedMoves.slice(actualSize - playedMoves.length);
+            const entries = [];
+            for (const move of newMoves) {
+                const entry = getMoveEntry(move);
+                if (entry)
+                    entries.push(entry);
+                playMove(move);
+            }
+            setHistory((h) => h.concat(entries));
+        }
+        else if (actualSize > playedMoves.length) {
+            const firstIndexChange = moves.current.findIndex((currentMove, index) => currentMove.actionId !== playedMoves[index]?.actionId);
+            const invalidatedMoves = moves.current.slice(firstIndexChange);
+            const lastValidHistoryIndex = findLastIndex(history, (moveHistory) => !invalidatedMoves.some((move) => move.actionId === moveHistory.action.id));
+            const lastValidHistory = lastValidHistoryIndex !== -1 ? history[lastValidHistoryIndex] : undefined;
+            const previousGameState = lastValidHistory ? lastValidHistory.game : setup;
+            rules.current = new context.Rules(JSON.parse(JSON.stringify(previousGameState)), gameOver ? undefined : { player });
+            const movesToReplay = lastValidHistory ?
+                playedMoves.slice(findLastIndex(playedMoves, move => move.actionId === lastValidHistory.action.id && move.consequenceIndex === lastValidHistory.consequenceIndex))
+                : playedMoves;
+            if (lastValidHistory) {
+                const move = movesToReplay.shift();
+                playMove(move);
+            }
+            const entries = [];
+            for (const move of movesToReplay) {
+                const entry = getMoveEntry(move);
+                if (entry)
+                    entries.push(entry);
+                playMove(move);
+            }
+            setHistory((h) => h.slice(0, lastValidHistoryIndex + 1).concat(entries));
+        }
+        moves.current = playedMoves;
+    }, [playedMoves]);
+    return {
+        history,
+        isLoaded
+    };
+};
 //# sourceMappingURL=useFlatHistory.js.map