Merge pull request #652 from nhost/changeset-release/main

chore: update versions

README.md

@@ -1,4 +1,4 @@
-![Nhost](https://i.imgur.com/FrcdOZg.png)
+![Nhost](https://i.imgur.com/ZenoUlM.png)
 
 <div align="center">
 
@@ -199,21 +199,28 @@ Here are some ways of contributing to making Nhost better:
             <sub><b>Vadim Smirnov</b></sub>
         </a>
     </td>
+    <td align="center">
+        <a href="https://github.com/macmac49">
+            <img src="https://avatars.githubusercontent.com/u/831190?v=4" width="100;" alt="macmac49"/>
+            <br />
+            <sub><b>Macmac49</b></sub>
+        </a>
+    </td>
     <td align="center">
         <a href="https://github.com/subhendukundu">
             <img src="https://avatars.githubusercontent.com/u/20059141?v=4" width="100;" alt="subhendukundu"/>
             <br />
             <sub><b>Subhendu Kundu</b></sub>
         </a>
-    </td>
+    </td></tr>
+<tr>
     <td align="center">
         <a href="https://github.com/heygambo">
             <img src="https://avatars.githubusercontent.com/u/449438?v=4" width="100;" alt="heygambo"/>
             <br />
             <sub><b>Christian Gambardella</b></sub>
         </a>
-    </td></tr>
-<tr>
+    </td>
     <td align="center">
         <a href="https://github.com/chrtze">
             <img src="https://avatars.githubusercontent.com/u/3797215?v=4" width="100;" alt="chrtze"/>
@@ -248,15 +255,15 @@ Here are some ways of contributing to making Nhost better:
             <br />
             <sub><b>Jerry Jäppinen</b></sub>
         </a>
-    </td>
+    </td></tr>
+<tr>
     <td align="center">
         <a href="https://github.com/mustafa-hanif">
             <img src="https://avatars.githubusercontent.com/u/30019262?v=4" width="100;" alt="mustafa-hanif"/>
             <br />
             <sub><b>Mustafa Hanif</b></sub>
         </a>
-    </td></tr>
-<tr>
+    </td>
     <td align="center">
         <a href="https://github.com/timpratim">
             <img src="https://avatars.githubusercontent.com/u/32492961?v=4" width="100;" alt="timpratim"/>
@@ -291,15 +298,15 @@ Here are some ways of contributing to making Nhost better:
             <br />
             <sub><b>Animesh Pathak</b></sub>
         </a>
-    </td>
+    </td></tr>
+<tr>
     <td align="center">
         <a href="https://github.com/rustyb">
             <img src="https://avatars.githubusercontent.com/u/53086?v=4" width="100;" alt="rustyb"/>
             <br />
             <sub><b>Colin Broderick</b></sub>
         </a>
-    </td></tr>
-<tr>
+    </td>
     <td align="center">
         <a href="https://github.com/dohomi">
             <img src="https://avatars.githubusercontent.com/u/489221?v=4" width="100;" alt="dohomi"/>
@@ -334,15 +341,15 @@ Here are some ways of contributing to making Nhost better:
             <br />
             <sub><b>Hugh Caluscusin</b></sub>
         </a>
-    </td>
+    </td></tr>
+<tr>
     <td align="center">
         <a href="https://github.com/jladuval">
             <img src="https://avatars.githubusercontent.com/u/1935359?v=4" width="100;" alt="jladuval"/>
             <br />
             <sub><b>Jacob Duval</b></sub>
         </a>
-    </td></tr>
-<tr>
+    </td>
     <td align="center">
         <a href="https://github.com/leothorp">
             <img src="https://avatars.githubusercontent.com/u/12928449?v=4" width="100;" alt="leothorp"/>
@@ -377,15 +384,15 @@ Here are some ways of contributing to making Nhost better:
             <br />
             <sub><b>Quentin Decré</b></sub>
         </a>
-    </td>
+    </td></tr>
+<tr>
     <td align="center">
         <a href="https://github.com/atapas">
             <img src="https://avatars.githubusercontent.com/u/3633137?v=4" width="100;" alt="atapas"/>
             <br />
             <sub><b>Tapas Adhikary</b></sub>
         </a>
-    </td></tr>
-<tr>
+    </td>
     <td align="center">
         <a href="https://github.com/komninoschat">
             <img src="https://avatars.githubusercontent.com/u/29049104?v=4" width="100;" alt="komninoschat"/>

config/.eslint.base.js

@@ -59,6 +59,7 @@ module.exports = {
         allowArrowFunction: true,
         allowAnonymousFunction: true
       }
-    ]
+    ],
+    'import/extensions': ['error', { js: 'always' }]
   }
 }

