@smoregg/sdk 0.1.0

package/dist/cjs/components/DirectionPad.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var DirectionPad_module = require('./DirectionPad.module.css.cjs');
+
+function DirectionPad({
+  onDirection,
+  leftRightOnly = false,
+  upDownOnly = false,
+  className
+}) {
+  const pressedRef = react.useRef(/* @__PURE__ */ new Set());
+  const handlePress = react.useCallback((direction) => {
+    if (pressedRef.current.has(direction)) return;
+    pressedRef.current.add(direction);
+    if (navigator.vibrate) {
+      navigator.vibrate(10);
+    }
+    onDirection(direction);
+  }, [onDirection]);
+  const handleRelease = react.useCallback((direction) => {
+    pressedRef.current.delete(direction);
+  }, []);
+  const createButton = (direction, label) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      className: `${DirectionPad_module.default.dirButton} ${DirectionPad_module.default[direction]}`,
+      onTouchStart: (e) => {
+        e.preventDefault();
+        handlePress(direction);
+      },
+      onTouchEnd: (e) => {
+        e.preventDefault();
+        handleRelease(direction);
+      },
+      onTouchCancel: () => handleRelease(direction),
+      onMouseDown: () => handlePress(direction),
+      onMouseUp: () => handleRelease(direction),
+      onMouseLeave: () => handleRelease(direction),
+      children: label
+    },
+    direction
+  );
+  if (leftRightOnly) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${DirectionPad_module.default.padContainer} ${DirectionPad_module.default.horizontal} ${className || ""}`, children: [
+      createButton("left", "\u25C0"),
+      createButton("right", "\u25B6")
+    ] });
+  }
+  if (upDownOnly) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${DirectionPad_module.default.padContainer} ${DirectionPad_module.default.vertical} ${className || ""}`, children: [
+      createButton("up", "\u25B2"),
+      createButton("down", "\u25BC")
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${DirectionPad_module.default.padContainer} ${DirectionPad_module.default.full} ${className || ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: DirectionPad_module.default.row, children: createButton("up", "\u25B2") }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DirectionPad_module.default.row, children: [
+      createButton("left", "\u25C0"),
+      createButton("right", "\u25B6")
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: DirectionPad_module.default.row, children: createButton("down", "\u25BC") })
+  ] });
+}
+
+exports.DirectionPad = DirectionPad;
+//# sourceMappingURL=DirectionPad.cjs.map

