react-native-games 1.1.0 → 1.3.0

package/lib/module/games/popit-fidget/components/FidgetGrid.js

@@ -1,165 +1 @@
-"use strict";
-
-import React, { useMemo, useCallback } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { RAINBOW_COLORS } from "../PopitFidgetConstants.js";
-import BubbleComponent from "./BubbleComponent.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FidgetGrid = ({
-  grid,
-  bubbleSize,
-  onBubblePop,
-  hapticEnabled = true,
-  isPlaying
-}) => {
-  const padding = 20;
-
-  // Memoize row color calculation to prevent recalculation
-  const getRowColor = useCallback(rowIndex => {
-    const colorIndex = Math.floor(rowIndex / (grid.size - 1) * (RAINBOW_COLORS.length - 1));
-    return RAINBOW_COLORS[colorIndex] || RAINBOW_COLORS[0];
-  }, [grid.size]);
-
-  // Memoize container dimensions to prevent recalculation
-  const containerDimensions = useMemo(() => ({
-    width: grid.width + padding * 2,
-    height: grid.height + padding * 2
-  }), [grid.width, grid.height, padding]);
-
-  // Memoize bubble pop handlers using a stable reference pattern
-  const bubblePopHandlers = useMemo(() => {
-    const handlers = {};
-    grid.bubbles.forEach((row, rowIndex) => {
-      row.forEach((bubble, colIndex) => {
-        if (bubble) {
-          handlers[bubble.id] = () => onBubblePop(rowIndex, colIndex);
-        }
-      });
-    });
-    return handlers;
-  }, [grid.bubbles, onBubblePop]);
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, containerDimensions],
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: [styles.backgroundContainer, styles.fidget3D, {
-        ...containerDimensions,
-        borderRadius: 20,
-        overflow: 'hidden'
-      }],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.outerBorder, {
-          ...containerDimensions,
-          borderRadius: 20
-        }]
-      }), /*#__PURE__*/_jsx(View, {
-        style: [styles.innerRecess, {
-          position: 'absolute',
-          left: 8,
-          top: 8,
-          width: containerDimensions.width - 16,
-          height: containerDimensions.height - 16,
-          borderRadius: 12,
-          overflow: 'hidden'
-        }],
-        children: grid.bubbles.map((_, rowIndex) => {
-          const rowHeight = grid.height / grid.size;
-          const rowColor = getRowColor(rowIndex);
-          return /*#__PURE__*/_jsx(View, {
-            style: {
-              position: 'absolute',
-              left: padding - 8,
-              top: padding - 8 + rowIndex * rowHeight,
-              width: grid.width,
-              height: rowHeight,
-              backgroundColor: `${rowColor}50`
-            }
-          }, `row-bg-${rowIndex}`);
-        })
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: {
-        position: 'absolute',
-        left: padding,
-        top: padding
-      },
-      children: grid.bubbles.map((row, _rowIndex) => row.map((bubble, _colIndex) => {
-        if (!bubble) return null;
-        const bubbleHandler = bubblePopHandlers[bubble.id];
-        if (!bubbleHandler) return null;
-        return /*#__PURE__*/_jsx(BubbleComponent, {
-          bubble: bubble,
-          size: bubbleSize,
-          onPop: bubbleHandler,
-          hapticEnabled: hapticEnabled,
-          isPlaying: isPlaying
-        }, bubble.id);
-      }))
-    })]
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    position: 'relative',
-    padding: 15
-    // Removed flex: 1 since we now use explicit width/height
-    // The parent gameArea container handles centering
-  },
-  backgroundContainer: {
-    position: 'absolute'
-  },
-  fidget3D: {
-    // Deep shadow for authentic Pop It depth
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: 8
-    },
-    shadowOpacity: 0.4,
-    shadowRadius: 12,
-    elevation: 12
-  },
-  outerBorder: {
-    position: 'absolute',
-    backgroundColor: '#f0f0f0',
-    // Raised border gradient effect using multiple borders
-    borderWidth: 2,
-    borderTopColor: '#ffffff',
-    borderLeftColor: '#ffffff',
-    borderRightColor: '#cccccc',
-    borderBottomColor: '#aaaaaa'
-  },
-  innerRecess: {
-    backgroundColor: '#e8e8e8',
-    // Recessed inner area with inverted lighting
-    borderWidth: 1,
-    borderTopColor: '#cccccc',
-    borderLeftColor: '#cccccc',
-    borderRightColor: '#ffffff',
-    borderBottomColor: '#ffffff',
-    // Inner shadow effect
-    shadowColor: '#000',
-    shadowOffset: {
-      width: 0,
-      height: -2
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 4,
-    elevation: -2
-  }
-});
-
-// Memoized FidgetGrid component to prevent unnecessary re-renders
-const MemoizedFidgetGrid = /*#__PURE__*/React.memo(FidgetGrid, (prevProps, nextProps) => {
-  // Only re-render if grid structure, bubble states, or key props change
-  return prevProps.grid.size === nextProps.grid.size && prevProps.grid.width === nextProps.grid.width && prevProps.grid.height === nextProps.grid.height && prevProps.bubbleSize === nextProps.bubbleSize && prevProps.hapticEnabled === nextProps.hapticEnabled && prevProps.isPlaying === nextProps.isPlaying && prevProps.onBubblePop === nextProps.onBubblePop &&
-  // Check if bubble states have changed
-  JSON.stringify(prevProps.grid.bubbles.map(row => row.map(bubble => bubble ? {
-    id: bubble.id,
-    isPopped: bubble.isPopped
-  } : null))) === JSON.stringify(nextProps.grid.bubbles.map(row => row.map(bubble => bubble ? {
-    id: bubble.id,
-    isPopped: bubble.isPopped
-  } : null)));
-});
-export default MemoizedFidgetGrid;
-//# sourceMappingURL=FidgetGrid.js.map
+"use strict";import React,{useMemo,useCallback}from 'react';import{View,StyleSheet}from 'react-native';import{RAINBOW_COLORS}from "../PopitFidgetConstants.js";import BubbleComponent from "./BubbleComponent.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const FidgetGrid =({grid,bubbleSize,onBubblePop,hapticEnabled = true,isPlaying})=>{const padding = 20;const getRowColor = useCallback(rowIndex =>{const colorIndex = Math.floor(rowIndex /(grid.size - 1)*(RAINBOW_COLORS.length - 1));return RAINBOW_COLORS[colorIndex] || RAINBOW_COLORS[0];},[grid.size]);const containerDimensions = useMemo(()=>({width:grid.width + padding * 2,height:grid.height + padding * 2}),[grid.width,grid.height,padding]);const bubblePopHandlers = useMemo(()=>{const handlers ={};grid.bubbles.forEach((row,rowIndex)=>{row.forEach((bubble,colIndex)=>{if(bubble){handlers[bubble.id] =()=> onBubblePop(rowIndex,colIndex);}});});return handlers;},[grid.bubbles,onBubblePop]);return _jsxs(View,{style:[styles.container,containerDimensions],children:[_jsxs(View,{style:[styles.backgroundContainer,styles.fidget3D,{...containerDimensions,borderRadius:20,overflow:'hidden'}],children:[_jsx(View,{style:[styles.outerBorder,{...containerDimensions,borderRadius:20}]}),_jsx(View,{style:[styles.innerRecess,{position:'absolute',left:8,top:8,width:containerDimensions.width - 16,height:containerDimensions.height - 16,borderRadius:12,overflow:'hidden'}],children:grid.bubbles.map((_,rowIndex)=>{const rowHeight = grid.height / grid.size;const rowColor = getRowColor(rowIndex);return _jsx(View,{style:{position:'absolute',left:padding - 8,top:padding - 8 + rowIndex * rowHeight,width:grid.width,height:rowHeight,backgroundColor:`${rowColor}50`}},`row-bg-${rowIndex}`);})})]}),_jsx(View,{style:{position:'absolute',left:padding,top:padding},children:grid.bubbles.map((row,_rowIndex)=> row.map((bubble,_colIndex)=>{if(!bubble)return null;const bubbleHandler = bubblePopHandlers[bubble.id];if(!bubbleHandler)return null;return _jsx(BubbleComponent,{bubble:bubble,size:bubbleSize,onPop:bubbleHandler,hapticEnabled:hapticEnabled,isPlaying:isPlaying},bubble.id);}))})]});};const styles = StyleSheet.create({container:{position:'relative',padding:15},backgroundContainer:{position:'absolute'},fidget3D:{shadowColor:'#000',shadowOffset:{width:0,height:8},shadowOpacity:0.4,shadowRadius:12,elevation:12},outerBorder:{position:'absolute',backgroundColor:'#f0f0f0',borderWidth:2,borderTopColor:'#ffffff',borderLeftColor:'#ffffff',borderRightColor:'#cccccc',borderBottomColor:'#aaaaaa'},innerRecess:{backgroundColor:'#e8e8e8',borderWidth:1,borderTopColor:'#cccccc',borderLeftColor:'#cccccc',borderRightColor:'#ffffff',borderBottomColor:'#ffffff',shadowColor:'#000',shadowOffset:{width:0,height:-2},shadowOpacity:0.2,shadowRadius:4,elevation:-2}});const MemoizedFidgetGrid = React.memo(FidgetGrid,(prevProps,nextProps)=>{return prevProps.grid.size === nextProps.grid.size && prevProps.grid.width === nextProps.grid.width && prevProps.grid.height === nextProps.grid.height && prevProps.bubbleSize === nextProps.bubbleSize && prevProps.hapticEnabled === nextProps.hapticEnabled && prevProps.isPlaying === nextProps.isPlaying && prevProps.onBubblePop === nextProps.onBubblePop && JSON.stringify(prevProps.grid.bubbles.map(row => row.map(bubble => bubble ?{id:bubble.id,isPopped:bubble.isPopped}:null)))=== JSON.stringify(nextProps.grid.bubbles.map(row => row.map(bubble => bubble ?{id:bubble.id,isPopped:bubble.isPopped}:null)));});export default MemoizedFidgetGrid;

