react-native-games 1.1.0 → 1.3.0

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,useTimeLeft}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();const timeLeft = useTimeLeft();const formattedTime = React.useMemo(()=>{const minutes = Math.floor(timeLeft / 60);const seconds = timeLeft % 60;return `${minutes}:${seconds.toString().padStart(2,'0')}`;},[timeLeft]);return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:SNAKE_COLORS.SCORE_BACKGROUND,borderColor:SNAKE_COLORS.SCORE_BACKGROUND,children:_jsxs(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})]}),_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.label,children:"Time"}),_jsx(Text,{style:styles.value,children:formattedTime})]})]})});});ScoreBoard.displayName = 'ScoreBoard';const styles = StyleSheet.create({scoreContainer:{flex:1,flexDirection:'row',justifyContent:'space-around',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/ScoreBoard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","useScore","SNAKE_COLORS","ScoreBoardContainer","jsx","_jsx","jsxs","_jsxs","ScoreBoard","memo","offset","score","backgroundColor","SCORE_BACKGROUND","borderColor","children","style","styles","scoreContainer","scoreItem","label","value","displayName","create","alignItems","fontSize","color","marginBottom","SCORE_TEXT","fontWeight"],"sourceRoot":"../../../../../src","sources":["games/snake/components/ScoreBoard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,QAAQ,QAAQ,kBAAe;AACxC,SAASC,YAAY,QAAQ,sBAAmB;AAChD,SAASC,mBAAmB,QAAQ,2BAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMvD,OAAO,MAAMC,UAAqC,gBAAGX,KAAK,CAACY,IAAI,CAAC,CAAC;EAACC,MAAM,GAAG;AAAC,CAAC,KAAK;EAChF,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EAExB,oBACEI,IAAA,CAACF,mBAAmB;IAClBO,MAAM,EAAEA,MAAO;IACfE,eAAe,EAAEV,YAAY,CAACW,gBAAiB;IAC/CC,WAAW,EAAEZ,YAAY,CAACW,gBAAiB;IAAAE,QAAA,eAE3CV,IAAA,CAACP,IAAI;MAACkB,KAAK,EAAEC,MAAM,CAACC,cAAe;MAAAH,QAAA,eACjCR,KAAA,CAACT,IAAI;QAACkB,KAAK,EAAEC,MAAM,CAACE,SAAU;QAAAJ,QAAA,gBAC5BV,IAAA,CAACN,IAAI;UAACiB,KAAK,EAAEC,MAAM,CAACG,KAAM;UAAAL,QAAA,EAAC;QAAK,CAAM,CAAC,eACvCV,IAAA,CAACN,IAAI;UAACiB,KAAK,EAAEC,MAAM,CAACI,KAAM;UAAAN,QAAA,EAAEJ;QAAK,CAAO,CAAC;MAAA,CACrC;IAAC,CACH;EAAC,CACY,CAAC;AAE1B,CAAC,CAAC;AAEFH,UAAU,CAACc,WAAW,GAAG,YAAY;AAErC,MAAML,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BL,cAAc,EAAE;IACdM,UAAU,EAAE;EACd,CAAC;EACDL,SAAS,EAAE;IACTK,UAAU,EAAE;EACd,CAAC;EACDJ,KAAK,EAAE;IACLK,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE,0BAA0B;IACjCC,YAAY,EAAE;EAChB,CAAC;EACDN,KAAK,EAAE;IACLI,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAExB,YAAY,CAAC0B,UAAU;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","useScore","useTimeLeft","SNAKE_COLORS","ScoreBoardContainer","jsx","_jsx","jsxs","_jsxs","ScoreBoard","memo","offset","score","timeLeft","formattedTime","useMemo","minutes","Math","floor","seconds","toString","padStart","backgroundColor","SCORE_BACKGROUND","borderColor","children","style","styles","scoreContainer","scoreItem","label","value","displayName","create","flex","flexDirection","justifyContent","alignItems","fontSize","color","marginBottom","SCORE_TEXT","fontWeight"],"sourceRoot":"../../../../../src","sources":["games/snake/components/ScoreBoard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,QAAQ,EAAEC,WAAW,QAAQ,kBAAe;AACrD,SAASC,YAAY,QAAQ,sBAAmB;AAChD,SAASC,mBAAmB,QAAQ,2BAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMvD,OAAO,MAAMC,UAAqC,gBAAGZ,KAAK,CAACa,IAAI,CAAC,CAAC;EAACC,MAAM,GAAG;AAAC,CAAC,KAAK;EAChF,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMY,QAAQ,GAAGX,WAAW,CAAC,CAAC;;EAE9B;EACA,MAAMY,aAAa,GAAGjB,KAAK,CAACkB,OAAO,CAAC,MAAM;IACxC,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACL,QAAQ,GAAG,EAAE,CAAC;IACzC,MAAMM,OAAO,GAAGN,QAAQ,GAAG,EAAE;IAC7B,OAAO,GAAGG,OAAO,IAAIG,OAAO,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;EAC5D,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;EAEd,oBACEP,IAAA,CAACF,mBAAmB;IAClBO,MAAM,EAAEA,MAAO;IACfW,eAAe,EAAEnB,YAAY,CAACoB,gBAAiB;IAC/CC,WAAW,EAAErB,YAAY,CAACoB,gBAAiB;IAAAE,QAAA,eAE3CjB,KAAA,CAACV,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACC,cAAe;MAAAH,QAAA,gBACjCjB,KAAA,CAACV,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACE,SAAU;QAAAJ,QAAA,gBAC5BnB,IAAA,CAACP,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACG,KAAM;UAAAL,QAAA,EAAC;QAAK,CAAM,CAAC,eACvCnB,IAAA,CAACP,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACI,KAAM;UAAAN,QAAA,EAAEb;QAAK,CAAO,CAAC;MAAA,CACrC,CAAC,eACPJ,KAAA,CAACV,IAAI;QAAC4B,KAAK,EAAEC,MAAM,CAACE,SAAU;QAAAJ,QAAA,gBAC5BnB,IAAA,CAACP,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACG,KAAM;UAAAL,QAAA,EAAC;QAAI,CAAM,CAAC,eACtCnB,IAAA,CAACP,IAAI;UAAC2B,KAAK,EAAEC,MAAM,CAACI,KAAM;UAAAN,QAAA,EAAEX;QAAa,CAAO,CAAC;MAAA,CAC7C,CAAC;IAAA,CACH;EAAC,CACY,CAAC;AAE1B,CAAC,CAAC;AAEFL,UAAU,CAACuB,WAAW,GAAG,YAAY;AAErC,MAAML,MAAM,GAAG3B,UAAU,CAACiC,MAAM,CAAC;EAC/BL,cAAc,EAAE;IACdM,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE;EACd,CAAC;EACDR,SAAS,EAAE;IACTQ,UAAU,EAAE;EACd,CAAC;EACDP,KAAK,EAAE;IACLQ,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE,0BAA0B;IACjCC,YAAY,EAAE;EAChB,CAAC;EACDT,KAAK,EAAE;IACLO,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEpC,YAAY,CAACsC,UAAU;IAC9BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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";

package/lib/module/games/space-fighter/SpaceFighter.js

@@ -1,165 +1 @@
-"use strict";
-
-import React, { useEffect, useCallback, useMemo } from 'react';
-import { View, StyleSheet, Dimensions } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useSpaceFighterStore } from "./SpaceFighterStore.js";
-import { createSpaceFighterService } from "./SpaceFighterService.js";
-import { getDifficultySettings } from "./SpaceFighterConstants.js";
-import { ScoreBoard, GameArea, GameBackground } from "./components/index.js";
-import { GameControlButton, GameOverModal, useGameErrorHandler, GameErrorType } from "../../helpers/index.js";
-import { GameSettingsModal } from "../../helpers/index.js";
-import { GAME_IDS, DEFAULT_GAME_SETTINGS } from "../../services/UtilsService.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-export const SpaceFighter = ({
-  settings = DEFAULT_GAME_SETTINGS,
-  onSettingsChange
-}) => {
-  // Memoize settings destructuring to prevent unnecessary re-renders
-  const {
-    difficulty
-  } = useMemo(() => settings || DEFAULT_GAME_SETTINGS, [settings]);
-
-  // Read UI-critical state independently to minimize re-renders
-  const isPlaying = useSpaceFighterStore(state => state.isPlaying);
-  const gameOver = useSpaceFighterStore(state => state.gameOver);
-  const score = useSpaceFighterStore(state => state.score);
-
-  // Get store actions independently (these don't cause re-renders)
-  const setOffset = useSpaceFighterStore(state => state.setOffset);
-  const startGame = useSpaceFighterStore(state => state.startGame);
-  const stopGame = useSpaceFighterStore(state => state.stopGame);
-  const resetGame = useSpaceFighterStore(state => state.resetGame);
-  const decrementTime = useSpaceFighterStore(state => state.decrementTime);
-  const addAsteroids = useSpaceFighterStore(state => state.addAsteroids);
-  const removeAsteroid = useSpaceFighterStore(state => state.removeAsteroid);
-  const updateAsteroid = useSpaceFighterStore(state => state.updateAsteroid);
-  const updateSpacecraft = useSpaceFighterStore(state => state.updateSpacecraft);
-
-  // Get offset from settings
-  const offset = settings?.offset ?? 0;
-
-  // Update offset in store when it changes
-  useEffect(() => {
-    setOffset(offset);
-  }, [offset, setOffset]);
-
-  // Error handling for the game
-  const {
-    wrapFunction,
-    safeExecute
-  } = useGameErrorHandler(GAME_IDS.SPACE_FIGHTER);
-
-  // Memoize game service to prevent recreation
-  const gameService = useMemo(() => safeExecute(() => createSpaceFighterService(width, height),
-  // Use actual screen dimensions
-  createSpaceFighterService(width, height),
-  // Fallback to direct creation
-  GameErrorType.INITIALIZATION_ERROR), [safeExecute]);
-
-  // Game service cleanup on unmount
-  useEffect(() => {
-    return () => {
-      handleResetGame();
-      if (gameService) {
-        gameService.cleanup();
-      }
-    };
-  }, [gameService]);
-
-  // Auto-stop physics when game over state changes
-  useEffect(() => {
-    if (gameOver && gameService) {
-      // Stop all timers and physics when game over
-      gameService.cleanup();
-    }
-  }, [gameOver, gameService]);
-
-  // Memoize difficulty settings to prevent recalculation
-  const difficultySettings = useMemo(() => getDifficultySettings(difficulty), [difficulty]);
-
-  // Game control functions with error handling and memoization
-  const handleStartGame = useCallback(() => wrapFunction(() => {
-    startGame(); // Store uses fixed 60s duration internally and sets spacecraft position
-    if (gameService) {
-      gameService.updateDifficultySettings(difficultySettings.asteroidSpeed, difficultySettings.asteroidSpawnInterval);
-      // Don't reset spacecraft position - store handles it with correct offset
-      gameService.startGameTimer(decrementTime);
-      gameService.startAsteroidSpawning(addAsteroids);
-      gameService.startPhysicsLoop(updateSpacecraft, updateAsteroid, removeAsteroid, () => useSpaceFighterStore.getState().spacecraft, () => useSpaceFighterStore.getState().asteroids);
-    }
-  }, GameErrorType.INITIALIZATION_ERROR)(), [wrapFunction, startGame, gameService, difficultySettings, updateSpacecraft, decrementTime, addAsteroids, updateAsteroid, removeAsteroid]);
-  const handleStopGame = useCallback(() => wrapFunction(() => {
-    stopGame();
-    if (gameService) {
-      gameService.cleanup();
-    }
-  }, GameErrorType.UNKNOWN_ERROR)(), [wrapFunction, stopGame, gameService]);
-  const handleResetGame = useCallback(() => wrapFunction(() => {
-    if (gameService) {
-      gameService.cleanup();
-    }
-    resetGame();
-    if (gameService) {
-      const initialSpacecraft = gameService.getInitialSpacecraft();
-      updateSpacecraft(initialSpacecraft);
-    }
-  }, GameErrorType.UNKNOWN_ERROR)(), [wrapFunction, gameService, resetGame, updateSpacecraft]);
-
-  // Memoize component props to prevent unnecessary re-renders
-  const gameControlButtonProps = useMemo(() => ({
-    isPlaying,
-    gameOver,
-    onStartGame: handleStartGame,
-    onStopGame: handleStopGame,
-    startButtonText: "START FLYING",
-    stopButtonText: "STOP GAME",
-    startButtonSubtext: "Navigate through space!",
-    stopButtonSubtext: "End current game",
-    startButtonColor: "#9370db",
-    stopButtonColor: "#dc2626",
-    startButtonBorderColor: "#ba68c8",
-    stopButtonBorderColor: "#f87171"
-  }), [isPlaying, gameOver, handleStartGame, handleStopGame]);
-  const gameOverModalProps = useMemo(() => ({
-    isVisible: gameOver,
-    score,
-    onPlayAgain: handleResetGame,
-    buttonText: "Fly Again!",
-    primaryColor: "rgba(147, 112, 219, 0.8)",
-    borderColor: "rgba(147, 112, 219, 0.9)",
-    buttonColor: "#9370db",
-    buttonBorderColor: "#ba68c8"
-  }), [gameOver, score, handleResetGame]);
-  const gameSettingsModalProps = useMemo(() => ({
-    gameId: GAME_IDS.SPACE_FIGHTER,
-    settings: settings || DEFAULT_GAME_SETTINGS,
-    onSettingsChange
-  }), [settings, onSettingsChange]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
-      children: /*#__PURE__*/_jsxs(GameBackground, {
-        children: [/*#__PURE__*/_jsx(GameArea, {}), /*#__PURE__*/_jsx(ScoreBoard, {
-          offset: offset
-        }), /*#__PURE__*/_jsx(GameControlButton, {
-          ...gameControlButtonProps
-        }), /*#__PURE__*/_jsx(GameOverModal, {
-          ...gameOverModalProps
-        }), /*#__PURE__*/_jsx(GameSettingsModal, {
-          ...gameSettingsModalProps
-        })]
-      })
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-//# sourceMappingURL=SpaceFighter.js.map
+"use strict";import React,{useEffect,useCallback,useMemo}from 'react';import{View,StyleSheet,Dimensions}from 'react-native';import{GestureHandlerRootView}from 'react-native-gesture-handler';import{useSpaceFighterStore}from "./SpaceFighterStore.js";import{createSpaceFighterService}from "./SpaceFighterService.js";import{getDifficultySettings}from "./SpaceFighterConstants.js";import{ScoreBoard,GameArea,GameBackground}from "./components/index.js";import{GameControlButton,GameOverModal,useGameErrorHandler,GameErrorType}from "../../helpers/index.js";import{GameSettingsModal}from "../../helpers/index.js";import{GAME_IDS,DEFAULT_GAME_SETTINGS}from "../../services/UtilsService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');export const SpaceFighter =({settings = DEFAULT_GAME_SETTINGS,onSettingsChange,onEndGame})=>{const{difficulty}= useMemo(()=> settings || DEFAULT_GAME_SETTINGS,[settings]);const isPlaying = useSpaceFighterStore(state => state.isPlaying);const gameOver = useSpaceFighterStore(state => state.gameOver);const score = useSpaceFighterStore(state => state.score);const gameReportedRef = React.useRef(false);const reportGameEnd = useCallback(status =>{if(onEndGame && !gameReportedRef.current){const currentState = useSpaceFighterStore.getState();onEndGame({status,score:currentState.score.toString()});gameReportedRef.current = true;}},[onEndGame]);const setOffset = useSpaceFighterStore(state => state.setOffset);const startGame = useSpaceFighterStore(state => state.startGame);const stopGame = useSpaceFighterStore(state => state.stopGame);const resetGame = useSpaceFighterStore(state => state.resetGame);const decrementTime = useSpaceFighterStore(state => state.decrementTime);const addAsteroids = useSpaceFighterStore(state => state.addAsteroids);const removeAsteroid = useSpaceFighterStore(state => state.removeAsteroid);const updateAsteroid = useSpaceFighterStore(state => state.updateAsteroid);const updateSpacecraft = useSpaceFighterStore(state => state.updateSpacecraft);const offset = settings?.offset ?? 0;useEffect(()=>{setOffset(offset);},[offset,setOffset]);const{wrapFunction,safeExecute}= useGameErrorHandler(GAME_IDS.SPACE_FIGHTER);const gameService = useMemo(()=> safeExecute(()=> createSpaceFighterService(width,height),createSpaceFighterService(width,height),GameErrorType.INITIALIZATION_ERROR),[safeExecute]);useEffect(()=>{return()=>{handleResetGame();if(gameService){gameService.cleanup();}};},[gameService]);useEffect(()=>{if(gameOver && !gameReportedRef.current){const currentState = useSpaceFighterStore.getState();const status = currentState.lives <= 0 ? 'lose':'win';reportGameEnd(status);}if(!gameOver){gameReportedRef.current = false;}},[gameOver,reportGameEnd]);useEffect(()=>{if(gameOver && gameService){gameService.cleanup();}},[gameOver,gameService]);const difficultySettings = useMemo(()=> getDifficultySettings(difficulty),[difficulty]);const handleStartGame = useCallback(()=> wrapFunction(()=>{gameReportedRef.current = false;startGame();if(gameService){gameService.updateDifficultySettings(difficultySettings.asteroidSpeed,difficultySettings.asteroidSpawnInterval);gameService.startGameTimer(decrementTime);gameService.startAsteroidSpawning(addAsteroids);gameService.startPhysicsLoop(updateSpacecraft,updateAsteroid,removeAsteroid,()=> useSpaceFighterStore.getState().spacecraft,()=> useSpaceFighterStore.getState().asteroids);}},GameErrorType.INITIALIZATION_ERROR)(),[wrapFunction,startGame,gameService,difficultySettings,updateSpacecraft,decrementTime,addAsteroids,updateAsteroid,removeAsteroid]);const handleStopGame = useCallback(()=> wrapFunction(()=>{reportGameEnd('cancel');stopGame();if(gameService){gameService.cleanup();}},GameErrorType.UNKNOWN_ERROR)(),[wrapFunction,stopGame,gameService,reportGameEnd]);const handleResetGame = useCallback(()=> wrapFunction(()=>{if(gameService){gameService.cleanup();}resetGame();if(gameService){const initialSpacecraft = gameService.getInitialSpacecraft();updateSpacecraft(initialSpacecraft);}},GameErrorType.UNKNOWN_ERROR)(),[wrapFunction,gameService,resetGame,updateSpacecraft]);const gameControlButtonProps = useMemo(()=>({isPlaying,gameOver,onStartGame:handleStartGame,onStopGame:handleStopGame,startButtonText:"START FLYING",stopButtonText:"STOP GAME",startButtonSubtext:"Navigate through space!",stopButtonSubtext:"End current game",startButtonColor:"#9370db",stopButtonColor:"#dc2626",startButtonBorderColor:"#ba68c8",stopButtonBorderColor:"#f87171"}),[isPlaying,gameOver,handleStartGame,handleStopGame]);const gameOverModalProps = useMemo(()=>({isVisible:gameOver,score,onPlayAgain:handleResetGame,buttonText:"Fly Again!",primaryColor:"rgba(147,112,219,0.5)",borderColor:"rgba(147,112,219,0.5)",buttonColor:"#ffffff",buttonBorderColor:"#ffffff",buttonTextColor:"#9370db"}),[gameOver,score,handleResetGame]);const gameSettingsModalProps = useMemo(()=>({gameId:GAME_IDS.SPACE_FIGHTER,settings:settings || DEFAULT_GAME_SETTINGS,onSettingsChange}),[settings,onSettingsChange]);return _jsx(View,{style:styles.container,children:_jsx(GestureHandlerRootView,{children:_jsxs(GameBackground,{children:[_jsx(GameArea,{}),_jsx(ScoreBoard,{offset:offset}),_jsx(GameControlButton,{...gameControlButtonProps}),_jsx(GameOverModal,{...gameOverModalProps}),_jsx(GameSettingsModal,{...gameSettingsModalProps})]})})});};const styles = StyleSheet.create({container:{flex:1}});