react-native-games 0.3.0 → 0.4.0

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

@@ -0,0 +1,293 @@
+"use strict";
+
+import React, { useEffect, useRef, useCallback } from 'react';
+import { View, StyleSheet, Dimensions, Modal } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { usePopitFidgetStore } from "./PopitFidgetStore.js";
+import { PopitFidgetService } from "./PopitFidgetService.js";
+import { createGameSettingsStore } from "../../shared/settings/SettingsService.js";
+import { playSound, GAME_SOUNDS } from "../../services/SoundsService.js";
+import { playHaptic, HapticType } from "../../services/HapticsService.js";
+import { getDurationForDifficulty } from "../../shared/settings/SettingsService.js";
+import { GameBackground, FidgetGrid as FidgetGridComponent, ScoreBoard, GameOverModal } from "./components/index.js";
+import { GameControlButton } from "../../shared/helpers/index.js";
+import { GameSettings as GameSettingsComponent } from "../../shared/settings/GameSettings.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width,
+  height
+} = Dimensions.get('window');
+const PopitFidget = ({
+  showSettingsModal = false,
+  onToggleSettingsModal,
+  externalSettings,
+  onSettingsChange
+}) => {
+  // Use selective subscriptions to prevent unnecessary re-renders
+  const fidgetGrid = usePopitFidgetStore(state => state.fidgetGrid);
+  const score = usePopitFidgetStore(state => state.score);
+  const timeLeft = usePopitFidgetStore(state => state.timeLeft);
+  const isPlaying = usePopitFidgetStore(state => state.isPlaying);
+  const gameOver = usePopitFidgetStore(state => state.gameOver);
+  const gameWon = usePopitFidgetStore(state => state.gameWon);
+
+  // Get store actions (these don't cause re-renders)
+  const startGame = usePopitFidgetStore(state => state.startGame);
+  const stopGame = usePopitFidgetStore(state => state.stopGame);
+  const resetGame = usePopitFidgetStore(state => state.resetGame);
+  const setFidgetGrid = usePopitFidgetStore(state => state.setFidgetGrid);
+  const popBubble = usePopitFidgetStore(state => state.popBubble);
+  const setTimeLeft = usePopitFidgetStore(state => state.setTimeLeft);
+  const serviceRef = useRef(null);
+  // Removed animation maps to prevent memory leaks
+  const useSettings = useRef(createGameSettingsStore()).current;
+  const settings = useSettings();
+  const prevSettingsRef = useRef(null);
+
+  // Initialize service and generate initial fidget grid
+  useEffect(() => {
+    if (!serviceRef.current) {
+      serviceRef.current = new PopitFidgetService();
+    }
+
+    // Generate initial fidget grid so it shows before game starts
+    if (serviceRef.current && !fidgetGrid) {
+      const grid = serviceRef.current.generateFidgetGrid(settings.difficulty);
+      setFidgetGrid(grid);
+    }
+    return () => {
+      serviceRef.current?.cleanup();
+    };
+  }, [fidgetGrid, setFidgetGrid, settings.difficulty]);
+
+  // Handle external settings changes
+  useEffect(() => {
+    if (!externalSettings) return;
+    const prev = prevSettingsRef.current;
+    const hasChanged = !prev || prev.difficulty !== externalSettings.difficulty || prev.soundEnabled !== externalSettings.soundEnabled || prev.hapticEnabled !== externalSettings.hapticEnabled;
+    if (hasChanged) {
+      const commonSettings = {
+        difficulty: externalSettings.difficulty,
+        soundEnabled: externalSettings.soundEnabled,
+        hapticEnabled: externalSettings.hapticEnabled
+      };
+      settings.setDifficulty(commonSettings.difficulty);
+      settings.setSoundEnabled(commonSettings.soundEnabled);
+      settings.setHapticEnabled(commonSettings.hapticEnabled);
+      prevSettingsRef.current = externalSettings;
+    }
+  }, [externalSettings, settings]);
+
+  // Settings change callback
+  useEffect(() => {
+    if (!onSettingsChange) return;
+    const unsubscribe = useSettings.subscribe(state => {
+      onSettingsChange({
+        difficulty: state.difficulty,
+        soundEnabled: state.soundEnabled,
+        hapticEnabled: state.hapticEnabled
+      });
+    });
+    return unsubscribe;
+  }, [onSettingsChange, useSettings]);
+
+  // Generate new fidget grid (simplified - always square based on difficulty)
+  const generateNewFidget = useCallback(() => {
+    if (!serviceRef.current) return;
+    const grid = serviceRef.current.generateFidgetGrid(settings.difficulty);
+    setFidgetGrid(grid);
+  }, [setFidgetGrid, settings.difficulty]);
+
+  // Track previous difficulty to avoid infinite loops
+  const prevDifficultyRef = React.useRef(settings.difficulty);
+
+  // Watch for difficulty changes and regenerate grid when difficulty changes
+  React.useEffect(() => {
+    // Only regenerate if difficulty actually changed
+    if (prevDifficultyRef.current !== settings.difficulty && serviceRef.current) {
+      if (!isPlaying) {
+        // Game not playing - just regenerate grid
+        const grid = serviceRef.current.generateFidgetGrid(settings.difficulty);
+        setFidgetGrid(grid);
+      } else {
+        // Game is playing - restart with new difficulty duration
+        const newDuration = getDurationForDifficulty(settings.difficulty);
+
+        // Stop current timer
+        serviceRef.current.stopGameTimer();
+
+        // Start new timer with new duration
+        serviceRef.current.startGameTimer(newDuration, timeLeft => setTimeLeft(timeLeft), () => stopGame());
+
+        // Update store with new duration
+        setTimeLeft(newDuration);
+      }
+      prevDifficultyRef.current = settings.difficulty;
+    }
+  }, [settings.difficulty, isPlaying, setFidgetGrid, setTimeLeft, stopGame]);
+
+  // Watch for game completion events and play appropriate sounds
+  React.useEffect(() => {
+    if (gameOver && !isPlaying) {
+      if (gameWon) {
+        // All bubbles popped - game completed successfully
+        playSound(GAME_SOUNDS.BUBBLE_POPPER.COMPLETE, settings.soundEnabled);
+      } else {
+        // Time ran out - game over
+        playSound(GAME_SOUNDS.TIME_UP, settings.soundEnabled);
+      }
+    }
+  }, [gameOver, gameWon, isPlaying, settings.soundEnabled]);
+
+  // Timer effect - handles countdown when game is playing
+  useEffect(() => {
+    let timerInterval = null;
+    if (isPlaying && timeLeft > 0) {
+      timerInterval = setInterval(() => {
+        const newTime = timeLeft - 1;
+        if (newTime <= 0) {
+          // Time's up - stop the game
+          setTimeLeft(0);
+          stopGame();
+        } else {
+          setTimeLeft(newTime);
+        }
+      }, 1000);
+    }
+    return () => {
+      if (timerInterval) {
+        clearInterval(timerInterval);
+      }
+    };
+  }, [isPlaying, timeLeft, setTimeLeft, stopGame]);
+
+  // Start game
+  const startGameHandler = useCallback(() => {
+    if (!serviceRef.current) return;
+
+    // Always generate new fidget when starting a new game
+    generateNewFidget();
+
+    // Play game start sound
+    playSound(GAME_SOUNDS.BUBBLE_POPPER.START, settings.soundEnabled);
+
+    // Store uses fixed 60s duration internally
+    startGame();
+
+    // Haptic feedback
+    playHaptic(HapticType.MEDIUM, settings.hapticEnabled);
+  }, [startGame, settings.soundEnabled, settings.hapticEnabled, generateNewFidget]);
+
+  // Stop game - simply reset the game state without showing game over popup
+  const stopGameHandler = useCallback(() => {
+    if (!serviceRef.current) return;
+    serviceRef.current.stopGameTimer();
+    serviceRef.current.clearParticles();
+    resetGame();
+    generateNewFidget();
+  }, [resetGame, generateNewFidget]);
+
+  // Reset game
+  const resetGameHandler = useCallback(() => {
+    if (!serviceRef.current) return;
+    serviceRef.current.stopGameTimer();
+    serviceRef.current.clearParticles();
+    resetGame();
+    generateNewFidget();
+  }, [resetGame, generateNewFidget]);
+
+  // Handle bubble pop with stable callback reference
+  const handleBubblePop = useCallback((row, col) => {
+    if (!serviceRef.current || !fidgetGrid) return;
+    const bubble = fidgetGrid.bubbles[row]?.[col];
+    if (!bubble || bubble.isPopped) return;
+
+    // Play pop sound
+    playSound(GAME_SOUNDS.BUBBLE_POPPER.POP, settings.soundEnabled);
+
+    // Pop the bubble in store
+    popBubble(row, col);
+
+    // Haptic feedback
+    playHaptic(HapticType.LIGHT, settings.hapticEnabled);
+
+    // Completion percentage is already calculated efficiently in the store
+  }, [fidgetGrid, popBubble, settings.soundEnabled, settings.hapticEnabled]);
+
+  // Calculate bubble size based on grid - made bigger for Pop It appearance
+  const getBubbleSize = useCallback(() => {
+    if (!fidgetGrid) return 60;
+    const availableWidth = width * 0.85;
+    const availableHeight = height * 0.6;
+    const maxSize = Math.min(availableWidth / fidgetGrid.size, availableHeight / fidgetGrid.size);
+    // Increased minimum and maximum sizes for bigger, more prominent bubbles
+    return Math.max(45, Math.min(80, maxSize * 0.9));
+  }, [fidgetGrid]);
+  return /*#__PURE__*/_jsx(GestureHandlerRootView, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.gameContainer,
+      children: [/*#__PURE__*/_jsx(GameBackground, {
+        width: width,
+        height: height,
+        isPlaying: isPlaying
+      }), /*#__PURE__*/_jsx(ScoreBoard, {
+        score: score,
+        timeLeft: timeLeft
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.gameArea,
+        children: fidgetGrid && /*#__PURE__*/_jsx(FidgetGridComponent, {
+          grid: fidgetGrid,
+          bubbleSize: getBubbleSize(),
+          onBubblePop: handleBubblePop,
+          hapticEnabled: settings.hapticEnabled,
+          isPlaying: isPlaying
+        })
+      }), /*#__PURE__*/_jsx(GameControlButton, {
+        isPlaying: isPlaying,
+        gameOver: gameOver,
+        onStartGame: startGameHandler,
+        onStopGame: stopGameHandler,
+        startButtonText: "START POPPING",
+        stopButtonText: "STOP GAME",
+        startButtonSubtext: "Pop bubbles to relax!",
+        stopButtonSubtext: "End current game",
+        startButtonColor: "#9c27b0",
+        stopButtonColor: "#dc2626",
+        startButtonBorderColor: "#ce93d8",
+        stopButtonBorderColor: "#f87171"
+      }), /*#__PURE__*/_jsx(GameOverModal, {
+        visible: gameOver,
+        score: score,
+        onPlayAgain: resetGameHandler
+      }), /*#__PURE__*/_jsx(Modal, {
+        visible: showSettingsModal,
+        animationType: "slide",
+        presentationStyle: "pageSheet",
+        onRequestClose: onToggleSettingsModal,
+        children: /*#__PURE__*/_jsx(GameSettingsComponent, {
+          gameId: "popit-fidget",
+          onClose: onToggleSettingsModal || (() => {}),
+          settingsStore: settings
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  gameContainer: {
+    flex: 1,
+    backgroundColor: '#fef7ff' // Very light lavender to complement rainbow theme
+  },
+  gameArea: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 20
+  }
+});
+export { PopitFidget };
+//# sourceMappingURL=PopitFidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useCallback","View","StyleSheet","Dimensions","Modal","GestureHandlerRootView","usePopitFidgetStore","PopitFidgetService","createGameSettingsStore","playSound","GAME_SOUNDS","playHaptic","HapticType","getDurationForDifficulty","GameBackground","FidgetGrid","FidgetGridComponent","ScoreBoard","GameOverModal","GameControlButton","GameSettings","GameSettingsComponent","jsx","_jsx","jsxs","_jsxs","width","height","get","PopitFidget","showSettingsModal","onToggleSettingsModal","externalSettings","onSettingsChange","fidgetGrid","state","score","timeLeft","isPlaying","gameOver","gameWon","startGame","stopGame","resetGame","setFidgetGrid","popBubble","setTimeLeft","serviceRef","useSettings","current","settings","prevSettingsRef","grid","generateFidgetGrid","difficulty","cleanup","prev","hasChanged","soundEnabled","hapticEnabled","commonSettings","setDifficulty","setSoundEnabled","setHapticEnabled","unsubscribe","subscribe","generateNewFidget","prevDifficultyRef","newDuration","stopGameTimer","startGameTimer","BUBBLE_POPPER","COMPLETE","TIME_UP","timerInterval","setInterval","newTime","clearInterval","startGameHandler","START","MEDIUM","stopGameHandler","clearParticles","resetGameHandler","handleBubblePop","row","col","bubble","bubbles","isPopped","POP","LIGHT","getBubbleSize","availableWidth","availableHeight","maxSize","Math","min","size","max","style","styles","container","children","gameContainer","gameArea","bubbleSize","onBubblePop","onStartGame","onStopGame","startButtonText","stopButtonText","startButtonSubtext","stopButtonSubtext","startButtonColor","stopButtonColor","startButtonBorderColor","stopButtonBorderColor","visible","onPlayAgain","animationType","presentationStyle","onRequestClose","gameId","onClose","settingsStore","create","flex","backgroundColor","justifyContent","alignItems","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["games/popit-fidget/PopitFidget.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+// Popit Fidget Game Constants
+export const POPIT_FIDGET_GAME_CONFIG = {
+  GAME_DURATION: 120,
+  // seconds
+  POINTS_PER_BUBBLE: 10,
+  COMPLETION_BONUS: 500,
+  TIME_BONUS_MULTIPLIER: 5,
+  BUBBLE_SIZE: 40,
+  ANIMATION_DURATION: 300,
+  PARTICLE_COUNT: 4,
+  // Reduced for better performance
+  PARTICLE_LIFETIME: 800,
+  // Difficulty-based square grid sizes
+  GRID_SIZES: {
+    easy: 5,
+    // 5x5 = 25 bubbles
+    medium: 6,
+    // 6x6 = 36 bubbles
+    hard: 7 // 7x7 = 49 bubbles
+  }
+};
+export const POPIT_FIDGET_ANIMATION_CONFIG = {
+  POP_SCALE: 1.3,
+  POP_DURATION: 200,
+  FADE_DURATION: 300,
+  BOUNCE_SCALE: 0.9,
+  PARTICLE_VELOCITY: 3,
+  PARTICLE_GRAVITY: 0.2
+};
+export const POPIT_FIDGET_COLORS = {
+  BACKGROUND: '#f5f5f5',
+  // Light gray background
+  FIDGET_BORDER: '#333',
+  FIDGET_SHADOW: 'rgba(0,0,0,0.3)',
+  SCORE: '#4a90e2',
+  UI: '#6c5ce7',
+  POPPED_BUBBLE: '#d0d0d0',
+  PARTICLE_GLOW: 'rgba(255,255,255,0.9)',
+  // Pop It fidget toy colors - rainbow gradient
+  FIDGET_BASE: '#ffffff',
+  BUBBLE_SHADOW: 'rgba(0,0,0,0.2)',
+  BUBBLE_HIGHLIGHT: 'rgba(255,255,255,0.6)'
+};
+
+// Rainbow gradient colors for authentic Pop It fidget toy look - enhanced vibrancy
+export const RAINBOW_COLORS = ['#E91E63',
+// Vibrant pink/magenta (like image)
+'#F44336',
+// Bright red
+'#FF5722',
+// Deep orange
+'#FF9800',
+// Orange
+'#FFC107',
+// Amber/yellow
+'#8E24AA',
+// Deep purple
+'#CDDC39',
+// Lime
+'#8BC34A',
+// Light green
+'#4CAF50',
+// Green
+'#009688',
+// Teal
+'#00BCD4',
+// Cyan
+'#03A9F4',
+// Light blue
+'#2196F3',
+// Blue
+'#3F51B5',
+// Indigo
+'#9C27B0',
+// Purple
+'#E91E63' // Back to vibrant pink for seamless loop
+];
+
+// Legacy bubble colors for backward compatibility
+export const BUBBLE_COLORS = RAINBOW_COLORS;
+
+// Popit Fidget Game Theme
+export const POPIT_FIDGET_THEME = {
+  backgroundColor: '#f0f8ff',
+  // Alice blue
+  headerBackgroundColor: 'rgba(106, 92, 206, 0.8)',
+  // Purple with transparency
+  headerTextColor: '#ffffff',
+  sectionBackgroundColor: 'rgba(255, 255, 255, 0.3)',
+  sectionTitleColor: '#1f2937',
+  // Dark gray
+  buttonSelectedColor: '#6c5ce7',
+  // Purple
+  buttonUnselectedColor: 'rgba(255, 255, 255, 0.4)',
+  buttonSelectedTextColor: '#ffffff',
+  buttonUnselectedTextColor: '#1f2937',
+  switchTrackColorFalse: '#a29bfe',
+  switchTrackColorTrue: '#6c5ce7',
+  switchThumbColor: '#fd79a8',
+  // Pink
+  infoTextColor: '#374151',
+  // Gray
+  resetButtonColor: '#e84393',
+  // Pink
+  resetButtonTextColor: '#ffffff'
+};
+
+// Popit Fidget Difficulty Descriptions
+export const POPIT_FIDGET_DIFFICULTY_DESCRIPTIONS = {
+  easy: '60 seconds, smaller fidget grids, relaxing pace',
+  medium: '120 seconds, medium grids, satisfying pops',
+  hard: '180 seconds, large complex shapes, ultimate satisfaction!'
+};
+//# sourceMappingURL=PopitFidgetConstants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["POPIT_FIDGET_GAME_CONFIG","GAME_DURATION","POINTS_PER_BUBBLE","COMPLETION_BONUS","TIME_BONUS_MULTIPLIER","BUBBLE_SIZE","ANIMATION_DURATION","PARTICLE_COUNT","PARTICLE_LIFETIME","GRID_SIZES","easy","medium","hard","POPIT_FIDGET_ANIMATION_CONFIG","POP_SCALE","POP_DURATION","FADE_DURATION","BOUNCE_SCALE","PARTICLE_VELOCITY","PARTICLE_GRAVITY","POPIT_FIDGET_COLORS","BACKGROUND","FIDGET_BORDER","FIDGET_SHADOW","SCORE","UI","POPPED_BUBBLE","PARTICLE_GLOW","FIDGET_BASE","BUBBLE_SHADOW","BUBBLE_HIGHLIGHT","RAINBOW_COLORS","BUBBLE_COLORS","POPIT_FIDGET_THEME","backgroundColor","headerBackgroundColor","headerTextColor","sectionBackgroundColor","sectionTitleColor","buttonSelectedColor","buttonUnselectedColor","buttonSelectedTextColor","buttonUnselectedTextColor","switchTrackColorFalse","switchTrackColorTrue","switchThumbColor","infoTextColor","resetButtonColor","resetButtonTextColor","POPIT_FIDGET_DIFFICULTY_DESCRIPTIONS"],"sourceRoot":"../../../../src","sources":["games/popit-fidget/PopitFidgetConstants.ts"],"mappings":";;AAEA;AACA,OAAO,MAAMA,wBAAwB,GAAG;EACtCC,aAAa,EAAE,GAAG;EAAE;EACpBC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,qBAAqB,EAAE,CAAC;EACxBC,WAAW,EAAE,EAAE;EACfC,kBAAkB,EAAE,GAAG;EACvBC,cAAc,EAAE,CAAC;EAAE;EACnBC,iBAAiB,EAAE,GAAG;EACtB;EACAC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IAAK;IACZC,MAAM,EAAE,CAAC;IAAG;IACZC,IAAI,EAAE,CAAC,CAAK;EACd;AACF,CAAU;AAEV,OAAO,MAAMC,6BAA6B,GAAG;EAC3CC,SAAS,EAAE,GAAG;EACdC,YAAY,EAAE,GAAG;EACjBC,aAAa,EAAE,GAAG;EAClBC,YAAY,EAAE,GAAG;EACjBC,iBAAiB,EAAE,CAAC;EACpBC,gBAAgB,EAAE;AACpB,CAAU;AAEV,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,UAAU,EAAE,SAAS;EAAE;EACvBC,aAAa,EAAE,MAAM;EACrBC,aAAa,EAAE,iBAAiB;EAChCC,KAAK,EAAE,SAAS;EAChBC,EAAE,EAAE,SAAS;EACbC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,uBAAuB;EACtC;EACAC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,iBAAiB;EAChCC,gBAAgB,EAAE;AACpB,CAAU;;AAEV;AACA,OAAO,MAAMC,cAAc,GAAG,CAC5B,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS,CAAE;AAAA,CACH;;AAEV;AACA,OAAO,MAAMC,aAAa,GAAGD,cAAc;;AAE3C;AACA,OAAO,MAAME,kBAAqC,GAAG;EACnDC,eAAe,EAAE,SAAS;EAAE;EAC5BC,qBAAqB,EAAE,yBAAyB;EAAE;EAClDC,eAAe,EAAE,SAAS;EAC1BC,sBAAsB,EAAE,0BAA0B;EAClDC,iBAAiB,EAAE,SAAS;EAAE;EAC9BC,mBAAmB,EAAE,SAAS;EAAE;EAChCC,qBAAqB,EAAE,0BAA0B;EACjDC,uBAAuB,EAAE,SAAS;EAClCC,yBAAyB,EAAE,SAAS;EACpCC,qBAAqB,EAAE,SAAS;EAChCC,oBAAoB,EAAE,SAAS;EAC/BC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,aAAa,EAAE,SAAS;EAAE;EAC1BC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,oBAAoB,EAAE;AACxB,CAAC;;AAED;AACA,OAAO,MAAMC,oCAAoC,GAAG;EAClDvC,IAAI,EAAE,iDAAiD;EACvDC,MAAM,EAAE,4CAA4C;EACpDC,IAAI,EAAE;AACR,CAAU","ignoreList":[]}

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

@@ -0,0 +1,191 @@
+"use strict";
+
+import { Dimensions } from 'react-native';
+import { POPIT_FIDGET_GAME_CONFIG as GAME_CONFIG, POPIT_FIDGET_ANIMATION_CONFIG as ANIMATION_CONFIG, POPIT_FIDGET_COLORS as COLORS, RAINBOW_COLORS, BUBBLE_COLORS } from "./PopitFidgetConstants.js";
+const {
+  width,
+  height
+} = Dimensions.get('window');
+
+// Constants now imported from PopitFidgetConstants.ts
+// Re-export for backward compatibility
+export { GAME_CONFIG, ANIMATION_CONFIG, COLORS, BUBBLE_COLORS };
+
+// Types - Simplified to always use square grids
+
+export class PopitFidgetService {
+  gameTimerRef = null;
+  animationRef = null;
+  particles = [];
+  constructor() {}
+
+  // Generate square fidget grid based on difficulty
+  generateFidgetGrid(difficulty) {
+    const availableWidth = width * 0.85; // Match PopitFidget component calculation
+    const availableHeight = height * 0.6; // Match PopitFidget component calculation
+
+    // Get grid size from difficulty-based configuration
+    const gridSize = GAME_CONFIG.GRID_SIZES[difficulty];
+
+    // Use same bubble size calculation as PopitFidget component
+    const maxSize = Math.min(availableWidth / gridSize, availableHeight / gridSize);
+    const bubbleSize = Math.max(45, Math.min(80, maxSize * 0.9));
+
+    // Calculate grid dimensions with proper spacing
+    const spacing = bubbleSize * 1.1;
+    const gridWidth = (gridSize - 1) * spacing + bubbleSize;
+    const gridHeight = (gridSize - 1) * spacing + bubbleSize;
+    const bubbles = [];
+
+    // Generate square grid - all bubbles are included (no shape filtering)
+    for (let row = 0; row < gridSize; row++) {
+      bubbles[row] = [];
+      for (let col = 0; col < gridSize; col++) {
+        // Position bubbles with proper spacing to prevent overlap
+        const x = col * spacing + bubbleSize / 2;
+        const y = row * spacing + bubbleSize / 2;
+        bubbles[row][col] = {
+          id: `${row}-${col}`,
+          row,
+          col,
+          x,
+          y,
+          isPopped: false,
+          color: this.getRainbowColorForPosition(row, gridSize),
+          animationProgress: 0
+        };
+      }
+    }
+    return {
+      size: gridSize,
+      bubbles,
+      centerX: gridWidth / 2,
+      centerY: gridHeight / 2,
+      width: gridWidth,
+      height: gridHeight
+    };
+  }
+
+  // Get rainbow gradient color based on row position for authentic Pop It look
+  getRainbowColorForPosition(row, totalRows) {
+    // Create rainbow gradient effect like real Pop It fidget toys
+    const colorIndex = Math.floor(row / totalRows * RAINBOW_COLORS.length);
+    return RAINBOW_COLORS[colorIndex] || RAINBOW_COLORS[0];
+  }
+
+  // Pop bubble and create particle effect
+  popBubble(bubble, onParticleCreated) {
+    if (bubble.isPopped) return;
+
+    // Create pop particles (reduced count for better performance)
+    const particles = [];
+    const particleCount = 4;
+    for (let i = 0; i < particleCount; i++) {
+      const angle = i / particleCount * Math.PI * 2;
+      const velocity = 2 + Math.random() * 3;
+      particles.push({
+        id: `${bubble.id}-particle-${i}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        position: {
+          x: bubble.x,
+          y: bubble.y
+        },
+        velocity: {
+          x: Math.cos(angle) * velocity,
+          y: Math.sin(angle) * velocity
+        },
+        color: bubble.color,
+        size: 4 + Math.random() * 6,
+        lifetime: 0,
+        maxLifetime: 500 + Math.random() * 300
+      });
+    }
+    onParticleCreated(particles);
+  }
+
+  // Check if all bubbles are popped
+  checkAllBubblesPopped(grid) {
+    for (let row = 0; row < grid.size; row++) {
+      for (let col = 0; col < grid.size; col++) {
+        const bubble = grid.bubbles[row]?.[col];
+        if (bubble && !bubble.isPopped) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+
+  // Calculate completion percentage
+  calculateCompletionPercentage(grid) {
+    let totalBubbles = 0;
+    let poppedBubbles = 0;
+    for (let row = 0; row < grid.size; row++) {
+      for (let col = 0; col < grid.size; col++) {
+        const bubble = grid.bubbles[row]?.[col];
+        if (bubble) {
+          totalBubbles++;
+          if (bubble.isPopped) {
+            poppedBubbles++;
+          }
+        }
+      }
+    }
+    return totalBubbles > 0 ? poppedBubbles / totalBubbles * 100 : 0;
+  }
+
+  // Start game timer
+  startGameTimer(duration, onTick, onComplete) {
+    this.stopGameTimer();
+    let timeLeft = duration;
+    this.gameTimerRef = setInterval(() => {
+      timeLeft -= 1;
+      onTick(timeLeft);
+      if (timeLeft <= 0) {
+        this.stopGameTimer();
+        onComplete();
+      }
+    }, 1000);
+  }
+
+  // Stop game timer
+  stopGameTimer() {
+    if (this.gameTimerRef) {
+      clearInterval(this.gameTimerRef);
+      this.gameTimerRef = null;
+    }
+  }
+
+  // Update particles animation
+  updateParticles(deltaTime) {
+    this.particles = this.particles.filter(particle => {
+      particle.lifetime += deltaTime;
+      particle.position.x += particle.velocity.x;
+      particle.position.y += particle.velocity.y;
+      particle.velocity.y += 0.2; // Gravity effect
+
+      return particle.lifetime < particle.maxLifetime;
+    });
+    return this.particles;
+  }
+
+  // Add particles
+  addParticles(newParticles) {
+    this.particles.push(...newParticles);
+  }
+
+  // Clear particles
+  clearParticles() {
+    this.particles = [];
+  }
+
+  // Cleanup
+  cleanup() {
+    this.stopGameTimer();
+    this.clearParticles();
+    if (this.animationRef) {
+      cancelAnimationFrame(this.animationRef);
+      this.animationRef = null;
+    }
+  }
+}
+//# sourceMappingURL=PopitFidgetService.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","POPIT_FIDGET_GAME_CONFIG","GAME_CONFIG","POPIT_FIDGET_ANIMATION_CONFIG","ANIMATION_CONFIG","POPIT_FIDGET_COLORS","COLORS","RAINBOW_COLORS","BUBBLE_COLORS","width","height","get","PopitFidgetService","gameTimerRef","animationRef","particles","constructor","generateFidgetGrid","difficulty","availableWidth","availableHeight","gridSize","GRID_SIZES","maxSize","Math","min","bubbleSize","max","spacing","gridWidth","gridHeight","bubbles","row","col","x","y","id","isPopped","color","getRainbowColorForPosition","animationProgress","size","centerX","centerY","totalRows","colorIndex","floor","length","popBubble","bubble","onParticleCreated","particleCount","i","angle","PI","velocity","random","push","Date","now","toString","substr","position","cos","sin","lifetime","maxLifetime","checkAllBubblesPopped","grid","calculateCompletionPercentage","totalBubbles","poppedBubbles","startGameTimer","duration","onTick","onComplete","stopGameTimer","timeLeft","setInterval","clearInterval","updateParticles","deltaTime","filter","particle","addParticles","newParticles","clearParticles","cleanup","cancelAnimationFrame"],"sourceRoot":"../../../../src","sources":["games/popit-fidget/PopitFidgetService.ts"],"mappings":"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","ignoreList":[]}