@oxyhq/services 6.9.19 → 6.9.21

package/src/ui/context/OxyContext.tsx

@@ -712,10 +712,44 @@ export const OxyProvider: React.FC<OxyContextProviderProps> = ({
 
 export const OxyContextProvider = OxyProvider;
 
+const noop = () => Promise.resolve() as any;
+
+const LOADING_STATE: OxyContextState = {
+  user: null,
+  sessions: [],
+  activeSessionId: null,
+  isAuthenticated: false,
+  isLoading: true,
+  isTokenReady: false,
+  isStorageReady: false,
+  error: null,
+  currentLanguage: 'en',
+  currentLanguageMetadata: {} as any,
+  currentLanguageName: 'English',
+  currentNativeLanguageName: 'English',
+  hasIdentity: () => Promise.resolve(false),
+  getPublicKey: () => Promise.resolve(null),
+  signIn: noop,
+  handlePopupSession: noop,
+  logout: noop,
+  logoutAll: noop,
+  switchSession: noop,
+  removeSession: noop,
+  refreshSessions: noop,
+  setLanguage: noop,
+  getDeviceSessions: () => Promise.resolve([]),
+  logoutAllDeviceSessions: noop,
+  updateDeviceName: noop,
+  clearSessionState: noop,
+  clearAllAccountData: noop,
+  oxyServices: null as any,
+  openAvatarPicker: () => {},
+};
+
 export const useOxy = (): OxyContextState => {
   const context = useContext(OxyContext);
   if (!context) {
-    throw new Error('useOxy must be used within an OxyContextProvider');
+    return LOADING_STATE;
   }
   return context;
 };

package/src/ui/hooks/useAuth.ts

@@ -209,3 +209,5 @@ export function useAuth(): UseAuthReturn {
   };
 }
 
+// Re-export useOxy for backward compatibility and advanced usage
+export { useOxy } from '../context/OxyContext';

package/src/ui/index.ts

@@ -1,47 +1,115 @@
 /**
- * UI Component exports
+ * UI Component exports - Frontend Only (with backend-safe fallbacks)
  *
- * This is a React Native / Expo SDK — all exports are static imports.
- * For SSR environments, use '@oxyhq/services/ui/server' instead.
+ * This module exports all React/React Native UI components and hooks.
+ * In backend, all exports are no-ops or empty objects.
+ *
+ * NOTE: This entry point uses runtime detection which prevents tree-shaking.
+ * For better bundle optimization, use:
+ * - '@oxyhq/services/ui/client' for client bundles (tree-shakeable)
+ * - '@oxyhq/services/ui/server' for SSR environments (all noops)
  *
  * @example
- * import { OxyProvider, useOxy, Avatar } from '@oxyhq/services/ui';
+ * // Client bundle (tree-shakeable)
+ * import { OxyProvider, useOxy } from '@oxyhq/services/ui/client';
+ *
+ * // SSR (noops)
+ * import { OxyProvider, useOxy } from '@oxyhq/services/ui/server';
  */
+import isFrontend from './isFrontend';
 
-// Components
-export { default as OxyProvider } from './components/OxyProvider';
-export { default as OxySignInButton } from './components/OxySignInButton';
-export { default as OxyLogo } from './components/OxyLogo';
-export { default as Avatar } from './components/Avatar';
-export { default as FollowButton } from './components/FollowButton';
-export { default as OxyPayButton } from './components/OxyPayButton';
-export { FontLoader, setupFonts } from './components/FontLoader';
-export { OxyIcon } from './components/icon';
-
-// Context
-export { useOxy } from './context/OxyContext';
-
-// Hooks
-export { useAuth } from './hooks/useAuth';
-export type { AuthState, AuthActions, UseAuthReturn } from './hooks/useAuth';
-export { useFollow } from './hooks';
-export { useStorage } from './hooks/useStorage';
-export type { UseStorageOptions, UseStorageResult } from './hooks/useStorage';
+// UI exports
+let OxyProvider;
+let OxySignInButton;
+let OxyLogo;
+let Avatar;
+let FollowButton;
+let OxyPayButton;
+let FontLoader;
+let setupFonts;
+let OxyIcon;
+let useOxy;
+let useAuth;
+let useFollow;
+let ProfileScreen;
+let useAuthStore;
+let useAccountStore;
+let fontFamilies;
+let fontStyles;
+let toast;
+let useStorage;
 
-// Screens
-export { default as ProfileScreen } from './screens/ProfileScreen';
+if (isFrontend) {
+  OxyProvider = require('./components/OxyProvider').default;
+  OxySignInButton = require('./components/OxySignInButton').default;
+  OxyLogo = require('./components/OxyLogo').default;
+  Avatar = require('./components/Avatar').default;
+  FollowButton = require('./components/FollowButton').default;
+  OxyPayButton = require('./components/OxyPayButton').default;
+  FontLoader = require('./components/FontLoader').FontLoader;
+  setupFonts = require('./components/FontLoader').setupFonts;
+  OxyIcon = require('./components/icon').OxyIcon;
+  useOxy = require('./context/OxyContext').useOxy;
+  useAuth = require('./hooks/useAuth').useAuth;
+  useFollow = require('./hooks').useFollow;
+  ProfileScreen = require('./screens/ProfileScreen').default;
+  useAuthStore = require('./stores/authStore').useAuthStore;
+  useAccountStore = require('./stores/accountStore').useAccountStore;
+  fontFamilies = require('./styles/fonts').fontFamilies;
+  fontStyles = require('./styles/fonts').fontStyles;
+  toast = require('../lib/sonner').toast;
+  useStorage = require('./hooks/useStorage').useStorage;
+} else {
+  // Backend: no-op fallbacks
+  const noopComponent = () => null;
+  const noopHook = () => ({});
+  const noopStorageResult = { storage: null, isReady: false };
 
-// Stores
-export { useAuthStore } from './stores/authStore';
-export { useAccountStore } from './stores/accountStore';
+  OxyProvider = noopComponent;
+  OxySignInButton = noopComponent;
+  OxyLogo = noopComponent;
+  Avatar = noopComponent;
+  FollowButton = noopComponent;
+  OxyPayButton = noopComponent;
+  FontLoader = noopComponent;
+  setupFonts = () => {};
+  OxyIcon = noopComponent;
+  useOxy = noopHook;
+  useAuth = noopHook;
+  useFollow = noopHook;
+  ProfileScreen = noopComponent;
+  useAuthStore = noopHook;
+  useAccountStore = noopHook;
+  fontFamilies = {};
+  fontStyles = {};
+  toast = () => {};
+  useStorage = () => noopStorageResult;
+}
 
-// Styles
-export { fontFamilies, fontStyles } from './styles/fonts';
+export {
+  OxyProvider,
+  OxySignInButton,
+  OxyLogo,
+  Avatar,
+  FollowButton,
+  OxyPayButton,
+  FontLoader,
+  setupFonts,
+  OxyIcon,
+  useOxy,
+  useAuth,
+  useFollow,
+  ProfileScreen,
+  useAuthStore,
+  useAccountStore,
+  fontFamilies,
+  fontStyles,
+  toast,
+  useStorage,
+};
 
-// Toast
-export { toast } from '../lib/sonner';
 
-// Error handler utilities
+// Export error handler utilities (pure functions, no conditional needed)
 export {
   handleAuthError,
   isInvalidSessionError,
@@ -49,3 +117,6 @@ export {
   extractErrorMessage,
 } from './utils/errorHandlers';
 export type { HandleAuthErrorOptions } from './utils/errorHandlers';
+
+// Export useStorage hook and types (kept for external consumers)
+export type { UseStorageOptions, UseStorageResult } from './hooks/useStorage';