react-native-games 0.7.0 → 1.0.0

package/lib/module/games/candy-crush/components/GameGrid.js

@@ -0,0 +1,314 @@
+"use strict";
+
+import React, { useMemo, useRef, useEffect } from 'react';
+import { View, StyleSheet, Dimensions } from 'react-native';
+import { Canvas, RoundedRect, LinearGradient, vec, Shadow, Circle, Group } from '@shopify/react-native-skia';
+import { useGrid, useSelectedCandy, useCandyCrushStore, useMatchedCandyIds, useFallingCandyIds } from "../CandyCrushStore.js";
+import { CandyItem } from "./CandyItem.js";
+import { CANDY_CRUSH_GAME_CONFIG, CANDY_CRUSH_COLORS } from "../CandyCrushConstants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: screenWidth
+} = Dimensions.get('window');
+
+// Memoized GridRow component to prevent unnecessary re-renders
+
+const GridRow = /*#__PURE__*/React.memo(({
+  row,
+  rowIndex,
+  candySize,
+  gap,
+  selectedCandyId,
+  matchedCandyIds,
+  fallingCandyIds,
+  onSwipe
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.row, {
+      gap
+    }],
+    children: row.map((candy, colIndex) => {
+      if (!candy) {
+        return /*#__PURE__*/_jsx(View, {
+          style: [styles.cell, {
+            width: candySize,
+            height: candySize
+          }]
+        }, `empty-${rowIndex}-${colIndex}`);
+      }
+      const isSelected = selectedCandyId === candy.id;
+      const isMatched = matchedCandyIds.has(candy.id);
+      const isFalling = fallingCandyIds.has(candy.id);
+      const handleSwipe = direction => {
+        onSwipe(candy, direction);
+      };
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.cell, {
+          width: candySize,
+          height: candySize
+        }],
+        children: /*#__PURE__*/_jsx(CandyItem, {
+          candy: candy,
+          size: candySize,
+          isSelected: isSelected,
+          isMatched: isMatched,
+          isFalling: isFalling,
+          onSwipe: handleSwipe
+        })
+      }, candy.id);
+    })
+  }, `row-${rowIndex}`);
+}, (prevProps, nextProps) => {
+  // If row array reference is the same, skip all checks (FASTEST PATH)
+  if (prevProps.row === nextProps.row) {
+    return true;
+  }
+
+  // Only re-render if row content actually changed
+  if (prevProps.row.length !== nextProps.row.length) return false;
+  if (prevProps.candySize !== nextProps.candySize) return false;
+  if (prevProps.gap !== nextProps.gap) return false;
+
+  // Only re-render if THIS ROW has the selected candy
+  const hadSelectedCandy = prevProps.row.some(c => c?.id === prevProps.selectedCandyId);
+  const hasSelectedCandy = nextProps.row.some(c => c?.id === nextProps.selectedCandyId);
+  if (hadSelectedCandy !== hasSelectedCandy || hadSelectedCandy && prevProps.selectedCandyId !== nextProps.selectedCandyId) {
+    return false;
+  }
+
+  // Check if any candy in THIS ROW is affected by matched/falling states
+  for (let i = 0; i < prevProps.row.length; i++) {
+    const candy = prevProps.row[i];
+    if (candy) {
+      const wasMatched = prevProps.matchedCandyIds.has(candy.id);
+      const isMatched = nextProps.matchedCandyIds.has(candy.id);
+      const wasFalling = prevProps.fallingCandyIds.has(candy.id);
+      const isFalling = nextProps.fallingCandyIds.has(candy.id);
+      if (wasMatched !== isMatched || wasFalling !== isFalling) {
+        return false;
+      }
+    }
+  }
+
+  // Check if any candy in the row changed
+  for (let i = 0; i < prevProps.row.length; i++) {
+    const prevCandy = prevProps.row[i];
+    const nextCandy = nextProps.row[i];
+    if (prevCandy?.id !== nextCandy?.id) return false;
+    if (prevCandy?.type !== nextCandy?.type) return false;
+    if (prevCandy?.row !== nextCandy?.row) return false;
+    if (prevCandy?.col !== nextCandy?.col) return false;
+  }
+  return true;
+});
+export const GameGrid = /*#__PURE__*/React.memo(() => {
+  const grid = useGrid();
+  const selectedCandy = useSelectedCandy();
+  const matchedCandyIds = useMatchedCandyIds();
+  const fallingCandyIds = useFallingCandyIds();
+  const selectCandy = useCandyCrushStore(state => state.selectCandy);
+  const selectedCandyId = selectedCandy?.id || null;
+
+  // Use ref to store grid without causing re-renders
+  const gridRef = useRef(grid);
+  useEffect(() => {
+    gridRef.current = grid;
+  }, [grid]);
+
+  // Handle swipe with stable reference (doesn't change on grid updates)
+  const handleSwipe = React.useCallback((candy, direction) => {
+    const currentGrid = gridRef.current;
+    let targetRow = candy.row;
+    let targetCol = candy.col;
+    switch (direction) {
+      case 'up':
+        targetRow = candy.row - 1;
+        break;
+      case 'down':
+        targetRow = candy.row + 1;
+        break;
+      case 'left':
+        targetCol = candy.col - 1;
+        break;
+      case 'right':
+        targetCol = candy.col + 1;
+        break;
+    }
+
+    // Check if target is within bounds
+    if (targetRow >= 0 && targetRow < currentGrid.length && targetCol >= 0 && currentGrid[0] && targetCol < currentGrid[0].length) {
+      const targetRowData = currentGrid[targetRow];
+      if (targetRowData) {
+        const targetCandy = targetRowData[targetCol];
+        if (targetCandy) {
+          // Simulate selecting source candy then target candy
+          selectCandy(candy);
+          setTimeout(() => selectCandy(targetCandy), 50);
+        }
+      }
+    }
+  }, [selectCandy]);
+
+  // Calculate grid dimensions (memoized once)
+  const gridCalculations = useMemo(() => {
+    const horizontalPadding = 40;
+    const availableWidth = screenWidth - horizontalPadding;
+    const gridSize = CANDY_CRUSH_GAME_CONFIG.GRID_SIZE;
+    const gap = 2;
+    const totalGaps = (gridSize - 1) * gap;
+    const candySize = (availableWidth - totalGaps) / gridSize;
+    const padding = 10; // Adjusted padding
+
+    // Calculate actual content dimensions
+    const contentWidth = Math.floor(candySize) * gridSize + totalGaps;
+    const contentHeight = Math.floor(candySize) * gridSize + totalGaps;
+
+    // Grid dimensions including padding and border
+    const gridWidth = contentWidth + padding * 2;
+    const gridHeight = contentHeight + padding * 2;
+    return {
+      candySize: Math.floor(candySize),
+      gap,
+      gridSize,
+      gridWidth,
+      gridHeight
+    };
+  }, []);
+  const {
+    candySize,
+    gap,
+    gridWidth,
+    gridHeight
+  } = gridCalculations;
+
+  // Generate jelly bubbles
+  const jellyBubbles = useMemo(() => {
+    const bubbles = [];
+    const bubbleCount = 25;
+    for (let i = 0; i < bubbleCount; i++) {
+      bubbles.push({
+        x: Math.random() * gridWidth,
+        y: Math.random() * gridHeight,
+        radius: Math.random() * 15 + 5,
+        opacity: Math.random() * 0.15 + 0.05
+      });
+    }
+    return bubbles;
+  }, [gridWidth, gridHeight]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.jellyContainer, {
+        width: gridWidth,
+        height: gridHeight
+      }],
+      children: /*#__PURE__*/_jsxs(Canvas, {
+        style: {
+          width: gridWidth,
+          height: gridHeight
+        },
+        children: [/*#__PURE__*/_jsxs(RoundedRect, {
+          x: 0,
+          y: 0,
+          width: gridWidth,
+          height: gridHeight,
+          r: 15,
+          children: [/*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(gridWidth, gridHeight),
+            colors: ['rgba(255, 149, 0, 0.35)', 'rgba(255, 120, 0, 0.25)', 'rgba(255, 149, 0, 0.3)']
+          }), /*#__PURE__*/_jsx(Shadow, {
+            dx: 0,
+            dy: 6,
+            blur: 12,
+            color: "rgba(255, 100, 0, 0.4)",
+            inner: true
+          })]
+        }), /*#__PURE__*/_jsx(Group, {
+          children: jellyBubbles.map((bubble, index) => /*#__PURE__*/_jsx(Circle, {
+            cx: bubble.x,
+            cy: bubble.y,
+            r: bubble.radius,
+            color: `rgba(255, 255, 255, ${bubble.opacity})`
+          }, index))
+        }), /*#__PURE__*/_jsx(RoundedRect, {
+          x: 5,
+          y: 5,
+          width: gridWidth - 10,
+          height: gridHeight - 10,
+          r: 12,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(0, gridHeight),
+            colors: ['rgba(255, 200, 100, 0.3)', 'rgba(255, 149, 0, 0)', 'rgba(255, 180, 80, 0.2)']
+          })
+        }), /*#__PURE__*/_jsx(RoundedRect, {
+          x: 15,
+          y: 15,
+          width: gridWidth - 30,
+          height: gridHeight * 0.25,
+          r: 8,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(0, gridHeight * 0.25),
+            colors: ['rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0)']
+          })
+        }), /*#__PURE__*/_jsx(RoundedRect, {
+          x: 15,
+          y: gridHeight * 0.75,
+          width: gridWidth - 30,
+          height: gridHeight * 0.2,
+          r: 8,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(0, gridHeight * 0.2),
+            colors: ['rgba(0, 0, 0, 0)', 'rgba(255, 100, 0, 0.2)']
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.grid, {
+        gap
+      }],
+      children: grid.map((row, rowIndex) => /*#__PURE__*/_jsx(GridRow, {
+        row: row,
+        rowIndex: rowIndex,
+        candySize: candySize,
+        gap: gap,
+        selectedCandyId: selectedCandyId,
+        matchedCandyIds: matchedCandyIds,
+        fallingCandyIds: fallingCandyIds,
+        onSwipe: handleSwipe
+      }, rowIndex))
+    })]
+  });
+});
+GameGrid.displayName = 'GameGrid';
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  jellyContainer: {
+    position: 'absolute',
+    borderRadius: 15,
+    borderWidth: 3,
+    borderColor: CANDY_CRUSH_COLORS.GRID_BORDER,
+    overflow: 'hidden'
+  },
+  grid: {
+    padding: 13,
+    // 10px padding + 3px border
+    zIndex: 1
+  },
+  row: {
+    flexDirection: 'row'
+  },
+  cell: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=GameGrid.js.map

