@beta-gamer/react-native 0.1.8 → 0.1.12

package/dist/index.d.mts

@@ -42,6 +42,7 @@ interface GameState {
 
 interface BetaGamerContextValue {
     token: string;
+    serverUrl: string;
     session: SessionTokenPayload;
     socket: Socket | null;
     gameState: GameState;

package/dist/index.d.ts

@@ -42,6 +42,7 @@ interface GameState {
 
 interface BetaGamerContextValue {
     token: string;
+    serverUrl: string;
     session: SessionTokenPayload;
     socket: Socket | null;
     gameState: GameState;

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 }));
     });
@@ -112,7 +124,7 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", so
       setSocket(null);
     };
   }, [token, serverUrl, socketPath, session.game]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BetaGamerContext.Provider, { value: { token, session, socket, gameState, theme: session.theme ?? {} }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BetaGamerContext.Provider, { value: { token, serverUrl, session, socket, gameState, theme: session.theme ?? {} }, children });
 }
 function useBetaGamer() {
   const ctx = (0, import_react.useContext)(BetaGamerContext);
@@ -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
@@ -185,9 +197,8 @@ function Timer({ player, initialSeconds = 600, style, textStyle }) {
 var import_react3 = require("react");
 var import_react_native_webview = require("react-native-webview");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var BASE_URL = "https://api.beta-gamer.com";
 function GameWebView({ game, style }) {
-  const { token, session } = useBetaGamer();
+  const { token, serverUrl, session } = useBetaGamer();
   const webViewRef = (0, import_react3.useRef)(null);
   if (session.game !== game) return null;
   const initScript = `
@@ -199,7 +210,7 @@ function GameWebView({ game, style }) {
     import_react_native_webview.WebView,
     {
       ref: webViewRef,
-      source: { uri: `${BASE_URL}/embed/${game}` },
+      source: { uri: `${serverUrl}/embed/${game}` },
       injectedJavaScriptBeforeContentLoaded: initScript,
       style: [{ flex: 1 }, style],
       allowsInlineMediaPlayback: true,
@@ -216,7 +227,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 +253,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 +281,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 +296,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 +308,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 }));
     });
@@ -71,7 +83,7 @@ function BetaGamerProvider({ token, serverUrl = "https://api.beta-gamer.com", so
       setSocket(null);
     };
   }, [token, serverUrl, socketPath, session.game]);
-  return /* @__PURE__ */ jsx(BetaGamerContext.Provider, { value: { token, session, socket, gameState, theme: session.theme ?? {} }, children });
+  return /* @__PURE__ */ jsx(BetaGamerContext.Provider, { value: { token, serverUrl, session, socket, gameState, theme: session.theme ?? {} }, children });
 }
 function useBetaGamer() {
   const ctx = useContext(BetaGamerContext);
@@ -144,9 +156,8 @@ function Timer({ player, initialSeconds = 600, style, textStyle }) {
 import { useRef } from "react";
 import { WebView } from "react-native-webview";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var BASE_URL = "https://api.beta-gamer.com";
 function GameWebView({ game, style }) {
-  const { token, session } = useBetaGamer();
+  const { token, serverUrl, session } = useBetaGamer();
   const webViewRef = useRef(null);
   if (session.game !== game) return null;
   const initScript = `
@@ -158,7 +169,7 @@ function GameWebView({ game, style }) {
     WebView,
     {
       ref: webViewRef,
-      source: { uri: `${BASE_URL}/embed/${game}` },
+      source: { uri: `${serverUrl}/embed/${game}` },
       injectedJavaScriptBeforeContentLoaded: initScript,
       style: [{ flex: 1 }, style],
       allowsInlineMediaPlayback: true,

package/package.json

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