react-native-games 1.0.0 → 1.2.0

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

@@ -1,182 +1 @@
-"use strict";
-
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-import { immerMiddleware } from "../../services/UtilsService.js";
-import { SnakeService } from "./SnakeService.js";
-import { SNAKE_GAME_CONFIG, SNAKE_SOUNDS } from "./SnakeConstants.js";
-import { playSound } from "../../services/SoundsService.js";
-import { playHaptic, HapticType } from "../../services/HapticsService.js";
-const gameService = new SnakeService();
-export const useSnakeStore = create()(subscribeWithSelector(immerMiddleware((set, get) => ({
-  // Initial state
-  snake: gameService.initializeSnake(),
-  food: null,
-  direction: 'RIGHT',
-  nextDirection: 'RIGHT',
-  score: 0,
-  isPlaying: false,
-  isGameOver: false,
-  isPaused: false,
-  difficulty: 'easy',
-  enableSounds: true,
-  enableHaptics: true,
-  moveTimer: null,
-  startGame: () => {
-    const state = get();
-
-    // Clear any existing timers
-    if (state.moveTimer) clearInterval(state.moveTimer);
-
-    // Generate initial food
-    const initialFood = gameService.generateFood(state.snake, false);
-
-    // Start game loop
-    const gameSpeed = SNAKE_GAME_CONFIG.GAME_SPEED[state.difficulty];
-    const moveTimer = setInterval(() => {
-      const currentState = get();
-      if (currentState.isPlaying && !currentState.isPaused) {
-        currentState.gameLoop();
-      }
-    }, gameSpeed);
-    set(state => {
-      state.isPlaying = true;
-      state.isPaused = false;
-      state.food = initialFood;
-      state.moveTimer = moveTimer;
-    });
-  },
-  stopGame: () => {
-    const state = get();
-    if (state.moveTimer) clearInterval(state.moveTimer);
-    playSound(SNAKE_SOUNDS.LOSE, state.enableSounds);
-    playHaptic(HapticType.MEDIUM, state.enableHaptics);
-
-    // Reset the game instead of showing game over modal
-    state.initializeGame(state.difficulty);
-  },
-  pauseGame: () => {
-    set(state => {
-      state.isPaused = true;
-    });
-  },
-  resumeGame: () => {
-    set(state => {
-      state.isPaused = false;
-    });
-  },
-  resetGame: () => {
-    const state = get();
-    state.initializeGame(state.difficulty);
-  },
-  initializeGame: (difficulty = 'easy') => {
-    const state = get();
-    if (state.moveTimer) clearInterval(state.moveTimer);
-    gameService.resetIdCounter();
-    const newSnake = gameService.initializeSnake();
-    set(state => {
-      state.snake = newSnake;
-      state.food = null;
-      state.direction = 'RIGHT';
-      state.nextDirection = 'RIGHT';
-      state.score = 0;
-      state.isPlaying = false;
-      state.isGameOver = false;
-      state.isPaused = false;
-      state.difficulty = difficulty;
-      state.moveTimer = null;
-    });
-  },
-  changeDirection: newDirection => {
-    const state = get();
-    if (!state.isPlaying || state.isPaused) return;
-
-    // Check if direction change is valid (can't reverse)
-    if (gameService.isValidDirectionChange(state.direction, newDirection)) {
-      set(state => {
-        state.nextDirection = newDirection;
-      });
-    }
-  },
-  gameLoop: () => {
-    const state = get();
-    if (!state.isPlaying || state.isPaused || state.isGameOver) return;
-    set(draft => {
-      // Update direction
-      draft.direction = draft.nextDirection;
-
-      // Move snake
-      const newSnake = gameService.moveSnake(draft.snake, draft.direction);
-      const head = newSnake[0];
-      if (!head) return;
-
-      // Check wall collision
-      if (gameService.checkWallCollision(head)) {
-        draft.isGameOver = true;
-        draft.isPlaying = false;
-        if (draft.moveTimer) {
-          clearInterval(draft.moveTimer);
-          draft.moveTimer = null;
-        }
-        playSound(SNAKE_SOUNDS.COLLISION, draft.enableSounds);
-        playHaptic(HapticType.HEAVY, draft.enableHaptics);
-        return;
-      }
-
-      // Check self collision
-      if (gameService.checkSelfCollision(newSnake)) {
-        draft.isGameOver = true;
-        draft.isPlaying = false;
-        if (draft.moveTimer) {
-          clearInterval(draft.moveTimer);
-          draft.moveTimer = null;
-        }
-        playSound(SNAKE_SOUNDS.COLLISION, draft.enableSounds);
-        playHaptic(HapticType.HEAVY, draft.enableHaptics);
-        return;
-      }
-
-      // Check food collision
-      if (draft.food && gameService.checkFoodCollision(head, draft.food)) {
-        // Grow snake
-        const grownSnake = gameService.growSnake(newSnake);
-        draft.snake = grownSnake;
-
-        // Update score with difficulty multiplier
-        const points = gameService.calculateScore(draft.food.isSpecial, draft.difficulty);
-        draft.score += points;
-
-        // Play sound
-        const sound = draft.food.isSpecial ? SNAKE_SOUNDS.SPECIAL : SNAKE_SOUNDS.EAT;
-        playSound(sound, draft.enableSounds);
-        playHaptic(draft.food.isSpecial ? HapticType.HEAVY : HapticType.MEDIUM, draft.enableHaptics);
-
-        // Generate new food
-        const isSpecial = Math.random() < SNAKE_GAME_CONFIG.SPECIAL_FOOD_CHANCE;
-        draft.food = gameService.generateFood(grownSnake, isSpecial);
-      } else {
-        draft.snake = newSnake;
-      }
-
-      // Check if special food expired
-      if (draft.food && gameService.isSpecialFoodExpired(draft.food)) {
-        draft.food = gameService.generateFood(draft.snake, false);
-      }
-    });
-  },
-  updateSettings: (enableSounds, enableHaptics) => {
-    set(state => {
-      state.enableSounds = enableSounds;
-      state.enableHaptics = enableHaptics;
-    });
-  }
-}))));
-
-// Selector hooks for optimal re-renders
-export const useSnake = () => useSnakeStore(state => state.snake);
-export const useFood = () => useSnakeStore(state => state.food);
-export const useScore = () => useSnakeStore(state => state.score);
-export const useIsPlaying = () => useSnakeStore(state => state.isPlaying);
-export const useIsGameOver = () => useSnakeStore(state => state.isGameOver);
-export const useIsPaused = () => useSnakeStore(state => state.isPaused);
-//# sourceMappingURL=SnakeStore.js.map
+"use strict";import{create}from 'zustand';import{subscribeWithSelector}from 'zustand/middleware';import{immerMiddleware}from "../../services/UtilsService.js";import{SnakeService}from "./SnakeService.js";import{SNAKE_GAME_CONFIG,SNAKE_SOUNDS}from "./SnakeConstants.js";import{playSound}from "../../services/SoundsService.js";import{playHaptic,HapticType}from "../../services/HapticsService.js";const gameService = new SnakeService();export const useSnakeStore = create()(subscribeWithSelector(immerMiddleware((set,get)=>({snake:gameService.initializeSnake(),food:null,direction:'RIGHT',nextDirection:'RIGHT',score:0,isPlaying:false,isGameOver:false,isPaused:false,difficulty:'easy',enableSounds:true,enableHaptics:true,moveTimer:null,startGame:()=>{const state = get();if(state.moveTimer)clearInterval(state.moveTimer);const initialFood = gameService.generateFood(state.snake,false);const gameSpeed = SNAKE_GAME_CONFIG.GAME_SPEED[state.difficulty];const moveTimer = setInterval(()=>{const currentState = get();if(currentState.isPlaying && !currentState.isPaused){currentState.gameLoop();}},gameSpeed);set(state =>{state.isPlaying = true;state.isPaused = false;state.food = initialFood;state.moveTimer = moveTimer;});},stopGame:()=>{const state = get();if(state.moveTimer)clearInterval(state.moveTimer);playSound(SNAKE_SOUNDS.LOSE,state.enableSounds);playHaptic(HapticType.MEDIUM,state.enableHaptics);state.initializeGame(state.difficulty);},pauseGame:()=>{set(state =>{state.isPaused = true;});},resumeGame:()=>{set(state =>{state.isPaused = false;});},resetGame:()=>{const state = get();state.initializeGame(state.difficulty);},initializeGame:(difficulty = 'easy')=>{const state = get();if(state.moveTimer)clearInterval(state.moveTimer);gameService.resetIdCounter();const newSnake = gameService.initializeSnake();set(state =>{state.snake = newSnake;state.food = null;state.direction = 'RIGHT';state.nextDirection = 'RIGHT';state.score = 0;state.isPlaying = false;state.isGameOver = false;state.isPaused = false;state.difficulty = difficulty;state.moveTimer = null;});},changeDirection:newDirection =>{const state = get();if(!state.isPlaying || state.isPaused)return;if(gameService.isValidDirectionChange(state.direction,newDirection)){set(state =>{state.nextDirection = newDirection;});}},gameLoop:()=>{const state = get();if(!state.isPlaying || state.isPaused || state.isGameOver)return;set(draft =>{draft.direction = draft.nextDirection;const newSnake = gameService.moveSnake(draft.snake,draft.direction);const head = newSnake[0];if(!head)return;if(gameService.checkWallCollision(head)){draft.isGameOver = true;draft.isPlaying = false;if(draft.moveTimer){clearInterval(draft.moveTimer);draft.moveTimer = null;}playSound(SNAKE_SOUNDS.COLLISION,draft.enableSounds);playHaptic(HapticType.HEAVY,draft.enableHaptics);return;}if(gameService.checkSelfCollision(newSnake)){draft.isGameOver = true;draft.isPlaying = false;if(draft.moveTimer){clearInterval(draft.moveTimer);draft.moveTimer = null;}playSound(SNAKE_SOUNDS.COLLISION,draft.enableSounds);playHaptic(HapticType.HEAVY,draft.enableHaptics);return;}if(draft.food && gameService.checkFoodCollision(head,draft.food)){const grownSnake = gameService.growSnake(newSnake);draft.snake = grownSnake;const points = gameService.calculateScore(draft.food.isSpecial,draft.difficulty);draft.score += points;const sound = draft.food.isSpecial ? SNAKE_SOUNDS.SPECIAL:SNAKE_SOUNDS.EAT;playSound(sound,draft.enableSounds);playHaptic(draft.food.isSpecial ? HapticType.HEAVY:HapticType.MEDIUM,draft.enableHaptics);const isSpecial = Math.random()< SNAKE_GAME_CONFIG.SPECIAL_FOOD_CHANCE;draft.food = gameService.generateFood(grownSnake,isSpecial);}else{draft.snake = newSnake;}if(draft.food && gameService.isSpecialFoodExpired(draft.food)){draft.food = gameService.generateFood(draft.snake,false);}});},updateSettings:(enableSounds,enableHaptics)=>{set(state =>{state.enableSounds = enableSounds;state.enableHaptics = enableHaptics;});}}))));export const useSnake =()=> useSnakeStore(state => state.snake);export const useFood =()=> useSnakeStore(state => state.food);export const useScore =()=> useSnakeStore(state => state.score);export const useIsPlaying =()=> useSnakeStore(state => state.isPlaying);export const useIsGameOver =()=> useSnakeStore(state => state.isGameOver);export const useIsPaused =()=> useSnakeStore(state => state.isPaused);

