chore: update versions (#240)

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

.config/esbuild.lib.js

@@ -0,0 +1,30 @@
+const esbuild = require('esbuild')
+
+// Automatically exclude all node_modules from the bundled version
+const { nodeExternalsPlugin } = require('esbuild-node-externals')
+esbuild
+  .build({
+    entryPoints: ['./src/index.ts'],
+    outfile: 'dist/index.cjs.js',
+    bundle: true,
+    minify: true,
+    platform: 'node',
+    format: 'cjs',
+    sourcemap: true,
+    target: 'node14',
+    plugins: [nodeExternalsPlugin()]
+  })
+  .catch(() => process.exit(1))
+
+esbuild
+  .build({
+    entryPoints: ['./src/index.ts'],
+    outfile: 'dist/index.es.js',
+    bundle: true,
+    minify: true,
+    platform: 'browser',
+    format: 'esm',
+    sourcemap: true,
+    target: 'esnext'
+  })
+  .catch(() => process.exit(1))

.config/vite.lib.js

@@ -1,63 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-import tsconfigPaths from 'vite-tsconfig-paths'
-
-// import reactRefresh from '@vitejs/plugin-react-refresh'
-const PWD = process.env.PWD
-const pkg = require(path.join(PWD, 'package.json'))
-
-export const lib = {
-  entry: path.resolve(PWD, 'src/index.ts'),
-  name: pkg.name,
-  fileName: 'index',
-  formats: ['cjs', 'es']
-}
-export const basePlugins = [
-  tsconfigPaths(),
-  dts({
-    exclude: ['**/*.spec.ts', '**/*.test.ts', '**/tests/**'],
-    afterBuild: () => {
-      const types = fs.readdirSync(path.join(PWD, 'dist/src'))
-      types.forEach((file) => {
-        fs.renameSync(path.join(PWD, 'dist/src', file), path.join(PWD, 'dist', file))
-      })
-      fs.rmdirSync(path.join(PWD, 'dist/src'))
-    }
-  })
-]
-
-/**
- * @type {import('vite').UserConfig}
- */
-export default defineConfig({
-  plugins: basePlugins,
-  build: {
-    lib
-  }
-})
-
-// export const react = defineConfig({
-//   plugins: [reactRefresh(), ...basePlugins],
-//   build: {
-//     lib,
-//     rollupOptions: {
-//       external: ['react'],
-//       output: {
-//         globals: {
-//           react: 'react'
-//         }
-//       }
-
-//       //   external: ['react', 'vue'],
-//       //   output: {
-//       //     globals: {
-//       //       react: 'react',
-//       //       vue: 'vue'
-//       //     }
-//       //   }
-//     }
-//   }
-// })

.config/vite.lib.react.js

@@ -1,22 +1,42 @@
 import fs from 'fs'
+import path from 'path'
 
 import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import tsconfigPaths from 'vite-tsconfig-paths'
 
 import react from '@vitejs/plugin-react'
 
-import { basePlugins, lib } from './vite.lib'
+const PWD = process.env.PWD
+const pkg = require(path.join(PWD, 'package.json'))
 
-if (!fs.existsSync(lib.entry)) {
-  lib.entry = lib.entry.replace('.ts', '.tsx')
-}
+const tsEntry = path.resolve(PWD, 'src/index.ts')
+const entry = fs.existsSync(tsEntry) ? tsEntry : tsEntry.replace('.ts', '.tsx')
 
 /**
  * @type {import('vite').UserConfig}
  */
 export default defineConfig({
-  plugins: [react(), ...basePlugins],
+  plugins: [
+    react(),
+    tsconfigPaths(),
+    dts({
+      exclude: ['**/*.spec.ts', '**/*.test.ts', '**/tests/**'],
+      afterBuild: () => {
+        const types = fs.readdirSync(path.join(PWD, 'dist/src'))
+        types.forEach((file) => {
+          fs.renameSync(path.join(PWD, 'dist/src', file), path.join(PWD, 'dist', file))
+        })
+        fs.rmdirSync(path.join(PWD, 'dist/src'))
+      }
+    })
+  ],
   build: {
-    lib,
+    lib: {
+      entry,
+      name: pkg.name,
+      fileName: 'index'
+    },
     rollupOptions: {
       external: ['react'],
       output: {

.gitignore

@@ -40,6 +40,7 @@ todo.md
 prettier.config.js
 vite.*.js
 jest.*.js
+esbuild.*.js
 
 !.config/**
 

docs/components/MDX/components.tsx

@@ -23,7 +23,7 @@ function Video({
   ...props
 }: DetailedHTMLProps<HTMLProps<HTMLSourceElement>, HTMLSourceElement>) {
   return (
-    <div className="flex justify-center my-8 mx-10">
+    <div className="flex justify-center mx-10 my-8">
       <video width="800" controls>
         <source src={src} type="video/mp4" {...props} />
       </video>
@@ -65,10 +65,10 @@ const CustomLink = ({
 const components = {
   img: (props: DetailedHTMLProps<HTMLProps<HTMLImageElement>, HTMLImageElement>) => {
     return (
-      <span className="block mt-5 mx-10 ">
-        <img src={props.src} alt={props.alt} className="mx-auto border mt-2" />
+      <span className="block mx-10 mt-5 ">
+        <img src={props.src} alt={props.alt} className="mx-auto mt-2 border" />
         {props.alt && (
-          <div className="block text-center text-secondary text-sm mb-8 pt-4">
+          <div className="block pt-4 mb-8 text-sm text-center text-secondary">
             <Text color="greyscaleDark" size="tiny">
               {props.alt}
             </Text>
@@ -94,7 +94,7 @@ const components = {
     return (
       <>
         <Divider />
-        <AnchorLink {...props} className="cursor-pointer text-3xl md:text-4xl" />
+        <AnchorLink {...props} className="text-3xl cursor-pointer md:text-4xl" />
       </>
     )
   },
@@ -108,7 +108,7 @@ const components = {
   h3: (props: AnchorLinkProps) => {
     return (
       <div className="mt-8">
-        <AnchorLink {...props} className="cursor-pointer text-lg" />
+        <AnchorLink {...props} className="text-lg cursor-pointer" />
       </div>
     )
   },
@@ -129,6 +129,18 @@ const components = {
         {...props}
       />
     )
+  },
+  th: ({
+    className,
+    ...props
+  }: DetailedHTMLProps<HTMLProps<HTMLTableCellElement>, HTMLTableCellElement>) => {
+    return <th className={clsx('font-display', className)} {...props} />
+  },
+  td: ({
+    className,
+    ...props
+  }: DetailedHTMLProps<HTMLProps<HTMLTableCellElement>, HTMLTableCellElement>) => {
+    return <td className={clsx('font-display', className)} {...props} />
   }
 }
 

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}`)
+})
+```

docs/styles/markdown-styles.module.css

@@ -11,10 +11,19 @@
 }
 
 .markdown li {
-  @apply text-base- font-display text-greyscaleDark font-normal leading-7;
-  list-style: disc;
-  list-style-type: disc;
-  list-style-position: inside;
+  @apply font-normal leading-7 text-base- font-display text-greyscaleDark;
+}
+
+.markdown li::marker {
+  @apply font-normal leading-7 text-base- font-display text-greyscaleDark;
+}
+
+.markdown ul li {
+  list-style: disc inside;
+}
+
+.markdown ol li {
+  list-style: decimal inside;
 }
 
 .markdown table {

examples/docker-compose/.env.example

@@ -0,0 +1,5 @@
+POSTGRES_PASSWORD=secret-pg-password-never-use-this-value
+HASURA_GRAPHQL_ADMIN_SECRET=hello123
+HASURA_GRAPHQL_JWT_SECRET='{"type":"HS256", "key":"5152fa850c02dc222631cca898ed1485821a70912a6e3649c49076912daa3b62182ba013315915d64f40cddfbb8b58eb5bd11ba225336a6af45bbae07ca873f3","issuer":"hasura-auth"}'
+STORAGE_ACCESS_KEY=storage-access-key-never-use-this-value
+STORAGE_SECRET_KEY=storage-secret-key-never-use-this-value

examples/docker-compose/.gitignore

@@ -0,0 +1 @@
+data

examples/docker-compose/README.md

@@ -0,0 +1,26 @@
+# Docker-compose example
+
+Here is an example on how to reproduce the Nhost stack from a docker-compose file.
+
+## Configuration
+
+```sh
+git clone https://github.com/nhost/nhost
+cd nhost/examples/docker-compose
+cp .env.example .env
+docker-compose up -d
+```
+
+The following endpoints are now exposed:
+
+- `http://localhost:1337`: Hasura Console
+- `http://localhost:1337/v1/graphql`: Hasura GraphQL endpoint
+- `http://localhost:1337/v1/auth`: Hasura Auth
+- `http://localhost:1337/v1/storage`: Hasura Storage
+
+- `http://localhost:9090`: Traefik dashboad
+- `http://localhost:8025`: Mailhog SMTP testing dashboard
+
+## Limitations
+
+This example does not implement the custom functions that are available on the cloud-hosted Nhost offer.

examples/docker-compose/docker-compose.yaml

@@ -0,0 +1,121 @@
+version: '3.6'
+services:
+  traefik:
+    image: "traefik:v2.5"
+    container_name: "traefik"
+    command:
+      - "--api.insecure=true"
+      - "--providers.docker=true"
+      - "--providers.docker.exposedbydefault=false"
+      - "--entrypoints.web.address=:1337"
+    ports:
+      - "1337:1337"
+      - "9090:8080"
+    volumes:
+      - "/var/run/docker.sock:/var/run/docker.sock:ro"
+  postgres:
+    image: postgres
+    restart: always
+    volumes:
+      - ./data/db:/var/lib/postgresql/data
+      - ./initdb.d:/docker-entrypoint-initdb.d:ro
+    environment:
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-secretpgpassword}
+    ports:
+      - '5432:5432'
+  graphql-engine:
+    image: hasura/graphql-engine:v2.2.0
+    depends_on:
+      - 'postgres'
+    restart: always
+    expose:
+      - 8080
+    environment:
+      HASURA_GRAPHQL_DATABASE_URL: postgres://postgres:${POSTGRES_PASSWORD:-secretpgpassword}@postgres:5432/postgres
+      HASURA_GRAPHQL_JWT_SECRET: ${HASURA_GRAPHQL_JWT_SECRET}
+      HASURA_GRAPHQL_ADMIN_SECRET: ${HASURA_GRAPHQL_ADMIN_SECRET}
+      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: public
+      HASURA_GRAPHQL_LOG_LEVEL: debug
+      HASURA_GRAPHQL_ENABLE_CONSOLE: 'true'
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.hasura.rule=Host(`localhost`) && PathPrefix(`/`)"
+      - "traefik.http.routers.hasura.entrypoints=web"
+  auth:
+    image: nhost/hasura-auth:latest
+    depends_on:
+      - postgres
+      - graphql-engine
+    restart: always
+    environment:
+      AUTH_HOST: '0.0.0.0'
+      HASURA_GRAPHQL_DATABASE_URL: postgres://postgres:${POSTGRES_PASSWORD:-secretpgpassword}@postgres:5432/postgres
+      HASURA_GRAPHQL_GRAPHQL_URL: http://graphql-engine:8080/v1/graphql
+      HASURA_GRAPHQL_JWT_SECRET: ${HASURA_GRAPHQL_JWT_SECRET}
+      HASURA_GRAPHQL_ADMIN_SECRET: ${HASURA_GRAPHQL_ADMIN_SECRET}
+      AUTH_SMTP_HOST: mailhog
+      AUTH_SMTP_PORT: 1025
+    expose: 
+      - 4000
+    healthcheck:
+      disable: true
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.middlewares.strip-auth.stripprefix.prefixes=/v1/auth"
+      - "traefik.http.routers.auth.rule=Host(`localhost`) && PathPrefix(`/v1/auth`)"
+      - "traefik.http.routers.auth.middlewares=strip-auth@docker"
+      - "traefik.http.routers.auth.entrypoints=web"
+  storage:
+    image: nhost/hasura-storage:latest
+    depends_on:
+      - postgres
+      - graphql-engine
+      - minio
+    restart: always
+    expose:
+      - 4000
+    healthcheck:
+      disable: true
+    environment:
+      STORAGE_HOST: '0.0.0.0'
+      STORAGE_PUBLIC_URL: http://localhost:${PROXY_PORT:-1337}/v1/storage
+      HASURA_GRAPHQL_GRAPHQL_URL: http://graphql-engine:8080/v1/graphql
+      HASURA_GRAPHQL_DATABASE_URL: postgres://postgres:${POSTGRES_PASSWORD:-secretpgpassword}@postgres:5432/postgres
+      HASURA_GRAPHQL_ADMIN_SECRET: ${HASURA_GRAPHQL_ADMIN_SECRET}
+      HASURA_GRAPHQL_JWT_SECRET: ${HASURA_GRAPHQL_JWT_SECRET}
+      S3_ACCESS_KEY: ${STORAGE_ACCESS_KEY}
+      S3_SECRET_KEY: ${STORAGE_SECRET_KEY}
+      S3_ENDPOINT: http://minio:8484
+      S3_BUCKET: nhost
+      STORAGE_FORCE_DOWNLOAD_FOR_CONTENT_TYPES: text/html,application/javascript
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.middlewares.strip-storage.stripprefix.prefixes=/v1/storage"
+      - "traefik.http.routers.storage.rule=Host(`localhost`) && PathPrefix(`/v1/storage`)"
+      - "traefik.http.routers.storage.middlewares=strip-storage@docker"
+      - "traefik.http.routers.storage.entrypoints=web"
+  minio:
+    image: minio/minio:RELEASE.2021-09-24T00-24-24Z
+    entrypoint: sh
+    command: -c 'mkdir -p /data/nhost && /opt/bin/minio server --address :8484 /data'
+    environment:
+      MINIO_ROOT_USER: ${STORAGE_ACCESS_KEY}
+      MINIO_ROOT_PASSWORD: ${STORAGE_SECRET_KEY}
+    ports:
+      - ${MINIO_PORT:-8484}:8484
+    volumes:
+      - ./data/minio:/data
+  mailhog:
+    image: mailhog/mailhog
+    environment:
+      SMTP_HOST: ${AUTH_SMTP_HOST:-mailhog}
+      SMTP_PORT: ${AUTH_SMTP_PORT:-1025}
+      SMTP_PASS: ${AUTH_SMTP_PASS:-password}
+      SMTP_USER: ${AUTH_SMTP_USER:-user}
+      SMTP_SECURE: "${AUTH_SMTP_SECURE:-false}"
+      SMTP_SENDER: ${AUTH_SMTP_SENDER:-hbp@hbp.com}
+    ports:
+      - ${AUTH_SMTP_PORT:-1025}:1025 
+      - 8025:8025
+    volumes:
+      - ./data/mailhog:/maildir

examples/docker-compose/initdb.d/0001-create-schema.sql

@@ -0,0 +1,13 @@
+-- auth schema
+CREATE SCHEMA IF NOT EXISTS auth;
+CREATE SCHEMA IF NOT EXISTS storage;
+-- https://github.com/hasura/graphql-engine/issues/3657
+CREATE EXTENSION IF NOT EXISTS pgcrypto WITH SCHEMA public;
+CREATE EXTENSION IF NOT EXISTS citext WITH SCHEMA public;
+CREATE OR REPLACE FUNCTION public.set_current_timestamp_updated_at() RETURNS trigger LANGUAGE plpgsql AS $$
+declare _new record;
+begin _new := new;
+_new."updated_at" = now();
+return _new;
+end;
+$$;

examples/react-xstate/.gitignore

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/dist
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

examples/react-xstate/README.md

@@ -1,9 +0,0 @@
-# Xstate & Nhost
-
-```sh
-# Start the Nhost CLI in the background
-pnpm run start --filter @nhost-examples/testing-project
-
-# Start this project
-pnpm run start --filter @nhost-examples/react-xstate
-```

examples/react-xstate/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-</head>
-
-<body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-</body>
-
-</html>

examples/react-xstate/package.json

@@ -1,50 +0,0 @@
-{
-  "name": "@nhost-examples/react-xstate",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@xstate/immer": "^0.3.1",
-    "@xstate/react": "^2.0.0",
-    "axios": "^0.25.0",
-    "immer": "^9.0.12",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-use": "^17.3.2",
-    "uuid": "^8.3.2",
-    "xstate": "^4.29.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@apollo/client": "^3.5.8",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.11",
-    "@types/uuid": "^8.3.4",
-    "@vitejs/plugin-react": "^1.1.4",
-    "@xstate/inspect": "^0.6.2",
-    "subscriptions-transport-ws": "^0.11.0",
-    "typescript": "^4.5.5",
-    "vite": "^2.7.13",
-    "ws": "^8.4.2"
-  }
-}

examples/react-xstate/src/App.css

@@ -1,30 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
-}
-
-button {
-  margin-bottom: 20px;
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}

examples/react-xstate/src/App.tsx

@@ -1,66 +0,0 @@
-import './App.css'
-
-import { gql } from '@apollo/client'
-import { useState } from 'react'
-import {
-  useEmailPasswordlessSignIn,
-  useAuthenticated,
-  useAccessToken,
-  useSignOut,
-  useEmailPasswordSignIn,
-  useRefreshToken,
-  useSignUpEmailPassword
-} from './react-auth'
-import { useAuthQuery } from './react-apollo'
-
-const GET_GREETING = gql`
-  query MyQuery {
-    test {
-      id
-    }
-  }
-`
-function App() {
-  const isAuthenticated = useAuthenticated()
-  const email = 'pilou@pilou.com'
-  const password = 'piloupilou'
-  const [token, setToken] = useState('')
-  const changeToken = (event: React.ChangeEvent<HTMLInputElement>) => setToken(event.target.value)
-  const jwt = useAccessToken()
-  const signOut = useSignOut()
-  const signUp = useSignUpEmailPassword(email, password)
-  const signIn = useEmailPasswordSignIn(email, password)
-  const passwordlessSignIn = useEmailPasswordlessSignIn(email)
-  const [, updateToken] = useRefreshToken()
-
-  // const options = useMemo(() => ({ skip: !isAuthenticated }), [isAuthenticated])
-  const { loading, data } = useAuthQuery(GET_GREETING)
-  // if (loading) return <p>Loading ...</p>;
-
-  return (
-    <div className="App">
-      <header className="App-header">
-        {isAuthenticated ? (
-          <>
-            <button onClick={signOut}>Logout</button>
-          </>
-        ) : (
-          <>
-            <button onClick={signUp}>Register</button>
-            <button onClick={signIn}>Email + password signin</button>
-            <button onClick={passwordlessSignIn}>Passwordless signin</button>
-          </>
-        )}
-
-        <input type="text" value={token} onChange={changeToken} />
-        <button onClick={() => updateToken(token)}>Set refresh token</button>
-
-        <p>JWT</p>
-        <div>{jwt}</div>
-        {!loading && <div>ok {JSON.stringify(data)}</div>}
-      </header>
-    </div>
-  )
-}
-
-export default App

examples/react-xstate/src/apollo.ts

@@ -1,165 +0,0 @@
-import { SubscriptionClient } from 'subscriptions-transport-ws'
-
-import {
-  ApolloClient,
-  ApolloClientOptions,
-  createHttpLink,
-  from,
-  InMemoryCache,
-  RequestHandler,
-  split,
-  WatchQueryFetchPolicy
-} from '@apollo/client'
-import { setContext } from '@apollo/client/link/context'
-import { WebSocketLink } from '@apollo/client/link/ws'
-import { getMainDefinition } from '@apollo/client/utilities'
-import { InterpreterFrom } from 'xstate'
-import { NhostMachine } from './state'
-
-const isBrowser = () => typeof window !== 'undefined'
-
-export type NhostApolloClientOptions = {
-  authService: InterpreterFrom<NhostMachine>
-  backendUrl?: string
-  graphqlUrl?: string
-  headers?: any
-  publicRole?: string
-  fetchPolicy?: WatchQueryFetchPolicy
-  connectToDevTools?: boolean
-  cache?: InMemoryCache
-  onError?: RequestHandler
-}
-
-export const createApolloClient = ({
-  authService,
-  backendUrl,
-  graphqlUrl,
-  headers = {},
-  publicRole = 'public',
-  fetchPolicy,
-  cache = new InMemoryCache(),
-  connectToDevTools = process.env.NODE_ENV === 'development',
-  onError
-}: NhostApolloClientOptions) => {
-  let token: string | null = null
-
-  const getAuthHeaders = () => {
-    // add headers
-    const resHeaders = {
-      ...headers,
-      'Sec-WebSocket-Protocol': 'graphql-ws'
-    }
-
-    // add auth headers if signed in
-    // or add 'public' role if not signed in
-    if (token) {
-      resHeaders.authorization = `Bearer ${token}`
-    } else {
-      // ? Not sure it changes anything for Hasura
-      resHeaders.role = publicRole
-    }
-
-    return resHeaders
-  }
-
-  let uri = ''
-  if (graphqlUrl) {
-    uri = graphqlUrl
-  } else if (backendUrl) {
-    uri = `${backendUrl}/v1/graphql`
-  } else {
-    throw new Error('no GraphQL URL')
-  }
-
-  const wsUri = uri.startsWith('https') ? uri.replace(/^https/, 'wss') : uri.replace(/^http/, 'ws')
-
-  let webSocketClient: SubscriptionClient | null = null
-  if (isBrowser()) {
-    webSocketClient = new SubscriptionClient(wsUri, {
-      lazy: true,
-      reconnect: true,
-      connectionParams: () => ({
-        headers: getAuthHeaders()
-      })
-    })
-  }
-
-  const httplink = createHttpLink({
-    uri
-  })
-
-  const authLink = setContext((_, { headers }) => {
-    return {
-      headers: {
-        ...headers,
-        ...getAuthHeaders()
-      }
-    }
-  })
-
-  const link = webSocketClient
-    ? split(
-        ({ query }) => {
-          const mainDefinition = getMainDefinition(query)
-
-          const { kind } = mainDefinition
-          let operation
-          if ('operation' in mainDefinition) {
-            operation = mainDefinition.operation
-          }
-
-          return kind === 'OperationDefinition' && operation === 'subscription'
-        },
-        new WebSocketLink(webSocketClient),
-        authLink.concat(httplink)
-      )
-    : httplink
-
-  const apolloClientOptions: ApolloClientOptions<any> = {
-    cache: cache || new InMemoryCache(),
-    ssrMode: !isBrowser(),
-    defaultOptions: {
-      watchQuery: {
-        fetchPolicy
-      }
-    },
-    connectToDevTools
-  }
-
-  // add link
-  apolloClientOptions.link = typeof onError === 'function' ? from([onError, link]) : from([link])
-
-  const client = new ApolloClient(apolloClientOptions)
-
-  authService.onTransition(async (state, event) => {
-    const newToken = state.context.accessToken.value ?? null
-
-    if (token !== newToken) {
-      token = newToken
-      client.reFetchObservableQueries()
-      if (isBrowser() && webSocketClient) {
-        if (newToken) {
-          if (webSocketClient.status === 1) {
-            // @ts-expect-error
-            webSocketClient.tryReconnect()
-          }
-        } else {
-          if (webSocketClient.status === 1) {
-            // must close first to avoid race conditions
-            webSocketClient.close()
-            // reconnect
-            // @ts-expect-error
-            webSocketClient.tryReconnect()
-          }
-          if (event.type === 'done.invoke.signingOut') {
-            await client.resetStore().catch((error) => {
-              console.error('Error resetting Apollo client cache')
-              console.error(error)
-            })
-          }
-        }
-      }
-    }
-  })
-  return client
-}

examples/react-xstate/src/main.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
-import { NhostApolloProvider } from './react-apollo'
-import { NhostProvider } from './react-auth'
-import { initNhost } from './state'
-
-const nhost = initNhost({
-  backendUrl: 'http://127.0.0.1:1337'
-})
-
-ReactDOM.render(
-  <React.StrictMode>
-    <NhostProvider nhost={nhost}>
-      <NhostApolloProvider>
-        <App />
-      </NhostApolloProvider>
-    </NhostProvider>
-  </React.StrictMode>,
-  document.getElementById('root')
-)

examples/react-xstate/src/react-apollo/hooks.tsx

@@ -1,23 +0,0 @@
-import { useMemo } from 'react'
-
-import {
-  useQuery,
-  OperationVariables,
-  DocumentNode,
-  TypedDocumentNode,
-  QueryHookOptions
-} from '@apollo/client'
-
-import { useAuthenticated } from '../react-auth'
-
-export function useAuthQuery<TData = any, TVariables = OperationVariables>(
-  query: DocumentNode | TypedDocumentNode<TData, TVariables>,
-  options?: QueryHookOptions<TData, TVariables>
-) {
-  const isAuthenticated = useAuthenticated()
-  const newOptions = useMemo(
-    () => ({ ...options, skip: options?.skip || !isAuthenticated }),
-    [isAuthenticated, options]
-  )
-  return useQuery(query, newOptions)
-}

examples/react-xstate/src/react-apollo/index.tsx

@@ -1,2 +0,0 @@
-export * from './provider'
-export * from './hooks'

examples/react-xstate/src/react-apollo/provider.tsx

@@ -1,22 +0,0 @@
-import React, { useContext, useEffect, useState } from 'react'
-
-import { ApolloProvider, ApolloClient, InMemoryCache } from '@apollo/client'
-
-import { createApolloClient, NhostApolloClientOptions } from '../apollo'
-import { NhostContext } from '../react-auth'
-
-export const NhostApolloProvider: React.FC<
-  Omit<NhostApolloClientOptions, 'backendUrl' | 'authService'>
-> = ({ children, ...options }) => {
-  const nhostContext = useContext(NhostContext)
-
-  const [client, setClient] = useState<ApolloClient<InMemoryCache>>()
-
-  useEffect(() => {
-    setClient(createApolloClient({ ...nhostContext, ...options }))
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-
-  if (client) return <ApolloProvider client={client}>{children}</ApolloProvider>
-  else return <div>no Apollo client</div>
-}

examples/react-xstate/src/react-auth/hooks.tsx

@@ -1,138 +0,0 @@
-import { useSelector, useActor } from '@xstate/react'
-import { useContext } from 'react'
-
-import { NhostContext } from './provider'
-
-export const useAuthService = () => {
-  const globalServices = useContext(NhostContext)
-  return globalServices.authService
-}
-
-export const useNhostbackendUrl = () => {
-  const globalServices = useContext(NhostContext)
-  return globalServices.backendUrl
-}
-
-export const useAuthActor = () => {
-  const service = useAuthService()
-  return useActor(service)
-}
-
-export const useLoading = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) =>
-    state.matches({
-      authentication: 'signedOut',
-      tokenRefresher: 'refreshing'
-    })
-  )
-}
-
-export const useAuthenticated = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.matches({ authentication: 'signedIn' }))
-}
-
-export const useNhostAuth = () => {
-  const [state] = useAuthActor()
-  const isLoading = state.matches({
-    authentication: 'signedOut',
-    tokenRefresher: 'refreshing'
-  })
-  const isAuthenticated = state.matches({ authentication: 'signedIn' })
-
-  return { isLoading, isAuthenticated }
-}
-
-export const useAccessToken = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.accessToken.value)
-}
-
-export const useSignUpEmailPassword = (email: string, password: string) => {
-  const service = useAuthService()
-  return () =>
-    service.send({
-      type: 'REGISTER',
-      email,
-      password
-    })
-}
-
-export const useSignOut = (all = false) => {
-  const service = useAuthService()
-  return () => service.send({ type: 'SIGNOUT', all })
-}
-
-export const useEmailPasswordSignIn = (email: string, password: string) => {
-  const service = useAuthService()
-  return () =>
-    service.send({
-      type: 'SIGNIN',
-      email,
-      password
-    })
-}
-
-export const useEmailPasswordlessSignIn = (email: string) => {
-  const service = useAuthService()
-  return () =>
-    service.send({
-      type: 'SIGNIN_PASSWORDLESS_EMAIL',
-      email
-    })
-}
-
-export const useRefreshToken = (): [string | undefined, (v: string) => void] => {
-  const service = useAuthService()
-  const value = useSelector(service, (state) => state.context.accessToken.value)
-  const setValue = (token: string) => {
-    service.send({ type: 'UPDATE_REFRESH_TOKEN', token })
-  }
-  return [value, setValue]
-}
-
-export const useUserData = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user)
-}
-
-export const useAvatarUrl = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.avatarUrl)
-}
-
-export const useDefaultRole = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.defaultRole)
-}
-
-export const useDisplayName = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.displayName)
-}
-
-export const useEmail = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.email)
-}
-
-export const useUserId = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.id)
-}
-
-export const useIsAnonymous = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.isAnonymous)
-}
-
-export const useUserLocale = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.locale)
-}
-
-export const useUserRoles = () => {
-  const service = useAuthService()
-  return useSelector(service, (state) => state.context.user?.roles)
-}

examples/react-xstate/src/react-auth/index.tsx

@@ -1,9 +0,0 @@
-import { inspect } from '@xstate/inspect'
-
-inspect({
-  url: 'https://statecharts.io/inspect',
-  iframe: false
-})
-
-export * from './provider'
-export * from './hooks'

examples/react-xstate/src/react-auth/provider.tsx

@@ -1,60 +0,0 @@
-import { useSelector, useInterpret } from '@xstate/react'
-import { inspect } from '@xstate/inspect'
-import React, { useEffect, createContext } from 'react'
-import { useLocation } from 'react-use'
-import { InterpreterFrom } from 'xstate'
-
-import { NhostMachine, REFRESH_TOKEN_KEY } from '../state'
-
-if (process.env.NODE_ENV) {
-  inspect({
-    url: 'https://statecharts.io/inspect',
-    iframe: false
-  })
-}
-
-type Context = {
-  authService: InterpreterFrom<NhostMachine>
-  backendUrl: string
-}
-
-export const NhostContext = createContext<Context>({} as Context)
-
-export const NhostProvider: React.FC<{ nhost: { machine: NhostMachine; backendUrl: string } }> = ({
-  nhost: { machine, backendUrl },
-  ...props
-}) => {
-  const authService = useInterpret(machine, { devTools: true })
-  const refreshToken = useSelector(authService, (state) => state.context.refreshToken.value)
-  const location = useLocation()
-
-  useEffect(() => {
-    if (!location.hash) return
-    const params = new URLSearchParams(location.hash.slice(1))
-    const token = params.get('refreshToken')
-    if (token) {
-      const type = params.get('type')
-      if (type === 'signinPasswordless') {
-        authService.send({ type: 'UPDATE_REFRESH_TOKEN', token })
-      } else {
-        console.warn(
-          `Found a refresh token in the url but the redirect type is not implemented: ${type}`
-        )
-      }
-    }
-  }, [location, authService])
-
-  useEffect(() => {
-    // TODO Move into the machine
-    // * Side effect: persist the refresh token if found
-    if (refreshToken) localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken)
-    else {
-      localStorage.removeItem(REFRESH_TOKEN_KEY)
-    }
-  }, [refreshToken])
-  return (
-    <NhostContext.Provider value={{ authService, backendUrl }}>
-      {props.children}
-    </NhostContext.Provider>
-  )
-}

examples/react-xstate/src/state.ts

@@ -1,487 +0,0 @@
-import { createMachine } from 'xstate'
-import { assign } from '@xstate/immer'
-import { produce } from 'immer'
-import axios from 'axios'
-import { validate as uuidValidate } from 'uuid'
-
-export const REFRESH_TOKEN_KEY = 'refresh-token'
-
-const DEFAULT_TOKEN_EXPIRATION = 900
-const MIN_PASSWORD_LENGTH = 3
-
-// * Minimum number of seconds before the JWT expiration and the refresh
-const TOKEN_REFRESH_MARGIN = 900
-// const TOKEN_REFRESH_MARGIN = 180
-const MIN_TOKEN_REFRESH_INTERVAL = 60
-// const MIN_TOKEN_REFRESH_INTERVAL = 10
-const REFRESH_TOKEN_RETRY_INTERVAL = 10
-// const REFRESH_TOKEN_RETRY_INTERVAL = 5
-const REFRESH_TOKEN_RETRY_MAX_ATTEMPTS = 30
-// const REFRESH_TOKEN_RETRY_MAX_ATTEMPTS = 10
-
-type User = Record<string, unknown>
-type NhostContext = {
-  user?: User
-  mfa?: boolean
-  accessToken: { value?: string; expiresIn: number }
-  refreshToken: { value?: string | null; timer: { elapsed: number; attempts: number } }
-  error?: unknown
-  email?: string
-  password?: string
-}
-
-type NhostMachineOptions = { backendUrl: string }
-export type NhostMachine = ReturnType<typeof createNhostMachine>
-
-export type Nhost = {
-  machine: NhostMachine
-  backendUrl: string
-}
-
-export const initNhost = ({ backendUrl }: NhostMachineOptions): Nhost => {
-  return {
-    backendUrl,
-    machine: createNhostMachine({ backendUrl })
-  }
-}
-
-export const createNhostMachine = ({ backendUrl }: NhostMachineOptions) => {
-  const initialContext: NhostContext = {
-    user: undefined,
-    mfa: undefined,
-    accessToken: {
-      value: undefined,
-      expiresIn: DEFAULT_TOKEN_EXPIRATION
-    },
-    refreshToken: {
-      value: undefined,
-      timer: {
-        elapsed: 0,
-        attempts: 0
-      }
-    },
-    error: undefined,
-    email: undefined,
-    password: undefined
-  }
-  return createMachine<NhostContext>(
-    {
-      id: 'authentication',
-      type: 'parallel',
-      context: produce(initialContext, (ctx) => {
-        ctx.refreshToken.value = localStorage.getItem(REFRESH_TOKEN_KEY)
-      }),
-      states: {
-        authentication: {
-          initial: 'signedOut',
-          states: {
-            signedOut: {
-              initial: 'noErrors',
-              always: [
-                {
-                  target: 'signedIn',
-                  cond: 'isUserSet'
-                }
-              ],
-              on: {
-                SIGNIN: [
-                  {
-                    target: '.ininvalidEmail',
-                    cond: 'invalidEmail'
-                  },
-                  {
-                    target: '.ininvalidPassword',
-                    cond: 'invalidPassword'
-                  },
-                  {
-                    target: 'authenticating',
-                    actions: ['saveEmail', 'savePassword']
-                  }
-                ],
-                SIGNIN_PASSWORDLESS_EMAIL: [
-                  {
-                    target: '.ininvalidEmail',
-                    cond: 'invalidEmail'
-                  },
-                  {
-                    target: 'authenticating',
-                    actions: 'saveEmail'
-                  }
-                ],
-                REGISTER: [
-                  {
-                    target: '.ininvalidEmail',
-                    cond: 'invalidEmail'
-                  },
-                  {
-                    target: '.ininvalidPassword',
-                    cond: 'invalidPassword'
-                  },
-                  {
-                    target: 'registering',
-                    actions: ['saveEmail', 'savePassword']
-                  }
-                ]
-              },
-              states: {
-                noErrors: {},
-                ininvalidEmail: {},
-                ininvalidPassword: {},
-                awaitingVerification: {},
-                failed: {
-                  initial: 'unkwown',
-                  states: {
-                    unkwown: {},
-                    network: {},
-                    existingUser: {},
-                    unauthorized: {}
-                  }
-                }
-              }
-            },
-            authenticating: {
-              invoke: {
-                id: 'authenticateUser',
-                src: 'signIn',
-                onDone: [
-                  {
-                    cond: 'hasUser',
-                    target: 'signedIn',
-                    actions: ['saveUser', 'clearForm']
-                  },
-                  {
-                    target: 'signedOut.awaitingVerification'
-                  }
-                  // TODO other authentication methods
-                ],
-                onError: [
-                  {
-                    cond: 'networkError',
-                    target: 'signedOut.failed.network',
-                    actions: ['saveError']
-                  },
-                  {
-                    cond: 'unverified',
-                    target: 'signedOut.awaitingVerification',
-                    actions: 'saveError'
-                  },
-                  {
-                    cond: 'unauthorized',
-                    target: 'signedOut.failed.unauthorized',
-                    actions: 'saveError'
-                  },
-                  {
-                    target: 'signedOut.failed',
-                    actions: 'saveError'
-                  }
-                ]
-              }
-            },
-            registering: {
-              invoke: {
-                id: 'registerUser',
-                src: 'registerUser',
-                onDone: [
-                  {
-                    target: 'signedIn',
-                    cond: 'hasUser',
-                    actions: ['saveUser', 'clearForm']
-                  },
-                  { target: 'authenticating', actions: ['clearForm'] }
-                ],
-                onError: [
-                  {
-                    cond: 'existingUser',
-                    target: 'signedOut.failed.existingUser',
-                    actions: 'saveError'
-                  },
-                  {
-                    target: 'signedOut.failed',
-                    actions: 'saveError'
-                  }
-                ]
-              }
-            },
-            signedIn: {
-              on: {
-                SIGNOUT: {
-                  target: 'signingOut'
-                }
-              }
-            },
-            signingOut: {
-              invoke: {
-                id: 'signingOut',
-                src: 'signout',
-                onDone: {
-                  target: 'signedOut',
-                  actions: 'resetSession'
-                },
-                onError: { target: 'signedOut', actions: 'resetSession' }
-              }
-            }
-          }
-        },
-        newRefreshToken: {
-          initial: 'standby',
-          states: {
-            standby: {
-              initial: 'noErrors',
-              on: {
-                UPDATE_REFRESH_TOKEN: [
-                  {
-                    cond: 'invalidRefreshToken',
-                    target: '.invalid'
-                  },
-                  { target: 'validating' }
-                ]
-              },
-              states: {
-                noErrors: {},
-                error: {},
-                invalid: {},
-                network: {}
-              }
-            },
-            validating: {
-              invoke: {
-                src: 'validateNewToken',
-                onDone: {
-                  target: 'standby',
-                  actions: ['saveToken', 'resetRefreshTokenTimer']
-                },
-                onError: [
-                  {
-                    target: 'standby.network',
-                    cond: 'networkError'
-                  },
-                  {
-                    target: 'standby.error'
-                  }
-                ]
-              }
-            }
-          }
-        },
-        tokenRefresher: {
-          initial: 'idle',
-          states: {
-            stopped: {
-              always: {
-                cond: 'shouldWaitForToken',
-                target: 'idle'
-              }
-            },
-            idle: {
-              always: [
-                {
-                  cond: 'shouldStartTokenTimer',
-                  target: 'pending'
-                }
-              ]
-            },
-            pending: {
-              invoke: {
-                src: 'startTokenTimer'
-              },
-              always: [
-                {
-                  cond: 'shouldRefreshToken',
-                  target: 'refreshing'
-                }
-              ],
-              on: {
-                TICK: {
-                  actions: 'tickTokenTimer'
-                },
-                SIGNOUT: {
-                  target: 'stopped',
-                  actions: 'resetRefreshTokenTimer'
-                }
-              }
-            },
-            refreshing: {
-              invoke: {
-                id: 'refreshToken',
-                src: 'refreshToken',
-                onDone: {
-                  target: 'pending',
-                  actions: ['saveToken', 'resetRefreshTokenTimer']
-                },
-                onError: [
-                  {
-                    target: 'pending',
-                    cond: 'canRetryTokenRefresh',
-                    actions: 'retryTokenRefresh'
-                  },
-                  {
-                    target: 'failed.network',
-                    cond: 'networkError',
-                    actions: 'resetRefreshTokenTimer'
-                  },
-                  {
-                    target: 'failed',
-                    actions: 'resetRefreshTokenTimer'
-                  }
-                ]
-              }
-            },
-            failed: {
-              initial: 'invalid',
-              states: {
-                invalid: {},
-                network: {}
-              }
-            }
-          }
-        }
-      }
-    },
-    {
-      actions: {
-        clearForm: assign((ctx) => {
-          ctx.email = undefined
-          ctx.password = undefined
-        }),
-        saveUser: assign((ctx, e) => {
-          ctx.user = e.data.session.user
-          ctx.accessToken.value = e.data.session.accessToken
-          ctx.accessToken.expiresIn = Math.max(
-            e.data.session.accessTokenExpiresIn - TOKEN_REFRESH_MARGIN,
-            MIN_TOKEN_REFRESH_INTERVAL
-          )
-          ctx.refreshToken.value = e.data.session.refreshToken
-          ctx.mfa = e.data.mfa
-        }),
-        saveToken: assign((ctx, e) => {
-          ctx.user = e.data.user
-          ctx.accessToken.value = e.data.accessToken
-          ctx.accessToken.expiresIn = Math.max(
-            e.data.accessTokenExpiresIn - TOKEN_REFRESH_MARGIN,
-            MIN_TOKEN_REFRESH_INTERVAL
-          )
-          ctx.refreshToken.value = e.data.refreshToken
-        }),
-        saveError: assign((ctx, { data: { response, request } }) => {
-          ctx.error = {
-            error: response?.data.error || request.statusText || 'network',
-            message: response?.data.message || request.responseText || 'Network error',
-            statusCode: response?.data.statusCode || request.status || 0
-          }
-        }),
-        saveEmail: assign((ctx, e) => {
-          ctx.email = e.email
-        }),
-        savePassword: assign((ctx, e) => {
-          ctx.password = e.password
-        }),
-        resetSession: assign((ctx) => {
-          ctx.user = undefined
-          ctx.mfa = undefined
-          ctx.accessToken.value = undefined
-          ctx.refreshToken.value = undefined
-        }),
-        resetRefreshTokenTimer: assign((ctx) => {
-          ctx.refreshToken.timer.elapsed = 0
-          ctx.refreshToken.timer.attempts = 0
-        }),
-        tickTokenTimer: assign((ctx) => {
-          ctx.refreshToken.timer.elapsed += 1 // * One second
-        }),
-        retryTokenRefresh: assign((ctx) => {
-          ctx.accessToken.expiresIn = REFRESH_TOKEN_RETRY_INTERVAL
-          ctx.refreshToken.timer.elapsed = 0
-          ctx.refreshToken.timer.attempts += 1
-        })
-      },
-      guards: {
-        // * Context guards
-        shouldStartTokenTimer: (ctx) => !!ctx.refreshToken.value,
-        shouldWaitForToken: (ctx) => !ctx.refreshToken.value,
-        shouldRefreshToken: (ctx) =>
-          ctx.refreshToken.timer.elapsed >= ctx.accessToken.expiresIn || !ctx.user,
-        isUserSet: (ctx) => !!ctx.user,
-
-        // * Hybrid guards
-        // can retry token refresh only if number of attempts is not reached, and there is a network error
-        canRetryTokenRefresh: (ctx, event) => {
-          const remainingAttempts =
-            ctx.refreshToken.timer.attempts < REFRESH_TOKEN_RETRY_MAX_ATTEMPTS
-          const isNetworkError = !event.data.response && !event.data.request.status
-          return remainingAttempts && isNetworkError
-        },
-
-        // * Event guards
-        hasUser: (_, e) => !!e.data.session,
-        unverified: (_, e) =>
-          e.data.response?.data?.statusCode === 401 &&
-          e.data.response?.data?.message === 'Email is not verified',
-        existingUser: (_, e) => e.data.response?.data.statusCode === 409,
-        unauthorized: (_, e) => e.data.response?.data.statusCode === 401,
-        networkError: (_, e) => !e.data.response && !e.data.request.status,
-        invalidEmail: (_, e) =>
-          !String(e.email)
-            .toLowerCase()
-            .match(
-              /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-            ),
-        invalidPassword: (_, e) => e.password.length <= MIN_PASSWORD_LENGTH,
-        invalidRefreshToken: (_, e) => !uuidValidate(e.token)
-      },
-      services: {
-        signIn: async ({ email, password }) => {
-          //   TODO options
-          if (password) {
-            const { data } = await axios.post(`${backendUrl}/v1/auth/signin/email-password`, {
-              email,
-              password
-            })
-            return data
-          } else {
-            const { data } = await axios.post(`${backendUrl}/v1/auth/signin/passwordless/email`, {
-              email
-            })
-            return data
-          }
-        },
-        signout: async (ctx, e) => {
-          await axios.post(`${backendUrl}/v1/auth/signout`, {
-            refreshToken: ctx.refreshToken.value,
-            all: !!e.all
-          })
-        },
-
-        registerUser: async ({ email, password }) => {
-          //   TODO options
-          const { data } = await axios.post(`${backendUrl}/v1/auth/signup/email-password`, {
-            email,
-            password
-          })
-          return data
-        },
-
-        refreshToken: async ({ refreshToken: { value } }) => {
-          const { data } = await axios.post(`${backendUrl}/v1/auth/token`, {
-            refreshToken: value
-          })
-          return data
-        },
-
-        validateNewToken: async (_, event) => {
-          const { data } = await axios.post(`${backendUrl}/v1/auth/token`, {
-            refreshToken: event.token
-          })
-          return data
-        },
-
-        startTokenTimer: () => (cb) => {
-          const interval = setInterval(
-            () => cb('TICK'),
-            1000 // * One tick per second
-          )
-          return () => clearInterval(interval)
-        }
-      }
-    }
-  )
-}

examples/react-xstate/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}

examples/react-xstate/vite.config.js

@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()]
-})

package.json

@@ -19,8 +19,8 @@
     "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/*/node_modules node_modules",
-    "clean": "rm -rf ./packages/*/dist",
+    "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",
     "coverage": "pnpm run test --coverage",
@@ -31,6 +31,7 @@
     "test": "pnpm turbo run test --scope='@nhost/*' --no-deps --include-dependencies",
     "prerelease": "pnpm clean && pnpm install && pnpm build",
     "release": "pnpm run prerelease && changeset publish && git push --follow-tags && git status && pnpm -r publish",
+    "changeset": "changeset",
     "snapshot": "pnpm prerelease && changeset version --snapshot preview && pnpm install && changeset publish --tag preview"
   },
   "workspaces": [
@@ -50,6 +51,8 @@
     "@typescript-eslint/eslint-plugin": "^5.10.2",
     "@typescript-eslint/parser": "^5.10.2",
     "@vitejs/plugin-react": "^1.1.4",
+    "esbuild": "^0.14.23",
+    "esbuild-node-externals": "^1.4.1",
     "eslint": "^8.8.0",
     "eslint-config-react-app": "^7.0.0",
     "eslint-plugin-flowtype": "^8.0.3",

packages/hasura-auth-js/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nhost/hasura-auth-js
 
+## 0.1.14
+
+### Patch Changes
+
+- c8f2488: build npm package with esbuild instead of vite. Vite does not build isomorphic packages correctly, in particular the dependency to axios
+
 ## 0.1.13
 
 ### Patch Changes

packages/hasura-auth-js/build.js

@@ -0,0 +1,31 @@
+const esbuild = require('esbuild')
+
+// Automatically exclude all node_modules from the bundled version
+const { nodeExternalsPlugin } = require('esbuild-node-externals')
+
+esbuild
+  .build({
+    entryPoints: ['./src/index.ts'],
+    outfile: 'dist/index.cjs.js',
+    bundle: true,
+    minify: false,
+    platform: 'node',
+    format: 'cjs',
+    sourcemap: true,
+    target: 'node14',
+    plugins: [nodeExternalsPlugin()]
+  })
+  .catch(() => process.exit(1))
+
+esbuild
+  .build({
+    entryPoints: ['./src/index.ts'],
+    outfile: 'dist/index.es.js',
+    bundle: true,
+    minify: false, // TODO
+    platform: 'browser',
+    format: 'esm',
+    sourcemap: true,
+    target: 'esnext'
+  })
+  .catch(() => process.exit(1))

packages/hasura-auth-js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/hasura-auth-js",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Hasura-auth client",
   "license": "MIT",
   "keywords": [
@@ -20,7 +20,9 @@
     "url": "https://github.com/nhost/nhost.git"
   },
   "scripts": {
-    "build": "vite build --config ../../vite.lib.js",
+    "build": "run-s build:esbuild build:types",
+    "build:esbuild": "node ../../esbuild.lib.js",
+    "build:types": "tsc --build tsconfig.types.json",
     "test": "pnpm jest --runInBand --config ../../jest.config.base.js",
     "prettier": "prettier --check src/",
     "prettier:fix": "prettier --write src/",
@@ -30,6 +32,15 @@
     "verify:fix": "run-p prettier:fix lint:fix"
   },
   "main": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "node": "./dist/index.cjs.js",
+        "default": "./dist/index.es.js"
+      },
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "main": "dist/index.cjs.js",

packages/hasura-auth-js/src/hasura-auth-api.ts

@@ -1,4 +1,4 @@
-import type { AxiosError, AxiosInstance } from 'axios'
+import axios, { AxiosError, AxiosInstance } from 'axios'
 
 import {
   ApiChangeEmailResponse,
@@ -24,8 +24,6 @@ import {
   SignUpEmailPasswordParams
 } from './utils/types'
 
-const axios = require('axios')
-
 const SERVER_ERROR_CODE = 500
 export class HasuraAuthApi {
   private url: string
@@ -35,9 +33,7 @@ export class HasuraAuthApi {
   constructor({ url = '' }) {
     this.url = url
 
-    this.httpClient = axios.create({
-      baseURL: this.url
-    })
+    this.httpClient = axios.create({ baseURL: this.url })
 
     // convert axios error to custom ApiError
     this.httpClient.interceptors.response.use(

packages/hasura-auth-js/tsconfig.types.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "composite": false
+  },
+  "include": ["src/**/*"]
+}

packages/hasura-storage-js/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nhost/hasura-storage-js
 
+## 0.0.10
+
+### Patch Changes
+
+- c8f2488: build npm package with esbuild instead of vite. Vite does not build isomorphic packages correctly, in particular the dependency to axios
+
 ## 0.0.9
 
 ### Patch Changes

packages/hasura-storage-js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/hasura-storage-js",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Hasura-storage client",
   "license": "MIT",
   "keywords": [
@@ -18,7 +18,9 @@
     "url": "https://github.com/nhost/hasura-storage-js.git"
   },
   "scripts": {
-    "build": "vite build --config ../../vite.lib.js",
+    "build": "run-s build:esbuild build:types",
+    "build:esbuild": "node ../../esbuild.lib.js",
+    "build:types": "tsc --build tsconfig.types.json",
     "test": "pnpm jest --runInBand --config ../../jest.config.base.js",
     "prettier": "prettier --check src/",
     "prettier:fix": "prettier --write src/",
@@ -28,6 +30,15 @@
     "verify:fix": "run-p prettier:fix lint:fix"
   },
   "main": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "node": "./dist/index.cjs.js",
+        "default": "./dist/index.es.js"
+      },
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "main": "dist/index.cjs.js",

packages/hasura-storage-js/src/hasura-storage-api.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
-import type { AxiosInstance } from 'axios'
+import axios, { AxiosInstance } from 'axios'
 
 import {
   ApiDeleteParams,
@@ -10,8 +10,6 @@ import {
   ApiUploadResponse,
   UploadHeaders
 } from './utils/types'
-
-const axios = require('axios')
 export class HasuraStorageApi {
   private url: string
   private httpClient: AxiosInstance

packages/hasura-storage-js/tsconfig.types.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "composite": false
+  },
+  "include": ["src/**/*"]
+}

packages/nhost-js/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nhost/nhost-js
 
+## 0.3.10
+
+### Patch Changes
+
+- c8f2488: build npm package with esbuild instead of vite. Vite does not build isomorphic packages correctly, in particular the dependency to axios
+- Updated dependencies [c8f2488]
+  - @nhost/hasura-auth-js@0.1.14
+  - @nhost/hasura-storage-js@0.0.10
+
 ## 0.3.9
 
 ### Patch Changes

packages/nhost-js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/nhost-js",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "description": "Nhost JavaScript SDK",
   "license": "MIT",
   "keywords": [
@@ -21,6 +21,15 @@
     "url": "git+https://github.com/nhost/nhost.git"
   },
   "main": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "node": "./dist/index.cjs.js",
+        "default": "./dist/index.es.js"
+      },
+      "require": "./dist/index.cjs.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
     "main": "dist/index.cjs.js",
@@ -31,7 +40,9 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build --config ../../vite.lib.js",
+    "build": "run-s build:esbuild build:types",
+    "build:esbuild": "node ../../esbuild.lib.js",
+    "build:types": "tsc --build tsconfig.types.json",
     "test": "pnpm jest --runInBand --config ../../jest.config.base.js",
     "prettier": "prettier --check src/",
     "prettier:fix": "prettier --write src/",

packages/nhost-js/src/clients/functions.ts

@@ -1,8 +1,6 @@
-import type { AxiosInstance, AxiosRequestConfig } from 'axios'
+import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
 
 import { FunctionCallResponse } from '../types'
-
-const axios = require('axios')
 export interface NhostFunctionsConstructorParams {
   url: string
 }

packages/nhost-js/src/clients/graphql.ts

@@ -1,9 +1,7 @@
-import type { AxiosInstance, AxiosRequestConfig } from 'axios'
+import axios, { AxiosInstance, AxiosRequestConfig } from 'axios'
 
 import { GraphqlRequestResponse, GraphqlResponse } from '../types'
 
-const axios = require('axios')
-
 export interface NhostGraphqlConstructorParams {
   url: string
 }

packages/nhost-js/tsconfig.json

@@ -4,6 +4,6 @@
     "outDir": "dist",
     "composite": true
   },
-  "include": ["src/**/*", "types/**/*", "../../types/**/*", "tests/**/*"],
+  "include": ["src/**/*", "tests/**/*"],
   "references": [{ "path": "../hasura-auth-js" }, { "path": "../hasura-storage-js" }]
 }

packages/nhost-js/tsconfig.types.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "composite": false
+  },
+  "include": ["src/**/*"]
+}

packages/react-apollo/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nhost/react-apollo
 
+## 2.1.4
+
+### Patch Changes
+
+- c8f2488: optimize npm packages: only include the `dist` directory, and introduce the `exports` field in package.json as per Vite's recommendations.
+- Updated dependencies [c8f2488]
+  - @nhost/nhost-js@0.3.10
+
 ## 2.1.3
 
 ### Patch Changes

packages/react-apollo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/react-apollo",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "Nhost React Apollo client",
   "license": "MIT",
   "keywords": [
@@ -33,12 +33,21 @@
     "verify:fix": "run-p prettier:fix lint:fix"
   },
   "main": "src/index.tsx",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.umd.js",
     "module": "dist/index.es.js",
     "typings": "dist/index.d.ts"
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@nhost/nhost-js": "workspace:*",
     "subscriptions-transport-ws": "^0.11.0"

packages/react-auth/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- c8f2488: optimize npm packages: only include the `dist` directory, and introduce the `exports` field in package.json as per Vite's recommendations.
+- Updated dependencies [c8f2488]
+  - @nhost/nhost-js@0.3.10
+
 ## 2.0.6
 
 ### Patch Changes

packages/react-auth/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nhost/react-auth",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Nhost React client",
   "license": "MIT",
   "keywords": [
@@ -32,12 +32,21 @@
     "verify:fix": "run-p prettier:fix lint:fix"
   },
   "main": "src/index.tsx",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
   "publishConfig": {
     "access": "public",
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.umd.js",
     "module": "dist/index.es.js",
     "typings": "dist/index.d.ts"
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@nhost/nhost-js": "workspace:*"
   },
@@ -46,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

@@ -18,6 +18,8 @@ importers:
       '@typescript-eslint/eslint-plugin': ^5.10.2
       '@typescript-eslint/parser': ^5.10.2
       '@vitejs/plugin-react': ^1.1.4
+      esbuild: ^0.14.23
+      esbuild-node-externals: ^1.4.1
       eslint: ^8.8.0
       eslint-config-react-app: ^7.0.0
       eslint-plugin-flowtype: ^8.0.3
@@ -51,6 +53,8 @@ importers:
       '@typescript-eslint/eslint-plugin': 5.10.2_2595c2126aec4d4b6e944b931dabb4c2
       '@typescript-eslint/parser': 5.10.2_eslint@8.8.0+typescript@4.5.5
       '@vitejs/plugin-react': 1.1.4
+      esbuild: 0.14.23
+      esbuild-node-externals: 1.4.1_esbuild@0.14.23
       eslint: 8.8.0
       eslint-config-react-app: 7.0.0_a6c0b4b025f24103ac02f085889529a6
       eslint-plugin-flowtype: 8.0.3_12258a13d40b5ed3e212f958cc1c2840
@@ -65,7 +69,7 @@ importers:
       jest: 27.5.0
       npm-run-all: 4.1.5
       prettier: 2.5.1
-      ts-jest: 27.1.3_7ef2d78ce471893f470776eba2d1fa48
+      ts-jest: 27.1.3_878bcc2d6ed80d2663ee54e5f78292d8
       tsconfig-paths-jest: 0.0.1
       turbo: 1.1.2
       typescript: 4.5.5
@@ -224,49 +228,6 @@ importers:
       postcss: 7.0.39
       tailwindcss: /@tailwindcss/postcss7-compat/2.2.17
 
-  examples/react-xstate:
-    specifiers:
-      '@apollo/client': ^3.5.8
-      '@types/react': ^17.0.39
-      '@types/react-dom': ^17.0.11
-      '@types/uuid': ^8.3.4
-      '@vitejs/plugin-react': ^1.1.4
-      '@xstate/immer': ^0.3.1
-      '@xstate/inspect': ^0.6.2
-      '@xstate/react': ^2.0.0
-      axios: ^0.25.0
-      immer: ^9.0.12
-      react: ^17.0.2
-      react-dom: ^17.0.2
-      react-use: ^17.3.2
-      subscriptions-transport-ws: ^0.11.0
-      typescript: ^4.5.5
-      uuid: ^8.3.2
-      vite: ^2.7.13
-      ws: ^8.4.2
-      xstate: ^4.29.0
-    dependencies:
-      '@xstate/immer': 0.3.1_immer@9.0.12+xstate@4.29.0
-      '@xstate/react': 2.0.0_b2730fbad1dada8c45d201a94f0d2c3b
-      axios: 0.25.0
-      immer: 9.0.12
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-use: 17.3.2_react-dom@17.0.2+react@17.0.2
-      uuid: 8.3.2
-      xstate: 4.29.0
-    devDependencies:
-      '@apollo/client': 3.5.8_cbd8c9fa2001af7e0ced74f4858d2097
-      '@types/react': 17.0.39
-      '@types/react-dom': 17.0.11
-      '@types/uuid': 8.3.4
-      '@vitejs/plugin-react': 1.1.4
-      '@xstate/inspect': 0.6.2_ws@8.4.2
-      subscriptions-transport-ws: 0.11.0
-      typescript: 4.5.5
-      vite: 2.7.13
-      ws: 8.4.2
-
   examples/testing-project:
     specifiers: {}
 
@@ -332,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
@@ -339,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
@@ -380,34 +343,6 @@ packages:
       zen-observable-ts: 1.2.3
     dev: true
 
-  /@apollo/client/3.5.8_cbd8c9fa2001af7e0ced74f4858d2097:
-    resolution: {integrity: sha512-MAm05+I1ullr64VLpZwon/ISnkMuNLf6vDqgo9wiMhHYBGT4yOAbAIseRdjCHZwfSx/7AUuBgaTNOssZPIr6FQ==}
-    peerDependencies:
-      graphql: ^14.0.0 || ^15.0.0 || ^16.0.0
-      react: ^16.8.0 || ^17.0.0
-      subscriptions-transport-ws: ^0.9.0 || ^0.11.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      subscriptions-transport-ws:
-        optional: true
-    dependencies:
-      '@graphql-typed-document-node/core': 3.1.1
-      '@wry/context': 0.6.1
-      '@wry/equality': 0.5.2
-      '@wry/trie': 0.3.1
-      graphql-tag: 2.12.6
-      hoist-non-react-statics: 3.3.2
-      optimism: 0.16.1
-      prop-types: 15.8.1
-      react: 17.0.2
-      subscriptions-transport-ws: 0.11.0
-      symbol-observable: 4.0.0
-      ts-invariant: 0.9.4
-      tslib: 2.3.1
-      zen-observable-ts: 1.2.3
-    dev: true
-
   /@apollo/client/3.5.8_graphql@15.7.2+react@17.0.2:
     resolution: {integrity: sha512-MAm05+I1ullr64VLpZwon/ISnkMuNLf6vDqgo9wiMhHYBGT4yOAbAIseRdjCHZwfSx/7AUuBgaTNOssZPIr6FQ==}
     peerDependencies:
@@ -2710,12 +2645,6 @@ packages:
       value-or-promise: 1.0.11
     dev: true
 
-  /@graphql-typed-document-node/core/3.1.1:
-    resolution: {integrity: sha512-NQ17ii0rK1b34VZonlmT2QMJFI70m0TRwbknO/ihlbatXyaktDhN/98vBiUU6kNBPljqGqyIrl2T4nY2RpFANg==}
-    peerDependencies:
-      graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
-    dev: true
-
   /@graphql-typed-document-node/core/3.1.1_graphql@15.7.2:
     resolution: {integrity: sha512-NQ17ii0rK1b34VZonlmT2QMJFI70m0TRwbknO/ihlbatXyaktDhN/98vBiUU6kNBPljqGqyIrl2T4nY2RpFANg==}
     peerDependencies:
@@ -4073,10 +4002,6 @@ packages:
       jest-diff: 27.5.0
       pretty-format: 27.5.0
 
-  /@types/js-cookie/2.2.7:
-    resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
-    dev: false
-
   /@types/js-yaml/4.0.5:
     resolution: {integrity: sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==}
     dev: true
@@ -4185,6 +4110,7 @@ packages:
     resolution: {integrity: sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==}
     dependencies:
       '@types/react': 17.0.39
+    dev: false
 
   /@types/react/17.0.39:
     resolution: {integrity: sha512-UVavlfAxDd/AgAacMa60Azl7ygyQNRwC/DsHZmKgNvPmRR5p70AJ5Q9EAmL2NWOJmeV+vVUI4IAP7GZrN8h8Ug==}
@@ -4239,10 +4165,6 @@ packages:
     resolution: {integrity: sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ==}
     dev: false
 
-  /@types/uuid/8.3.4:
-    resolution: {integrity: sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==}
-    dev: true
-
   /@types/webpack-sources/3.2.0:
     resolution: {integrity: sha512-Ft7YH3lEVRQ6ls8k4Ff1oB4jN6oy/XmU6tQISKdhfh+1mR+viZFphS6WL0IrtDOzvefmJg5a0s7ZQoRXwqTEFg==}
     dependencies:
@@ -4782,53 +4704,6 @@ packages:
     dependencies:
       tslib: 2.3.1
 
-  /@xobotyi/scrollbar-width/1.9.5:
-    resolution: {integrity: sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==}
-    dev: false
-
-  /@xstate/immer/0.3.1_immer@9.0.12+xstate@4.29.0:
-    resolution: {integrity: sha512-YE+KY08IjEEmXo6XKKpeSGW4j9LfcXw+5JVixLLUO3fWQ3M95joWJ40VtGzx0w0zQSzoCNk8NgfvwWBGSbIaTA==}
-    peerDependencies:
-      immer: ^9.0.6
-      xstate: ^4.29.0
-    dependencies:
-      immer: 9.0.12
-      xstate: 4.29.0
-    dev: false
-
-  /@xstate/inspect/0.6.2_ws@8.4.2:
-    resolution: {integrity: sha512-ZDJ0NETucV7wyT2Tyr3VeEgVD45TUGMTwbzmU2JfzUOjJQMyqn/XjcXGa3wxzgSvz2I0L4xC5ahRZN85j7oh1Q==}
-    peerDependencies:
-      '@types/ws': ^8.0.0
-      ws: ^8.0.0
-    peerDependenciesMeta:
-      '@types/ws':
-        optional: true
-    dependencies:
-      fast-safe-stringify: 2.1.1
-      ws: 8.4.2
-    dev: true
-
-  /@xstate/react/2.0.0_b2730fbad1dada8c45d201a94f0d2c3b:
-    resolution: {integrity: sha512-Pw8uHkamrMxoV8cwnVHv570Zun7o2ktokn5bkUOrv6PufFg5JHL2URiGvbyR9JqmIxfJdXregWvCGa3pqXd7Cg==}
-    peerDependencies:
-      '@xstate/fsm': ^1.6.4
-      react: ^16.8.0 || ^17.0.0
-      xstate: ^4.29.0
-    peerDependenciesMeta:
-      '@xstate/fsm':
-        optional: true
-      xstate:
-        optional: true
-    dependencies:
-      react: 17.0.2
-      use-isomorphic-layout-effect: 1.1.1_a0c521d4794c7ad97f5f4c1c4a7d5818
-      use-subscription: 1.5.1_react@17.0.2
-      xstate: 4.29.0
-    transitivePeerDependencies:
-      - '@types/react'
-    dev: false
-
   /@xtuc/ieee754/1.2.0:
     resolution: {integrity: sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==}
     dev: false
@@ -6865,12 +6740,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /copy-to-clipboard/3.3.1:
-    resolution: {integrity: sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==}
-    dependencies:
-      toggle-selection: 1.0.6
-    dev: false
-
   /core-js-compat/3.21.0:
     resolution: {integrity: sha512-OSXseNPSK2OPJa6GdtkMz/XxeXx8/CJvfhQWTqd6neuUraujcL4jVsjkLQz1OWnax8xVQJnRPe0V2jqNWORA+A==}
     dependencies:
@@ -7065,13 +6934,6 @@ packages:
       postcss-selector-parser: 5.0.0
     dev: false
 
-  /css-in-js-utils/2.0.1:
-    resolution: {integrity: sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==}
-    dependencies:
-      hyphenate-style-name: 1.0.4
-      isobject: 3.0.1
-    dev: false
-
   /css-loader/4.3.0_webpack@4.44.2:
     resolution: {integrity: sha512-rdezjCjScIrsL8BSYszgT4s476IcNKt6yX69t0pHjJVnPUTDpn4WfIpDQTN3wCJvUvfsz/mFjuGOekf3PY3NUg==}
     engines: {node: '>= 10.13.0'}
@@ -7963,6 +7825,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-android-arm64/0.14.23:
+    resolution: {integrity: sha512-k9sXem++mINrZty1v4FVt6nC5BQCFG4K2geCIUUqHNlTdFnuvcqsY7prcKZLFhqVC1rbcJAr9VSUGFL/vD4vsw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-64/0.13.15:
     resolution: {integrity: sha512-ihOQRGs2yyp7t5bArCwnvn2Atr6X4axqPpEdCFPVp7iUj4cVSdisgvEKdNR7yH3JDjW6aQDw40iQFoTqejqxvQ==}
     cpu: [x64]
@@ -7971,6 +7842,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-64/0.14.23:
+    resolution: {integrity: sha512-lB0XRbtOYYL1tLcYw8BoBaYsFYiR48RPrA0KfA/7RFTr4MV7Bwy/J4+7nLsVnv9FGuQummM3uJ93J3ptaTqFug==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-darwin-arm64/0.13.15:
     resolution: {integrity: sha512-i1FZssTVxUqNlJ6cBTj5YQj4imWy3m49RZRnHhLpefFIh0To05ow9DTrXROTE1urGTQCloFUXTX8QfGJy1P8dQ==}
     cpu: [arm64]
@@ -7979,6 +7859,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-darwin-arm64/0.14.23:
+    resolution: {integrity: sha512-yat73Z/uJ5tRcfRiI4CCTv0FSnwErm3BJQeZAh+1tIP0TUNh6o+mXg338Zl5EKChD+YGp6PN+Dbhs7qa34RxSw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-64/0.13.15:
     resolution: {integrity: sha512-G3dLBXUI6lC6Z09/x+WtXBXbOYQZ0E8TDBqvn7aMaOCzryJs8LyVXKY4CPnHFXZAbSwkCbqiPuSQ1+HhrNk7EA==}
     cpu: [x64]
@@ -7987,6 +7876,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-64/0.14.23:
+    resolution: {integrity: sha512-/1xiTjoLuQ+LlbfjJdKkX45qK/M7ARrbLmyf7x3JhyQGMjcxRYVR6Dw81uH3qlMHwT4cfLW4aEVBhP1aNV7VsA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-freebsd-arm64/0.13.15:
     resolution: {integrity: sha512-KJx0fzEDf1uhNOZQStV4ujg30WlnwqUASaGSFPhznLM/bbheu9HhqZ6mJJZM32lkyfGJikw0jg7v3S0oAvtvQQ==}
     cpu: [arm64]
@@ -7995,6 +7893,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-freebsd-arm64/0.14.23:
+    resolution: {integrity: sha512-uyPqBU/Zcp6yEAZS4LKj5jEE0q2s4HmlMBIPzbW6cTunZ8cyvjG6YWpIZXb1KK3KTJDe62ltCrk3VzmWHp+iLg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-32/0.13.15:
     resolution: {integrity: sha512-ZvTBPk0YWCLMCXiFmD5EUtB30zIPvC5Itxz0mdTu/xZBbbHJftQgLWY49wEPSn2T/TxahYCRDWun5smRa0Tu+g==}
     cpu: [ia32]
@@ -8003,6 +7910,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-32/0.14.23:
+    resolution: {integrity: sha512-37R/WMkQyUfNhbH7aJrr1uCjDVdnPeTHGeDhZPUNhfoHV0lQuZNCKuNnDvlH/u/nwIYZNdVvz1Igv5rY/zfrzQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-64/0.13.15:
     resolution: {integrity: sha512-eCKzkNSLywNeQTRBxJRQ0jxRCl2YWdMB3+PkWFo2BBQYC5mISLIVIjThNtn6HUNqua1pnvgP5xX0nHbZbPj5oA==}
     cpu: [x64]
@@ -8011,6 +7927,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-64/0.14.23:
+    resolution: {integrity: sha512-H0gztDP60qqr8zoFhAO64waoN5yBXkmYCElFklpd6LPoobtNGNnDe99xOQm28+fuD75YJ7GKHzp/MLCLhw2+vQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm/0.13.15:
     resolution: {integrity: sha512-wUHttDi/ol0tD8ZgUMDH8Ef7IbDX+/UsWJOXaAyTdkT7Yy9ZBqPg8bgB/Dn3CZ9SBpNieozrPRHm0BGww7W/jA==}
     cpu: [arm]
@@ -8019,6 +7944,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm/0.14.23:
+    resolution: {integrity: sha512-x64CEUxi8+EzOAIpCUeuni0bZfzPw/65r8tC5cy5zOq9dY7ysOi5EVQHnzaxS+1NmV+/RVRpmrzGw1QgY2Xpmw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-arm64/0.13.15:
     resolution: {integrity: sha512-bYpuUlN6qYU9slzr/ltyLTR9YTBS7qUDymO8SV7kjeNext61OdmqFAzuVZom+OLW1HPHseBfJ/JfdSlx8oTUoA==}
     cpu: [arm64]
@@ -8027,6 +7961,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-arm64/0.14.23:
+    resolution: {integrity: sha512-c4MLOIByNHR55n3KoYf9hYDfBRghMjOiHLaoYLhkQkIabb452RWi+HsNgB41sUpSlOAqfpqKPFNg7VrxL3UX9g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-mips64le/0.13.15:
     resolution: {integrity: sha512-KlVjIG828uFPyJkO/8gKwy9RbXhCEUeFsCGOJBepUlpa7G8/SeZgncUEz/tOOUJTcWMTmFMtdd3GElGyAtbSWg==}
     cpu: [mips64el]
@@ -8035,6 +7978,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-mips64le/0.14.23:
+    resolution: {integrity: sha512-kHKyKRIAedYhKug2EJpyJxOUj3VYuamOVA1pY7EimoFPzaF3NeY7e4cFBAISC/Av0/tiV0xlFCt9q0HJ68IBIw==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-linux-ppc64le/0.13.15:
     resolution: {integrity: sha512-h6gYF+OsaqEuBjeesTBtUPw0bmiDu7eAeuc2OEH9S6mV9/jPhPdhOWzdeshb0BskRZxPhxPOjqZ+/OqLcxQwEQ==}
     cpu: [ppc64]
@@ -8043,6 +7995,33 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-linux-ppc64le/0.14.23:
+    resolution: {integrity: sha512-7ilAiJEPuJJnJp/LiDO0oJm5ygbBPzhchJJh9HsHZzeqO+3PUzItXi+8PuicY08r0AaaOe25LA7sGJ0MzbfBag==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-riscv64/0.14.23:
+    resolution: {integrity: sha512-fbL3ggK2wY0D8I5raPIMPhpCvODFE+Bhb5QGtNP3r5aUsRR6TQV+ZBXIaw84iyvKC8vlXiA4fWLGhghAd/h/Zg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-linux-s390x/0.14.23:
+    resolution: {integrity: sha512-GHMDCyfy7+FaNSO8RJ8KCFsnax8fLUsOrj9q5Gi2JmZMY0Zhp75keb5abTFCq2/Oy6KVcT0Dcbyo/bFb4rIFJA==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-netbsd-64/0.13.15:
     resolution: {integrity: sha512-3+yE9emwoevLMyvu+iR3rsa+Xwhie7ZEHMGDQ6dkqP/ndFzRHkobHUKTe+NCApSqG5ce2z4rFu+NX/UHnxlh3w==}
     cpu: [x64]
@@ -8051,6 +8030,25 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-netbsd-64/0.14.23:
+    resolution: {integrity: sha512-ovk2EX+3rrO1M2lowJfgMb/JPN1VwVYrx0QPUyudxkxLYrWeBxDKQvc6ffO+kB4QlDyTfdtAURrVzu3JeNdA2g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /esbuild-node-externals/1.4.1_esbuild@0.14.23:
+    resolution: {integrity: sha512-ZFNGa6w1kYzn4wx9ty4eaItaOTSe2hWQZ6WXa/8guKJCiXL3XpW2CZT4gkx2OhfBKxpqaqa7ZeGK54ScoLSUdw==}
+    peerDependencies:
+      esbuild: 0.12 - 0.14
+    dependencies:
+      esbuild: 0.14.23
+      find-up: 5.0.0
+      tslib: 2.3.1
+    dev: true
+
   /esbuild-openbsd-64/0.13.15:
     resolution: {integrity: sha512-wTfvtwYJYAFL1fSs8yHIdf5GEE4NkbtbXtjLWjM3Cw8mmQKqsg8kTiqJ9NJQe5NX/5Qlo7Xd9r1yKMMkHllp5g==}
     cpu: [x64]
@@ -8059,6 +8057,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-openbsd-64/0.14.23:
+    resolution: {integrity: sha512-uYYNqbVR+i7k8ojP/oIROAHO9lATLN7H2QeXKt2H310Fc8FJj4y3Wce6hx0VgnJ4k1JDrgbbiXM8rbEgQyg8KA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-sunos-64/0.13.15:
     resolution: {integrity: sha512-lbivT9Bx3t1iWWrSnGyBP9ODriEvWDRiweAs69vI+miJoeKwHWOComSRukttbuzjZ8r1q0mQJ8Z7yUsDJ3hKdw==}
     cpu: [x64]
@@ -8067,6 +8074,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-sunos-64/0.14.23:
+    resolution: {integrity: sha512-hAzeBeET0+SbScknPzS2LBY6FVDpgE+CsHSpe6CEoR51PApdn2IB0SyJX7vGelXzlyrnorM4CAsRyb9Qev4h9g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-32/0.13.15:
     resolution: {integrity: sha512-fDMEf2g3SsJ599MBr50cY5ve5lP1wyVwTe6aLJsM01KtxyKkB4UT+fc5MXQFn3RLrAIAZOG+tHC+yXObpSn7Nw==}
     cpu: [ia32]
@@ -8075,6 +8091,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-32/0.14.23:
+    resolution: {integrity: sha512-Kttmi3JnohdaREbk6o9e25kieJR379TsEWF0l39PQVHXq3FR6sFKtVPgY8wk055o6IB+rllrzLnbqOw/UV60EA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-64/0.13.15:
     resolution: {integrity: sha512-9aMsPRGDWCd3bGjUIKG/ZOJPKsiztlxl/Q3C1XDswO6eNX/Jtwu4M+jb6YDH9hRSUflQWX0XKAfWzgy5Wk54JQ==}
     cpu: [x64]
@@ -8083,6 +8108,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-64/0.14.23:
+    resolution: {integrity: sha512-JtIT0t8ymkpl6YlmOl6zoSWL5cnCgyLaBdf/SiU/Eg3C13r0NbHZWNT/RDEMKK91Y6t79kTs3vyRcNZbfu5a8g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild-windows-arm64/0.13.15:
     resolution: {integrity: sha512-zzvyCVVpbwQQATaf3IG8mu1IwGEiDxKkYUdA4FpoCHi1KtPa13jeScYDjlW0Qh+ebWzpKfR2ZwvqAQkSWNcKjA==}
     cpu: [arm64]
@@ -8091,6 +8125,15 @@ packages:
     dev: true
     optional: true
 
+  /esbuild-windows-arm64/0.14.23:
+    resolution: {integrity: sha512-cTFaQqT2+ik9e4hePvYtRZQ3pqOvKDVNarzql0VFIzhc0tru/ZgdLoXd6epLiKT+SzoSce6V9YJ+nn6RCn6SHw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /esbuild/0.12.29:
     resolution: {integrity: sha512-w/XuoBCSwepyiZtIRsKsetiLDUVGPVw1E/R3VTFSecIy8UR7Cq3SOtwKHJMFoVqqVG36aGkzh4e8BvpO1Fdc7g==}
     hasBin: true
@@ -8121,6 +8164,33 @@ packages:
       esbuild-windows-arm64: 0.13.15
     dev: true
 
+  /esbuild/0.14.23:
+    resolution: {integrity: sha512-XjnIcZ9KB6lfonCa+jRguXyRYcldmkyZ99ieDksqW/C8bnyEX299yA4QH2XcgijCgaddEZePPTgvx/2imsq7Ig==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      esbuild-android-arm64: 0.14.23
+      esbuild-darwin-64: 0.14.23
+      esbuild-darwin-arm64: 0.14.23
+      esbuild-freebsd-64: 0.14.23
+      esbuild-freebsd-arm64: 0.14.23
+      esbuild-linux-32: 0.14.23
+      esbuild-linux-64: 0.14.23
+      esbuild-linux-arm: 0.14.23
+      esbuild-linux-arm64: 0.14.23
+      esbuild-linux-mips64le: 0.14.23
+      esbuild-linux-ppc64le: 0.14.23
+      esbuild-linux-riscv64: 0.14.23
+      esbuild-linux-s390x: 0.14.23
+      esbuild-netbsd-64: 0.14.23
+      esbuild-openbsd-64: 0.14.23
+      esbuild-sunos-64: 0.14.23
+      esbuild-windows-32: 0.14.23
+      esbuild-windows-64: 0.14.23
+      esbuild-windows-arm64: 0.14.23
+    dev: true
+
   /escalade/3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
     engines: {node: '>=6'}
@@ -9168,18 +9238,6 @@ packages:
   /fast-levenshtein/2.0.6:
     resolution: {integrity: sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=}
 
-  /fast-safe-stringify/2.1.1:
-    resolution: {integrity: sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==}
-    dev: true
-
-  /fast-shallow-equal/1.0.0:
-    resolution: {integrity: sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==}
-    dev: false
-
-  /fastest-stable-stringify/2.0.2:
-    resolution: {integrity: sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q==}
-    dev: false
-
   /fastq/1.13.0:
     resolution: {integrity: sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==}
     dependencies:
@@ -9867,15 +9925,6 @@ packages:
       graphql: 15.7.2
     dev: true
 
-  /graphql-tag/2.12.6:
-    resolution: {integrity: sha512-FdSNcu2QQcWnM2VNvSCCDCVS5PpPqpzgFT8+GXzqJuoDd0CBncxCY278u4mhRO7tMgo2JjgJA5aZ+nWSQ/Z+xg==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      graphql: ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
-    dependencies:
-      tslib: 2.3.1
-    dev: true
-
   /graphql-tag/2.12.6_graphql@15.7.2:
     resolution: {integrity: sha512-FdSNcu2QQcWnM2VNvSCCDCVS5PpPqpzgFT8+GXzqJuoDd0CBncxCY278u4mhRO7tMgo2JjgJA5aZ+nWSQ/Z+xg==}
     engines: {node: '>=10'}
@@ -10368,10 +10417,6 @@ packages:
     hasBin: true
     dev: true
 
-  /hyphenate-style-name/1.0.4:
-    resolution: {integrity: sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==}
-    dev: false
-
   /iconv-lite/0.4.24:
     resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
     engines: {node: '>=0.10.0'}
@@ -10423,10 +10468,6 @@ packages:
     resolution: {integrity: sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA==}
     dev: false
 
-  /immer/9.0.12:
-    resolution: {integrity: sha512-lk7UNmSbAukB5B6dh9fnh5D0bJTOFKxVg2cyJWTYrWRfhLrLMBquONcUs3aFq507hNoIZEDDh8lb8UtOizSMhA==}
-    dev: false
-
   /immutable/3.7.6:
     resolution: {integrity: sha1-E7TTyxK++hVIKib+Gy665kAHHks=}
     engines: {node: '>=0.8.0'}
@@ -10527,12 +10568,6 @@ packages:
     resolution: {integrity: sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==}
     dev: false
 
-  /inline-style-prefixer/6.0.1:
-    resolution: {integrity: sha512-AsqazZ8KcRzJ9YPN1wMH2aNM7lkWQ8tSPrW5uDk1ziYwiAPWSZnUsC7lfZq+BDqLqz0B4Pho5wscWcJzVvRzDQ==}
-    dependencies:
-      css-in-js-utils: 2.0.1
-    dev: false
-
   /inquirer/8.2.0:
     resolution: {integrity: sha512-0crLweprevJ02tTuA6ThpoAERAGyVILC4sS74uib58Xf/zSr1/ZWtmm7D5CI+bSQEaA04f0K7idaHpQbSWgiVQ==}
     engines: {node: '>=8.0.0'}
@@ -12129,10 +12164,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /js-cookie/2.2.1:
-    resolution: {integrity: sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==}
-    dev: false
-
   /js-tokens/4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -13215,24 +13246,6 @@ packages:
   /nan/2.15.0:
     resolution: {integrity: sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==}
 
-  /nano-css/5.3.4_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-wfcviJB6NOxDIDfr7RFn/GlaN7I/Bhe4d39ZRCJ3xvZX60LVe2qZ+rDqM49nm4YT81gAjzS+ZklhKP/Gnfnubg==}
-    peerDependencies:
-      react: '*'
-      react-dom: '*'
-    dependencies:
-      css-tree: 1.1.3
-      csstype: 3.0.10
-      fastest-stable-stringify: 2.0.2
-      inline-style-prefixer: 6.0.1
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      rtl-css-js: 1.15.0
-      sourcemap-codec: 1.4.8
-      stacktrace-js: 2.0.2
-      stylis: 4.0.13
-    dev: false
-
   /nanoid/3.2.0:
     resolution: {integrity: sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -15456,16 +15469,6 @@ packages:
       refractor: 3.5.0
     dev: false
 
-  /react-universal-interface/0.6.2_react@17.0.2+tslib@2.3.1:
-    resolution: {integrity: sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==}
-    peerDependencies:
-      react: '*'
-      tslib: '*'
-    dependencies:
-      react: 17.0.2
-      tslib: 2.3.1
-    dev: false
-
   /react-use-measure/2.1.1_react-dom@17.0.2+react@17.0.2:
     resolution: {integrity: sha512-nocZhN26cproIiIduswYpV5y5lQpSQS1y/4KuvUCjSKmw7ZWIS/+g3aFnX3WdBkyuGUtTLif3UTqnLLhbDoQig==}
     peerDependencies:
@@ -15477,30 +15480,6 @@ packages:
       react-dom: 17.0.2_react@17.0.2
     dev: false
 
-  /react-use/17.3.2_react-dom@17.0.2+react@17.0.2:
-    resolution: {integrity: sha512-bj7OD0/1wL03KyWmzFXAFe425zziuTf7q8olwCYBfOeFHY1qfO1FAMjROQLsLZYwG4Rx63xAfb7XAbBrJsZmEw==}
-    peerDependencies:
-      react: ^16.8.0  || ^17.0.0
-      react-dom: ^16.8.0  || ^17.0.0
-    dependencies:
-      '@types/js-cookie': 2.2.7
-      '@xobotyi/scrollbar-width': 1.9.5
-      copy-to-clipboard: 3.3.1
-      fast-deep-equal: 3.1.3
-      fast-shallow-equal: 1.0.0
-      js-cookie: 2.2.1
-      nano-css: 5.3.4_react-dom@17.0.2+react@17.0.2
-      react: 17.0.2
-      react-dom: 17.0.2_react@17.0.2
-      react-universal-interface: 0.6.2_react@17.0.2+tslib@2.3.1
-      resize-observer-polyfill: 1.5.1
-      screenfull: 5.2.0
-      set-harmonic-interval: 1.0.1
-      throttle-debounce: 3.0.1
-      ts-easing: 0.2.0
-      tslib: 2.3.1
-    dev: false
-
   /react/17.0.2:
     resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==}
     engines: {node: '>=0.10.0'}
@@ -15837,10 +15816,6 @@ packages:
     resolution: {integrity: sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=}
     dev: false
 
-  /resize-observer-polyfill/1.5.1:
-    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
-    dev: false
-
   /resolve-cwd/2.0.0:
     resolution: {integrity: sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=}
     engines: {node: '>=4'}
@@ -16045,12 +16020,6 @@ packages:
     engines: {node: 6.* || >= 7.*}
     dev: false
 
-  /rtl-css-js/1.15.0:
-    resolution: {integrity: sha512-99Cu4wNNIhrI10xxUaABHsdDqzalrSRTie4GeCmbGVuehm4oj+fIy8fTzB+16pmKe8Bv9rl+hxIBez6KxExTew==}
-    dependencies:
-      '@babel/runtime': 7.17.0
-    dev: false
-
   /run-async/2.4.1:
     resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==}
     engines: {node: '>=0.12.0'}
@@ -16183,11 +16152,6 @@ packages:
       ajv-keywords: 3.5.2_ajv@6.12.6
     dev: false
 
-  /screenfull/5.2.0:
-    resolution: {integrity: sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /scuid/1.1.0:
     resolution: {integrity: sha512-MuCAyrGZcTLfQoH2XoBlQ8C6bzwN88XT/0slOGz0pn8+gIP85BOAfYa44ZXQUTOwRwPU0QvgU+V+OSajl/59Xg==}
     dev: true
@@ -16298,11 +16262,6 @@ packages:
   /set-blocking/2.0.0:
     resolution: {integrity: sha1-BF+XgtARrppoA93TgrJDkrPYkPc=}
 
-  /set-harmonic-interval/1.0.1:
-    resolution: {integrity: sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==}
-    engines: {node: '>=6.9'}
-    dev: false
-
   /set-value/2.0.1:
     resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
     engines: {node: '>=0.10.0'}
@@ -16546,11 +16505,6 @@ packages:
     deprecated: See https://github.com/lydell/source-map-url#deprecated
     dev: false
 
-  /source-map/0.5.6:
-    resolution: {integrity: sha1-dc449SvwczxafwwRjYEzSiu19BI=}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /source-map/0.5.7:
     resolution: {integrity: sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=}
     engines: {node: '>=0.10.0'}
@@ -16659,12 +16613,6 @@ packages:
     resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
     dev: false
 
-  /stack-generator/2.0.5:
-    resolution: {integrity: sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==}
-    dependencies:
-      stackframe: 1.2.0
-    dev: false
-
   /stack-utils/2.0.5:
     resolution: {integrity: sha512-xrQcmYhOsn/1kX+Vraq+7j4oE2j/6BFscZ0etmYg81xuM8Gq0022Pxb8+IqgOFUIaxHs0KaSb7T1+OegiNrNFA==}
     engines: {node: '>=10'}
@@ -16675,21 +16623,6 @@ packages:
     resolution: {integrity: sha512-GrdeshiRmS1YLMYgzF16olf2jJ/IzxXY9lhKOskuVziubpTYcYqyOwYeJKzQkwy7uN0fYSsbsC4RQaXf9LCrYA==}
     dev: false
 
-  /stacktrace-gps/3.0.4:
-    resolution: {integrity: sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==}
-    dependencies:
-      source-map: 0.5.6
-      stackframe: 1.2.0
-    dev: false
-
-  /stacktrace-js/2.0.2:
-    resolution: {integrity: sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==}
-    dependencies:
-      error-stack-parser: 2.0.6
-      stack-generator: 2.0.5
-      stacktrace-gps: 3.0.4
-    dev: false
-
   /state-toggle/1.0.3:
     resolution: {integrity: sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ==}
     dev: false
@@ -16984,25 +16917,6 @@ packages:
       postcss-selector-parser: 3.1.2
     dev: false
 
-  /stylis/4.0.13:
-    resolution: {integrity: sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag==}
-    dev: false
-
-  /subscriptions-transport-ws/0.11.0:
-    resolution: {integrity: sha512-8D4C6DIH5tGiAIpp5I0wD/xRlNiZAPGHygzCe7VzyzUoxHtawzjNAY9SUTXU05/EY2NMY9/9GF0ycizkXr1CWQ==}
-    peerDependencies:
-      graphql: ^15.7.2 || ^16.0.0
-    dependencies:
-      backo2: 1.0.2
-      eventemitter3: 3.1.2
-      iterall: 1.3.0
-      symbol-observable: 1.2.0
-      ws: 7.5.6
-    transitivePeerDependencies:
-      - bufferutil
-      - utf-8-validate
-    dev: true
-
   /subscriptions-transport-ws/0.11.0_graphql@15.7.2:
     resolution: {integrity: sha512-8D4C6DIH5tGiAIpp5I0wD/xRlNiZAPGHygzCe7VzyzUoxHtawzjNAY9SUTXU05/EY2NMY9/9GF0ycizkXr1CWQ==}
     peerDependencies:
@@ -17325,11 +17239,6 @@ packages:
     resolution: {integrity: sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==}
     dev: true
 
-  /throttle-debounce/3.0.1:
-    resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
-    engines: {node: '>=10'}
-    dev: false
-
   /through/2.3.8:
     resolution: {integrity: sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=}
     dev: true
@@ -17428,10 +17337,6 @@ packages:
       safe-regex: 1.1.0
     dev: false
 
-  /toggle-selection/1.0.6:
-    resolution: {integrity: sha1-bkWxJj8gF/oKzH2J14sVuL932jI=}
-    dev: false
-
   /toidentifier/1.0.1:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
@@ -17481,10 +17386,6 @@ packages:
     resolution: {integrity: sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==}
     dev: false
 
-  /ts-easing/0.2.0:
-    resolution: {integrity: sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==}
-    dev: false
-
   /ts-invariant/0.4.4:
     resolution: {integrity: sha512-uEtWkFM/sdZvRNNDL3Ehu4WVpwaulhwQszV8mrtcdeE8nN00BV9mAmQ88RkrBhFgl9gMgvjJLAQcZbnPXI9mlA==}
     dependencies:
@@ -17497,7 +17398,7 @@ packages:
     dependencies:
       tslib: 2.3.1
 
-  /ts-jest/27.1.3_7ef2d78ce471893f470776eba2d1fa48:
+  /ts-jest/27.1.3_878bcc2d6ed80d2663ee54e5f78292d8:
     resolution: {integrity: sha512-6Nlura7s6uM9BVUAoqLH7JHyMXjz8gluryjpPXxr3IxZdAXnU6FhjvVLHFtfd1vsE1p8zD1OJfskkc0jhTSnkA==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     hasBin: true
@@ -17521,6 +17422,7 @@ packages:
       '@babel/core': 7.17.0
       '@types/jest': 27.4.0
       bs-logger: 0.2.6
+      esbuild: 0.14.23
       fast-json-stable-stringify: 2.1.0
       jest: 27.5.0
       jest-util: 27.5.0
@@ -18105,19 +18007,6 @@ packages:
       querystring: 0.2.0
     dev: false
 
-  /use-isomorphic-layout-effect/1.1.1_a0c521d4794c7ad97f5f4c1c4a7d5818:
-    resolution: {integrity: sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==}
-    peerDependencies:
-      '@types/react': '*'
-      react: ^16.8.0 || ^17.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-    dependencies:
-      '@types/react': 17.0.39
-      react: 17.0.2
-    dev: false
-
   /use-subscription/1.5.1_react@17.0.2:
     resolution: {integrity: sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==}
     peerDependencies:
@@ -18881,10 +18770,6 @@ packages:
       cssfilter: 0.0.10
     dev: false
 
-  /xstate/4.29.0:
-    resolution: {integrity: sha512-F6WF5s6xG/bm8Oxi2ETuzwGQW8yleL5I4JPxZl49m7Uw7D4LAXu+4dvUK78Uo4D863sM8auqw6+1Xmj9mFlmDQ==}
-    dev: false
-
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}