@codeimplants/ui-kit 1.0.0

package/src/utils/client.ts

@@ -0,0 +1,273 @@
+
+import { Platform } from 'react-native';
+import type { ErrorContext, UIKitConfig } from '../types';
+
+
+let config: UIKitConfig = {
+  appVersion: '1.0.0',
+  supportPhone: '+919850929690',
+  colors: {
+    error: '#EF4444',
+    warning: '#F59E0B',
+    success: '#10B981',
+    offline: '#6B7280',
+    primary: '#3B82F6',
+  },
+};
+
+
+export const initializeUIKit = (customConfig: UIKitConfig): void => {
+  config = { ...config, ...customConfig };
+};
+
+
+export const getConfig = (): UIKitConfig => config;
+
+
+export const isWeb = (): boolean => {
+  return Platform.OS === 'web';
+};
+
+
+export const isIOS = (): boolean => {
+  return Platform.OS === 'ios';
+};
+
+export const isAndroid = (): boolean => {
+  return Platform.OS === 'android';
+};
+
+
+export const getPlatformName = (): 'web' | 'ios' | 'android' => {
+  return Platform.OS as 'web' | 'ios' | 'android';
+};
+
+
+export const getOSInfo = (): string => {
+  if (isIOS()) return `iOS ${Platform.Version || 'Unknown'}`;
+  if (isAndroid()) return `Android ${Platform.Version || 'Unknown'}`;
+  if (isWeb()) {
+    // For web, we can try to detect from user agent
+    if (typeof navigator !== 'undefined') {
+      const ua = navigator.userAgent;
+      if (/Macintosh/.test(ua)) return 'macOS';
+      if (/Windows/.test(ua)) return 'Windows';
+      if (/Linux/.test(ua)) return 'Linux';
+    }
+    return 'Web';
+  }
+  return 'Unknown';
+};
+
+
+export const buildErrorContext = (
+  errorMessage: string,
+  options?: Partial<ErrorContext>
+): ErrorContext => {
+  return {
+    errorMessage,
+    timestamp: new Date().toISOString(),
+    appVersion: config.appVersion || '1.0.0',
+    platform: getPlatformName(),
+    os: getOSInfo(),
+    ...options,
+  };
+};
+
+
+export const formatErrorForSupport = (context: ErrorContext): string => {
+  const maskedUserId = context.userId
+    ? `${context.userId.slice(0, 4)}****${context.userId.slice(-4)}`
+    : 'Guest';
+
+  return `
+🚨 *Support Request*
+
+📱 *App Version:* ${context.appVersion}
+💻 *Platform:* ${context.platform}
+🖥️ *OS:* ${context.os}
+👤 *User:* ${maskedUserId}
+⏰ *Time:* ${new Date(context.timestamp).toLocaleString()}
+
+❌ *Error:* ${context.errorMessage}
+${context.errorCode ? `📋 *Code:* ${context.errorCode}` : ''}
+${context.screenName ? `📍 *Screen:* ${context.screenName}` : ''}
+${context.retryCount ? `🔄 *Retry Count:* ${context.retryCount}` : ''}
+`.trim();
+};
+
+
+
+export const getWhatsAppUrl = (context?: ErrorContext): string => {
+  const phone = config.supportPhone?.replace(/[^0-9]/g, '') || '919850929690';
+  
+  if (context) {
+    const message = encodeURIComponent(formatErrorForSupport(context));
+    return `https://wa.me/${phone}?text=${message}`;
+  }
+  
+  return `https://wa.me/${phone}`;
+};
+
+/**
+ * Get phone URL for support
+ */
+export const getPhoneUrl = (): string => {
+  return `tel:${config.supportPhone || '+919850929690'}`;
+};
+
+// ============================================================================
+// Retry Logic Utilities
+// ============================================================================
+
+/**
+ * Calculate exponential backoff delay
+ */
+export const calculateBackoffDelay = (
+  attempt: number,
+  baseDelay: number = 1000,
+  maxDelay: number = 30000
+): number => {
+  const delay = Math.min(baseDelay * Math.pow(2, attempt), maxDelay);
+  // Add jitter (±20%)
+  const jitter = delay * 0.2 * (Math.random() - 0.5);
+  return Math.round(delay + jitter);
+};
+
+/**
+ * Format delay time for display
+ */
+export const formatDelayTime = (milliseconds: number): string => {
+  const seconds = Math.ceil(milliseconds / 1000);
+  if (seconds < 60) return `${seconds}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  return `${minutes}m ${remainingSeconds}s`;
+};
+
+// ============================================================================
+// Network Utilities (UI Only - for display purposes)
+// ============================================================================
+
+/**
+ * Get connection speed label (UI only)
+ */
+export const getConnectionSpeedLabel = (speed: string): string => {
+  const labels: Record<string, string> = {
+    '2G': 'Very Slow (2G)',
+    '3G': 'Slow (3G)',
+    '4G': 'Good (4G)',
+    '5G': 'Excellent (5G)',
+    slow: 'Slow Connection',
+    fast: 'Fast Connection',
+  };
+  return labels[speed] || 'Unknown';
+};
+
+/**
+ * Get connection tips based on speed (UI only)
+ */
+export const getConnectionTips = (speed: string): string[] => {
+  const tips: Record<string, string[]> = {
+    '2G': [
+      'Try moving to an area with better signal',
+      'Connect to Wi-Fi if available',
+      'Close other apps using internet',
+    ],
+    '3G': [
+      'Consider switching to Wi-Fi',
+      'Some features may load slowly',
+      'Try again in a moment',
+    ],
+    slow: [
+      'Check your internet connection',
+      'Try moving closer to your router',
+      'Restart your device if needed',
+    ],
+  };
+  return tips[speed] || tips.slow;
+};
+
+// ============================================================================
+// Permission Utilities (UI Only)
+// ============================================================================
+
+/**
+ * Get permission display name
+ */
+export const getPermissionDisplayName = (permission: string): string => {
+  const names: Record<string, string> = {
+    camera: 'Camera',
+    location: 'Location',
+    notifications: 'Notifications',
+    storage: 'Storage',
+    microphone: 'Microphone',
+    contacts: 'Contacts',
+    calendar: 'Calendar',
+  };
+  return names[permission] || permission;
+};
+
+/**
+ * Get permission description
+ */
+export const getPermissionDescription = (permission: string): string => {
+  const descriptions: Record<string, string> = {
+    camera: 'Take photos and videos',
+    location: 'Access your location for better experience',
+    notifications: 'Receive important updates and alerts',
+    storage: 'Save and access files on your device',
+    microphone: 'Record audio and voice messages',
+    contacts: 'Find and connect with friends',
+    calendar: 'Sync events and reminders',
+  };
+  return descriptions[permission] || 'Required for app functionality';
+};
+
+// ============================================================================
+// Color Utilities
+// ============================================================================
+
+/**
+ * Get color by type
+ */
+export const getColor = (type: keyof NonNullable<UIKitConfig['colors']>): string => {
+  return config.colors?.[type] || '#3B82F6';
+};
+
+/**
+ * Get color with opacity
+ */
+export const getColorWithOpacity = (
+  colorOrKey: keyof NonNullable<UIKitConfig['colors']> | string,
+  opacity: number
+): string => {
+  // Check if it's a hex color (starts with #) or a color key
+  const color = colorOrKey.startsWith('#') ? colorOrKey : getColor(colorOrKey as keyof NonNullable<UIKitConfig['colors']>);
+  const hex = color.replace('#', '');
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+};
+
+// ============================================================================
+// Dimension Utilities
+// ============================================================================
+
+/**
+ * Get responsive padding based on platform
+ */
+export const getResponsivePadding = (): number => {
+  if (isWeb()) return 24;
+  if (isIOS()) return 20;
+  return 16; // Android
+};
+
+/**
+ * Get responsive font size
+ */
+export const getResponsiveFontSize = (base: number): number => {
+  if (isWeb()) return base;
+  return base; // Can be adjusted based on platform needs
+};

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+// Utils - Barrel Export
+export * from './client';