react-native-games 0.6.0 → 0.8.0

package/lib/module/games/color-sort/ColorSortStore.js

@@ -0,0 +1,258 @@
+"use strict";
+
+import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { immerMiddleware } from "../../services/GamesService.js";
+import { PIECE_COLORS } from "./ColorSortConstants.js";
+import { playSound, GAME_SOUNDS } from "../../services/SoundsService.js";
+import { playHaptic, HapticType } from "../../services/HapticsService.js";
+// Helper function to shuffle array
+const shuffleArray = array => {
+  const shuffled = [...array];
+  for (let i = shuffled.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = shuffled[i];
+    shuffled[i] = shuffled[j];
+    shuffled[j] = temp;
+  }
+  return shuffled;
+};
+export const useColorSortStore = create()(subscribeWithSelector(immerMiddleware((set, get) => ({
+  isPlaying: false,
+  isGameOver: false,
+  isPaused: false,
+  containers: [],
+  selectedContainerId: null,
+  time: 0,
+  timerInterval: null,
+  initializeGame: difficulty => {
+    let numColors;
+    let piecesPerColor;
+    let numContainers;
+    let maxCapacity;
+    switch (difficulty) {
+      case 'easy':
+        numColors = 3;
+        piecesPerColor = 3;
+        maxCapacity = 4;
+        numContainers = 4;
+        break;
+      case 'medium':
+        numColors = 4;
+        piecesPerColor = 3;
+        maxCapacity = 4;
+        numContainers = 5;
+        break;
+      case 'hard':
+        numColors = 5;
+        piecesPerColor = 4;
+        maxCapacity = 5;
+        numContainers = 6;
+        break;
+      default:
+        numColors = 4;
+        piecesPerColor = 3;
+        maxCapacity = 4;
+        numContainers = 5;
+    }
+    const selectedColors = PIECE_COLORS.slice(0, numColors);
+    let allPieces = [];
+    selectedColors.forEach((color, colorIndex) => {
+      for (let i = 0; i < piecesPerColor; i++) {
+        allPieces.push({
+          id: `piece-${colorIndex}-${i}`,
+          color
+        });
+      }
+    });
+    allPieces = shuffleArray(allPieces);
+    const containers = [];
+    for (let i = 0; i < numContainers; i++) {
+      const container = {
+        id: `container-${i}`,
+        pieces: i < numColors ? allPieces.splice(0, piecesPerColor) : [],
+        maxCapacity,
+        x: 0,
+        y: 0
+      };
+      containers.push(container);
+    }
+    set(state => {
+      state.containers = containers;
+      state.selectedContainerId = null;
+      state.time = 0;
+      state.isGameOver = false;
+    });
+  },
+  startGame: () => {
+    const state = get();
+    if (state.timerInterval) {
+      clearInterval(state.timerInterval);
+    }
+    const interval = setInterval(() => {
+      get().incrementTime();
+    }, 1000);
+    set(draftState => {
+      draftState.isPlaying = true;
+      draftState.isGameOver = false;
+      draftState.isPaused = false;
+      draftState.time = 0;
+      draftState.timerInterval = interval;
+    });
+  },
+  stopGame: () => {
+    const state = get();
+    if (state.timerInterval) {
+      clearInterval(state.timerInterval);
+    }
+    set(draftState => {
+      draftState.isPlaying = false;
+      draftState.isGameOver = true;
+      draftState.timerInterval = null;
+    });
+  },
+  resetGame: () => {
+    const state = get();
+    if (state.timerInterval) {
+      clearInterval(state.timerInterval);
+    }
+    set(draftState => {
+      draftState.isPlaying = false;
+      draftState.isGameOver = false;
+      draftState.isPaused = false;
+      draftState.selectedContainerId = null;
+      draftState.time = 0;
+      draftState.timerInterval = null;
+    });
+  },
+  pauseGame: () => {
+    const state = get();
+    if (state.timerInterval) {
+      clearInterval(state.timerInterval);
+    }
+    set(draftState => {
+      draftState.isPaused = true;
+      draftState.timerInterval = null;
+    });
+  },
+  resumeGame: () => {
+    // Resume timer
+    const interval = setInterval(() => {
+      get().incrementTime();
+    }, 1000);
+    set(draftState => {
+      draftState.isPaused = false;
+      draftState.timerInterval = interval;
+    });
+  },
+  selectContainer: (containerId, settings) => {
+    const state = get();
+    const container = state.containers.find(c => c.id === containerId);
+    if (!container) return;
+
+    // If no container is selected yet
+    if (state.selectedContainerId === null) {
+      if (container.pieces.length === 0) {
+        playSound(GAME_SOUNDS.COLOR_SORT.MISS, settings.enableSounds);
+        playHaptic(HapticType.LIGHT, settings.enableHaptics);
+        return;
+      }
+      // First selection - select this container
+      set(draftState => {
+        draftState.selectedContainerId = containerId;
+      });
+      playSound(GAME_SOUNDS.COLOR_SORT.MATCH, settings.enableSounds);
+      playHaptic(HapticType.LIGHT, settings.enableHaptics);
+    } else if (state.selectedContainerId === containerId) {
+      set(draftState => {
+        draftState.selectedContainerId = null;
+      });
+      playSound(GAME_SOUNDS.COLOR_SORT.MISS, settings.enableSounds);
+      playHaptic(HapticType.LIGHT, settings.enableHaptics);
+    } else {
+      // Second selection - try to move piece (can be empty container)
+      get().movePiece(state.selectedContainerId, containerId, settings);
+    }
+  },
+  canMovePiece: (fromContainerId, toContainerId) => {
+    const state = get();
+    const fromContainer = state.containers.find(c => c.id === fromContainerId);
+    const toContainer = state.containers.find(c => c.id === toContainerId);
+    if (!fromContainer || !toContainer) return false;
+    if (fromContainer.pieces.length === 0) return false;
+    if (toContainer.pieces.length >= toContainer.maxCapacity) return false;
+
+    // Can move to any container that has space (no color restriction)
+    return true;
+  },
+  movePiece: (fromContainerId, toContainerId, settings) => {
+    const canMove = get().canMovePiece(fromContainerId, toContainerId);
+    if (!canMove) {
+      // Invalid move
+      set(state => {
+        state.selectedContainerId = null;
+      });
+      playSound(GAME_SOUNDS.COLOR_SORT.MISS, settings.enableSounds);
+      playHaptic(HapticType.LIGHT, settings.enableHaptics);
+      return;
+    }
+
+    // Valid move - move the piece
+    set(state => {
+      const fromContainer = state.containers.find(c => c.id === fromContainerId);
+      const toContainer = state.containers.find(c => c.id === toContainerId);
+      if (fromContainer && toContainer && fromContainer.pieces.length > 0) {
+        const piece = fromContainer.pieces.pop();
+        if (piece) {
+          toContainer.pieces.push(piece);
+        }
+      }
+      state.selectedContainerId = null;
+    });
+    playSound(GAME_SOUNDS.COLOR_SORT.MATCH, settings.enableSounds);
+    playHaptic(HapticType.MEDIUM, settings.enableHaptics);
+
+    // Check win condition
+    if (get().checkWinCondition()) {
+      playSound(GAME_SOUNDS.COLOR_SORT.COMPLETE, settings.enableSounds);
+      playHaptic(HapticType.SUCCESS, settings.enableHaptics);
+      get().stopGame();
+    }
+  },
+  checkWinCondition: () => {
+    const state = get();
+
+    // Win if all non-empty containers have all pieces of the same color
+    let sortedContainers = 0;
+    const colorCounts = new Map();
+    for (const container of state.containers) {
+      if (container.pieces.length === 0) continue; // Empty containers are OK
+
+      // Check if all pieces in this container are the same color
+      const firstColor = container.pieces[0]?.color;
+      const allSameColor = container.pieces.every(piece => piece.color === firstColor);
+      if (!allSameColor) return false; // Mixed colors = not solved
+
+      // This container is sorted (all same color)
+      sortedContainers++;
+      colorCounts.set(firstColor, (colorCounts.get(firstColor) || 0) + 1);
+    }
+
+    // Win if each color appears in exactly one container (all colors sorted)
+    return sortedContainers > 0 && colorCounts.size === sortedContainers;
+  },
+  incrementTime: () => {
+    set(state => {
+      state.time += 1;
+    });
+  }
+}))));
+
+// Selectors
+export const useIsPlaying = () => useColorSortStore(state => state.isPlaying);
+export const useIsGameOver = () => useColorSortStore(state => state.isGameOver);
+export const useIsPaused = () => useColorSortStore(state => state.isPaused);
+export const useTime = () => useColorSortStore(state => state.time);
+export const useContainers = () => useColorSortStore(state => state.containers);
+export const useSelectedContainerId = () => useColorSortStore(state => state.selectedContainerId);
+//# sourceMappingURL=ColorSortStore.js.map

