react-native-games 0.7.0 → 0.8.0

package/lib/module/games/game-2048/Game2048Store.js

@@ -0,0 +1,238 @@
+"use strict";
+
+import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { Game2048Service } from "./Game2048Service.js";
+import { GAME_CONFIG, GAME_2048_SOUNDS, GAME_2048_SETTINGS } from "./Game2048Constants.js";
+import { immerMiddleware } from "../../services/GamesService.js";
+import { playSound } from "../../services/SoundsService.js";
+import { playHaptic, HapticType } from "../../services/HapticsService.js";
+// Ultra-minimal store with memory-safe implementation
+export const useGame2048Store = create()(subscribeWithSelector(immerMiddleware((set, get) => {
+  const gameService = new Game2048Service();
+  return {
+    // Initial state - minimal for memory efficiency
+    score: 0,
+    isPlaying: false,
+    isGameOver: false,
+    isWon: false,
+    isAnimating: false,
+    grid: gameService.createGrid(),
+    nextTileId: 1,
+    difficulty: 'easy',
+    targetValue: 2048,
+    gridSize: 4,
+    enableSounds: true,
+    enableHaptics: true,
+    // Actions
+    startGame: () => {
+      set(state => {
+        state.isPlaying = true;
+      });
+    },
+    stopGame: () => {
+      set(state => {
+        state.isPlaying = false;
+      });
+    },
+    resetGame: () => {
+      const state = get();
+      state.initializeGame(state.difficulty);
+    },
+    initializeGame: (difficulty = 'easy') => {
+      set(state => {
+        // Get difficulty settings
+        const difficultySettings = GAME_2048_SETTINGS.DIFFICULTY_SETTINGS[difficulty];
+
+        // Clear existing grid to prevent memory leaks
+        state.grid = gameService.createGrid();
+
+        // Add initial tiles with animations
+        let tileId = 1;
+        const tile1 = gameService.addRandomTile(state.grid, tileId++);
+        const tile2 = gameService.addRandomTile(state.grid, tileId++);
+
+        // Reset state with difficulty settings
+        state.score = 0;
+        state.isPlaying = false;
+        state.isGameOver = false;
+        state.isWon = false;
+        state.isAnimating = false;
+        state.nextTileId = tileId;
+        state.difficulty = difficulty;
+        state.targetValue = difficultySettings.targetTile;
+        state.gridSize = difficultySettings.gridSize;
+
+        // Animate initial tiles
+        [tile1, tile2].forEach(tile => {
+          if (tile?.scaleValue) {
+            setTimeout(() => {
+              tile.scaleValue?.setValue(0);
+              // Use React Native's Animated API
+              const {
+                Animated
+              } = require('react-native');
+              Animated.spring(tile.scaleValue, {
+                toValue: 1,
+                useNativeDriver: true,
+                tension: GAME_CONFIG.ANIMATION_CONFIG.TENSION,
+                friction: GAME_CONFIG.ANIMATION_CONFIG.FRICTION
+              }).start();
+            }, 100);
+          }
+        });
+      });
+    },
+    updateGrid: newGrid => {
+      set(state => {
+        state.grid = newGrid;
+      });
+    },
+    updateScore: newScore => {
+      set(state => {
+        state.score = newScore;
+      });
+    },
+    setIsAnimating: animating => {
+      set(state => {
+        state.isAnimating = animating;
+      });
+    },
+    setGameOver: gameOver => {
+      set(state => {
+        state.isGameOver = gameOver;
+        if (gameOver) {
+          state.isPlaying = false;
+        }
+      });
+    },
+    setWon: won => {
+      set(state => {
+        state.isWon = won;
+      });
+    },
+    incrementTileId: () => {
+      const state = get();
+      const newId = state.nextTileId;
+      set(draft => {
+        draft.nextTileId = newId + 1;
+      });
+      return newId;
+    },
+    handleMove: direction => {
+      const state = get();
+
+      // Early returns for better performance
+      if (state.isGameOver || state.isWon || state.isAnimating) {
+        return false;
+      }
+
+      // Batch state updates for better performance
+      set(draft => {
+        // Auto-start the game if not playing
+        if (!draft.isPlaying) {
+          draft.isPlaying = true;
+        }
+        draft.isAnimating = true;
+      });
+
+      // Create a shallow copy for better memory performance
+      const gridCopy = state.grid.map(row => row.slice());
+      const {
+        moved,
+        score: moveScore
+      } = gameService.moveTiles(gridCopy, direction);
+      if (moved) {
+        // Batch all state updates together
+        const newTileId = state.nextTileId;
+        const newTile = gameService.addRandomTile(gridCopy, newTileId);
+        const multiplier = GAME_2048_SETTINGS.SCORE_MULTIPLIER[state.difficulty];
+        const newScore = state.score + moveScore * multiplier;
+
+        // Check game state before updating
+        const hasWon = gameService.hasWon(gridCopy, state.targetValue);
+        const isGameOver = gameService.checkGameOver(gridCopy);
+
+        // Single state update for all changes
+        set(draft => {
+          draft.grid = gridCopy;
+          draft.score = newScore;
+          draft.nextTileId = newTileId + 1;
+          if (hasWon) draft.isWon = true;
+          if (isGameOver) draft.isGameOver = true;
+        });
+
+        // Async sound/haptic feedback (non-blocking)
+        Promise.resolve().then(() => {
+          playSound(GAME_2048_SOUNDS.TILE_MOVE, state.enableSounds);
+          playHaptic(HapticType.LIGHT, state.enableHaptics);
+          if (moveScore > 0) {
+            playSound(GAME_2048_SOUNDS.TILE_MERGE, state.enableSounds);
+            playHaptic(HapticType.MEDIUM, state.enableHaptics);
+          }
+          if (newTile) {
+            playSound(GAME_2048_SOUNDS.NEW_TILE, state.enableSounds);
+          }
+          if (hasWon) {
+            playSound(GAME_2048_SOUNDS.GAME_WIN, state.enableSounds);
+            playHaptic(HapticType.SUCCESS, state.enableHaptics);
+          } else if (isGameOver) {
+            playSound(GAME_2048_SOUNDS.GAME_OVER, state.enableSounds);
+            playHaptic(HapticType.ERROR, state.enableHaptics);
+          }
+        });
+
+        // Optimized animation handling
+        if (newTile?.scaleValue) {
+          const {
+            Animated
+          } = require('react-native');
+          newTile.scaleValue.setValue(0);
+          Animated.spring(newTile.scaleValue, {
+            toValue: 1,
+            useNativeDriver: true,
+            tension: GAME_CONFIG.ANIMATION_CONFIG.TENSION,
+            friction: GAME_CONFIG.ANIMATION_CONFIG.FRICTION
+          }).start(() => {
+            set(draft => {
+              draft.isAnimating = false;
+            });
+          });
+        } else {
+          set(draft => {
+            draft.isAnimating = false;
+          });
+        }
+        return true;
+      } else {
+        // Async invalid move feedback
+        Promise.resolve().then(() => {
+          playSound(GAME_2048_SOUNDS.INVALID_MOVE, state.enableSounds);
+          playHaptic(HapticType.WARNING, state.enableHaptics);
+        });
+        set(draft => {
+          draft.isAnimating = false;
+        });
+        return false;
+      }
+    },
+    updateSettings: (enableSounds, enableHaptics) => {
+      set(state => {
+        state.enableSounds = enableSounds;
+        state.enableHaptics = enableHaptics;
+      });
+    }
+  };
+})));
+
+// Selector hooks for performance optimization
+export const useScore = () => useGame2048Store(state => state.score);
+export const useGrid = () => useGame2048Store(state => state.grid);
+export const useIsPlaying = () => useGame2048Store(state => state.isPlaying);
+export const useIsGameOver = () => useGame2048Store(state => state.isGameOver);
+export const useIsWon = () => useGame2048Store(state => state.isWon);
+export const useIsAnimating = () => useGame2048Store(state => state.isAnimating);
+export const useDifficulty = () => useGame2048Store(state => state.difficulty);
+export const useTargetValue = () => useGame2048Store(state => state.targetValue);
+export const useGridSize = () => useGame2048Store(state => state.gridSize);
+//# sourceMappingURL=Game2048Store.js.map

