@beta-gamer/react-native 0.1.6 → 0.1.9

package/dist/index.d.mts

@@ -50,9 +50,10 @@ interface BetaGamerContextValue {
 interface BetaGamerProviderProps {
     token: string;
     serverUrl?: string;
+    socketPath?: string;
     children: React.ReactNode;
 }
-declare function BetaGamerProvider({ token, serverUrl, children }: BetaGamerProviderProps): react_jsx_runtime.JSX.Element;
+declare function BetaGamerProvider({ token, serverUrl, socketPath, children }: BetaGamerProviderProps): react_jsx_runtime.JSX.Element;
 declare function useBetaGamer(): BetaGamerContextValue;
 
 /** Returns the current game state (status, players, winner, etc.) */

package/dist/index.d.ts

@@ -50,9 +50,10 @@ interface BetaGamerContextValue {
 interface BetaGamerProviderProps {
     token: string;
     serverUrl?: string;
+    socketPath?: string;
     children: React.ReactNode;
 }
-declare function BetaGamerProvider({ token, serverUrl, children }: BetaGamerProviderProps): react_jsx_runtime.JSX.Element;
+declare function BetaGamerProvider({ token, serverUrl, socketPath, children }: BetaGamerProviderProps): react_jsx_runtime.JSX.Element;
 declare function useBetaGamer(): BetaGamerContextValue;
 
 /** Returns the current game state (status, players, winner, etc.) */

package/dist/index.js

@@ -41,6 +41,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/context/BetaGamerProvider.tsx
 var import_react = require("react");
+var import_react_native = require("react-native");
 var import_socket = require("socket.io-client");
 var import_jsx_runtime = require("react/jsx-runtime");
 function base64Decode(str) {
@@ -87,7 +88,7 @@ function decodeToken(token) {
   return JSON.parse(base64Decode(parts[1]));
 }
 var BetaGamerContext = (0, import_react.createContext)(null);
-function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", children }) {
+function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", socketPath = "/socket.io", children }) {
   const session = decodeToken(token);
   const [socket, setSocket] = (0, import_react.useState)(null);
   const [gameState, setGameState] = (0, import_react.useState)({
@@ -97,9 +98,21 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", ch
   (0, import_react.useEffect)(() => {
     const s = (0, import_socket.io)(`${serverUrl}/${session.game}`, {
       auth: { token },
+      path: socketPath,
       transports: ["websocket", "polling"]
     });
     setSocket(s);
+    s.on("connect_error", (err) => {
+      const msg = err.message?.toLowerCase() ?? "";
+      let reason = "Unable to connect to the game server.";
+      if (msg.includes("websocket") || msg.includes("transport")) reason = "Connection failed: server does not accept WebSocket connections.";
+      else if (msg.includes("timeout")) reason = "Connection timed out. Check your internet connection.";
+      else if (msg.includes("unauthorized") || msg.includes("401")) reason = "Connection refused: invalid or expired session token.";
+      else if (msg.includes("not found") || msg.includes("404")) reason = "Game server not found. Check your serverUrl.";
+      else if (msg.includes("cors")) reason = "Connection blocked by CORS policy.";
+      else if (err.message) reason = `Connection error: ${err.message}`;
+      import_react_native.Alert.alert("Connection Error", `[Beta Gamer] ${reason}`);
+    });
     s.on("game:state", (state) => {
       setGameState((prev) => ({ ...prev, ...state }));
     });
@@ -110,7 +123,7 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", ch
       s.disconnect();
       setSocket(null);
     };
-  }, [token, serverUrl, session.game]);
+  }, [token, serverUrl, socketPath, session.game]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BetaGamerContext.Provider, { value: { token, session, socket, gameState, theme: session.theme ?? {} }, children });
 }
 function useBetaGamer() {
@@ -134,7 +147,7 @@ function useTheme() {
 }
 
 // src/components/PlayerCard.tsx
-var import_react_native = require("react-native");
+var import_react_native2 = require("react-native");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function PlayerCard({ player, style, nameStyle, indicatorStyle }) {
   const { players } = useSession();
@@ -142,15 +155,15 @@ function PlayerCard({ player, style, nameStyle, indicatorStyle }) {
   const p = player === "self" ? players[0] : players[1];
   if (!p) return null;
   const isActive = currentTurn === p.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native.View, { style, accessibilityRole: "text", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.Text, { style: nameStyle, children: p.displayName }),
-    isActive && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native.View, { style: indicatorStyle, accessibilityLabel: "Active turn" })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style, accessibilityRole: "text", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: nameStyle, children: p.displayName }),
+    isActive && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: indicatorStyle, accessibilityLabel: "Active turn" })
   ] });
 }
 
 // src/components/Timer.tsx
 var import_react2 = require("react");
