gt-react-native 0.0.0 → 0.0.1-alpha.10

package/src/types/config.ts

@@ -0,0 +1,35 @@
+import type {
+  RenderMethod,
+  Translations,
+  CustomLoader,
+  GTConfig,
+} from '@generaltranslation/react-core/types';
+import type { CustomMapping } from 'generaltranslation/types';
+
+export type GTProviderProps = {
+  children?: React.ReactNode;
+  projectId?: string;
+  devApiKey?: string;
+  dictionary?: any;
+  locales?: string[];
+  defaultLocale?: string;
+  locale?: string;
+  region?: string;
+  cacheUrl?: string;
+  runtimeUrl?: string;
+  renderSettings?: {
+    method: RenderMethod;
+    timeout?: number;
+  };
+  _versionId?: string;
+  ssr?: boolean;
+  localeCookieName?: string;
+  translations?: Translations | null;
+  loadDictionary?: CustomLoader;
+  loadTranslations?: CustomLoader;
+  config?: GTConfig;
+  fallback?: React.ReactNode;
+  customMapping?: CustomMapping;
+  modelProvider?: string;
+  [key: string]: any;
+};

package/src/utils/getNativeLocales.ts

@@ -0,0 +1,53 @@
+import { Platform } from 'react-native';
+import GtReactNative from '../NativeGtReactNative';
+
+/**
+ * Get native device locales in preference order
+ * Returns an empty array if detection fails or is not supported
+ *
+ * iOS: Returns current locale first, followed by preferred languages
+ * Android: Returns user's preferred language list (LocaleList on API 24+, single locale on older versions)
+ * Web: Returns browser language preferences from navigator
+ */
+export function getNativeLocales(): string[] {
+  try {
+    // Web platform - use browser locale detection
+    if (Platform.OS === 'web') {
+      return getWebLocales();
+    }
+
+    // Try to get locales from native module
+    return GtReactNative.getNativeLocales() || [];
+  } catch (error) {
+    // Return empty array on any error (native module not available, etc.)
+    return [];
+  }
+}
+
+/**
+ * Get browser locales for web platform
+ */
+function getWebLocales(): string[] {
+  try {
+    if (typeof navigator === 'undefined') {
+      return [];
+    }
+
+    const locales: string[] = [];
+
+    // Use navigator.languages if available (most browsers)
+    if (navigator.languages && Array.isArray(navigator.languages)) {
+      locales.push(...navigator.languages);
+    } else if (navigator.language) {
+      // Fallback to single language
+      locales.push(navigator.language);
+    } else if ((navigator as any).userLanguage) {
+      // IE fallback
+      locales.push((navigator as any).userLanguage);
+    }
+
+    return locales;
+  } catch (error) {
+    return [];
+  }
+}

package/src/utils/nativeStore.ts

@@ -0,0 +1,31 @@
+import { Platform } from 'react-native';
+import GtReactNative from '../NativeGtReactNative';
+
+/**
+ * Native store interface, used to replace cookie behavior from gt-react
+ */
+
+/**
+ * Get a value from the native store
+ * @param key - The key to get the value for
+ * @returns The value for the key
+ */
+export function nativeStoreGet(key: string): string | null {
+  if (Platform.OS === 'web') {
+    return localStorage.getItem(key);
+  }
+  return GtReactNative.nativeStoreGet(key);
+}
+
+/**
+ * Set a value in the native store
+ * @param key - The key to set the value for
+ * @param value - The value to set
+ */
+export function nativeStoreSet(key: string, value: string): void {
+  if (Platform.OS === 'web') {
+    localStorage.setItem(key, value);
+    return;
+  }
+  GtReactNative.nativeStoreSet(key, value);
+}

package/src/utils/polyfill.ts

@@ -0,0 +1,36 @@
+// Intl object not natively supported, see: https://formatjs.github.io/docs/polyfills
+// See also: The Ultimate Guide to React Native Optimization - page 124
+
+import '@formatjs/intl-getcanonicallocales/polyfill';
+import '@formatjs/intl-locale/polyfill';
+import '@formatjs/intl-displaynames/polyfill';
+import '@formatjs/intl-listformat/polyfill';
+import '@formatjs/intl-pluralrules/polyfill-force'; // https://github.com/formatjs/formatjs/issues/4463
+import '@formatjs/intl-numberformat/polyfill';
+import '@formatjs/intl-relativetimeformat/polyfill';
+import '@formatjs/intl-datetimeformat/polyfill';
+import '@formatjs/intl-datetimeformat/add-all-tz';
+
+import '@formatjs/intl-displaynames/locale-data/en';
+import '@formatjs/intl-displaynames/locale-data/zh';
+import '@formatjs/intl-displaynames/locale-data/es';
+
+import '@formatjs/intl-listformat/locale-data/en';
+import '@formatjs/intl-listformat/locale-data/zh';
+import '@formatjs/intl-listformat/locale-data/es';
+
+import '@formatjs/intl-pluralrules/locale-data/en';
+import '@formatjs/intl-pluralrules/locale-data/zh';
+import '@formatjs/intl-pluralrules/locale-data/es';
+
+import '@formatjs/intl-numberformat/locale-data/en';
+import '@formatjs/intl-numberformat/locale-data/zh';
+import '@formatjs/intl-numberformat/locale-data/es';
+
+import '@formatjs/intl-relativetimeformat/locale-data/en';
+import '@formatjs/intl-relativetimeformat/locale-data/zh';
+import '@formatjs/intl-relativetimeformat/locale-data/es';
+
+import '@formatjs/intl-datetimeformat/locale-data/en';
+import '@formatjs/intl-datetimeformat/locale-data/zh';
+import '@formatjs/intl-datetimeformat/locale-data/es';

package/src/utils/utils.ts

@@ -0,0 +1,12 @@
+import type {
+  AuthFromEnvParams,
+  AuthFromEnvReturn,
+} from '@generaltranslation/react-core/types';
+
+export function readAuthFromEnv(params: AuthFromEnvParams): AuthFromEnvReturn {
+  const { projectId, devApiKey } = params;
+  return {
+    projectId: projectId || '',
+    devApiKey: devApiKey,
+  };
+}