init

pages/_app.js

@@ -0,0 +1,64 @@
+import '~/styles/style.scss'
+import React, { useState, useEffect } from 'react'
+import { useRouter } from 'next/router'
+import UserContext from 'lib/UserContext'
+import { supabase } from 'lib/Store'
+import { jwtDecode } from 'jwt-decode'
+
+export default function SupabaseSlackClone({ Component, pageProps }) {
+  const [userLoaded, setUserLoaded] = useState(false)
+  const [user, setUser] = useState(null)
+  const [session, setSession] = useState(null)
+  const router = useRouter()
+
+  useEffect(() => {
+    function saveSession(
+      /** @type {Awaited<ReturnType<typeof supabase.auth.getSession>>['data']['session']} */
+      session
+    ) {
+      setSession(session)
+      const currentUser = session?.user
+      if (session) {
+        const jwt = jwtDecode(session.access_token)
+        currentUser.appRole = jwt.user_role
+      }
+      setUser(currentUser ?? null)
+      setUserLoaded(!!currentUser)
+      if (currentUser) {
+        router.push('/channels/[id]', '/channels/1')
+      }
+    }
+
+    supabase.auth.getSession().then(({ data: { session } }) => saveSession(session))
+
+    const { data: { subscription: authListener } } = supabase.auth.onAuthStateChange(
+      async (event, session) => {
+        console.log(session)
+        saveSession(session)
+      }
+    )
+
+    return () => {
+      authListener.unsubscribe()
+    }
+  }, [])
+
+  const signOut = async () => {
+    const { error } = await supabase.auth.signOut()
+    if (!error) {
+      router.push('/')
+    }
+  }
+
+  return (
+    <UserContext.Provider
+      value={{
+        userLoaded,
+        user,
+        signOut,
+      }}
+    >
+      <Component {...pageProps} />
+    </UserContext.Provider>
+  )
+}