@beta-gamer/react-native 0.1.8 → 0.1.9

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) {
@@ -101,6 +102,17 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", so
       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 }));
     });
@@ -135,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();
@@ -143,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();
@@ -174,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
@@ -216,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();
@@ -242,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,
@@ -270,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 });
@@ -285,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();
@@ -297,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) {
@@ -60,6 +61,17 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", so
       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 }));
     });

package/package.json

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