react-native-games 1.1.0 → 1.3.0

package/lib/module/games/space-fighter/components/GameBackground.js

@@ -1,239 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Dimensions } from 'react-native';
-import { Canvas, LinearGradient, Rect, Circle, Group, Shadow, vec } from '@shopify/react-native-skia';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width,
-  height
-} = Dimensions.get('window');
-export const GameBackground = /*#__PURE__*/React.memo(({
-  children
-}) => {
-  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(0, height),
-          colors: ['#0c0a1f', '#1a1b3a', '#2d1b69', '#1e1b4b', '#0c0a1f']
-        })
-      }), /*#__PURE__*/_jsx(Group, {
-        children: Array.from({
-          length: 40
-        }, (_, i) => {
-          const x = width / 8 * (i % 8) + i % 5 * 25;
-          const y = height / 5 * Math.floor(i / 8) + i % 3 * 40;
-          const size = 1 + i % 3 * 0.4;
-          return /*#__PURE__*/_jsx(Circle, {
-            cx: x,
-            cy: y,
-            r: size,
-            color: "#ffffff",
-            opacity: 0.6
-          }, `star-${i}`);
-        })
-      }), /*#__PURE__*/_jsx(Group, {
-        children: Array.from({
-          length: 8
-        }, (_, i) => {
-          const positions = [{
-            x: width * 0.15,
-            y: height * 0.2
-          }, {
-            x: width * 0.8,
-            y: height * 0.3
-          }, {
-            x: width * 0.3,
-            y: height * 0.5
-          }, {
-            x: width * 0.7,
-            y: height * 0.6
-          }, {
-            x: width * 0.2,
-            y: height * 0.7
-          }, {
-            x: width * 0.85,
-            y: height * 0.8
-          }, {
-            x: width * 0.5,
-            y: height * 0.15
-          }, {
-            x: width * 0.6,
-            y: height * 0.85
-          }];
-          const pos = positions[i];
-          if (!pos) return null;
-          const size = 2.5 + i % 2 * 0.5;
-          return /*#__PURE__*/_jsx(Group, {
-            children: /*#__PURE__*/_jsx(Circle, {
-              cx: pos.x,
-              cy: pos.y,
-              r: size,
-              color: "#ffffff",
-              opacity: 0.8,
-              children: /*#__PURE__*/_jsx(Shadow, {
-                dx: 0,
-                dy: 0,
-                blur: 10,
-                color: "#ffffff"
-              })
-            })
-          }, `bright-star-${i}`);
-        })
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.85,
-          cy: height * 0.2,
-          r: 32,
-          color: "#4c1d95",
-          opacity: 0.8,
-          children: /*#__PURE__*/_jsx(Shadow, {
-            dx: -2,
-            dy: 2,
-            blur: 8,
-            color: "rgba(0,0,0,0.5)"
-          })
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.85 - 6,
-          cy: height * 0.2 - 4,
-          r: 10,
-          color: "#5b21b6",
-          opacity: 0.6
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.85 + 4,
-          cy: height * 0.2 + 6,
-          r: 6,
-          color: "#6d28d9",
-          opacity: 0.5
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: width * 0.85 - 8,
-          cy: height * 0.2 - 8,
-          r: 6,
-          color: "#a855f7",
-          opacity: 0.3
-        })]
-      }), /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.2,
-            cy: height * 0.6,
-            r: 40,
-            color: "#7c3aed",
-            opacity: 0.12,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 0,
-              blur: 15,
-              color: "#7c3aed"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.24,
-            cy: height * 0.58,
-            r: 28,
-            color: "#a855f7",
-            opacity: 0.1
-          })]
-        }), /*#__PURE__*/_jsxs(Group, {
-          children: [/*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.7,
-            cy: height * 0.4,
-            r: 30,
-            color: "#3b82f6",
-            opacity: 0.1,
-            children: /*#__PURE__*/_jsx(Shadow, {
-              dx: 0,
-              dy: 0,
-              blur: 12,
-              color: "#3b82f6"
-            })
-          }), /*#__PURE__*/_jsx(Circle, {
-            cx: width * 0.72,
-            cy: height * 0.38,
-            r: 20,
-            color: "#60a5fa",
-            opacity: 0.08
-          })]
-        })]
-      }), /*#__PURE__*/_jsx(Group, {
-        children: Array.from({
-          length: 5
-        }, (_, i) => {
-          const positions = [{
-            x: width * 0.15,
-            y: height * 0.3
-          }, {
-            x: width * 0.85,
-            y: height * 0.5
-          }, {
-            x: width * 0.3,
-            y: height * 0.75
-          }, {
-            x: width * 0.75,
-            y: height * 0.2
-          }, {
-            x: width * 0.5,
-            y: height * 0.85
-          }];
-          const pos = positions[i];
-          if (!pos) return null;
-          const size = 3 + i % 3;
-          return /*#__PURE__*/_jsxs(Group, {
-            children: [/*#__PURE__*/_jsx(Circle, {
-              cx: pos.x,
-              cy: pos.y,
-              r: size,
-              color: "#6b7280",
-              opacity: 0.5,
-              children: /*#__PURE__*/_jsx(Shadow, {
-                dx: 1,
-                dy: 1,
-                blur: 2,
-                color: "rgba(0,0,0,0.3)"
-              })
-            }), /*#__PURE__*/_jsx(Circle, {
-              cx: pos.x - size * 0.25,
-              cy: pos.y - size * 0.25,
-              r: size * 0.3,
-              color: "#9ca3af",
-              opacity: 0.3
-            })]
-          }, `asteroid-${i}`);
-        })
-      }), /*#__PURE__*/_jsx(Group, {
-        children: Array.from({
-          length: 15
-        }, (_, i) => {
-          const x = width / 5 * (i % 5) + i % 3 * 20;
-          const y = height / 3 * Math.floor(i / 5) + i % 4 * 30;
-          const size = 0.5 + i % 2 * 0.2;
-          return /*#__PURE__*/_jsx(Circle, {
-            cx: x,
-            cy: y,
-            r: size,
-            color: "#e5e7eb",
-            opacity: 0.25
-          }, `dust-${i}`);
-        })
-      })]
-    }), children]
-  });
-});
-//# sourceMappingURL=GameBackground.js.map
+"use strict";import React from 'react';import{View,Dimensions}from 'react-native';import{Canvas,LinearGradient,Rect,Circle,Group,Shadow,vec}from '@shopify/react-native-skia';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";const{width,height}= Dimensions.get('window');export const GameBackground = React.memo(({children})=>{return _jsxs(View,{style:{flex:1},children:[_jsxs(Canvas,{style:{position:'absolute',top:0,left:0,right:0,bottom:0,width,height},children:[_jsx(Rect,{x:0,y:0,width:width,height:height,children:_jsx(LinearGradient,{start:vec(0,0),end:vec(0,height),colors:['#0c0a1f','#1a1b3a','#2d1b69','#1e1b4b','#0c0a1f']})}),_jsx(Group,{children:Array.from({length:40},(_,i)=>{const x = width / 8 *(i % 8)+ i % 5 * 25;const y = height / 5 * Math.floor(i / 8)+ i % 3 * 40;const size = 1 + i % 3 * 0.4;return _jsx(Circle,{cx:x,cy:y,r:size,color:"#ffffff",opacity:0.6},`star-${i}`);})}),_jsx(Group,{children:Array.from({length:8},(_,i)=>{const positions = [{x:width * 0.15,y:height * 0.2},{x:width * 0.8,y:height * 0.3},{x:width * 0.3,y:height * 0.5},{x:width * 0.7,y:height * 0.6},{x:width * 0.2,y:height * 0.7},{x:width * 0.85,y:height * 0.8},{x:width * 0.5,y:height * 0.15},{x:width * 0.6,y:height * 0.85}];const pos = positions[i];if(!pos)return null;const size = 2.5 + i % 2 * 0.5;return _jsx(Group,{children:_jsx(Circle,{cx:pos.x,cy:pos.y,r:size,color:"#ffffff",opacity:0.8,children:_jsx(Shadow,{dx:0,dy:0,blur:10,color:"#ffffff"})})},`bright-star-${i}`);})}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.85,cy:height * 0.2,r:32,color:"#4c1d95",opacity:0.8,children:_jsx(Shadow,{dx:-2,dy:2,blur:8,color:"rgba(0,0,0,0.5)"})}),_jsx(Circle,{cx:width * 0.85 - 6,cy:height * 0.2 - 4,r:10,color:"#5b21b6",opacity:0.6}),_jsx(Circle,{cx:width * 0.85 + 4,cy:height * 0.2 + 6,r:6,color:"#6d28d9",opacity:0.5}),_jsx(Circle,{cx:width * 0.85 - 8,cy:height * 0.2 - 8,r:6,color:"#a855f7",opacity:0.3})]}),_jsxs(Group,{children:[_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.2,cy:height * 0.6,r:40,color:"#7c3aed",opacity:0.12,children:_jsx(Shadow,{dx:0,dy:0,blur:15,color:"#7c3aed"})}),_jsx(Circle,{cx:width * 0.24,cy:height * 0.58,r:28,color:"#a855f7",opacity:0.1})]}),_jsxs(Group,{children:[_jsx(Circle,{cx:width * 0.7,cy:height * 0.4,r:30,color:"#3b82f6",opacity:0.1,children:_jsx(Shadow,{dx:0,dy:0,blur:12,color:"#3b82f6"})}),_jsx(Circle,{cx:width * 0.72,cy:height * 0.38,r:20,color:"#60a5fa",opacity:0.08})]})]}),_jsx(Group,{children:Array.from({length:5},(_,i)=>{const positions = [{x:width * 0.15,y:height * 0.3},{x:width * 0.85,y:height * 0.5},{x:width * 0.3,y:height * 0.75},{x:width * 0.75,y:height * 0.2},{x:width * 0.5,y:height * 0.85}];const pos = positions[i];if(!pos)return null;const size = 3 + i % 3;return _jsxs(Group,{children:[_jsx(Circle,{cx:pos.x,cy:pos.y,r:size,color:"#6b7280",opacity:0.5,children:_jsx(Shadow,{dx:1,dy:1,blur:2,color:"rgba(0,0,0,0.3)"})}),_jsx(Circle,{cx:pos.x - size * 0.25,cy:pos.y - size * 0.25,r:size * 0.3,color:"#9ca3af",opacity:0.3})]},`asteroid-${i}`);})}),_jsx(Group,{children:Array.from({length:15},(_,i)=>{const x = width / 5 *(i % 5)+ i % 3 * 20;const y = height / 3 * Math.floor(i / 5)+ i % 4 * 30;const size = 0.5 + i % 2 * 0.2;return _jsx(Circle,{cx:x,cy:y,r:size,color:"#e5e7eb",opacity:0.25},`dust-${i}`);})})]}),children]});});

