@umituz/react-native-storage 2.0.0 → 2.3.2

package/src/presentation/hooks/useStorage.ts

@@ -5,7 +5,7 @@
  * Provides clean API for components to interact with storage domain
  */
 
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { storageRepository } from '../../infrastructure/repositories/AsyncStorageRepository';
 import type { StorageResult } from '../../domain/entities/StorageResult';
 import { unwrap } from '../../domain/entities/StorageResult';
@@ -88,7 +88,8 @@ export const useStorage = () => {
     return storageRepository.getItem(keyString, defaultValue);
   }, []);
 
-  return {
+  // Memoize return object to prevent unnecessary re-renders
+  return useMemo(() => ({
     getItem,
     setItem,
     getString,
@@ -97,5 +98,5 @@ export const useStorage = () => {
     hasItem,
     clearAll,
     getItemWithResult,
-  };
+  }), [getItem, setItem, getString, setString, removeItem, hasItem, clearAll, getItemWithResult]);
 };

package/src/presentation/hooks/useStorageState.ts

@@ -3,8 +3,6 @@
  *
  * Domain-Driven Design: Presentation layer hook for state + storage sync
  * Combines React state with automatic storage persistence
- *
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
  */
 
 import { useState, useEffect, useCallback } from 'react';
@@ -18,7 +16,7 @@ import type { StorageKey } from '../../domain/value-objects/StorageKey';
  *
  * @example
  * ```typescript
- * const [theme, setTheme] = useStorageState(StorageKey.THEME_MODE, 'light');
+ * const [settings, setSettings] = useStorageState('user_settings', { theme: 'light' });
  * // State is automatically persisted to storage
  * ```
  */
@@ -32,15 +30,33 @@ export const useStorageState = <T>(
 
   // Load initial value from storage
   useEffect(() => {
+    let isMounted = true;
+    
     const loadFromStorage = async () => {
-      const result = await storageRepository.getItem(keyString, defaultValue);
-      const value = unwrap(result, defaultValue);
-      setState(value);
-      setIsLoading(false);
+      try {
+        const result = await storageRepository.getItem(keyString, defaultValue);
+        const value = unwrap(result, defaultValue);
+        
+        // Memory leak önlemek için component mount kontrolü
+        if (isMounted) {
+          setState(value);
+          setIsLoading(false);
+        }
+      } catch {
+        // Hata durumunda bile cleanup yap
+        if (isMounted) {
+          setIsLoading(false);
+        }
+      }
     };
 
     loadFromStorage();
-  }, [keyString, defaultValue]);
+
+    // Cleanup function
+    return () => {
+      isMounted = false;
+    };
+  }, [keyString]); // defaultValue'ı dependency array'den çıkar
 
   // Update state and persist to storage
   const updateState = useCallback(

package/src/presentation/hooks/useStore.ts

@@ -8,6 +8,8 @@ import { createStore } from '../../domain/factories/StoreFactory';
 import type { StoreConfig } from '../../domain/types/Store';
 
 export function useStore<T extends object>(config: StoreConfig<T>) {
-  const store = useMemo(() => createStore(config), [config.name]);
+  // Config objesini stabilize et ki sonsuz re-render olmasın
+  const stableConfig = useMemo(() => config, [config.name, JSON.stringify(config)]);
+  const store = useMemo(() => createStore(stableConfig), [stableConfig]);
   return store;
 }

package/src/types/global.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="jest" />
+/// <reference types="node" />
+
+declare module '@react-native-async-storage/async-storage' {
+  export interface AsyncStorageStatic {
+    getItem(key: string): Promise<string | null>;
+    setItem(key: string, value: string): Promise<void>;
+    removeItem(key: string): Promise<void>;
+    clear(): Promise<void>;
+    getAllKeys(): Promise<readonly string[]>;
+    multiGet(keys: readonly string[]): Promise<readonly (readonly [string, string | null])[]>;
+  }
+
+  const AsyncStorage: AsyncStorageStatic;
+  export default AsyncStorage;
+}
+
+declare module 'react' {
+  export function useState<T>(initialState: T | (() => T)): [T, (value: T | ((prev: T) => T)) => void];
+  export function useEffect(effect: () => void | (() => void), deps?: readonly any[]): void;
+  export function useCallback<T extends (...args: any[]) => any>(callback: T, deps: readonly any[]): T;
+  export function useMemo<T>(factory: () => T, deps: readonly any[]): T;
+}
+
+declare module 'react-native' {
+  // Add React Native specific types if needed
+}
+
+declare global {
+  namespace jest {
+    interface Matchers<R> {
+      toBeValidStorageKey(): R;
+      toBeExpired(): R;
+      toHaveValidCache(): R;
+    }
+  }
+
+  var __DEV__: boolean | undefined;
+  var global: any;
+}

package/LICENSE

@@ -1,22 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Ümit UZ
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-

package/src/presentation/hooks/usePersistedState.ts

@@ -1,34 +0,0 @@
-/**
- * usePersistedState Hook
- * Like useState but persisted to AsyncStorage
- */
-
-import { useEffect, useState, useCallback } from 'react';
-import { storageRepository } from '../../infrastructure/repositories/AsyncStorageRepository';
-
-export function usePersistedState<T>(
-  key: string,
-  initialValue: T
-): [T, (value: T) => void, boolean] {
-  const [state, setState] = useState<T>(initialValue);
-  const [isLoaded, setIsLoaded] = useState(false);
-
-  useEffect(() => {
-    storageRepository.getItem(key, initialValue).then((result) => {
-      if (result.success) {
-        setState(result.data);
-      }
-      setIsLoaded(true);
-    });
-  }, [key]);
-
-  const setPersistedState = useCallback(
-    (value: T) => {
-      setState(value);
-      storageRepository.setItem(key, value);
-    },
-    [key]
-  );
-
-  return [state, setPersistedState, isLoaded];
-}