refactor(service): updated public request method and update readme

Author: Manu

README.md

@@ -34,21 +34,32 @@ async function initScope(scope) {
   return mainRole === 'TYPE_CUSTOMER' ? 'customer' : scope;
 }
 
-let scope;
-initScope('privateScope').then(response => {
-  scope = response;
-});
-
-gqlClient.getClient(scope).then(async (client: ApolloClient<any>) => {
-  ReactDOM.render(
-    <ApolloProvider {...{ client }}>
-      <App />
-    </ApolloProvider>,
-    document.getElementById('root')
-  );
+initScope('privateScope').then(scope => {
+  gqlClient.getClient(scope).then((client: ApolloClient<any>) => {
+    ReactDOM.render(
+      <ApolloProvider {...{ client }}>
+        <App />
+      </ApolloProvider>,
+      document.getElementById('root')
+    );
+  });
 });
 ```
 
+## Example of urls:
+
+### Private scope:
+
+`https://myurl.com/api/privateScope`
+
+### Customer scope:
+
+`https://myurl.com/api/customer`
+
+### Public scope:
+
+`https://myurl.com/api/public`
+
 #### and that's it, try it.
 
 ## Use in the services.

package.json

@@ -14,6 +14,7 @@
     "graphql",
     "react",
     "apollo",
+    "client",
     "lightweight",
     "fast",
     "typescript"

src/graphqlService.ts

@@ -15,6 +15,8 @@ export type DataInitType = {
   publicUri: string;
 };
 
+type ClientFunction = (client: ApolloClient<any>) => void;
+
 export class GraphqlService {
   _client: any = undefined;
   _token: string | undefined = undefined;
@@ -110,27 +112,31 @@ export class GraphqlService {
    *
    * @param callback
    */
-  publicRequest(callback: any) {
+  publicRequest(callback: ClientFunction) {
     return new Promise((resolve, reject) => {
       const client = this.createPublicClient();
       resolve(callback(client));
     });
   }
 
-  /**
-   *
-   * @param schema schema name
-   * @param variables variables to filter, etc
-   */
-  publicQuery(schema: string, variables: any) {
+  private execPublic = (schema: string, variables: any, mutate = true) => {
     return this.publicRequest((client: ApolloClient<any>) => {
-      return client.query({
-        query: gql`
+      return (client as any)[mutate ? 'mutate' : 'query']({
+        [mutate ? 'mutation' : 'query']: gql`
           ${schema}
         `,
         variables
       });
     });
+  };
+
+  /**
+   *
+   * @param schema schema name
+   * @param variables variables to filter, etc
+   */
+  publicQuery(schema: string, variables: any) {
+    return this.execPublic(schema, variables, false);
   }
 
   /**
@@ -139,14 +145,7 @@ export class GraphqlService {
    * @param variables variables to mutate
    */
   publicMutate(schema: string, variables: any) {
-    return this.publicRequest((client: ApolloClient<any>) => {
-      return client.mutate({
-        mutation: gql`
-          ${schema}
-        `,
-        variables
-      });
-    });
+    return this.execPublic(schema, variables);
   }
 
   /**
@@ -203,15 +202,15 @@ export class GraphqlService {
    * @returns a client graphql
    */
   async getClient(scope = 'websiteBackend') {
-    return this.client ? this.client : this.createPrivateClient(scope);
+    return this.client ?? this.createPrivateClient(scope);
   }
 
   /**
    *
    * @param scope should be public, webApp, etc
    * @param callback a client graphql
    */
-  async request(scope: string, callback: any) {
+  async request(scope: string, callback: ClientFunction) {
     const client = await this.getClient(scope);
     return callback(client);
   }