react-native-games 1.1.0 → 1.3.0

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

@@ -1,209 +1 @@
-"use strict";
-
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-import { Dimensions } from 'react-native';
-import { GAME_CONFIG } from "./SpaceFighterService.js";
-import { immerMiddleware } from "../../services/UtilsService.js";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-
-// Helper function to get spacecraft Y position based on offset
-const getSpacecraftYPosition = (offset = 0) => {
-  const yPercent = offset > 0 ? 0.77 : 0.68;
-  return height * yPercent;
-};
-// Optimized store with selective subscriptions for low-end devices
-export const useSpaceFighterStore = create()(subscribeWithSelector(immerMiddleware((set, _get) => ({
-  // Initial state
-  score: 0,
-  timeLeft: 60,
-  // Fixed 60 seconds regardless of difficulty
-  isPlaying: false,
-  gameOver: false,
-  lives: 3,
-  asteroids: [],
-  spacecraft: {
-    x: width / 2,
-    // Center horizontally
-    y: getSpacecraftYPosition(0),
-    // Dynamic position based on offset
-    velocityX: 0,
-    velocityY: 0,
-    size: GAME_CONFIG.SPACECRAFT_SIZE,
-    isControlled: false
-  },
-  spacecraftPath: [],
-  isControllingSpacecraft: false,
-  offset: 0,
-  // Actions
-  setOffset: offset => {
-    set(draft => {
-      draft.offset = offset;
-      // Update spacecraft Y position when offset changes
-      draft.spacecraft.y = getSpacecraftYPosition(offset);
-    });
-  },
-  startGame: _gameDuration => {
-    // Always use fixed duration regardless of difficulty or passed duration
-    const duration = 60;
-    set(draft => {
-      draft.score = 0;
-      draft.timeLeft = duration;
-      draft.isPlaying = true;
-      draft.gameOver = false;
-      draft.lives = 3;
-      draft.asteroids = [];
-      draft.spacecraftPath = [];
-      draft.isControllingSpacecraft = false;
-      // Reset spacecraft to initial position
-      draft.spacecraft = {
-        x: width / 2,
-        // Center horizontally
-        y: getSpacecraftYPosition(draft.offset),
-        // Dynamic position based on offset
-        velocityX: 0,
-        velocityY: 0,
-        size: GAME_CONFIG.SPACECRAFT_SIZE,
-        isControlled: false
-      };
-    });
-  },
-  stopGame: () => {
-    set(draft => {
-      draft.score = 0;
-      draft.timeLeft = 60; // Fixed 60 seconds
-      draft.isPlaying = false;
-      draft.gameOver = false;
-      draft.lives = 3;
-      draft.asteroids = [];
-      draft.spacecraftPath = [];
-      draft.isControllingSpacecraft = false;
-      // Reset spacecraft to initial position
-      draft.spacecraft = {
-        x: width / 2,
-        // Center horizontally
-        y: getSpacecraftYPosition(draft.offset),
-        // Dynamic position based on offset
-        velocityX: 0,
-        velocityY: 0,
-        size: GAME_CONFIG.SPACECRAFT_SIZE,
-        isControlled: false
-      };
-    });
-  },
-  resetGame: () => {
-    set(draft => {
-      draft.score = 0;
-      draft.timeLeft = 60; // Fixed 60 seconds
-      draft.isPlaying = false;
-      draft.gameOver = false;
-      draft.lives = 3;
-      draft.asteroids = [];
-      draft.spacecraftPath = [];
-      draft.isControllingSpacecraft = false;
-      // Reset spacecraft to initial position
-      draft.spacecraft = {
-        x: width / 2,
-        // Center horizontally
-        y: getSpacecraftYPosition(draft.offset),
-        // Dynamic position based on offset
-        velocityX: 0,
-        velocityY: 0,
-        size: GAME_CONFIG.SPACECRAFT_SIZE,
-        isControlled: false
-      };
-    });
-  },
-  updateScore: points => {
-    set(draft => {
-      draft.score = draft.score + points;
-    });
-  },
-  decrementTime: () => {
-    set(draft => {
-      const newTimeLeft = draft.timeLeft - 1;
-      if (newTimeLeft <= 0) {
-        draft.timeLeft = 0;
-        draft.isPlaying = false;
-        draft.gameOver = true;
-      } else {
-        draft.timeLeft = newTimeLeft;
-      }
-    });
-  },
-  addAsteroids: asteroids => {
-    set(draft => {
-      draft.asteroids.push(...asteroids);
-    });
-  },
-  removeAsteroid: asteroidId => {
-    set(draft => {
-      draft.asteroids = draft.asteroids.filter(a => a.id !== asteroidId);
-    });
-  },
-  updateAsteroid: (asteroidId, updates) => {
-    set(draft => {
-      // Optimized: Use for-loop instead of find for better performance
-      for (let i = 0; i < draft.asteroids.length; i++) {
-        if (draft.asteroids[i].id === asteroidId) {
-          Object.assign(draft.asteroids[i], updates);
-          break;
-        }
-      }
-    });
-  },
-  updateSpacecraft: spacecraft => {
-    set(draft => {
-      draft.spacecraft = spacecraft;
-    });
-  },
-  setSpacecraftPath: path => {
-    set(draft => {
-      draft.spacecraftPath = path;
-    });
-  },
-  setIsControllingSpacecraft: isControlling => {
-    set(draft => {
-      draft.isControllingSpacecraft = isControlling;
-    });
-  },
-  markAsteroidPassed: pairId => {
-    set(draft => {
-      // Optimized: Use for-loop instead of forEach for better performance
-      for (let i = 0; i < draft.asteroids.length; i++) {
-        if (draft.asteroids[i].pairId === pairId) {
-          draft.asteroids[i].passed = true;
-        }
-      }
-      draft.score = draft.score + 10; // 10 points per asteroid pair passed
-    });
-  },
-  loseLife: () => {
-    set(draft => {
-      const newLives = draft.lives - 1;
-
-      // Reset spacecraft to initial position after collision
-      draft.spacecraft = {
-        x: width / 2,
-        // Center horizontally
-        y: getSpacecraftYPosition(draft.offset),
-        // Dynamic position based on offset
-        velocityX: 0,
-        velocityY: 0,
-        size: GAME_CONFIG.SPACECRAFT_SIZE,
-        isControlled: false
-      };
-      if (newLives <= 0) {
-        draft.lives = 0;
-        draft.isPlaying = false;
-        draft.gameOver = true;
-      } else {
-        draft.lives = newLives;
-      }
-    });
-  }
-}))));
-//# sourceMappingURL=SpaceFighterStore.js.map
+"use strict";import{create}from 'zustand';import{subscribeWithSelector}from 'zustand/middleware';import{Dimensions}from 'react-native';import{GAME_CONFIG}from "./SpaceFighterService.js";import{immerMiddleware}from "../../services/UtilsService.js";const{width,height}= Dimensions.get('window');const getSpacecraftYPosition =(offset = 0)=>{const yPercent = offset > 0 ? 0.77:0.68;return height * yPercent;};export const useSpaceFighterStore = create()(subscribeWithSelector(immerMiddleware((set,_get)=>({score:0,timeLeft:60,isPlaying:false,gameOver:false,lives:3,asteroids:[],spacecraft:{x:width / 2,y:getSpacecraftYPosition(0),velocityX:0,velocityY:0,size:GAME_CONFIG.SPACECRAFT_SIZE,isControlled:false},spacecraftPath:[],isControllingSpacecraft:false,offset:0,setOffset:offset =>{set(draft =>{draft.offset = offset;draft.spacecraft.y = getSpacecraftYPosition(offset);});},startGame:_gameDuration =>{const duration = 60;set(draft =>{draft.score = 0;draft.timeLeft = duration;draft.isPlaying = true;draft.gameOver = false;draft.lives = 3;draft.asteroids = [];draft.spacecraftPath = [];draft.isControllingSpacecraft = false;draft.spacecraft ={x:width / 2,y:getSpacecraftYPosition(draft.offset),velocityX:0,velocityY:0,size:GAME_CONFIG.SPACECRAFT_SIZE,isControlled:false};});},stopGame:()=>{set(draft =>{draft.score = 0;draft.timeLeft = 60;draft.isPlaying = false;draft.gameOver = false;draft.lives = 3;draft.asteroids = [];draft.spacecraftPath = [];draft.isControllingSpacecraft = false;draft.spacecraft ={x:width / 2,y:getSpacecraftYPosition(draft.offset),velocityX:0,velocityY:0,size:GAME_CONFIG.SPACECRAFT_SIZE,isControlled:false};});},resetGame:()=>{set(draft =>{draft.score = 0;draft.timeLeft = 60;draft.isPlaying = false;draft.gameOver = false;draft.lives = 3;draft.asteroids = [];draft.spacecraftPath = [];draft.isControllingSpacecraft = false;draft.spacecraft ={x:width / 2,y:getSpacecraftYPosition(draft.offset),velocityX:0,velocityY:0,size:GAME_CONFIG.SPACECRAFT_SIZE,isControlled:false};});},updateScore:points =>{set(draft =>{draft.score = draft.score + points;});},decrementTime:()=>{set(draft =>{const newTimeLeft = draft.timeLeft - 1;if(newTimeLeft <= 0){draft.timeLeft = 0;draft.isPlaying = false;draft.gameOver = true;}else{draft.timeLeft = newTimeLeft;}});},addAsteroids:asteroids =>{set(draft =>{draft.asteroids.push(...asteroids);});},removeAsteroid:asteroidId =>{set(draft =>{draft.asteroids = draft.asteroids.filter(a => a.id !== asteroidId);});},updateAsteroid:(asteroidId,updates)=>{set(draft =>{for(let i = 0;i < draft.asteroids.length;i++){if(draft.asteroids[i].id === asteroidId){Object.assign(draft.asteroids[i],updates);break;}}});},updateSpacecraft:spacecraft =>{set(draft =>{draft.spacecraft = spacecraft;});},setSpacecraftPath:path =>{set(draft =>{draft.spacecraftPath = path;});},setIsControllingSpacecraft:isControlling =>{set(draft =>{draft.isControllingSpacecraft = isControlling;});},markAsteroidPassed:pairId =>{set(draft =>{for(let i = 0;i < draft.asteroids.length;i++){if(draft.asteroids[i].pairId === pairId){draft.asteroids[i].passed = true;}}draft.score = draft.score + 10;});},loseLife:()=>{set(draft =>{const newLives = draft.lives - 1;draft.spacecraft ={x:width / 2,y:getSpacecraftYPosition(draft.offset),velocityX:0,velocityY:0,size:GAME_CONFIG.SPACECRAFT_SIZE,isControlled:false};if(newLives <= 0){draft.lives = 0;draft.isPlaying = false;draft.gameOver = true;}else{draft.lives = newLives;}});}}))));