package/lib/module/games/color-sort/ColorSortStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["create","subscribeWithSelector","immerMiddleware","PIECE_COLORS","playSound","GAME_SOUNDS","playHaptic","HapticType","shuffleArray","array","shuffled","i","length","j","Math","floor","random","temp","useColorSortStore","set","get","isPlaying","isGameOver","isPaused","containers","selectedContainerId","time","timerInterval","initializeGame","difficulty","numColors","piecesPerColor","numContainers","maxCapacity","selectedColors","slice","allPieces","forEach","color","colorIndex","push","id","container","pieces","splice","x","y","state","startGame","clearInterval","interval","setInterval","incrementTime","draftState","stopGame","resetGame","pauseGame","resumeGame","selectContainer","containerId","settings","find","c","COLOR_SORT","MISS","enableSounds","LIGHT","enableHaptics","MATCH","movePiece","canMovePiece","fromContainerId","toContainerId","fromContainer","toContainer","canMove","piece","pop","MEDIUM","checkWinCondition","COMPLETE","SUCCESS","sortedContainers","colorCounts","Map","firstColor","allSameColor","every","size","useIsPlaying","useIsGameOver","useIsPaused","useTime","useContainers","useSelectedContainerId"],"sourceRoot":"../../../../src","sources":["games/color-sort/ColorSortStore.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/games/color-sort/components/ColorContainer.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { TouchableOpacity, View, StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { COLOR_SORT_COLORS, COLOR_SORT_GAME_CONFIG } from "../ColorSortConstants.js";
+import { getPieceHeight } from "../ColorSortService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPiece = /*#__PURE__*/React.memo(({
+  piece,
+  isTopPiece,
+  isSelected,
+  marginTop,
+  size,
+  height
+}) => {
+  const pieceAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: withTiming(isSelected && isTopPiece ? -15 : 0, {
+        duration: 200
+      })
+    }]
+  }), [isSelected, isTopPiece]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [{
+      marginTop
+    }, isTopPiece && pieceAnimatedStyle],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.piece, {
+        backgroundColor: piece.color,
+        width: size,
+        height
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.pieceShine
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.pieceDepth
+      })]
+    })
+  });
+});
+AnimatedPiece.displayName = 'AnimatedPiece';
+export const ColorContainer = /*#__PURE__*/React.memo(({
+  container,
+  isSelected,
+  onPress,
+  difficulty
+}) => {
+  const {
+    PIECE_SIZE,
+    PIECE_SPACING
+  } = COLOR_SORT_GAME_CONFIG;
+  const pieceHeight = useMemo(() => getPieceHeight(difficulty, PIECE_SIZE), [difficulty, PIECE_SIZE]);
+
+  // Memoize container style to prevent recreation
+  const containerStyle = useMemo(() => [styles.container, {
+    borderWidth: isSelected ? 3 : 2,
+    borderColor: isSelected ? COLOR_SORT_COLORS.BUTTON_PRIMARY : COLOR_SORT_COLORS.BASE_DARK
+  }], [isSelected]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    onPress: onPress,
+    activeOpacity: 0.7,
+    children: /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.pieceStack,
+        children: [...container.pieces].reverse().map((piece, index) => /*#__PURE__*/_jsx(AnimatedPiece, {
+          piece: piece,
+          isTopPiece: index === 0,
+          isSelected: isSelected,
+          marginTop: index === 0 ? 0 : PIECE_SPACING,
+          size: 70,
+          height: pieceHeight
+        }, piece.id))
+      })
+    })
+  });
+});
+ColorContainer.displayName = 'ColorContainer';
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    width: 80,
+    height: 225,
+    borderRadius: 15,
+    backgroundColor: 'rgba(192, 192, 192, 0.6)',
+    paddingHorizontal: 5,
+    paddingTop: 10,
+    paddingBottom: 5,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 5,
+    elevation: 5
+  },
+  pieceStack: {
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    flex: 1
+  },
+  piece: {
+    borderRadius: 10,
+    borderLeftWidth: 2,
+    borderRightWidth: 2,
+    borderBottomWidth: 2,
+    borderTopWidth: 0,
+    borderColor: 'rgba(0, 0, 0, 0.3)',
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 3
+    },
+    shadowOpacity: 0.4,
+    shadowRadius: 4,
+    elevation: 5
+  },
+  pieceShine: {
+    position: 'absolute',
+    top: 2,
+    left: 2,
+    right: '50%',
+    height: '30%',
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: 6
+  },
+  pieceDepth: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: 4,
+    backgroundColor: 'rgba(0, 0, 0, 0.2)'
+  }
+});
+//# sourceMappingURL=ColorContainer.js.map

