react-native-games 1.0.0 → 1.2.0

package/lib/module/helpers/AnimationTracker.js

@@ -1,89 +1 @@
-"use strict";
-
-import { useRef } from 'react';
-
-/**
- * Animation state interface for tracking game object animations
- */
-
-/**
- * Default animation state values
- */
-export const DEFAULT_ANIMATION_STATE = {
-  scale: 1,
-  opacity: 1,
-  rotation: 0,
-  translateX: 0,
-  translateY: 0
-};
-
-/**
- * Animation tracker class for managing game object animations
- * Extends Map to maintain compatibility with existing game services
- */
-export class AnimationTracker extends Map {
-  constructor() {
-    super();
-  }
-
-  /**
-   * Override set to merge with default animation state
-   */
-  set(id, state) {
-    const currentState = super.get(id) || {
-      ...DEFAULT_ANIMATION_STATE
-    };
-    const newState = {
-      ...currentState,
-      ...state
-    };
-    super.set(id, newState);
-    return this;
-  }
-
-  /**
-   * Initialize animation for object if it doesn't exist
-   */
-  initialize(id, initialState) {
-    if (!this.has(id)) {
-      const state = {
-        ...DEFAULT_ANIMATION_STATE,
-        ...initialState
-      };
-      super.set(id, state);
-      return state;
-    }
-    return this.get(id);
-  }
-
-  /**
-   * Update multiple objects at once
-   */
-  updateBatch(updates) {
-    updates.forEach(({
-      id,
-      state
-    }) => {
-      this.set(id, state);
-    });
-  }
-}
-
-/**
- * React hook for creating and managing animation trackers
- */
-export function useAnimationTracker() {
-  return useRef(new AnimationTracker()).current;
-}
-
-/**
- * React hook for creating multiple animation trackers
- */
-export function useAnimationTrackers(trackerNames) {
-  const trackers = useRef(trackerNames.reduce((acc, name) => {
-    acc[name] = new AnimationTracker();
-    return acc;
-  }, {})).current;
-  return trackers;
-}
-//# sourceMappingURL=AnimationTracker.js.map
+"use strict";import{useRef}from 'react';export const DEFAULT_ANIMATION_STATE ={scale:1,opacity:1,rotation:0,translateX:0,translateY:0};export class AnimationTracker extends Map{constructor(){super();}set(id,state){const currentState = super.get(id)||{...DEFAULT_ANIMATION_STATE};const newState ={...currentState,...state};super.set(id,newState);return this;}initialize(id,initialState){if(!this.has(id)){const state ={...DEFAULT_ANIMATION_STATE,...initialState};super.set(id,state);return state;}return this.get(id);}updateBatch(updates){updates.forEach(({id,state})=>{this.set(id,state);});}}export function useAnimationTracker(){return useRef(new AnimationTracker()).current;}export function useAnimationTrackers(trackerNames){const trackers = useRef(trackerNames.reduce((acc,name)=>{acc[name] = new AnimationTracker();return acc;},{})).current;return trackers;}

package/lib/module/helpers/ErrorHandler.js