package/lib/module/games/space-fighter/components/AsteroidComponent.js

@@ -1,113 +1 @@
-"use strict";
-
-import React from 'react';
-import { View } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AsteroidComponent = /*#__PURE__*/React.memo(({
-  asteroid
-}) => {
-  // Use regular View instead of Animated.View to avoid worklet issues
-  return /*#__PURE__*/_jsxs(View, {
-    style: {
-      position: 'absolute',
-      left: asteroid.x,
-      top: asteroid.y,
-      width: asteroid.width,
-      height: asteroid.height,
-      backgroundColor: '#6B4423',
-      // Darker brown for more realistic asteroid
-      borderRadius: 15,
-      // More rounded for organic look
-      shadowColor: '#2F1B14',
-      shadowOffset: {
-        width: 3,
-        height: 4
-      },
-      shadowOpacity: 0.7,
-      shadowRadius: 10,
-      // Add some texture with border
-      borderWidth: 1,
-      borderColor: 'rgba(139, 69, 19, 0.8)'
-    },
-    children: [/*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: 2,
-        top: 2,
-        width: asteroid.width - 4,
-        height: Math.max(0, asteroid.height - 4),
-        backgroundColor: 'rgba(160, 82, 45, 0.4)',
-        // Lighter brown highlight
-        borderRadius: 12
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.25,
-        top: asteroid.height * 0.3,
-        width: 12,
-        height: 8,
-        backgroundColor: 'rgba(47, 27, 20, 0.8)',
-        // Dark crater
-        borderRadius: 6
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.65,
-        top: asteroid.height * 0.6,
-        width: 8,
-        height: 6,
-        backgroundColor: 'rgba(47, 27, 20, 0.9)',
-        borderRadius: 4
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.15,
-        top: asteroid.height * 0.7,
-        width: 5,
-        height: 4,
-        backgroundColor: 'rgba(47, 27, 20, 0.7)',
-        borderRadius: 2
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.45,
-        top: asteroid.height * 0.2,
-        width: 4,
-        height: 4,
-        backgroundColor: 'rgba(101, 67, 33, 0.8)',
-        borderRadius: 2
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.8,
-        top: asteroid.height * 0.4,
-        width: 3,
-        height: 3,
-        backgroundColor: 'rgba(139, 69, 19, 0.9)',
-        borderRadius: 1.5
-      }
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: asteroid.width * 0.1,
-        top: asteroid.height * 0.1,
-        width: asteroid.width * 0.3,
-        height: asteroid.height * 0.2,
-        backgroundColor: 'rgba(205, 133, 63, 0.3)',
-        // Light brown highlight
-        borderRadius: 8
-      }
-    })]
-  });
-}, (prevProps, nextProps) => {
-  // Custom comparison for better performance
-  const prev = prevProps.asteroid;
-  const next = nextProps.asteroid;
-  return prev.id === next.id && prev.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height;
-});
-//# sourceMappingURL=AsteroidComponent.js.map
+"use strict";import React from 'react';import{View}from 'react-native';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const AsteroidComponent = React.memo(({asteroid})=>{return _jsxs(View,{style:{position:'absolute',left:asteroid.x,top:asteroid.y,width:asteroid.width,height:asteroid.height,backgroundColor:'#6B4423',borderRadius:15,shadowColor:'#2F1B14',shadowOffset:{width:3,height:4},shadowOpacity:0.7,shadowRadius:10,borderWidth:1,borderColor:'rgba(139,69,19,0.8)'},children:[_jsx(View,{style:{position:'absolute',left:2,top:2,width:asteroid.width - 4,height:Math.max(0,asteroid.height - 4),backgroundColor:'rgba(160,82,45,0.4)',borderRadius:12}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.25,top:asteroid.height * 0.3,width:12,height:8,backgroundColor:'rgba(47,27,20,0.8)',borderRadius:6}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.65,top:asteroid.height * 0.6,width:8,height:6,backgroundColor:'rgba(47,27,20,0.9)',borderRadius:4}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.15,top:asteroid.height * 0.7,width:5,height:4,backgroundColor:'rgba(47,27,20,0.7)',borderRadius:2}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.45,top:asteroid.height * 0.2,width:4,height:4,backgroundColor:'rgba(101,67,33,0.8)',borderRadius:2}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.8,top:asteroid.height * 0.4,width:3,height:3,backgroundColor:'rgba(139,69,19,0.9)',borderRadius:1.5}}),_jsx(View,{style:{position:'absolute',left:asteroid.width * 0.1,top:asteroid.height * 0.1,width:asteroid.width * 0.3,height:asteroid.height * 0.2,backgroundColor:'rgba(205,133,63,0.3)',borderRadius:8}})]});},(prevProps,nextProps)=>{const prev = prevProps.asteroid;const next = nextProps.asteroid;return prev.id === next.id && prev.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height;});

package/lib/module/games/space-fighter/components/GameArea.js

@@ -1,289 +1 @@
-"use strict";
-
-import React, { useRef, useEffect, useCallback, useState, useMemo } from 'react';
-import { View, Text, StyleSheet, Dimensions } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useSpaceFighterStore } from "../SpaceFighterStore.js";
-import { createSpaceFighterService } from "../SpaceFighterService.js";
-import { playSound, GAME_SOUNDS } from "../../../services/SoundsService.js";
-import { playHaptic, HapticType } from "../../../services/HapticsService.js";
-import { ParticleBlast } from "../../../helpers/index.js";
-import { AsteroidComponent } from "./AsteroidComponent.js";
-import { Spacecraft3D } from "./Spacecraft3D.js";
-import { SpacecraftPath } from "./SpacecraftPath.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-
-// Self-contained GameArea component following FruitNinja pattern with performance optimizations
-export const GameArea = /*#__PURE__*/React.memo(() => {
-  // Optimized store subscriptions - read only what's needed for rendering
-  const asteroids = useSpaceFighterStore(state => state.asteroids);
-  const spacecraft = useSpaceFighterStore(state => state.spacecraft);
-  const spacecraftPath = useSpaceFighterStore(state => state.spacecraftPath);
-  const isControllingSpacecraft = useSpaceFighterStore(state => state.isControllingSpacecraft);
-  const isPlaying = useSpaceFighterStore(state => state.isPlaying);
-
-  // Get store actions independently (these don't cause re-renders)
-  const updateSpacecraft = useSpaceFighterStore(state => state.updateSpacecraft);
-  const setSpacecraftPath = useSpaceFighterStore(state => state.setSpacecraftPath);
-  const setIsControllingSpacecraft = useSpaceFighterStore(state => state.setIsControllingSpacecraft);
-  const markAsteroidPassed = useSpaceFighterStore(state => state.markAsteroidPassed);
-  const loseLife = useSpaceFighterStore(state => state.loseLife);
-
-  // Self-contained component - no external settings needed
-
-  // Game service ref
-  const gameService = useRef(createSpaceFighterService(width, height)).current;
-
-  // Spacecraft control refs
-  const currentSpacecraftPath = useRef([]);
-  const initialSpacecraftPosition = useRef(null);
-  const initialTouchPosition = useRef(null);
-  const pendingSpacecraftUpdate = useRef(null);
-  const animationFrameId = useRef(null);
-  const lastCollisionTime = useRef(0);
-
-  // State for managing active particle blasts
-  const [activeBlasts, setActiveBlasts] = useState([]);
-
-  // Memoized particle blast colors for performance
-  const particleColors = useMemo(() => ['#ff6b6b', '#ff8e53', '#ff6b35'], []);
-
-  // Sound and haptic feedback functions (using default enabled state)
-  const playSuccessSound = useCallback(() => {
-    playSound(GAME_SOUNDS.SPACE_FIGHTER.SUCCESS, true);
-    playHaptic(HapticType.LIGHT, true);
-  }, []);
-  const playCollisionSound = useCallback(() => {
-    playSound(GAME_SOUNDS.SPACE_FIGHTER.COLLISION, true);
-    playHaptic(HapticType.HEAVY, true);
-  }, []);
-
-  // Spacecraft control functions
-  const handleSpacecraftControlStart = useCallback((x, y) => {
-    const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;
-    const controlledSpacecraft = gameService.controlSpacecraft({
-      ...currentSpacecraft
-    }, x, y);
-    updateSpacecraft(controlledSpacecraft);
-    setIsControllingSpacecraft(true);
-    currentSpacecraftPath.current = [{
-      x,
-      y
-    }];
-    setSpacecraftPath([{
-      x,
-      y
-    }]);
-  }, [gameService, updateSpacecraft, setIsControllingSpacecraft, setSpacecraftPath]);
-  const processPendingSpacecraftUpdate = useCallback(() => {
-    if (pendingSpacecraftUpdate.current) {
-      const {
-        x,
-        y
-      } = pendingSpacecraftUpdate.current;
-      const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;
-      const controlledSpacecraft = gameService.controlSpacecraft({
-        ...currentSpacecraft
-      }, x, y);
-      updateSpacecraft(controlledSpacecraft);
-
-      // Throttle path updates to reduce re-renders
-      currentSpacecraftPath.current.push({
-        x,
-        y
-      });
-      if (currentSpacecraftPath.current.length > 8) {
-        currentSpacecraftPath.current.shift();
-      }
-
-      // Only update path every 3rd update to reduce re-renders
-      if (currentSpacecraftPath.current.length % 3 === 0) {
-        setSpacecraftPath([...currentSpacecraftPath.current]);
-      }
-      pendingSpacecraftUpdate.current = null;
-    }
-    animationFrameId.current = null;
-  }, [gameService, updateSpacecraft, setSpacecraftPath]);
-  const handleSpacecraftControlMove = useCallback((x, y) => {
-    pendingSpacecraftUpdate.current = {
-      x,
-      y
-    };
-    if (animationFrameId.current === null) {
-      animationFrameId.current = requestAnimationFrame(processPendingSpacecraftUpdate);
-    }
-  }, [processPendingSpacecraftUpdate]);
-  const handleSpacecraftControlEnd = useCallback(() => {
-    if (animationFrameId.current !== null) {
-      cancelAnimationFrame(animationFrameId.current);
-      animationFrameId.current = null;
-    }
-    if (pendingSpacecraftUpdate.current) {
-      processPendingSpacecraftUpdate();
-    }
-    const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;
-    const releasedSpacecraft = gameService.releaseSpacecraft({
-      ...currentSpacecraft
-    });
-    updateSpacecraft(releasedSpacecraft);
-    setIsControllingSpacecraft(false);
-    setTimeout(() => {
-      currentSpacecraftPath.current = [];
-      setSpacecraftPath([]);
-    }, 300);
-  }, [gameService, updateSpacecraft, setIsControllingSpacecraft, setSpacecraftPath, processPendingSpacecraftUpdate]);
-
-  // Optimized collision detection with reduced store access
-  useEffect(() => {
-    if (!isPlaying) return;
-    const interval = setInterval(() => {
-      // Single store access for better performance
-      const state = useSpaceFighterStore.getState();
-      const currentSpacecraft = state.spacecraft;
-      const currentAsteroids = state.asteroids;
-
-      // Skip if no asteroids to check
-      if (currentAsteroids.length === 0) return;
-      const collision = gameService.checkCollision(currentSpacecraft, currentAsteroids);
-      const now = Date.now();
-      if (collision.collision && now - lastCollisionTime.current > 1000) {
-        lastCollisionTime.current = now;
-        playCollisionSound();
-
-        // Create particle blast at collision point
-        const blastId = `blast-${now}`;
-        setActiveBlasts(prev => [...prev, {
-          id: blastId,
-          x: currentSpacecraft.x,
-          y: currentSpacecraft.y
-        }]);
-
-        // Remove blast after animation
-        setTimeout(() => {
-          setActiveBlasts(prev => prev.filter(blast => blast.id !== blastId));
-        }, 800);
-        loseLife(); // This now handles spacecraft position reset internally
-        return;
-      }
-
-      // Check asteroid passes for scoring
-      const passedAsteroids = gameService.checkAsteroidPass(currentSpacecraft, currentAsteroids);
-      if (passedAsteroids.length > 0) {
-        passedAsteroids.forEach(pairId => {
-          markAsteroidPassed(pairId);
-          playSuccessSound();
-        });
-      }
-    }, 100); // Slightly increased interval for better performance (was 80ms)
-
-    return () => clearInterval(interval);
-  }, [isPlaying, gameService, playCollisionSound, loseLife, updateSpacecraft, markAsteroidPassed, playSuccessSound]);
-
-  // Memoized gesture handling for better performance
-  const panGesture = useMemo(() => Gesture.Pan().onStart(event => {
-    const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;
-    initialSpacecraftPosition.current = {
-      x: currentSpacecraft.x,
-      y: currentSpacecraft.y
-    };
-    initialTouchPosition.current = {
-      x: event.absoluteX,
-      y: event.absoluteY
-    };
-    handleSpacecraftControlStart(currentSpacecraft.x, currentSpacecraft.y);
-  }).onUpdate(event => {
-    if (!initialSpacecraftPosition.current || !initialTouchPosition.current) {
-      return;
-    }
-    const dx = event.absoluteX - initialTouchPosition.current.x;
-    const newX = initialSpacecraftPosition.current.x + dx;
-    const newY = initialSpacecraftPosition.current.y;
-    handleSpacecraftControlMove(newX, newY);
-  }).onEnd(() => {
-    initialTouchPosition.current = null;
-    handleSpacecraftControlEnd();
-  }).onFinalize(() => {
-    initialTouchPosition.current = null;
-    handleSpacecraftControlEnd();
-  }).runOnJS(true), [handleSpacecraftControlStart, handleSpacecraftControlMove, handleSpacecraftControlEnd]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.gameArea],
-    children: [/*#__PURE__*/_jsx(SpacecraftPath, {
-      path: spacecraftPath
-    }), asteroids.map(asteroid => /*#__PURE__*/_jsx(AsteroidComponent, {
-      asteroid: asteroid
-    }, asteroid.id)), activeBlasts.map(blast => /*#__PURE__*/_jsx(ParticleBlast, {
-      x: blast.x,
-      y: blast.y,
-      colors: particleColors,
-      particleCount: 12,
-      duration: 800
-    }, blast.id)), /*#__PURE__*/_jsx(Spacecraft3D, {
-      spacecraft: spacecraft,
-      isControlled: isControllingSpacecraft
-    }), /*#__PURE__*/_jsx(GestureDetector, {
-      gesture: panGesture,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.gestureOverlay
-      })
-    }), asteroids.length === 0 && /*#__PURE__*/_jsxs(View, {
-      style: styles.instructionsContainer,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.instructionsEmoji,
-        children: "\uD83D\uDE80"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.instructionsTitle,
-        children: "Navigate your spacecraft through the space!"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.instructionsSubtitle,
-        children: "Touch and drag to control your spacecraft"
-      })]
-    })]
-  });
-});
-const styles = StyleSheet.create({
-  gameArea: {
-    flex: 1,
-    position: 'relative'
-  },
-  gestureOverlay: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'transparent',
-    zIndex: 10
-  },
-  instructionsContainer: {
-    position: 'absolute',
-    top: '33%',
-    left: 0,
-    right: 0,
-    opacity: 0.6,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  instructionsEmoji: {
-    textAlign: 'center',
-    fontSize: 24,
-    marginBottom: 12
-  },
-  instructionsTitle: {
-    color: '#ffffff',
-    textAlign: 'center',
-    fontSize: 18,
-    fontWeight: 'bold',
-    marginBottom: 8
-  },
-  instructionsSubtitle: {
-    color: '#ffffff',
-    textAlign: 'center',
-    marginTop: 8
-  }
-});
-//# sourceMappingURL=GameArea.js.map
+"use strict";import React,{useRef,useEffect,useCallback,useState,useMemo}from 'react';import{View,Text,StyleSheet,Dimensions}from 'react-native';import{Gesture,GestureDetector}from 'react-native-gesture-handler';import{useSpaceFighterStore}from "../SpaceFighterStore.js";import{createSpaceFighterService}from "../SpaceFighterService.js";import{playSound,GAME_SOUNDS}from "../../../services/SoundsService.js";import{playHaptic,HapticType}from "../../../services/HapticsService.js";import{ParticleBlast}from "../../../helpers/index.js";import{AsteroidComponent}from "./AsteroidComponent.js";import{Spacecraft3D}from "./Spacecraft3D.js";import{SpacecraftPath}from "./SpacecraftPath.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');export const GameArea = React.memo(()=>{const asteroids = useSpaceFighterStore(state => state.asteroids);const spacecraft = useSpaceFighterStore(state => state.spacecraft);const spacecraftPath = useSpaceFighterStore(state => state.spacecraftPath);const isControllingSpacecraft = useSpaceFighterStore(state => state.isControllingSpacecraft);const isPlaying = useSpaceFighterStore(state => state.isPlaying);const updateSpacecraft = useSpaceFighterStore(state => state.updateSpacecraft);const setSpacecraftPath = useSpaceFighterStore(state => state.setSpacecraftPath);const setIsControllingSpacecraft = useSpaceFighterStore(state => state.setIsControllingSpacecraft);const markAsteroidPassed = useSpaceFighterStore(state => state.markAsteroidPassed);const loseLife = useSpaceFighterStore(state => state.loseLife);const gameService = useRef(createSpaceFighterService(width,height)).current;const currentSpacecraftPath = useRef([]);const initialSpacecraftPosition = useRef(null);const initialTouchPosition = useRef(null);const pendingSpacecraftUpdate = useRef(null);const animationFrameId = useRef(null);const lastCollisionTime = useRef(0);const [activeBlasts,setActiveBlasts] = useState([]);const particleColors = useMemo(()=> ['#ff6b6b','#ff8e53','#ff6b35'],[]);const playSuccessSound = useCallback(()=>{playSound(GAME_SOUNDS.SPACE_FIGHTER.SUCCESS,true);playHaptic(HapticType.LIGHT,true);},[]);const playCollisionSound = useCallback(()=>{playSound(GAME_SOUNDS.SPACE_FIGHTER.COLLISION,true);playHaptic(HapticType.HEAVY,true);},[]);const handleSpacecraftControlStart = useCallback((x,y)=>{const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;const controlledSpacecraft = gameService.controlSpacecraft({...currentSpacecraft},x,y);updateSpacecraft(controlledSpacecraft);setIsControllingSpacecraft(true);currentSpacecraftPath.current = [{x,y}];setSpacecraftPath([{x,y}]);},[gameService,updateSpacecraft,setIsControllingSpacecraft,setSpacecraftPath]);const processPendingSpacecraftUpdate = useCallback(()=>{if(pendingSpacecraftUpdate.current){const{x,y}= pendingSpacecraftUpdate.current;const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;const controlledSpacecraft = gameService.controlSpacecraft({...currentSpacecraft},x,y);updateSpacecraft(controlledSpacecraft);currentSpacecraftPath.current.push({x,y});if(currentSpacecraftPath.current.length > 8){currentSpacecraftPath.current.shift();}if(currentSpacecraftPath.current.length % 3 === 0){setSpacecraftPath([...currentSpacecraftPath.current]);}pendingSpacecraftUpdate.current = null;}animationFrameId.current = null;},[gameService,updateSpacecraft,setSpacecraftPath]);const handleSpacecraftControlMove = useCallback((x,y)=>{pendingSpacecraftUpdate.current ={x,y};if(animationFrameId.current === null){animationFrameId.current = requestAnimationFrame(processPendingSpacecraftUpdate);}},[processPendingSpacecraftUpdate]);const handleSpacecraftControlEnd = useCallback(()=>{if(animationFrameId.current !== null){cancelAnimationFrame(animationFrameId.current);animationFrameId.current = null;}if(pendingSpacecraftUpdate.current){processPendingSpacecraftUpdate();}const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;const releasedSpacecraft = gameService.releaseSpacecraft({...currentSpacecraft});updateSpacecraft(releasedSpacecraft);setIsControllingSpacecraft(false);setTimeout(()=>{currentSpacecraftPath.current = [];setSpacecraftPath([]);},300);},[gameService,updateSpacecraft,setIsControllingSpacecraft,setSpacecraftPath,processPendingSpacecraftUpdate]);useEffect(()=>{if(!isPlaying)return;const interval = setInterval(()=>{const state = useSpaceFighterStore.getState();const currentSpacecraft = state.spacecraft;const currentAsteroids = state.asteroids;if(currentAsteroids.length === 0)return;const collision = gameService.checkCollision(currentSpacecraft,currentAsteroids);const now = Date.now();if(collision.collision && now - lastCollisionTime.current > 1000){lastCollisionTime.current = now;playCollisionSound();const blastId = `blast-${now}`;setActiveBlasts(prev => [...prev,{id:blastId,x:currentSpacecraft.x,y:currentSpacecraft.y}]);setTimeout(()=>{setActiveBlasts(prev => prev.filter(blast => blast.id !== blastId));},800);loseLife();return;}const passedAsteroids = gameService.checkAsteroidPass(currentSpacecraft,currentAsteroids);if(passedAsteroids.length > 0){passedAsteroids.forEach(pairId =>{markAsteroidPassed(pairId);playSuccessSound();});}},100);return()=> clearInterval(interval);},[isPlaying,gameService,playCollisionSound,loseLife,updateSpacecraft,markAsteroidPassed,playSuccessSound]);const panGesture = useMemo(()=> Gesture.Pan().onStart(event =>{const currentSpacecraft = useSpaceFighterStore.getState().spacecraft;initialSpacecraftPosition.current ={x:currentSpacecraft.x,y:currentSpacecraft.y};initialTouchPosition.current ={x:event.absoluteX,y:event.absoluteY};handleSpacecraftControlStart(currentSpacecraft.x,currentSpacecraft.y);}).onUpdate(event =>{if(!initialSpacecraftPosition.current || !initialTouchPosition.current){return;}const dx = event.absoluteX - initialTouchPosition.current.x;const newX = initialSpacecraftPosition.current.x + dx;const newY = initialSpacecraftPosition.current.y;handleSpacecraftControlMove(newX,newY);}).onEnd(()=>{initialTouchPosition.current = null;handleSpacecraftControlEnd();}).onFinalize(()=>{initialTouchPosition.current = null;handleSpacecraftControlEnd();}).runOnJS(true),[handleSpacecraftControlStart,handleSpacecraftControlMove,handleSpacecraftControlEnd]);return _jsxs(View,{style:[styles.gameArea],children:[_jsx(SpacecraftPath,{path:spacecraftPath}),asteroids.map(asteroid => _jsx(AsteroidComponent,{asteroid:asteroid},asteroid.id)),activeBlasts.map(blast => _jsx(ParticleBlast,{x:blast.x,y:blast.y,colors:particleColors,particleCount:12,duration:800},blast.id)),_jsx(Spacecraft3D,{spacecraft:spacecraft,isControlled:isControllingSpacecraft}),_jsx(GestureDetector,{gesture:panGesture,children:_jsx(View,{style:styles.gestureOverlay})}),asteroids.length === 0 && _jsxs(View,{style:styles.instructionsContainer,children:[_jsx(Text,{style:styles.instructionsEmoji,children:"\uD83D\uDE80"}),_jsx(Text,{style:styles.instructionsTitle,children:"Navigate your spacecraft through the space!"}),_jsx(Text,{style:styles.instructionsSubtitle,children:"Touch and drag to control your spacecraft"})]})]});});const styles = StyleSheet.create({gameArea:{flex:1,position:'relative'},gestureOverlay:{position:'absolute',top:0,left:0,right:0,bottom:0,backgroundColor:'transparent',zIndex:10},instructionsContainer:{position:'absolute',top:'33%',left:0,right:0,opacity:0.6,alignItems:'center',justifyContent:'center'},instructionsEmoji:{textAlign:'center',fontSize:24,marginBottom:12},instructionsTitle:{color:'#ffffff',textAlign:'center',fontSize:18,fontWeight:'bold',marginBottom:8},instructionsSubtitle:{color:'#ffffff',textAlign:'center',marginTop:8}});