Ajoue du serveur et du client qui marche

bob_party/App.tsx

@@ -7,8 +7,10 @@ import { useFonts } from 'expo-font';
 
 
 
+
 export default function App() {
 
+
   const [fontsLoaded] = useFonts({
     'Helvetica': require('./assets/fonts/Helvetica.ttf'),
   });

bob_party/index.js

@@ -1,40 +0,0 @@
-const express = require("express");
-const app = express();
-const PORT = 4000;
-
-
-app.use(express.urlencoded({ extended: true }));
-app.use(express.json());
-
-const http = require("http").Server(app);
-const cors = require("cors");
-
-const socketIO = require('socket.io')(http, {
-  cors: {
-    origin: "<http://localhost:3000>"
-  }
-});
-
-//👇🏻 Add this before the app.get() block
-socketIO.on('connection', (socket) => {
-  console.log(`⚡: ${socket.id} user just connected!`);
-
-  socket.on("singIn", (test) => {
-    console.log(test);
-  });
-
-  socket.on('disconnect', () => {
-    socket.disconnect()
-    console.log('🔥: A user disconnected');
-  });
-});
-
-app.get("/api", (req, res) => {
-  res.json({
-    message: "Hello world",
-  });
-});
-
-app.listen(PORT, () => {
-  console.log(`Server listening on ${PORT}`);
-});

bob_party/initSocket.js

@@ -0,0 +1,8 @@
+const { io } = require("socket.io-client");
+
+
+
+export default socket = io("http://localhost:3000");
+
+    
+

bob_party/server.js

@@ -0,0 +1,22 @@
+const express = require('express');
+const app = express();
+const http = require('http');
+const server = http.createServer(app);
+const { Server } = require("socket.io");
+const io = new Server(server);
+
+const connectUsers = []
+
+io.on('connection', (socket) => {
+  console.log(socket.id)  
+
+  socket.on('joinRoom', ({username}) => {
+    connectUsers.push(username)
+
+    socket.emit('roomJoined', connectUsers)
+  });
+});
+
+server.listen(3000, () => {
+  console.log('listening on *:3000');
+});

bob_party/src/Games/CookieClicker/cookieClicker.tsx

@@ -8,6 +8,7 @@ import {
   Image,
   TouchableHighlight,
   Alert,
+  ImageBackground,
 } from 'react-native'
 import { MANAGER_MATCH, MANAGER_USER } from '../../../appManagers';
 import { useMatchStore } from '../../context/matchContext';
@@ -16,12 +17,12 @@ import { Match } from '../../core/Match/match';
 import { User } from '../../core/User/user';
 
 
-let points=0;
+let points = 0;
 
-function CookieClicker(props: { navigation: any}){
+function CookieClicker(props: { navigation: any }) {
   const { navigation } = props
 
-  const GAMING_TIME=120;
+  const GAMING_TIME = 120;
 
   const setUser = useUserStore((state) => state.setUser);
 
@@ -39,56 +40,56 @@ function CookieClicker(props: { navigation: any}){
   const [timer, setTimer] = useState(GAMING_TIME);
 
 
-  function onPressCookie(){
-    setMoney(money+clickSpeed);
-    setCount(count+clickSpeed);
-    points=count+clickSpeed;
+  function onPressCookie() {
+    setMoney(money + clickSpeed);
+    setCount(count + clickSpeed);
+    points = count + clickSpeed;
   }
 
-  function onPressGrandma(){
-    if (money>=grandmaCost){
-      setMoney(money-grandmaCost);
-      setClickSpeed(clickSpeed+1);
-      setGrandmaCost(grandmaCost+10);
+  function onPressGrandma() {
+    if (money >= grandmaCost) {
+      setMoney(money - grandmaCost);
+      setClickSpeed(clickSpeed + 1);
+      setGrandmaCost(grandmaCost + 10);
     }
   }
 
-  function onPressFarm(){
-    if (money>=farmCost){
-      setMoney(money-farmCost);
-      setClickSpeed(clickSpeed+25);
-      setFarmCost(farmCost+250);
+  function onPressFarm() {
+    if (money >= farmCost) {
+      setMoney(money - farmCost);
+      setClickSpeed(clickSpeed + 25);
+      setFarmCost(farmCost + 250);
     }
   }
 
-  function onPressFactory(){
-    if (money>=factoryCost){
-      setMoney(money-factoryCost);
-      setClickSpeed(clickSpeed+200);
-      setFactoryCost(factoryCost+2000);
+  function onPressFactory() {
+    if (money >= factoryCost) {
+      setMoney(money - factoryCost);
+      setClickSpeed(clickSpeed + 200);
+      setFactoryCost(factoryCost + 2000);
     }
   }
 
-  function onPressWizard(){
-    if (money>=wizardCost){
-      setMoney(money-wizardCost);
-      setClickSpeed(clickSpeed+2500);
-      setWizardCost(wizardCost+25000);
+  function onPressWizard() {
+    if (money >= wizardCost) {
+      setMoney(money - wizardCost);
+      setClickSpeed(clickSpeed + 2500);
+      setWizardCost(wizardCost + 25000);
     }
   }
 
-  function onPressPortal(){
-    if (money>=portalCost){
-      setMoney(money-portalCost);
-      setClickSpeed(clickSpeed+20000);
-      setPortalCost(portalCost+200000);
+  function onPressPortal() {
+    if (money >= portalCost) {
+      setMoney(money - portalCost);
+      setClickSpeed(clickSpeed + 20000);
+      setPortalCost(portalCost + 200000);
     }
   }
 
-  function endGame(){
-    const tmp=MANAGER_USER.getCurrentUser();
-    if (tmp!==null){
-      if (MANAGER_MATCH.getCurrentMatch()?.getTabUsers().includes(tmp)){
+  function endGame() {
+    const tmp = MANAGER_USER.getCurrentUser();
+    if (tmp !== null) {
+      if (MANAGER_MATCH.getCurrentMatch()?.getTabUsers().includes(tmp)) {
         MANAGER_MATCH.getCurrentMatch()?.updatePostMatch(tmp, points);
         setUser(tmp);
       }
@@ -97,90 +98,96 @@ function CookieClicker(props: { navigation: any}){
   }
 
   useEffect(() => {
-    let counter=GAMING_TIME;
+    let counter = GAMING_TIME;
     var oneSecInterval = setInterval(() => {
       setTimer(timer => timer - 1);
-      counter --;
+      counter--;
 
       if (counter == 0) {
-          clearInterval(oneSecInterval);
-          endGame();
-          Alert.alert("fin du jeu");
-          navigation.navigate('Home');
+        clearInterval(oneSecInterval);
+        endGame();
+        Alert.alert("fin du jeu");
+        navigation.navigate('Home');
       }
     }, 1000);
-  },[]);
-
+  }, []);
+
+
+  return (
+    <View style={styles.container}>
+      <ImageBackground source={{ uri: "https://i0.wp.com/lesfoliesdejenny.fr/wp-content/uploads/2021/12/5.png?w=1080&ssl=1" }} resizeMode="cover" style={styles.image}>
+        <View style={styles.containerTop}>
+          <Text style={styles.cout}>
+            Timer: {timer}
+          </Text>
+          <TouchableHighlight onPress={onPressCookie} >
+            <Image style={styles.photo} source={{ uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasCookie.png' }} />
+          </TouchableHighlight>
+          <Text style={styles.cout}>
+            Argent {money}
+          </Text>
+          <Text style={styles.cout}>
+            Points {count}
+          </Text>
+        
+        <View style={styles.containerRight}>
+          <TouchableHighlight onPress={onPressGrandma}>
+            <Image style={styles.photo} source={{ uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasGrandma.png' }} />
+          </TouchableHighlight>
+          <View>
+            <Text style={styles.cout}>
+              Cost {grandmaCost}
+            </Text>
+          </View>
 
-    return (
-        <View style={styles.container}>
-          <View >
-            <Text>
-              Timer: {timer}
+          <TouchableHighlight onPress={onPressFarm} style={styles.photo}>
+            <Image style={styles.photo} source={{ uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasFarm.png' }} />
+          </TouchableHighlight>
+          <View>
+            <Text style={styles.cout}>
+              Cost {farmCost}
             </Text>
-            <TouchableHighlight onPress={onPressCookie} >
-              <Image style={styles.photo} source={{uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasCookie.png'}}/>
-            </TouchableHighlight>
-            <Text>
-              Argent {money}
+          </View>
+
+          <TouchableHighlight onPress={onPressFactory}>
+            <Image style={styles.photo} source={{ uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasFactory.png' }} />
+          </TouchableHighlight>
+          <View>
+            <Text style={styles.cout}>
+              Cost {factoryCost}
             </Text>
-            <Text>
-              Points {count}
+          </View>
+
+          <TouchableHighlight onPress={onPressWizard}>
+            <Image style={styles.photo} source={{ uri: 'https://www.clasher.us/images/coc/units/Wizard_Tower7.png' }} />
+          </TouchableHighlight>
+          <View>
+            <Text style={styles.cout}>
+              Cost {wizardCost}
             </Text>
           </View>
-          <View style={styles.containerRight}>
-            <TouchableHighlight onPress={onPressGrandma}>
-              <Image style={styles.photo} source={{uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasGrandma.png'}}/>
-            </TouchableHighlight>
-            <View>
-              <Text style={styles.cout}>
-                Cost {grandmaCost}
-              </Text>
-            </View>
-
-            <TouchableHighlight onPress={onPressFarm} style={styles.photo}>
-              <Image style={styles.photo} source={{uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasFarm.png'}}/>
-            </TouchableHighlight>
-            <View>
-              <Text style={styles.cout}>
-                Cost {farmCost}
-              </Text>
-            </View>
-
-            <TouchableHighlight onPress={onPressFactory}>
-              <Image style={styles.photo} source={{uri: 'https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY/raw/branch/Persistance/bob_party/assets/ImagesJeux/CookieClicker/ChristmasFactory.png'}}/>
-            </TouchableHighlight>
-            <View>
-              <Text style={styles.cout}>
-                Cost {factoryCost}
-              </Text>
-            </View>
-
-            <TouchableHighlight onPress={onPressWizard}>
-              <Image style={styles.photo} source={{uri: 'https://www.clasher.us/images/coc/units/Wizard_Tower7.png'}}/>
-            </TouchableHighlight>
-            <View>
-              <Text style={styles.cout}>
-                Cost {wizardCost}
-              </Text>
-            </View>
-
-            <TouchableHighlight onPress={onPressPortal}>
-              <Image style={styles.photo} source={{uri: 'https://i.pinimg.com/originals/98/29/21/9829215db6f9210c0ae4e318e854cb1f.png'}}/>
-            </TouchableHighlight>
-            <View>
-              <Text style={styles.cout}>
-                Cost {portalCost}
-              </Text>
-            </View>
 
+          <TouchableHighlight onPress={onPressPortal}>
+            <Image style={styles.photo} source={{ uri: 'https://i.pinimg.com/originals/98/29/21/9829215db6f9210c0ae4e318e854cb1f.png' }} />
+          </TouchableHighlight>
+          <View>
+            <Text style={styles.cout}>
+              Cost {portalCost}
+            </Text>
+          </View>
           </View>
+
         </View>
-    )
-  }
+      </ImageBackground>
+    </View>
+  )
+}
 
 const styles = StyleSheet.create({
   container: {
+    flex: 1,
+  },
+  containerTop:{
     top: 75,
     margin: 10,
     flex: 1,
@@ -190,7 +197,6 @@ const styles = StyleSheet.create({
   containerRight: {
     flex: 1,
     flexWrap: "wrap",
-    top: 100,
     marginBottom: 20,
     left: 100,
   },
@@ -208,12 +214,18 @@ const styles = StyleSheet.create({
     marginBottom: 10
   },
   photo: {
-    width: 50,
-    height: 100
+    width: 75,
+    height: 75
   },
   cout: {
-    marginBottom: 20
-  }
+    marginBottom: 20,
+    color: "white",
+    fontSize: 15
+  },
+  image: {
+    flex: 1,
+    justifyContent: "center"
+  },
 
 })