react-native-games 0.3.0 → 0.4.0

package/lib/module/games/popit-fidget/PopitFidgetStore.js

@@ -0,0 +1,190 @@
+"use strict";
+
+import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { GAME_CONFIG } from "./PopitFidgetService.js";
+import { immerMiddleware } from "../../services/GamesService.js";
+// Optimized store with selective subscriptions for low-end devices
+export const usePopitFidgetStore = create()(subscribeWithSelector(immerMiddleware((set, get) => ({
+  // Initial state
+  score: 0,
+  timeLeft: 60,
+  // Default duration, will be set based on difficulty
+  isPlaying: false,
+  gameOver: false,
+  gameWon: false,
+  fidgetGrid: null,
+  particles: [],
+  bubblesPopped: 0,
+  totalBubbles: 0,
+  bubbleStates: {},
+  // Actions
+  startGame: _gameDuration => {
+    // Always use fixed duration regardless of difficulty or passed duration
+    const duration = 60;
+    set(draft => {
+      draft.isPlaying = true;
+      draft.gameOver = false;
+      draft.gameWon = false;
+      draft.timeLeft = duration;
+      draft.score = 0;
+      draft.bubblesPopped = 0;
+      draft.particles = [];
+    });
+  },
+  stopGame: () => {
+    set(draft => {
+      draft.isPlaying = false;
+      draft.gameOver = true;
+    });
+  },
+  resetGame: () => {
+    set(draft => {
+      draft.score = 0;
+      draft.timeLeft = 60; // Fixed 60 seconds
+      draft.isPlaying = false;
+      draft.gameOver = false;
+      draft.gameWon = false;
+      draft.fidgetGrid = null;
+      draft.particles = [];
+      draft.bubblesPopped = 0;
+      draft.totalBubbles = 0;
+    });
+  },
+  setFidgetGrid: grid => {
+    // For square grids, total bubbles = size * size
+    const totalCount = grid.size * grid.size;
+    set(draft => {
+      draft.fidgetGrid = grid;
+      draft.totalBubbles = totalCount;
+      draft.bubblesPopped = 0;
+
+      // Initialize bubble states for all bubbles
+      draft.bubbleStates = {};
+      for (let row = 0; row < grid.size; row++) {
+        for (let col = 0; col < grid.size; col++) {
+          const bubble = grid.bubbles[row]?.[col];
+          if (bubble) {
+            draft.bubbleStates[bubble.id] = {
+              isPopped: bubble.isPopped || false,
+              popTime: bubble.popTime
+            };
+          }
+        }
+      }
+    });
+  },
+  popBubble: (row, col) => {
+    set(draft => {
+      if (!draft.fidgetGrid) return;
+      const bubble = draft.fidgetGrid.bubbles[row]?.[col];
+      if (!bubble) return;
+
+      // Check if bubble is already popped using bubbleStates
+      const bubbleState = draft.bubbleStates[bubble.id];
+      if (bubbleState?.isPopped) return;
+
+      // Update only the bubbleStates, not the fidgetGrid
+      // This prevents the entire fidgetGrid array from changing references
+      draft.bubbleStates[bubble.id] = {
+        isPopped: true,
+        popTime: Date.now()
+      };
+      draft.bubblesPopped = draft.bubblesPopped + 1;
+
+      // Only update score if game is actively playing
+      if (draft.isPlaying) {
+        // Simple scoring - just add base points per bubble
+        const points = GAME_CONFIG.POINTS_PER_BUBBLE;
+        draft.score = draft.score + points;
+      }
+    });
+
+    // Check if game is won (only if actively playing)
+    const state = get();
+    if (state.isPlaying) {
+      get().checkGameWon();
+    }
+  },
+  updateScore: points => {
+    set(draft => {
+      draft.score = draft.score + points;
+    });
+  },
+  decrementTime: () => {
+    set(draft => {
+      const newTimeLeft = Math.max(0, draft.timeLeft - 1);
+      draft.timeLeft = newTimeLeft;
+      if (newTimeLeft === 0 && draft.isPlaying) {
+        draft.isPlaying = false;
+        draft.gameOver = true;
+      }
+    });
+  },
+  setTimeLeft: timeLeft => {
+    set(draft => {
+      const newTimeLeft = Math.max(0, timeLeft);
+      draft.timeLeft = newTimeLeft;
+      if (newTimeLeft === 0 && draft.isPlaying) {
+        draft.isPlaying = false;
+        draft.gameOver = true;
+      }
+    });
+  },
+  setParticles: particles => {
+    set(draft => {
+      draft.particles = particles;
+    });
+  },
+  addParticles: particles => {
+    set(draft => {
+      // Limit total particles to prevent memory issues and performance degradation
+      const maxParticles = 50;
+      const newParticles = [...draft.particles, ...particles];
+
+      // If we exceed the limit, remove the oldest particles
+      if (newParticles.length > maxParticles) {
+        draft.particles = newParticles.slice(-maxParticles);
+      } else {
+        draft.particles = newParticles;
+      }
+    });
+  },
+  clearParticles: () => {
+    set(draft => {
+      draft.particles = [];
+    });
+  },
+  checkGameWon: () => {
+    const state = get();
+    if (!state.fidgetGrid) return;
+
+    // Check if all bubbles are popped using bubbleStates
+    let allPopped = true;
+    for (let row = 0; row < state.fidgetGrid.size; row++) {
+      for (let col = 0; col < state.fidgetGrid.size; col++) {
+        const bubble = state.fidgetGrid.bubbles[row]?.[col];
+        if (bubble) {
+          const bubbleState = state.bubbleStates[bubble.id];
+          if (!bubbleState?.isPopped) {
+            allPopped = false;
+            break;
+          }
+        }
+      }
+      if (!allPopped) break;
+    }
+    if (allPopped && state.isPlaying) {
+      // Bonus points for completing the fidget
+      const completionBonus = GAME_CONFIG.COMPLETION_BONUS;
+      const timeBonus = Math.floor(state.timeLeft * GAME_CONFIG.TIME_BONUS_MULTIPLIER);
+      set(draft => {
+        draft.isPlaying = false;
+        draft.gameWon = true;
+        draft.gameOver = true;
+        draft.score = state.score + completionBonus + timeBonus;
+      });
+    }
+  }
+}))));
+//# sourceMappingURL=PopitFidgetStore.js.map

