chore: update versions (#240)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

docs/content/docs/get-started/cli-workflow/install-cli.mdx

@@ -12,7 +12,6 @@ Initialize a new Nhost App locally:
 
 ```sql
 nhost init -n "nhost-example-app" && cd nhost-example-app
-
 ```
 
 And initialize the GitHub repository in the same folder:
@@ -35,4 +34,4 @@ If you click on the deployment you can see that nothing was really deployed. Tha
 
 ![Deployments details](/images/cli-workflow/deployments-details.png)
 
-Let’s do some local backend changes!
+Let's do some local backend changes!

docs/content/docs/reference/sdk/authentication.mdx

@@ -119,3 +119,16 @@ Reset password for a user. Calling this function sends an email to the user with
 ```js
 const { error } = await nhost.auth.resetPassword({ email })
 ```
+
+## `nhost.auth.onAuthStateChanged(event, session)`
+
+Use `onAuthStateChanged` to add a custom function that is triggered
+whenever the user's state changes. For example, from signed in to signed out or
+vice versa.
+
+```js
+nhost.auth.onAuthStateChanged(({ event, session }) => {
+  // event = 'SIGNED_IN' | 'SIGNED_OUT'
+  console.log(`Auth state changed. State is now ${event} with the session: ${session}`)
+})
+```

package.json

@@ -19,7 +19,7 @@
     "prepare": "pnpm create-config",
     "build": "pnpm turbo run build --scope='@nhost/*' --no-deps --include-dependencies",
     "build:docs": "pnpm run build --filter=nhost-documentation",
-    "clean:all": "pnpm clean && rm -rf ./{{packages,examples}/*,docs}/node_modules node_modules",
+    "clean:all": "pnpm clean && rm -rf ./{{packages,examples}/*,docs}/{.nhost,node_modules} node_modules",
     "clean": "rm -rf ./{{packages,examples}/*,docs}/{dist,.next,.turbo,coverage}",
     "ci": "pnpm turbo run build test --concurrency=4 --scope='@nhost/*' && pnpm run lint",
     "ci:version": "changeset version && pnpm install --frozen-lockfile false",

packages/react-auth/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nhost/react-auth
 
+## 2.0.8
+
+### Patch Changes
+
+- 38f0093: Correct Nhost context type
+  `const { user } = useNhostAuth()`: user type was `null`. It is now `User | null`.
+
 ## 2.0.7
 
 ### Patch Changes

packages/react-auth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/react-auth",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "description": "Nhost React client",
   "license": "MIT",
   "keywords": [
@@ -55,6 +55,7 @@
     "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
+    "@nhost/hasura-auth-js": "workspace:*",
     "@types/react": "^17.0.38",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

packages/react-auth/src/index.tsx

@@ -1,8 +1,14 @@
 import React, { createContext, ReactNode, useContext, useEffect, useState } from 'react'
 
+import type { User } from '@nhost/hasura-auth-js'
 import { NhostClient } from '@nhost/nhost-js'
 
-export const AuthContext = createContext({
+type NhostContext = {
+  isLoading: boolean
+  isAuthenticated: boolean
+  user: User | null
+}
+export const AuthContext = createContext<NhostContext>({
   user: null,
   isLoading: true,
   isAuthenticated: false
@@ -15,7 +21,7 @@ export function NhostAuthProvider({
   children: ReactNode
   nhost: NhostClient
 }) {
-  const [authContext, setAuthContext] = useState({
+  const [authContext, setAuthContext] = useState<NhostContext>({
     user: null,
     isLoading: true,
     isAuthenticated: false

pnpm-lock.yaml

@@ -293,6 +293,7 @@ importers:
 
   packages/react-auth:
     specifiers:
+      '@nhost/hasura-auth-js': workspace:*
       '@nhost/nhost-js': workspace:*
       '@types/react': ^17.0.38
       react: ^17.0.2
@@ -300,6 +301,7 @@ importers:
     dependencies:
       '@nhost/nhost-js': link:../nhost-js
     devDependencies:
+      '@nhost/hasura-auth-js': link:../hasura-auth-js
       '@types/react': 17.0.39
       react: 17.0.2
       react-dom: 17.0.2_react@17.0.2