package/lib/module/games/game-2048/Game2048Store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["create","subscribeWithSelector","Game2048Service","GAME_CONFIG","GAME_2048_SOUNDS","GAME_2048_SETTINGS","immerMiddleware","playSound","playHaptic","HapticType","useGame2048Store","set","get","gameService","score","isPlaying","isGameOver","isWon","isAnimating","grid","createGrid","nextTileId","difficulty","targetValue","gridSize","enableSounds","enableHaptics","startGame","state","stopGame","resetGame","initializeGame","difficultySettings","DIFFICULTY_SETTINGS","tileId","tile1","addRandomTile","tile2","targetTile","forEach","tile","scaleValue","setTimeout","setValue","Animated","require","spring","toValue","useNativeDriver","tension","ANIMATION_CONFIG","TENSION","friction","FRICTION","start","updateGrid","newGrid","updateScore","newScore","setIsAnimating","animating","setGameOver","gameOver","setWon","won","incrementTileId","newId","draft","handleMove","direction","gridCopy","map","row","slice","moved","moveScore","moveTiles","newTileId","newTile","multiplier","SCORE_MULTIPLIER","hasWon","checkGameOver","Promise","resolve","then","TILE_MOVE","LIGHT","TILE_MERGE","MEDIUM","NEW_TILE","GAME_WIN","SUCCESS","GAME_OVER","ERROR","INVALID_MOVE","WARNING","updateSettings","useScore","useGrid","useIsPlaying","useIsGameOver","useIsWon","useIsAnimating","useDifficulty","useTargetValue","useGridSize"],"sourceRoot":"../../../../src","sources":["games/game-2048/Game2048Store.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/games/game-2048/components/GameBackground.js

@@ -0,0 +1,247 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Dimensions } from 'react-native';
+import { Canvas, LinearGradient, Rect, vec, Circle, RoundedRect } from '@shopify/react-native-skia';
+import { BACKGROUND_TILE_COLORS } from "../Game2048Constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width,
+  height
+} = Dimensions.get('window');
+export const GameBackground = /*#__PURE__*/React.memo(({
+  children
+}) => {
+  // Generate beautiful floating 2048 tiles
+  const generateFloatingTiles = React.useMemo(() => {
+    const elements = [];
+    const tileCount = 30;
+    for (let i = 0; i < tileCount; i++) {
+      const baseX = width / tileCount * i;
+      const baseY = height / tileCount * i;
+
+      // Add subtle random offset for natural look
+      const x = baseX + Math.sin(i * 0.5) * 60 + Math.random() * 120;
+      const y = baseY + Math.cos(i * 0.7) * 80 + Math.random() * 140;
+      const tileSize = 15 + Math.random() * 25;
+      const colorIndex = i % BACKGROUND_TILE_COLORS.length;
+      const opacity = 0.25 + Math.sin(i) * 0.15;
+
+      // 2048 tile with varied shapes to suggest numbers
+      const tileX = Math.max(tileSize / 2, Math.min(width - tileSize, x));
+      const tileY = Math.max(tileSize / 2, Math.min(height - tileSize, y));
+
+      // Create different tile patterns inspired by 2048 numbers
+      if (i % 5 === 0) {
+        // Square tiles (like 2, 4, 8)
+        elements.push(/*#__PURE__*/_jsx(RoundedRect, {
+          x: tileX,
+          y: tileY,
+          width: tileSize,
+          height: tileSize,
+          r: tileSize * 0.25,
+          color: `${BACKGROUND_TILE_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
+        }, `square-tile-${i}`));
+      } else if (i % 5 === 1) {
+        // Rectangular tiles (like 16, 32)
+        elements.push(/*#__PURE__*/_jsx(RoundedRect, {
+          x: tileX,
+          y: tileY,
+          width: tileSize * 0.7,
+          height: tileSize,
+          r: tileSize * 0.2,
+          color: `${BACKGROUND_TILE_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
+        }, `rect-tile-${i}`));
+      } else if (i % 5 === 2) {
+        // Wide tiles (like 64, 128)
+        elements.push(/*#__PURE__*/_jsx(RoundedRect, {
+          x: tileX,
+          y: tileY,
+          width: tileSize * 1.3,
+          height: tileSize * 0.8,
+          r: tileSize * 0.15,
+          color: `${BACKGROUND_TILE_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
+        }, `wide-tile-${i}`));
+      } else if (i % 5 === 3) {
+        // Circular tiles (like 256, 512)
+        elements.push(/*#__PURE__*/_jsx(Circle, {
+          cx: tileX + tileSize / 2,
+          cy: tileY + tileSize / 2,
+          r: tileSize / 2,
+          color: `${BACKGROUND_TILE_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
+        }, `circle-tile-${i}`));
+      } else {
+        // Diamond-like tiles (like 1024, 2048)
+        elements.push(/*#__PURE__*/_jsx(RoundedRect, {
+          x: tileX,
+          y: tileY,
+          width: tileSize * 0.9,
+          height: tileSize * 0.9,
+          r: tileSize * 0.3,
+          color: `${BACKGROUND_TILE_COLORS[colorIndex]}${Math.floor(opacity * 255).toString(16).padStart(2, '0')}`
+        }, `diamond-tile-${i}`));
+      }
+    }
+    return elements;
+  }, []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(Canvas, {
+      style: styles.backgroundCanvas,
+      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: [`${BACKGROUND_TILE_COLORS[0]}35`,
+          // Vibrant pink
+          `${BACKGROUND_TILE_COLORS[3]}30`,
+          // Orange
+          `${BACKGROUND_TILE_COLORS[6]}35`,
+          // Green
+          `${BACKGROUND_TILE_COLORS[9]}30`,
+          // Blue
+          `${BACKGROUND_TILE_COLORS[11]}35` // 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: [`${BACKGROUND_TILE_COLORS[1]}25`,
+          // Bright red
+          'transparent', `${BACKGROUND_TILE_COLORS[4]}25`,
+          // Yellow
+          'transparent', `${BACKGROUND_TILE_COLORS[7]}25`,
+          // Teal
+          '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: [`${BACKGROUND_TILE_COLORS[2]}20`,
+          // Deep orange
+          'transparent', `${BACKGROUND_TILE_COLORS[5]}20`,
+          // Lime
+          'transparent', `${BACKGROUND_TILE_COLORS[8]}20`,
+          // Cyan
+          'transparent']
+        })
+      }), generateFloatingTiles, /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.08,
+        y: height * 0.12,
+        width: 55,
+        height: 55,
+        r: 12,
+        color: `${BACKGROUND_TILE_COLORS[10]}60` // Indigo
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.82,
+        y: height * 0.78,
+        width: 50,
+        height: 50,
+        r: 10,
+        color: `${BACKGROUND_TILE_COLORS[9]}60` // Blue
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.78,
+        y: height * 0.15,
+        width: 45,
+        height: 45,
+        r: 9,
+        color: `${BACKGROUND_TILE_COLORS[8]}60` // Cyan
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.12,
+        y: height * 0.72,
+        width: 60,
+        height: 60,
+        r: 14,
+        color: `${BACKGROUND_TILE_COLORS[7]}60` // Teal
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.45,
+        y: height * 0.08,
+        width: 40,
+        height: 40,
+        r: 8,
+        color: `${BACKGROUND_TILE_COLORS[6]}60` // Green
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.15,
+        y: height * 0.45,
+        width: 48,
+        height: 48,
+        r: 10,
+        color: `${BACKGROUND_TILE_COLORS[5]}60` // Lime
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.72,
+        y: height * 0.55,
+        width: 42,
+        height: 42,
+        r: 8,
+        color: `${BACKGROUND_TILE_COLORS[4]}60` // Yellow
+      }), /*#__PURE__*/_jsx(RoundedRect, {
+        x: width * 0.55,
+        y: height * 0.85,
+        width: 38,
+        height: 38,
+        r: 7,
+        color: `${BACKGROUND_TILE_COLORS[3]}60` // Orange
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: width * 0.25,
+        cy: height * 0.28,
+        r: 22,
+        color: `${BACKGROUND_TILE_COLORS[2]}50` // Deep orange
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: width * 0.62,
+        cy: height * 0.32,
+        r: 26,
+        color: `${BACKGROUND_TILE_COLORS[1]}50` // Red
+      }), /*#__PURE__*/_jsx(Circle, {
+        cx: width * 0.38,
+        cy: height * 0.68,
+        r: 20,
+        color: `${BACKGROUND_TILE_COLORS[0]}50` // Pink
+      }), Array.from({
+        length: Math.floor(width / 80)
+      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
+        x: i * 80,
+        y: 0,
+        width: 1,
+        height: height,
+        color: "rgba(255, 255, 255, 0.08)"
+      }, `grid-v-${i}`)), Array.from({
+        length: Math.floor(height / 80)
+      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
+        x: 0,
+        y: i * 80,
+        width: width,
+        height: 1,
+        color: "rgba(255, 255, 255, 0.08)"
+      }, `grid-h-${i}`))]
+    }), children]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  backgroundCanvas: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width,
+    height
+  }
+});
+//# sourceMappingURL=GameBackground.js.map

