react-native-games 1.1.0 → 1.3.0

package/lib/module/games/sliding-numbers/components/NumbersGrid.js

@@ -1,174 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { View, StyleSheet, Dimensions } from 'react-native';
-import Animated, { useAnimatedStyle, withSpring, useSharedValue, withSequence } from 'react-native-reanimated';
-import { NumbersTile } from "./NumbersTile.js";
-import { useTiles, useGridSize, useEmptyPosition, useSlidingNumbersStore } from "../SlidingNumbersStore.js";
-import { SLIDING_NUMBERS_GAME_CONFIG, SLIDING_NUMBERS_ANIMATION_CONFIG } from "../SlidingNumbersConstants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const NumbersGrid = /*#__PURE__*/React.memo(({
-  difficulty
-}) => {
-  const tiles = useTiles();
-  const gridSize = useGridSize();
-  const emptyPosition = useEmptyPosition();
-  const isPlaying = useSlidingNumbersStore(state => state.isPlaying);
-  const isCompleted = useSlidingNumbersStore(state => state.isCompleted);
-  const moveTile = useSlidingNumbersStore(state => state.moveTile);
-  const checkCompletion = useSlidingNumbersStore(state => state.checkCompletion);
-  const completionScale = useSharedValue(1);
-
-  // Calculate grid dimensions
-  const gridDimensions = useMemo(() => {
-    const gap = SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP;
-    const padding = (gap + 8) * 2; // padding from grid container
-
-    // Calculate available space for the grid content
-    const {
-      width: screenWidth
-    } = Dimensions.get('window');
-    const maxAvailableWidth = screenWidth - padding - 40; // Leave margin for screen edges
-
-    // Calculate optimal tile size based on grid size
-    const availableForTiles = maxAvailableWidth - gap * (gridSize - 1);
-    const optimalTileSize = Math.floor(availableForTiles / gridSize);
-
-    // Ensure minimum tile size for usability
-    const minTileSize = 45;
-    const maxTileSize = 80;
-    const tileSize = Math.max(minTileSize, Math.min(maxTileSize, optimalTileSize));
-
-    // Calculate actual content size: tiles + gaps between them
-    const tilesWidth = tileSize * gridSize;
-    const gapsWidth = gap * (gridSize - 1);
-    const contentSize = tilesWidth + gapsWidth;
-    const totalSize = contentSize + padding;
-    return {
-      width: totalSize,
-      height: totalSize,
-      contentWidth: contentSize,
-      contentHeight: contentSize,
-      tileSize,
-      gap
-    };
-  }, [gridSize]);
-
-  // Create grid layout
-  const gridLayout = useMemo(() => {
-    const layout = [];
-
-    // Initialize empty grid
-    for (let row = 0; row < gridSize; row++) {
-      layout[row] = [];
-      for (let col = 0; col < gridSize; col++) {
-        const rowArray = layout[row];
-        if (rowArray) {
-          rowArray[col] = null;
-        }
-      }
-    }
-
-    // Place tiles in their current positions
-    tiles.forEach(tile => {
-      const {
-        row,
-        col
-      } = tile.position;
-      if (row >= 0 && row < gridSize && col >= 0 && col < gridSize && layout[row]) {
-        layout[row][col] = tile;
-      }
-    });
-    return layout;
-  }, [tiles, gridSize]);
-
-  // Memoized tile press handler with useCallback
-  const handleTilePress = React.useCallback(tileId => {
-    if (!isPlaying || isCompleted) return;
-    const success = moveTile(tileId);
-    if (success) {
-      // Check completion after successful move
-      checkCompletion(difficulty);
-    }
-  }, [isPlaying, isCompleted, moveTile, checkCompletion, difficulty]);
-
-  // Memoized tile movability checker with useCallback
-  const isTileMovable = React.useCallback(tile => {
-    if (!tile || tile.value === 0 || !isPlaying || isCompleted) return false;
-    const emptyPos = emptyPosition;
-    const rowDiff = Math.abs(tile.position.row - emptyPos.row);
-    const colDiff = Math.abs(tile.position.col - emptyPos.col);
-    return rowDiff === 1 && colDiff === 0 || rowDiff === 0 && colDiff === 1;
-  }, [emptyPosition, isPlaying, isCompleted]);
-
-  // Animated style for completion celebration
-  const animatedGridStyle = useAnimatedStyle(() => ({
-    transform: [{
-      scale: completionScale.value
-    }]
-  }));
-
-  // Trigger completion animation
-  React.useEffect(() => {
-    if (isCompleted) {
-      completionScale.value = withSequence(withSpring(1.1, SLIDING_NUMBERS_ANIMATION_CONFIG.COMPLETION_CELEBRATION), withSpring(1, SLIDING_NUMBERS_ANIMATION_CONFIG.COMPLETION_CELEBRATION));
-    }
-  }, [isCompleted]);
-
-  // Memoize grid container style
-  const gridContainerStyle = useMemo(() => [styles.gridContainer, {
-    width: gridDimensions.width,
-    height: gridDimensions.height
-  }, animatedGridStyle], [gridDimensions.width, gridDimensions.height, animatedGridStyle]);
-
-  // Memoize tile slot style factory
-  const getTileSlotStyle = React.useCallback(tileSize => [styles.tileSlot, {
-    width: tileSize,
-    height: tileSize
-  }], []);
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: gridContainerStyle,
-    children: gridLayout.map((row, rowIndex) => /*#__PURE__*/_jsx(View, {
-      style: styles.row,
-      children: row.map((tile, colIndex) => /*#__PURE__*/_jsx(View, {
-        style: getTileSlotStyle(gridDimensions.tileSize),
-        children: tile && tile.value !== 0 && /*#__PURE__*/_jsx(NumbersTile, {
-          tile: tile,
-          onPress: handleTilePress,
-          isMovable: isTileMovable(tile),
-          tileSize: gridDimensions.tileSize
-        })
-      }, `${rowIndex}-${colIndex}`))
-    }, rowIndex))
-  });
-});
-const styles = StyleSheet.create({
-  gridContainer: {
-    backgroundColor: '#FFFFFF',
-    borderRadius: 20,
-    padding: SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP + 8,
-    // Clean shadow like the physical puzzle frame
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 8,
-    // Ensure the container fits its content properly
-    alignSelf: 'center'
-  },
-  row: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  tileSlot: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    margin: SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP / 2
-  }
-});
-NumbersGrid.displayName = 'NumbersGrid';
-//# sourceMappingURL=NumbersGrid.js.map
+"use strict";import React,{useMemo}from 'react';import{View,StyleSheet,Dimensions}from 'react-native';import Animated,{useAnimatedStyle,withSpring,useSharedValue,withSequence}from 'react-native-reanimated';import{NumbersTile}from "./NumbersTile.js";import{useTiles,useGridSize,useEmptyPosition,useSlidingNumbersStore}from "../SlidingNumbersStore.js";import{SLIDING_NUMBERS_GAME_CONFIG,SLIDING_NUMBERS_ANIMATION_CONFIG}from "../SlidingNumbersConstants.js";import{jsx as _jsx}from "react/jsx-runtime";export const NumbersGrid = React.memo(({difficulty})=>{const tiles = useTiles();const gridSize = useGridSize();const emptyPosition = useEmptyPosition();const isPlaying = useSlidingNumbersStore(state => state.isPlaying);const isCompleted = useSlidingNumbersStore(state => state.isCompleted);const moveTile = useSlidingNumbersStore(state => state.moveTile);const checkCompletion = useSlidingNumbersStore(state => state.checkCompletion);const completionScale = useSharedValue(1);const gridDimensions = useMemo(()=>{const gap = SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP;const padding =(gap + 8)* 2;const{width:screenWidth}= Dimensions.get('window');const maxAvailableWidth = screenWidth - padding - 40;const availableForTiles = maxAvailableWidth - gap *(gridSize - 1);const optimalTileSize = Math.floor(availableForTiles / gridSize);const minTileSize = 45;const maxTileSize = 80;const tileSize = Math.max(minTileSize,Math.min(maxTileSize,optimalTileSize));const tilesWidth = tileSize * gridSize;const gapsWidth = gap *(gridSize - 1);const contentSize = tilesWidth + gapsWidth;const totalSize = contentSize + padding;return{width:totalSize,height:totalSize,contentWidth:contentSize,contentHeight:contentSize,tileSize,gap};},[gridSize]);const gridLayout = useMemo(()=>{const layout = [];for(let row = 0;row < gridSize;row++){layout[row] = [];for(let col = 0;col < gridSize;col++){const rowArray = layout[row];if(rowArray){rowArray[col] = null;}}}tiles.forEach(tile =>{const{row,col}= tile.position;if(row >= 0 && row < gridSize && col >= 0 && col < gridSize && layout[row]){layout[row][col] = tile;}});return layout;},[tiles,gridSize]);const handleTilePress = React.useCallback(tileId =>{if(!isPlaying || isCompleted)return;const success = moveTile(tileId);if(success){checkCompletion(difficulty);}},[isPlaying,isCompleted,moveTile,checkCompletion,difficulty]);const isTileMovable = React.useCallback(tile =>{if(!tile || tile.value === 0 || !isPlaying || isCompleted)return false;const emptyPos = emptyPosition;const rowDiff = Math.abs(tile.position.row - emptyPos.row);const colDiff = Math.abs(tile.position.col - emptyPos.col);return rowDiff === 1 && colDiff === 0 || rowDiff === 0 && colDiff === 1;},[emptyPosition,isPlaying,isCompleted]);const animatedGridStyle = useAnimatedStyle(()=>({transform:[{scale:completionScale.value}]}));React.useEffect(()=>{if(isCompleted){completionScale.value = withSequence(withSpring(1.1,SLIDING_NUMBERS_ANIMATION_CONFIG.COMPLETION_CELEBRATION),withSpring(1,SLIDING_NUMBERS_ANIMATION_CONFIG.COMPLETION_CELEBRATION));}},[isCompleted]);const gridContainerStyle = useMemo(()=> [styles.gridContainer,{width:gridDimensions.width,height:gridDimensions.height},animatedGridStyle],[gridDimensions.width,gridDimensions.height,animatedGridStyle]);const getTileSlotStyle = React.useCallback(tileSize => [styles.tileSlot,{width:tileSize,height:tileSize}],[]);return _jsx(Animated.View,{style:gridContainerStyle,children:gridLayout.map((row,rowIndex)=> _jsx(View,{style:styles.row,children:row.map((tile,colIndex)=> _jsx(View,{style:getTileSlotStyle(gridDimensions.tileSize),children:tile && tile.value !== 0 && _jsx(NumbersTile,{tile:tile,onPress:handleTilePress,isMovable:isTileMovable(tile),tileSize:gridDimensions.tileSize})},`${rowIndex}-${colIndex}`))},rowIndex))});});const styles = StyleSheet.create({gridContainer:{backgroundColor:'#FFFFFF',borderRadius:20,padding:SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP + 8,shadowColor:'#000',shadowOffset:{width:0,height:4},shadowOpacity:0.1,shadowRadius:8,elevation:8,alignSelf:'center'},row:{flexDirection:'row',justifyContent:'center',alignItems:'center'},tileSlot:{justifyContent:'center',alignItems:'center',margin:SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP / 2}});NumbersGrid.displayName = 'NumbersGrid';

