react-native-turbo-preferences/lib/module/hooks/usePreferenceString.js

Modern TurboModule wrapper for iOS NSUserDefaults and Android SharedPreferences.

"use strict";

import { useState, useCallback, useEffect } from 'react';
import TurboPreferences from "../NativeTurboPreferences.js";

/**
 * Simple React hook for managing a string preference
 *
 * @param key - The preference key
 * @returns [value, setValue, contains, clear]
 *
 * @example
 * ```tsx
 * function MyComponent() {
 *   const [value, setValue, contains, clear] = usePreferenceString('username');
 *
 *   return (
 *     <View>
 *       <Text>Username: {value || 'Not set'}</Text>
 *       <Button title="Set to John" onPress={() => setValue('John')} />
 *       <Button title="Clear" onPress={clear} />
 *     </View>
 *   );
 * }
 * ```
 */
export function usePreferenceString(key) {
  const [value, setValue] = useState(null);
  const [contains, setContains] = useState(false);
  const setPreferenceValue = useCallback(async newValue => {
    if (!key) return;
    try {
      await TurboPreferences.set(key, newValue);
      setValue(newValue);
      setContains(true);
    } catch (error) {
      console.warn('usePreferenceString setValue error:', error);
      throw error;
    }
  }, [key]);
  const clearPreferenceValue = useCallback(async () => {
    if (!key) return;
    try {
      await TurboPreferences.clear(key);
      setValue(null);
      setContains(false);
    } catch (error) {
      console.warn('usePreferenceString clear error:', error);
      throw error;
    }
  }, [key]);

  // Load initial value on mount and key change
  useEffect(() => {
    if (!key) return;
    const loadInitialValue = async () => {
      try {
        const [currentValue, exists] = await Promise.all([TurboPreferences.get(key), TurboPreferences.contains(key)]);
        setValue(currentValue);
        setContains(exists);
      } catch (error) {
        console.warn('usePreferenceString load error:', error);
      }
    };
    loadInitialValue();
  }, [key]);
  return [value, setPreferenceValue, contains, clearPreferenceValue];
}
//# sourceMappingURL=usePreferenceString.js.map