package/lib/module/games/game-2048/components/GameBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Dimensions","Canvas","LinearGradient","Rect","vec","Circle","RoundedRect","BACKGROUND_TILE_COLORS","jsx","_jsx","jsxs","_jsxs","width","height","get","GameBackground","memo","children","generateFloatingTiles","useMemo","elements","tileCount","i","baseX","baseY","x","Math","sin","random","y","cos","tileSize","colorIndex","length","opacity","tileX","max","min","tileY","push","r","color","floor","toString","padStart","cx","cy","style","styles","container","backgroundCanvas","start","end","colors","Array","from","_","create","flex","position","top","left","right","bottom"],"sourceRoot":"../../../../../src","sources":["games/game-2048/components/GameBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SACEC,MAAM,EACNC,cAAc,EACdC,IAAI,EACJC,GAAG,EACHC,MAAM,EACNC,WAAW,QACN,4BAA4B;AACnC,SAASC,sBAAsB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGb,UAAU,CAACc,GAAG,CAAC,QAAQ,CAAC;AAMlD,OAAO,MAAMC,cAA6C,gBAAGlB,KAAK,CAACmB,IAAI,CAAC,CAAC;EAAEC;AAAS,CAAC,KAAK;EACxF;EACA,MAAMC,qBAAqB,GAAGrB,KAAK,CAACsB,OAAO,CAAC,MAAM;IAChD,MAAMC,QAAQ,GAAG,EAAE;IACnB,MAAMC,SAAS,GAAG,EAAE;IAEpB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,SAAS,EAAEC,CAAC,EAAE,EAAE;MAClC,MAAMC,KAAK,GAAIX,KAAK,GAAGS,SAAS,GAAIC,CAAC;MACrC,MAAME,KAAK,GAAIX,MAAM,GAAGQ,SAAS,GAAIC,CAAC;;MAEtC;MACA,MAAMG,CAAC,GAAGF,KAAK,GAAIG,IAAI,CAACC,GAAG,CAACL,CAAC,GAAG,GAAG,CAAC,GAAG,EAAG,GAAGI,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG;MAChE,MAAMC,CAAC,GAAGL,KAAK,GAAIE,IAAI,CAACI,GAAG,CAACR,CAAC,GAAG,GAAG,CAAC,GAAG,EAAG,GAAGI,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,GAAG;MAEhE,MAAMG,QAAQ,GAAG,EAAE,GAAGL,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,EAAE;MACxC,MAAMI,UAAU,GAAGV,CAAC,GAAGf,sBAAsB,CAAC0B,MAAM;MACpD,MAAMC,OAAO,GAAG,IAAI,GAAIR,IAAI,CAACC,GAAG,CAACL,CAAC,CAAC,GAAG,IAAK;;MAE3C;MACA,MAAMa,KAAK,GAAGT,IAAI,CAACU,GAAG,CAACL,QAAQ,GAAC,CAAC,EAAEL,IAAI,CAACW,GAAG,CAACzB,KAAK,GAAGmB,QAAQ,EAAEN,CAAC,CAAC,CAAC;MACjE,MAAMa,KAAK,GAAGZ,IAAI,CAACU,GAAG,CAACL,QAAQ,GAAC,CAAC,EAAEL,IAAI,CAACW,GAAG,CAACxB,MAAM,GAAGkB,QAAQ,EAAEF,CAAC,CAAC,CAAC;;MAElE;MACA,IAAIP,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACf;QACAF,QAAQ,CAACmB,IAAI,cACX9B,IAAA,CAACH,WAAW;UAEVmB,CAAC,EAAEU,KAAM;UACTN,CAAC,EAAES,KAAM;UACT1B,KAAK,EAAEmB,QAAS;UAChBlB,MAAM,EAAEkB,QAAS;UACjBS,CAAC,EAAET,QAAQ,GAAG,IAAK;UACnBU,KAAK,EAAE,GAAGlC,sBAAsB,CAACyB,UAAU,CAAC,GAAGN,IAAI,CAACgB,KAAK,CAACR,OAAO,GAAG,GAAG,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAAG,GANpG,eAAetB,CAAC,EAOtB,CACH,CAAC;MACH,CAAC,MAAM,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACtB;QACAF,QAAQ,CAACmB,IAAI,cACX9B,IAAA,CAACH,WAAW;UAEVmB,CAAC,EAAEU,KAAM;UACTN,CAAC,EAAES,KAAM;UACT1B,KAAK,EAAEmB,QAAQ,GAAG,GAAI;UACtBlB,MAAM,EAAEkB,QAAS;UACjBS,CAAC,EAAET,QAAQ,GAAG,GAAI;UAClBU,KAAK,EAAE,GAAGlC,sBAAsB,CAACyB,UAAU,CAAC,GAAGN,IAAI,CAACgB,KAAK,CAACR,OAAO,GAAG,GAAG,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAAG,GANpG,aAAatB,CAAC,EAOpB,CACH,CAAC;MACH,CAAC,MAAM,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACtB;QACAF,QAAQ,CAACmB,IAAI,cACX9B,IAAA,CAACH,WAAW;UAEVmB,CAAC,EAAEU,KAAM;UACTN,CAAC,EAAES,KAAM;UACT1B,KAAK,EAAEmB,QAAQ,GAAG,GAAI;UACtBlB,MAAM,EAAEkB,QAAQ,GAAG,GAAI;UACvBS,CAAC,EAAET,QAAQ,GAAG,IAAK;UACnBU,KAAK,EAAE,GAAGlC,sBAAsB,CAACyB,UAAU,CAAC,GAAGN,IAAI,CAACgB,KAAK,CAACR,OAAO,GAAG,GAAG,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAAG,GANpG,aAAatB,CAAC,EAOpB,CACH,CAAC;MACH,CAAC,MAAM,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACtB;QACAF,QAAQ,CAACmB,IAAI,cACX9B,IAAA,CAACJ,MAAM;UAELwC,EAAE,EAAEV,KAAK,GAAGJ,QAAQ,GAAC,CAAE;UACvBe,EAAE,EAAER,KAAK,GAAGP,QAAQ,GAAC,CAAE;UACvBS,CAAC,EAAET,QAAQ,GAAC,CAAE;UACdU,KAAK,EAAE,GAAGlC,sBAAsB,CAACyB,UAAU,CAAC,GAAGN,IAAI,CAACgB,KAAK,CAACR,OAAO,GAAG,GAAG,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAAG,GAJpG,eAAetB,CAAC,EAKtB,CACH,CAAC;MACH,CAAC,MAAM;QACL;QACAF,QAAQ,CAACmB,IAAI,cACX9B,IAAA,CAACH,WAAW;UAEVmB,CAAC,EAAEU,KAAM;UACTN,CAAC,EAAES,KAAM;UACT1B,KAAK,EAAEmB,QAAQ,GAAG,GAAI;UACtBlB,MAAM,EAAEkB,QAAQ,GAAG,GAAI;UACvBS,CAAC,EAAET,QAAQ,GAAG,GAAI;UAClBU,KAAK,EAAE,GAAGlC,sBAAsB,CAACyB,UAAU,CAAC,GAAGN,IAAI,CAACgB,KAAK,CAACR,OAAO,GAAG,GAAG,CAAC,CAACS,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;QAAG,GANpG,gBAAgBtB,CAAC,EAOvB,CACH,CAAC;MACH;IACF;IAEA,OAAOF,QAAQ;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACET,KAAA,CAACb,IAAI;IAACiD,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAhC,QAAA,gBAE5BN,KAAA,CAACV,MAAM;MAAC8C,KAAK,EAAEC,MAAM,CAACE,gBAAiB;MAAAjC,QAAA,gBAErCR,IAAA,CAACN,IAAI;QAACsB,CAAC,EAAE,CAAE;QAACI,CAAC,EAAE,CAAE;QAACjB,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA,MAAO;QAAAI,QAAA,eAC7CR,IAAA,CAACP,cAAc;UACbiD,KAAK,EAAE/C,GAAG,CAAC,CAAC,EAAE,CAAC,CAAE;UACjBgD,GAAG,EAAEhD,GAAG,CAACQ,KAAK,EAAEC,MAAM,CAAE;UACxBwC,MAAM,EAAE,CACN,GAAG9C,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,GAAGA,sBAAsB,CAAC,EAAE,CAAC,IAAI,CAAE;UAAA;QACnC,CACH;MAAC,CACE,CAAC,eAGPE,IAAA,CAACN,IAAI;QAACsB,CAAC,EAAE,CAAE;QAACI,CAAC,EAAE,CAAE;QAACjB,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA,MAAO;QAAAI,QAAA,eAC7CR,IAAA,CAACP,cAAc;UACbiD,KAAK,EAAE/C,GAAG,CAAC,CAAC,EAAE,CAAC,CAAE;UACjBgD,GAAG,EAAEhD,GAAG,CAACQ,KAAK,GAAG,CAAC,EAAEC,MAAM,GAAG,CAAC,CAAE;UAChCwC,MAAM,EAAE,CACN,GAAG9C,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa,EACb,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa,EACb,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa;QACb,CACH;MAAC,CACE,CAAC,eAGPE,IAAA,CAACN,IAAI;QAACsB,CAAC,EAAE,CAAE;QAACI,CAAC,EAAE,CAAE;QAACjB,KAAK,EAAEA,KAAM;QAACC,MAAM,EAAEA,MAAO;QAAAI,QAAA,eAC7CR,IAAA,CAACP,cAAc;UACbiD,KAAK,EAAE/C,GAAG,CAACQ,KAAK,EAAE,CAAC,CAAE;UACrBwC,GAAG,EAAEhD,GAAG,CAAC,CAAC,EAAES,MAAM,CAAE;UACpBwC,MAAM,EAAE,CACN,GAAG9C,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa,EACb,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa,EACb,GAAGA,sBAAsB,CAAC,CAAC,CAAC,IAAI;UAAE;UAClC,aAAa;QACb,CACH;MAAC,CACE,CAAC,EAGNW,qBAAqB,eAItBT,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,EAAE,CAAC,IAAK,CAAC;MAAA,CAC3C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,CAAE;QACLC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,CAAE;QACLC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,CAAE;QACLC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACH,WAAW;QACVmB,CAAC,EAAEb,KAAK,GAAG,IAAK;QAChBiB,CAAC,EAAEhB,MAAM,GAAG,IAAK;QACjBD,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACX2B,CAAC,EAAE,CAAE;QACLC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eAGFE,IAAA,CAACJ,MAAM;QACLwC,EAAE,EAAEjC,KAAK,GAAG,IAAK;QACjBkC,EAAE,EAAEjC,MAAM,GAAG,IAAK;QAClB2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eACFE,IAAA,CAACJ,MAAM;QACLwC,EAAE,EAAEjC,KAAK,GAAG,IAAK;QACjBkC,EAAE,EAAEjC,MAAM,GAAG,IAAK;QAClB2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,eACFE,IAAA,CAACJ,MAAM;QACLwC,EAAE,EAAEjC,KAAK,GAAG,IAAK;QACjBkC,EAAE,EAAEjC,MAAM,GAAG,IAAK;QAClB2B,CAAC,EAAE,EAAG;QACNC,KAAK,EAAE,GAAGlC,sBAAsB,CAAC,CAAC,CAAC,IAAK,CAAC;MAAA,CAC1C,CAAC,EAGD+C,KAAK,CAACC,IAAI,CAAC;QAAEtB,MAAM,EAAEP,IAAI,CAACgB,KAAK,CAAC9B,KAAK,GAAG,EAAE;MAAE,CAAC,EAAE,CAAC4C,CAAC,EAAElC,CAAC,kBACnDb,IAAA,CAACN,IAAI;QAEHsB,CAAC,EAAEH,CAAC,GAAG,EAAG;QACVO,CAAC,EAAE,CAAE;QACLjB,KAAK,EAAE,CAAE;QACTC,MAAM,EAAEA,MAAO;QACf4B,KAAK,EAAC;MAA2B,GAL5B,UAAUnB,CAAC,EAMjB,CACF,CAAC,EACDgC,KAAK,CAACC,IAAI,CAAC;QAAEtB,MAAM,EAAEP,IAAI,CAACgB,KAAK,CAAC7B,MAAM,GAAG,EAAE;MAAE,CAAC,EAAE,CAAC2C,CAAC,EAAElC,CAAC,kBACpDb,IAAA,CAACN,IAAI;QAEHsB,CAAC,EAAE,CAAE;QACLI,CAAC,EAAEP,CAAC,GAAG,EAAG;QACVV,KAAK,EAAEA,KAAM;QACbC,MAAM,EAAE,CAAE;QACV4B,KAAK,EAAC;MAA2B,GAL5B,UAAUnB,CAAC,EAMjB,CACF,CAAC;IAAA,CAEI,CAAC,EAGRL,QAAQ;EAAA,CACL,CAAC;AAEX,CAAC,CAAC;AAEF,MAAM+B,MAAM,GAAGjD,UAAU,CAAC0D,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE;EACR,CAAC;EACDR,gBAAgB,EAAE;IAChBS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTnD,KAAK;IACLC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/games/game-2048/components/GameGrid.js

