@beta-gamer/react-native 0.1.18 → 0.1.19

package/README.md

@@ -85,7 +85,7 @@ const styles = StyleSheet.create({
 
 | Component | Props | Description |
 |-----------|-------|-------------|
-| `BetaGamerProvider` | `token`, `serverUrl?` | Wrap your game UI with this. Handles socket connection and theme. |
+| `BetaGamerProvider` | `token`, `serverUrl?`, `socketPath?` | Wrap your game UI with this. Handles socket connection and theme. |
 | `PlayerCard` | `player`, `style?`, `nameStyle?`, `indicatorStyle?` | Player name + active-turn indicator |
 | `Timer` | `player`, `initialSeconds?`, `style?`, `textStyle?` | Live countdown clock, syncs with server |
 
@@ -93,17 +93,19 @@ const styles = StyleSheet.create({
 
 | Component | Props | Description |
 |-----------|-------|-------------|
-| `ChessBoard` | `style?` | Interactive chess board (WebView) |
+| `ChessBoard` | `style?`, `showAfkWarning?` | Interactive chess board (WebView) |
 | `ChessMoveHistory` | `style?`, `textStyle?`, `rowStyle?` | Scrollable move list in algebraic notation |
 
 ### Other games
 
-| Component | Game |
-|-----------|------|
-| `CheckersBoard` | checkers |
-| `Connect4Board` | connect4 |
-| `TictactoeBoard` | tictactoe |
-| `SubwayRunnerGame`, `SubwayRunnerScore`, `SubwayRunnerLives` | subway-runner |
+| Component | Props | Game |
+|-----------|-------|------|
+| `CheckersBoard` | `style?`, `showAfkWarning?` | checkers |
+| `Connect4Board` | `style?`, `showAfkWarning?` | connect4 |
+| `TictactoeBoard` | `style?`, `showAfkWarning?` | tictactoe |
+| `SubwayRunnerGame`, `SubwayRunnerScore`, `SubwayRunnerLives` | `style?` | subway-runner |
+
+> **`showAfkWarning`** (default `true`) — set to `false` to hide the built-in AFK countdown banner and implement your own using the `{game}:afk_warning` / `{game}:afk_warning_cleared` socket events.
 
 ## Hooks
 

package/dist/index.d.mts

@@ -82,8 +82,9 @@ interface TimerProps {
 }
 declare function Timer({ player, initialSeconds, style, textStyle }: TimerProps): react_jsx_runtime.JSX.Element;
 
-declare function ChessBoard({ style }: {
+declare function ChessBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface ChessMoveHistoryProps {
@@ -93,16 +94,19 @@ interface ChessMoveHistoryProps {
 }
 declare function ChessMoveHistory({ style, rowStyle, textStyle }: ChessMoveHistoryProps): react_jsx_runtime.JSX.Element;
 
-declare function CheckersBoard({ style }: {
+declare function CheckersBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Connect4Board({ style }: {
+declare function Connect4Board({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function TictactoeBoard({ style }: {
+declare function TictactoeBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function SubwayRunnerGame({ style }: {

package/dist/index.d.ts

@@ -82,8 +82,9 @@ interface TimerProps {
 }
 declare function Timer({ player, initialSeconds, style, textStyle }: TimerProps): react_jsx_runtime.JSX.Element;
 
-declare function ChessBoard({ style }: {
+declare function ChessBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface ChessMoveHistoryProps {
@@ -93,16 +94,19 @@ interface ChessMoveHistoryProps {
 }
 declare function ChessMoveHistory({ style, rowStyle, textStyle }: ChessMoveHistoryProps): react_jsx_runtime.JSX.Element;
 
-declare function CheckersBoard({ style }: {
+declare function CheckersBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function Connect4Board({ style }: {
+declare function Connect4Board({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-declare function TictactoeBoard({ style }: {
+declare function TictactoeBoard({ style, showAfkWarning }: {
     style?: ViewStyle;
+    showAfkWarning?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 declare function SubwayRunnerGame({ style }: {

package/dist/index.js

@@ -197,10 +197,11 @@ 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");
-function GameWebView({ game, style }) {
+function GameWebView({ game, style, showAfkWarning = true }) {
   const { token, serverUrl, session } = useBetaGamer();
   const webViewRef = (0, import_react3.useRef)(null);
   if (session.game !== game) return null;
+  const uri = showAfkWarning ? `${serverUrl}/embed/${game}` : `${serverUrl}/embed/${game}?afkWarning=0`;
   const initScript = `
     window.__BG_TOKEN__ = ${JSON.stringify(token)};
     window.postMessage(JSON.stringify({ type: 'bg:init', token: ${JSON.stringify(token)} }), '*');
@@ -210,7 +211,7 @@ function GameWebView({ game, style }) {
     import_react_native_webview.WebView,
     {
       ref: webViewRef,
-      source: { uri: `${serverUrl}/embed/${game}` },
+      source: { uri },
       injectedJavaScriptBeforeContentLoaded: initScript,
       style: [{ flex: 1 }, style],
       allowsInlineMediaPlayback: true,
@@ -221,8 +222,8 @@ function GameWebView({ game, style }) {
 
 // src/components/chess/ChessBoard.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function ChessBoard({ style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GameWebView, { game: "chess", style });
+function ChessBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GameWebView, { game: "chess", style, showAfkWarning });
 }
 
 // src/components/chess/ChessMoveHistory.tsx
@@ -263,20 +264,20 @@ function ChessMoveHistory({ style, rowStyle, textStyle }) {
 
 // src/components/checkers/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function CheckersBoard({ style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GameWebView, { game: "checkers", style });
+function CheckersBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GameWebView, { game: "checkers", style, showAfkWarning });
 }
 
 // src/components/connect4/index.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function Connect4Board({ style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GameWebView, { game: "connect4", style });
+function Connect4Board({ style, showAfkWarning }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GameWebView, { game: "connect4", style, showAfkWarning });
 }
 
 // src/components/tictactoe/index.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function TictactoeBoard({ style }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameWebView, { game: "tictactoe", style });
+function TictactoeBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameWebView, { game: "tictactoe", style, showAfkWarning });
 }
 
 // src/components/subway-runner/index.tsx

package/dist/index.mjs

@@ -156,10 +156,11 @@ 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";
-function GameWebView({ game, style }) {
+function GameWebView({ game, style, showAfkWarning = true }) {
   const { token, serverUrl, session } = useBetaGamer();
   const webViewRef = useRef(null);
   if (session.game !== game) return null;
+  const uri = showAfkWarning ? `${serverUrl}/embed/${game}` : `${serverUrl}/embed/${game}?afkWarning=0`;
   const initScript = `
     window.__BG_TOKEN__ = ${JSON.stringify(token)};
     window.postMessage(JSON.stringify({ type: 'bg:init', token: ${JSON.stringify(token)} }), '*');
@@ -169,7 +170,7 @@ function GameWebView({ game, style }) {
     WebView,
     {
       ref: webViewRef,
-      source: { uri: `${serverUrl}/embed/${game}` },
+      source: { uri },
       injectedJavaScriptBeforeContentLoaded: initScript,
       style: [{ flex: 1 }, style],
       allowsInlineMediaPlayback: true,
@@ -180,8 +181,8 @@ function GameWebView({ game, style }) {
 
 // src/components/chess/ChessBoard.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
-function ChessBoard({ style }) {
-  return /* @__PURE__ */ jsx5(GameWebView, { game: "chess", style });
+function ChessBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ jsx5(GameWebView, { game: "chess", style, showAfkWarning });
 }
 
 // src/components/chess/ChessMoveHistory.tsx
@@ -222,20 +223,20 @@ function ChessMoveHistory({ style, rowStyle, textStyle }) {
 
 // src/components/checkers/index.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-function CheckersBoard({ style }) {
-  return /* @__PURE__ */ jsx7(GameWebView, { game: "checkers", style });
+function CheckersBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ jsx7(GameWebView, { game: "checkers", style, showAfkWarning });
 }
 
 // src/components/connect4/index.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-function Connect4Board({ style }) {
-  return /* @__PURE__ */ jsx8(GameWebView, { game: "connect4", style });
+function Connect4Board({ style, showAfkWarning }) {
+  return /* @__PURE__ */ jsx8(GameWebView, { game: "connect4", style, showAfkWarning });
 }
 
 // src/components/tictactoe/index.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
-function TictactoeBoard({ style }) {
-  return /* @__PURE__ */ jsx9(GameWebView, { game: "tictactoe", style });
+function TictactoeBoard({ style, showAfkWarning }) {
+  return /* @__PURE__ */ jsx9(GameWebView, { game: "tictactoe", style, showAfkWarning });
 }
 
 // src/components/subway-runner/index.tsx

package/package.json

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