package/lib/module/games/space-fighter/components/ScoreBoard.js

@@ -1,136 +1 @@
-"use strict";
-
-import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
-import { useSpaceFighterStore } from "../SpaceFighterStore.js";
-import { ScoreBoardContainer } from "../../../helpers/index.js";
-
-// Self-contained ScoreBoard component that reads directly from store
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ScoreBoard = /*#__PURE__*/React.memo(({
-  offset = 0
-}) => {
-  // Read state directly from store to minimize re-renders
-  const score = useSpaceFighterStore(state => state.score);
-  const timeLeft = useSpaceFighterStore(state => state.timeLeft);
-  const currentLives = useSpaceFighterStore(state => state.lives);
-  const maxLives = 3;
-  return /*#__PURE__*/_jsx(ScoreBoardContainer, {
-    offset: offset,
-    backgroundColor: "rgba(147, 112, 219, 0.4)",
-    borderColor: "rgba(139, 92, 246, 0.3)",
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.scoreBoard,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.scoreItem,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Score"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.scoreValue,
-          children: score
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreItem,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Time"
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.timeValue,
-          children: timeLeft
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.scoreItem,
-        children: [/*#__PURE__*/_jsx(Text, {
-          style: styles.scoreLabel,
-          children: "Lives"
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.livesContainer,
-          children: Array.from({
-            length: maxLives
-          }, (_, i) => /*#__PURE__*/_jsx(Text, {
-            style: [styles.lifeIcon, i < currentLives ? styles.lifeActive : styles.lifeInactive],
-            children: i < currentLives ? '❤️' : '🖤'
-          }, i))
-        })]
-      })]
-    })
-  });
-});
-const styles = StyleSheet.create({
-  scoreBoard: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center'
-  },
-  scoreItem: {
-    alignItems: 'center',
-    flex: 1
-  },
-  scoreLabel: {
-    fontSize: 18,
-    fontWeight: 'bold',
-    color: '#e2e8f0',
-    // Light space gray
-    marginBottom: 6,
-    textShadowColor: 'rgba(0,0,0,0.5)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 2
-  },
-  scoreValue: {
-    fontSize: 30,
-    fontWeight: 'bold',
-    color: '#fbbf24',
-    // Bright yellow for score
-    textShadowColor: 'rgba(0,0,0,0.5)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 2
-  },
-  timeValue: {
-    fontSize: 30,
-    fontWeight: 'bold',
-    color: '#34d399',
-    // Bright green for time
-    textShadowColor: 'rgba(0,0,0,0.5)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 2
-  },
-  livesContainer: {
-    flexDirection: 'row',
-    justifyContent: 'center'
-  },
-  lifeIcon: {
-    fontSize: 22,
-    marginHorizontal: 2
-  },
-  lifeActive: {
-    color: '#ef4444',
-    // Bright red for active lives
-    textShadowColor: 'rgba(0,0,0,0.5)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 2
-  },
-  lifeInactive: {
-    color: '#374151',
-    // Dark gray for lost lives
-    textShadowColor: 'rgba(255,255,255,0.2)',
-    textShadowOffset: {
-      width: 1,
-      height: 1
-    },
-    textShadowRadius: 1
-  }
-});
-//# sourceMappingURL=ScoreBoard.js.map
+"use strict";import React from 'react';import{View,Text,StyleSheet}from 'react-native';import{useSpaceFighterStore}from "../SpaceFighterStore.js";import{ScoreBoardContainer}from "../../../helpers/index.js";import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const ScoreBoard = React.memo(({offset = 0})=>{const score = useSpaceFighterStore(state => state.score);const timeLeft = useSpaceFighterStore(state => state.timeLeft);const currentLives = useSpaceFighterStore(state => state.lives);const maxLives = 3;return _jsx(ScoreBoardContainer,{offset:offset,backgroundColor:"rgba(147,112,219,0.4)",borderColor:"rgba(139,92,246,0.3)",children:_jsxs(View,{style:styles.scoreBoard,children:[_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.scoreLabel,children:"Score"}),_jsx(Text,{style:styles.scoreValue,children:score})]}),_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.scoreLabel,children:"Time"}),_jsx(Text,{style:styles.timeValue,children:timeLeft})]}),_jsxs(View,{style:styles.scoreItem,children:[_jsx(Text,{style:styles.scoreLabel,children:"Lives"}),_jsx(View,{style:styles.livesContainer,children:Array.from({length:maxLives},(_,i)=> _jsx(Text,{style:[styles.lifeIcon,i < currentLives ? styles.lifeActive:styles.lifeInactive],children:i < currentLives ? '❤️':'🖤'},i))})]})]})});});const styles = StyleSheet.create({scoreBoard:{flexDirection:'row',justifyContent:'space-between',alignItems:'center'},scoreItem:{alignItems:'center',flex:1},scoreLabel:{fontSize:16,fontWeight:'bold',color:'#e2e8f0',marginBottom:6,textShadowColor:'rgba(0,0,0,0.5)',textShadowOffset:{width:1,height:1},textShadowRadius:2},scoreValue:{fontSize:25,fontWeight:'bold',color:'#fbbf24',textShadowColor:'rgba(0,0,0,0.5)',textShadowOffset:{width:1,height:1},textShadowRadius:2},timeValue:{fontSize:25,fontWeight:'bold',color:'#34d399',textShadowColor:'rgba(0,0,0,0.5)',textShadowOffset:{width:1,height:1},textShadowRadius:2},livesContainer:{flexDirection:'row',justifyContent:'center'},lifeIcon:{fontSize:22,marginHorizontal:2},lifeActive:{color:'#ef4444',textShadowColor:'rgba(0,0,0,0.5)',textShadowOffset:{width:1,height:1},textShadowRadius:2},lifeInactive:{color:'#374151',textShadowColor:'rgba(255,255,255,0.2)',textShadowOffset:{width:1,height:1},textShadowRadius:1}});