package/dist/cjs/components/DirectionPad.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionPad.cjs","sources":["../../../src/components/DirectionPad.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - DirectionPad Component\n *\n * 4-direction or 2-direction control pad\n */\n\nimport { useCallback, useRef } from 'react';\nimport type { DirectionPadProps } from '../types';\nimport styles from './DirectionPad.module.css';\n\n/**\n * DirectionPad - For directional input\n *\n * @example\n * ```tsx\n * // 4 directions\n * <DirectionPad onDirection={(dir) => send('move', { direction: dir })} />\n *\n * // Left/Right only\n * <DirectionPad leftRightOnly onDirection={(dir) => send('move', { direction: dir })} />\n * ```\n */\nexport function DirectionPad({\n  onDirection,\n  leftRightOnly = false,\n  upDownOnly = false,\n  className,\n}: DirectionPadProps) {\n  const pressedRef = useRef<Set<string>>(new Set());\n\n  const handlePress = useCallback((direction: 'up' | 'down' | 'left' | 'right') => {\n    if (pressedRef.current.has(direction)) return;\n    pressedRef.current.add(direction);\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onDirection(direction);\n  }, [onDirection]);\n\n  const handleRelease = useCallback((direction: string) => {\n    pressedRef.current.delete(direction);\n  }, []);\n\n  const createButton = (direction: 'up' | 'down' | 'left' | 'right', label: string) => (\n    <button\n      key={direction}\n      className={`${styles.dirButton} ${styles[direction]}`}\n      onTouchStart={(e) => {\n        e.preventDefault();\n        handlePress(direction);\n      }}\n      onTouchEnd={(e) => {\n        e.preventDefault();\n        handleRelease(direction);\n      }}\n      onTouchCancel={() => handleRelease(direction)}\n      onMouseDown={() => handlePress(direction)}\n      onMouseUp={() => handleRelease(direction)}\n      onMouseLeave={() => handleRelease(direction)}\n    >\n      {label}\n    </button>\n  );\n\n  if (leftRightOnly) {\n    return (\n      <div className={`${styles.padContainer} ${styles.horizontal} ${className || ''}`}>\n        {createButton('left', '◀')}\n        {createButton('right', '▶')}\n      </div>\n    );\n  }\n\n  if (upDownOnly) {\n    return (\n      <div className={`${styles.padContainer} ${styles.vertical} ${className || ''}`}>\n        {createButton('up', '▲')}\n        {createButton('down', '▼')}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${styles.padContainer} ${styles.full} ${className || ''}`}>\n      <div className={styles.row}>\n        {createButton('up', '▲')}\n      </div>\n      <div className={styles.row}>\n        {createButton('left', '◀')}\n        {createButton('right', '▶')}\n      </div>\n      <div className={styles.row}>\n        {createButton('down', '▼')}\n      </div>\n    </div>\n  );\n}\n\nexport default DirectionPad;\n"],"names":["useRef","useCallback","jsx","styles","jsxs"],"mappings":"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"}

package/dist/cjs/components/DirectionPad.module.css.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs');
+
+var css_248z = ".DirectionPad-module_padContainer__iL-rh{align-items:center;display:flex;flex-direction:column;gap:8px;user-select:none;-webkit-user-select:none}.DirectionPad-module_horizontal__kI4j7{flex-direction:row;gap:16px}.DirectionPad-module_vertical__b8Xec{flex-direction:column;gap:16px}.DirectionPad-module_row__mzuUr{display:flex;gap:8px}.DirectionPad-module_dirButton__QCCHz{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-surface,#374151);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:70px;justify-content:center;touch-action:manipulation;transition:transform .1s ease,background .1s ease;width:70px}.DirectionPad-module_dirButton__QCCHz:active{background:var(--color-primary,#6366f1);transform:scale(.9)}.DirectionPad-module_horizontal__kI4j7 .DirectionPad-module_dirButton__QCCHz,.DirectionPad-module_vertical__b8Xec .DirectionPad-module_dirButton__QCCHz{font-size:32px;height:100px;width:100px}";
+var styles = {"padContainer":"DirectionPad-module_padContainer__iL-rh","horizontal":"DirectionPad-module_horizontal__kI4j7","vertical":"DirectionPad-module_vertical__b8Xec","row":"DirectionPad-module_row__mzuUr","dirButton":"DirectionPad-module_dirButton__QCCHz"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=DirectionPad.module.css.cjs.map

package/dist/cjs/components/DirectionPad.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionPad.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/components/HoldButton.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var HoldButton_module = require('./HoldButton.module.css.cjs');
+
+function HoldButton({
+  onHoldStart,
+  onHoldEnd,
+  children,
+  className,
+  disabled = false
+}) {
+  const isHolding = react.useRef(false);
+  const buttonRef = react.useRef(null);
+  const startHold = react.useCallback(() => {
+    if (disabled || isHolding.current) return;
+    isHolding.current = true;
+    buttonRef.current?.classList.add(HoldButton_module.default.pressed);
+    if (navigator.vibrate) {
+      navigator.vibrate(10);
+    }
+    onHoldStart();
+  }, [onHoldStart, disabled]);
+  const endHold = react.useCallback(() => {
+    if (!isHolding.current) return;
+    isHolding.current = false;
+    buttonRef.current?.classList.remove(HoldButton_module.default.pressed);
+    onHoldEnd();
+  }, [onHoldEnd]);
+  const handleTouchStart = react.useCallback((e) => {
+    e.preventDefault();
+    startHold();
+  }, [startHold]);
+  const handleTouchEnd = react.useCallback((e) => {
+    e.preventDefault();
+    endHold();
+  }, [endHold]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref: buttonRef,
+      className: `${HoldButton_module.default.holdButton} ${className || ""} ${disabled ? HoldButton_module.default.disabled : ""}`,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: handleTouchEnd,
+      onMouseDown: startHold,
+      onMouseUp: endHold,
+      onMouseLeave: endHold,
+      disabled,
+      children
+    }
+  );
+}
+
+exports.HoldButton = HoldButton;
+//# sourceMappingURL=HoldButton.cjs.map

package/dist/cjs/components/HoldButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoldButton.cjs","sources":["../../../src/components/HoldButton.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - HoldButton Component\n *\n * Button that detects hold start/end events\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { HoldButtonProps } from '../types';\nimport styles from './HoldButton.module.css';\n\n/**\n * HoldButton - For hold/release input patterns\n *\n * @example\n * ```tsx\n * <HoldButton\n *   onHoldStart={() => send('charge', { type: 'start' })}\n *   onHoldEnd={() => send('charge', { type: 'end' })}\n * >\n *   HOLD\n * </HoldButton>\n * ```\n */\nexport function HoldButton({\n  onHoldStart,\n  onHoldEnd,\n  children,\n  className,\n  disabled = false,\n}: HoldButtonProps) {\n  const isHolding = useRef(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const startHold = useCallback(() => {\n    if (disabled || isHolding.current) return;\n    isHolding.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onHoldStart();\n  }, [onHoldStart, disabled]);\n\n  const endHold = useCallback(() => {\n    if (!isHolding.current) return;\n    isHolding.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n    onHoldEnd();\n  }, [onHoldEnd]);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    startHold();\n  }, [startHold]);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    endHold();\n  }, [endHold]);\n\n  return (\n    <button\n      ref={buttonRef}\n      className={`${styles.holdButton} ${className || ''} ${disabled ? styles.disabled : ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={handleTouchEnd}\n      onMouseDown={startHold}\n      onMouseUp={endHold}\n      onMouseLeave={endHold}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport default HoldButton;\n"],"names":["useRef","useCallback","styles","jsx"],"mappings":";;;;;;AAwBO,SAAS,UAAA,CAAW;AAAA,EACzB,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAAoB;AAClB,EAAA,MAAM,SAAA,GAAYA,aAAO,KAAK,CAAA;AAC9B,EAAA,MAAM,SAAA,GAAYA,aAA0B,IAAI,CAAA;AAEhD,EAAA,MAAM,SAAA,GAAYC,kBAAY,MAAM;AAClC,IAAA,IAAI,QAAA,IAAY,UAAU,OAAA,EAAS;AACnC,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAIC,yBAAA,CAAO,OAAa,CAAA;AAGrD,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,WAAA,EAAY;AAAA,EACd,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAE1B,EAAA,MAAM,OAAA,GAAUD,kBAAY,MAAM;AAChC,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS;AACxB,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAOC,yBAAA,CAAO,OAAa,CAAA;AACxD,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,gBAAA,GAAmBD,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,MAAM,cAAA,GAAiBA,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,OAAA,EAAQ;AAAA,EACV,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACEE,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAW,CAAA,EAAGD,yBAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,QAAA,GAAWA,yBAAA,CAAO,QAAA,GAAW,EAAE,CAAA,CAAA;AAAA,MACrF,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,aAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAa,SAAA;AAAA,MACb,SAAA,EAAW,OAAA;AAAA,MACX,YAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/cjs/components/HoldButton.module.css.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs');
+
+var css_248z = ".HoldButton-module_holdButton__tu4mi{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-secondary,#f59e0b);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:80px;min-width:80px;padding:16px 24px;touch-action:manipulation;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none}.HoldButton-module_holdButton__tu4mi:active,.HoldButton-module_pressed__JWIRG{background:var(--color-secondary-dark,#d97706);transform:scale(.95)}.HoldButton-module_disabled__4QwwT{cursor:not-allowed;opacity:.5}.HoldButton-module_disabled__4QwwT.HoldButton-module_pressed__JWIRG,.HoldButton-module_disabled__4QwwT:active{background:var(--color-secondary,#f59e0b);transform:none}";
+var styles = {"holdButton":"HoldButton-module_holdButton__tu4mi","pressed":"HoldButton-module_pressed__JWIRG","disabled":"HoldButton-module_disabled__4QwwT"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=HoldButton.module.css.cjs.map

package/dist/cjs/components/HoldButton.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoldButton.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/components/SwipeArea.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var SwipeArea_module = require('./SwipeArea.module.css.cjs');
+
+function SwipeArea({
+  onSwipe,
+  threshold = 50,
+  children,
+  className
+}) {
+  const touchStart = react.useRef(null);
+  const handleTouchStart = react.useCallback((e) => {
+    const touch = e.touches[0];
+    if (!touch) return;
+    touchStart.current = { x: touch.clientX, y: touch.clientY };
+  }, []);
+  const handleTouchEnd = react.useCallback((e) => {
+    if (!touchStart.current) return;
+    const touch = e.changedTouches[0];
+    if (!touch) return;
+    const deltaX = touch.clientX - touchStart.current.x;
+    const deltaY = touch.clientY - touchStart.current.y;
+    const absX = Math.abs(deltaX);
+    const absY = Math.abs(deltaY);
+    if (absX < threshold && absY < threshold) {
+      touchStart.current = null;
+      return;
+    }
+    let direction;
+    if (absX > absY) {
+      direction = deltaX > 0 ? "right" : "left";
+    } else {
+      direction = deltaY > 0 ? "down" : "up";
+    }
+    if (navigator.vibrate) {
+      navigator.vibrate(15);
+    }
+    onSwipe(direction);
+    touchStart.current = null;
+  }, [onSwipe, threshold]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `${SwipeArea_module.default.swipeArea} ${className || ""}`,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: () => {
+        touchStart.current = null;
+      },
+      children
+    }
+  );
+}
+
+exports.SwipeArea = SwipeArea;
+//# sourceMappingURL=SwipeArea.cjs.map

package/dist/cjs/components/SwipeArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeArea.cjs","sources":["../../../src/components/SwipeArea.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - SwipeArea Component\n *\n * Detects swipe gestures\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { SwipeAreaProps } from '../types';\nimport styles from './SwipeArea.module.css';\n\n/**\n * SwipeArea - For swipe gesture input\n *\n * @example\n * ```tsx\n * <SwipeArea onSwipe={(dir) => send('swipe', { direction: dir })}>\n *   <div>Swipe here!</div>\n * </SwipeArea>\n * ```\n */\nexport function SwipeArea({\n  onSwipe,\n  threshold = 50,\n  children,\n  className,\n}: SwipeAreaProps) {\n  const touchStart = useRef<{ x: number; y: number } | null>(null);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    const touch = e.touches[0];\n    if (!touch) return;\n    touchStart.current = { x: touch.clientX, y: touch.clientY };\n  }, []);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    if (!touchStart.current) return;\n\n    const touch = e.changedTouches[0];\n    if (!touch) return;\n    const deltaX = touch.clientX - touchStart.current.x;\n    const deltaY = touch.clientY - touchStart.current.y;\n\n    const absX = Math.abs(deltaX);\n    const absY = Math.abs(deltaY);\n\n    // Check if swipe exceeds threshold\n    if (absX < threshold && absY < threshold) {\n      touchStart.current = null;\n      return;\n    }\n\n    // Determine direction\n    let direction: 'up' | 'down' | 'left' | 'right';\n    if (absX > absY) {\n      direction = deltaX > 0 ? 'right' : 'left';\n    } else {\n      direction = deltaY > 0 ? 'down' : 'up';\n    }\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(15);\n    }\n\n    onSwipe(direction);\n    touchStart.current = null;\n  }, [onSwipe, threshold]);\n\n  return (\n    <div\n      className={`${styles.swipeArea} ${className || ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={() => { touchStart.current = null; }}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default SwipeArea;\n"],"names":["useRef","useCallback","jsx","styles"],"mappings":";;;;;;AAqBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,UAAA,GAAaA,aAAwC,IAAI,CAAA;AAE/D,EAAA,MAAM,gBAAA,GAAmBC,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA;AACzB,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,UAAA,CAAW,UAAU,EAAE,CAAA,EAAG,MAAM,OAAA,EAAS,CAAA,EAAG,MAAM,OAAA,EAAQ;AAAA,EAC5D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiBA,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AAEzB,IAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,cAAA,CAAe,CAAC,CAAA;AAChC,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,OAAA,CAAQ,CAAA;AAClD,IAAA,MAAM,MAAA,GAAS,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,OAAA,CAAQ,CAAA;AAElD,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,MAAM,CAAA;AAC5B,IAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,MAAM,CAAA;AAG5B,IAAA,IAAI,IAAA,GAAO,SAAA,IAAa,IAAA,GAAO,SAAA,EAAW;AACxC,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AACrB,MAAA;AAAA,IACF;AAGA,IAAA,IAAI,SAAA;AACJ,IAAA,IAAI,OAAO,IAAA,EAAM;AACf,MAAA,SAAA,GAAY,MAAA,GAAS,IAAI,OAAA,GAAU,MAAA;AAAA,IACrC,CAAA,MAAO;AACL,MAAA,SAAA,GAAY,MAAA,GAAS,IAAI,MAAA,GAAS,IAAA;AAAA,IACpC;AAGA,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,OAAA,CAAQ,SAAS,CAAA;AACjB,IAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,EACvB,CAAA,EAAG,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,EAAGC,wBAAA,CAAO,SAAS,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MACjD,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,eAAe,MAAM;AAAE,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MAAM,CAAA;AAAA,MAEjD;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/cjs/components/SwipeArea.module.css.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs');
+
+var css_248z = ".SwipeArea-module_swipeArea__yob7L{height:100%;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}";
+var styles = {"swipeArea":"SwipeArea-module_swipeArea__yob7L"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=SwipeArea.module.css.cjs.map

package/dist/cjs/components/SwipeArea.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeArea.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/components/TapButton.cjs

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var TapButton_module = require('./TapButton.module.css.cjs');
+
+function TapButton({
+  onTap,
+  children,
+  className,
+  disabled = false
+}) {
+  const isPressed = react.useRef(false);
+  const buttonRef = react.useRef(null);
+  const handleTouchStart = react.useCallback((e) => {
+    if (disabled) return;
+    e.preventDefault();
+    isPressed.current = true;
+    buttonRef.current?.classList.add(TapButton_module.default.pressed);
+    if (navigator.vibrate) {
+      navigator.vibrate(10);
+    }
+    onTap();
+  }, [onTap, disabled]);
+  const handleTouchEnd = react.useCallback((e) => {
+    e.preventDefault();
+    isPressed.current = false;
+    buttonRef.current?.classList.remove(TapButton_module.default.pressed);
+  }, []);
+  const handleMouseDown = react.useCallback(() => {
+    if (disabled) return;
+    isPressed.current = true;
+    buttonRef.current?.classList.add(TapButton_module.default.pressed);
+    onTap();
+  }, [onTap, disabled]);
+  const handleMouseUp = react.useCallback(() => {
+    isPressed.current = false;
+    buttonRef.current?.classList.remove(TapButton_module.default.pressed);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref: buttonRef,
+      className: `${TapButton_module.default.tapButton} ${className || ""} ${disabled ? TapButton_module.default.disabled : ""}`,
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchCancel: handleTouchEnd,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      disabled,
+      children
+    }
+  );
+}
+
+exports.TapButton = TapButton;
+//# sourceMappingURL=TapButton.cjs.map

package/dist/cjs/components/TapButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapButton.cjs","sources":["../../../src/components/TapButton.tsx"],"sourcesContent":["/**\n * S'MORE Game SDK - TapButton Component\n *\n * Optimized touch button with haptic feedback\n */\n\nimport { useRef, useCallback } from 'react';\nimport type React from 'react';\nimport type { TapButtonProps } from '../types';\nimport styles from './TapButton.module.css';\n\n/**\n * TapButton - Optimized for mobile touch input\n *\n * @example\n * ```tsx\n * <TapButton onTap={() => send('tap')}>\n *   TAP!\n * </TapButton>\n * ```\n */\nexport function TapButton({\n  onTap,\n  children,\n  className,\n  disabled = false,\n}: TapButtonProps) {\n  const isPressed = useRef(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    if (disabled) return;\n    e.preventDefault();\n    isPressed.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n\n    // Haptic feedback\n    if (navigator.vibrate) {\n      navigator.vibrate(10);\n    }\n\n    onTap();\n  }, [onTap, disabled]);\n\n  const handleTouchEnd = useCallback((e: React.TouchEvent) => {\n    e.preventDefault();\n    isPressed.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n  }, []);\n\n  const handleMouseDown = useCallback(() => {\n    if (disabled) return;\n    isPressed.current = true;\n    buttonRef.current?.classList.add(styles.pressed || '');\n    onTap();\n  }, [onTap, disabled]);\n\n  const handleMouseUp = useCallback(() => {\n    isPressed.current = false;\n    buttonRef.current?.classList.remove(styles.pressed || '');\n  }, []);\n\n  return (\n    <button\n      ref={buttonRef}\n      className={`${styles.tapButton} ${className || ''} ${disabled ? styles.disabled : ''}`}\n      onTouchStart={handleTouchStart}\n      onTouchEnd={handleTouchEnd}\n      onTouchCancel={handleTouchEnd}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      disabled={disabled}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport default TapButton;\n"],"names":["useRef","useCallback","styles","jsx"],"mappings":";;;;;;AAqBO,SAAS,SAAA,CAAU;AAAA,EACxB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW;AACb,CAAA,EAAmB;AACjB,EAAA,MAAM,SAAA,GAAYA,aAAO,KAAK,CAAA;AAC9B,EAAA,MAAM,SAAA,GAAYA,aAA0B,IAAI,CAAA;AAEhD,EAAA,MAAM,gBAAA,GAAmBC,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC5D,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAIC,wBAAA,CAAO,OAAa,CAAA;AAGrD,IAAA,IAAI,UAAU,OAAA,EAAS;AACrB,MAAA,SAAA,CAAU,QAAQ,EAAE,CAAA;AAAA,IACtB;AAEA,IAAA,KAAA,EAAM;AAAA,EACR,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,cAAA,GAAiBD,iBAAA,CAAY,CAAC,CAAA,KAAwB;AAC1D,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAOC,wBAAA,CAAO,OAAa,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,eAAA,GAAkBD,kBAAY,MAAM;AACxC,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,GAAA,CAAIC,wBAAA,CAAO,OAAa,CAAA;AACrD,IAAA,KAAA,EAAM;AAAA,EACR,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAA,MAAM,aAAA,GAAgBD,kBAAY,MAAM;AACtC,IAAA,SAAA,CAAU,OAAA,GAAU,KAAA;AACpB,IAAA,SAAA,CAAU,OAAA,EAAS,SAAA,CAAU,MAAA,CAAOC,wBAAA,CAAO,OAAa,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,SAAA;AAAA,MACL,SAAA,EAAW,CAAA,EAAGD,wBAAA,CAAO,SAAS,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,QAAA,GAAWA,wBAAA,CAAO,QAAA,GAAW,EAAE,CAAA,CAAA;AAAA,MACpF,YAAA,EAAc,gBAAA;AAAA,MACd,UAAA,EAAY,cAAA;AAAA,MACZ,aAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAa,eAAA;AAAA,MACb,SAAA,EAAW,aAAA;AAAA,MACX,YAAA,EAAc,aAAA;AAAA,MACd,QAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/cjs/components/TapButton.module.css.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.cjs');
+
+var css_248z = ".TapButton-module_tapButton__dqJr9{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-primary,#6366f1);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-height:80px;min-width:80px;padding:16px 24px;touch-action:manipulation;transition:transform .1s ease,background .1s ease;user-select:none;-webkit-user-select:none}.TapButton-module_pressed__Z2nfR,.TapButton-module_tapButton__dqJr9:active{background:var(--color-primary-dark,#4f46e5);transform:scale(.95)}.TapButton-module_disabled__3bR6q{cursor:not-allowed;opacity:.5}.TapButton-module_disabled__3bR6q.TapButton-module_pressed__Z2nfR,.TapButton-module_disabled__3bR6q:active{background:var(--color-primary,#6366f1);transform:none}";
+var styles = {"tapButton":"TapButton-module_tapButton__dqJr9","pressed":"TapButton-module_pressed__Z2nfR","disabled":"TapButton-module_disabled__3bR6q"};
+styleInject_es.default(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=TapButton.module.css.cjs.map

package/dist/cjs/components/TapButton.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapButton.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/cjs/context/RoomProvider.cjs

@@ -0,0 +1,118 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var DirectTransport = require('../transport/DirectTransport.cjs');
+
+const TransportContext = react.createContext(null);
+function useTransport() {
+  const transport = react.useContext(TransportContext);
+  if (!transport) {
+    throw new Error("useTransport must be used within a RoomProvider that supplies a Transport");
+  }
+  return transport;
+}
+const RoomContext = react.createContext(null);
+const HostRoomProvider = ({
+  roomCode,
+  players,
+  leaderId,
+  socket,
+  children
+}) => {
+  const connectedPlayers = react.useMemo(
+    () => players.filter((p) => p.connected !== false),
+    [players]
+  );
+  const hostState = react.useMemo(
+    () => ({ roomCode, players, connectedPlayers, leaderId, socket }),
+    [roomCode, players, connectedPlayers, leaderId, socket]
+  );
+  const value = react.useMemo(
+    () => ({
+      roomCode,
+      players,
+      connectedPlayers,
+      leaderId,
+      side: "host",
+      host: hostState,
+      player: null
+    }),
+    [roomCode, players, connectedPlayers, leaderId, hostState]
+  );
+  const transport = react.useMemo(() => new DirectTransport.DirectTransport(socket), [socket]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TransportContext.Provider, { value: transport, children: /* @__PURE__ */ jsxRuntime.jsx(RoomContext.Provider, { value, children }) });
+};
+const PlayerRoomProvider = ({
+  roomCode,
+  players,
+  leaderId,
+  mySessionId,
+  isLeader,
+  socket,
+  isConnected,
+  children
+}) => {
+  const connectedPlayers = react.useMemo(
+    () => players.filter((p) => p.connected !== false),
+    [players]
+  );
+  const playerState = react.useMemo(
+    () => ({
+      roomCode,
+      players,
+      connectedPlayers,
+      leaderId,
+      mySessionId,
+      isLeader,
+      socket,
+      isConnected
+    }),
+    [roomCode, players, connectedPlayers, leaderId, mySessionId, isLeader, socket, isConnected]
+  );
+  const value = react.useMemo(
+    () => ({
+      roomCode,
+      players,
+      connectedPlayers,
+      leaderId,
+      side: "player",
+      host: null,
+      player: playerState
+    }),
+    [roomCode, players, connectedPlayers, leaderId, playerState]
+  );
+  const transport = react.useMemo(() => new DirectTransport.DirectTransport(socket), [socket]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TransportContext.Provider, { value: transport, children: /* @__PURE__ */ jsxRuntime.jsx(RoomContext.Provider, { value, children }) });
+};
+function useRoom() {
+  const context = react.useContext(RoomContext);
+  if (!context) {
+    throw new Error("useRoom must be used within HostRoomProvider or PlayerRoomProvider");
+  }
+  return context;
+}
+function useHostRoom() {
+  const context = useRoom();
+  if (context.side !== "host" || !context.host) {
+    throw new Error("useHostRoom must be used within HostRoomProvider");
+  }
+  return context.host;
+}
+function usePlayerRoom() {
+  const context = useRoom();
+  if (context.side !== "player" || !context.player) {
+    throw new Error("usePlayerRoom must be used within PlayerRoomProvider");
+  }
+  return context.player;
+}
+
+exports.HostRoomProvider = HostRoomProvider;
+exports.PlayerRoomProvider = PlayerRoomProvider;
+exports.RoomContext = RoomContext;
+exports.TransportContext = TransportContext;
+exports.useHostRoom = useHostRoom;
+exports.usePlayerRoom = usePlayerRoom;
+exports.useRoom = useRoom;
+exports.useTransport = useTransport;
+//# sourceMappingURL=RoomProvider.cjs.map

package/dist/cjs/context/RoomProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoomProvider.cjs","sources":["../../../src/context/RoomProvider.tsx"],"sourcesContent":["/**\n * RoomProvider - SDK Room Context\n *\n * Foundation context that all other SDK hooks depend on.\n * Provides room state (players, roomCode, leaderId) for both host and player sides.\n *\n * Also provides a Transport abstraction via TransportContext.\n * - HostRoomProvider / PlayerRoomProvider create a DirectTransport from the socket.\n * - IframeRoomProvider (external) provides a PostMessageTransport.\n *\n * Usage:\n * - Host: <HostRoomProvider roomCode={...} players={...} leaderId={...} socket={...}>\n * - Player: <PlayerRoomProvider roomCode={...} players={...} leaderId={...} mySessionId={...} isLeader={...} socket={...} isConnected={...}>\n */\n\nimport React, { createContext, useContext, useMemo } from 'react';\nimport type { Player } from '@smore/shared';\nimport type { Socket } from 'socket.io-client';\nimport type { Transport } from '../transport/types';\nimport { DirectTransport } from '../transport/DirectTransport';\n\n// ===== Transport Context =====\n\nconst TransportContext = createContext<Transport | null>(null);\n\nexport function useTransport(): Transport {\n  const transport = useContext(TransportContext);\n  if (!transport) {\n    throw new Error('useTransport must be used within a RoomProvider that supplies a Transport');\n  }\n  return transport;\n}\n\nexport { TransportContext };\n\n// ===== State Types =====\n\nexport interface RoomState {\n  roomCode: string;\n  players: Player[];\n  connectedPlayers: Player[];\n  leaderId: string | null;\n}\n\nexport interface HostRoomState extends RoomState {\n  socket: Socket;\n}\n\nexport interface PlayerRoomState extends RoomState {\n  mySessionId: string;\n  isLeader: boolean;\n  socket: Socket;\n  isConnected: boolean;\n}\n\nexport interface RoomContextValue {\n  roomCode: string;\n  players: Player[];\n  connectedPlayers: Player[];\n  leaderId: string | null;\n  side: 'host' | 'player';\n  host: HostRoomState | null;\n  player: PlayerRoomState | null;\n}\n\n// ===== Context =====\n\nexport const RoomContext = createContext<RoomContextValue | null>(null);\n\n// ===== Host Provider =====\n\ninterface HostRoomProviderProps {\n  roomCode: string;\n  players: Player[];\n  leaderId: string | null;\n  socket: Socket;\n  children: React.ReactNode;\n}\n\nexport const HostRoomProvider: React.FC<HostRoomProviderProps> = ({\n  roomCode,\n  players,\n  leaderId,\n  socket,\n  children,\n}) => {\n  const connectedPlayers = useMemo(\n    () => players.filter((p) => p.connected !== false),\n    [players]\n  );\n\n  const hostState: HostRoomState = useMemo(\n    () => ({ roomCode, players, connectedPlayers, leaderId, socket }),\n    [roomCode, players, connectedPlayers, leaderId, socket]\n  );\n\n  const value: RoomContextValue = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      side: 'host' as const,\n      host: hostState,\n      player: null,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, hostState]\n  );\n\n  const transport = useMemo(() => new DirectTransport(socket), [socket]);\n\n  return (\n    <TransportContext.Provider value={transport}>\n      <RoomContext.Provider value={value}>{children}</RoomContext.Provider>\n    </TransportContext.Provider>\n  );\n};\n\n// ===== Player Provider =====\n\ninterface PlayerRoomProviderProps {\n  roomCode: string;\n  players: Player[];\n  leaderId: string | null;\n  mySessionId: string;\n  isLeader: boolean;\n  socket: Socket;\n  isConnected: boolean;\n  children: React.ReactNode;\n}\n\nexport const PlayerRoomProvider: React.FC<PlayerRoomProviderProps> = ({\n  roomCode,\n  players,\n  leaderId,\n  mySessionId,\n  isLeader,\n  socket,\n  isConnected,\n  children,\n}) => {\n  const connectedPlayers = useMemo(\n    () => players.filter((p) => p.connected !== false),\n    [players]\n  );\n\n  const playerState: PlayerRoomState = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      mySessionId,\n      isLeader,\n      socket,\n      isConnected,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, mySessionId, isLeader, socket, isConnected]\n  );\n\n  const value: RoomContextValue = useMemo(\n    () => ({\n      roomCode,\n      players,\n      connectedPlayers,\n      leaderId,\n      side: 'player' as const,\n      host: null,\n      player: playerState,\n    }),\n    [roomCode, players, connectedPlayers, leaderId, playerState]\n  );\n\n  const transport = useMemo(() => new DirectTransport(socket), [socket]);\n\n  return (\n    <TransportContext.Provider value={transport}>\n      <RoomContext.Provider value={value}>{children}</RoomContext.Provider>\n    </TransportContext.Provider>\n  );\n};\n\n// ===== Hooks =====\n\nexport function useRoom(): RoomContextValue {\n  const context = useContext(RoomContext);\n  if (!context) {\n    throw new Error('useRoom must be used within HostRoomProvider or PlayerRoomProvider');\n  }\n  return context;\n}\n\nexport function useHostRoom(): HostRoomState {\n  const context = useRoom();\n  if (context.side !== 'host' || !context.host) {\n    throw new Error('useHostRoom must be used within HostRoomProvider');\n  }\n  return context.host;\n}\n\nexport function usePlayerRoom(): PlayerRoomState {\n  const context = useRoom();\n  if (context.side !== 'player' || !context.player) {\n    throw new Error('usePlayerRoom must be used within PlayerRoomProvider');\n  }\n  return context.player;\n}\n"],"names":["createContext","useContext","useMemo","DirectTransport","jsx"],"mappings":"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"}

package/dist/cjs/hooks/useExternalGames.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var react = require('react');
+
+function useExternalGames(config) {
+  const { serverUrl, enabled = true } = config;
+  const [games, setGames] = react.useState([]);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [refreshKey, setRefreshKey] = react.useState(0);
+  react.useEffect(() => {
+    if (!enabled) return;
+    let cancelled = false;
+    setLoading(true);
+    fetch(`${serverUrl}/api/games`).then((res) => res.json()).then((data) => {
+      if (cancelled) return;
+      const external = (data.games || []).map((g) => ({
+        id: g.id,
+        title: g.title,
+        description: g.description || "",
+        minPlayers: g.minPlayers || 2,
+        maxPlayers: g.maxPlayers || 8,
+        thumbnail: g.thumbnail || "/thumbnails/g8.jpeg",
+        categories: g.categories || ["party"],
+        type: "external",
+        hostUrl: g.hostUrl,
+        playerUrl: g.playerUrl,
+        available: !!(g.hostUrl && g.playerUrl),
+        rating: 4,
+        heroRequired: false
+      }));
+      setGames(external);
+      setError(null);
+    }).catch((err) => {
+      if (cancelled) return;
+      setError(err.message);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [serverUrl, enabled, refreshKey]);
+  const refresh = () => setRefreshKey((k) => k + 1);
+  return { games, loading, error, refresh };
+}
+
+exports.useExternalGames = useExternalGames;
+//# sourceMappingURL=useExternalGames.cjs.map

package/dist/cjs/hooks/useExternalGames.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalGames.cjs","sources":["../../../src/hooks/useExternalGames.ts"],"sourcesContent":["/**\n * useExternalGames - Fetches external games from the server API.\n *\n * Returns a list of GameMetadata-compatible objects for external (iframe) games.\n * Consumers merge this with their local GAMES array.\n */\n\nimport { useState, useEffect } from 'react';\n\nexport interface ExternalGameMetadata {\n  id: string;\n  title: string;\n  description: string;\n  minPlayers: number;\n  maxPlayers: number;\n  thumbnail: string;\n  categories: string[];\n  type: 'external';\n  hostUrl: string | null;\n  playerUrl: string | null;\n  available: boolean;\n  rating: number;\n  heroRequired: boolean;\n}\n\nexport interface UseExternalGamesConfig {\n  serverUrl: string;\n  enabled?: boolean;\n}\n\nexport function useExternalGames(config: UseExternalGamesConfig): {\n  games: ExternalGameMetadata[];\n  loading: boolean;\n  error: string | null;\n  refresh: () => void;\n} {\n  const { serverUrl, enabled = true } = config;\n  const [games, setGames] = useState<ExternalGameMetadata[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [refreshKey, setRefreshKey] = useState(0);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    let cancelled = false;\n    setLoading(true);\n\n    fetch(`${serverUrl}/api/games`)\n      .then((res) => res.json())\n      .then((data) => {\n        if (cancelled) return;\n        const external: ExternalGameMetadata[] = (data.games || []).map((g: any) => ({\n          id: g.id,\n          title: g.title,\n          description: g.description || '',\n          minPlayers: g.minPlayers || 2,\n          maxPlayers: g.maxPlayers || 8,\n          thumbnail: g.thumbnail || '/thumbnails/g8.jpeg',\n          categories: g.categories || ['party'],\n          type: 'external' as const,\n          hostUrl: g.hostUrl,\n          playerUrl: g.playerUrl,\n          available: !!(g.hostUrl && g.playerUrl),\n          rating: 4.0,\n          heroRequired: false,\n        }));\n        setGames(external);\n        setError(null);\n      })\n      .catch((err) => {\n        if (cancelled) return;\n        setError(err.message);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => { cancelled = true; };\n  }, [serverUrl, enabled, refreshKey]);\n\n  const refresh = () => setRefreshKey((k) => k + 1);\n\n  return { games, loading, error, refresh };\n}\n"],"names":["useState","useEffect"],"mappings":";;;;AA8BO,SAAS,iBAAiB,MAAA,EAK/B;AACA,EAAA,MAAM,EAAE,SAAA,EAAW,OAAA,GAAU,IAAA,EAAK,GAAI,MAAA;AACtC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,cAAA,CAAiC,EAAE,CAAA;AAC7D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,CAAC,CAAA;AAE9C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,UAAA,CAAW,IAAI,CAAA;AAEf,IAAA,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,UAAA,CAAY,CAAA,CAC3B,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,IAAA,EAAM,CAAA,CACxB,IAAA,CAAK,CAAC,IAAA,KAAS;AACd,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,MAAM,YAAoC,IAAA,CAAK,KAAA,IAAS,EAAC,EAAG,GAAA,CAAI,CAAC,CAAA,MAAY;AAAA,QAC3E,IAAI,CAAA,CAAE,EAAA;AAAA,QACN,OAAO,CAAA,CAAE,KAAA;AAAA,QACT,WAAA,EAAa,EAAE,WAAA,IAAe,EAAA;AAAA,QAC9B,UAAA,EAAY,EAAE,UAAA,IAAc,CAAA;AAAA,QAC5B,UAAA,EAAY,EAAE,UAAA,IAAc,CAAA;AAAA,QAC5B,SAAA,EAAW,EAAE,SAAA,IAAa,qBAAA;AAAA,QAC1B,UAAA,EAAY,CAAA,CAAE,UAAA,IAAc,CAAC,OAAO,CAAA;AAAA,QACpC,IAAA,EAAM,UAAA;AAAA,QACN,SAAS,CAAA,CAAE,OAAA;AAAA,QACX,WAAW,CAAA,CAAE,SAAA;AAAA,QACb,SAAA,EAAW,CAAC,EAAE,CAAA,CAAE,WAAW,CAAA,CAAE,SAAA,CAAA;AAAA,QAC7B,MAAA,EAAQ,CAAA;AAAA,QACR,YAAA,EAAc;AAAA,OAChB,CAAE,CAAA;AACF,MAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,QAAA,CAAS,IAAI,OAAO,CAAA;AAAA,IACtB,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,IAAI,CAAC,SAAA,EAAW,UAAA,CAAW,KAAK,CAAA;AAAA,IAClC,CAAC,CAAA;AAEH,IAAA,OAAO,MAAM;AAAE,MAAA,SAAA,GAAY,IAAA;AAAA,IAAM,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,SAAA,EAAW,OAAA,EAAS,UAAU,CAAC,CAAA;AAEnC,EAAA,MAAM,UAAU,MAAM,aAAA,CAAc,CAAC,CAAA,KAAM,IAAI,CAAC,CAAA;AAEhD,EAAA,OAAO,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAQ;AAC1C;;;;"}