package/lib/module/games/snake/components/GameBackground.js

@@ -1,221 +1 @@
-"use strict";
-
-import React from 'react';
-import { Canvas, Rect, LinearGradient, vec, Circle, RoundedRect } from '@shopify/react-native-skia';
-import { Dimensions, View } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-
-// Snake-themed vibrant neon colors
-const SNAKE_NEON_COLORS = ['#00ff88',
-// Neon green (primary)
-'#00ffaa',
-// Bright mint
-'#00cc6a',
-// Medium green
-'#00dd77',
-// Lime green
-'#00ff99',
-// Light green
-'#00ee77',
-// Bright green
-'#00bb55',
-// Forest green
-'#00aa44' // Deep green
-];
-export const GameBackground = /*#__PURE__*/React.memo(({
-  children
-}) => {
-  // Generate static floating snake-themed elements
-  const generateFloatingElements = React.useMemo(() => {
-    const elements = [];
-    const elementCount = 20;
-    for (let i = 0; i < elementCount; i++) {
-      const baseX = width / elementCount * i;
-      const baseY = height / elementCount * i;
-
-      // Add random offset for natural look
-      const x = baseX + Math.sin(i * 0.5) * 60 + Math.random() * 80;
-      const y = baseY + Math.cos(i * 0.7) * 70 + Math.random() * 100;
-      const size = 15 + Math.random() * 25;
-      const colorIndex = i % SNAKE_NEON_COLORS.length;
-      const opacity = 0.15 + Math.sin(i) * 0.1;
-      const elementX = Math.max(size / 2, Math.min(width - size, x));
-      const elementY = Math.max(size / 2, Math.min(height - size, y));
-
-      // Create different shapes for variety
-      if (i % 3 === 0) {
-        // Circular elements (like snake segments)
-        elements.push(/*#__PURE__*/_jsx(Circle, {
-          cx: elementX + size / 2,
-          cy: elementY + size / 2,
-          r: size / 2,
-          color: `${SNAKE_NEON_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
-        }, `circle-${i}`));
-      } else {
-        // Rounded rectangles (like snake body parts)
-        elements.push(/*#__PURE__*/_jsx(RoundedRect, {
-          x: elementX,
-          y: elementY,
-          width: size,
-          height: size,
-          r: size * 0.3,
-          color: `${SNAKE_NEON_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
-        }, `rect-${i}`));
-      }
-    }
-    return elements;
-  }, []);
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      flex: 1
-    },
-    children: [/*#__PURE__*/_jsxs(Canvas, {
-      style: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width,
-        height
-      },
-      children: [/*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width, height),
-          colors: ['#1a1a2e',
-          // Dark base
-          '#252541',
-          // Purple-blue
-          '#1e3a3a',
-          // Dark teal
-          '#1a2e1a',
-          // Dark green
-          '#1a1a2e' // Back to dark
-          ]
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width / 2, height / 2),
-          colors: [`${SNAKE_NEON_COLORS[0]}15`,
-          // Neon green
-          'transparent', `${SNAKE_NEON_COLORS[1]}10`,
-          // Bright mint
-          'transparent', `${SNAKE_NEON_COLORS[4]}15`,
-          // Light green
-          'transparent']
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(width, 0),
-          end: vec(0, height),
-          colors: [`${SNAKE_NEON_COLORS[2]}12`,
-          // Medium green
-          'transparent', `${SNAKE_NEON_COLORS[5]}10`,
-          // Bright green
-          'transparent', `${SNAKE_NEON_COLORS[3]}12`,
-          // Lime green
-          'transparent']
-        })
-      }), generateFloatingElements, /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.12,
-        cy: height * 0.15,
-        r: 35,
-        color: `${SNAKE_NEON_COLORS[0]}30`
-      }), /*#__PURE__*/_jsx(RoundedRect, {
-        x: width * 0.82,
-        y: height * 0.78,
-        width: 45,
-        height: 45,
-        r: 12,
-        color: `${SNAKE_NEON_COLORS[1]}35`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.85,
-        cy: height * 0.2,
-        r: 28,
-        color: `${SNAKE_NEON_COLORS[2]}30`
-      }), /*#__PURE__*/_jsx(RoundedRect, {
-        x: width * 0.08,
-        y: height * 0.75,
-        width: 50,
-        height: 50,
-        r: 15,
-        color: `${SNAKE_NEON_COLORS[3]}35`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.5,
-        cy: height * 0.1,
-        r: 25,
-        color: `${SNAKE_NEON_COLORS[4]}28`
-      }), /*#__PURE__*/_jsx(RoundedRect, {
-        x: width * 0.1,
-        y: height * 0.45,
-        width: 40,
-        height: 40,
-        r: 10,
-        color: `${SNAKE_NEON_COLORS[5]}32`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.88,
-        cy: height * 0.55,
-        r: 30,
-        color: `${SNAKE_NEON_COLORS[6]}30`
-      }), /*#__PURE__*/_jsx(RoundedRect, {
-        x: width * 0.55,
-        y: height * 0.85,
-        width: 35,
-        height: 35,
-        r: 8,
-        color: `${SNAKE_NEON_COLORS[7]}33`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.3,
-        cy: height * 0.3,
-        r: 20,
-        color: `${SNAKE_NEON_COLORS[0]}25`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.7,
-        cy: height * 0.4,
-        r: 24,
-        color: `${SNAKE_NEON_COLORS[1]}28`
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.4,
-        cy: height * 0.65,
-        r: 18,
-        color: `${SNAKE_NEON_COLORS[2]}26`
-      }), Array.from({
-        length: Math.floor(width / 70)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: i * 70,
-        y: 0,
-        width: 1,
-        height: height,
-        color: "rgba(0, 255, 136, 0.04)"
-      }, `grid-v-${i}`)), Array.from({
-        length: Math.floor(height / 70)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: i * 70,
-        width: width,
-        height: 1,
-        color: "rgba(0, 255, 136, 0.04)"
-      }, `grid-h-${i}`))]
-    }), children]
-  });
-});
-GameBackground.displayName = 'GameBackground';
-//# sourceMappingURL=GameBackground.js.map
+"use strict";import React from 'react';import{Canvas,Rect,LinearGradient,vec,Circle,RoundedRect}from '@shopify/react-native-skia';import{Dimensions,View}from 'react-native';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');const SNAKE_NEON_COLORS = ['#00ff88','#00ffaa','#00cc6a','#00dd77','#00ff99','#00ee77','#00bb55','#00aa44' ];export const GameBackground = React.memo(({children})=>{const generateFloatingElements = React.useMemo(()=>{const elements = [];const elementCount = 20;for(let i = 0;i < elementCount;i++){const baseX = width / elementCount * i;const baseY = height / elementCount * i;const x = baseX + Math.sin(i * 0.5)* 60 + Math.random()* 80;const y = baseY + Math.cos(i * 0.7)* 70 + Math.random()* 100;const size = 15 + Math.random()* 25;const colorIndex = i % SNAKE_NEON_COLORS.length;const opacity = 0.15 + Math.sin(i)* 0.1;const elementX = Math.max(size / 2,Math.min(width - size,x));const elementY = Math.max(size / 2,Math.min(height - size,y));if(i % 3 === 0){elements.push(_jsx(Circle,{cx:elementX + size / 2,cy:elementY + size / 2,r:size / 2,color:`${SNAKE_NEON_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2,'0')}`},`circle-${i}`));}else{elements.push(_jsx(RoundedRect,{x:elementX,y:elementY,width:size,height:size,r:size * 0.3,color:`${SNAKE_NEON_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2,'0')}`},`rect-${i}`));}}return elements;},[]);return _jsxs(View,{style:{flex:1},children:[_jsxs(Canvas,{style:{position:'absolute',top:0,left:0,right:0,bottom:0,width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width,height),colors:['#1a1a2e','#252541','#1e3a3a','#1a2e1a','#1a1a2e' ]})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width / 2,height / 2),colors:[`${SNAKE_NEON_COLORS[0]}15`,'transparent',`${SNAKE_NEON_COLORS[1]}10`,'transparent',`${SNAKE_NEON_COLORS[4]}15`,'transparent']})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(width,0),end:vec(0,height),colors:[`${SNAKE_NEON_COLORS[2]}12`,'transparent',`${SNAKE_NEON_COLORS[5]}10`,'transparent',`${SNAKE_NEON_COLORS[3]}12`,'transparent']})}),generateFloatingElements,_jsx(Circle,{cx:width * 0.12,cy:height * 0.15,r:35,color:`${SNAKE_NEON_COLORS[0]}30`}),_jsx(RoundedRect,{x:width * 0.82,y:height * 0.78,width:45,height:45,r:12,color:`${SNAKE_NEON_COLORS[1]}35`}),_jsx(Circle,{cx:width * 0.85,cy:height * 0.2,r:28,color:`${SNAKE_NEON_COLORS[2]}30`}),_jsx(RoundedRect,{x:width * 0.08,y:height * 0.75,width:50,height:50,r:15,color:`${SNAKE_NEON_COLORS[3]}35`}),_jsx(Circle,{cx:width * 0.5,cy:height * 0.1,r:25,color:`${SNAKE_NEON_COLORS[4]}28`}),_jsx(RoundedRect,{x:width * 0.1,y:height * 0.45,width:40,height:40,r:10,color:`${SNAKE_NEON_COLORS[5]}32`}),_jsx(Circle,{cx:width * 0.88,cy:height * 0.55,r:30,color:`${SNAKE_NEON_COLORS[6]}30`}),_jsx(RoundedRect,{x:width * 0.55,y:height * 0.85,width:35,height:35,r:8,color:`${SNAKE_NEON_COLORS[7]}33`}),_jsx(Circle,{cx:width * 0.3,cy:height * 0.3,r:20,color:`${SNAKE_NEON_COLORS[0]}25`}),_jsx(Circle,{cx:width * 0.7,cy:height * 0.4,r:24,color:`${SNAKE_NEON_COLORS[1]}28`}),_jsx(Circle,{cx:width * 0.4,cy:height * 0.65,r:18,color:`${SNAKE_NEON_COLORS[2]}26`}),Array.from({length:Math.floor(width / 70)},(_,i)=> _jsx(Rect,{x:i * 70,y:0,width:1,height:height,color:"rgba(0,255,136,0.04)"},`grid-v-${i}`)),Array.from({length:Math.floor(height / 70)},(_,i)=> _jsx(Rect,{x:0,y:i * 70,width:width,height:1,color:"rgba(0,255,136,0.04)"},`grid-h-${i}`))]}),children]});});GameBackground.displayName = 'GameBackground';