package/lib/module/games/color-sort/components/ColorContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","TouchableOpacity","View","StyleSheet","Animated","useAnimatedStyle","withTiming","COLOR_SORT_COLORS","COLOR_SORT_GAME_CONFIG","getPieceHeight","jsx","_jsx","jsxs","_jsxs","AnimatedPiece","memo","piece","isTopPiece","isSelected","marginTop","size","height","pieceAnimatedStyle","transform","translateY","duration","style","children","styles","backgroundColor","color","width","pieceShine","pieceDepth","displayName","ColorContainer","container","onPress","difficulty","PIECE_SIZE","PIECE_SPACING","pieceHeight","containerStyle","borderWidth","borderColor","BUTTON_PRIMARY","BASE_DARK","activeOpacity","pieceStack","pieces","reverse","map","index","id","create","alignItems","justifyContent","borderRadius","paddingHorizontal","paddingTop","paddingBottom","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","overflow","position","top","left","right","bottom"],"sourceRoot":"../../../../../src","sources":["games/color-sort/components/ColorContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/color-sort/components/GameBackground.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Dimensions } from 'react-native';
+import { Canvas, LinearGradient, Rect, vec, Circle, RoundedRect } from '@shopify/react-native-skia';
+import { generateFloatingBlocks, getDecorativeBlocks, getDecorativeCircles, getGradientColors } from "../ColorSortService.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
+}) => {
+  const floatingBlocks = useMemo(() => generateFloatingBlocks(), []);
+  const decorativeBlocks = useMemo(() => getDecorativeBlocks(), []);
+  const decorativeCircles = useMemo(() => getDecorativeCircles(), []);
+  const gradients = useMemo(() => getGradientColors(), []);
+  const renderFloatingBlocks = useMemo(() => {
+    return floatingBlocks.map(block => {
+      if (block.type === 'square') {
+        return /*#__PURE__*/_jsx(RoundedRect, {
+          x: block.x,
+          y: block.y,
+          width: block.size,
+          height: block.size,
+          r: block.size * 0.2,
+          color: block.color
+        }, block.key);
+      } else if (block.type === 'rect') {
+        return /*#__PURE__*/_jsx(RoundedRect, {
+          x: block.x,
+          y: block.y,
+          width: block.size * 0.6,
+          height: block.size,
+          r: block.size * 0.15,
+          color: block.color
+        }, block.key);
+      } else if (block.type === 'wide') {
+        return /*#__PURE__*/_jsx(RoundedRect, {
+          x: block.x,
+          y: block.y,
+          width: block.size * 1.2,
+          height: block.size * 0.8,
+          r: block.size * 0.1,
+          color: block.color
+        }, block.key);
+      } else {
+        return /*#__PURE__*/_jsx(Circle, {
+          cx: block.x + block.size / 2,
+          cy: block.y + block.size / 2,
+          r: block.size / 2,
+          color: block.color
+        }, block.key);
+      }
+    });
+  }, [floatingBlocks]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1
+    },
+    children: [/*#__PURE__*/_jsxs(Canvas, {
+      style: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        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: gradients.main
+        })
+      }), /*#__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: gradients.overlay
+        })
+      }), /*#__PURE__*/_jsx(Rect, {
+        x: 0,
+        y: 0,
+        width: width,
+        height: height,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          start: vec(width, 0),
+          end: vec(0, height),
+          colors: gradients.diagonal
+        })
+      }), renderFloatingBlocks, decorativeBlocks.map(block => /*#__PURE__*/_jsx(RoundedRect, {
+        x: block.x,
+        y: block.y,
+        width: block.size,
+        height: block.size,
+        r: block.r,
+        color: block.color
+      }, block.key)), decorativeCircles.map(circle => /*#__PURE__*/_jsx(Circle, {
+        cx: circle.cx,
+        cy: circle.cy,
+        r: circle.r,
+        color: circle.color
+      }, circle.key)), Array.from({
+        length: Math.floor(width / 60)
+      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
+        x: i * 60,
+        y: 0,
+        width: 1,
+        height: height,
+        color: "rgba(255, 255, 255, 0.05)"
+      }, `grid-v-${i}`)), Array.from({
+        length: Math.floor(height / 60)
+      }, (_, i) => /*#__PURE__*/_jsx(Rect, {
+        x: 0,
+        y: i * 60,
+        width: width,
+        height: 1,
+        color: "rgba(255, 255, 255, 0.05)"
+      }, `grid-h-${i}`))]
+    }), children]
+  });
+});
+GameBackground.displayName = 'GameBackground';
+//# sourceMappingURL=GameBackground.js.map