package/lib/module/games/candy-crush/components/GameGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useRef","useEffect","View","StyleSheet","Dimensions","Canvas","RoundedRect","LinearGradient","vec","Shadow","Circle","Group","useGrid","useSelectedCandy","useCandyCrushStore","useMatchedCandyIds","useFallingCandyIds","CandyItem","CANDY_CRUSH_GAME_CONFIG","CANDY_CRUSH_COLORS","jsx","_jsx","jsxs","_jsxs","width","screenWidth","get","GridRow","memo","row","rowIndex","candySize","gap","selectedCandyId","matchedCandyIds","fallingCandyIds","onSwipe","style","styles","children","map","candy","colIndex","cell","height","isSelected","id","isMatched","has","isFalling","handleSwipe","direction","size","prevProps","nextProps","length","hadSelectedCandy","some","c","hasSelectedCandy","i","wasMatched","wasFalling","prevCandy","nextCandy","type","col","GameGrid","grid","selectedCandy","selectCandy","state","gridRef","current","useCallback","currentGrid","targetRow","targetCol","targetRowData","targetCandy","setTimeout","gridCalculations","horizontalPadding","availableWidth","gridSize","GRID_SIZE","totalGaps","padding","contentWidth","Math","floor","contentHeight","gridWidth","gridHeight","jellyBubbles","bubbles","bubbleCount","push","x","random","y","radius","opacity","container","jellyContainer","r","start","end","colors","dx","dy","blur","color","inner","bubble","index","cx","cy","displayName","create","flex","justifyContent","alignItems","position","borderRadius","borderWidth","borderColor","GRID_BORDER","overflow","zIndex","flexDirection"],"sourceRoot":"../../../../../src","sources":["games/candy-crush/components/GameGrid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/candy-crush/components/ScoreBoard.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useScore, useTimeRemaining } from "../CandyCrushStore.js";
+import { CANDY_CRUSH_COLORS } from "../CandyCrushConstants.js";
+import { ScoreBoardContainer } from "../../../helpers/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ScoreBoard = /*#__PURE__*/React.memo(({
+  offset = 0
+}) => {
+  const score = useScore();
+  const timeRemaining = useTimeRemaining();
+
+  // Memoized time display calculation
+  const timeDisplay = React.useMemo(() => {
+    const minutes = Math.floor(timeRemaining / 60);
+    const seconds = timeRemaining % 60;
+    return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+  }, [timeRemaining]);
+
+  // Memoized color based on time remaining
+  const timeColor = React.useMemo(() => {
+    if (timeRemaining <= 30) return CANDY_CRUSH_COLORS.TIME_CRITICAL;
+    if (timeRemaining <= 60) return CANDY_CRUSH_COLORS.TIME_WARNING;
+    return CANDY_CRUSH_COLORS.TIME_GOOD;
+  }, [timeRemaining]);
+  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
+    offset: offset,
+    backgroundColor: CANDY_CRUSH_COLORS.SCORE_BACKGROUND,
+    borderColor: CANDY_CRUSH_COLORS.GRID_BORDER,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.scoreRow,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.scoreItem,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Score"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.value,
+          children: score
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.scoreItem,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.label,
+          children: "Time"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.value, {
+            color: timeColor
+          }],
+          children: timeDisplay
+        })]
+      })]
+    })
+  });
+});
+ScoreBoard.displayName = 'ScoreBoard';
+const styles = StyleSheet.create({
+  scoreRow: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-around'
+  },
+  scoreItem: {
+    alignItems: 'center'
+  },
+  label: {
+    fontSize: 18,
+    color: 'rgba(255, 255, 255, 0.7)',
+    marginBottom: 4
+  },
+  value: {
+    fontSize: 30,
+    color: CANDY_CRUSH_COLORS.SCORE_TEXT,
+    fontWeight: 'bold'
+  }
+});
+//# sourceMappingURL=ScoreBoard.js.map