package/lib/module/games/popit-fidget/PopitFidgetStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["create","subscribeWithSelector","GAME_CONFIG","immerMiddleware","usePopitFidgetStore","set","get","score","timeLeft","isPlaying","gameOver","gameWon","fidgetGrid","particles","bubblesPopped","totalBubbles","bubbleStates","startGame","_gameDuration","duration","draft","stopGame","resetGame","setFidgetGrid","grid","totalCount","size","row","col","bubble","bubbles","id","isPopped","popTime","popBubble","bubbleState","Date","now","points","POINTS_PER_BUBBLE","state","checkGameWon","updateScore","decrementTime","newTimeLeft","Math","max","setTimeLeft","setParticles","addParticles","maxParticles","newParticles","length","slice","clearParticles","allPopped","completionBonus","COMPLETION_BONUS","timeBonus","floor","TIME_BONUS_MULTIPLIER"],"sourceRoot":"../../../../src","sources":["games/popit-fidget/PopitFidgetStore.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,196 @@
+"use strict";
+
+import React, { useState, useCallback, useMemo } from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { Canvas, Circle, LinearGradient, vec, Shadow } from '@shopify/react-native-skia';
+import { playHaptic, HapticType } from "../../../services/HapticsService.js";
+import { usePopitFidgetStore } from "../PopitFidgetStore.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BubbleComponent = ({
+  bubble,
+  size,
+  onPop,
+  hapticEnabled = true,
+  isPlaying
+}) => {
+  // Get bubble state from store to prevent re-renders when other bubbles change
+  const bubbleState = usePopitFidgetStore(state => state.bubbleStates[bubble.id]);
+  const isPopped = bubbleState?.isPopped || false;
+  // Simple state for press feedback - no animations to prevent crashes
+  const [isPressed, setIsPressed] = useState(false);
+
+  // Memoize callbacks to prevent unnecessary re-renders
+  const handlePop = useCallback(() => {
+    // Only allow popping when game is actively playing
+    if (!isPlaying || isPopped) return;
+
+    // Enhanced haptic feedback - stronger for more satisfaction
+    playHaptic(HapticType.MEDIUM, hapticEnabled || false);
+
+    // Trigger pop callback
+    onPop();
+  }, [onPop, hapticEnabled, isPlaying, isPopped]);
+  const handlePressIn = useCallback(() => {
+    if (!isPopped && isPlaying) {
+      setIsPressed(true);
+      // Haptic feedback on press
+      playHaptic(HapticType.LIGHT, hapticEnabled || false);
+    }
+  }, [isPopped, isPlaying, hapticEnabled]);
+  const handlePressOut = useCallback(() => {
+    setIsPressed(false);
+  }, []);
+
+  // Memoize bubble style to prevent recalculation
+  const bubbleStyle = useMemo(() => ({
+    position: 'absolute',
+    left: bubble.x - size / 2,
+    top: bubble.y - size / 2,
+    width: size,
+    height: size,
+    transform: [{
+      scale: isPressed ? 0.95 : 1
+    }]
+  }), [bubble.x, bubble.y, size, isPressed]);
+
+  // Simplified popped state rendering
+  if (isPopped) {
+    return /*#__PURE__*/_jsx(View, {
+      style: bubbleStyle,
+      children: /*#__PURE__*/_jsxs(Canvas, {
+        style: {
+          width: size,
+          height: size
+        },
+        children: [/*#__PURE__*/_jsx(Circle, {
+          cx: size / 2,
+          cy: size / 2,
+          r: size / 2,
+          color: bubble.color,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(0, 0),
+            end: vec(size, size),
+            colors: [`${bubble.color}60`,
+            // Muted to show flatness
+            `${bubble.color}40`,
+            // More muted
+            `${bubble.color}30` // Very muted to show depression
+            ]
+          })
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: size / 2,
+          cy: size / 2 + 1,
+          r: size / 2 - 6,
+          color: bubble.color,
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            start: vec(size * 0.7, size * 0.7),
+            end: vec(size * 0.3, size * 0.3),
+            colors: ['#FFFFFF30',
+            // Light highlight
+            `${bubble.color}80`,
+            // Bubble color
+            '#00000020' // Subtle shadow
+            ]
+          })
+        }), /*#__PURE__*/_jsx(Circle, {
+          cx: size / 2 + size * 0.15,
+          cy: size / 2 + size * 0.2,
+          r: size * 0.06,
+          color: "#FFFFFF",
+          opacity: 0.6
+        })]
+      })
+    });
+  }
+
+  // Simplified unpopped bubble rendering with TouchableOpacity
+  return /*#__PURE__*/_jsxs(View, {
+    style: bubbleStyle,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      style: {
+        width: size,
+        height: size
+      },
+      onPress: handlePop,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      activeOpacity: 1,
+      disabled: isPopped || !isPlaying,
+      children: /*#__PURE__*/_jsx(View, {
+        style: {
+          position: 'absolute',
+          width: size,
+          height: size,
+          backgroundColor: 'transparent'
+        }
+      })
+    }), /*#__PURE__*/_jsxs(Canvas, {
+      style: {
+        position: 'absolute',
+        width: size,
+        height: size,
+        pointerEvents: 'none'
+      },
+      children: [/*#__PURE__*/_jsx(Circle, {
+        cx: size / 2,
+        cy: size / 2,
+        r: size / 2,
+        color: bubble.color,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          start: vec(0, 0),
+          end: vec(size, size),
+          colors: [`${bubble.color}E0`, `${bubble.color}A0`, `${bubble.color}80`]
+        })
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: size / 2,
+        cy: size / 2 + 2,
+        r: size / 2 - 4,
+        color: "rgba(0,0,0,0.15)"
+      }), /*#__PURE__*/_jsxs(Circle, {
+        cx: size / 2,
+        cy: size / 2 - 1,
+        r: size / 2 - 4,
+        color: bubble.color,
+        children: [/*#__PURE__*/_jsx(LinearGradient, {
+          start: vec(size * 0.2, size * 0.2),
+          end: vec(size * 0.8, size * 0.8),
+          colors: ['#FFFFFF', '#FFFFFFA0', bubble.color, `${bubble.color}C0`, '#00000020']
+        }), /*#__PURE__*/_jsx(Shadow, {
+          dx: 0,
+          dy: 3,
+          blur: 6,
+          color: "rgba(0,0,0,0.2)"
+        })]
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: size / 2 - size * 0.15,
+        cy: size / 2 - size * 0.2,
+        r: size * 0.12,
+        color: "#FFFFFF",
+        opacity: 0.8,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          start: vec(0, 0),
+          end: vec(size * 0.24, size * 0.24),
+          colors: ['#FFFFFF', '#FFFFFF80', '#FFFFFF00']
+        })
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: size / 2 + size * 0.1,
+        cy: size / 2 - size * 0.15,
+        r: size * 0.06,
+        color: "#FFFFFF",
+        opacity: 0.6
+      })]
+    })]
+  });
+};
+
+// Memoized BubbleComponent with custom comparison to prevent unnecessary re-renders
+// Note: We don't compare onPop function reference as it may change but functionality remains the same
+// Note: We don't compare bubble.isPopped as we now use store state which is subscribed individually
+const MemoizedBubbleComponent = /*#__PURE__*/React.memo(BubbleComponent, (prevProps, nextProps) => {
+  return prevProps.bubble.id === nextProps.bubble.id && prevProps.bubble.x === nextProps.bubble.x && prevProps.bubble.y === nextProps.bubble.y && prevProps.bubble.color === nextProps.bubble.color && prevProps.size === nextProps.size && prevProps.hapticEnabled === nextProps.hapticEnabled && prevProps.isPlaying === nextProps.isPlaying
+  // Removed bubble.isPopped comparison as we now use individual store subscriptions
+  // Removed onPop comparison as function reference may change but behavior is the same
+  ;
+});
+export default MemoizedBubbleComponent;
+//# sourceMappingURL=BubbleComponent.js.map

