react-native-games 0.3.0 → 0.5.0

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

@@ -0,0 +1,295 @@
+"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 "../../../shared/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;
+
+  // Initialize spacecraft position on mount
+  useEffect(() => {
+    const initialSpacecraft = gameService.getInitialSpacecraft();
+    updateSpacecraft(initialSpacecraft);
+  }, [gameService, updateSpacecraft]);
+
+  // 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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useCallback","useState","useMemo","View","Text","StyleSheet","Dimensions","Gesture","GestureDetector","useSpaceFighterStore","createSpaceFighterService","playSound","GAME_SOUNDS","playHaptic","HapticType","ParticleBlast","AsteroidComponent","Spacecraft3D","SpacecraftPath","jsx","_jsx","jsxs","_jsxs","width","height","get","GameArea","memo","asteroids","state","spacecraft","spacecraftPath","isControllingSpacecraft","isPlaying","updateSpacecraft","setSpacecraftPath","setIsControllingSpacecraft","markAsteroidPassed","loseLife","gameService","current","initialSpacecraft","getInitialSpacecraft","currentSpacecraftPath","initialSpacecraftPosition","initialTouchPosition","pendingSpacecraftUpdate","animationFrameId","lastCollisionTime","activeBlasts","setActiveBlasts","particleColors","playSuccessSound","SPACE_FIGHTER","SUCCESS","LIGHT","playCollisionSound","COLLISION","HEAVY","handleSpacecraftControlStart","x","y","currentSpacecraft","getState","controlledSpacecraft","controlSpacecraft","processPendingSpacecraftUpdate","push","length","shift","handleSpacecraftControlMove","requestAnimationFrame","handleSpacecraftControlEnd","cancelAnimationFrame","releasedSpacecraft","releaseSpacecraft","setTimeout","interval","setInterval","currentAsteroids","collision","checkCollision","now","Date","blastId","prev","id","filter","blast","passedAsteroids","checkAsteroidPass","forEach","pairId","clearInterval","panGesture","Pan","onStart","event","absoluteX","absoluteY","onUpdate","dx","newX","newY","onEnd","onFinalize","runOnJS","style","styles","gameArea","children","path","map","asteroid","colors","particleCount","duration","isControlled","gesture","gestureOverlay","instructionsContainer","instructionsEmoji","instructionsTitle","instructionsSubtitle","create","flex","position","top","left","right","bottom","backgroundColor","zIndex","opacity","alignItems","justifyContent","textAlign","fontSize","marginBottom","color","fontWeight","marginTop"],"sourceRoot":"../../../../../src","sources":["games/space-fighter/components/GameArea.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/{space-traveller → space-fighter}/components/GameBackground.js

@@ -1,48 +1,20 @@
 "use strict";
 
-import React, { useEffect } from 'react';
-import { Dimensions } from 'react-native';
+import React from 'react';
+import { View, Dimensions } from 'react-native';
 import { Canvas, LinearGradient, Rect, Circle, Group, Shadow, vec } from '@shopify/react-native-skia';
-import { useSharedValue, withRepeat, withTiming, withSequence, interpolate, Extrapolation, Easing } from 'react-native-reanimated';
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   width,
   height
 } = Dimensions.get('window');