package/lib/module/games/candy-crush/components/ScoreBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useScore","useTimeRemaining","CANDY_CRUSH_COLORS","ScoreBoardContainer","jsx","_jsx","jsxs","_jsxs","ScoreBoard","memo","offset","score","timeRemaining","timeDisplay","useMemo","minutes","Math","floor","seconds","toString","padStart","timeColor","TIME_CRITICAL","TIME_WARNING","TIME_GOOD","backgroundColor","SCORE_BACKGROUND","borderColor","GRID_BORDER","children","style","styles","scoreRow","scoreItem","label","value","color","displayName","create","flex","flexDirection","justifyContent","alignItems","fontSize","marginBottom","SCORE_TEXT","fontWeight"],"sourceRoot":"../../../../../src","sources":["games/candy-crush/components/ScoreBoard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/candy-crush/components/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { GameBackground } from "./GameBackground.js";
+export { GameGrid } from "./GameGrid.js";
+export { ScoreBoard } from "./ScoreBoard.js";
+export { CandyItem } from "./CandyItem.js";
+//# sourceMappingURL=index.js.map

package/lib/module/games/candy-crush/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GameBackground","GameGrid","ScoreBoard","CandyItem"],"sourceRoot":"../../../../../src","sources":["games/candy-crush/components/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/games/candy-crush/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { CandyCrush } from "./CandyCrush.js";
+export { useCandyCrushStore } from "./CandyCrushStore.js";
+export * from "./CandyCrushConstants.js";
+//# sourceMappingURL=index.js.map