@@ -1,269 +1 @@
-"use strict";
-
-import { useCallback, useRef } from 'react';
-
-/**
- * Error types for game-specific error handling
- */
-export let GameErrorType = /*#__PURE__*/function (GameErrorType) {
-  GameErrorType["INITIALIZATION_ERROR"] = "INITIALIZATION_ERROR";
-  GameErrorType["ANIMATION_ERROR"] = "ANIMATION_ERROR";
-  GameErrorType["STORAGE_ERROR"] = "STORAGE_ERROR";
-  GameErrorType["SOUND_ERROR"] = "SOUND_ERROR";
-  GameErrorType["HAPTIC_ERROR"] = "HAPTIC_ERROR";
-  GameErrorType["GESTURE_ERROR"] = "GESTURE_ERROR";
-  GameErrorType["PERFORMANCE_ERROR"] = "PERFORMANCE_ERROR";
-  GameErrorType["NETWORK_ERROR"] = "NETWORK_ERROR";
-  GameErrorType["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
-  return GameErrorType;
-}({});
-
-/**
- * Game error interface
- */
-
-/**
- * Error handler configuration
- */
-
-/**
- * Default error handler configuration
- */
-export const DEFAULT_ERROR_CONFIG = {
-  enableLogging: __DEV__,
-  enableConsoleOutput: __DEV__,
-  maxErrorHistory: 50,
-  enableCrashRecovery: true
-};
-
-/**
- * Game error handler class
- */
-export class GameErrorHandler {
-  errorHistory = [];
-  errorCounts = new Map();
-  constructor(config = {}) {
-    this.config = {
-      ...DEFAULT_ERROR_CONFIG,
-      ...config
-    };
-  }
-
-  /**
-   * Handle a game error
-   */
-  handleError(type, message, gameId, context) {
-    const error = {
-      type,
-      message,
-      gameId,
-      timestamp: Date.now(),
-      stack: new Error().stack,
-      context
-    };
-
-    // Add to error history
-    this.errorHistory.push(error);
-    if (this.errorHistory.length > this.config.maxErrorHistory) {
-      this.errorHistory.shift();
-    }
-
-    // Update error counts
-    const currentCount = this.errorCounts.get(type) || 0;
-    this.errorCounts.set(type, currentCount + 1);
-
-    // Log error if enabled
-    if (this.config.enableLogging && this.config.enableConsoleOutput) {
-      this.logError(error);
-    }
-
-    // Call custom error handler if provided
-    if (this.config.onError) {
-      try {
-        this.config.onError(error);
-      } catch (handlerError) {
-        console.error('Error in custom error handler:', handlerError);
-      }
-    }
-  }
-
-  /**
-   * Wrap a function with error handling
-   */
-  wrapFunction(fn, errorType, gameId) {
-    return (...args) => {
-      try {
-        const result = fn(...args);
-
-        // Handle async functions
-        if (result && typeof result.catch === 'function') {
-          return result.catch(error => {
-            this.handleError(errorType, error.message || 'Async function error', gameId, {
-              functionName: fn.name,
-              args
-            });
-            throw error;
-          });
-        }
-        return result;
-      } catch (error) {
-        this.handleError(errorType, error instanceof Error ? error.message : 'Unknown error', gameId, {
-          functionName: fn.name,
-          args
-        });
-        throw error;
-      }
-    };
-  }
-
-  /**
-   * Safe execution with error recovery
-   */
-  safeExecute(fn, fallback, errorType, gameId) {
-    try {
-      return fn();
-    } catch (error) {
-      this.handleError(errorType, error instanceof Error ? error.message : 'Safe execution failed', gameId, {
-        fallback
-      });
-      return fallback;
-    }
-  }
-
-  /**
-   * Safe async execution with error recovery
-   */
-  async safeExecuteAsync(fn, fallback, errorType, gameId) {
-    try {
-      return await fn();
-    } catch (error) {
-      this.handleError(errorType, error instanceof Error ? error.message : 'Safe async execution failed', gameId, {
-        fallback
-      });
-      return fallback;
-    }
-  }
-
-  /**
-   * Get error statistics
-   */
-  getErrorStats() {
-    const errorsByType = {};
-    for (const [type, count] of this.errorCounts.entries()) {
-      errorsByType[type] = count;
-    }
-    return {
-      totalErrors: this.errorHistory.length,
-      errorsByType,
-      recentErrors: this.errorHistory.slice(-10)
-    };
-  }
-
-  /**
-   * Clear error history
-   */
-  clearHistory() {
-    this.errorHistory = [];
-    this.errorCounts.clear();
-  }
-
-  /**
-   * Update configuration
-   */
-  updateConfig(config) {
-    this.config = {
-      ...this.config,
-      ...config
-    };
-  }
-
-  /**
-   * Log error to console
-   */
-  logError(error) {
-    const prefix = error.gameId ? `[${error.gameId}]` : '[Game]';
-    console.error(`${prefix} ${error.type}: ${error.message}`, {
-      timestamp: new Date(error.timestamp).toISOString(),
-      context: error.context,
-      stack: error.stack
-    });
-  }
-}
-
-/**
- * Global error handler instance
- */
-export const globalErrorHandler = new GameErrorHandler();
-
-/**
- * React hook for error handling in game components
- */
-export function useGameErrorHandler(gameId, config = {}) {
-  const handlerRef = useRef(null);
-
-  // Initialize handler
-  if (!handlerRef.current) {
-    handlerRef.current = new GameErrorHandler(config);
-  }
-  const handleError = useCallback((type, message, context) => {
-    handlerRef.current?.handleError(type, message, gameId, context);
-  }, [gameId]);
-  const wrapFunction = useCallback((fn, errorType) => {
-    return handlerRef.current?.wrapFunction(fn, errorType, gameId) || fn;
-  }, [gameId]);
-  const safeExecute = useCallback((fn, fallback, errorType) => {
-    return handlerRef.current?.safeExecute(fn, fallback, errorType, gameId) || fallback;
-  }, [gameId]);
-  const safeExecuteAsync = useCallback((fn, fallback, errorType) => {
-    return handlerRef.current?.safeExecuteAsync(fn, fallback, errorType, gameId) || Promise.resolve(fallback);
-  }, [gameId]);
-  return {
-    handleError,
-    wrapFunction,
-    safeExecute,
-    safeExecuteAsync,
-    errorStats: handlerRef.current?.getErrorStats() || {
-      totalErrors: 0,
-      errorsByType: {},
-      recentErrors: []
-    }
-  };
-}
-
-/**
- * Error boundary utility for wrapping functions with error handling
- */
-export function withErrorHandling(fn, gameId, errorType = GameErrorType.UNKNOWN_ERROR) {
-  return globalErrorHandler.wrapFunction(fn, errorType, gameId);
-}
-
-/**
- * Utility functions for common error scenarios
- */
-export const ErrorUtils = {
-  /**
-   * Handle animation errors safely
-   */
-  safeAnimate: (animationFn, gameId, fallback) => {
-    globalErrorHandler.safeExecute(animationFn, fallback ? fallback() : undefined, GameErrorType.ANIMATION_ERROR, gameId);
-  },
-  /**
-   * Handle sound errors safely
-   */
-  safePlaySound: (soundFn, gameId) => {
-    globalErrorHandler.safeExecute(soundFn, undefined, GameErrorType.SOUND_ERROR, gameId);
-  },
-  /**
-   * Handle haptic errors safely
-   */
-  safeHaptic: (hapticFn, gameId) => {
-    globalErrorHandler.safeExecute(hapticFn, undefined, GameErrorType.HAPTIC_ERROR, gameId);
-  },
-  /**
-   * Handle gesture errors safely
-   */
-  safeGesture: (gestureFn, gameId) => {
-    globalErrorHandler.safeExecute(gestureFn, undefined, GameErrorType.GESTURE_ERROR, gameId);
-  }
-};
-//# sourceMappingURL=ErrorHandler.js.map
+"use strict";import{useCallback,useRef}from 'react';export let GameErrorType = function(GameErrorType){GameErrorType["INITIALIZATION_ERROR"] = "INITIALIZATION_ERROR";GameErrorType["ANIMATION_ERROR"] = "ANIMATION_ERROR";GameErrorType["STORAGE_ERROR"] = "STORAGE_ERROR";GameErrorType["SOUND_ERROR"] = "SOUND_ERROR";GameErrorType["HAPTIC_ERROR"] = "HAPTIC_ERROR";GameErrorType["GESTURE_ERROR"] = "GESTURE_ERROR";GameErrorType["PERFORMANCE_ERROR"] = "PERFORMANCE_ERROR";GameErrorType["NETWORK_ERROR"] = "NETWORK_ERROR";GameErrorType["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";return GameErrorType;}({});export const DEFAULT_ERROR_CONFIG ={enableLogging:__DEV__,enableConsoleOutput:__DEV__,maxErrorHistory:50,enableCrashRecovery:true};export class GameErrorHandler{errorHistory = [];errorCounts = new Map();constructor(config ={}){this.config ={...DEFAULT_ERROR_CONFIG,...config};}handleError(type,message,gameId,context){const error ={type,message,gameId,timestamp:Date.now(),stack:new Error().stack,context};this.errorHistory.push(error);if(this.errorHistory.length > this.config.maxErrorHistory){this.errorHistory.shift();}const currentCount = this.errorCounts.get(type)|| 0;this.errorCounts.set(type,currentCount + 1);if(this.config.enableLogging && this.config.enableConsoleOutput){this.logError(error);}if(this.config.onError){try{this.config.onError(error);}catch(handlerError){console.error('Error in custom error handler:',handlerError);}}}wrapFunction(fn,errorType,gameId){return(...args)=>{try{const result = fn(...args);if(result && typeof result.catch === 'function'){return result.catch(error =>{this.handleError(errorType,error.message || 'Async function error',gameId,{functionName:fn.name,args});throw error;});}return result;}catch(error){this.handleError(errorType,error instanceof Error ? error.message:'Unknown error',gameId,{functionName:fn.name,args});throw error;}};}safeExecute(fn,fallback,errorType,gameId){try{return fn();}catch(error){this.handleError(errorType,error instanceof Error ? error.message:'Safe execution failed',gameId,{fallback});return fallback;}}async safeExecuteAsync(fn,fallback,errorType,gameId){try{return await fn();}catch(error){this.handleError(errorType,error instanceof Error ? error.message:'Safe async execution failed',gameId,{fallback});return fallback;}}getErrorStats(){const errorsByType ={};for(const [type,count] of this.errorCounts.entries()){errorsByType[type] = count;}return{totalErrors:this.errorHistory.length,errorsByType,recentErrors:this.errorHistory.slice(-10)};}clearHistory(){this.errorHistory = [];this.errorCounts.clear();}updateConfig(config){this.config ={...this.config,...config};}logError(error){const prefix = error.gameId ? `[${error.gameId}]`:'[Game]';console.error(`${prefix}${error.type}:${error.message}`,{timestamp:new Date(error.timestamp).toISOString(),context:error.context,stack:error.stack});}}export const globalErrorHandler = new GameErrorHandler();export function useGameErrorHandler(gameId,config ={}){const handlerRef = useRef(null);if(!handlerRef.current){handlerRef.current = new GameErrorHandler(config);}const handleError = useCallback((type,message,context)=>{handlerRef.current?.handleError(type,message,gameId,context);},[gameId]);const wrapFunction = useCallback((fn,errorType)=>{return handlerRef.current?.wrapFunction(fn,errorType,gameId)|| fn;},[gameId]);const safeExecute = useCallback((fn,fallback,errorType)=>{return handlerRef.current?.safeExecute(fn,fallback,errorType,gameId)|| fallback;},[gameId]);const safeExecuteAsync = useCallback((fn,fallback,errorType)=>{return handlerRef.current?.safeExecuteAsync(fn,fallback,errorType,gameId)|| Promise.resolve(fallback);},[gameId]);return{handleError,wrapFunction,safeExecute,safeExecuteAsync,errorStats:handlerRef.current?.getErrorStats()||{totalErrors:0,errorsByType:{},recentErrors:[]}};}export function withErrorHandling(fn,gameId,errorType = GameErrorType.UNKNOWN_ERROR){return globalErrorHandler.wrapFunction(fn,errorType,gameId);}export const ErrorUtils ={safeAnimate:(animationFn,gameId,fallback)=>{globalErrorHandler.safeExecute(animationFn,fallback ? fallback():undefined,GameErrorType.ANIMATION_ERROR,gameId);},safePlaySound:(soundFn,gameId)=>{globalErrorHandler.safeExecute(soundFn,undefined,GameErrorType.SOUND_ERROR,gameId);},safeHaptic:(hapticFn,gameId)=>{globalErrorHandler.safeExecute(hapticFn,undefined,GameErrorType.HAPTIC_ERROR,gameId);},safeGesture:(gestureFn,gameId)=>{globalErrorHandler.safeExecute(gestureFn,undefined,GameErrorType.GESTURE_ERROR,gameId);}};

package/lib/module/helpers/GameControlButton.js

@@ -1,219 +1 @@
-"use strict";
-
-import React, { useRef, useEffect, useMemo } from 'react';
-import { View, TouchableOpacity, Text, StyleSheet, Animated } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GameControlButton = /*#__PURE__*/React.memo(({
-  isPlaying,
-  gameOver,
-  onStartGame,
-  onStopGame,
-  startButtonText = 'START GAME',
-  stopButtonText = 'STOP GAME',
-  startButtonSubtext = 'Begin playing!',
-  stopButtonSubtext = 'End current game',
-  startButtonColor = '#10b981',
-  stopButtonColor = '#dc2626',
-  startButtonBorderColor = '#34d399',
-  stopButtonBorderColor = '#f87171'
-}) => {
-  const scaleAnim = useRef(new Animated.Value(1)).current;
-  const pulseAnim = useRef(new Animated.Value(1)).current;
-  const glowAnim = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    if (!isPlaying) {
-      const pulseAnimation = Animated.loop(Animated.sequence([Animated.timing(pulseAnim, {
-        toValue: 1.05,
-        duration: 1000,
-        useNativeDriver: true
-      }), Animated.timing(pulseAnim, {
-        toValue: 1,
-        duration: 1000,
-        useNativeDriver: true
-      })]));
-      pulseAnimation.start();
-      return () => pulseAnimation.stop();
-    }
-    return () => {};
-  }, [isPlaying, gameOver, pulseAnim]);
-
-  // Glow animation for stop button
-  useEffect(() => {
-    if (isPlaying) {
-      const glowAnimation = Animated.loop(Animated.sequence([Animated.timing(glowAnim, {
-        toValue: 1,
-        duration: 800,
-        useNativeDriver: false
-      }), Animated.timing(glowAnim, {
-        toValue: 0,
-        duration: 800,
-        useNativeDriver: false
-      })]));
-      glowAnimation.start();
-      return () => glowAnimation.stop();
-    }
-    return () => {};
-  }, [isPlaying, glowAnim]);
-  const handlePressIn = () => {
-    Animated.spring(scaleAnim, {
-      toValue: 0.95,
-      useNativeDriver: true
-    }).start();
-  };
-  const handlePressOut = () => {
-    Animated.spring(scaleAnim, {
-      toValue: 1,
-      friction: 3,
-      tension: 40,
-      useNativeDriver: true
-    }).start();
-  };
-
-  // Memoize glow color interpolation to prevent continuous re-renders
-  const glowColor = useMemo(() => glowAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [`${stopButtonColor}30`, `${stopButtonColor}CC`]
-  }), [glowAnim, stopButtonColor]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.controlButtonContainer,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.gameControls,
-      children: [!isPlaying && /*#__PURE__*/_jsx(Animated.View, {
-        style: [{
-          transform: [{
-            scale: pulseAnim
-          }]
-        }],
-        children: /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: [styles.button, styles.startButton, {
-            backgroundColor: startButtonColor,
-            borderColor: startButtonBorderColor
-          }],
-          onPress: onStartGame,
-          onPressIn: handlePressIn,
-          onPressOut: handlePressOut,
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/_jsxs(Animated.View, {
-            style: [styles.buttonContent, {
-              transform: [{
-                scale: scaleAnim
-              }]
-            }],
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.buttonText,
-              children: startButtonText
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.buttonSubtext,
-              children: startButtonSubtext
-            })]
-          })
-        })
-      }), isPlaying && /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.stopButtonContainer, {
-          shadowColor: glowColor
-        }],
-        children: /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: [styles.button, styles.stopButton, {
-            backgroundColor: stopButtonColor,
-            borderColor: stopButtonBorderColor
-          }],
-          onPress: onStopGame,
-          onPressIn: handlePressIn,
-          onPressOut: handlePressOut,
-          activeOpacity: 0.8,
-          children: /*#__PURE__*/_jsxs(Animated.View, {
-            style: [styles.buttonContent, {
-              transform: [{
-                scale: scaleAnim
-              }]
-            }],
-            children: [/*#__PURE__*/_jsx(Text, {
-              style: styles.buttonText,
-              children: stopButtonText
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.buttonSubtext,
-              children: stopButtonSubtext
-            })]
-          })
-        })
-      })]
-    })
-  });
-});
-const styles = StyleSheet.create({
-  controlButtonContainer: {
-    position: 'absolute',
-    bottom: 0,
-    left: 20,
-    right: 20,
-    zIndex: 100,
-    pointerEvents: 'box-none' // Allow touches on button but pass through elsewhere
-  },
-  gameControls: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingVertical: 20,
-    paddingHorizontal: 20
-  },
-  button: {
-    paddingHorizontal: 32,
-    paddingVertical: 20,
-    borderRadius: 30,
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 8
-    },
-    shadowOpacity: 0.4,
-    shadowRadius: 12,
-    elevation: 8,
-    justifyContent: 'center',
-    alignItems: 'center',
-    minHeight: 70,
-    minWidth: 200,
-    borderWidth: 3,
-    position: 'relative',
-    overflow: 'hidden'
-  },
-  startButton: {
-    // Colors will be applied via props
-  },
-  stopButton: {
-    // Colors will be applied via props
-  },
-  stopButtonContainer: {
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 20,
-    elevation: 10
-  },
-  buttonContent: {
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  buttonText: {
-    fontSize: 20,
-    fontWeight: '800',
-    color: '#ffffff',
-    textAlign: 'center',
-    textShadowColor: 'rgba(0, 0, 0, 0.3)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 2,
-    letterSpacing: 1
-  },
-  buttonSubtext: {
-    fontSize: 12,
-    fontWeight: '600',
-    color: 'rgba(255, 255, 255, 0.8)',
-    textAlign: 'center',
-    marginTop: 4,
-    letterSpacing: 0.5
-  }
-});
-//# sourceMappingURL=GameControlButton.js.map
+"use strict";import React,{useRef,useEffect,useMemo}from 'react';import{View,TouchableOpacity,Text,StyleSheet,Animated}from 'react-native';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const GameControlButton = React.memo(({isPlaying,gameOver,onStartGame,onStopGame,startButtonText = 'START GAME',stopButtonText = 'STOP GAME',startButtonSubtext = 'Begin playing!',stopButtonSubtext = 'End current game',startButtonColor = '#10b981',stopButtonColor = '#dc2626',startButtonBorderColor = '#34d399',stopButtonBorderColor = '#f87171'})=>{const scaleAnim = useRef(new Animated.Value(1)).current;const pulseAnim = useRef(new Animated.Value(1)).current;const glowAnim = useRef(new Animated.Value(0)).current;useEffect(()=>{if(!isPlaying){const pulseAnimation = Animated.loop(Animated.sequence([Animated.timing(pulseAnim,{toValue:1.05,duration:1000,useNativeDriver:true}),Animated.timing(pulseAnim,{toValue:1,duration:1000,useNativeDriver:true})]));pulseAnimation.start();return()=> pulseAnimation.stop();}return()=>{};},[isPlaying,gameOver,pulseAnim]);useEffect(()=>{if(isPlaying){const glowAnimation = Animated.loop(Animated.sequence([Animated.timing(glowAnim,{toValue:1,duration:800,useNativeDriver:false}),Animated.timing(glowAnim,{toValue:0,duration:800,useNativeDriver:false})]));glowAnimation.start();return()=> glowAnimation.stop();}return()=>{};},[isPlaying,glowAnim]);const handlePressIn =()=>{Animated.spring(scaleAnim,{toValue:0.95,useNativeDriver:true}).start();};const handlePressOut =()=>{Animated.spring(scaleAnim,{toValue:1,friction:3,tension:40,useNativeDriver:true}).start();};const glowColor = useMemo(()=> glowAnim.interpolate({inputRange:[0,1],outputRange:[`${stopButtonColor}30`,`${stopButtonColor}CC`]}),[glowAnim,stopButtonColor]);return _jsx(View,{style:styles.controlButtonContainer,children:_jsxs(View,{style:styles.gameControls,children:[!isPlaying && _jsx(Animated.View,{style:[{transform:[{scale:pulseAnim}]}],children:_jsx(TouchableOpacity,{style:[styles.button,styles.startButton,{backgroundColor:startButtonColor,borderColor:startButtonBorderColor}],onPress:onStartGame,onPressIn:handlePressIn,onPressOut:handlePressOut,activeOpacity:0.8,children:_jsxs(Animated.View,{style:[styles.buttonContent,{transform:[{scale:scaleAnim}]}],children:[_jsx(Text,{style:styles.buttonText,children:startButtonText}),_jsx(Text,{style:styles.buttonSubtext,children:startButtonSubtext})]})})}),isPlaying && _jsx(Animated.View,{style:[styles.stopButtonContainer,{shadowColor:glowColor}],children:_jsx(TouchableOpacity,{style:[styles.button,styles.stopButton,{backgroundColor:stopButtonColor,borderColor:stopButtonBorderColor}],onPress:onStopGame,onPressIn:handlePressIn,onPressOut:handlePressOut,activeOpacity:0.8,children:_jsxs(Animated.View,{style:[styles.buttonContent,{transform:[{scale:scaleAnim}]}],children:[_jsx(Text,{style:styles.buttonText,children:stopButtonText}),_jsx(Text,{style:styles.buttonSubtext,children:stopButtonSubtext})]})})})]})});});const styles = StyleSheet.create({controlButtonContainer:{position:'absolute',bottom:0,left:20,right:20,zIndex:100,pointerEvents:'box-none'},gameControls:{justifyContent:'center',alignItems:'center',paddingVertical:20,paddingHorizontal:20},button:{paddingHorizontal:32,paddingVertical:20,borderRadius:30,shadowColor:'#000',shadowOffset:{width:0,height:8},shadowOpacity:0.4,shadowRadius:12,elevation:8,justifyContent:'center',alignItems:'center',minHeight:70,minWidth:200,borderWidth:3,position:'relative',overflow:'hidden'},startButton:{},stopButton:{},stopButtonContainer:{shadowOffset:{width:0,height:0},shadowOpacity:0.6,shadowRadius:20,elevation:10},buttonContent:{alignItems:'center',justifyContent:'center'},buttonText:{fontSize:20,fontWeight:'800',color:'#ffffff',textAlign:'center',textShadowColor:'rgba(0,0,0,0.3)',textShadowOffset:{width:1,height:1},textShadowRadius:2,letterSpacing:1},buttonSubtext:{fontSize:12,fontWeight:'600',color:'rgba(255,255,255,0.8)',textAlign:'center',marginTop:4,letterSpacing:0.5}});