build: renamed package

Author: linmic

CONTRIBUTING.md

@@ -49,7 +49,7 @@ Remember to add tests for your change if possible. Run the unit tests by:
 yarn test
 ```
 
-To edit the Objective-C files, open `example/ios/AppStateAwareFocusEffectExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > react-native-app-state-aware-focus-effect`.
+To edit the Objective-C files, open `example/ios/AppStateAwareFocusEffectExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > react-navigation-app-state-aware-focus-effect`.
 
 To edit the Kotlin files, open `example/android` in Android studio and find the source files at `reactnativeappstateawarefocuseffect` under `Android`.
 

README.md

@@ -1,6 +1,6 @@
-# react-native-app-state-aware-focus-effect
+# react-navigation-app-state-aware-focus-effect
 
-[![linmic](https://circleci.com/gh/linmic/react-native-app-state-aware-focus-effect.svg?style=shield)](https://app.circleci.com/pipelines/github/linmic/react-native-app-state-aware-focus-effect)
+[![linmic](https://circleci.com/gh/linmic/react-navigation-app-state-aware-focus-effect.svg?style=shield)](https://app.circleci.com/pipelines/github/linmic/react-navigation-app-state-aware-focus-effect)
 
 AppState-aware focus effect for React Native with React Navigation
 
@@ -13,23 +13,25 @@ This hook could be useful for those applications that use [React Navigation](htt
 ## Installation
 
 ```sh
-npm i react-native-app-state-aware-focus-effect # or
-yarn add react-native-app-state-aware-focus-effect
+npm i react-navigation-app-state-aware-focus-effect # or
+yarn add react-navigation-app-state-aware-focus-effect
 ```
 
 ## Usage
 
 ### Minimal example
 
 ```js
-import useAppStateAwareFocusEffect from 'react-native-app-state-aware-focus-effect';
+import useAppStateAwareFocusEffect from 'react-navigation-app-state-aware-focus-effect';
 
 const req = fetch('https://example.com/dummy.json');
 
 // make sure you memoize the effect
-useAppStateAwareFocusEffect(useCallback(() => {
-  req();
-}, []));
+useAppStateAwareFocusEffect(
+  useCallback(() => {
+    req();
+  }, [])
+);
 ```
 
 ### A more comprehensive example
@@ -38,7 +40,7 @@ useAppStateAwareFocusEffect(useCallback(() => {
 import React, { useCallback } from 'react';
 import { View, Text } from 'react-native';
 import { gql, useQuery } from '@apollo/client';
-import useAppStateAwareFocusEffect from 'react-native-app-state-aware-focus-effect';
+import useAppStateAwareFocusEffect from 'react-navigation-app-state-aware-focus-effect';
 
 const GET_DOGS = gql`
   query GetDogs {
@@ -54,9 +56,11 @@ const Dogs = () => {
     fetchPolicy: 'cache-and-network',
   });
 
-  useAppStateAwareFocusEffect(useCallback(() => {
-    refetch();
-  }, []));
+  useAppStateAwareFocusEffect(
+    useCallback(() => {
+      refetch();
+    }, [])
+  );
 
   if (loading) return 'Loading...';
   if (error) return `Error! ${error.message}`;

example/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "react-native-app-state-aware-focus-effect-example",
-  "description": "Example app for react-native-app-state-aware-focus-effect",
+  "name": "react-navigation-app-state-aware-focus-effect-example",
+  "description": "Example app for react-navigation-app-state-aware-focus-effect",
   "version": "0.0.1",
   "private": true,
   "scripts": {

example/src/App.tsx

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { StyleSheet, View, Text, Alert } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import useAppStateAwareFocusEffect from 'react-native-app-state-aware-focus-effect';
+import useAppStateAwareFocusEffect from 'react-navigation-app-state-aware-focus-effect';
 
 function HomeScreen() {
   const memoizedEffect = useCallback(() => {

tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "react-native-app-state-aware-focus-effect": ["./src/index"]
+      "react-navigation-app-state-aware-focus-effect": ["./src/index"]
     },
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,