package/lib/module/games/snake/components/GameGrid.js

@@ -1,153 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { Canvas, RoundedRect, Circle, Group, Shadow } from '@shopify/react-native-skia';
-import { useSnake, useFood } from "../SnakeStore.js";
-import { SNAKE_GAME_CONFIG, SNAKE_COLORS } from "../SnakeConstants.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const GameGrid = /*#__PURE__*/React.memo(() => {
-  const snake = useSnake();
-  const food = useFood();
-  const cellSize = SNAKE_GAME_CONFIG.CELL_SIZE;
-  const gridSize = SNAKE_GAME_CONFIG.GRID_SIZE;
-  const canvasSize = cellSize * gridSize;
-
-  // Memoized grid lines
-  const gridLines = React.useMemo(() => {
-    const lines = [];
-    for (let i = 0; i <= gridSize; i++) {
-      lines.push(i);
-    }
-    return lines;
-  }, [gridSize]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(View, {
-      style: [styles.gridContainer, {
-        width: canvasSize,
-        height: canvasSize
-      }],
-      children: /*#__PURE__*/_jsx(Canvas, {
-        style: {
-          width: canvasSize,
-          height: canvasSize
-        },
-        children: /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(RoundedRect, {
-            x: 0,
-            y: 0,
-            width: canvasSize,
-            height: canvasSize,
-            r: 15,
-            color: SNAKE_COLORS.BACKGROUND,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 4,
-              blur: 8,
-              color: "rgba(0, 0, 0, 0.3)"
-            })
-          }), gridLines.map(i => {
-            // Adjust last line position to be visible
-            const xPos = i === gridSize ? canvasSize - 2 : i * cellSize;
-            return /*#__PURE__*/_jsx(RoundedRect, {
-              x: xPos,
-              y: 0,
-              width: i === 0 || i === gridSize ? 2 : 1,
-              height: canvasSize,
-              r: 0,
-              color: SNAKE_COLORS.GRID_LINE
-            }, `v-${i}`);
-          }), gridLines.map(i => {
-            // Adjust last line position to be visible
-            const yPos = i === gridSize ? canvasSize - 2 : i * cellSize;
-            return /*#__PURE__*/_jsx(RoundedRect, {
-              x: 0,
-              y: yPos,
-              width: canvasSize,
-              height: i === 0 || i === gridSize ? 2 : 1,
-              r: 0,
-              color: SNAKE_COLORS.GRID_LINE
-            }, `h-${i}`);
-          }), food && /*#__PURE__*/_jsxs(Group, {
-            children: [/*#__PURE__*/_jsx(Circle, {
-              cx: food.x * cellSize + cellSize / 2,
-              cy: food.y * cellSize + cellSize / 2,
-              r: cellSize * 0.6,
-              color: food.isSpecial ? 'rgba(255, 165, 2, 0.3)' : SNAKE_COLORS.FOOD_GLOW
-            }), /*#__PURE__*/_jsx(Circle, {
-              cx: food.x * cellSize + cellSize / 2,
-              cy: food.y * cellSize + cellSize / 2,
-              r: cellSize * 0.4,
-              color: food.isSpecial ? SNAKE_COLORS.FOOD_SPECIAL : SNAKE_COLORS.FOOD_NORMAL,
-              children: /*#__PURE__*/_jsx(Shadow, {
-                dx: 0,
-                dy: 2,
-                blur: 4,
-                color: "rgba(0, 0, 0, 0.4)"
-              })
-            }), /*#__PURE__*/_jsx(Circle, {
-              cx: food.x * cellSize + cellSize / 2 - cellSize * 0.1,
-              cy: food.y * cellSize + cellSize / 2 - cellSize * 0.1,
-              r: cellSize * 0.15,
-              color: "rgba(255, 255, 255, 0.6)"
-            })]
-          }), snake.map((segment, index) => {
-            const isHead = index === 0;
-            const isTail = index === snake.length - 1;
-
-            // Calculate color based on position
-            const segmentColor = isHead ? SNAKE_COLORS.SNAKE_HEAD : isTail ? SNAKE_COLORS.SNAKE_TAIL : SNAKE_COLORS.SNAKE_BODY;
-            return /*#__PURE__*/_jsxs(Group, {
-              children: [/*#__PURE__*/_jsx(RoundedRect, {
-                x: segment.x * cellSize + 2,
-                y: segment.y * cellSize + 2,
-                width: cellSize - 4,
-                height: cellSize - 4,
-                r: isHead ? 8 : 6,
-                color: segmentColor,
-                children: /*#__PURE__*/_jsx(Shadow, {
-                  dx: 0,
-                  dy: 2,
-                  blur: 4,
-                  color: "rgba(0, 0, 0, 0.3)"
-                })
-              }), /*#__PURE__*/_jsx(RoundedRect, {
-                x: segment.x * cellSize + cellSize * 0.2,
-                y: segment.y * cellSize + cellSize * 0.2,
-                width: cellSize * 0.3,
-                height: cellSize * 0.3,
-                r: 4,
-                color: "rgba(255, 255, 255, 0.3)"
-              }), isHead && /*#__PURE__*/_jsxs(_Fragment, {
-                children: [/*#__PURE__*/_jsx(Circle, {
-                  cx: segment.x * cellSize + cellSize * 0.35,
-                  cy: segment.y * cellSize + cellSize * 0.4,
-                  r: cellSize * 0.08,
-                  color: "#000000"
-                }), /*#__PURE__*/_jsx(Circle, {
-                  cx: segment.x * cellSize + cellSize * 0.65,
-                  cy: segment.y * cellSize + cellSize * 0.4,
-                  r: cellSize * 0.08,
-                  color: "#000000"
-                })]
-              })]
-            }, segment.id);
-          })]
-        })
-      })
-    })
-  });
-});
-GameGrid.displayName = 'GameGrid';
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  gridContainer: {
-    // Shadow removed for Android compatibility
-  }
-});
-//# sourceMappingURL=GameGrid.js.map
+"use strict";import React from 'react';import{View,StyleSheet}from 'react-native';import{Canvas,RoundedRect,Circle,Group,Shadow}from '@shopify/react-native-skia';import{useSnake,useFood}from "../SnakeStore.js";import{SNAKE_GAME_CONFIG,SNAKE_COLORS}from "../SnakeConstants.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from "react/jsx-runtime";export const GameGrid = React.memo(()=>{const snake = useSnake();const food = useFood();const cellSize = SNAKE_GAME_CONFIG.CELL_SIZE;const gridSize = SNAKE_GAME_CONFIG.GRID_SIZE;const canvasSize = cellSize * gridSize;const gridLines = React.useMemo(()=>{const lines = [];for(let i = 0;i <= gridSize;i++){lines.push(i);}return lines;},[gridSize]);return _jsx(View,{style:styles.container,children:_jsx(View,{style:[styles.gridContainer,{width:canvasSize,height:canvasSize}],children:_jsx(Canvas,{style:{width:canvasSize,height:canvasSize},children:_jsxs(Group,{children:[_jsx(RoundedRect,{x:0,y:0,width:canvasSize,height:canvasSize,r:15,color:SNAKE_COLORS.BACKGROUND,children:_jsx(Shadow,{dx:0,dy:4,blur:8,color:"rgba(0,0,0,0.3)"})}),gridLines.map(i =>{const xPos = i === gridSize ? canvasSize - 2:i * cellSize;return _jsx(RoundedRect,{x:xPos,y:0,width:i === 0 || i === gridSize ? 2:1,height:canvasSize,r:0,color:SNAKE_COLORS.GRID_LINE},`v-${i}`);}),gridLines.map(i =>{const yPos = i === gridSize ? canvasSize - 2:i * cellSize;return _jsx(RoundedRect,{x:0,y:yPos,width:canvasSize,height:i === 0 || i === gridSize ? 2:1,r:0,color:SNAKE_COLORS.GRID_LINE},`h-${i}`);}),food && _jsxs(Group,{children:[_jsx(Circle,{cx:food.x * cellSize + cellSize / 2,cy:food.y * cellSize + cellSize / 2,r:cellSize * 0.6,color:food.isSpecial ? 'rgba(255,165,2,0.3)':SNAKE_COLORS.FOOD_GLOW}),_jsx(Circle,{cx:food.x * cellSize + cellSize / 2,cy:food.y * cellSize + cellSize / 2,r:cellSize * 0.4,color:food.isSpecial ? SNAKE_COLORS.FOOD_SPECIAL:SNAKE_COLORS.FOOD_NORMAL,children:_jsx(Shadow,{dx:0,dy:2,blur:4,color:"rgba(0,0,0,0.4)"})}),_jsx(Circle,{cx:food.x * cellSize + cellSize / 2 - cellSize * 0.1,cy:food.y * cellSize + cellSize / 2 - cellSize * 0.1,r:cellSize * 0.15,color:"rgba(255,255,255,0.6)"})]}),snake.map((segment,index)=>{const isHead = index === 0;const isTail = index === snake.length - 1;const segmentColor = isHead ? SNAKE_COLORS.SNAKE_HEAD:isTail ? SNAKE_COLORS.SNAKE_TAIL:SNAKE_COLORS.SNAKE_BODY;return _jsxs(Group,{children:[_jsx(RoundedRect,{x:segment.x * cellSize + 2,y:segment.y * cellSize + 2,width:cellSize - 4,height:cellSize - 4,r:isHead ? 8:6,color:segmentColor,children:_jsx(Shadow,{dx:0,dy:2,blur:4,color:"rgba(0,0,0,0.3)"})}),_jsx(RoundedRect,{x:segment.x * cellSize + cellSize * 0.2,y:segment.y * cellSize + cellSize * 0.2,width:cellSize * 0.3,height:cellSize * 0.3,r:4,color:"rgba(255,255,255,0.3)"}),isHead && _jsxs(_Fragment,{children:[_jsx(Circle,{cx:segment.x * cellSize + cellSize * 0.35,cy:segment.y * cellSize + cellSize * 0.4,r:cellSize * 0.08,color:"#000000"}),_jsx(Circle,{cx:segment.x * cellSize + cellSize * 0.65,cy:segment.y * cellSize + cellSize * 0.4,r:cellSize * 0.08,color:"#000000"})]})]},segment.id);})]})})})});});GameGrid.displayName = 'GameGrid';const styles = StyleSheet.create({container:{flex:1,justifyContent:'center',alignItems:'center'},gridContainer:{}});