-export const GameBackground = ({
+export const GameBackground = /*#__PURE__*/React.memo(({
   children
 }) => {
-  // Optimized animated values - reduced from 4 to 2 for better performance
-  const starTwinkle = useSharedValue(0);
-  const spaceFloat = useSharedValue(0); // Combined animation for planet, nebula, and asteroids
-
-  useEffect(() => {
-    // Optimized star twinkling with easing for smoother animation
-    starTwinkle.value = withRepeat(withSequence(withTiming(1, {
-      duration: 3000,
-      easing: Easing.inOut(Easing.ease)
-    }), withTiming(0.4, {
-      duration: 3000,
-      easing: Easing.inOut(Easing.ease)
-    })), -1, false);
-
-    // Combined space animation for all floating elements
-    spaceFloat.value = withRepeat(withTiming(1, {
-      duration: 15000,
-      easing: Easing.inOut(Easing.ease)
-    }), -1, true // Reverse for smooth back-and-forth motion
-    );
-  }, []);
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    return {
-      transform: []
-    };
-  });
-  return /*#__PURE__*/_jsxs(Animated.View, {
-    style: [{
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
       flex: 1
-    }, animatedBackgroundStyle],
+    },
     children: [/*#__PURE__*/_jsxs(Canvas, {
       style: {
         position: 'absolute',
@@ -70,14 +42,12 @@ export const GameBackground = ({
           const x = width / 8 * (i % 8) + i % 5 * 25;
           const y = height / 5 * Math.floor(i / 8) + i % 3 * 40;
           const size = 1 + i % 3 * 0.4;
-          const isAnimated = i % 3 === 0; // Only animate every 3rd star for performance
-
           return /*#__PURE__*/_jsx(Circle, {
             cx: x,
             cy: y,
             r: size,
             color: "#ffffff",
-            opacity: isAnimated ? interpolate(starTwinkle.value, [0, 1], [0.4, 0.9], Extrapolation.CLAMP) : 0.6
+            opacity: 0.6
           }, `star-${i}`);
         })
       }), /*#__PURE__*/_jsx(Group, {
@@ -112,37 +82,23 @@ export const GameBackground = ({
           const pos = positions[i];
           if (!pos) return null;
           const size = 2.5 + i % 2 * 0.5;
-          const isAnimated = i % 2 === 0; // Only animate every other bright star
-
           return /*#__PURE__*/_jsx(Group, {
             children: /*#__PURE__*/_jsx(Circle, {
               cx: pos.x,
               cy: pos.y,
               r: size,
               color: "#ffffff",
-              opacity: isAnimated ? interpolate(starTwinkle.value, [0, 1], [0.7, 1], Extrapolation.CLAMP) : 0.8,
+              opacity: 0.8,
               children: /*#__PURE__*/_jsx(Shadow, {
                 dx: 0,
                 dy: 0,
-                blur: 10 // Static blur for better performance
-                ,
+                blur: 10,
                 color: "#ffffff"
               })
             })
           }, `bright-star-${i}`);
         })
       }), /*#__PURE__*/_jsxs(Group, {
-        transform: [{
-          translateX: width * 0.85
-        }, {
-          translateY: height * 0.2
-        }, {
-          rotate: interpolate(spaceFloat.value, [0, 1], [0, Math.PI * 2], Extrapolation.CLAMP)
-        }, {
-          translateX: -width * 0.85
-        }, {
-          translateY: -height * 0.2
-        }],
         children: [/*#__PURE__*/_jsx(Circle, {
           cx: width * 0.85,
           cy: height * 0.2,
@@ -176,9 +132,6 @@ export const GameBackground = ({
         })]
       }), /*#__PURE__*/_jsxs(Group, {
         children: [/*#__PURE__*/_jsxs(Group, {
-          transform: [{
-            translateX: interpolate(spaceFloat.value, [0, 1], [-3, 3], Extrapolation.CLAMP)
-          }],
           children: [/*#__PURE__*/_jsx(Circle, {
             cx: width * 0.2,
             cy: height * 0.6,
@@ -199,9 +152,6 @@ export const GameBackground = ({
             opacity: 0.1
           })]
         }), /*#__PURE__*/_jsxs(Group, {
-          transform: [{
-            translateX: interpolate(spaceFloat.value, [0, 1], [2, -2], Extrapolation.CLAMP)
-          }],
           children: [/*#__PURE__*/_jsx(Circle, {
             cx: width * 0.7,
             cy: height * 0.4,
@@ -245,12 +195,7 @@ export const GameBackground = ({
           const pos = positions[i];
           if (!pos) return null;
           const size = 3 + i % 3;
-          const isAnimated = i % 2 === 0; // Only animate every other asteroid
-
           return /*#__PURE__*/_jsxs(Group, {
-            transform: isAnimated ? [{
-              translateX: interpolate(spaceFloat.value, [0, 1], [-1.5, 1.5], Extrapolation.CLAMP)
-            }] : [],
             children: [/*#__PURE__*/_jsx(Circle, {
               cx: pos.x,
               cy: pos.y,
@@ -290,5 +235,5 @@ export const GameBackground = ({
       })]
     }), children]
   });
-};
+});
 //# sourceMappingURL=GameBackground.js.map

package/lib/module/games/space-fighter/components/GameBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Dimensions","Canvas","LinearGradient","Rect","Circle","Group","Shadow","vec","jsx","_jsx","jsxs","_jsxs","width","height","get","GameBackground","memo","children","style","flex","position","top","left","right","bottom","x","y","start","end","colors","Array","from","length","_","i","Math","floor","size","cx","cy","r","color","opacity","positions","pos","dx","dy","blur"],"sourceRoot":"../../../../../src","sources":["games/space-fighter/components/GameBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/{space-traveller → space-fighter}/components/ScoreBoard.js

@@ -2,13 +2,16 @@
 
 import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
-import { useSpaceTravellerStore } from "../SpaceTravellerStore.js";
+import { useSpaceFighterStore } from "../SpaceFighterStore.js";
+import { RESPONSIVE_SCOREBOARD_CONTAINER, RESPONSIVE_SCOREBOARD_FONTS } from "../../../shared/helpers/index.js";
+
+// Self-contained ScoreBoard component that reads directly from store
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ScoreBoard = ({
-  score,
-  timeLeft
-}) => {
-  const currentLives = useSpaceTravellerStore(state => state.lives);
+export const ScoreBoard = /*#__PURE__*/React.memo(() => {
+  // Read state directly from store to minimize re-renders
+  const score = useSpaceFighterStore(state => state.score);
+  const timeLeft = useSpaceFighterStore(state => state.timeLeft);
+  const currentLives = useSpaceFighterStore(state => state.lives);
   const maxLives = 3;
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.scoreBoard, {
@@ -28,9 +31,9 @@ export const ScoreBoard = ({
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.scoreLabel,
         children: "Time"
-      }), /*#__PURE__*/_jsxs(Text, {
+      }), /*#__PURE__*/_jsx(Text, {
         style: styles.timeValue,
-        children: [timeLeft, "s"]
+        children: timeLeft
       })]
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.scoreItem,
@@ -48,34 +51,25 @@ export const ScoreBoard = ({
       })]
     })]
   });
-};
+});
 const styles = StyleSheet.create({
   scoreBoard: {
+    ...RESPONSIVE_SCOREBOARD_CONTAINER,
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',
-    backgroundColor: 'rgba(30, 27, 75, 0.3)',
-    // Deep space blue with transparency
-    borderRadius: 20,
-    padding: 20,
+    backgroundColor: 'rgba(147, 112, 219, 0.4)',
+    // Matches start/stop button purple color with 0.4 opacity
+    marginBottom: 20,
     borderWidth: 2,
-    borderColor: 'rgba(139, 92, 246, 0.3)',
-    // Purple space border
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 4
-    },
-    shadowOpacity: 0.3,
-    shadowRadius: 8,
-    elevation: 8
+    borderColor: 'rgba(139, 92, 246, 0.3)' // Purple space border
   },
   scoreItem: {
     alignItems: 'center',
     flex: 1
   },
   scoreLabel: {
-    fontSize: 16,
+    fontSize: RESPONSIVE_SCOREBOARD_FONTS.labelSize,
     fontWeight: 'bold',
     color: '#e2e8f0',
     // Light space gray
@@ -88,7 +82,7 @@ const styles = StyleSheet.create({
     textShadowRadius: 2
   },
   scoreValue: {
-    fontSize: 28,
+    fontSize: RESPONSIVE_SCOREBOARD_FONTS.valueSize,
     fontWeight: 'bold',
     color: '#fbbf24',
     // Bright yellow for score
@@ -100,7 +94,7 @@ const styles = StyleSheet.create({
     textShadowRadius: 2
   },
   timeValue: {
-    fontSize: 24,
+    fontSize: RESPONSIVE_SCOREBOARD_FONTS.timeSize,
     fontWeight: 'bold',
     color: '#34d399',
     // Bright green for time

package/lib/module/games/space-fighter/components/ScoreBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useSpaceFighterStore","RESPONSIVE_SCOREBOARD_CONTAINER","RESPONSIVE_SCOREBOARD_FONTS","jsx","_jsx","jsxs","_jsxs","ScoreBoard","memo","score","state","timeLeft","currentLives","lives","maxLives","style","styles","scoreBoard","zIndex","children","scoreItem","scoreLabel","scoreValue","timeValue","livesContainer","Array","from","length","_","i","lifeIcon","lifeActive","lifeInactive","create","flexDirection","justifyContent","alignItems","backgroundColor","marginBottom","borderWidth","borderColor","flex","fontSize","labelSize","fontWeight","color","textShadowColor","textShadowOffset","width","height","textShadowRadius","valueSize","timeSize","marginHorizontal"],"sourceRoot":"../../../../../src","sources":["games/space-fighter/components/ScoreBoard.tsx"],"mappings":"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","ignoreList":[]}