package/lib/module/games/candy-crush/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CandyCrush","useCandyCrushStore"],"sourceRoot":"../../../../src","sources":["games/candy-crush/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,kBAAkB,QAAQ,sBAAmB;AACtD,cAAc,0BAAuB","ignoreList":[]}

package/lib/module/games/colors-sort/ColorsSort.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import React, { useEffect, useCallback, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useColorsSortStore, useIsPlaying, useIsGameOver, useTime, useContainers, useSelectedContainerId } from "./ColorsSortStore.js";
+import { ColorContainer, ScoreBoard, GameBackground } from "./components/index.js";
+import { GameControlButton, GameOverModal } from "../../helpers/index.js";
+import { GameSettingsModal } from "../../helpers/index.js";
+import { COLORS_SORT_COLORS } from "./ColorsSortConstants.js";
+import { GAME_IDS, DEFAULT_GAME_SETTINGS } from "../../services/UtilsService.js";
+import { playSound, GAME_SOUNDS } from "../../services/SoundsService.js";
+import { playHaptic, HapticType } from "../../services/HapticsService.js";
+import { formatTime, getGridLayout } from "./ColorsSortService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ColorsSort = /*#__PURE__*/React.memo(({
+  settings = DEFAULT_GAME_SETTINGS,
+  onSettingsChange
+}) => {
+  const isPlaying = useIsPlaying();
+  const isGameOver = useIsGameOver();
+  const time = useTime();
+  const containers = useContainers();
+  const selectedContainerId = useSelectedContainerId();
+  const initializeGame = useColorsSortStore(state => state.initializeGame);
+  const startGame = useColorsSortStore(state => state.startGame);
+  const stopGame = useColorsSortStore(state => state.stopGame);
+  const resetGame = useColorsSortStore(state => state.resetGame);
+  const selectContainer = useColorsSortStore(state => state.selectContainer);
+  const difficulty = settings.difficulty;
+  const gridStyle = useMemo(() => getGridLayout(difficulty), [difficulty]);
+  useEffect(() => {
+    initializeGame(difficulty);
+  }, [difficulty, initializeGame]);
+  const handleStartGame = useCallback(() => {
+    initializeGame(difficulty);
+    startGame();
+    playSound(GAME_SOUNDS.COLORS_SORT.START, settings.enableSounds);
+    playHaptic(HapticType.MEDIUM, settings.enableHaptics);
+  }, [difficulty, initializeGame, startGame, settings.enableSounds, settings.enableHaptics]);
+  const handleStopGame = useCallback(() => {
+    stopGame();
+  }, [stopGame]);
+  const handleResetGame = useCallback(() => {
+    resetGame();
+    initializeGame(difficulty);
+  }, [resetGame, initializeGame, difficulty]);
+  const handleContainerPress = useCallback(containerId => {
+    if (!isPlaying || isGameOver) return;
+    selectContainer(containerId, settings);
+  }, [isPlaying, isGameOver, selectContainer, settings]);
+
+  // Memoize GameControlButton props to prevent re-renders (CRITICAL)
+  const gameControlButtonProps = useMemo(() => ({
+    isPlaying,
+    gameOver: isGameOver,
+    onStartGame: handleStartGame,
+    onStopGame: handleStopGame,
+    startButtonText: "START SORTING",
+    stopButtonText: "STOP GAME",
+    startButtonSubtext: "Sort colors!",
+    startButtonColor: COLORS_SORT_COLORS.BUTTON_PRIMARY,
+    startButtonBorderColor: COLORS_SORT_COLORS.BUTTON_SECONDARY
+  }), [isPlaying, isGameOver, handleStartGame, handleStopGame]);
+
+  // Memoize GameOverModal props to prevent re-renders
+  const gameOverModalProps = useMemo(() => ({
+    isVisible: isGameOver,
+    score: time,
+    onPlayAgain: handleResetGame,
+    buttonText: "Sort Again!",
+    primaryColor: "rgba(255, 140, 66, 0.95)",
+    borderColor: COLORS_SORT_COLORS.BUTTON_PRIMARY,
+    buttonColor: COLORS_SORT_COLORS.BUTTON_PRIMARY,
+    buttonBorderColor: COLORS_SORT_COLORS.BUTTON_SECONDARY,
+    scoreLabel: "Completion Time",
+    scoreFormatter: formatTime
+  }), [isGameOver, time, handleResetGame]);
+
+  // Memoize GameSettingsModal props
+  const gameSettingsModalProps = useMemo(() => ({
+    gameId: GAME_IDS.COLORS_SORT,
+    settings,
+    onSettingsChange
+  }), [settings, onSettingsChange]);
+
+  // Get offset from settings
+  const offset = settings?.offset ?? 0;
+
+  // Memoized dynamic styles based on offset
+  const dynamicStyles = useMemo(() => ({
+    gameArea: {
+      ...styles.gameArea,
+      paddingTop: 100 + offset
+    }
+  }), [offset]);
+  return /*#__PURE__*/_jsx(GameBackground, {
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(ScoreBoard, {
+        offset: offset
+      }), /*#__PURE__*/_jsx(View, {
+        style: dynamicStyles.gameArea,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.containersGrid, gridStyle],
+          children: containers.map(container => /*#__PURE__*/_jsx(ColorContainer, {
+            container: container,
+            isSelected: selectedContainerId === container.id,
+            onPress: () => handleContainerPress(container.id),
+            difficulty: difficulty
+          }, container.id))
+        })
+      }), /*#__PURE__*/_jsx(GameControlButton, {
+        ...gameControlButtonProps
+      }), /*#__PURE__*/_jsx(GameOverModal, {
+        ...gameOverModalProps
+      }), /*#__PURE__*/_jsx(GameSettingsModal, {
+        ...gameSettingsModalProps
+      })]
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  gameArea: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingTop: 100,
+    paddingBottom: 120
+  },
+  containersGrid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+    gap: 15,
+    paddingHorizontal: 10
+  }
+});
+ColorsSort.displayName = 'ColorsSort';
+//# sourceMappingURL=ColorsSort.js.map

