Added hooks for login, signup

Author: nishanth

.gitignore

@@ -13,3 +13,6 @@ npm-debug.log
 # Testing output
 .nyc_output
 coverage
+
+#test files
+/example

auth/index.ts

@@ -1 +1,3 @@
 export { default as useAuthState, AuthStateHook } from './useAuthState';
+export { default as useLogin, loginHook } from './useLogin';
+export { default as useRegister, registerHook } from './useRegister';

auth/useAuthState.ts

@@ -18,9 +18,6 @@ export default (auth: firebase.auth.Auth): AuthStateHook => {
     };
   }, [auth]);
 
-  const resArray:AuthStateHook = [value, loading, error]
-  return useMemo<AuthStateHook>(
-    () => resArray,
-    resArray,
-  );
+  const resArray: AuthStateHook = [value, loading, error];
+  return useMemo<AuthStateHook>(() => resArray, resArray);
 };

auth/useLogin.ts

@@ -0,0 +1,35 @@
+import { useState, useMemo } from 'react';
+import firebase from 'firebase/app';
+import { AuthHookType } from '../util';
+
+export type loginHook = AuthHookType<firebase.auth.UserCredential>;
+
+export default (
+  auth: firebase.auth.Auth,
+  email: string,
+  password: string
+): loginHook => {
+  const [error, setError] = useState<any>(null);
+  const [
+    loggedInUser,
+    setLoggedInUser,
+  ] = useState<firebase.auth.UserCredential>();
+  const [loading, setLoading] = useState<boolean>(false);
+
+  const login = () => {
+    setLoading(true);
+    auth
+      .signInWithEmailAndPassword(email, password)
+      .then((resUser) => {
+        setLoggedInUser(resUser);
+        setLoading(false);
+      })
+      .catch((err) => {
+        setError(err);
+        setLoading(false);
+      });
+  };
+
+  const resArray: loginHook = [loggedInUser, error, login, loading];
+  return useMemo<loginHook>(() => resArray, resArray);
+};

auth/useRegister.ts

@@ -0,0 +1,35 @@
+import { useState, useMemo } from 'react';
+import firebase from 'firebase/app';
+import { AuthHookType } from '../util';
+
+export type registerHook = AuthHookType<firebase.auth.UserCredential>;
+
+export default (
+  auth: firebase.auth.Auth,
+  email: string,
+  password: string
+): registerHook => {
+  const [error, setError] = useState<any>(null);
+  const [
+    registeredUser,
+    setRegisteredUser,
+  ] = useState<firebase.auth.UserCredential>();
+  const [loading, setLoading] = useState<boolean>(false);
+
+  const register = () => {
+    setLoading(true);
+    auth
+      .createUserWithEmailAndPassword(email, password)
+      .then((resUser) => {
+        setRegisteredUser(resUser);
+        setLoading(false);
+      })
+      .catch((err) => {
+        setError(err);
+        setLoading(false);
+      });
+  };
+
+  const resArray: registerHook = [registeredUser, error, register, loading];
+  return useMemo<registerHook>(() => resArray, resArray);
+};

package-lock.json

@@ -43,7 +43,8 @@
     "build": "npm run clean && rollup -c",
     "clean": "rimraf ./dist ./auth/dist ./auth/*.d.ts ./database/dist ./database/*.d.ts ./firestore/dist ./firestore/*.d.ts ./storage/dist ./storage/*.d.ts ./util/*.d.ts",
     "dev": "npm run clean && rollup -c -w",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "start": "rollup -c -w"
   },
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package.json

@@ -2,3 +2,4 @@ export { default as useLoadingValue } from './useLoadingValue';
 export * from './refHooks';
 
 export type LoadingHook<T, E> = [T | undefined, boolean, E | undefined];
+export type AuthHookType<T> = [T | undefined, any, () => void, boolean];

util/index.ts

@@ -81,13 +81,7 @@ export default <T, E>(getDefaultValue?: () => T | null): LoadingValue<T, E> => {
       setError,
       setValue,
       value: state.value,
-    }), [
-      state.error,
-      state.loading,
-      reset,
-      setError,
-      setValue,
-      state.value,
-    ]
+    }),
+    [state.error, state.loading, reset, setError, setValue, state.value]
   );
 };