config/.eslintrc.js

@@ -1,4 +1,4 @@
-const base = require('./.eslint.base')
+const base = require('./.eslint.base.js')
 module.exports = {
   ...base,
   extends: ['react-app', 'plugin:react/recommended', 'plugin:react-hooks/recommended'],

config/.eslintrc.vue.js

@@ -1,4 +1,4 @@
-const base = require('./.eslint.base')
+const base = require('./.eslint.base.js')
 module.exports = {
   ...base,
   extends: ['plugin:import/recommended', 'plugin:import/typescript'],
@@ -6,5 +6,8 @@ module.exports = {
   parserOptions: {
     ...base.parserOptions,
     parser: '@typescript-eslint/parser'
+  },
+  rules: {
+    'vue/html-self-closing': 'off'
   }
 }

config/vite.lib.config.js

@@ -13,10 +13,24 @@ const entry = fs.existsSync(tsEntry) ? tsEntry : tsEntry.replace('.ts', '.tsx')
 
 const deps = [...Object.keys(Object.assign({}, pkg.peerDependencies, pkg.dependencies))]
 
+function createModuleJsAndMapAfterBuild() {
+  return {
+    closeBundle() {
+      if (
+        fs.existsSync(path.join(PWD, 'dist/index.esm.js')) &&
+        fs.existsSync(path.join(PWD, 'dist/index.esm.js.map'))
+      ) {
+        fs.copyFileSync(path.join(PWD, 'dist/index.esm.js'), path.join(PWD, 'dist/index.esm.mjs'))
+        fs.copyFileSync(
+          path.join(PWD, 'dist/index.esm.js.map'),
+          path.join(PWD, 'dist/index.esm.mjs.map')
+        )
+      }
+    }
+  }
+}
+
 export default defineConfig({
-  optimizeDeps: {
-    include: ['react/jsx-runtime']
-  },
   plugins: [
     tsconfigPaths(),
     dts({
@@ -28,7 +42,8 @@ export default defineConfig({
         })
         fs.rmdirSync(path.join(PWD, 'dist/src'))
       }
-    })
+    }),
+    createModuleJsAndMapAfterBuild()
   ],
   test: {
     globals: true,
@@ -44,7 +59,7 @@ export default defineConfig({
     lib: {
       entry,
       name: pkg.name,
-      fileName: (format) => (format === 'cjs' ? `index.cjs.js` : `index.mjs`),
+      fileName: (format) => (format === 'cjs' ? `index.cjs.js` : `index.esm.js`),
       formats: ['cjs', 'es']
     },
     rollupOptions: {
@@ -53,10 +68,10 @@ export default defineConfig({
         globals: {
           graphql: 'graphql',
           '@apollo/client': '@apollo/client',
-          '@apollo/client/core': '@apollo/client/core',
-          '@apollo/client/link/context': '@apollo/client/link/context',
-          '@apollo/client/link/subscriptions': '@apollo/client/link/subscriptions',
-          '@apollo/client/utilities': '@apollo/client/utilities',
+          '@apollo/client/core/index.js': '@apollo/client/core',
+          '@apollo/client/link/context/index.js': '@apollo/client/link/context',
+          '@apollo/client/link/subscriptions/index.js': '@apollo/client/link/subscriptions',
+          '@apollo/client/utilities/index.js': '@apollo/client/utilities',
           'graphql-ws': 'graphql-ws',
           xstate: 'xstate',
           axios: 'axios',

config/vite.lib.dev.config.js

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 
-import viteLibConfig from './vite.lib.config'
+import viteLibConfig from './vite.lib.config.js'
 
 export default defineConfig({
   ...viteLibConfig,

config/vite.lib.umd.config.js

@@ -3,7 +3,7 @@ import path from 'path'
 import { defineConfig } from 'vite'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
-import baseLibConfig from './vite.lib.config'
+import baseLibConfig from './vite.lib.config.js'
 
 const PWD = process.env.PWD
 const pkg = require(path.join(PWD, 'package.json'))

config/vite.react.config.js

@@ -2,9 +2,12 @@ import { defineConfig } from 'vite'
 
 import react from '@vitejs/plugin-react'
 
-import baseLibConfig from './vite.lib.config'
+import baseLibConfig from './vite.lib.config.js'
 
 export default defineConfig({
   ...baseLibConfig,
-  plugins: [react(), ...baseLibConfig.plugins]
+  optimizeDeps: {
+    include: ['react/jsx-runtime']
+  },
+  plugins: [react({ jsxRuntime: 'classic' }), ...baseLibConfig.plugins]
 })

config/vite.react.dev.config.js

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 
-import viteReactConfig from './vite.react.config'
+import viteReactConfig from './vite.react.config.js'
 
 export default defineConfig({
   ...viteReactConfig,

config/vite.react.umd.config.js

@@ -5,7 +5,7 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 
 import react from '@vitejs/plugin-react'
 
-import baseLibConfig from './vite.lib.config'
+import baseLibConfig from './vite.lib.config.js'
 
 const PWD = process.env.PWD
 const pkg = require(path.join(PWD, 'package.json'))

config/vite.vue.config.js

@@ -2,7 +2,7 @@ import { defineConfig } from 'vite'
 
 import vue from '@vitejs/plugin-vue'
 
-import baseLibConfig from './vite.lib.config'
+import baseLibConfig from './vite.lib.config.js'
 
 export default defineConfig({
   ...baseLibConfig,

config/vite.vue.dev.config.js

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 
-import viteVueConfig from './vite.vue.config'
+import viteVueConfig from './vite.vue.config.js'
 
 export default defineConfig({
   ...viteVueConfig,

config/vite.vue.umd.config.js

@@ -5,7 +5,7 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 
 import vue from '@vitejs/plugin-vue'
 
-import baseLibConfig from './vite.lib.config'
+import baseLibConfig from './vite.lib.config.js'
 
 const PWD = process.env.PWD
 const pkg = require(path.join(PWD, 'package.json'))

docs/docs/index.mdx

@@ -2,6 +2,7 @@
 title: 'Introduction to Nhost'
 sidebar_label: Introduction
 sidebar_position: 1
+image: /img/og/platform/introduction-to-nhost.png
 ---
 
 Nhost is the open source GraphQL backend (Firebase Alternative) and a development platform. Nhost is doing for the backend, what [Netlify](https://netlify.com/) and [Vercel](https://vercel.com/) are doing for the frontend.

docs/docs/platform/authentication/index.md

@@ -2,6 +2,7 @@
 title: Nhost Authentication
 sidebar_label: Authentication
 sidebar_position: 1
+image: /img/og/platform/authentication.png
 ---
 
 Nhost Authentication is a ready-to-use authentication service that is integrated with the [GraphQL API](/platform/graphql) and its permission system from Hasura.

docs/docs/platform/authentication/sign-in-methods/1-email-password.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Email and Password
 sidebar_label: Email and Password
 slug: /platform/authentication/sign-in-with-email-and-password
+image: /img/og/platform/sign-in-with-email-and-password.png
 ---
 
 Follow this guide to sign in users with email and password.

docs/docs/platform/authentication/sign-in-methods/2-magic-link.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Magic Link
 sidebar_label: Magic Link
 slug: /platform/authentication/sign-in-with-magic-link
+image: /img/og/platform/sign-in-with-magic-link.png
 ---
 
 Follow this guide to sign in users with Magic Link, also called passwordless email.

docs/docs/platform/authentication/sign-in-methods/3-phone-number.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Phone Number (SMS)
 sidebar_label: Phone Number (SMS)
 slug: /platform/authentication/sign-in-with-phone-number-sms
+image: /img/og/platform/sign-in-with-phone-number-sms.png
 ---
 
 Follow this guide to sign in users with a phone number (SMS).

docs/docs/platform/authentication/sign-in-methods/5-google.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Google
 sidebar_label: Google
 slug: /platform/authentication/sign-in-with-google
+image: /img/og/platform/sign-in-with-google.png
 ---
 
 Follow this guide to sign in users with Google with your Nhost App.

docs/docs/platform/authentication/sign-in-methods/6-facebook.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Facebook
 sidebar_label: Facebook
 slug: /platform/authentication/sign-in-with-facebook
+image: /img/og/platform/sign-in-with-facebook.png
 ---
 
 Follow this guide to sign in users with Facebook with your Nhost App.

docs/docs/platform/authentication/sign-in-methods/7-github.mdx

@@ -2,6 +2,7 @@
 title: Sign In with GitHub
 sidebar_label: GitHub
 slug: /platform/authentication/sign-in-with-github
+image: /img/og/platform/sign-in-with-github.png
 ---
 
 Follow this guide to sign in users with GitHub with your Nhost App.

docs/docs/platform/authentication/sign-in-methods/8-linkedin.mdx

@@ -2,6 +2,7 @@
 title: Sign In with LinkedIn
 sidebar_label: LinkedIn
 slug: /platform/authentication/sign-in-with-linkedin
+image: /img/og/platform/sign-in-with-linkedin.png
 ---
 
 Follow this guide to sign in users with LinkedIn with your Nhost App.

docs/docs/platform/authentication/sign-in-methods/9-spotify.mdx

@@ -2,6 +2,7 @@
 title: Sign In with Spotify
 sidebar_label: Spotify
 slug: /platform/authentication/sign-in-with-spotify
+image: /img/og/platform/sign-in-with-spotify.png
 ---
 
 Follow this guide to sign in users with Spotify with your Nhost App.

docs/docs/platform/authentication/sign-in-methods/index.md

@@ -1,6 +1,7 @@
 ---
 title: 'Sign-In Methods'
 slug: /platform/authentication/sign-in-methods
+image: /img/og/platform/sign-in-methods.png
 ---
 
 Nhost Authentication support the following sign-in methods:

docs/docs/platform/authentication/tokens.mdx

@@ -2,6 +2,7 @@
 title: Tokens
 sidebar_label: Tokens
 sidebar_position: 10
+image: /img/og/platform/tokens.png
 ---
 
 Nhost Authentication makes use of two types of tokens:

docs/docs/platform/authentication/users.mdx

@@ -2,6 +2,7 @@
 title: Users
 sidebar_label: Users
 sidebar_position: 1
+image: /img/og/platform/users.png
 ---
 
 Users are stored in the database in the `users` table in the `auth` schema.

docs/docs/platform/cli.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'CLI'
 sidebar_position: 11
+image: /img/og/platform/cli.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/database/event-triggers.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Event triggers'
 sidebar_position: 2
+image: /img/og/platform/event-triggers.png
 ---
 
 Event Triggers enable you to invoke webhooks when a database event happens. Event Triggers are typically used to do post-processing tasks, using custom backend code, based on database events.

docs/docs/platform/database/index.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Database'
 sidebar_position: 1
+image: /img/og/platform/database.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/environment-variables.md

@@ -1,6 +1,7 @@
 ---
 title: 'Environment Variables'
 sidebar_position: 9
+image: /img/og/platform/environment-variables.png
 ---
 
 Environment Variables are key-value pairs configured outside your source code. They are used to store environment-specific values such as API keys.

docs/docs/platform/github-integration.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'GitHub Integration'
 sidebar_position: 10
+image: /img/og/platform/github-integration.png
 ---
 
 The GitHub integration allows you to automatically deploy your Nhost app when on push and merge to a GitHub repository that is connected to your Nhost app.

docs/docs/platform/graphql/index.md

@@ -1,6 +1,7 @@
 ---
 title: 'GraphQL'
 sidebar_position: 1
+image: /img/og/platform/graphql.png
 ---
 
 A GraphQL API is automatically and instantly available based on the tables and columns in your [database](/platform/database).

docs/docs/platform/graphql/permissions.md

@@ -1,6 +1,7 @@
 ---
 title: 'Permissions'
 sidebar_position: 1
+image: /img/og/platform/permissions.png
 ---
 
 The GraphQL API is protected by a role-based permission system.

docs/docs/platform/overview/architecture.md

@@ -1,6 +1,7 @@
 ---
 title: 'Architecture'
 sidebar_position: 2
+image: /img/og/platform/architecture.png
 ---
 
 Nhost is a backend as a service built with open source tools to provide developers the general building blocks required to build fantastic digital apps and products.

docs/docs/platform/overview/get-started-with-nhost-cli.md

@@ -1,6 +1,7 @@
 ---
 title: 'Get Started with Nhost CLI'
 sidebar_position: 2
+image: /img/og/platform/get-started-with-nhost-cli.png
 ---
 
 # Get started with Nhost CLI

docs/docs/platform/quickstarts/nextjs.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Quickstart: Next.js'
 sidebar_position: 2
+image: /img/og/platform/quickstart-nextjs.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/quickstarts/react.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Quickstart: React'
 sidebar_position: 1
+image: /img/og/platform/quickstart-react.png
 ---
 
 import Tabs from '@theme/Tabs'
@@ -35,6 +36,7 @@ You'll need **Node.js** version 14 or later: [install it from here](https://node
 import CreateApp from '@site/src/components/create-nhost-app.mdx'
 
 <CreateApp />
+
 :::info
 You can also connect your Nhost app to a GitHub repository. When you do this, any updates you push to your code will automatically be deployed. [Learn more](https://docs.nhost.io/platform/github-integration).
 :::
@@ -636,7 +638,8 @@ const Layout = () => {
   const id = useUserId()
   // highlight-start
   const { loading, error, data } = useQuery(GET_USER_QUERY, {
-    variables: { id }
+    variables: { id },
+    skip: !id
   })
   const user = data?.user
   // highlight-end

docs/docs/platform/quickstarts/redwoodjs.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Quickstart: RedwoodJS'
 sidebar_position: 3
+image: /img/og/platform/quickstart-redwoodjs.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/quickstarts/vue.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Quickstart: Vue'
 sidebar_position: 3
+image: /img/og/platform/quickstart-vue.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/serverless-functions.mdx

@@ -1,6 +1,7 @@
 ---
 title: 'Serverless Functions'
 sidebar_position: 8
+image: /img/og/platform/serverless-functions.png
 ---
 
 import Tabs from '@theme/Tabs'

docs/docs/platform/storage.md

@@ -1,6 +1,7 @@
 ---
 title: 'Storage'
 sidebar_position: 7
+image: /img/og/platform/storage.png
 ---
 
 Nhost stores and serves files of any type in your backend.

docs/docs/reference/hasura-auth/environment-variables.md

@@ -43,7 +43,6 @@ sidebar_position: 3
 | AUTH_SMS_TWILIO_ACCOUNT_SID                        |                                                                                                                                                                                                        |                              |
 | AUTH_SMS_TWILIO_AUTH_TOKEN                         |                                                                                                                                                                                                        |                              |
 | AUTH_SMS_TWILIO_MESSAGING_SERVICE_ID               |                                                                                                                                                                                                        |                              |
-| AUTH_SMS_TWILIO_FROM                               |                                                                                                                                                                                                        |                              |
 | AUTH_EMAIL_SIGNIN_EMAIL_VERIFIED_REQUIRED          | When enabled, any email-based authentication requires emails to be verified by a link sent to this email.                                                                                              | `true`                       |
 | AUTH_ACCESS_CONTROL_ALLOWED_REDIRECT_URLS          |                                                                                                                                                                                                        |                              |
 | AUTH_MFA_ENABLED                                   | Enables users to use Multi Factor Authentication.                                                                                                                                                      | `false`                      |

docs/docs/reference/javascript/index.mdx

@@ -1,12 +1,12 @@
 ---
-title: 'Overview'
+title: 'JavaScript'
 sidebar_position: 1
 ---
 
 import Tabs from '@theme/Tabs'
 import TabItem from '@theme/TabItem'
 
-The Nhost client is the primary way of interacting with your Nhost app. It exposes a standard interface for each of the following services:
+The Nhost JavaScript client is the primary way of interacting with your Nhost app. It exposes a standard interface for each of the following services:
 
 - [Authentication](/reference/javascript/auth)
 - [Storage](/reference/javascript/storage)
@@ -63,4 +63,4 @@ If the user is not signed in no authorization header is set. If no authorization
 
 ## TypeScript Support
 
-The Nhost JS SDK has TypeScript typings included. You don’t have to import types separately.
+The Nhost JavaScript client is written in TypeScript and has full TypeScript support.

docs/docs/reference/nextjs/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: 'Overview'
+title: 'Next.js'
 sidebar_position: 1
 ---
 

docs/docs/reference/react/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: 'Overview'
+title: 'React'
 sidebar_position: 1
 ---
 
@@ -31,20 +31,27 @@ yarn add @nhost/react graphql
 
 ## Initializing
 
-Initialize a single `nhost` instance and wrap your app with the `NhostReactProvider`.
+After installation, initialize a single Nhost Client (`nhost`) under `src/lib/nhost.js`.
+
+```jsx title=src/lib/nhost.js
+import { NhostClient } from '@nhost/react'
+const nhost = new NhostClient({
+  backendUrl: '<Your Nhost Backend URL>'
+})
+export { nhost }
+```
+
+Import `nhost` and wrap your app with the `NhostReactProvider`.
 
 ```jsx title=src/App.tsx
 import React from 'react'
 import ReactDOM from 'react-dom'
 
 import { NhostClient, NhostReactProvider } from '@nhost/react'
+import { nhost } from './lib/nhost'
 
 import App from './App'
 
-const nhost = new NhostClient({
-  backendUrl: '<Your Nhost Backend URL>'
-})
-
 ReactDOM.render(
   <React.StrictMode>
     <NhostReactProvider nhost={nhost}>
@@ -53,8 +60,11 @@ ReactDOM.render(
   </React.StrictMode>,
   document.getElementById('root')
 )
+export { nhost }
 ```
 
+
+
 :::info
 
 The `nhost` instance created with the `NhostClient` above is the same as the [JavaScript Nhost client](/reference/javascript).

docs/docs/reference/vue/index.mdx

@@ -1,5 +1,5 @@
 ---
-title: 'Overview'
+title: 'Vue'
 sidebar_position: 1
 ---
 

docs/docusaurus.config.js

@@ -4,19 +4,28 @@
 const lightCodeTheme = require('prism-react-renderer/themes/github')
 const darkCodeTheme = require('prism-react-renderer/themes/dracula')
 
+const getBaseUrl = () => {
+  if (process.env.VERCEL_ENV === 'production') {
+    return 'https://docs.nhost.io'
+  } else if (process.env.VERCEL_ENV === 'preview') {
+    return `https://${process.env.VERCEL_URL}`
+  } else {
+    return `http://localhost:3000`
+  }
+}
+
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Nhost Docs',
-  tagline:
-    'Nhost is an open-source, real-time, server-less backend platform for building reliable apps that scale with your business.',
-  url: 'https://docs.nhost.io',
+  tagline: 'Nhost is an open source Firebase alternative with GraphQL.',
+  url: getBaseUrl(),
   trailingSlash: false,
   baseUrl: '/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
   favicon: 'img/favicon.png',
-  organizationName: 'nhost', // Usually your GitHub org/user name.
-  projectName: 'docs', // Usually your repo name.
+  organizationName: 'nhost',
+  projectName: 'docs',
 
   presets: [
     [
@@ -33,7 +42,6 @@ const config = {
           breadcrumbs: false,
           sidebarPath: require.resolve('./sidebars.js'),
           remarkPlugins: [require('mdx-mermaid')],
-          // Please change this to your repo.
           editUrl: 'https://github.com/nhost/nhost/edit/main/docs/'
         },
         theme: {
@@ -46,17 +54,13 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      image: 'img/splash.png',
       colorMode: {
         defaultMode: 'light',
         disableSwitch: false,
         respectPrefersColorScheme: true
       },
-      metadata: [
-        {
-          name: 'og:image',
-          content: 'https://docs.nhost.io/img/splash.png'
-        }
-      ],
+      metadata: [{ name: 'robots', content: 'max-image-preview:large' }],
       navbar: {
         hideOnScroll: true,
         logo: {

examples/nextjs/.eslintrc.js

@@ -5,6 +5,7 @@ module.exports = {
     'plugin:@next/next/recommended'
   ],
   rules: {
-    'react/react-in-jsx-scope': 'off'
+    'react/react-in-jsx-scope': 'off',
+    'import/extensions': 'off'
   }
 }

examples/vue-apollo/src/pages/ApolloPage.vue

@@ -15,7 +15,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 
-import { gql } from '@apollo/client/core'
+import { gql } from '@apollo/client/core/index.js'
 import { useAuthenticated } from '@nhost/vue'
 import { useQuery } from '@vue/apollo-composable'
 

examples/vue-quickstart/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['../../config/.eslintrc.vue']
+}

examples/vue-quickstart/src/pages/profile.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { gql } from '@apollo/client/core'
+import { gql } from '@apollo/client/core/index.js'
 import { useNhostClient, useUserId } from '@nhost/vue'
 import { useMutation, useSubscription } from '@vue/apollo-composable'
 import { computed, ref } from 'vue'
@@ -18,7 +18,10 @@ const GET_USER_SUBSCRIPTION = gql`
 `
 const id = useUserId()
 
-const { result } = useSubscription(GET_USER_SUBSCRIPTION, computed(() => ({ id: id.value })))
+const { result } = useSubscription(
+  GET_USER_SUBSCRIPTION,
+  computed(() => ({ id: id.value }))
+)
 const user = computed(() => result.value?.user)
 
 const UPDATE_USER_MUTATION = gql`
@@ -42,13 +45,12 @@ const updateUserProfile = async (event: Event) => {
       displayName: `${firstName.value} ${lastName.value}`.trim(),
       metadata: {
         firstName: firstName.value,
-        lastName: lastName.value,
-      },
+        lastName: lastName.value
+      }
     })
     await nhost.auth.refreshSession()
   }
 }
-
 </script>
 
 <template>
@@ -59,15 +61,11 @@ const updateUserProfile = async (event: Event) => {
       <em text-sm op75>Quickstart</em>
     </p>
     <div v-if="user" py-4>
-      <p>
-        Hello, {{ user.displayName }}. Your email is {{ user.email }}.
-      </p>
+      <p>Hello, {{ user.displayName }}. Your email is {{ user.email }}.</p>
       <form @submit="updateUserProfile">
-        <input v-model="firstName" placeholder="First name" class="input"><br>
-        <input v-model="lastName" placeholder="Last name" class="input"><br>
-        <button class="btn-submit" :disabled="loading">
-          Save
-        </button>
+        <input v-model="firstName" placeholder="First name" class="input" /><br />
+        <input v-model="lastName" placeholder="Last name" class="input" /><br />
+        <button class="btn-submit" :disabled="loading">Save</button>
         <div v-if="error">
           {{ error.message }}
         </div>

examples/vue-quickstart/vite.config.ts

@@ -11,12 +11,12 @@ import Unocss from 'unocss/vite'
 export default defineConfig({
   resolve: {
     alias: {
-      '~/': `${path.resolve(__dirname, 'src')}/`,
-    },
+      '~/': `${path.resolve(__dirname, 'src')}/`
+    }
   },
   plugins: [
     Vue({
-      reactivityTransform: true,
+      reactivityTransform: true
     }),
 
     // https://github.com/hannoeru/vite-plugin-pages
@@ -25,21 +25,21 @@ export default defineConfig({
     // https://github.com/antfu/unplugin-auto-import
     AutoImport({
       imports: ['vue/macros', 'vue-router', '@vueuse/core'],
-      dts: true,
+      dts: true
     }),
 
     // https://github.com/antfu/vite-plugin-components
     Components({
-      dts: true,
+      dts: true
     }),
 
     // https://github.com/antfu/unocss
     // see unocss.config.ts for config
-    Unocss(),
+    Unocss()
   ],
 
   // https://github.com/vitest-dev/vitest
   test: {
-    environment: 'jsdom',
-  },
+    environment: 'jsdom'
+  }
 })

package.json

@@ -54,7 +54,6 @@
     "@typescript-eslint/parser": "^5.22.0",
     "@vitejs/plugin-react": "^1.3.2",
     "c8": "^7.11.2",
-    "cpy-cli": "^4.1.0",
     "eslint": "^8.14.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",

packages/apollo/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @nhost/apollo
 
+## 0.5.11
+
+### Patch Changes
+
+- 1b37b9f6: fix: ESM import path fixes
+- Updated dependencies [1b37b9f6]
+  - @nhost/nhost-js@1.2.2
+
+## 0.5.10
+
+### Patch Changes
+
+- 78341491: fix: Next.js and React issues with ESM packages
+  chore: Updated output bundle names
+- Updated dependencies [78341491]
+  - @nhost/nhost-js@1.2.1
+
 ## 0.5.9
 
 ### Patch Changes

packages/apollo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/apollo",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "Nhost Apollo Client library",
   "license": "MIT",
   "keywords": [
@@ -22,7 +22,7 @@
     "url": "https://github.com/nhost/nhost.git"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.esm.mjs",
   "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -33,10 +33,10 @@
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/index.mjs",
+        "import": "./dist/index.esm.mjs",
         "require": "./dist/index.cjs.js"
       },
-      "default": "./dist/index.es.js"
+      "default": "./dist/index.esm.js"
     }
   },
   "publishConfig": {
@@ -45,7 +45,7 @@
   "scripts": {
     "dev": "vite build --config ../../config/vite.lib.dev.config.js",
     "build": "run-p build:lib build:umd",
-    "build:lib": "vite build --config ../../config/vite.lib.config.js && cpy --flat dist/index.mjs dist --rename=index.es.js && cpy --flat dist/index.mjs.map dist --rename index.es.js.map",
+    "build:lib": "vite build --config ../../config/vite.lib.config.js",
     "build:umd": "vite build --config ../../config/vite.lib.umd.config.js",
     "test": "vitest run --config ../../config/vite.lib.config.js",
     "test:watch": "vitest --config ../../config/vite.lib.config.js",

packages/apollo/src/index.ts

@@ -7,10 +7,10 @@ import {
   RequestHandler,
   split,
   WatchQueryFetchPolicy
-} from '@apollo/client/core'
-import { setContext } from '@apollo/client/link/context'
-import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
-import { getMainDefinition } from '@apollo/client/utilities'
+} from '@apollo/client/core/index.js'
+import { setContext } from '@apollo/client/link/context/index.js'
+import { GraphQLWsLink } from '@apollo/client/link/subscriptions/index.js'
+import { getMainDefinition } from '@apollo/client/utilities/index.js'
 import { NhostClient } from '@nhost/nhost-js'
 
 import { createRestartableClient } from './ws'

packages/core/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nhost/core
 
+## 0.6.3
+
+### Patch Changes
+
+- 1b37b9f6: fix: ESM import path fixes
+
+## 0.6.2
+
+### Patch Changes
+
+- 78341491: fix: Next.js and React issues with ESM packages
+  chore: Updated output bundle names
+
 ## 0.6.1
 
 ### Patch Changes

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/core",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Nhost core client library",
   "license": "MIT",
   "keywords": [
@@ -21,7 +21,7 @@
     "url": "https://github.com/nhost/nhost.git"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.mjs",
+  "module": "dist/index.esm.mjs",
   "types": "dist/index.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -32,10 +32,10 @@
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/index.mjs",
+        "import": "./dist/index.esm.mjs",
         "require": "./dist/index.cjs.js"
       },
-      "default": "./dist/index.es.js"
+      "default": "./dist/index.esm.js"
     }
   },
   "publishConfig": {
@@ -44,7 +44,7 @@
   "scripts": {
     "dev": "vite build --config ../../config/vite.lib.dev.config.js",
     "build": "run-p build:lib build:umd",
-    "build:lib": "vite build --config ../../config/vite.lib.config.js && cpy --flat dist/index.mjs dist --rename=index.es.js && cpy --flat dist/index.mjs.map dist --rename index.es.js.map",
+    "build:lib": "vite build --config ../../config/vite.lib.config.js",
     "build:umd": "vite build --config ../../config/vite.lib.umd.config.js",
     "test": "vitest run --config ../../config/vite.lib.config.js",
     "test:watch": "vitest --config ../../config/vite.lib.config.js",

packages/core/tests/changeEmail.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { AuthClient } from '../src/client'
 import { INVALID_EMAIL_ERROR } from '../src/errors'
 import { createAuthMachine, createChangeEmailMachine } from '../src/machines'

packages/core/tests/changePassword.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { AuthClient } from '../src/client'
 import { INVALID_PASSWORD_ERROR } from '../src/errors'
 import { createAuthMachine, createChangePasswordMachine } from '../src/machines'

packages/core/tests/enableMfa.test.ts

@@ -1,7 +1,7 @@
 import faker from '@faker-js/faker'
 import { afterAll, afterEach, beforeAll, expect, test } from 'vitest'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { AuthClient } from '../src/client'
 import { INVALID_MFA_CODE_ERROR, INVALID_MFA_TYPE_ERROR } from '../src/errors'
 import { createAuthMachine, createEnableMfaMachine } from '../src/machines'

packages/core/tests/mfaTotpSignIn.test.ts

@@ -1,7 +1,7 @@
 import faker from '@faker-js/faker'
 import { afterAll, afterEach, beforeAll, expect, test } from 'vitest'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'
 import { BASE_URL } from './helpers/config'

packages/core/tests/passwordSignIn.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { INVALID_EMAIL_ERROR, INVALID_PASSWORD_ERROR } from '../src/errors'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'

packages/core/tests/passwordlessEmailSignIn.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { INVALID_EMAIL_ERROR } from '../src/errors'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'

packages/core/tests/passwordlessSmsSignIn.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { INVALID_PHONE_NUMBER_ERROR } from '../src/errors'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'

packages/core/tests/refreshToken.test.ts

@@ -1,7 +1,7 @@
 import faker from '@faker-js/faker'
 import { afterAll, afterEach, beforeAll, beforeEach, describe, test, vi } from 'vitest'
 import { BaseActionObject, interpret, Interpreter, ResolveTypegenMeta, ServiceMap } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import {
   NHOST_JWT_EXPIRES_AT_KEY,
   NHOST_REFRESH_TOKEN_KEY,

packages/core/tests/resetPassword.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { AuthClient } from '../src/client'
 import { INVALID_EMAIL_ERROR } from '../src/errors'
 import { createResetPasswordMachine } from '../src/machines'

packages/core/tests/sendVerificationEmail.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { AuthClient } from '../src/client'
 import { INVALID_EMAIL_ERROR } from '../src/errors'
 import { createSendVerificationEmailMachine } from '../src/machines'

packages/core/tests/signOut.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { NHOST_REFRESH_TOKEN_KEY } from '../src/constants'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'

packages/core/tests/signUp.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { INVALID_EMAIL_ERROR, INVALID_PASSWORD_ERROR } from '../src/errors'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'

packages/core/tests/smsOtpSignIn.test.ts

@@ -1,6 +1,6 @@
 import faker from '@faker-js/faker'
 import { interpret } from 'xstate'
-import { waitFor } from 'xstate/lib/waitFor'
+import { waitFor } from 'xstate/lib/waitFor.js'
 import { INVALID_PHONE_NUMBER_ERROR } from '../src/errors'
 import { createAuthMachine } from '../src/machines'
 import { Typegen0 } from '../src/machines/index.typegen'