react-native-games 1.0.0 → 1.2.0

package/lib/module/games/fruit-merger/FruitMergerService.js

@@ -1,13 +1 @@
-"use strict";
-
-export const formatTime = seconds => {
-  const mins = Math.floor(seconds / 60);
-  const secs = seconds % 60;
-  return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-};
-export class FruitMergerService {
-  cleanup() {
-    // Cleanup logic if needed
-  }
-}
-//# sourceMappingURL=FruitMergerService.js.map
+"use strict";export const formatTime = seconds =>{const mins = Math.floor(seconds / 60);const secs = seconds % 60;return `${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;};export class FruitMergerService{cleanup(){}}

package/lib/module/games/fruit-merger/FruitMergerStore.js

@@ -1,315 +1 @@
-"use strict";
-
-import { create } from 'zustand';
-import { subscribeWithSelector } from 'zustand/middleware';
-import { immerMiddleware } from "../../services/UtilsService.js";
-import { FRUIT_TYPES, FRUIT_MERGER_GAME_CONFIG } from "./FruitMergerConstants.js";
-import { playSound, GAME_SOUNDS } from "../../services/SoundsService.js";
-import { playHaptic, HapticType } from "../../services/HapticsService.js";
-const generateRandomFruitType = () => {
-  return Math.floor(Math.random() * FRUIT_MERGER_GAME_CONFIG.MAX_FRUIT_TYPE);
-};
-export const useFruitMergerStore = create()(immerMiddleware(subscribeWithSelector((set, get) => ({
-  isPlaying: false,
-  isGameOver: false,
-  fruits: [],
-  currentFruit: null,
-  nextFruitType: 0,
-  score: 0,
-  time: 0,
-  timerInterval: null,
-  gameLoopInterval: null,
-  spawnInterval: null,
-  initializeGame: () => {
-    set(state => {
-      state.fruits = [];
-      state.currentFruit = null;
-      state.nextFruitType = generateRandomFruitType();
-      state.score = 0;
-      state.time = 0;
-      state.isPlaying = false;
-      state.isGameOver = false;
-    });
-  },
-  startGame: () => {
-    const state = get();
-    if (state.timerInterval) clearInterval(state.timerInterval);
-    if (state.gameLoopInterval) clearInterval(state.gameLoopInterval);
-    if (state.spawnInterval) clearInterval(state.spawnInterval);
-    const timerInterval = setInterval(() => {
-      get().incrementTime();
-    }, 1000);
-    const gameLoopInterval = setInterval(() => {
-      get().updatePhysics();
-    }, 1000 / 30);
-    set(state => {
-      state.isPlaying = true;
-      state.isGameOver = false;
-      state.time = 0;
-      state.timerInterval = timerInterval;
-      state.gameLoopInterval = gameLoopInterval;
-    });
-    get().spawnCurrentFruit();
-  },
-  stopGame: () => {
-    const state = get();
-    if (state.timerInterval) clearInterval(state.timerInterval);
-    if (state.gameLoopInterval) clearInterval(state.gameLoopInterval);
-    if (state.spawnInterval) clearInterval(state.spawnInterval);
-
-    // Reset the game instead of showing game over modal
-    state.initializeGame();
-  },
-  resetGame: () => {
-    const state = get();
-    if (state.timerInterval) clearInterval(state.timerInterval);
-    if (state.gameLoopInterval) clearInterval(state.gameLoopInterval);
-    if (state.spawnInterval) clearInterval(state.spawnInterval);
-    set(state => {
-      state.isPlaying = false;
-      state.isGameOver = false;
-      state.fruits = [];
-      state.currentFruit = null;
-      state.score = 0;
-      state.time = 0;
-      state.timerInterval = null;
-      state.gameLoopInterval = null;
-      state.spawnInterval = null;
-    });
-  },
-  spawnCurrentFruit: () => {
-    const state = get();
-    const fruitType = state.nextFruitType;
-    const fruit = {
-      id: `fruit-${Date.now()}-${Math.random()}`,
-      typeId: fruitType,
-      x: FRUIT_MERGER_GAME_CONFIG.CONTAINER_WIDTH / 2,
-      y: 30,
-      vx: 0,
-      vy: 0,
-      isActive: false,
-      isMerging: false
-    };
-    set(state => {
-      state.currentFruit = fruit;
-    });
-  },
-  dropCurrentFruit: () => {
-    const state = get();
-    if (!state.currentFruit) return;
-    set(draftState => {
-      if (draftState.currentFruit) {
-        draftState.currentFruit.isActive = true;
-        draftState.fruits.push(draftState.currentFruit);
-        draftState.currentFruit = null;
-        draftState.nextFruitType = generateRandomFruitType();
-      }
-    });
-    setTimeout(() => {
-      get().spawnCurrentFruit();
-    }, 300);
-  },
-  updateCurrentFruitPosition: x => {
-    set(state => {
-      if (state.currentFruit) {
-        const nextFruitData = FRUIT_TYPES[state.nextFruitType];
-        if (!nextFruitData) return;
-        const fruitData = FRUIT_TYPES[state.currentFruit.typeId];
-        if (fruitData) {
-          const radius = fruitData.size / 2;
-          state.currentFruit.x = Math.max(radius, Math.min(FRUIT_MERGER_GAME_CONFIG.PLAY_AREA_WIDTH - radius, x));
-        }
-      }
-    });
-  },
-  updatePhysics: () => {
-    const state = get();
-    if (!state.isPlaying || state.fruits.length === 0) return;
-    const {
-      PLAY_AREA_WIDTH,
-      PLAY_AREA_HEIGHT,
-      GRAVITY,
-      BOUNCE,
-      FRICTION
-    } = FRUIT_MERGER_GAME_CONFIG;
-
-    // Use set() but ONLY update fruits array (not other state)
-    set(draftState => {
-      // Apply physics
-      for (let i = 0; i < draftState.fruits.length; i++) {
-        const fruit = draftState.fruits[i];
-        if (!fruit || !fruit.isActive || fruit.isMerging) continue;
-        const fruitData = FRUIT_TYPES[fruit.typeId];
-        if (!fruitData) continue;
-        const radius = fruitData.size / 2;
-        fruit.vy += GRAVITY;
-        fruit.x += fruit.vx;
-        fruit.y += fruit.vy;
-        fruit.vx *= FRICTION;
-        fruit.vy *= FRICTION;
-
-        // Wall collisions
-        if (fruit.x - radius < 0) {
-          fruit.x = radius;
-          fruit.vx *= -BOUNCE;
-        }
-        if (fruit.x + radius > PLAY_AREA_WIDTH) {
-          fruit.x = PLAY_AREA_WIDTH - radius;
-          fruit.vx *= -BOUNCE;
-        }
-
-        // Ground collision with stronger response
-        if (fruit.y + radius >= PLAY_AREA_HEIGHT) {
-          fruit.y = PLAY_AREA_HEIGHT - radius;
-          fruit.vy *= -BOUNCE;
-          fruit.vx *= FRICTION;
-          if (Math.abs(fruit.vy) < 0.5) {
-            fruit.vy = 0;
-          }
-        }
-
-        // Top boundary
-        if (fruit.y - radius < 0) {
-          fruit.y = radius;
-          fruit.vy = Math.abs(fruit.vy) * 0.5;
-        }
-      }
-
-      // Collision detection and response
-      for (let i = 0; i < draftState.fruits.length; i++) {
-        const fruit = draftState.fruits[i];
-        if (!fruit || !fruit.isActive || fruit.isMerging) continue;
-        const fruitData = FRUIT_TYPES[fruit.typeId];
-        if (!fruitData) continue;
-        const radius = fruitData.size / 2;
-        for (let j = i + 1; j < draftState.fruits.length; j++) {
-          const otherFruit = draftState.fruits[j];
-          if (!otherFruit || !otherFruit.isActive || otherFruit.isMerging) continue;
-          const otherFruitData = FRUIT_TYPES[otherFruit.typeId];
-          if (!otherFruitData) continue;
-          const otherRadius = otherFruitData.size / 2;
-          const dx = otherFruit.x - fruit.x;
-          const dy = otherFruit.y - fruit.y;
-          const distance = Math.sqrt(dx * dx + dy * dy);
-          const minDistance = radius + otherRadius;
-          if (distance < minDistance && distance > 0) {
-            // Separate overlapping fruits
-            const overlap = minDistance - distance;
-            const angle = Math.atan2(dy, dx);
-            const separationX = Math.cos(angle) * overlap * 0.5;
-            const separationY = Math.sin(angle) * overlap * 0.5;
-            fruit.x -= separationX;
-            fruit.y -= separationY;
-            otherFruit.x += separationX;
-            otherFruit.y += separationY;
-
-            // Apply collision response
-            const relativeVx = otherFruit.vx - fruit.vx;
-            const relativeVy = otherFruit.vy - fruit.vy;
-            const dotProduct = relativeVx * Math.cos(angle) + relativeVy * Math.sin(angle);
-            if (dotProduct < 0) {
-              const impulse = dotProduct * 0.8;
-              fruit.vx += Math.cos(angle) * impulse;
-              fruit.vy += Math.sin(angle) * impulse;
-              otherFruit.vx -= Math.cos(angle) * impulse;
-              otherFruit.vy -= Math.sin(angle) * impulse;
-            }
-
-            // Re-apply boundary constraints after separation
-            fruit.x = Math.max(radius, Math.min(PLAY_AREA_WIDTH - radius, fruit.x));
-            fruit.y = Math.max(radius, Math.min(PLAY_AREA_HEIGHT - radius, fruit.y));
-            otherFruit.x = Math.max(otherRadius, Math.min(PLAY_AREA_WIDTH - otherRadius, otherFruit.x));
-            otherFruit.y = Math.max(otherRadius, Math.min(PLAY_AREA_HEIGHT - otherRadius, otherFruit.y));
-          }
-        }
-      }
-    });
-    get().checkMerges({
-      enableSounds: true,
-      enableHaptics: true
-    });
-  },
-  checkMerges: settings => {
-    const state = get();
-    const {
-      MERGE_DISTANCE
-    } = FRUIT_MERGER_GAME_CONFIG;
-    for (let i = 0; i < state.fruits.length; i++) {
-      const fruit1 = state.fruits[i];
-      if (!fruit1 || !fruit1.isActive || fruit1.isMerging || fruit1.y < 0) continue;
-      for (let j = i + 1; j < state.fruits.length; j++) {
-        const fruit2 = state.fruits[j];
-        if (!fruit2 || !fruit2.isActive || fruit2.isMerging || fruit2.y < 0) continue;
-        if (fruit1.typeId === fruit2.typeId) {
-          const dx = fruit2.x - fruit1.x;
-          const dy = fruit2.y - fruit1.y;
-          const distance = Math.sqrt(dx * dx + dy * dy);
-          const fruit1Data = FRUIT_TYPES[fruit1.typeId];
-          const fruit2Data = FRUIT_TYPES[fruit2.typeId];
-          if (!fruit1Data || !fruit2Data) continue;
-          const radius1 = fruit1Data.size / 2;
-          const radius2 = fruit2Data.size / 2;
-          const touchDistance = radius1 + radius2;
-
-          // Check if fruits are touching or overlapping
-          if (distance <= touchDistance + MERGE_DISTANCE) {
-            // Check if both fruits have low velocity (relatively stable)
-            const fruit1Speed = Math.sqrt(fruit1.vx * fruit1.vx + fruit1.vy * fruit1.vy);
-            const fruit2Speed = Math.sqrt(fruit2.vx * fruit2.vx + fruit2.vy * fruit2.vy);
-
-            // Merge if at least one fruit is relatively stable (speed < 5)
-            if (fruit1Speed < 5 || fruit2Speed < 5) {
-              get().mergeFruits(fruit1, fruit2, settings);
-              return;
-            }
-          }
-        }
-      }
-    }
-    const maxFruitReached = state.fruits.some(f => f.typeId === FRUIT_TYPES.length - 1 && f.isActive);
-    if (maxFruitReached) {
-      playSound(GAME_SOUNDS.FRUIT_MERGER.COMPLETE, settings.enableSounds);
-      playHaptic(HapticType.SUCCESS, settings.enableHaptics);
-      get().stopGame();
-    }
-  },
-  mergeFruits: (fruit1, fruit2, settings) => {
-    const nextTypeId = fruit1.typeId + 1;
-    if (nextTypeId >= FRUIT_TYPES.length) return;
-    const mergeX = (fruit1.x + fruit2.x) / 2;
-    const mergeY = (fruit1.y + fruit2.y) / 2;
-    set(state => {
-      state.fruits = state.fruits.filter(f => f.id !== fruit1.id && f.id !== fruit2.id);
-      const newFruit = {
-        id: `fruit-${Date.now()}-${Math.random()}`,
-        typeId: nextTypeId,
-        x: mergeX,
-        y: mergeY,
-        vx: 0,
-        vy: -2,
-        isActive: true,
-        isMerging: false
-      };
-      state.fruits.push(newFruit);
-      const nextFruitType = FRUIT_TYPES[nextTypeId];
-      if (nextFruitType) {
-        state.score += nextFruitType.score;
-      }
-    });
-    playSound(GAME_SOUNDS.FRUIT_MERGER.MERGE, settings.enableSounds);
-    playHaptic(HapticType.MEDIUM, settings.enableHaptics);
-  },
-  incrementTime: () => {
-    set(state => {
-      state.time += 1;
-    });
-  }
-}))));
-export const useIsPlaying = () => useFruitMergerStore(state => state.isPlaying);
-export const useIsGameOver = () => useFruitMergerStore(state => state.isGameOver);
-export const useFruits = () => useFruitMergerStore(state => state.fruits);
-export const useCurrentFruit = () => useFruitMergerStore(state => state.currentFruit);
-export const useNextFruitType = () => useFruitMergerStore(state => state.nextFruitType);
-export const useScore = () => useFruitMergerStore(state => state.score);
-export const useTime = () => useFruitMergerStore(state => state.time);
-//# sourceMappingURL=FruitMergerStore.js.map
+"use strict";import{create}from 'zustand';import{subscribeWithSelector}from 'zustand/middleware';import{immerMiddleware}from "../../services/UtilsService.js";import{FRUIT_TYPES,FRUIT_MERGER_GAME_CONFIG}from "./FruitMergerConstants.js";import{playSound,GAME_SOUNDS}from "../../services/SoundsService.js";import{playHaptic,HapticType}from "../../services/HapticsService.js";const generateRandomFruitType =()=>{return Math.floor(Math.random()* FRUIT_MERGER_GAME_CONFIG.MAX_FRUIT_TYPE);};export const useFruitMergerStore = create()(immerMiddleware(subscribeWithSelector((set,get)=>({isPlaying:false,isGameOver:false,fruits:[],currentFruit:null,nextFruitType:0,score:0,time:0,timerInterval:null,gameLoopInterval:null,spawnInterval:null,initializeGame:()=>{set(state =>{state.fruits = [];state.currentFruit = null;state.nextFruitType = generateRandomFruitType();state.score = 0;state.time = 0;state.isPlaying = false;state.isGameOver = false;});},startGame:()=>{const state = get();if(state.timerInterval)clearInterval(state.timerInterval);if(state.gameLoopInterval)clearInterval(state.gameLoopInterval);if(state.spawnInterval)clearInterval(state.spawnInterval);const timerInterval = setInterval(()=>{get().incrementTime();},1000);const gameLoopInterval = setInterval(()=>{get().updatePhysics();},1000 / 30);set(state =>{state.isPlaying = true;state.isGameOver = false;state.time = 0;state.timerInterval = timerInterval;state.gameLoopInterval = gameLoopInterval;});get().spawnCurrentFruit();},stopGame:()=>{const state = get();if(state.timerInterval)clearInterval(state.timerInterval);if(state.gameLoopInterval)clearInterval(state.gameLoopInterval);if(state.spawnInterval)clearInterval(state.spawnInterval);state.initializeGame();},resetGame:()=>{const state = get();if(state.timerInterval)clearInterval(state.timerInterval);if(state.gameLoopInterval)clearInterval(state.gameLoopInterval);if(state.spawnInterval)clearInterval(state.spawnInterval);set(state =>{state.isPlaying = false;state.isGameOver = false;state.fruits = [];state.currentFruit = null;state.score = 0;state.time = 0;state.timerInterval = null;state.gameLoopInterval = null;state.spawnInterval = null;});},spawnCurrentFruit:()=>{const state = get();const fruitType = state.nextFruitType;const fruit ={id:`fruit-${Date.now()}-${Math.random()}`,typeId:fruitType,x:FRUIT_MERGER_GAME_CONFIG.CONTAINER_WIDTH / 2,y:30,vx:0,vy:0,isActive:false,isMerging:false};set(state =>{state.currentFruit = fruit;});},dropCurrentFruit:()=>{const state = get();if(!state.currentFruit)return;set(draftState =>{if(draftState.currentFruit){draftState.currentFruit.isActive = true;draftState.fruits.push(draftState.currentFruit);draftState.currentFruit = null;draftState.nextFruitType = generateRandomFruitType();}});setTimeout(()=>{get().spawnCurrentFruit();},300);},updateCurrentFruitPosition:x =>{set(state =>{if(state.currentFruit){const nextFruitData = FRUIT_TYPES[state.nextFruitType];if(!nextFruitData)return;const fruitData = FRUIT_TYPES[state.currentFruit.typeId];if(fruitData){const radius = fruitData.size / 2;state.currentFruit.x = Math.max(radius,Math.min(FRUIT_MERGER_GAME_CONFIG.PLAY_AREA_WIDTH - radius,x));}}});},updatePhysics:()=>{const state = get();if(!state.isPlaying || state.fruits.length === 0)return;const{PLAY_AREA_WIDTH,PLAY_AREA_HEIGHT,GRAVITY,BOUNCE,FRICTION}= FRUIT_MERGER_GAME_CONFIG;set(draftState =>{for(let i = 0;i < draftState.fruits.length;i++){const fruit = draftState.fruits[i];if(!fruit || !fruit.isActive || fruit.isMerging)continue;const fruitData = FRUIT_TYPES[fruit.typeId];if(!fruitData)continue;const radius = fruitData.size / 2;fruit.vy += GRAVITY;fruit.x += fruit.vx;fruit.y += fruit.vy;fruit.vx *= FRICTION;fruit.vy *= FRICTION;if(fruit.x - radius < 0){fruit.x = radius;fruit.vx *= -BOUNCE;}if(fruit.x + radius > PLAY_AREA_WIDTH){fruit.x = PLAY_AREA_WIDTH - radius;fruit.vx *= -BOUNCE;}if(fruit.y + radius >= PLAY_AREA_HEIGHT){fruit.y = PLAY_AREA_HEIGHT - radius;fruit.vy *= -BOUNCE;fruit.vx *= FRICTION;if(Math.abs(fruit.vy)< 0.5){fruit.vy = 0;}}if(fruit.y - radius < 0){fruit.y = radius;fruit.vy = Math.abs(fruit.vy)* 0.5;}}for(let i = 0;i < draftState.fruits.length;i++){const fruit = draftState.fruits[i];if(!fruit || !fruit.isActive || fruit.isMerging)continue;const fruitData = FRUIT_TYPES[fruit.typeId];if(!fruitData)continue;const radius = fruitData.size / 2;for(let j = i + 1;j < draftState.fruits.length;j++){const otherFruit = draftState.fruits[j];if(!otherFruit || !otherFruit.isActive || otherFruit.isMerging)continue;const otherFruitData = FRUIT_TYPES[otherFruit.typeId];if(!otherFruitData)continue;const otherRadius = otherFruitData.size / 2;const dx = otherFruit.x - fruit.x;const dy = otherFruit.y - fruit.y;const distance = Math.sqrt(dx * dx + dy * dy);const minDistance = radius + otherRadius;if(distance < minDistance && distance > 0){const overlap = minDistance - distance;const angle = Math.atan2(dy,dx);const separationX = Math.cos(angle)* overlap * 0.5;const separationY = Math.sin(angle)* overlap * 0.5;fruit.x -= separationX;fruit.y -= separationY;otherFruit.x += separationX;otherFruit.y += separationY;const relativeVx = otherFruit.vx - fruit.vx;const relativeVy = otherFruit.vy - fruit.vy;const dotProduct = relativeVx * Math.cos(angle)+ relativeVy * Math.sin(angle);if(dotProduct < 0){const impulse = dotProduct * 0.8;fruit.vx += Math.cos(angle)* impulse;fruit.vy += Math.sin(angle)* impulse;otherFruit.vx -= Math.cos(angle)* impulse;otherFruit.vy -= Math.sin(angle)* impulse;}fruit.x = Math.max(radius,Math.min(PLAY_AREA_WIDTH - radius,fruit.x));fruit.y = Math.max(radius,Math.min(PLAY_AREA_HEIGHT - radius,fruit.y));otherFruit.x = Math.max(otherRadius,Math.min(PLAY_AREA_WIDTH - otherRadius,otherFruit.x));otherFruit.y = Math.max(otherRadius,Math.min(PLAY_AREA_HEIGHT - otherRadius,otherFruit.y));}}}});get().checkMerges({enableSounds:true,enableHaptics:true});},checkMerges:settings =>{const state = get();const{MERGE_DISTANCE}= FRUIT_MERGER_GAME_CONFIG;for(let i = 0;i < state.fruits.length;i++){const fruit1 = state.fruits[i];if(!fruit1 || !fruit1.isActive || fruit1.isMerging || fruit1.y < 0)continue;for(let j = i + 1;j < state.fruits.length;j++){const fruit2 = state.fruits[j];if(!fruit2 || !fruit2.isActive || fruit2.isMerging || fruit2.y < 0)continue;if(fruit1.typeId === fruit2.typeId){const dx = fruit2.x - fruit1.x;const dy = fruit2.y - fruit1.y;const distance = Math.sqrt(dx * dx + dy * dy);const fruit1Data = FRUIT_TYPES[fruit1.typeId];const fruit2Data = FRUIT_TYPES[fruit2.typeId];if(!fruit1Data || !fruit2Data)continue;const radius1 = fruit1Data.size / 2;const radius2 = fruit2Data.size / 2;const touchDistance = radius1 + radius2;if(distance <= touchDistance + MERGE_DISTANCE){const fruit1Speed = Math.sqrt(fruit1.vx * fruit1.vx + fruit1.vy * fruit1.vy);const fruit2Speed = Math.sqrt(fruit2.vx * fruit2.vx + fruit2.vy * fruit2.vy);if(fruit1Speed < 5 || fruit2Speed < 5){get().mergeFruits(fruit1,fruit2,settings);return;}}}}}const maxFruitReached = state.fruits.some(f => f.typeId === FRUIT_TYPES.length - 1 && f.isActive);if(maxFruitReached){playSound(GAME_SOUNDS.FRUIT_MERGER.COMPLETE,settings.enableSounds);playHaptic(HapticType.SUCCESS,settings.enableHaptics);get().stopGame();}},mergeFruits:(fruit1,fruit2,settings)=>{const nextTypeId = fruit1.typeId + 1;if(nextTypeId >= FRUIT_TYPES.length)return;const mergeX =(fruit1.x + fruit2.x)/ 2;const mergeY =(fruit1.y + fruit2.y)/ 2;set(state =>{state.fruits = state.fruits.filter(f => f.id !== fruit1.id && f.id !== fruit2.id);const newFruit ={id:`fruit-${Date.now()}-${Math.random()}`,typeId:nextTypeId,x:mergeX,y:mergeY,vx:0,vy:-2,isActive:true,isMerging:false};state.fruits.push(newFruit);const nextFruitType = FRUIT_TYPES[nextTypeId];if(nextFruitType){state.score += nextFruitType.score;}});playSound(GAME_SOUNDS.FRUIT_MERGER.MERGE,settings.enableSounds);playHaptic(HapticType.MEDIUM,settings.enableHaptics);},incrementTime:()=>{set(state =>{state.time += 1;});}}))));export const useIsPlaying =()=> useFruitMergerStore(state => state.isPlaying);export const useIsGameOver =()=> useFruitMergerStore(state => state.isGameOver);export const useFruits =()=> useFruitMergerStore(state => state.fruits);export const useCurrentFruit =()=> useFruitMergerStore(state => state.currentFruit);export const useNextFruitType =()=> useFruitMergerStore(state => state.nextFruitType);export const useScore =()=> useFruitMergerStore(state => state.score);export const useTime =()=> useFruitMergerStore(state => state.time);

package/lib/module/games/fruit-merger/components/FruitItem.js

@@ -1,102 +1 @@
-"use strict";
-
-import React from 'react';
-import { Text, StyleSheet } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, runOnJS } from 'react-native-reanimated';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { FRUIT_TYPES, FRUIT_MERGER_GAME_CONFIG } from "../FruitMergerConstants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const FruitItem = /*#__PURE__*/React.memo(({
-  fruit,
-  onDrag,
-  isDraggable
-}) => {
-  const fruitData = FRUIT_TYPES[fruit.typeId];
-  if (!fruitData) {
-    return null;
-  }
-  const translateX = useSharedValue(fruit.x - fruitData.size / 2);
-  const translateY = useSharedValue(fruit.y - fruitData.size / 2);
-  const startX = useSharedValue(0);
-  const isDragging = useSharedValue(false);
-
-  // Update position when fruit changes (but not during drag)
-  // Only update if position actually changed to avoid unnecessary updates
-  const prevXRef = React.useRef(fruit.x);
-  const prevYRef = React.useRef(fruit.y);
-  React.useEffect(() => {
-    if (!isDragging.value && (prevXRef.current !== fruit.x || prevYRef.current !== fruit.y)) {
-      translateX.value = fruit.x - fruitData.size / 2;
-      translateY.value = fruit.y - fruitData.size / 2;
-      prevXRef.current = fruit.x;
-      prevYRef.current = fruit.y;
-    }
-  }, [fruit.x, fruit.y, fruitData.size, isDragging, translateX, translateY]);
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: translateX.value
-    }, {
-      translateY: translateY.value
-    }]
-  }));
-  const panGesture = Gesture.Pan().enabled(isDraggable).onStart(() => {
-    'worklet';
-
-    isDragging.value = true;
-    startX.value = translateX.value;
-  }).onUpdate(event => {
-    'worklet';
-
-    // Use translationX which is the offset from start position
-    const newX = startX.value + event.translationX;
-
-    // Clamp position to keep fruit within container boundaries
-    const radius = fruitData.size / 2;
-    const minX = 0; // Left edge (translateX is already offset by radius)
-    const maxX = FRUIT_MERGER_GAME_CONFIG.PLAY_AREA_WIDTH - fruitData.size; // Right edge
-    const clampedX = Math.max(minX, Math.min(maxX, newX));
-    translateX.value = clampedX;
-
-    // Calculate actual fruit center position and sync to store
-    const fruitCenterX = clampedX + radius;
-    if (onDrag) {
-      runOnJS(onDrag)(fruitCenterX);
-    }
-  }).onEnd(() => {
-    'worklet';
-
-    isDragging.value = false;
-  });
-  return /*#__PURE__*/_jsx(GestureDetector, {
-    gesture: panGesture,
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.fruit, animatedStyle, {
-        width: fruitData.size,
-        height: fruitData.size,
-        backgroundColor: fruitData.color
-      }],
-      children: /*#__PURE__*/_jsx(Text, {
-        style: [styles.emoji, {
-          fontSize: fruitData.size * 0.7
-        }],
-        children: fruitData.emoji
-      })
-    })
-  });
-}, (prevProps, nextProps) => {
-  // Custom comparison to prevent unnecessary re-renders
-  return prevProps.fruit.id === nextProps.fruit.id && prevProps.fruit.x === nextProps.fruit.x && prevProps.fruit.y === nextProps.fruit.y && prevProps.fruit.typeId === nextProps.fruit.typeId && prevProps.isDraggable === nextProps.isDraggable;
-});
-const styles = StyleSheet.create({
-  fruit: {
-    position: 'absolute',
-    borderRadius: 1000,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  emoji: {
-    textAlign: 'center'
-  }
-});
-FruitItem.displayName = 'FruitItem';
-//# sourceMappingURL=FruitItem.js.map
+"use strict";import React from 'react';import{Text,StyleSheet}from 'react-native';import Animated,{useAnimatedStyle,useSharedValue,runOnJS}from 'react-native-reanimated';import{Gesture,GestureDetector}from 'react-native-gesture-handler';import{FRUIT_TYPES,FRUIT_MERGER_GAME_CONFIG}from "../FruitMergerConstants.js";import{jsx as _jsx}from "react/jsx-runtime";export const FruitItem = React.memo(({fruit,onDrag,isDraggable})=>{const fruitData = FRUIT_TYPES[fruit.typeId];if(!fruitData){return null;}const translateX = useSharedValue(fruit.x - fruitData.size / 2);const translateY = useSharedValue(fruit.y - fruitData.size / 2);const startX = useSharedValue(0);const isDragging = useSharedValue(false);const prevXRef = React.useRef(fruit.x);const prevYRef = React.useRef(fruit.y);React.useEffect(()=>{if(!isDragging.value &&(prevXRef.current !== fruit.x || prevYRef.current !== fruit.y)){translateX.value = fruit.x - fruitData.size / 2;translateY.value = fruit.y - fruitData.size / 2;prevXRef.current = fruit.x;prevYRef.current = fruit.y;}},[fruit.x,fruit.y,fruitData.size,isDragging,translateX,translateY]);const animatedStyle = useAnimatedStyle(()=>({transform:[{translateX:translateX.value},{translateY:translateY.value}]}));const panGesture = Gesture.Pan().enabled(isDraggable).onStart(()=>{'worklet';isDragging.value = true;startX.value = translateX.value;}).onUpdate(event =>{'worklet';const newX = startX.value + event.translationX;const radius = fruitData.size / 2;const minX = 0;const maxX = FRUIT_MERGER_GAME_CONFIG.PLAY_AREA_WIDTH - fruitData.size;const clampedX = Math.max(minX,Math.min(maxX,newX));translateX.value = clampedX;const fruitCenterX = clampedX + radius;if(onDrag){runOnJS(onDrag)(fruitCenterX);}}).onEnd(()=>{'worklet';isDragging.value = false;});return _jsx(GestureDetector,{gesture:panGesture,children:_jsx(Animated.View,{style:[styles.fruit,animatedStyle,{width:fruitData.size,height:fruitData.size,backgroundColor:fruitData.color}],children:_jsx(Text,{style:[styles.emoji,{fontSize:fruitData.size * 0.7}],children:fruitData.emoji})})});},(prevProps,nextProps)=>{return prevProps.fruit.id === nextProps.fruit.id && prevProps.fruit.x === nextProps.fruit.x && prevProps.fruit.y === nextProps.fruit.y && prevProps.fruit.typeId === nextProps.fruit.typeId && prevProps.isDraggable === nextProps.isDraggable;});const styles = StyleSheet.create({fruit:{position:'absolute',borderRadius:1000,justifyContent:'center',alignItems:'center'},emoji:{textAlign:'center'}});FruitItem.displayName = 'FruitItem';

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

@@ -1,103 +1 @@
-"use strict";
-
-import React, { useCallback, useMemo } from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useFruits, useCurrentFruit, useNextFruitType, useFruitMergerStore, useIsPlaying } from "../FruitMergerStore.js";
-import { FruitItem } from "./FruitItem.js";
-import { FRUIT_MERGER_GAME_CONFIG, FRUIT_TYPES } from "../FruitMergerConstants.js";
-import { playSound, GAME_SOUNDS } from "../../../services/SoundsService.js";
-import { playHaptic, HapticType } from "../../../services/HapticsService.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GameArea = /*#__PURE__*/React.memo(({
-  settings
-}) => {
-  const fruits = useFruits();
-  const currentFruit = useCurrentFruit();
-  const nextFruitType = useNextFruitType();
-  const isPlaying = useIsPlaying();
-  const dropCurrentFruit = useFruitMergerStore(state => state.dropCurrentFruit);
-  const updateCurrentFruitPosition = useFruitMergerStore(state => state.updateCurrentFruitPosition);
-
-  // Memoize next fruit data to prevent recalculation
-  const nextFruitData = useMemo(() => FRUIT_TYPES[nextFruitType], [nextFruitType]);
-  if (!nextFruitData) {
-    return null;
-  }
-  const handleTap = useCallback(() => {
-    if (!isPlaying || !currentFruit) return;
-    dropCurrentFruit();
-    playSound(GAME_SOUNDS.FRUIT_MERGER.DROP, settings.enableSounds);
-    playHaptic(HapticType.LIGHT, settings.enableHaptics);
-  }, [isPlaying, currentFruit, dropCurrentFruit, settings.enableSounds, settings.enableHaptics]);
-  const lastUpdateRef = React.useRef(0);
-  const handleDrag = useCallback(x => {
-    // Throttle store updates to every 16ms (60fps) to reduce state updates
-    const now = Date.now();
-    if (now - lastUpdateRef.current > 16) {
-      updateCurrentFruitPosition(x);
-      lastUpdateRef.current = now;
-    }
-  }, [updateCurrentFruitPosition]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
-      children: /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.container,
-        activeOpacity: 1,
-        onPress: handleTap,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: styles.gameContainer,
-          children: [currentFruit && /*#__PURE__*/_jsx(FruitItem, {
-            fruit: currentFruit,
-            onDrag: handleDrag,
-            isDraggable: true
-          }, currentFruit.id), fruits.map(fruit => /*#__PURE__*/_jsx(FruitItem, {
-            fruit: fruit,
-            isDraggable: false
-          }, fruit.id))]
-        })
-      })
-    })
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  gameContainer: {
-    width: FRUIT_MERGER_GAME_CONFIG.CONTAINER_WIDTH,
-    height: FRUIT_MERGER_GAME_CONFIG.CONTAINER_HEIGHT,
-    backgroundColor: 'rgba(255, 248, 231, 0.65)',
-    borderRadius: 15,
-    borderWidth: 5,
-    borderColor: '#8B4513',
-    overflow: 'hidden',
-    position: 'relative'
-  },
-  nextFruitPreview: {
-    position: 'absolute',
-    top: -80,
-    alignItems: 'center'
-  },
-  previewLabel: {
-    fontSize: 12,
-    fontWeight: '700',
-    color: '#4CAF50',
-    marginBottom: 6
-  },
-  previewFruit: {
-    borderRadius: 1000,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 2,
-    borderColor: '#4CAF50'
-  },
-  emoji: {
-    textAlign: 'center'
-  }
-});
-GameArea.displayName = 'GameArea';
-//# sourceMappingURL=GameArea.js.map
+"use strict";import React,{useCallback,useMemo}from 'react';import{View,StyleSheet,TouchableOpacity}from 'react-native';import{GestureHandlerRootView}from 'react-native-gesture-handler';import{useFruits,useCurrentFruit,useNextFruitType,useFruitMergerStore,useIsPlaying}from "../FruitMergerStore.js";import{FruitItem}from "./FruitItem.js";import{FRUIT_MERGER_GAME_CONFIG,FRUIT_TYPES}from "../FruitMergerConstants.js";import{playSound,GAME_SOUNDS}from "../../../services/SoundsService.js";import{playHaptic,HapticType}from "../../../services/HapticsService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const GameArea = React.memo(({settings})=>{const fruits = useFruits();const currentFruit = useCurrentFruit();const nextFruitType = useNextFruitType();const isPlaying = useIsPlaying();const dropCurrentFruit = useFruitMergerStore(state => state.dropCurrentFruit);const updateCurrentFruitPosition = useFruitMergerStore(state => state.updateCurrentFruitPosition);const nextFruitData = useMemo(()=> FRUIT_TYPES[nextFruitType],[nextFruitType]);if(!nextFruitData){return null;}const handleTap = useCallback(()=>{if(!isPlaying || !currentFruit)return;dropCurrentFruit();playSound(GAME_SOUNDS.FRUIT_MERGER.DROP,settings.enableSounds);playHaptic(HapticType.LIGHT,settings.enableHaptics);},[isPlaying,currentFruit,dropCurrentFruit,settings.enableSounds,settings.enableHaptics]);const lastUpdateRef = React.useRef(0);const handleDrag = useCallback(x =>{const now = Date.now();if(now - lastUpdateRef.current > 16){updateCurrentFruitPosition(x);lastUpdateRef.current = now;}},[updateCurrentFruitPosition]);return _jsx(View,{style:styles.container,children:_jsx(GestureHandlerRootView,{children:_jsx(TouchableOpacity,{style:styles.container,activeOpacity:1,onPress:handleTap,children:_jsxs(View,{style:styles.gameContainer,children:[currentFruit && _jsx(FruitItem,{fruit:currentFruit,onDrag:handleDrag,isDraggable:true},currentFruit.id),fruits.map(fruit => _jsx(FruitItem,{fruit:fruit,isDraggable:false},fruit.id))]})})})});});const styles = StyleSheet.create({container:{flex:1,justifyContent:'center',alignItems:'center'},gameContainer:{width:FRUIT_MERGER_GAME_CONFIG.CONTAINER_WIDTH,height:FRUIT_MERGER_GAME_CONFIG.CONTAINER_HEIGHT,backgroundColor:'rgba(255,248,231,0.65)',borderRadius:15,borderWidth:5,borderColor:'#8B4513',overflow:'hidden',position:'relative'},nextFruitPreview:{position:'absolute',top:-80,alignItems:'center'},previewLabel:{fontSize:12,fontWeight:'700',color:'#4CAF50',marginBottom:6},previewFruit:{borderRadius:1000,justifyContent:'center',alignItems:'center',borderWidth:2,borderColor:'#4CAF50'},emoji:{textAlign:'center'}});GameArea.displayName = 'GameArea';