package/lib/module/games/popit-fidget/components/GameBackground.js

@@ -1,177 +1 @@
-"use strict";
-
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Canvas, LinearGradient, Rect, Circle, vec } from '@shopify/react-native-skia';
-import { RAINBOW_COLORS } from "../PopitFidgetConstants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GameBackground = ({
-  width,
-  height
-}) => {
-  // Generate static colorful floating bubble decorations with subtle positioning variations
-  const generateFloatingBubbles = React.useMemo(() => {
-    const bubbles = [];
-    const bubbleCount = 15; // Reduced count for better performance
-
-    for (let i = 0; i < bubbleCount; i++) {
-      const baseX = width / bubbleCount * i;
-      const baseY = height / bubbleCount * i;
-
-      // Add subtle random offset for natural look
-      const x = baseX + Math.sin(i * 0.5) * 30 + Math.random() * 60;
-      const y = baseY + Math.cos(i * 0.7) * 40 + Math.random() * 80;
-      const radius = 8 + Math.random() * 12;
-      const colorIndex = i % RAINBOW_COLORS.length; // Cycle through colors for consistency
-      const opacity = 0.2 + Math.sin(i) * 0.1; // Subtle opacity variation
-
-      bubbles.push(/*#__PURE__*/_jsx(Circle, {
-        cx: Math.max(radius, Math.min(width - radius, x)),
-        cy: Math.max(radius, Math.min(height - radius, y)),
-        r: radius,
-        color: `${RAINBOW_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
-      }, `floating-bubble-${i}`));
-    }
-    return bubbles;
-  }, [width, height]);
-  return /*#__PURE__*/_jsx(View, {
-    style: StyleSheet.absoluteFillObject,
-    children: /*#__PURE__*/_jsxs(Canvas, {
-      style: {
-        width,
-        height
-      },
-      children: [/*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width, height),
-          colors: [`${RAINBOW_COLORS[0]}40`,
-          // Vibrant pink
-          `${RAINBOW_COLORS[2]}35`,
-          // Vibrant orange
-          `${RAINBOW_COLORS[4]}40`,
-          // Vibrant yellow
-          `${RAINBOW_COLORS[6]}35`,
-          // Vibrant lime
-          `${RAINBOW_COLORS[8]}40`,
-          // Vibrant green
-          `${RAINBOW_COLORS[10]}35`,
-          // Vibrant cyan
-          `${RAINBOW_COLORS[12]}40`,
-          // Vibrant blue
-          `${RAINBOW_COLORS[14]}35` // Vibrant purple
-          ]
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(0, 0),
-          end: vec(width / 2, height / 2),
-          colors: [`${RAINBOW_COLORS[1]}25`,
-          // Bright red
-          'transparent', `${RAINBOW_COLORS[5]}25`,
-          // Bright deep purple
-          'transparent', `${RAINBOW_COLORS[9]}25`,
-          // Bright teal
-          'transparent', `${RAINBOW_COLORS[13]}25`,
-          // Bright indigo
-          'transparent']
-        })
-      }), /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: 0,
-        width: width,
-        height: height,
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          start: vec(width, 0),
-          end: vec(0, height),
-          colors: [`${RAINBOW_COLORS[3]}20`,
-          // Bright orange
-          'transparent', `${RAINBOW_COLORS[7]}20`,
-          // Bright light green
-          'transparent', `${RAINBOW_COLORS[11]}20`,
-          // Bright light blue
-          'transparent']
-        })
-      }), generateFloatingBubbles, /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.1,
-        cy: height * 0.15,
-        r: 40,
-        color: `${RAINBOW_COLORS[0]}30` // Vibrant pink
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.9,
-        cy: height * 0.85,
-        r: 35,
-        color: `${RAINBOW_COLORS[3]}30` // Vibrant orange
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.85,
-        cy: height * 0.2,
-        r: 30,
-        color: `${RAINBOW_COLORS[8]}30` // Vibrant green
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.15,
-        cy: height * 0.8,
-        r: 45,
-        color: `${RAINBOW_COLORS[12]}30` // Vibrant blue
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.5,
-        cy: height * 0.1,
-        r: 25,
-        color: `${RAINBOW_COLORS[14]}30` // Vibrant purple
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.2,
-        cy: height * 0.5,
-        r: 32,
-        color: `${RAINBOW_COLORS[6]}30` // Vibrant lime
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.8,
-        cy: height * 0.6,
-        r: 28,
-        color: `${RAINBOW_COLORS[10]}30` // Vibrant cyan
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.6,
-        cy: height * 0.9,
-        r: 20,
-        color: `${RAINBOW_COLORS[1]}30` // Vibrant red
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.3,
-        cy: height * 0.25,
-        r: 24,
-        color: `${RAINBOW_COLORS[4]}30` // Vibrant yellow
-      }), /*#__PURE__*/_jsx(Circle, {
-        cx: width * 0.7,
-        cy: height * 0.35,
-        r: 26,
-        color: `${RAINBOW_COLORS[9]}30` // Vibrant teal
-      }), Array.from({
-        length: Math.floor(width / 40)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: i * 40,
-        y: 0,
-        width: 1,
-        height: height,
-        color: "rgba(0, 0, 0, 0.02)"
-      }, `grid-v-${i}`)), Array.from({
-        length: Math.floor(height / 40)
-      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
-        x: 0,
-        y: i * 40,
-        width: width,
-        height: 1,
-        color: "rgba(0, 0, 0, 0.02)"
-      }, `grid-h-${i}`))]
-    })
-  });
-};
-
-// Memoize GameBackground to prevent unnecessary re-renders
-const MemoizedGameBackground = /*#__PURE__*/React.memo(GameBackground);
-export default MemoizedGameBackground;
-//# sourceMappingURL=GameBackground.js.map
+"use strict";import React from 'react';import{StyleSheet,View}from 'react-native';import{Canvas,LinearGradient,Rect,Circle,vec}from '@shopify/react-native-skia';import{RAINBOW_COLORS}from "../PopitFidgetConstants.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const GameBackground =({width,height})=>{const generateFloatingBubbles = React.useMemo(()=>{const bubbles = [];const bubbleCount = 15;for(let i = 0;i < bubbleCount;i++){const baseX = width / bubbleCount * i;const baseY = height / bubbleCount * i;const x = baseX + Math.sin(i * 0.5)* 30 + Math.random()* 60;const y = baseY + Math.cos(i * 0.7)* 40 + Math.random()* 80;const radius = 8 + Math.random()* 12;const colorIndex = i % RAINBOW_COLORS.length;const opacity = 0.2 + Math.sin(i)* 0.1;bubbles.push(_jsx(Circle,{cx:Math.max(radius,Math.min(width - radius,x)),cy:Math.max(radius,Math.min(height - radius,y)),r:radius,color:`${RAINBOW_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2,'0')}`},`floating-bubble-${i}`));}return bubbles;},[width,height]);return _jsx(View,{style:StyleSheet.absoluteFillObject,children:_jsxs(Canvas,{style:{width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width,height),colors:[`${RAINBOW_COLORS[0]}40`,`${RAINBOW_COLORS[2]}35`,`${RAINBOW_COLORS[4]}40`,`${RAINBOW_COLORS[6]}35`,`${RAINBOW_COLORS[8]}40`,`${RAINBOW_COLORS[10]}35`,`${RAINBOW_COLORS[12]}40`,`${RAINBOW_COLORS[14]}35` ]})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(width / 2,height / 2),colors:[`${RAINBOW_COLORS[1]}25`,'transparent',`${RAINBOW_COLORS[5]}25`,'transparent',`${RAINBOW_COLORS[9]}25`,'transparent',`${RAINBOW_COLORS[13]}25`,'transparent']})}),_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(width,0),end:vec(0,height),colors:[`${RAINBOW_COLORS[3]}20`,'transparent',`${RAINBOW_COLORS[7]}20`,'transparent',`${RAINBOW_COLORS[11]}20`,'transparent']})}),generateFloatingBubbles,_jsx(Circle,{cx:width * 0.1,cy:height * 0.15,r:40,color:`${RAINBOW_COLORS[0]}30`}),_jsx(Circle,{cx:width * 0.9,cy:height * 0.85,r:35,color:`${RAINBOW_COLORS[3]}30`}),_jsx(Circle,{cx:width * 0.85,cy:height * 0.2,r:30,color:`${RAINBOW_COLORS[8]}30`}),_jsx(Circle,{cx:width * 0.15,cy:height * 0.8,r:45,color:`${RAINBOW_COLORS[12]}30`}),_jsx(Circle,{cx:width * 0.5,cy:height * 0.1,r:25,color:`${RAINBOW_COLORS[14]}30`}),_jsx(Circle,{cx:width * 0.2,cy:height * 0.5,r:32,color:`${RAINBOW_COLORS[6]}30`}),_jsx(Circle,{cx:width * 0.8,cy:height * 0.6,r:28,color:`${RAINBOW_COLORS[10]}30`}),_jsx(Circle,{cx:width * 0.6,cy:height * 0.9,r:20,color:`${RAINBOW_COLORS[1]}30`}),_jsx(Circle,{cx:width * 0.3,cy:height * 0.25,r:24,color:`${RAINBOW_COLORS[4]}30`}),_jsx(Circle,{cx:width * 0.7,cy:height * 0.35,r:26,color:`${RAINBOW_COLORS[9]}30`}),Array.from({length:Math.floor(width / 40)},(_,i)=> _jsx(Rect,{x:i * 40,y:0,width:1,height:height,color:"rgba(0,0,0,0.02)"},`grid-v-${i}`)),Array.from({length:Math.floor(height / 40)},(_,i)=> _jsx(Rect,{x:0,y:i * 40,width:width,height:1,color:"rgba(0,0,0,0.02)"},`grid-h-${i}`))]})});};const MemoizedGameBackground = React.memo(GameBackground);export default MemoizedGameBackground;

package/lib/module/games/popit-fidget/components/ScoreBoard.js

@@ -1,61 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { ScoreBoardContainer } from "../../../helpers/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ScoreBoard = ({
-  timeElapsed,
-  offset = 0
-}) => {
-  // Format time as MM:SS
-  const formatTime = seconds => {
-    const mins = Math.floor(seconds / 60);
-    const secs = seconds % 60;
-    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
-  };
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: "rgba(108, 92, 231, 0.4)",
-    borderColor: "rgba(139, 92, 246, 0.3)",
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.scoreBoard,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreSection,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Time Elapsed"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.timeValue,
-          children: formatTime(timeElapsed)
-        })]
-      })
-    })
-  });
-};
-
-// Memoize ScoreBoard to prevent unnecessary re-renders
-const MemoizedScoreBoard = /*#__PURE__*/React.memo(ScoreBoard);
-const styles = StyleSheet.create({
-  scoreBoard: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  scoreSection: {
-    alignItems: 'center'
-  },
-  scoreLabel: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#ffffff',
-    marginBottom: 4
-  },
-  timeValue: {
-    fontSize: 30,
-    fontWeight: 'bold',
-    color: '#1e1b4b' // Dark purple color for Pop It theme
-  }
-});
-export default MemoizedScoreBoard;
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React from 'react';import{View,Text,StyleSheet}from 'react-native';import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const ScoreBoard =({timeElapsed,offset = 0})=>{const formatTime = seconds =>{const mins = Math.floor(seconds / 60);const secs = seconds % 60;return `${mins.toString().padStart(2,'0')}:${secs.toString().padStart(2,'0')}`;};return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:"rgba(108,92,231,0.4)",borderColor:"rgba(139,92,246,0.3)",children:_jsx(View,{style:styles.scoreBoard,children:_jsxs(View,{style:styles.scoreSection,children:[_jsx(Text,{style:styles.scoreLabel,children:"Time Elapsed"}),_jsx(Text,{style:styles.timeValue,children:formatTime(timeElapsed)})]})})});};const MemoizedScoreBoard = React.memo(ScoreBoard);const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'center',alignItems:'center'},scoreSection:{alignItems:'center'},scoreLabel:{fontSize:16,fontWeight:'bold',color:'#ffffff',marginBottom:4},timeValue:{fontSize:25,fontWeight:'bold',color:'#1e1b4b'}});export default MemoizedScoreBoard;

package/lib/module/games/popit-fidget/components/index.js

@@ -1,7 +1 @@
-"use strict";
-
-export { default as BubbleComponent } from "./BubbleComponent.js";
-export { default as FidgetGrid } from "./FidgetGrid.js";
-export { default as ScoreBoard } from "./ScoreBoard.js";
-export { default as GameBackground } from "./GameBackground.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{default as BubbleComponent}from "./BubbleComponent.js";export{default as FidgetGrid}from "./FidgetGrid.js";export{default as ScoreBoard}from "./ScoreBoard.js";export{default as GameBackground}from "./GameBackground.js";

package/lib/module/games/sliding-numbers/SlidingNumbers.js

@@ -1,159 +1 @@
-"use strict";
-
-import React, { useEffect, useMemo, useCallback } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useSlidingNumbersStore } from "./SlidingNumbersStore.js";
-import { SlidingNumbersService } from "./SlidingNumbersService.js";
-import { GameBackground, NumbersGrid, ScoreBoard } from "./components/index.js";
-import { GameControlButton, GameOverModal } from "../../helpers/index.js";
-import { GameSettingsModal } from "../../helpers/index.js";
-import { SLIDING_NUMBERS_COLORS } from "./SlidingNumbersConstants.js";
-import { GAME_IDS, DEFAULT_GAME_SETTINGS } from "../../services/UtilsService.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const SlidingNumbers = /*#__PURE__*/React.memo(({
-  settings = DEFAULT_GAME_SETTINGS,
-  onSettingsChange
-}) => {
-  // Read UI-critical state independently to minimize re-renders
-  const isPlaying = useSlidingNumbersStore(state => state.isPlaying);
-  const isCompleted = useSlidingNumbersStore(state => state.isCompleted);
-  const score = useSlidingNumbersStore(state => state.score);
-
-  // Get store actions independently (these don't cause re-renders)
-  const initializePuzzle = useSlidingNumbersStore(state => state.initializePuzzle);
-  const shufflePuzzle = useSlidingNumbersStore(state => state.shufflePuzzle);
-  const startGame = useSlidingNumbersStore(state => state.startGame);
-  const stopGame = useSlidingNumbersStore(state => state.stopGame);
-  const resetGame = useSlidingNumbersStore(state => state.resetGame);
-  const decrementTime = useSlidingNumbersStore(state => state.decrementTime);
-
-  // Get difficulty from external settings
-  const difficulty = settings?.difficulty || 'easy';
-
-  // Memoized game service creation to prevent recreation
-  const gameService = useMemo(() => new SlidingNumbersService(), []);
-
-  // Memoized difficulty settings
-  const difficultySettings = useMemo(() => gameService.getDifficultySettings(difficulty), [gameService, difficulty]);
-
-  // Initialize puzzle when difficulty changes
-  useEffect(() => {
-    initializePuzzle(difficultySettings.gridSize);
-  }, [difficulty, difficultySettings.gridSize, initializePuzzle]);
-
-  // Game timer effect
-  useEffect(() => {
-    if (isPlaying) {
-      gameService.startTimer(() => {
-        decrementTime();
-      });
-    } else {
-      gameService.stopTimer();
-    }
-    return () => {
-      gameService.stopTimer();
-    };
-  }, [isPlaying, gameService, decrementTime]);
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      gameService.cleanup();
-    };
-  }, [gameService]);
-
-  // Memoized game control handlers
-  const handleStartGame = useCallback(() => {
-    shufflePuzzle();
-    startGame();
-  }, [shufflePuzzle, startGame]);
-  const handleStopGame = useCallback(() => {
-    stopGame();
-  }, [stopGame]);
-  const handleResetGame = useCallback(() => {
-    resetGame();
-    // Re-initialize with current difficulty from settings
-    initializePuzzle(difficultySettings.gridSize);
-  }, [resetGame, initializePuzzle, difficultySettings.gridSize]);
-
-  // Memoize GameControlButton props to prevent re-renders (CRITICAL)
-  const gameControlButtonProps = useMemo(() => ({
-    isPlaying,
-    gameOver: isCompleted,
-    onStartGame: handleStartGame,
-    onStopGame: handleStopGame,
-    startButtonText: "START GAME",
-    stopButtonText: "STOP GAME",
-    startButtonSubtext: "Shuffle and begin solving!",
-    stopButtonSubtext: "End current game",
-    startButtonColor: SLIDING_NUMBERS_COLORS.START_BUTTON,
-    stopButtonColor: "#dc2626",
-    startButtonBorderColor: SLIDING_NUMBERS_COLORS.BUTTON_BORDER,
-    stopButtonBorderColor: "#f87171"
-  }), [isPlaying, isCompleted, handleStartGame, handleStopGame]);
-
-  // Memoize GameOverModal props
-  const gameOverModalProps = useMemo(() => ({
-    isVisible: isCompleted,
-    score,
-    onPlayAgain: handleResetGame,
-    buttonText: "Play Again!",
-    primaryColor: SLIDING_NUMBERS_COLORS.COMPLETION_OVERLAY,
-    borderColor: "rgba(245, 158, 11, 0.9)",
-    buttonColor: SLIDING_NUMBERS_COLORS.START_BUTTON,
-    buttonBorderColor: SLIDING_NUMBERS_COLORS.BUTTON_BORDER
-  }), [isCompleted, score, handleResetGame]);
-
-  // Memoize GameSettingsModal props
-  const gameSettingsModalProps = useMemo(() => ({
-    gameId: GAME_IDS.SLIDING_NUMBERS,
-    settings: settings || DEFAULT_GAME_SETTINGS,
-    onSettingsChange
-  }), [settings, onSettingsChange]);
-
-  // Get offset from settings
-  const offset = settings?.offset ?? 0;
-
-  // Memoized dynamic styles based on offset
-  const dynamicStyles = useMemo(() => ({
-    gameArea: {
-      ...styles.gameArea,
-      marginTop: offset // Add margin to shift grid down while maintaining centering
-    }
-  }), [offset]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsx(GestureHandlerRootView, {
-      children: /*#__PURE__*/_jsxs(GameBackground, {
-        children: [/*#__PURE__*/_jsx(View, {
-          style: dynamicStyles.gameArea,
-          children: /*#__PURE__*/_jsx(NumbersGrid, {
-            difficulty: difficulty
-          })
-        }), /*#__PURE__*/_jsx(ScoreBoard, {
-          offset: offset
-        }), /*#__PURE__*/_jsx(GameControlButton, {
-          ...gameControlButtonProps
-        }), /*#__PURE__*/_jsx(GameOverModal, {
-          ...gameOverModalProps
-        }), /*#__PURE__*/_jsx(GameSettingsModal, {
-          ...gameSettingsModalProps
-        })]
-      })
-    })
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: SLIDING_NUMBERS_COLORS.BACKGROUND
-  },
-  gameArea: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-});
-SlidingNumbers.displayName = 'SlidingNumbers';
-//# sourceMappingURL=SlidingNumbers.js.map
+"use strict";import React,{useEffect,useMemo,useCallback}from 'react';import{View,StyleSheet}from 'react-native';import{GestureHandlerRootView}from 'react-native-gesture-handler';import{useSlidingNumbersStore}from "./SlidingNumbersStore.js";import{SlidingNumbersService}from "./SlidingNumbersService.js";import{GameBackground,NumbersGrid,ScoreBoard}from "./components/index.js";import{GameControlButton,GameOverModal}from "../../helpers/index.js";import{GameSettingsModal}from "../../helpers/index.js";import{SLIDING_NUMBERS_COLORS}from "./SlidingNumbersConstants.js";import{GAME_IDS,DEFAULT_GAME_SETTINGS}from "../../services/UtilsService.js";import{calculateTimeBasedScore}from "../../services/ScoringService.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const SlidingNumbers = React.memo(({settings = DEFAULT_GAME_SETTINGS,onSettingsChange,onEndGame})=>{const score = useSlidingNumbersStore(state => state.score);const timeElapsed = useSlidingNumbersStore(state => state.timeElapsed);const isPlaying = useSlidingNumbersStore(state => state.isPlaying);const isCompleted = useSlidingNumbersStore(state => state.isCompleted);const gameReportedRef = React.useRef(false);const difficulty = settings?.difficulty || 'easy';const reportGameEnd = React.useCallback(status =>{if(onEndGame && !gameReportedRef.current){const expectedTimes ={easy:120,medium:180,hard:240};const expectedTime = expectedTimes[difficulty];const calculatedScore = status === 'win' ? calculateTimeBasedScore(timeElapsed,expectedTime):0;onEndGame({status,score:calculatedScore.toString()});gameReportedRef.current = true;}},[onEndGame,timeElapsed,difficulty]);const initializePuzzle = useSlidingNumbersStore(state => state.initializePuzzle);const shufflePuzzle = useSlidingNumbersStore(state => state.shufflePuzzle);const startGame = useSlidingNumbersStore(state => state.startGame);const stopGame = useSlidingNumbersStore(state => state.stopGame);const resetGame = useSlidingNumbersStore(state => state.resetGame);const decrementTime = useSlidingNumbersStore(state => state.decrementTime);const gameService = useMemo(()=> new SlidingNumbersService(),[]);const difficultySettings = useMemo(()=> gameService.getDifficultySettings(difficulty),[gameService,difficulty]);useEffect(()=>{initializePuzzle(difficultySettings.gridSize);},[difficulty,difficultySettings.gridSize,initializePuzzle]);useEffect(()=>{if(isPlaying){gameService.startTimer(()=>{decrementTime();});}else{gameService.stopTimer();}return()=>{gameService.stopTimer();};},[isPlaying,gameService,decrementTime]);useEffect(()=>{if(isCompleted && !gameReportedRef.current){reportGameEnd('win');}if(!isCompleted){gameReportedRef.current = false;}},[isCompleted,reportGameEnd]);useEffect(()=>{return()=>{gameService.cleanup();};},[gameService]);const handleStartGame = useCallback(()=>{gameReportedRef.current = false;shufflePuzzle();startGame();},[shufflePuzzle,startGame]);const handleStopGame = useCallback(()=>{reportGameEnd('cancel');stopGame();},[stopGame,reportGameEnd]);const handleResetGame = useCallback(()=>{resetGame();initializePuzzle(difficultySettings.gridSize);},[resetGame,initializePuzzle,difficultySettings.gridSize]);const gameControlButtonProps = useMemo(()=>({isPlaying,gameOver:isCompleted,onStartGame:handleStartGame,onStopGame:handleStopGame,startButtonText:"START GAME",stopButtonText:"STOP GAME",startButtonSubtext:"Shuffle and begin solving!",stopButtonSubtext:"End current game",startButtonColor:SLIDING_NUMBERS_COLORS.START_BUTTON,stopButtonColor:"#dc2626",startButtonBorderColor:SLIDING_NUMBERS_COLORS.BUTTON_BORDER,stopButtonBorderColor:"#f87171"}),[isPlaying,isCompleted,handleStartGame,handleStopGame]);const gameOverModalProps = useMemo(()=>({isVisible:isCompleted,score,onPlayAgain:handleResetGame,buttonText:"Play Again!",primaryColor:"rgba(245,158,11,0.5)",borderColor:"rgba(245,158,11,0.5)",buttonColor:"#ffffff",buttonBorderColor:"#ffffff",buttonTextColor:"#f59e0b"}),[isCompleted,score,handleResetGame]);const gameSettingsModalProps = useMemo(()=>({gameId:GAME_IDS.SLIDING_NUMBERS,settings:settings || DEFAULT_GAME_SETTINGS,onSettingsChange}),[settings,onSettingsChange]);const offset = settings?.offset ?? 0;const dynamicStyles = useMemo(()=>({gameArea:{...styles.gameArea,marginTop:offset}}),[offset]);return _jsx(View,{style:styles.container,children:_jsx(GestureHandlerRootView,{children:_jsxs(GameBackground,{children:[_jsx(View,{style:dynamicStyles.gameArea,children:_jsx(NumbersGrid,{difficulty:difficulty})}),_jsx(ScoreBoard,{offset:offset}),_jsx(GameControlButton,{...gameControlButtonProps}),_jsx(GameOverModal,{...gameOverModalProps}),_jsx(GameSettingsModal,{...gameSettingsModalProps})]})})});});const styles = StyleSheet.create({container:{flex:1,backgroundColor:SLIDING_NUMBERS_COLORS.BACKGROUND},gameArea:{flex:1,justifyContent:'center',alignItems:'center'}});SlidingNumbers.displayName = 'SlidingNumbers';

package/lib/module/games/sliding-numbers/SlidingNumbers.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useCallback","View","StyleSheet","GestureHandlerRootView","useSlidingNumbersStore","SlidingNumbersService","GameBackground","NumbersGrid","ScoreBoard","GameControlButton","GameOverModal","GameSettingsModal","SLIDING_NUMBERS_COLORS","GAME_IDS","DEFAULT_GAME_SETTINGS","jsx","_jsx","jsxs","_jsxs","SlidingNumbers","memo","settings","onSettingsChange","isPlaying","state","isCompleted","score","initializePuzzle","shufflePuzzle","startGame","stopGame","resetGame","decrementTime","difficulty","gameService","difficultySettings","getDifficultySettings","gridSize","startTimer","stopTimer","cleanup","handleStartGame","handleStopGame","handleResetGame","gameControlButtonProps","gameOver","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","stopButtonSubtext","startButtonColor","START_BUTTON","stopButtonColor","startButtonBorderColor","BUTTON_BORDER","stopButtonBorderColor","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","COMPLETION_OVERLAY","borderColor","buttonColor","buttonBorderColor","gameSettingsModalProps","gameId","SLIDING_NUMBERS","offset","dynamicStyles","gameArea","styles","marginTop","style","container","children","create","flex","backgroundColor","BACKGROUND","justifyContent","alignItems","displayName"],"sourceRoot":"../../../../src","sources":["games/sliding-numbers/SlidingNumbers.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useCallback","View","StyleSheet","GestureHandlerRootView","useSlidingNumbersStore","SlidingNumbersService","GameBackground","NumbersGrid","ScoreBoard","GameControlButton","GameOverModal","GameSettingsModal","SLIDING_NUMBERS_COLORS","GAME_IDS","DEFAULT_GAME_SETTINGS","calculateTimeBasedScore","jsx","_jsx","jsxs","_jsxs","SlidingNumbers","memo","settings","onSettingsChange","onEndGame","score","state","timeElapsed","isPlaying","isCompleted","gameReportedRef","useRef","difficulty","reportGameEnd","status","current","expectedTimes","easy","medium","hard","expectedTime","calculatedScore","toString","initializePuzzle","shufflePuzzle","startGame","stopGame","resetGame","decrementTime","gameService","difficultySettings","getDifficultySettings","gridSize","startTimer","stopTimer","cleanup","handleStartGame","handleStopGame","handleResetGame","gameControlButtonProps","gameOver","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","stopButtonSubtext","startButtonColor","START_BUTTON","stopButtonColor","startButtonBorderColor","BUTTON_BORDER","stopButtonBorderColor","gameOverModalProps","isVisible","onPlayAgain","buttonText","primaryColor","borderColor","buttonColor","buttonBorderColor","buttonTextColor","gameSettingsModalProps","gameId","SLIDING_NUMBERS","offset","dynamicStyles","gameArea","styles","marginTop","style","container","children","create","flex","backgroundColor","BACKGROUND","justifyContent","alignItems","displayName"],"sourceRoot":"../../../../src","sources":["games/sliding-numbers/SlidingNumbers.tsx"],"mappings":"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","ignoreList":[]}