package/lib/module/games/color-sort/components/GameBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Dimensions","Canvas","LinearGradient","Rect","vec","Circle","RoundedRect","generateFloatingBlocks","getDecorativeBlocks","getDecorativeCircles","getGradientColors","jsx","_jsx","jsxs","_jsxs","width","height","get","GameBackground","memo","children","floatingBlocks","decorativeBlocks","decorativeCircles","gradients","renderFloatingBlocks","map","block","type","x","y","size","r","color","key","cx","cy","style","flex","position","top","left","right","bottom","start","end","colors","main","overlay","diagonal","circle","Array","from","length","Math","floor","_","i","displayName"],"sourceRoot":"../../../../../src","sources":["games/color-sort/components/GameBackground.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/games/color-sort/components/ScoreBoard.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useTime } from "../ColorSortStore.js";
+import { COLOR_SORT_COLORS } from "../ColorSortConstants.js";
+import { formatTime } from "../ColorSortService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ScoreBoard = /*#__PURE__*/React.memo(() => {
+  const time = useTime();
+  const formattedTime = useMemo(() => formatTime(time), [time]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.scoreboardContainer,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.scoreBoard,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.scoreItem,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.scoreLabel,
+          children: "TIME"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.scoreValue,
+          children: formattedTime
+        })]
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  scoreboardContainer: {
+    position: 'absolute',
+    top: 20,
+    left: 20,
+    right: 20,
+    zIndex: 10,
+    pointerEvents: 'none'
+  },
+  scoreBoard: {
+    backgroundColor: 'rgba(255, 107, 53, 0.4)',
+    borderRadius: 12,
+    padding: 15,
+    flexDirection: 'row',
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    borderWidth: 2,
+    borderColor: COLOR_SORT_COLORS.BUTTON_PRIMARY
+  },
+  scoreItem: {
+    alignItems: 'center',
+    flex: 1
+  },
+  scoreLabel: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: COLOR_SORT_COLORS.SCORE_TEXT,
+    marginBottom: 4,
+    letterSpacing: 1,
+    textShadowColor: 'rgba(0, 0, 0, 0.5)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2
+  },
+  scoreValue: {
+    fontSize: 24,
+    fontWeight: '900',
+    color: COLOR_SORT_COLORS.SCORE_TEXT,
+    textShadowColor: 'rgba(0, 0, 0, 0.8)',
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    },
+    textShadowRadius: 2
+  }
+});
+ScoreBoard.displayName = 'ScoreBoard';
+//# sourceMappingURL=ScoreBoard.js.map