package/lib/module/games/sliding-numbers/components/NumbersTile.js

@@ -1,116 +1 @@
-"use strict";
-
-import React from 'react';
-import { StyleSheet, TouchableOpacity, Text } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, withSpring, runOnJS } from 'react-native-reanimated';
-import { SLIDING_NUMBERS_COLORS, SLIDING_NUMBERS_GAME_CONFIG, SLIDING_NUMBERS_ANIMATION_CONFIG, NUMBER_WORDS } from "../SlidingNumbersConstants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
-export const NumbersTile = /*#__PURE__*/React.memo(({
-  tile,
-  onPress,
-  isMovable,
-  tileSize
-}) => {
-  const scale = useSharedValue(1);
-  const opacity = useSharedValue(tile.value === 0 ? 0 : 1);
-  const handlePress = React.useCallback(() => {
-    if (tile.value !== 0 && isMovable) {
-      // Animate press feedback
-      scale.value = withSpring(0.95, SLIDING_NUMBERS_ANIMATION_CONFIG.TILE_PRESS, () => {
-        scale.value = withSpring(1, SLIDING_NUMBERS_ANIMATION_CONFIG.TILE_PRESS);
-      });
-      runOnJS(onPress)(tile.id);
-    }
-  }, [tile.value, tile.id, isMovable, onPress, scale]);
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      scale: scale.value
-    }],
-    opacity: opacity.value
-  }));
-
-  // Don't render empty tile
-  if (tile.value === 0) {
-    return null;
-  }
-
-  // Memoized tile color and word
-  const {
-    tileColor,
-    numberWord
-  } = React.useMemo(() => {
-    const colorIndex = (tile.value - 1) % SLIDING_NUMBERS_COLORS.TILE_COLORS.length;
-    const color = SLIDING_NUMBERS_COLORS.TILE_COLORS[colorIndex] || SLIDING_NUMBERS_COLORS.TILE_COLORS[0];
-    const word = NUMBER_WORDS[tile.value] || '';
-    return {
-      tileColor: color,
-      numberWord: word
-    };
-  }, [tile.value]);
-
-  // Memoized font sizes
-  const {
-    numberFontSize,
-    wordFontSize
-  } = React.useMemo(() => ({
-    numberFontSize: Math.max(16, tileSize * 0.4),
-    wordFontSize: Math.max(8, tileSize * 0.15)
-  }), [tileSize]);
-  return /*#__PURE__*/_jsxs(AnimatedTouchableOpacity, {
-    style: [styles.tile, {
-      width: tileSize,
-      height: tileSize,
-      backgroundColor: tileColor,
-      borderColor: tile.isCorrect ? 'transparent' : '#FF4444',
-      borderWidth: tile.isCorrect ? 0 : 2
-    }, animatedStyle],
-    onPress: handlePress,
-    activeOpacity: 0.8,
-    disabled: !isMovable || tile.value === 0,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: [styles.number, {
-        fontSize: numberFontSize
-      }],
-      children: tile.value
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.word, {
-        fontSize: wordFontSize
-      }],
-      children: numberWord
-    })]
-  });
-}, (prevProps, nextProps) => {
-  // Custom comparison for better memoization
-  return prevProps.tile.id === nextProps.tile.id && prevProps.tile.value === nextProps.tile.value && prevProps.tile.isCorrect === nextProps.tile.isCorrect && prevProps.tile.position.row === nextProps.tile.position.row && prevProps.tile.position.col === nextProps.tile.position.col && prevProps.isMovable === nextProps.isMovable && prevProps.tileSize === nextProps.tileSize;
-});
-const styles = StyleSheet.create({
-  tile: {
-    margin: SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP / 2,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 16,
-    // Soft shadow like in the image
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 6
-  },
-  number: {
-    fontWeight: 'bold',
-    color: '#000000',
-    textAlign: 'center',
-    marginBottom: 2
-  },
-  word: {
-    fontWeight: 'normal',
-    color: '#000000',
-    textAlign: 'center'
-  }
-});
-NumbersTile.displayName = 'NumbersTile';
-//# sourceMappingURL=NumbersTile.js.map
+"use strict";import React from 'react';import{StyleSheet,TouchableOpacity,Text}from 'react-native';import Animated,{useSharedValue,useAnimatedStyle,withSpring,runOnJS}from 'react-native-reanimated';import{SLIDING_NUMBERS_COLORS,SLIDING_NUMBERS_GAME_CONFIG,SLIDING_NUMBERS_ANIMATION_CONFIG,NUMBER_WORDS}from "../SlidingNumbersConstants.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);export const NumbersTile = React.memo(({tile,onPress,isMovable,tileSize})=>{const scale = useSharedValue(1);const opacity = useSharedValue(tile.value === 0 ? 0:1);const handlePress = React.useCallback(()=>{if(tile.value !== 0 && isMovable){scale.value = withSpring(0.95,SLIDING_NUMBERS_ANIMATION_CONFIG.TILE_PRESS,()=>{scale.value = withSpring(1,SLIDING_NUMBERS_ANIMATION_CONFIG.TILE_PRESS);});runOnJS(onPress)(tile.id);}},[tile.value,tile.id,isMovable,onPress,scale]);const animatedStyle = useAnimatedStyle(()=>({transform:[{scale:scale.value}],opacity:opacity.value}));if(tile.value === 0){return null;}const{tileColor,numberWord}= React.useMemo(()=>{const colorIndex =(tile.value - 1)% SLIDING_NUMBERS_COLORS.TILE_COLORS.length;const color = SLIDING_NUMBERS_COLORS.TILE_COLORS[colorIndex] || SLIDING_NUMBERS_COLORS.TILE_COLORS[0];const word = NUMBER_WORDS[tile.value] || '';return{tileColor:color,numberWord:word};},[tile.value]);const{numberFontSize,wordFontSize}= React.useMemo(()=>({numberFontSize:Math.max(16,tileSize * 0.4),wordFontSize:Math.max(8,tileSize * 0.15)}),[tileSize]);return _jsxs(AnimatedTouchableOpacity,{style:[styles.tile,{width:tileSize,height:tileSize,backgroundColor:tileColor,borderColor:tile.isCorrect ? 'transparent':'#FF4444',borderWidth:tile.isCorrect ? 0:2},animatedStyle],onPress:handlePress,activeOpacity:0.8,disabled:!isMovable || tile.value === 0,children:[_jsx(Text,{style:[styles.number,{fontSize:numberFontSize}],children:tile.value}),_jsx(Text,{style:[styles.word,{fontSize:wordFontSize}],children:numberWord})]});},(prevProps,nextProps)=>{return prevProps.tile.id === nextProps.tile.id && prevProps.tile.value === nextProps.tile.value && prevProps.tile.isCorrect === nextProps.tile.isCorrect && prevProps.tile.position.row === nextProps.tile.position.row && prevProps.tile.position.col === nextProps.tile.position.col && prevProps.isMovable === nextProps.isMovable && prevProps.tileSize === nextProps.tileSize;});const styles = StyleSheet.create({tile:{margin:SLIDING_NUMBERS_GAME_CONFIG.TILE_GAP / 2,justifyContent:'center',alignItems:'center',borderRadius:16,shadowColor:'#000',shadowOffset:{width:0,height:3},shadowOpacity:0.15,shadowRadius:6,elevation:6},number:{fontWeight:'bold',color:'#000000',textAlign:'center',marginBottom:2},word:{fontWeight:'normal',color:'#000000',textAlign:'center'}});NumbersTile.displayName = 'NumbersTile';