@@ -0,0 +1,139 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Dimensions } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { useGrid, useGame2048Store } from "../Game2048Store.js";
+import { GameTile } from "./GameTile.js";
+import { GAME_CONFIG } from "../Game2048Constants.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: screenWidth
+} = Dimensions.get('window');
+export const GameGrid = /*#__PURE__*/React.memo(() => {
+  const grid = useGrid();
+  const {
+    handleMove
+  } = useGame2048Store();
+
+  // Memoize calculations for better performance
+  const gridCalculations = React.useMemo(() => {
+    const horizontalPadding = 40;
+    const availableWidth = screenWidth - horizontalPadding;
+    const margin = GAME_CONFIG.TILE_MARGIN;
+    const responsiveTileSize = Math.floor((availableWidth - margin * 5) / 4);
+    const tileSize = Math.max(responsiveTileSize, 60);
+    const gridContainerSize = tileSize * 4 + margin * 5;
+    return {
+      margin,
+      tileSize,
+      gridContainerSize
+    };
+  }, []);
+
+  // Memoized tile renderer for better performance
+  const renderTile = React.useCallback(tile => {
+    const {
+      margin,
+      tileSize
+    } = gridCalculations;
+    const x = margin + tile.col * (tileSize + margin);
+    const y = margin + tile.row * (tileSize + margin);
+    return /*#__PURE__*/_jsx(GameTile, {
+      tile: tile,
+      position: {
+        x,
+        y
+      },
+      size: tileSize
+    }, tile.id);
+  }, [gridCalculations]);
+
+  // Optimized gesture handler with memoization
+  const panGesture = React.useMemo(() => Gesture.Pan().onEnd(event => {
+    const {
+      translationX,
+      translationY
+    } = event;
+    const minDistance = 50;
+    const absX = Math.abs(translationX);
+    const absY = Math.abs(translationY);
+    if (absX > absY && absX > minDistance) {
+      handleMove(translationX > 0 ? 'right' : 'left');
+    } else if (absY > minDistance) {
+      handleMove(translationY > 0 ? 'down' : 'up');
+    }
+  }).runOnJS(true), [handleMove]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.gameContainer,
+    children: /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: panGesture,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.grid, {
+          width: gridCalculations.gridContainerSize,
+          height: gridCalculations.gridContainerSize
+        }],
+        children: [React.useMemo(() => Array(16).fill(0).map((_, index) => {
+          const row = Math.floor(index / 4);
+          const col = index % 4;
+          const {
+            margin,
+            tileSize
+          } = gridCalculations;
+          const x = margin + col * (tileSize + margin);
+          const y = margin + row * (tileSize + margin);
+          return /*#__PURE__*/_jsx(View, {
+            style: [styles.cell, {
+              left: x,
+              top: y,
+              width: tileSize,
+              height: tileSize
+            }]
+          }, index);
+        }), [gridCalculations]), React.useMemo(() => {
+          const tiles = [];
+          for (const row of grid) {
+            for (const tile of row) {
+              if (tile) tiles.push(renderTile(tile));
+            }
+          }
+          return tiles;
+        }, [grid, renderTile])]
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  gameContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    // Responsive horizontal padding
+    paddingVertical: 10,
+    zIndex: 10,
+    position: 'relative'
+  },
+  grid: {
+    backgroundColor: 'rgba(187, 173, 160, 0.9)',
+    borderRadius: 15,
+    position: 'relative',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 15,
+    elevation: 15,
+    // Ensure grid doesn't overflow screen
+    maxWidth: screenWidth - 40
+  },
+  cell: {
+    position: 'absolute',
+    backgroundColor: 'rgba(238, 228, 218, 0.4)',
+    borderRadius: 6 // Slightly smaller border radius for better fit
+  }
+});
+GameGrid.displayName = 'GameGrid';
+//# sourceMappingURL=GameGrid.js.map