package/lib/module/games/color-sort/components/ScoreBoard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","Text","StyleSheet","useTime","COLOR_SORT_COLORS","formatTime","jsx","_jsx","jsxs","_jsxs","ScoreBoard","memo","time","formattedTime","style","styles","scoreboardContainer","children","scoreBoard","scoreItem","scoreLabel","scoreValue","create","position","top","left","right","zIndex","pointerEvents","backgroundColor","borderRadius","padding","flexDirection","justifyContent","alignItems","borderWidth","borderColor","BUTTON_PRIMARY","flex","fontSize","fontWeight","color","SCORE_TEXT","marginBottom","letterSpacing","textShadowColor","textShadowOffset","width","height","textShadowRadius","displayName"],"sourceRoot":"../../../../../src","sources":["games/color-sort/components/ScoreBoard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,sBAAmB;AAC3C,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,UAAU,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjD,OAAO,MAAMC,UAAoB,gBAAGZ,KAAK,CAACa,IAAI,CAAC,MAAM;EACnD,MAAMC,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAMU,aAAa,GAAGd,OAAO,CAAC,MAAMM,UAAU,CAACO,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE7D,oBACEL,IAAA,CAACP,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,mBAAoB;IAAAC,QAAA,eACtCV,IAAA,CAACP,IAAI;MAACc,KAAK,EAAEC,MAAM,CAACG,UAAW;MAAAD,QAAA,eAC7BR,KAAA,CAACT,IAAI;QAACc,KAAK,EAAEC,MAAM,CAACI,SAAU;QAAAF,QAAA,gBAC5BV,IAAA,CAACN,IAAI;UAACa,KAAK,EAAEC,MAAM,CAACK,UAAW;UAAAH,QAAA,EAAC;QAAI,CAAM,CAAC,eAC3CV,IAAA,CAACN,IAAI;UAACa,KAAK,EAAEC,MAAM,CAACM,UAAW;UAAAJ,QAAA,EAAEJ;QAAa,CAAO,CAAC;MAAA,CAClD;IAAC,CACH;EAAC,CACH,CAAC;AAEX,CAAC,CAAC;AAEF,MAAME,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,mBAAmB,EAAE;IACnBO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE;EACjB,CAAC;EACDV,UAAU,EAAE;IACVW,eAAe,EAAE,yBAAyB;IAC1CC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,cAAc;IAC9BC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEhC,iBAAiB,CAACiC;EACjC,CAAC;EACDlB,SAAS,EAAE;IACTe,UAAU,EAAE,QAAQ;IACpBI,IAAI,EAAE;EACR,CAAC;EACDlB,UAAU,EAAE;IACVmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAErC,iBAAiB,CAACsC,UAAU;IACnCC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,CAAC;IAChBC,eAAe,EAAE,oBAAoB;IACrCC,gBAAgB,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACzCC,gBAAgB,EAAE;EACpB,CAAC;EACD5B,UAAU,EAAE;IACVkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAErC,iBAAiB,CAACsC,UAAU;IACnCG,eAAe,EAAE,oBAAoB;IACrCC,gBAAgB,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACzCC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEFvC,UAAU,CAACwC,WAAW,GAAG,YAAY","ignoreList":[]}

package/lib/module/games/color-sort/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./ColorContainer.js";
+export * from "./ScoreBoard.js";
+export * from "./GameBackground.js";
+//# sourceMappingURL=index.js.map

package/lib/module/games/color-sort/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["games/color-sort/components/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB;AAChC,cAAc,iBAAc;AAC5B,cAAc,qBAAkB","ignoreList":[]}