package/lib/module/games/sliding-numbers/components/ScoreBoard.js

@@ -1,64 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { useTimeElapsed } from "../SlidingNumbersStore.js";
-import { SlidingNumbersService } from "../SlidingNumbersService.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 gameService = useMemo(() => new SlidingNumbersService(), []);
-  const timeElapsed = useTimeElapsed();
-  const formattedTime = useMemo(() => gameService.formatTime(timeElapsed), [gameService, timeElapsed]);
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: "rgba(245, 245, 220, 0.6)",
-    borderColor: "rgba(255, 255, 255, 0.3)",
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.scoreBoard,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreSection,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Time Elapsed"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.timeValue, {
-            color: '#3b82f6'
-          }],
-          children: formattedTime
-        })]
-      })
-    })
-  });
-});
-const styles = StyleSheet.create({
-  scoreBoard: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center'
-  },
-  scoreSection: {
-    alignItems: 'center',
-    flex: 1
-  },
-  scoreLabel: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#4a5568',
-    // Dark gray for better contrast
-    marginBottom: 4
-  },
-  timeValue: {
-    fontSize: 30,
-    fontWeight: 'bold'
-  },
-  hintText: {
-    fontSize: 18,
-    fontWeight: '600',
-    color: '#10b981' // Green color for motivation
-  }
-});
-ScoreBoard.displayName = 'ScoreBoard';
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React,{useMemo}from 'react';import{View,Text,StyleSheet}from 'react-native';import{useTimeElapsed}from "../SlidingNumbersStore.js";import{SlidingNumbersService}from "../SlidingNumbersService.js";import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const ScoreBoard = React.memo(({offset = 0})=>{const gameService = useMemo(()=> new SlidingNumbersService(),[]);const timeElapsed = useTimeElapsed();const formattedTime = useMemo(()=> gameService.formatTime(timeElapsed),[gameService,timeElapsed]);return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:"rgba(245,245,220,0.6)",borderColor:"rgba(255,255,255,0.3)",children:_jsx(View,{style:styles.scoreBoard,children:_jsxs(View,{style:styles.scoreSection,children:[_jsx(Text,{style:styles.scoreLabel,children:"Time Elapsed"}),_jsx(Text,{style:[styles.timeValue,{color:'#3b82f6'}],children:formattedTime})]})})});});const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'space-between',alignItems:'center'},scoreSection:{alignItems:'center',flex:1},scoreLabel:{fontSize:16,fontWeight:'bold',color:'#4a5568',marginBottom:4},timeValue:{fontSize:25,fontWeight:'bold'},hintText:{fontSize:18,fontWeight:'600',color:'#10b981'}});ScoreBoard.displayName = 'ScoreBoard';

