Merge pull request #8 from cobuildlab/feature/auth0-class-extend

add extends class implementation

Author: jesusrodrz

src/client.ts

@@ -0,0 +1,118 @@
+import Auth0, {
+  AuthorizeOptions,
+  Credentials as Auth0Credentials,
+  Options,
+} from 'react-native-auth0';
+import { Credentials, CredentialsHandlersInput, ErrorCases } from './types';
+import { ErrorPublisher, getTimestamp } from './utils';
+
+export class Auth0Native extends Auth0 {
+  private credentials: Credentials | null = null;
+
+  private saveCredentials: CredentialsHandlersInput['save'];
+
+  private getCredentials: CredentialsHandlersInput['get'];
+
+  private clearCredentials: CredentialsHandlersInput['clear'];
+
+  private errors: Record<ErrorCases, ErrorPublisher> = {
+    AUTHORIZATION: new ErrorPublisher(),
+    CLEAR_SESSION: new ErrorPublisher(),
+    REFRESH_TOKEN: new ErrorPublisher(),
+  };
+
+  constructor(options: Options, credentialsHandlers: CredentialsHandlersInput) {
+    super(options);
+    this.saveCredentials = credentialsHandlers.save;
+    this.getCredentials = credentialsHandlers.get;
+    this.clearCredentials = credentialsHandlers.clear;
+  }
+
+  async handleCredentials(data: Auth0Credentials): Promise<Credentials> {
+    const credentials: Credentials = { ...data, issuedAt: getTimestamp() };
+
+    await this.saveCredentials(credentials);
+
+    this.credentials = credentials;
+
+    return credentials;
+  }
+
+  getAuthInfo(): Credentials | null {
+    return this.credentials;
+  }
+
+  /**
+   *
+   * @param {string} scope -  Scopes requested for the issued tokens. E.g. `openid profile`.
+   * @param {object} options - Options to pass to the auth endpoint.
+   * @returns {object} The auth0 credentials.
+   */
+  async authorize(
+    scope: string,
+    options: AuthorizeOptions = {},
+  ): Promise<Credentials | undefined> {
+    try {
+      const result = await this.webAuth.authorize(
+        {
+          scope,
+        },
+        options,
+      );
+
+      return this.handleCredentials(result);
+    } catch (error) {
+      this.errors.AUTHORIZATION.notify(error as Error);
+      return;
+    }
+  }
+
+  async clearSession(): Promise<void> {
+    this.credentials = null;
+
+    try {
+      this.webAuth.clearSession();
+    } catch (error) {
+      this.errors.CLEAR_SESSION.notify(error as Error);
+    }
+
+    await this.clearCredentials();
+  }
+
+  async isAuthenticated(): Promise<boolean> {
+    const credentials = this.credentials || (await this.getCredentials());
+
+    if (!credentials) {
+      return false;
+    }
+
+    const tokenTimestamp = credentials.expiresIn + credentials.issuedAt;
+
+    const validToken = tokenTimestamp > getTimestamp();
+
+    if (validToken) {
+      this.credentials = credentials;
+      return true;
+    }
+
+    if (credentials.refreshToken) {
+      try {
+        const newCredentials = await this.auth.refreshToken({
+          refreshToken: credentials.refreshToken,
+        });
+
+        await this.handleCredentials({
+          ...newCredentials,
+          scope: credentials.scope,
+        });
+
+        return true;
+      } catch (error) {
+        this.errors.REFRESH_TOKEN.notify(error as Error);
+        return false;
+      }
+    }
+
+    return false;
+  }
+}

src/constant.ts

@@ -1,12 +1,19 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-import * as React from 'react';
-import { UseAuthType } from './types';
+import { createContext, useContext } from 'react';
+import { AuthClientContextType } from './types';
 
-export const AuthContext = React.createContext<UseAuthType>({
+/**
+ * @ignore
+ */
+const stub = (): never => {
+  throw new Error('You forgot to wrap your component in <Auth0Provider>.');
+};
+
+export const AuthClientContext = createContext<AuthClientContextType>({
   isAuthenticated: false,
-  isLoading: false,
-  login: () => {},
-  logout: () => {},
+  isLoading: true,
+  clearSession: stub,
+  authorize: stub,
 });
 
-
+export const useAuth = (): AuthClientContextType =>
+  useContext(AuthClientContext);

src/context.tsx

@@ -1,8 +1,7 @@
-import * as React from 'react';
-import { UseAuthType } from './types';
-import { AuthContext } from './context';
+import { useContext } from 'react';
 
-export const useAuth = (): UseAuthType => {
-  const context = React.useContext(AuthContext);
-  return context;
-};
+import { AuthClientContext } from './context';
+import { AuthClientContextType } from './types';
+
+export const useAuth = (): AuthClientContextType =>
+  useContext(AuthClientContext);

src/hook.ts

@@ -1,3 +1,4 @@
 export * from './hook';
 export * from './provider';
-export * from './types';
+export * from './types';
+export * from './client';