-var import_react_native2 = require("react-native");
+var import_react_native3 = require("react-native");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Timer({ player, initialSeconds = 600, style, textStyle }) {
   const socket = useSocket();
@@ -173,7 +186,7 @@ function Timer({ player, initialSeconds = 600, style, textStyle }) {
   }, [status]);
   const m = Math.floor(seconds / 60).toString().padStart(2, "0");
   const s = (seconds % 60).toString().padStart(2, "0");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native2.View, { style, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native2.Text, { style: textStyle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Text, { style: textStyle, children: [
     m,
     ":",
     s
@@ -215,7 +228,7 @@ function ChessBoard({ style }) {
 
 // src/components/chess/ChessMoveHistory.tsx
 var import_react4 = require("react");
-var import_react_native3 = require("react-native");
+var import_react_native4 = require("react-native");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function ChessMoveHistory({ style, rowStyle, textStyle }) {
   const socket = useSocket();
@@ -241,7 +254,7 @@ function ChessMoveHistory({ style, rowStyle, textStyle }) {
       socket.off("chess:move", handler);
     };
   }, [socket]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.ScrollView, { style, children: moves.map(({ moveNumber, white, black }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native3.View, { style: rowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native3.Text, { style: textStyle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.ScrollView, { style, children: moves.map(({ moveNumber, white, black }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native4.View, { style: rowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react_native4.Text, { style: textStyle, children: [
     moveNumber,
     ". ",
     white,
@@ -269,7 +282,7 @@ function TictactoeBoard({ style }) {
 
 // src/components/subway-runner/index.tsx
 var import_react5 = require("react");
-var import_react_native4 = require("react-native");
+var import_react_native5 = require("react-native");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function SubwayRunnerGame({ style }) {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GameWebView, { game: "subway-runner", style });
@@ -284,7 +297,7 @@ function SubwayRunnerScore({ style, textStyle }) {
       socket.off("runner:score");
     };
   }, [socket]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native4.View, { style, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native4.Text, { style: textStyle, children: score }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native5.View, { style, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native5.Text, { style: textStyle, children: score }) });
 }
 function SubwayRunnerLives({ style, lifeStyle }) {
   const socket = useSocket();
@@ -296,7 +309,7 @@ function SubwayRunnerLives({ style, lifeStyle }) {
       socket.off("runner:lives");
     };
   }, [socket]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native4.View, { style: [{ flexDirection: "row" }, style], children: Array.from({ length: lives }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native4.View, { style: lifeStyle, accessibilityLabel: "life" }, i)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native5.View, { style: [{ flexDirection: "row" }, style], children: Array.from({ length: lives }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native5.View, { style: lifeStyle, accessibilityLabel: "life" }, i)) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,5 +1,6 @@
 // src/context/BetaGamerProvider.tsx
 import { createContext, useContext, useEffect, useState } from "react";
+import { Alert } from "react-native";
 import { io } from "socket.io-client";
 import { jsx } from "react/jsx-runtime";
 function base64Decode(str) {
@@ -46,7 +47,7 @@ function decodeToken(token) {
   return JSON.parse(base64Decode(parts[1]));
 }
 var BetaGamerContext = createContext(null);
-function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", children }) {
+function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", socketPath = "/socket.io", children }) {
   const session = decodeToken(token);
   const [socket, setSocket] = useState(null);
   const [gameState, setGameState] = useState({
@@ -56,9 +57,21 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", ch
   useEffect(() => {
     const s = io(`${serverUrl}/${session.game}`, {
       auth: { token },
+      path: socketPath,
       transports: ["websocket", "polling"]
     });
     setSocket(s);
+    s.on("connect_error", (err) => {
+      const msg = err.message?.toLowerCase() ?? "";
+      let reason = "Unable to connect to the game server.";
+      if (msg.includes("websocket") || msg.includes("transport")) reason = "Connection failed: server does not accept WebSocket connections.";
+      else if (msg.includes("timeout")) reason = "Connection timed out. Check your internet connection.";
+      else if (msg.includes("unauthorized") || msg.includes("401")) reason = "Connection refused: invalid or expired session token.";
+      else if (msg.includes("not found") || msg.includes("404")) reason = "Game server not found. Check your serverUrl.";
+      else if (msg.includes("cors")) reason = "Connection blocked by CORS policy.";
+      else if (err.message) reason = `Connection error: ${err.message}`;
+      Alert.alert("Connection Error", `[Beta Gamer] ${reason}`);
+    });
     s.on("game:state", (state) => {
       setGameState((prev) => ({ ...prev, ...state }));
     });
@@ -69,7 +82,7 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", ch
       s.disconnect();
       setSocket(null);
     };
-  }, [token, serverUrl, session.game]);
+  }, [token, serverUrl, socketPath, session.game]);
   return /* @__PURE__ */ jsx(BetaGamerContext.Provider, { value: { token, session, socket, gameState, theme: session.theme ?? {} }, children });
 }
 function useBetaGamer() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beta-gamer/react-native",
-  "version": "0.1.6",
+  "version": "0.1.9",
   "description": "React Native SDK for Beta Gamer GaaS — composable game components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",