package/lib/module/games/sliding-numbers/components/index.js

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

package/lib/module/games/snake/Snake.js

@@ -1,189 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { GestureHandlerRootView, Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { runOnJS } from 'react-native-reanimated';
-import { GameControlButton, GameOverModal, GameSettingsModal } from "../../helpers/index.js";
-import { DEFAULT_GAME_SETTINGS, GAME_IDS } from "../../services/UtilsService.js";
-import { GameBackground, GameGrid, ScoreBoard } from "./components/index.js";
-import { useSnakeStore, useScore, useIsPlaying, useIsGameOver } from "./SnakeStore.js";
-import { SNAKE_COLORS } from "./SnakeConstants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Snake = /*#__PURE__*/React.memo(({
-  settings,
-  onSettingsChange
-}) => {
-  // Zustand store selectors for optimal re-renders
-  const score = useScore();
-  const isPlaying = useIsPlaying();
-  const isGameOver = useIsGameOver();
-
-  // Store actions - use stable references to prevent re-renders
-  const startGame = useSnakeStore(state => state.startGame);
-  const stopGame = useSnakeStore(state => state.stopGame);
-  const resetGame = useSnakeStore(state => state.resetGame);
-  const initializeGame = useSnakeStore(state => state.initializeGame);
-  const updateSettings = useSnakeStore(state => state.updateSettings);
-  const changeDirection = useSnakeStore(state => state.changeDirection);
-
-  // Track previous values to prevent unnecessary updates
-  const prevSettingsRef = React.useRef({
-    enableSounds: true,
-    enableHaptics: true
-  });
-  const prevDifficultyRef = React.useRef('easy');
-
-  // Update settings when they change
-  React.useEffect(() => {
-    const enableSounds = settings?.enableSounds ?? true;
-    const enableHaptics = settings?.enableHaptics ?? true;
-
-    // Only update if values actually changed
-    if (prevSettingsRef.current.enableSounds !== enableSounds || prevSettingsRef.current.enableHaptics !== enableHaptics) {
-      prevSettingsRef.current = {
-        enableSounds,
-        enableHaptics
-      };
-      updateSettings(enableSounds, enableHaptics);
-    }
-  }, [updateSettings, settings?.enableSounds, settings?.enableHaptics]);
-
-  // Initialize on mount and when difficulty changes
-  React.useEffect(() => {
-    const difficulty = settings?.difficulty || 'easy';
-
-    // Only initialize if difficulty actually changed
-    if (prevDifficultyRef.current !== difficulty) {
-      prevDifficultyRef.current = difficulty;
-      initializeGame(difficulty);
-    }
-  }, [initializeGame, settings?.difficulty]);
-
-  // Game control handlers
-  const handleStartGame = React.useCallback(() => {
-    startGame();
-  }, [startGame]);
-  const handleResetGame = React.useCallback(() => {
-    resetGame();
-  }, [resetGame]);
-  const handleStopGame = React.useCallback(() => {
-    stopGame();
-  }, [stopGame]);
-
-  // Gesture handler for swipe controls with safe state updates
-  const handleSwipe = React.useCallback(direction => {
-    try {
-      if (!isPlaying) return;
-
-      // Use requestAnimationFrame for safer state updates
-      requestAnimationFrame(() => {
-        try {
-          changeDirection(direction);
-        } catch (error) {
-          console.error('Direction change error:', error);
-        }
-      });
-    } catch (error) {
-      console.error('Swipe handler error:', error);
-    }
-  }, [isPlaying, changeDirection]);
-
-  // Pan gesture for swipe detection
-  const panGesture = React.useMemo(() => Gesture.Pan().onEnd(event => {
-    const threshold = 30; // Minimum swipe distance
-    const absX = Math.abs(event.translationX);
-    const absY = Math.abs(event.translationY);
-    if (absX > threshold || absY > threshold) {
-      if (absX > absY) {
-        // Horizontal swipe
-        if (event.translationX > 0) {
-          runOnJS(handleSwipe)('RIGHT');
-        } else {
-          runOnJS(handleSwipe)('LEFT');
-        }
-      } else {
-        // Vertical swipe
-        if (event.translationY > 0) {
-          runOnJS(handleSwipe)('DOWN');
-        } else {
-          runOnJS(handleSwipe)('UP');
-        }
-      }
-    }
-  }), [handleSwipe]);
-
-  // Memoized GameControlButton props
-  const gameControlButtonProps = React.useMemo(() => ({
-    isPlaying,
-    gameOver: isGameOver,
-    onStartGame: handleStartGame,
-    onStopGame: handleStopGame,
-    onResetGame: handleResetGame,
-    startButtonText: 'Start Slithering!',
-    startButtonSubtext: 'Swipe to move or turn.',
-    startButtonColor: SNAKE_COLORS.BUTTON_PRIMARY,
-    startButtonBorderColor: SNAKE_COLORS.BUTTON_SECONDARY
-  }), [isPlaying, isGameOver, handleStartGame, handleStopGame, handleResetGame]);
-
-  // Memoized GameOverModal props
-  const gameOverModalProps = React.useMemo(() => ({
-    isVisible: isGameOver,
-    score,
-    onPlayAgain: handleResetGame,
-    buttonText: 'Play Again!',
-    primaryColor: SNAKE_COLORS.MODAL_PRIMARY,
-    borderColor: SNAKE_COLORS.MODAL_BORDER,
-    buttonColor: SNAKE_COLORS.MODAL_BUTTON,
-    buttonBorderColor: SNAKE_COLORS.MODAL_BUTTON_BORDER,
-    scoreFormatter: s => `${s}`,
-    additionalInfo: 'Great slithering!'
-  }), [isGameOver, score, handleResetGame]);
-
-  // Memoized GameSettingsModal props
-  const gameSettingsModalProps = React.useMemo(() => ({
-    gameId: GAME_IDS.SNAKE,
-    settings: settings || DEFAULT_GAME_SETTINGS,
-    onSettingsChange
-  }), [settings, onSettingsChange]);
-
-  // Get offset from settings
-  const offset = settings?.offset ?? 0;
-  return /*#__PURE__*/_jsx(GameBackground, {
-    children: /*#__PURE__*/_jsxs(GestureHandlerRootView, {
-      style: styles.container,
-      children: [/*#__PURE__*/_jsx(GestureDetector, {
-        gesture: panGesture,
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.container,
-          children: /*#__PURE__*/_jsx(View, {
-            style: [styles.gridContainer, {
-              paddingTop: offset
-            }],
-            children: /*#__PURE__*/_jsx(GameGrid, {})
-          })
-        })
-      }), /*#__PURE__*/_jsx(ScoreBoard, {
-        offset: offset
-      }), /*#__PURE__*/_jsx(GameControlButton, {
-        ...gameControlButtonProps
-      }), /*#__PURE__*/_jsx(GameOverModal, {
-        ...gameOverModalProps
-      }), /*#__PURE__*/_jsx(GameSettingsModal, {
-        ...gameSettingsModalProps
-      })]
-    })
-  });
-});
-Snake.displayName = 'Snake';
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  gridContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-});
-//# sourceMappingURL=Snake.js.map
+"use strict";import React from 'react';import{View,StyleSheet}from 'react-native';import{GestureHandlerRootView,Gesture,GestureDetector}from 'react-native-gesture-handler';import{runOnJS}from 'react-native-reanimated';import{GameControlButton,GameOverModal,GameSettingsModal}from "../../helpers/index.js";import{DEFAULT_GAME_SETTINGS,GAME_IDS}from "../../services/UtilsService.js";import{GameBackground,GameGrid,ScoreBoard}from "./components/index.js";import{useSnakeStore,useScore,useIsPlaying,useIsGameOver}from "./SnakeStore.js";import{SNAKE_COLORS}from "./SnakeConstants.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const Snake = React.memo(({settings,onSettingsChange,onEndGame})=>{const score = useScore();const isPlaying = useIsPlaying();const isGameOver = useIsGameOver();const gameReportedRef = React.useRef(false);const reportGameEnd = React.useCallback(status =>{if(onEndGame && !gameReportedRef.current){onEndGame({status,score:score.toString()});gameReportedRef.current = true;}},[onEndGame,score]);const startGame = useSnakeStore(state => state.startGame);const stopGame = useSnakeStore(state => state.stopGame);const resetGame = useSnakeStore(state => state.resetGame);const initializeGame = useSnakeStore(state => state.initializeGame);const updateSettings = useSnakeStore(state => state.updateSettings);const changeDirection = useSnakeStore(state => state.changeDirection);const prevSettingsRef = React.useRef({enableSounds:true,enableHaptics:true});const prevDifficultyRef = React.useRef('easy');React.useEffect(()=>{const enableSounds = settings?.enableSounds ?? true;const enableHaptics = settings?.enableHaptics ?? true;if(prevSettingsRef.current.enableSounds !== enableSounds || prevSettingsRef.current.enableHaptics !== enableHaptics){prevSettingsRef.current ={enableSounds,enableHaptics};updateSettings(enableSounds,enableHaptics);}},[updateSettings,settings?.enableSounds,settings?.enableHaptics]);React.useEffect(()=>{const difficulty = settings?.difficulty || 'easy';if(prevDifficultyRef.current !== difficulty){prevDifficultyRef.current = difficulty;initializeGame(difficulty);}},[initializeGame,settings?.difficulty]);React.useEffect(()=>{if(isGameOver && !gameReportedRef.current){reportGameEnd('lose');}if(!isGameOver){gameReportedRef.current = false;}},[isGameOver,reportGameEnd]);const handleStartGame = React.useCallback(()=>{gameReportedRef.current = false;startGame();},[startGame]);const handleResetGame = React.useCallback(()=>{resetGame();},[resetGame]);const handleStopGame = React.useCallback(()=>{reportGameEnd('cancel');stopGame();},[stopGame,reportGameEnd]);const handleSwipe = React.useCallback(direction =>{try{if(!isPlaying)return;requestAnimationFrame(()=>{try{changeDirection(direction);}catch(error){console.error('Direction change error:',error);}});}catch(error){console.error('Swipe handler error:',error);}},[isPlaying,changeDirection]);const panGesture = React.useMemo(()=> Gesture.Pan().onEnd(event =>{const threshold = 30;const absX = Math.abs(event.translationX);const absY = Math.abs(event.translationY);if(absX > threshold || absY > threshold){if(absX > absY){if(event.translationX > 0){runOnJS(handleSwipe)('RIGHT');}else{runOnJS(handleSwipe)('LEFT');}}else{if(event.translationY > 0){runOnJS(handleSwipe)('DOWN');}else{runOnJS(handleSwipe)('UP');}}}}),[handleSwipe]);const gameControlButtonProps = React.useMemo(()=>({isPlaying,gameOver:isGameOver,onStartGame:handleStartGame,onStopGame:handleStopGame,onResetGame:handleResetGame,startButtonText:'Start Slithering!',startButtonSubtext:'Swipe to move or turn.',startButtonColor:SNAKE_COLORS.BUTTON_PRIMARY,startButtonBorderColor:SNAKE_COLORS.BUTTON_SECONDARY}),[isPlaying,isGameOver,handleStartGame,handleStopGame,handleResetGame]);const gameOverModalProps = React.useMemo(()=>({isVisible:isGameOver,score,onPlayAgain:handleResetGame,buttonText:'Play Again!',primaryColor:"rgba(0,204,106,0.5)",borderColor:"rgba(0,204,106,0.5)",buttonColor:"#ffffff",buttonBorderColor:"#ffffff",buttonTextColor:"#00cc6a",scoreFormatter:s => `${s}`}),[isGameOver,score,handleResetGame]);const gameSettingsModalProps = React.useMemo(()=>({gameId:GAME_IDS.SNAKE,settings:settings || DEFAULT_GAME_SETTINGS,onSettingsChange}),[settings,onSettingsChange]);const offset = settings?.offset ?? 0;return _jsx(GameBackground,{children:_jsxs(GestureHandlerRootView,{style:styles.container,children:[_jsx(GestureDetector,{gesture:panGesture,children:_jsx(View,{style:styles.container,children:_jsx(View,{style:[styles.gridContainer,{paddingTop:offset}],children:_jsx(GameGrid,{})})})}),_jsx(ScoreBoard,{offset:offset}),_jsx(GameControlButton,{...gameControlButtonProps}),_jsx(GameOverModal,{...gameOverModalProps}),_jsx(GameSettingsModal,{...gameSettingsModalProps})]})});});Snake.displayName = 'Snake';const styles = StyleSheet.create({container:{flex:1},gridContainer:{flex:1,justifyContent:'center',alignItems:'center'}});

