react-native-games 1.1.0 → 1.3.0

package/lib/module/games/fruit-ninja/components/GameArea.js

@@ -1,215 +1 @@
-"use strict";
-
-import React, { useRef, useEffect, useState } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { runOnJS } from 'react-native-reanimated';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useFruitNinjaStore } from "../FruitNinjaStore.js";
-import { GAME_CONFIG } from "../FruitNinjaService.js";
-import { playSound, GAME_SOUNDS } from "../../../services/SoundsService.js";
-import { playHaptic, HapticType } from "../../../services/HapticsService.js";
-import { ParticleBlast, useAnimationTracker } from "../../../helpers/index.js";
-import { FruitComponent } from "./FruitComponent.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GameArea = /*#__PURE__*/React.memo(() => {
-  // Read state directly from store to reduce main component re-renders
-  const fruits = useFruitNinjaStore(state => state.fruits);
-
-  // Get store actions
-  const {
-    sliceFruit,
-    removeFruit,
-    updateFruit,
-    resetCombo,
-    loseLife,
-    addLife
-  } = useFruitNinjaStore();
-
-  // Minimal collision detection - no visual trail needed
-  const lastGesturePoint = useRef(null);
-
-  // Self-contained component - no external settings needed
-
-  // Animation tracking for fruits using shared utility
-  const fruitAnimations = useAnimationTracker();
-
-  // State for managing active particle blasts
-  const [activeBlasts, setActiveBlasts] = useState([]);
-
-  // Sound and haptic feedback functions (using default enabled state)
-  const playSliceSound = () => {
-    playSound(GAME_SOUNDS.FRUIT_NINJA.SLICE, true);
-    playHaptic(HapticType.LIGHT, true);
-  };
-  const playBombSound = () => {
-    playSound(GAME_SOUNDS.FRUIT_NINJA.BOMB, true);
-    playHaptic(HapticType.HEAVY, true);
-  };
-
-  // Create blast particles using shared ParticleBlast component
-  const createBlastParticles = fruit => {
-    const blastX = fruit.position.x + GAME_CONFIG.FRUIT_SIZE / 2;
-    const blastY = fruit.position.y + GAME_CONFIG.FRUIT_SIZE / 2;
-    const blastId = `blast_${Date.now()}_${Math.random()}`;
-    setActiveBlasts(prev => [...prev, {
-      id: blastId,
-      x: blastX,
-      y: blastY
-    }]);
-  };
-
-  // Handle blast completion (remove from active blasts)
-  const handleBlastComplete = blastId => {
-    setActiveBlasts(prev => prev.filter(blast => blast.id !== blastId));
-  };
-
-  // Simplified gesture handling - no visual trail, just collision detection
-  const handleGestureStart = event => {
-    const currentState = useFruitNinjaStore.getState();
-    if (!currentState.isPlaying) return;
-    lastGesturePoint.current = {
-      x: event.x,
-      y: event.y
-    };
-
-    // Light haptic feedback on slice start
-    playHaptic(HapticType.LIGHT, true);
-  };
-  const handleGestureUpdate = event => {
-    const currentState = useFruitNinjaStore.getState();
-    if (!currentState.isPlaying) return;
-    const currentPoint = {
-      x: event.x,
-      y: event.y
-    };
-
-    // Check for fruit collisions with current gesture point
-    checkFruitCollisions(currentPoint);
-    lastGesturePoint.current = currentPoint;
-  };
-  const handleGestureEnd = () => {
-    const currentState = useFruitNinjaStore.getState();
-    if (!currentState.isPlaying) return;
-    lastGesturePoint.current = null;
-  };
-
-  // Create pan gesture - moved from parent
-  const panGesture = Gesture.Pan().onStart(event => {
-    runOnJS(handleGestureStart)(event);
-  }).onUpdate(event => {
-    runOnJS(handleGestureUpdate)(event);
-  }).onEnd(() => {
-    runOnJS(handleGestureEnd)();
-  });
-
-  // Fruit slicing logic - moved from parent
-  const handleFruitSlice = fruitId => {
-    // Double-check game state to prevent race conditions
-    const currentState = useFruitNinjaStore.getState();
-    if (!currentState.isPlaying || currentState.gameOver) return;
-    const fruit = currentState.fruits.find(f => f.id === fruitId);
-    if (!fruit || fruit.isSliced) return;
-
-    // Handle different fruit types BEFORE marking as sliced
-    if (fruit.isBomb) {
-      playBombSound();
-      loseLife();
-      resetCombo();
-      // Create blast particles at bomb location
-      createBlastParticles(fruit);
-      updateFruit(fruitId, {
-        isSliced: true
-      });
-    } else {
-      // Handle different fruit types with simplified mechanics
-      playSliceSound();
-      if (fruit.isBonus) {
-        // Star fruit - add a life instead of points
-        addLife();
-        playSliceSound();
-        // Mark star as sliced after processing
-        updateFruit(fruitId, {
-          isSliced: true
-        });
-      } else if (fruit.isFreeze) {
-        // Freeze fruit - slice and mark (sliceFruit handles marking)
-        sliceFruit(fruitId);
-      } else {
-        // Regular fruit - add 10 points (sliceFruit handles marking)
-        sliceFruit(fruitId);
-      }
-
-      // Create blast particles at fruit location
-      createBlastParticles(fruit);
-    }
-
-    // Remove fruit after animation
-    setTimeout(() => {
-      removeFruit(fruitId);
-      fruitAnimations.delete(fruitId);
-    }, 500);
-  };
-
-  // Optimized collision detection with single point
-  const checkFruitCollisions = gesturePoint => {
-    const currentFruits = useFruitNinjaStore.getState().fruits;
-    currentFruits.forEach(fruit => {
-      if (!fruit.isSliced) {
-        // Simple distance-based collision detection
-        const fruitCenterX = fruit.position.x + GAME_CONFIG.FRUIT_SIZE / 2;
-        const fruitCenterY = fruit.position.y + GAME_CONFIG.FRUIT_SIZE / 2;
-        const fruitRadius = GAME_CONFIG.FRUIT_SIZE / 2;
-
-        // Check if gesture point is within fruit radius
-        const distance = Math.sqrt(Math.pow(gesturePoint.x - fruitCenterX, 2) + Math.pow(gesturePoint.y - fruitCenterY, 2));
-        if (distance <= fruitRadius) {
-          handleFruitSlice(fruit.id);
-        }
-      }
-    });
-  };
-
-  // Track fruit animations without shared values - moved from parent
-  useEffect(() => {
-    fruits.forEach(fruit => {
-      if (!fruitAnimations.has(fruit.id)) {
-        fruitAnimations.initialize(fruit.id);
-      }
-    });
-  }, [fruits, fruitAnimations]);
-  return /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.gameArea,
-      children: [fruits.map(fruit => {
-        const animation = fruitAnimations.get(fruit.id);
-        return /*#__PURE__*/_jsx(FruitComponent, {
-          fruit: fruit,
-          animation: animation,
-          onSlice: handleFruitSlice
-        }, fruit.id);
-      }), activeBlasts.map(blast => /*#__PURE__*/_jsx(ParticleBlast, {
-        x: blast.x,
-        y: blast.y,
-        particleCount: 8,
-        duration: 1000,
-        onComplete: () => handleBlastComplete(blast.id)
-      }, blast.id))]
-    })
-  });
-});
-const styles = StyleSheet.create({
-  gameArea: {
-    flex: 1,
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  backgroundGradient: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
-//# sourceMappingURL=GameArea.js.map
+"use strict";import React,{useRef,useEffect,useState}from 'react';import{View,StyleSheet}from 'react-native';import{runOnJS}from 'react-native-reanimated';import{Gesture,GestureDetector}from 'react-native-gesture-handler';import{useFruitNinjaStore}from "../FruitNinjaStore.js";import{GAME_CONFIG}from "../FruitNinjaService.js";import{playSound,GAME_SOUNDS}from "../../../services/SoundsService.js";import{playHaptic,HapticType}from "../../../services/HapticsService.js";import{ParticleBlast,useAnimationTracker}from "../../../helpers/index.js";import{FruitComponent}from "./FruitComponent.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const GameArea = React.memo(()=>{const fruits = useFruitNinjaStore(state => state.fruits);const{sliceFruit,removeFruit,updateFruit,resetCombo,loseLife,addLife}= useFruitNinjaStore();const lastGesturePoint = useRef(null);const fruitAnimations = useAnimationTracker();const [activeBlasts,setActiveBlasts] = useState([]);const playSliceSound =()=>{playSound(GAME_SOUNDS.FRUIT_NINJA.SLICE,true);playHaptic(HapticType.LIGHT,true);};const playBombSound =()=>{playSound(GAME_SOUNDS.FRUIT_NINJA.BOMB,true);playHaptic(HapticType.HEAVY,true);};const createBlastParticles = fruit =>{const blastX = fruit.position.x + GAME_CONFIG.FRUIT_SIZE / 2;const blastY = fruit.position.y + GAME_CONFIG.FRUIT_SIZE / 2;const blastId = `blast_${Date.now()}_${Math.random()}`;setActiveBlasts(prev => [...prev,{id:blastId,x:blastX,y:blastY}]);};const handleBlastComplete = blastId =>{setActiveBlasts(prev => prev.filter(blast => blast.id !== blastId));};const handleGestureStart = event =>{const currentState = useFruitNinjaStore.getState();if(!currentState.isPlaying)return;lastGesturePoint.current ={x:event.x,y:event.y};playHaptic(HapticType.LIGHT,true);};const handleGestureUpdate = event =>{const currentState = useFruitNinjaStore.getState();if(!currentState.isPlaying)return;const currentPoint ={x:event.x,y:event.y};checkFruitCollisions(currentPoint);lastGesturePoint.current = currentPoint;};const handleGestureEnd =()=>{const currentState = useFruitNinjaStore.getState();if(!currentState.isPlaying)return;lastGesturePoint.current = null;};const panGesture = Gesture.Pan().onStart(event =>{runOnJS(handleGestureStart)(event);}).onUpdate(event =>{runOnJS(handleGestureUpdate)(event);}).onEnd(()=>{runOnJS(handleGestureEnd)();});const handleFruitSlice = fruitId =>{const currentState = useFruitNinjaStore.getState();if(!currentState.isPlaying || currentState.gameOver)return;const fruit = currentState.fruits.find(f => f.id === fruitId);if(!fruit || fruit.isSliced)return;if(fruit.isBomb){playBombSound();loseLife();resetCombo();createBlastParticles(fruit);updateFruit(fruitId,{isSliced:true});}else{playSliceSound();if(fruit.isBonus){addLife();playSliceSound();updateFruit(fruitId,{isSliced:true});}else if(fruit.isFreeze){sliceFruit(fruitId);}else{sliceFruit(fruitId);}createBlastParticles(fruit);}setTimeout(()=>{removeFruit(fruitId);fruitAnimations.delete(fruitId);},500);};const checkFruitCollisions = gesturePoint =>{const currentFruits = useFruitNinjaStore.getState().fruits;currentFruits.forEach(fruit =>{if(!fruit.isSliced){const fruitCenterX = fruit.position.x + GAME_CONFIG.FRUIT_SIZE / 2;const fruitCenterY = fruit.position.y + GAME_CONFIG.FRUIT_SIZE / 2;const fruitRadius = GAME_CONFIG.FRUIT_SIZE / 2;const distance = Math.sqrt(Math.pow(gesturePoint.x - fruitCenterX,2)+ Math.pow(gesturePoint.y - fruitCenterY,2));if(distance <= fruitRadius){handleFruitSlice(fruit.id);}}});};useEffect(()=>{fruits.forEach(fruit =>{if(!fruitAnimations.has(fruit.id)){fruitAnimations.initialize(fruit.id);}});},[fruits,fruitAnimations]);return _jsx(GestureDetector,{gesture:panGesture,children:_jsxs(View,{style:styles.gameArea,children:[fruits.map(fruit =>{const animation = fruitAnimations.get(fruit.id);return _jsx(FruitComponent,{fruit:fruit,animation:animation,onSlice:handleFruitSlice},fruit.id);}),activeBlasts.map(blast => _jsx(ParticleBlast,{x:blast.x,y:blast.y,particleCount:8,duration:1000,onComplete:()=> handleBlastComplete(blast.id)},blast.id))]})});});const styles = StyleSheet.create({gameArea:{flex:1,position:'relative',overflow:'hidden'},backgroundGradient:{position:'absolute',top:0,left:0,right:0,bottom:0}});