package/lib/module/games/space-fighter/components/Spacecraft3D.js

@@ -1,202 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { Canvas, Circle, Path, Skia, vec, Group, LinearGradient, RadialGradient } from '@shopify/react-native-skia';
-import { View } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Highly optimized static Spacecraft3D component - no animations for maximum performance
-export const Spacecraft3D = /*#__PURE__*/React.memo(({
-  spacecraft,
-  isControlled
-}) => {
-  const size = spacecraft.size;
-  const canvasSize = size * 2; // Reduced canvas size for better performance
-
-  // Memoized static spacecraft paths - original design without animations
-  const spacecraftPaths = useMemo(() => {
-    const centerX = canvasSize / 2;
-    const centerY = canvasSize / 2;
-
-    // Main body path - original oval shape
-    const bodyPath = Skia.Path.Make();
-    const bodyWidth = size * 0.8;
-    const bodyHeight = size * 1.2;
-    bodyPath.addOval({
-      x: centerX - bodyWidth / 2,
-      y: centerY - bodyHeight / 2,
-      width: bodyWidth,
-      height: bodyHeight
-    });
-
-    // Original wing paths
-    const leftWing = Skia.Path.Make();
-    const rightWing = Skia.Path.Make();
-    const wingWidth = size * 0.6;
-    const wingHeight = size * 0.3;
-
-    // Left wing (original design)
-    leftWing.moveTo(centerX - size * 0.3, centerY);
-    leftWing.lineTo(centerX - size * 0.3 - wingWidth, centerY - wingHeight / 2);
-    leftWing.lineTo(centerX - size * 0.3 - wingWidth * 0.8, centerY + wingHeight / 2);
-    leftWing.close();
-
-    // Right wing (original design)
-    rightWing.moveTo(centerX + size * 0.3, centerY);
-    rightWing.lineTo(centerX + size * 0.3 + wingWidth, centerY - wingHeight / 2);
-    rightWing.lineTo(centerX + size * 0.3 + wingWidth * 0.8, centerY + wingHeight / 2);
-    rightWing.close();
-
-    // Original cockpit
-    const cockpitPath = Skia.Path.Make();
-    const cockpitSize = size * 0.4;
-    cockpitPath.addOval({
-      x: centerX - cockpitSize / 2,
-      y: centerY - size * 0.4 - cockpitSize / 2,
-      width: cockpitSize,
-      height: cockpitSize * 0.8
-    });
-
-    // Thruster flame paths - static flames
-    const leftFlame = Skia.Path.Make();
-    const rightFlame = Skia.Path.Make();
-    const flameLength = size * 0.4;
-
-    // Left thruster flame (triangular)
-    leftFlame.moveTo(centerX - size * 0.15, centerY + size * 0.5);
-    leftFlame.lineTo(centerX - size * 0.1, centerY + size * 0.5 + flameLength);
-    leftFlame.lineTo(centerX - size * 0.2, centerY + size * 0.5 + flameLength);
-    leftFlame.close();
-
-    // Right thruster flame (triangular)
-    rightFlame.moveTo(centerX + size * 0.15, centerY + size * 0.5);
-    rightFlame.lineTo(centerX + size * 0.2, centerY + size * 0.5 + flameLength);
-    rightFlame.lineTo(centerX + size * 0.1, centerY + size * 0.5 + flameLength);
-    rightFlame.close();
-    return {
-      bodyPath,
-      leftWing,
-      rightWing,
-      cockpitPath,
-      leftFlame,
-      rightFlame,
-      centerX,
-      centerY
-    };
-  }, [canvasSize, size]);
-  const {
-    bodyPath,
-    leftWing,
-    rightWing,
-    cockpitPath,
-    leftFlame,
-    rightFlame,
-    centerX,
-    centerY
-  } = spacecraftPaths;
-  return /*#__PURE__*/_jsx(View, {
-    style: {
-      position: 'absolute',
-      left: spacecraft.x - canvasSize / 2,
-      top: spacecraft.y - canvasSize / 2,
-      width: canvasSize,
-      height: canvasSize,
-      transform: [{
-        scale: isControlled ? 1.05 : 1
-      }] // Simple static scale for controlled state
-    },
-    children: /*#__PURE__*/_jsx(Canvas, {
-      style: {
-        width: canvasSize,
-        height: canvasSize
-      },
-      children: /*#__PURE__*/_jsxs(Group, {
-        children: [/*#__PURE__*/_jsx(Path, {
-          path: leftFlame,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(centerX - size * 0.15, centerY + size * 0.5),
-            end: vec(centerX - size * 0.15, centerY + size * 0.9),
-            colors: isControlled ? ['#ffffff', '#ffff00', '#ff6600', '#ff0000'] : ['#ffaa00', '#ff6600', '#cc4400', '#990000']
-          })
-        }), /*#__PURE__*/_jsx(Path, {
-          path: rightFlame,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(centerX + size * 0.15, centerY + size * 0.5),
-            end: vec(centerX + size * 0.15, centerY + size * 0.9),
-            colors: isControlled ? ['#ffffff', '#ffff00', '#ff6600', '#ff0000'] : ['#ffaa00', '#ff6600', '#cc4400', '#990000']
-          })
-        }), /*#__PURE__*/_jsx(Path, {
-          path: leftWing,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(centerX - size * 0.8, centerY - size * 0.2),
-            end: vec(centerX - size * 0.2, centerY + size * 0.2),
-            colors: isControlled ? ['#00ccff', '#0099cc', '#006699', '#003366'] : ['#0099cc', '#006699', '#003366', '#001133']
-          })
-        }), /*#__PURE__*/_jsx(Path, {
-          path: rightWing,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(centerX + size * 0.2, centerY - size * 0.2),
-            end: vec(centerX + size * 0.8, centerY + size * 0.2),
-            colors: isControlled ? ['#00ccff', '#0099cc', '#006699', '#003366'] : ['#0099cc', '#006699', '#003366', '#001133']
-          })
-        }), /*#__PURE__*/_jsx(Path, {
-          path: bodyPath,
-          children: /*#__PURE__*/_jsx(LinearGradient, {
-            start: vec(centerX - size * 0.4, centerY - size * 0.6),
-            end: vec(centerX + size * 0.4, centerY + size * 0.6),
-            colors: isControlled ? ['#00ffff', '#00d4ff', '#0099ff', '#0066cc', '#003399'] : ['#00d4ff', '#0099ff', '#0066cc', '#003399', '#001166']
-          })
-        }), /*#__PURE__*/_jsx(Path, {
-          path: cockpitPath,
-          children: /*#__PURE__*/_jsx(RadialGradient, {
-            c: vec(centerX, centerY - size * 0.4),
-            r: size * 0.3,
-            colors: ['rgba(255,255,255,0.8)', 'rgba(100,200,255,0.6)', 'rgba(0,100,200,0.8)']
-          })
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX - size * 0.15,
-          cy: centerY + size * 0.5,
-          r: size * 0.08,
-          children: /*#__PURE__*/_jsx(RadialGradient, {
-            c: vec(centerX - size * 0.15, centerY + size * 0.5),
-            r: size * 0.08,
-            colors: ['#ffffff', '#ffff00', '#ff6600', '#ff0000']
-          })
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX + size * 0.15,
-          cy: centerY + size * 0.5,
-          r: size * 0.08,
-          children: /*#__PURE__*/_jsx(RadialGradient, {
-            c: vec(centerX + size * 0.15, centerY + size * 0.5),
-            r: size * 0.08,
-            colors: ['#ffffff', '#ffff00', '#ff6600', '#ff0000']
-          })
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX - size * 0.8,
-          cy: centerY,
-          r: size * 0.06,
-          color: isControlled ? '#00ff00' : '#00cc00'
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX + size * 0.8,
-          cy: centerY,
-          r: size * 0.06,
-          color: isControlled ? '#ff0000' : '#cc0000'
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX,
-          cy: centerY,
-          r: size * 0.08,
-          children: /*#__PURE__*/_jsx(RadialGradient, {
-            c: vec(centerX, centerY),
-            r: size * 0.08,
-            colors: isControlled ? ['#ffffff', '#00ffff', '#0099ff'] : ['#cccccc', '#0099ff', '#006699']
-          })
-        }), /*#__PURE__*/_jsx(Circle, {
-          cx: centerX - size * 0.1,
-          cy: centerY - size * 0.45,
-          r: size * 0.08,
-          color: "rgba(255,255,255,0.8)"
-        })]
-      })
-    })
-  });
-});
-//# sourceMappingURL=Spacecraft3D.js.map
+"use strict";import React,{useMemo}from 'react';import{Canvas,Circle,Path,Skia,vec,Group,LinearGradient,RadialGradient}from '@shopify/react-native-skia';import{View}from 'react-native';import{jsx as _jsx,jsxs as _jsxs}from "react/jsx-runtime";export const Spacecraft3D = React.memo(({spacecraft,isControlled})=>{const size = spacecraft.size;const canvasSize = size * 2;const spacecraftPaths = useMemo(()=>{const centerX = canvasSize / 2;const centerY = canvasSize / 2;const bodyPath = Skia.Path.Make();const bodyWidth = size * 0.8;const bodyHeight = size * 1.2;bodyPath.addOval({x:centerX - bodyWidth / 2,y:centerY - bodyHeight / 2,width:bodyWidth,height:bodyHeight});const leftWing = Skia.Path.Make();const rightWing = Skia.Path.Make();const wingWidth = size * 0.6;const wingHeight = size * 0.3;leftWing.moveTo(centerX - size * 0.3,centerY);leftWing.lineTo(centerX - size * 0.3 - wingWidth,centerY - wingHeight / 2);leftWing.lineTo(centerX - size * 0.3 - wingWidth * 0.8,centerY + wingHeight / 2);leftWing.close();rightWing.moveTo(centerX + size * 0.3,centerY);rightWing.lineTo(centerX + size * 0.3 + wingWidth,centerY - wingHeight / 2);rightWing.lineTo(centerX + size * 0.3 + wingWidth * 0.8,centerY + wingHeight / 2);rightWing.close();const cockpitPath = Skia.Path.Make();const cockpitSize = size * 0.4;cockpitPath.addOval({x:centerX - cockpitSize / 2,y:centerY - size * 0.4 - cockpitSize / 2,width:cockpitSize,height:cockpitSize * 0.8});const leftFlame = Skia.Path.Make();const rightFlame = Skia.Path.Make();const flameLength = size * 0.4;leftFlame.moveTo(centerX - size * 0.15,centerY + size * 0.5);leftFlame.lineTo(centerX - size * 0.1,centerY + size * 0.5 + flameLength);leftFlame.lineTo(centerX - size * 0.2,centerY + size * 0.5 + flameLength);leftFlame.close();rightFlame.moveTo(centerX + size * 0.15,centerY + size * 0.5);rightFlame.lineTo(centerX + size * 0.2,centerY + size * 0.5 + flameLength);rightFlame.lineTo(centerX + size * 0.1,centerY + size * 0.5 + flameLength);rightFlame.close();return{bodyPath,leftWing,rightWing,cockpitPath,leftFlame,rightFlame,centerX,centerY};},[canvasSize,size]);const{bodyPath,leftWing,rightWing,cockpitPath,leftFlame,rightFlame,centerX,centerY}= spacecraftPaths;return _jsx(View,{style:{position:'absolute',left:spacecraft.x - canvasSize / 2,top:spacecraft.y - canvasSize / 2,width:canvasSize,height:canvasSize,transform:[{scale:isControlled ? 1.05:1}]},children:_jsx(Canvas,{style:{width:canvasSize,height:canvasSize},children:_jsxs(Group,{children:[_jsx(Path,{path:leftFlame,children:_jsx(LinearGradient,{start:vec(centerX - size * 0.15,centerY + size * 0.5),end:vec(centerX - size * 0.15,centerY + size * 0.9),colors:isControlled ? ['#ffffff','#ffff00','#ff6600','#ff0000']:['#ffaa00','#ff6600','#cc4400','#990000']})}),_jsx(Path,{path:rightFlame,children:_jsx(LinearGradient,{start:vec(centerX + size * 0.15,centerY + size * 0.5),end:vec(centerX + size * 0.15,centerY + size * 0.9),colors:isControlled ? ['#ffffff','#ffff00','#ff6600','#ff0000']:['#ffaa00','#ff6600','#cc4400','#990000']})}),_jsx(Path,{path:leftWing,children:_jsx(LinearGradient,{start:vec(centerX - size * 0.8,centerY - size * 0.2),end:vec(centerX - size * 0.2,centerY + size * 0.2),colors:isControlled ? ['#00ccff','#0099cc','#006699','#003366']:['#0099cc','#006699','#003366','#001133']})}),_jsx(Path,{path:rightWing,children:_jsx(LinearGradient,{start:vec(centerX + size * 0.2,centerY - size * 0.2),end:vec(centerX + size * 0.8,centerY + size * 0.2),colors:isControlled ? ['#00ccff','#0099cc','#006699','#003366']:['#0099cc','#006699','#003366','#001133']})}),_jsx(Path,{path:bodyPath,children:_jsx(LinearGradient,{start:vec(centerX - size * 0.4,centerY - size * 0.6),end:vec(centerX + size * 0.4,centerY + size * 0.6),colors:isControlled ? ['#00ffff','#00d4ff','#0099ff','#0066cc','#003399']:['#00d4ff','#0099ff','#0066cc','#003399','#001166']})}),_jsx(Path,{path:cockpitPath,children:_jsx(RadialGradient,{c:vec(centerX,centerY - size * 0.4),r:size * 0.3,colors:['rgba(255,255,255,0.8)','rgba(100,200,255,0.6)','rgba(0,100,200,0.8)']})}),_jsx(Circle,{cx:centerX - size * 0.15,cy:centerY + size * 0.5,r:size * 0.08,children:_jsx(RadialGradient,{c:vec(centerX - size * 0.15,centerY + size * 0.5),r:size * 0.08,colors:['#ffffff','#ffff00','#ff6600','#ff0000']})}),_jsx(Circle,{cx:centerX + size * 0.15,cy:centerY + size * 0.5,r:size * 0.08,children:_jsx(RadialGradient,{c:vec(centerX + size * 0.15,centerY + size * 0.5),r:size * 0.08,colors:['#ffffff','#ffff00','#ff6600','#ff0000']})}),_jsx(Circle,{cx:centerX - size * 0.8,cy:centerY,r:size * 0.06,color:isControlled ? '#00ff00':'#00cc00'}),_jsx(Circle,{cx:centerX + size * 0.8,cy:centerY,r:size * 0.06,color:isControlled ? '#ff0000':'#cc0000'}),_jsx(Circle,{cx:centerX,cy:centerY,r:size * 0.08,children:_jsx(RadialGradient,{c:vec(centerX,centerY),r:size * 0.08,colors:isControlled ? ['#ffffff','#00ffff','#0099ff']:['#cccccc','#0099ff','#006699']})}),_jsx(Circle,{cx:centerX - size * 0.1,cy:centerY - size * 0.45,r:size * 0.08,color:"rgba(255,255,255,0.8)"})]})})});});

