Add hasura GQL API

[clostao]

This PR implements Hasura GQL API:

• Adds to the needed metadata for tracking the all the tables needed in Auto-Drive Frontend
• Adds two roles user & app-admin. The first is the base permission and the second it's assigned to users with the role Admin.
• Implements Hasura Claims into Custom JWT auth provider
• Updates how the app is deployed in both production and local

[marc-aurele-besner]

This is awesome work 🙌
Just one comment to add the auth directly in ApolloClient

[marc-aurele-besner]

Instead, to pass in the session token on each query, this could be added here

[clostao]

The session token refreshes quite frequently (most times the user interacts with nextjs server). Do you mean that there's a dynamic way to set the token in the apollo client?

[marc-aurele-besner]

I believe something like that should work

import { ApolloClient, createHttpLink, from, InMemoryCache } from '@apollo/client';
import { setContext } from '@apollo/client/link/context'
import { getSession } from 'next-auth/react'

const httpLink = createHttpLink({
  uri: process.env.NEXT_PUBLIC_GQL_URL,
})

const authLink = setContext(async (_, { headers }) => {
  const session = await getSession()
  return {
    headers: {
      ...headers,
      ...(session?.accessToken && { authorization: `Bearer ${session.accessToken}` }),
    },
  }
})

export const apiv2Client = new ApolloClient({
  cache: new InMemoryCache(),
  link: from([
    authLink,
    httpLink,
  ]),

});

[marc-aurele-besner]

We could also look into implementing https://www.npmjs.com/package/@apollo/experimental-nextjs-app-support so the ApolloClient to work on both SSR and RSR.

[clostao]

It worked thanks for the comment & review!

[clostao]

Update: It worked fine on yarn dev mode but compiling the nextjs app it failed due to this error.

TLDR; Static generation of routes is checked through the compiler discarding the ones depending on dynamic values (such as cookies() or headers()). The issue is that the compiler is unable to detect if a route is dynamic or static when the call to these dynamic values is at another AsyncContext than the page. In this case fails in build-time.

For solving this, you have to explicitly determine that the route is dynamic

[netlify]

✅ Deploy Preview for auto-drive-demo ready!

Name	Link
🔨 Latest commit	f6e4a44
🔍 Latest deploy log	https://app.netlify.com/sites/auto-drive-demo/deploys/674870d1a5125200080677dd
😎 Deploy Preview	https://deploy-preview-110--auto-drive-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[marc-aurele-besner]

AWESOME :)