package/lib/module/games/game-2048/components/GameGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Dimensions","Gesture","GestureDetector","useGrid","useGame2048Store","GameTile","GAME_CONFIG","jsx","_jsx","jsxs","_jsxs","width","screenWidth","get","GameGrid","memo","grid","handleMove","gridCalculations","useMemo","horizontalPadding","availableWidth","margin","TILE_MARGIN","responsiveTileSize","Math","floor","tileSize","max","gridContainerSize","renderTile","useCallback","tile","x","col","y","row","position","size","id","panGesture","Pan","onEnd","event","translationX","translationY","minDistance","absX","abs","absY","runOnJS","style","styles","gameContainer","children","gesture","height","Array","fill","map","_","index","cell","left","top","tiles","push","create","flex","justifyContent","alignItems","paddingHorizontal","paddingVertical","zIndex","backgroundColor","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","maxWidth","displayName"],"sourceRoot":"../../../../../src","sources":["games/game-2048/components/GameGrid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,SAASC,OAAO,EAAEC,gBAAgB,QAAQ,qBAAkB;AAC5D,SAASC,QAAQ,QAAQ,eAAY;AAErC,SAASC,WAAW,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMnD,MAAM;EAAEC,KAAK,EAAEC;AAAY,CAAC,GAAGZ,UAAU,CAACa,GAAG,CAAC,QAAQ,CAAC;AAEvD,OAAO,MAAMC,QAAiC,gBAAGjB,KAAK,CAACkB,IAAI,CAAC,MAAM;EAChE,MAAMC,IAAI,GAAGb,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEc;EAAW,CAAC,GAAGb,gBAAgB,CAAC,CAAC;;EAGzC;EACA,MAAMc,gBAAgB,GAAGrB,KAAK,CAACsB,OAAO,CAAC,MAAM;IAC3C,MAAMC,iBAAiB,GAAG,EAAE;IAC5B,MAAMC,cAAc,GAAGT,WAAW,GAAGQ,iBAAiB;IACtD,MAAME,MAAM,GAAGhB,WAAW,CAACiB,WAAW;IACtC,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACL,cAAc,GAAIC,MAAM,GAAG,CAAE,IAAI,CAAC,CAAC;IAC1E,MAAMK,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACJ,kBAAkB,EAAE,EAAE,CAAC;IACjD,MAAMK,iBAAiB,GAAIF,QAAQ,GAAG,CAAC,GAAKL,MAAM,GAAG,CAAE;IAEvD,OAAO;MAAEA,MAAM;MAAEK,QAAQ;MAAEE;IAAkB,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,UAAU,GAAGjC,KAAK,CAACkC,WAAW,CAAEC,IAAkB,IAAK;IAC3D,MAAM;MAAEV,MAAM;MAAEK;IAAS,CAAC,GAAGT,gBAAgB;IAC7C,MAAMe,CAAC,GAAGX,MAAM,GAAGU,IAAI,CAACE,GAAG,IAAIP,QAAQ,GAAGL,MAAM,CAAC;IACjD,MAAMa,CAAC,GAAGb,MAAM,GAAGU,IAAI,CAACI,GAAG,IAAIT,QAAQ,GAAGL,MAAM,CAAC;IAEjD,oBACEd,IAAA,CAACH,QAAQ;MAEP2B,IAAI,EAAEA,IAAK;MACXK,QAAQ,EAAE;QAAEJ,CAAC;QAAEE;MAAE,CAAE;MACnBG,IAAI,EAAEX;IAAS,GAHVK,IAAI,CAACO,EAIX,CAAC;EAEN,CAAC,EAAE,CAACrB,gBAAgB,CAAC,CAAC;;EAEtB;EACA,MAAMsB,UAAU,GAAG3C,KAAK,CAACsB,OAAO,CAAC,MAC/BlB,OAAO,CAACwC,GAAG,CAAC,CAAC,CACVC,KAAK,CAAEC,KAAK,IAAK;IAChB,MAAM;MAAEC,YAAY;MAAEC;IAAa,CAAC,GAAGF,KAAK;IAC5C,MAAMG,WAAW,GAAG,EAAE;IACtB,MAAMC,IAAI,GAAGtB,IAAI,CAACuB,GAAG,CAACJ,YAAY,CAAC;IACnC,MAAMK,IAAI,GAAGxB,IAAI,CAACuB,GAAG,CAACH,YAAY,CAAC;IAEnC,IAAIE,IAAI,GAAGE,IAAI,IAAIF,IAAI,GAAGD,WAAW,EAAE;MACrC7B,UAAU,CAAC2B,YAAY,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM,CAAC;IACjD,CAAC,MAAM,IAAIK,IAAI,GAAGH,WAAW,EAAE;MAC7B7B,UAAU,CAAC4B,YAAY,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9C;EACF,CAAC,CAAC,CACDK,OAAO,CAAC,IAAI,CAAC,EAChB,CAACjC,UAAU,CACb,CAAC;EAED,oBACET,IAAA,CAACV,IAAI;IAACqD,KAAK,EAAEC,MAAM,CAACC,aAAc;IAAAC,QAAA,eAChC9C,IAAA,CAACN,eAAe;MAACqD,OAAO,EAAEf,UAAW;MAAAc,QAAA,eACnC5C,KAAA,CAACZ,IAAI;QAACqD,KAAK,EAAE,CAACC,MAAM,CAACpC,IAAI,EAAE;UACzBL,KAAK,EAAEO,gBAAgB,CAACW,iBAAiB;UACzC2B,MAAM,EAAEtC,gBAAgB,CAACW;QAC3B,CAAC,CAAE;QAAAyB,QAAA,GAEFzD,KAAK,CAACsB,OAAO,CAAC,MACbsC,KAAK,CAAC,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;UAClC,MAAMzB,GAAG,GAAGX,IAAI,CAACC,KAAK,CAACmC,KAAK,GAAG,CAAC,CAAC;UACjC,MAAM3B,GAAG,GAAG2B,KAAK,GAAG,CAAC;UACrB,MAAM;YAAEvC,MAAM;YAAEK;UAAS,CAAC,GAAGT,gBAAgB;UAC7C,MAAMe,CAAC,GAAGX,MAAM,GAAGY,GAAG,IAAIP,QAAQ,GAAGL,MAAM,CAAC;UAC5C,MAAMa,CAAC,GAAGb,MAAM,GAAGc,GAAG,IAAIT,QAAQ,GAAGL,MAAM,CAAC;UAE5C,oBACEd,IAAA,CAACV,IAAI;YAEHqD,KAAK,EAAE,CACLC,MAAM,CAACU,IAAI,EACX;cACEC,IAAI,EAAE9B,CAAC;cACP+B,GAAG,EAAE7B,CAAC;cACNxB,KAAK,EAAEgB,QAAQ;cACf6B,MAAM,EAAE7B;YACV,CAAC;UACD,GATGkC,KAUN,CAAC;QAEN,CAAC,CAAC,EAAE,CAAC3C,gBAAgB,CACvB,CAAC,EAGArB,KAAK,CAACsB,OAAO,CAAC,MAAM;UACnB,MAAM8C,KAAK,GAAG,EAAE;UAChB,KAAK,MAAM7B,GAAG,IAAIpB,IAAI,EAAE;YACtB,KAAK,MAAMgB,IAAI,IAAII,GAAG,EAAE;cACtB,IAAIJ,IAAI,EAAEiC,KAAK,CAACC,IAAI,CAACpC,UAAU,CAACE,IAAI,CAAC,CAAC;YACxC;UACF;UACA,OAAOiC,KAAK;QACd,CAAC,EAAE,CAACjD,IAAI,EAAEc,UAAU,CAAC,CAAC;MAAA,CAChB;IAAC,CACQ;EAAC,CACd,CAAC;AAEX,CAAC,CAAC;AAEF,MAAMsB,MAAM,GAAGrD,UAAU,CAACoE,MAAM,CAAC;EAC/Bd,aAAa,EAAE;IACbe,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,EAAE;IAAE;IACvBC,eAAe,EAAE,EAAE;IACnBC,MAAM,EAAE,EAAE;IACVpC,QAAQ,EAAE;EACZ,CAAC;EACDrB,IAAI,EAAE;IACJ0D,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,EAAE;IAChBtC,QAAQ,EAAE,UAAU;IACpBuC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAElE,KAAK,EAAE,CAAC;MAAE6C,MAAM,EAAE;IAAE,CAAC;IACrCsB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACb;IACAC,QAAQ,EAAErE,WAAW,GAAG;EAC1B,CAAC;EACDkD,IAAI,EAAE;IACJzB,QAAQ,EAAE,UAAU;IACpBqC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,CAAC,CAAE;EACnB;AACF,CAAC,CAAC;AAEF7D,QAAQ,CAACoE,WAAW,GAAG,UAAU","ignoreList":[]}