package/lib/module/games/space-fighter/components/SpacecraftPath.js

@@ -1,52 +1 @@
-"use strict";
-
-import React, { useMemo } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { COLORS } from "../SpaceFighterService.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-// Optimized SpacecraftPath with performance improvements
-export const SpacecraftPath = /*#__PURE__*/React.memo(({
-  path
-}) => {
-  // Early return for performance
-  if (path.length < 2) return null;
-
-  // Memoize path points to prevent recalculation on every render
-  const pathPoints = useMemo(() => {
-    return path.slice(1).map((point, index) => ({
-      key: `path-${index}`,
-      x: point.x - 2,
-      y: point.y - 2,
-      opacity: (index + 1) / path.length * 0.5
-    }));
-  }, [path]);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: pathPoints.map(point => /*#__PURE__*/_jsx(View, {
-      style: [styles.pathPoint, {
-        left: point.x,
-        top: point.y,
-        opacity: point.opacity
-      }]
-    }, point.key))
-  });
-});
-
-// Optimized styles using StyleSheet
-const styles = StyleSheet.create({
-  container: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  pathPoint: {
-    position: 'absolute',
-    width: 4,
-    height: 4,
-    borderRadius: 2,
-    backgroundColor: COLORS.SPACECRAFT
-  }
-});
-//# sourceMappingURL=SpacecraftPath.js.map
+"use strict";import React,{useMemo}from 'react';import{View,StyleSheet}from 'react-native';import{COLORS}from "../SpaceFighterService.js";import{jsx as _jsx}from "react/jsx-runtime";export const SpacecraftPath = React.memo(({path})=>{if(path.length < 2)return null;const pathPoints = useMemo(()=>{return path.slice(1).map((point,index)=>({key:`path-${index}`,x:point.x - 2,y:point.y - 2,opacity:(index + 1)/ path.length * 0.5}));},[path]);return _jsx(View,{style:styles.container,children:pathPoints.map(point => _jsx(View,{style:[styles.pathPoint,{left:point.x,top:point.y,opacity:point.opacity}]},point.key))});});const styles = StyleSheet.create({container:{position:'absolute',top:0,left:0,right:0,bottom:0},pathPoint:{position:'absolute',width:4,height:4,borderRadius:2,backgroundColor:COLORS.SPACECRAFT}});

package/lib/module/games/space-fighter/components/index.js

@@ -1,9 +1 @@
-"use strict";
-
-export { ScoreBoard } from "./ScoreBoard.js";
-export { AsteroidComponent } from "./AsteroidComponent.js";
-export { Spacecraft3D } from "./Spacecraft3D.js";
-export { SpacecraftPath } from "./SpacecraftPath.js";
-export { GameArea } from "./GameArea.js";
-export { GameBackground } from "./GameBackground.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{ScoreBoard}from "./ScoreBoard.js";export{AsteroidComponent}from "./AsteroidComponent.js";export{Spacecraft3D}from "./Spacecraft3D.js";export{SpacecraftPath}from "./SpacecraftPath.js";export{GameArea}from "./GameArea.js";export{GameBackground}from "./GameBackground.js";