package/lib/module/games/colors-sort/ColorsSort.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useCallback","useMemo","View","StyleSheet","useColorsSortStore","useIsPlaying","useIsGameOver","useTime","useContainers","useSelectedContainerId","ColorContainer","ScoreBoard","GameBackground","GameControlButton","GameOverModal","GameSettingsModal","COLORS_SORT_COLORS","GAME_IDS","DEFAULT_GAME_SETTINGS","playSound","GAME_SOUNDS","playHaptic","HapticType","formatTime","getGridLayout","jsx","_jsx","jsxs","_jsxs","ColorsSort","memo","settings","onSettingsChange","isPlaying","isGameOver","time","containers","selectedContainerId","initializeGame","state","startGame","stopGame","resetGame","selectContainer","difficulty","gridStyle","handleStartGame","COLORS_SORT","START","enableSounds","MEDIUM","enableHaptics","handleStopGame","handleResetGame","handleContainerPress","containerId","gameControlButtonProps","gameOver","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","startButtonColor","BUTTON_PRIMARY","startButtonBorderColor","BUTTON_SECONDARY","gameOverModalProps","isVisible","score","onPlayAgain","buttonText","primaryColor","borderColor","buttonColor","buttonBorderColor","scoreLabel","scoreFormatter","gameSettingsModalProps","gameId","offset","dynamicStyles","gameArea","styles","paddingTop","children","style","container","containersGrid","map","isSelected","id","onPress","create","flex","justifyContent","alignItems","paddingBottom","flexDirection","flexWrap","gap","paddingHorizontal","displayName"],"sourceRoot":"../../../../src","sources":["games/colors-sort/ColorsSort.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC9D,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,kBAAkB,EAAEC,YAAY,EAAEC,aAAa,EAAEC,OAAO,EAAEC,aAAa,EAAEC,sBAAsB,QAAQ,sBAAmB;AACnI,SAASC,cAAc,EAAEC,UAAU,EAAEC,cAAc,QAAQ,uBAAc;AACzE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,wBAAe;AAChE,SAASC,iBAAiB,QAAQ,wBAAe;AACjD,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,QAAQ,EAAkBC,qBAAqB,QAAQ,gCAA6B;AAC7F,SAASC,SAAS,EAAEC,WAAW,QAAQ,iCAA8B;AACrE,SAASC,UAAU,EAAEC,UAAU,QAAQ,kCAA+B;AACtE,SAASC,UAAU,EAAEC,aAAa,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhE,OAAO,MAAMC,UAA+B,gBAAG/B,KAAK,CAACgC,IAAI,CAAC,CAAC;EACzDC,QAAQ,GAAGb,qBAAqB;EAChCc;AACF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG5B,YAAY,CAAC,CAAC;EAChC,MAAM6B,UAAU,GAAG5B,aAAa,CAAC,CAAC;EAClC,MAAM6B,IAAI,GAAG5B,OAAO,CAAC,CAAC;EACtB,MAAM6B,UAAU,GAAG5B,aAAa,CAAC,CAAC;EAClC,MAAM6B,mBAAmB,GAAG5B,sBAAsB,CAAC,CAAC;EAEpD,MAAM6B,cAAc,GAAGlC,kBAAkB,CAACmC,KAAK,IAAIA,KAAK,CAACD,cAAc,CAAC;EACxE,MAAME,SAAS,GAAGpC,kBAAkB,CAACmC,KAAK,IAAIA,KAAK,CAACC,SAAS,CAAC;EAC9D,MAAMC,QAAQ,GAAGrC,kBAAkB,CAACmC,KAAK,IAAIA,KAAK,CAACE,QAAQ,CAAC;EAC5D,MAAMC,SAAS,GAAGtC,kBAAkB,CAACmC,KAAK,IAAIA,KAAK,CAACG,SAAS,CAAC;EAC9D,MAAMC,eAAe,GAAGvC,kBAAkB,CAACmC,KAAK,IAAIA,KAAK,CAACI,eAAe,CAAC;EAE1E,MAAMC,UAAU,GAAGb,QAAQ,CAACa,UAAU;EACtC,MAAMC,SAAS,GAAG5C,OAAO,CAAC,MAAMuB,aAAa,CAACoB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAExE7C,SAAS,CAAC,MAAM;IACduC,cAAc,CAACM,UAAU,CAAC;EAC5B,CAAC,EAAE,CAACA,UAAU,EAAEN,cAAc,CAAC,CAAC;EAEhC,MAAMQ,eAAe,GAAG9C,WAAW,CAAC,MAAM;IACxCsC,cAAc,CAACM,UAAU,CAAC;IAC1BJ,SAAS,CAAC,CAAC;IACXrB,SAAS,CAACC,WAAW,CAAC2B,WAAW,CAACC,KAAK,EAAEjB,QAAQ,CAACkB,YAAY,CAAC;IAC/D5B,UAAU,CAACC,UAAU,CAAC4B,MAAM,EAAEnB,QAAQ,CAACoB,aAAa,CAAC;EACvD,CAAC,EAAE,CAACP,UAAU,EAAEN,cAAc,EAAEE,SAAS,EAAET,QAAQ,CAACkB,YAAY,EAAElB,QAAQ,CAACoB,aAAa,CAAC,CAAC;EAE1F,MAAMC,cAAc,GAAGpD,WAAW,CAAC,MAAM;IACvCyC,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMY,eAAe,GAAGrD,WAAW,CAAC,MAAM;IACxC0C,SAAS,CAAC,CAAC;IACXJ,cAAc,CAACM,UAAU,CAAC;EAC5B,CAAC,EAAE,CAACF,SAAS,EAAEJ,cAAc,EAAEM,UAAU,CAAC,CAAC;EAE3C,MAAMU,oBAAoB,GAAGtD,WAAW,CAAEuD,WAAmB,IAAK;IAChE,IAAI,CAACtB,SAAS,IAAIC,UAAU,EAAE;IAC9BS,eAAe,CAACY,WAAW,EAAExB,QAAQ,CAAC;EACxC,CAAC,EAAE,CAACE,SAAS,EAAEC,UAAU,EAAES,eAAe,EAAEZ,QAAQ,CAAC,CAAC;;EAEtD;EACA,MAAMyB,sBAAsB,GAAGvD,OAAO,CAAC,OAAO;IAC5CgC,SAAS;IACTwB,QAAQ,EAAEvB,UAAU;IACpBwB,WAAW,EAAEZ,eAAe;IAC5Ba,UAAU,EAAEP,cAAc;IAC1BQ,eAAe,EAAE,eAAe;IAChCC,cAAc,EAAE,WAAW;IAC3BC,kBAAkB,EAAE,cAAc;IAClCC,gBAAgB,EAAE/C,kBAAkB,CAACgD,cAAc;IACnDC,sBAAsB,EAAEjD,kBAAkB,CAACkD;EAC7C,CAAC,CAAC,EAAE,CAACjC,SAAS,EAAEC,UAAU,EAAEY,eAAe,EAAEM,cAAc,CAAC,CAAC;;EAE7D;EACA,MAAMe,kBAAkB,GAAGlE,OAAO,CAAC,OAAO;IACxCmE,SAAS,EAAElC,UAAU;IACrBmC,KAAK,EAAElC,IAAI;IACXmC,WAAW,EAAEjB,eAAe;IAC5BkB,UAAU,EAAE,aAAa;IACzBC,YAAY,EAAE,0BAA0B;IACxCC,WAAW,EAAEzD,kBAAkB,CAACgD,cAAc;IAC9CU,WAAW,EAAE1D,kBAAkB,CAACgD,cAAc;IAC9CW,iBAAiB,EAAE3D,kBAAkB,CAACkD,gBAAgB;IACtDU,UAAU,EAAE,iBAAiB;IAC7BC,cAAc,EAAEtD;EAClB,CAAC,CAAC,EAAE,CAACW,UAAU,EAAEC,IAAI,EAAEkB,eAAe,CAAC,CAAC;;EAExC;EACA,MAAMyB,sBAAsB,GAAG7E,OAAO,CAAC,OAAO;IAC5C8E,MAAM,EAAE9D,QAAQ,CAAC8B,WAAW;IAC5BhB,QAAQ;IACRC;EACF,CAAC,CAAC,EAAE,CAACD,QAAQ,EAAEC,gBAAgB,CAAC,CAAC;;EAEjC;EACA,MAAMgD,MAAM,GAAGjD,QAAQ,EAAEiD,MAAM,IAAI,CAAC;;EAEpC;EACA,MAAMC,aAAa,GAAGhF,OAAO,CAAC,OAAO;IACnCiF,QAAQ,EAAE;MACR,GAAGC,MAAM,CAACD,QAAQ;MAClBE,UAAU,EAAE,GAAG,GAAGJ;IACpB;EACF,CAAC,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEb,oBACEtD,IAAA,CAACd,cAAc;IAAAyE,QAAA,eACbzD,KAAA,CAAC1B,IAAI;MAACoF,KAAK,EAAEH,MAAM,CAACI,SAAU;MAAAF,QAAA,gBAC5B3D,IAAA,CAACf,UAAU;QAACqE,MAAM,EAAEA;MAAO,CAAE,CAAC,eAE9BtD,IAAA,CAACxB,IAAI;QAACoF,KAAK,EAAEL,aAAa,CAACC,QAAS;QAAAG,QAAA,eAClC3D,IAAA,CAACxB,IAAI;UAACoF,KAAK,EAAE,CAACH,MAAM,CAACK,cAAc,EAAE3C,SAAS,CAAE;UAAAwC,QAAA,EAC7CjD,UAAU,CAACqD,GAAG,CAAEF,SAAS,iBACxB7D,IAAA,CAAChB,cAAc;YAEb6E,SAAS,EAAEA,SAAU;YACrBG,UAAU,EAAErD,mBAAmB,KAAKkD,SAAS,CAACI,EAAG;YACjDC,OAAO,EAAEA,CAAA,KAAMtC,oBAAoB,CAACiC,SAAS,CAACI,EAAE,CAAE;YAClD/C,UAAU,EAAEA;UAAW,GAJlB2C,SAAS,CAACI,EAKhB,CACF;QAAC,CACE;MAAC,CACH,CAAC,eAEPjE,IAAA,CAACb,iBAAiB;QAAA,GAAK2C;MAAsB,CAAG,CAAC,eAEjD9B,IAAA,CAACZ,aAAa;QAAA,GAAKqD;MAAkB,CAAG,CAAC,eAEzCzC,IAAA,CAACX,iBAAiB;QAAA,GAAK+D;MAAsB,CAAG,CAAC;IAAA,CAC7C;EAAC,CACO,CAAC;AAErB,CAAC,CAAC;AAEF,MAAMK,MAAM,GAAGhF,UAAU,CAAC0F,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR,CAAC;EACDZ,QAAQ,EAAE;IACRY,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBZ,UAAU,EAAE,GAAG;IACfa,aAAa,EAAE;EACjB,CAAC;EACDT,cAAc,EAAE;IACdU,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBJ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,UAAU;IACtBI,GAAG,EAAE,EAAE;IACPC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEFxE,UAAU,CAACyE,WAAW,GAAG,YAAY","ignoreList":[]}