package/lib/module/games/snake/components/ScoreBoard.js

@@ -1,51 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { useScore } from "../SnakeStore.js";
-import { SNAKE_COLORS } from "../SnakeConstants.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();
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: SNAKE_COLORS.SCORE_BACKGROUND,
-    borderColor: SNAKE_COLORS.SCORE_BACKGROUND,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.scoreContainer,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreItem,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.label,
-          children: "Score"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.value,
-          children: score
-        })]
-      })
-    })
-  });
-});
-ScoreBoard.displayName = 'ScoreBoard';
-const styles = StyleSheet.create({
-  scoreContainer: {
-    alignItems: 'center'
-  },
-  scoreItem: {
-    alignItems: 'center'
-  },
-  label: {
-    fontSize: 18,
-    color: 'rgba(255, 255, 255, 0.7)',
-    marginBottom: 4
-  },
-  value: {
-    fontSize: 34,
-    color: SNAKE_COLORS.SCORE_TEXT,
-    fontWeight: 'bold'
-  }
-});
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React from 'react';import{View,Text,StyleSheet}from 'react-native';import{useScore}from "../SnakeStore.js";import{SNAKE_COLORS}from "../SnakeConstants.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 score = useScore();return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:SNAKE_COLORS.SCORE_BACKGROUND,borderColor:SNAKE_COLORS.SCORE_BACKGROUND,children:_jsx(View,{style:styles.scoreContainer,children:_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.label,children:"Score"}),_jsx(Text,{style:styles.value,children:score})]})})});});ScoreBoard.displayName = 'ScoreBoard';const styles = StyleSheet.create({scoreContainer:{alignItems:'center'},scoreItem:{alignItems:'center'},label:{fontSize:16,color:'rgba(255,255,255,0.7)',marginBottom:4},value:{fontSize:25,color:SNAKE_COLORS.SCORE_TEXT,fontWeight:'bold'}});

package/lib/module/games/snake/components/index.js

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

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

@@ -1,6 +1 @@
-"use strict";
-
-export { Snake } from "./Snake.js";
-export { useSnakeStore } from "./SnakeStore.js";
-export * from "./SnakeConstants.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{Snake}from "./Snake.js";export{useSnakeStore}from "./SnakeStore.js";export * from "./SnakeConstants.js";