package/lib/module/games/popit-fidget/components/BubbleComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useMemo","View","TouchableOpacity","Canvas","Circle","LinearGradient","vec","Shadow","playHaptic","HapticType","usePopitFidgetStore","jsx","_jsx","jsxs","_jsxs","BubbleComponent","bubble","size","onPop","hapticEnabled","isPlaying","bubbleState","state","bubbleStates","id","isPopped","isPressed","setIsPressed","handlePop","MEDIUM","handlePressIn","LIGHT","handlePressOut","bubbleStyle","position","left","x","top","y","width","height","transform","scale","style","children","cx","cy","r","color","start","end","colors","opacity","onPress","onPressIn","onPressOut","activeOpacity","disabled","backgroundColor","pointerEvents","dx","dy","blur","MemoizedBubbleComponent","memo","prevProps","nextProps"],"sourceRoot":"../../../../../src","sources":["games/popit-fidget/components/BubbleComponent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,165 @@
+"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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useCallback","View","StyleSheet","RAINBOW_COLORS","BubbleComponent","jsx","_jsx","jsxs","_jsxs","FidgetGrid","grid","bubbleSize","onBubblePop","hapticEnabled","isPlaying","padding","getRowColor","rowIndex","colorIndex","Math","floor","size","length","containerDimensions","width","height","bubblePopHandlers","handlers","bubbles","forEach","row","bubble","colIndex","id","style","styles","container","children","backgroundContainer","fidget3D","borderRadius","overflow","outerBorder","innerRecess","position","left","top","map","_","rowHeight","rowColor","backgroundColor","_rowIndex","_colIndex","bubbleHandler","onPop","create","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderWidth","borderTopColor","borderLeftColor","borderRightColor","borderBottomColor","MemoizedFidgetGrid","memo","prevProps","nextProps","JSON","stringify","isPopped"],"sourceRoot":"../../../../../src","sources":["games/popit-fidget/components/FidgetGrid.tsx"],"mappings":"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","ignoreList":[]}