@dubsdotapp/expo 0.5.15 → 0.5.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.5.15",
+  "version": "0.5.16",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/hooks/index.ts

@@ -18,6 +18,8 @@ export { useUFCFightCard } from './useUFCFightCard';
 export { useUFCFighterDetail } from './useUFCFighterDetail';
 export { useHighlights } from './useHighlights';
 export type { HighlightVideo } from './useHighlights';
+export { useShorts } from './useShorts';
+export type { ShortVideo } from './useShorts';
 export { usePushNotifications } from './usePushNotifications';
 export type { PushNotificationStatus } from './usePushNotifications';
 export { useArcadePools } from './useArcadePools';

package/src/hooks/useShorts.ts

@@ -0,0 +1,36 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useDubs } from '../provider';
+import type { QueryResult } from '../types';
+
+export interface ShortVideo {
+  videoId: string;
+  title: string;
+  channelTitle: string;
+  thumbnail: string;
+  publishedAt: string;
+}
+
+export function useShorts(league: string = 'NBA', limit: number = 20): QueryResult<ShortVideo[]> {
+  const { client } = useDubs();
+  const [data, setData] = useState<ShortVideo[] | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<Error | null>(null);
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const qs = new URLSearchParams({ league, limit: String(limit) });
+      const res = await (client as any).request('GET', `/shorts?${qs.toString()}`);
+      setData(res.videos || []);
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error(String(err)));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, league, limit]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return { data, loading, error, refetch: fetchData };
+}

package/src/index.ts

@@ -128,9 +128,10 @@ export type {
   UseArcadeBridgeOptions,
   UseArcadeBridgeResult,
   HighlightVideo,
+  ShortVideo,
 } from './hooks';
 
-export { useHighlights } from './hooks';
+export { useHighlights, useShorts } from './hooks';
 
 // UI
 export { AuthGate, ConnectWalletScreen, ConnectWalletButton, UserProfileCard, SettingsSheet, UserProfileSheet, useDubsTheme, mergeTheme } from './ui';