package/lib/module/games/snake/Snake.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","GestureHandlerRootView","Gesture","GestureDetector","runOnJS","GameControlButton","GameOverModal","GameSettingsModal","DEFAULT_GAME_SETTINGS","GAME_IDS","GameBackground","GameGrid","ScoreBoard","useSnakeStore","useScore","useIsPlaying","useIsGameOver","SNAKE_COLORS","jsx","_jsx","jsxs","_jsxs","Snake","memo","settings","onSettingsChange","score","isPlaying","isGameOver","startGame","state","stopGame","resetGame","initializeGame","updateSettings","changeDirection","prevSettingsRef","useRef","enableSounds","enableHaptics","prevDifficultyRef","useEffect","current","difficulty","handleStartGame","useCallback","handleResetGame","handleStopGame","handleSwipe","direction","requestAnimationFrame","error","console","panGesture","useMemo","Pan","onEnd","event","threshold","absX","Math","abs","translationX","absY","translationY","gameControlButtonProps","gameOver","onStartGame","onStopGame","onResetGame","startButtonText","startButtonSubtext","startButtonColor","BUTTON_PRIMARY","startButtonBorderColor","BUTTON_SECONDARY","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","MODAL_PRIMARY","borderColor","MODAL_BORDER","buttonColor","MODAL_BUTTON","buttonBorderColor","MODAL_BUTTON_BORDER","scoreFormatter","s","additionalInfo","gameSettingsModalProps","gameId","SNAKE","offset","children","style","styles","container","gesture","gridContainer","paddingTop","displayName","create","flex","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["games/snake/Snake.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","StyleSheet","GestureHandlerRootView","Gesture","GestureDetector","runOnJS","GameControlButton","GameOverModal","GameSettingsModal","DEFAULT_GAME_SETTINGS","GAME_IDS","GameBackground","GameGrid","ScoreBoard","useSnakeStore","useScore","useIsPlaying","useIsGameOver","SNAKE_COLORS","jsx","_jsx","jsxs","_jsxs","Snake","memo","settings","onSettingsChange","onEndGame","score","isPlaying","isGameOver","gameReportedRef","useRef","reportGameEnd","useCallback","status","current","toString","startGame","state","stopGame","resetGame","initializeGame","updateSettings","changeDirection","prevSettingsRef","enableSounds","enableHaptics","prevDifficultyRef","useEffect","difficulty","handleStartGame","handleResetGame","handleStopGame","handleSwipe","direction","requestAnimationFrame","error","console","panGesture","useMemo","Pan","onEnd","event","threshold","absX","Math","abs","translationX","absY","translationY","gameControlButtonProps","gameOver","onStartGame","onStopGame","onResetGame","startButtonText","startButtonSubtext","startButtonColor","BUTTON_PRIMARY","startButtonBorderColor","BUTTON_SECONDARY","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","borderColor","buttonColor","buttonBorderColor","buttonTextColor","scoreFormatter","s","gameSettingsModalProps","gameId","SNAKE","offset","children","style","styles","container","gesture","gridContainer","paddingTop","displayName","create","flex","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["games/snake/Snake.tsx"],"mappings":"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","ignoreList":[]}