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

chore: update versions

.changeset/config.json

@@ -7,4 +7,4 @@
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": []
-}
+}

.config/.eslintrc

@@ -1,50 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es6": true,
-    "node": true
-  },
-  "ignorePatterns": ["**/dist", "**/build", "**/.next"],
-  "extends": ["react-app", "plugin:react/recommended", "plugin:react-hooks/recommended"],
-  "parserOptions": {
-    // "project": "./tsconfig.json"
-    "project": ["packages/*/tsconfig.json", "examples/*/tsconfig.json"]
-  },
-  "plugins": ["react", "@typescript-eslint", "react-hooks", "simple-import-sort"],
-  "rules": {
-    "no-use-before-define": "off",
-    "simple-import-sort/exports": "error",
-
-    "simple-import-sort/imports": [
-      "error",
-      {
-        "groups": [
-          // Node.js builtins. You could also generate this regex if you use a `.js` config.
-          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
-          [
-            "^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib|freelist|v8|process|async_hooks|http2|perf_hooks)(/.*|$)"
-          ],
-          // Packages
-          ["^\\w"],
-          // Internal packages.
-          ["^(@|config/)(/*|$)"],
-          // Side effect imports.
-          ["^\\u0000"],
-          // Parent imports. Put `..` last.
-          ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
-          // Other relative imports. Put same-folder imports and `.` last.
-          ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
-          // Style imports.
-          ["^.+\\.s?css$"]
-        ]
-      }
-    ],
-    "import/no-anonymous-default-export": [
-      "error",
-      {
-        "allowArrowFunction": true,
-        "allowAnonymousFunction": true
-      }
-    ]
-  }
-}

.config/.prettierignore

@@ -1,17 +0,0 @@
-node_modules/
-build/
-cjs/
-coverage/
-dist/
-dts/
-esm/
-lib/
-mjs/
-umd/
-CHANGELOG.md
-lerna.json
-package.json
-tsconfig.json
-tsconfig.*.json
-*.d.ts
-.next

.config/esbuild.lib.js

@@ -1,30 +0,0 @@
-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: 'es2019'
-  })
-  .catch(() => process.exit(1))

.config/jest.config.base.js

@@ -1,18 +0,0 @@
-module.exports = {
-  rootDir: process.cwd(),
-  roots: ['<rootDir>/src', '<rootDir>/tests'],
-  transform: {
-    '^.+\\.ts$': 'ts-jest'
-  },
-  testRegex: '(/tests/.*.(test|spec)).(jsx?|tsx?)$',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  collectCoverage: true,
-  // coveragePathIgnorePatterns: ['(tests/.*.mock).(jsx?|tsx?)$'],
-  verbose: true,
-  testTimeout: 30000,
-  globals: {
-    'ts-jest': {
-      isolatedModules: true
-    }
-  }
-}

.config/jest.config.js

@@ -1,7 +0,0 @@
-const base = require('./jest.config.base.js')
-
-module.exports = {
-  ...base,
-  projects: ['<rootDir>/packages/*/jest.config.js'],
-  coverageDirectory: '<rootDir>/coverage/'
-}

.config/prettier.config.js

@@ -1,22 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  arrowParens: 'always',
-  bracketSameLine: false,
-  bracketSpacing: true,
-  endOfLine: 'lf',
-  printWidth: 100,
-  proseWrap: 'preserve',
-  semi: false,
-  singleQuote: true,
-  tabWidth: 2,
-  trailingComma: 'none',
-  useTabs: false,
-  overrides: [
-    {
-      files: ['*.json', '*.yaml'],
-      options: {
-        useTabs: false
-      }
-    }
-  ]
-}

.config/vite.lib.react.js

@@ -1,50 +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 react from '@vitejs/plugin-react'
-
-const PWD = process.env.PWD
-const pkg = require(path.join(PWD, 'package.json'))
-
-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(),
-    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: {
-      entry,
-      name: pkg.name,
-      fileName: 'index'
-    },
-    rollupOptions: {
-      external: ['react', '@nhost/react'],
-      output: {
-        globals: {
-          react: 'react',
-          '@nhost/react': '@nhost/react'
-        }
-      }
-    }
-  }
-})

.dockerignore

@@ -0,0 +1,9 @@
+**/node_modules
+**/npm-debug.log
+**/out
+**/dist
+**/umd
+**/.turbo
+**/.nhost
+**/coverage
+**/.next

.github/CODEOWNERS

@@ -1,7 +1,14 @@
 # Documentation
 # https://help.github.com/en/articles/about-code-owners
 
-/packages                                @plmercereau
-/.github/workflows                       @plmercereau
-/docs/                                   @guicurcio
-/examples/                               @plmercereau @guicurcio @FuzzyReason
+/packages                                @plmercereau @szilarddoro
+/packages/docgen                         @szilarddoro
+/integrations/stripe-graphql-js          @elitan
+/.github                                 @plmercereau
+/dashboard/                              @szilarddoro @guicurcio
+/docs/                                   @guicurcio @elitan
+/config/                                 @plmercereau @szilarddoro
+/examples/                               @plmercereau
+/examples/codegen-react-apollo           @elitan @plmercereau
+/examples/codegen-react-query            @elitan @plmercereau
+/examples/react-apollo-crm               @elitan @plmercereau

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: enhancement
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/actions/install-dependencies/action.yaml

@@ -0,0 +1,53 @@
+name: Install Node and package dependencies
+description: 'Install Node dependencies with pnpm'
+inputs:
+  TURBO_TOKEN:
+    description: 'Turborepo token'
+  TURBO_TEAM:
+    description: 'Turborepo team'
+  BUILD:
+    description: 'Build packages'
+    default: 'default'
+
+runs:
+  using: 'composite'
+  steps:
+    - uses: pnpm/action-setup@v2.2.4
+      with:
+        version: 7.17.0
+        run_install: false
+    - name: Get pnpm cache directory
+      id: pnpm-cache-dir
+      shell: bash
+      run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+    - uses: actions/cache@v3
+      id: pnpm-cache
+      with:
+        path: |
+          ${{ steps.pnpm-cache-dir.outputs.dir }}
+          ~/.cache/Cypress
+        key: ${{ runner.os }}-node-${{ hashFiles('pnpm-lock.yaml') }}
+        restore-keys: ${{ runner.os }}-node-
+    - name: Use Node.js 16
+      uses: actions/setup-node@v3
+      with:
+        node-version: 16
+    - shell: bash
+      name: Install packages
+      run: pnpm install --frozen-lockfile
+    # * Build all Nhost packages as they are all supposed to be tested.
+    # * They are reused through the Turborepo cache
+    - shell: bash
+      name: Build packages
+      if: ${{ inputs.BUILD == 'all' }}
+      run: pnpm build:all
+      env:
+        TURBO_TOKEN: ${{ inputs.TURBO_TOKEN }}
+        TURBO_TEAM: ${{ inputs.TURBO_TEAM }}
+    - shell: bash
+      name: Build everything in the monorepo
+      if: ${{ inputs.BUILD == 'default' }}
+      run: pnpm build
+      env:
+        TURBO_TOKEN: ${{ inputs.TURBO_TOKEN }}
+        TURBO_TEAM: ${{ inputs.TURBO_TEAM }}

.github/actions/nhost-cli/README.md

@@ -0,0 +1,108 @@
+# Nhost CLI GitHub Action
+
+## Usage
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI
+        uses: ./.github/actions/nhost-cli
+```
+
+### Install the CLI and start the app
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Nhost CLI and start the application
+        uses: ./.github/actions/nhost-cli
+        with:
+          start: true
+```
+
+### Set another working directory
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Nhost CLI
+        uses: ./.github/actions/nhost-cli
+        with:
+          path: examples/react-apollo
+          start: true
+```
+
+### Don't wait for the app to be ready
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Nhost CLI and start app
+        uses: ./.github/actions/nhost-cli
+        with:
+          start: true
+          wait: false
+```
+
+### Stop the app
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Start app
+        uses: ./.github/actions/nhost-cli
+        with:
+          start: true
+      - name: Do something
+        cmd: echo "do something"
+      - name: Stop
+        uses: ./.github/actions/nhost-cli
+        with:
+          stop: true
+```
+
+### Install a given value of the CLI
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Nhost CLI
+        uses: ./.github/actions/nhost-cli
+        with:
+          version: v0.8.10
+```
+
+### Inject values into nhost/config.yaml
+
+```yaml
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Nhost CLI
+        uses: ./.github/actions/nhost-cli
+        with:
+          config: |
+            services:
+              auth:
+                image: nhost/hasura-auth:0.16.1
+```

.github/actions/nhost-cli/action.yaml

@@ -0,0 +1,78 @@
+name: Nhost CLI
+description: 'Action to install the Nhost CLI and to run an application'
+inputs:
+  start:
+    description: "Start the application. If false, the application won't be started"
+    default: 'false'
+  wait:
+    description: 'If starting the application, wait until it is ready'
+    default: 'true'
+  stop:
+    description: 'Stop the application'
+    default: 'false'
+  path:
+    description: 'Path to the application'
+    default: '.'
+  version:
+    description: 'Version of the Nhost CLI'
+    default: 'latest'
+  config:
+    description: 'Values to be injected into nhost/config.yaml'
+
+runs:
+  using: 'composite'
+  steps:
+    - name: Check if Nhost CLI is already installed
+      id: check-nhost-cli
+      shell: bash
+      # TODO check if the version is the same
+      run: |
+        if [ -z "$(which nhost)" ]
+        then
+            echo "installed=false" >> $GITHUB_OUTPUT
+        else
+            echo "installed=true" >> $GITHUB_OUTPUT
+        fi
+    - name: Install Nhost CLI
+      if: ${{ steps.check-nhost-cli.outputs.installed == 'false' }}
+      uses: nick-fields/retry@v2
+      with:
+        timeout_minutes: 3
+        max_attempts: 10
+        command: bash <(curl --silent -L https://raw.githubusercontent.com/nhost/cli/main/get.sh) ${{ inputs.version }}
+    - name: Set custom configuration
+      if: ${{ inputs.config }}
+      shell: bash
+      working-directory: ${{ inputs.path }}
+      run: config="${{ inputs.config }}" yq -i '. *= env(config)' nhost/config.yaml
+    - name: Start the application
+      if: ${{ inputs.start == 'true' }}
+      shell: bash
+      working-directory: ${{ inputs.path }}
+      run: nhost dev --no-browser &
+    - name: Wait for the app to be ready
+      id: wait
+      if: ${{ inputs.start == 'true' && inputs.wait == 'true' }}
+      shell: bash
+      working-directory: ${{ inputs.path }}
+      continue-on-error: true
+      run: |
+        curl -sSf --connect-timeout 3 \
+          --max-time 5 \
+          --retry 300 \
+          --retry-delay 1 \
+          --retry-max-time 300 \
+          --retry-connrefused \
+          'http://localhost:9695' > /dev/null
+    - name: Log on failure
+      if: steps.wait.outcome == 'failure'
+      shell: bash
+      working-directory: ${{ inputs.path }}
+      run: |
+        nhost logs
+        exit 1
+    - name: Stop the application
+      if: ${{ inputs.stop == 'true' }}
+      shell: bash
+      working-directory: ${{ inputs.path }}
+      run: nhost down

.github/labeler.yml

@@ -0,0 +1,25 @@
+dashboard:
+  - dashboard/**/*
+
+documentation:
+  - any:
+      - docs/**/*
+      - '!docs/docs/reference/docgen/**/*'
+
+examples:
+  - examples/**/*
+
+sdk:
+  - packages/**/*
+
+integrations:
+  - integrations/**/*
+
+react:
+  - '{packages,examples,integrations}/*react*/**/*'
+
+nextjs:
+  - '{packages,examples}/*next*/**/*'
+
+vue:
+  - '{packages,examples,integrations}/*vue*/**/*'

.github/renovate.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:base"
+  ],
+  "docker-compose": {
+    "enabled": true
+  },
+  "ignoreDeps": [
+    "pnpm",
+    "node",
+    "@types/node"
+  ],
+  "labels": [
+    "dependencies"
+  ],
+  "enabledManagers": [
+    "npm",
+    "dockerfile",
+    "docker-compose",
+    "github-actions"
+  ]
+}

.github/workflows/changesets.yaml

@@ -5,33 +5,34 @@ on:
     branches: [main]
     paths-ignore:
       - 'docs/**'
-      - 'templates/**'
       - 'examples/**'
       - 'assets/**'
       - '**.md'
+      - '!.changeset/**'
       - 'LICENSE'
 
+env:
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: nhost
+  DASHBOARD_PACKAGE: '@nhost/dashboard'
+
 jobs:
   version:
+    name: Version
     runs-on: ubuntu-latest
-
+    outputs:
+      hasChangesets: ${{ steps.changesets.outputs.hasChangesets }}
+      dashboardVersion: ${{ steps.dashboard.outputs.dashboardVersion }}
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0
-
-      - uses: pnpm/action-setup@v2.1.0
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
         with:
-          version: 6.32.3
-          # run_install: true
-      - name: Use Node.js 17
-        uses: actions/setup-node@v2
-        with:
-          node-version: '17.8.0'
-          cache: 'pnpm'
-      - name: Install dependencies
-        run: pnpm install
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
       - name: Create PR or Publish release
         id: changesets
         uses: changesets/action@v1
@@ -39,7 +40,141 @@ jobs:
           version: pnpm run ci:version
           commit: 'chore: update versions'
           title: 'chore: update versions'
-          publish: pnpm run ci:publish
+          publish: pnpm run release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Check Dashboard tag
+        id: dashboard
+        if: steps.changesets.outputs.hasChangesets == 'false'
+        run: |
+          DASHBOARD_VERSION=$(jq -r .version dashboard/package.json)
+          GIT_TAG="${{ env.DASHBOARD_PACKAGE}}@$DASHBOARD_VERSION"
+          if [ -z "$(git tag -l | grep $GIT_TAG)" ]; then
+            echo "dashboardVersion=$DASHBOARD_VERSION" >> $GITHUB_OUTPUT
+          fi
+
+  test:
+    needs: version
+    name: Dashboard
+    if: needs.version.outputs.dashboardVersion != ''
+    uses: ./.github/workflows/dashboard.yaml
+    secrets: inherit
+
+  publish-docker:
+    name: Publish to Docker Hub
+    runs-on: ubuntu-latest
+    needs:
+      - test
+      - version
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: Add git tag
+        run: |
+          git tag "${{ env.DASHBOARD_PACKAGE }}@${{ needs.version.outputs.dashboardVersion }}"
+          git push origin --tags
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: |
+            nhost/dashboard
+          tags: |
+            type=raw,value=latest,enable=true
+            type=semver,pattern={{version}},value=v${{ needs.version.outputs.dashboardVersion }}
+            type=semver,pattern={{major}}.{{minor}},value=v${{ needs.version.outputs.dashboardVersion }}
+            type=semver,pattern={{major}},value=v${{ needs.version.outputs.dashboardVersion }}
+            type=sha
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Login to DockerHub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Build and push to Docker Hub
+        uses: docker/build-push-action@v3
+        timeout-minutes: 60
+        with:
+          context: .
+          file: ./dashboard/Dockerfile
+          platforms: linux/amd64,linux/arm64
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          build-args: |
+            TURBO_TOKEN=${{ env.TURBO_TOKEN }}
+            TURBO_TEAM=${{ env.TURBO_TEAM }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          push: true
+      - name: Create GitHub Release
+        uses: taiki-e/create-gh-release-action@v1
+        with:
+          changelog: dashboard/CHANGELOG.md
+          token: ${{ secrets.GITHUB_TOKEN }}
+          prefix: ${{ env.DASHBOARD_PACKAGE }}@
+          ref: refs/tags/${{ env.DASHBOARD_PACKAGE }}@${{ needs.version.outputs.dashboardVersion }}
+      - name: Remove tag on failure
+        if: failure()
+        run: git push --delete origin ${{ env.DASHBOARD_PACKAGE }}@${{ needs.version.outputs.dashboardVersion }}
+
+  publish-vercel:
+    name: Publish to Vercel
+    runs-on: ubuntu-latest
+    needs:
+      - publish-docker
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      - name: Setup Vercel CLI
+        run: pnpm add -g vercel
+      - name: Trigger a Vercel deployment
+        env:
+          VERCEL_ORG_ID: ${{ secrets.DASHBOARD_VERCEL_TEAM_ID }}
+          VERCEL_PROJECT_ID: ${{ secrets.DASHBOARD_VERCEL_PROJECT_ID }}
+        run: |
+          vercel pull --environment=production --token=${{ secrets.DASHBOARD_VERCEL_DEPLOY_TOKEN }}
+          vercel build --prod --token=${{ secrets.DASHBOARD_VERCEL_DEPLOY_TOKEN }}
+          vercel deploy --prebuilt --prod --token=${{ secrets.DASHBOARD_VERCEL_DEPLOY_TOKEN }}
+
+  bump-cli:
+    name: Bump Dashboard version in the Nhost CLI
+    runs-on: ubuntu-latest
+    needs:
+      - version
+      - publish-docker
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          repository: nhost/cli
+          token: ${{ secrets.GH_PAT }}
+          fetch-depth: 0
+      - name: Bump version in source code
+        run: |
+          IMAGE=$(echo ${{ env.DASHBOARD_PACKAGE }} | sed 's/@\(.\+\)\/\(.\+\)/\1\\\/\2/g')
+          VERSION="${{ needs.version.outputs.dashboardVersion }}"
+          EXPRESSION='s/"'$IMAGE':[0-9]\+\.[0-9]\+\.[0-9]\+"/"'$IMAGE':'$VERSION'"/g'
+          find ./ -type f -exec sed -i -e $EXPRESSION {} \;
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v4
+        with:
+          token: ${{ secrets.GH_PAT }}
+          commit-message: 'chore: bump nhost/dashboard to ${{ needs.version.outputs.dashboardVersion }}'
+          branch: bump-dashboard-version
+          delete-branch: true
+          title: 'chore: bump nhost/dashboard to ${{ needs.version.outputs.dashboardVersion }}'
+          body: |
+            This PR bumps the Nhost Dashboard Docker image to version ${{ needs.version.outputs.dashboardVersion }}.

.github/workflows/ci.yaml

@@ -0,0 +1,144 @@
+name: Continuous Integration
+
+on:
+  push:
+    branches: [main]
+    paths-ignore:
+      - 'assets/**'
+      - '**.md'
+      - 'LICENSE'
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize]
+    paths-ignore:
+      - 'assets/**'
+      - '**.md'
+      - 'LICENSE'
+env:
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: nhost
+  NEXT_PUBLIC_ENV: dev
+  NEXT_TELEMETRY_DISABLED: 1
+  NEXT_PUBLIC_NHOST_BACKEND_URL: http://localhost:1337
+
+jobs:
+  build:
+    name: Build @nhost packages
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      # * Install Node and dependencies. Package downloads will be cached for the next jobs.
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+          BUILD: 'all'
+      - name: Check if the pnpm lockfile changed
+        id: changed-lockfile
+        uses: tj-actions/changed-files@v35
+        with:
+          files: pnpm-lock.yaml
+      # * Determine a pnpm filter argument for packages that have been modified.
+      # * If the lockfile has changed, we don't filter anything in order to run all the e2e tests.
+      - name: filter packages
+        id: filter-packages
+        if: steps.changed-lockfile.outputs.any_changed != 'true' && github.event_name == 'pull_request'
+        run: echo "filter=${{ format('--filter=...[origin/{0}]', github.base_ref) }}" >> $GITHUB_OUTPUT
+      # * List packagesthat has an `e2e` script, except the root, and return an array of their name and path
+      # * In a PR, only include packages that have been modified, and their dependencies
+      - name: List examples with an e2e script
+        id: set-matrix
+        run: |
+          PACKAGES=$(pnpm recursive list --depth -1 --parseable --filter='!nhost-root' ${{ steps.filter-packages.outputs.filter }} \
+            | xargs -I@ realpath --relative-to=$PWD @ \
+            | xargs -I@ jq "if (.scripts.e2e | length) != 0  then {name: .name, path: \"@\"} else null end" @/package.json \
+            | awk "!/null/" \
+            | jq -c --slurp)
+          echo "matrix=$PACKAGES" >> $GITHUB_OUTPUT
+    outputs:
+      matrix: ${{ steps.set-matrix.outputs.matrix }}
+
+  e2e:
+    name: 'e2e (${{ matrix.package.path }})'
+    needs: build
+    if: ${{ needs.build.outputs.matrix != '[]' && needs.build.outputs.matrix != '' }}
+    strategy:
+      # * Don't cancel other matrices when one fails
+      fail-fast: false
+      matrix:
+        package: ${{ fromJson(needs.build.outputs.matrix) }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      # * Install Node and dependencies. Package dependencies won't be downloaded again as they have been cached by the `build` job.
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      # * Install Nhost CLI if a `nhost/config.yaml` file is found
+      - name: Install Nhost CLI
+        if: hashFiles(format('{0}/nhost/config.yaml', matrix.package.path)) != ''
+        uses: ./.github/actions/nhost-cli
+      # * Run the `ci` script of the current package of the matrix. Dependencies build is cached by Turborepo
+      - name: Run e2e test
+        run: pnpm --filter="${{ matrix.package.name }}" run e2e
+      - id: file-name
+        if: ${{ failure() }}
+        name: Tranform package name into a valid file name
+        run: |
+          PACKAGE_FILE_NAME=$(echo "${{ matrix.package.name }}" | sed 's/@//g; s/\//-/g')
+          echo "fileName=$PACKAGE_FILE_NAME"  >> $GITHUB_OUTPUT
+      # * Run this step only if the previous step failed, and some Cypress screenshots/videos exist
+      - name: Upload Cypress videos and screenshots
+        if: ${{ failure() && hashFiles(format('{0}/cypress/screenshots/**', matrix.package.path), format('{0}/cypress/videos/**', matrix.package.path)) != ''}}
+        uses: actions/upload-artifact@v3
+        with:
+          name: cypress-${{ steps.file-name.outputs.fileName }}
+          path: |
+            ${{format('{0}/cypress/screenshots/**', matrix.package.path)}}
+            ${{format('{0}/cypress/videos/**', matrix.package.path)}}
+
+  unit:
+    name: Unit tests
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      # * Install Node and dependencies. Package dependencies won't be downloaded again as they have been cached by the `build` job.
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      # * Run every `test` script in the workspace . Dependencies build is cached by Turborepo
+      - name: Run unit tests
+        run: pnpm run test:all
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v3
+        with:
+          files: '**/coverage/coverage-final.json'
+          name: codecov-umbrella
+      - name: Create summary
+        run: |
+          echo '### Code coverage' >> $GITHUB_STEP_SUMMARY
+          echo 'Visit [codecov](https://app.codecov.io/gh/nhost/nhost/) to see the code coverage reports' >> $GITHUB_STEP_SUMMARY
+
+  lint:
+    name: Lint
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      # * Install Node and dependencies. Package dependencies won't be downloaded again as they have been cached by the `build` job.
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      # * Run every `lint` script in the workspace . Dependencies build is cached by Turborepo
+      - name: Lint
+        run: pnpm run lint:all

.github/workflows/dashboard.yaml

@@ -0,0 +1,49 @@
+name: 'Dashboard'
+
+on:
+  workflow_call:
+
+env:
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: nhost
+  NEXT_PUBLIC_ENV: dev
+  NEXT_TELEMETRY_DISABLED: 1
+  NEXT_PUBLIC_NHOST_BACKEND_URL: http://localhost:1337
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      - name: Build the application
+        run: pnpm build:dashboard
+
+  tests:
+    name: Tests
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      - name: Run tests
+        run: pnpm test:dashboard
+
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+      - run: pnpm lint:dashboard

.github/workflows/labeler.yaml

@@ -0,0 +1,15 @@
+name: 'Pull Request Labeler'
+on:
+  - pull_request_target
+
+jobs:
+  triage:
+    permissions:
+      contents: read
+      pull-requests: write
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/labeler@v4
+        with:
+          repo-token: '${{ secrets.GH_PAT }}'
+          sync-labels: ''

.github/workflows/renovate.yaml

@@ -0,0 +1,89 @@
+name: Renovate
+
+on:
+  pull_request:
+    branches: [main]
+    types: [closed]
+    paths-ignore:
+      - 'assets/**'
+      - '**.md'
+      - 'LICENSE'
+env:
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: nhost
+
+jobs:
+  renovate-changeset:
+    name: Add changeset
+    if: github.event.pull_request.merged == true && startsWith(github.head_ref, 'renovate/')
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GH_PAT }}
+      # * Install Node and dependencies. Package downloads will be cached for the next jobs.
+      - name: Install Node and dependencies
+        uses: ./.github/actions/install-dependencies
+        with:
+          TURBO_TOKEN: ${{ env.TURBO_TOKEN }}
+          TURBO_TEAM: ${{ env.TURBO_TEAM }}
+          BUILD: 'none'
+      - name: Determine bumps
+        id: bumps
+        run: |
+          LAST_NON_PR_SHA=$(git log --no-merges main origin/${{ github.head_ref }} --format=format:%h -- | head -2 | tail -1)
+          echo "result<<EOF" >> $GITHUB_OUTPUT
+          pnpm recursive list --depth -1 --parseable \
+              --filter='!nhost-root' \
+              --filter=[$LAST_NON_PR_SHA] \
+              | xargs -I@ jq ".name" @/package.json \
+              | sort \
+              | uniq -u \
+              | awk '$0=$0": patch"' \
+              >> $GITHUB_OUTPUT
+          echo 'EOF' >> $GITHUB_OUTPUT
+      - name: Install dictionary
+        if: steps.bumps.outputs.result != ''
+        run: sudo apt-get install wbritish
+      - name: Generate changeset file name
+        id: file_name
+        if: steps.bumps.outputs.result != ''
+        run: |
+          FILE_NAME=$(shuf -n 3 /usr/share/dict/words | tr '\n' '-' | sed 's/-$//' | sed 's/'"'"'s//g' | tr '[:upper:]' '[:lower:]')
+          echo "result=./.changeset/${FILE_NAME}.md" >> $GITHUB_OUTPUT
+      - name: Create changeset file
+        if: steps.bumps.outputs.result != ''
+        run: |
+          cat <<EOF > ${{ steps.file_name.outputs.result }}
+          ---
+          ${{ steps.bumps.outputs.result }}
+          ---
+
+          ${{ github.event.pull_request.title }}
+          EOF
+      - name: Create Pull Request
+        id: cpr
+        uses: peter-evans/create-pull-request@v4
+        with:
+          token: ${{ secrets.GH_PAT }}
+          commit-message: ${{ github.event.pull_request.title }}
+          branch: renovate-changesets
+          delete-branch: true
+          title: 'chore: create changesest from Renovate bumps'
+          labels: |
+            dependencies
+          body: |
+            This PR creates the changesets from the Renovate dependencies that have been merged to main.
+      - name: Enable Pull Request Automerge
+        if: steps.cpr.outputs.pull-request-operation == 'created'
+        uses: peter-evans/enable-pull-request-automerge@v2
+        with:
+          token: ${{ secrets.GH_PAT }}
+          pull-request-number: ${{ steps.cpr.outputs.pull-request-number }}
+      - name: Auto approve
+        if: steps.cpr.outputs.pull-request-operation == 'created'
+        uses: juliangruber/approve-pull-request-action@v2
+        with:
+          github-token: ${{ secrets.GH_PAT }}
+          number: ${{ steps.cpr.outputs.pull-request-number }}

.github/workflows/test-nhost-cli-action.yaml

@@ -0,0 +1,104 @@
+name: Test Nhost CLI action
+
+on:
+  pull_request:
+    branches: [main]
+    types: [opened, synchronize]
+    paths:
+      - '.github/actions/nhost-cli/**'
+      - '!.github/actions/nhost-cli/**/*.md'
+
+jobs:
+  install:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI
+        uses: ./.github/actions/nhost-cli
+      - name: should succeed running the nhost command
+        run: nhost
+
+  start:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI and start the application
+        uses: ./.github/actions/nhost-cli
+        with:
+          path: packages/nhost-js
+          start: true
+      - name: should be running
+        run: curl -sSf 'http://localhost:9695' > /dev/null
+
+  stop:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI, start and stop the application
+        uses: ./.github/actions/nhost-cli
+        with:
+          path: packages/nhost-js
+          start: true
+          stop: true
+      - name: should have no live docker container
+        run: |
+          if [ -z "docker ps -q" ]; then
+            echo "Some docker containers are still running"
+            docker ps
+            exit 1
+          fi
+
+  wait:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI and start the application
+        uses: ./.github/actions/nhost-cli
+        with:
+          path: packages/nhost-js
+          start: true
+          wait: false
+      - name: should not be ready
+        run: curl -sSf -o /dev/null 'http://localhost:9695' > /dev/null && exit 1 || true
+      - name: should eventually be ready
+        run: |
+          curl -sSf --connect-timeout 3 \
+            --max-time 5 \
+            --retry 300 \
+            --retry-delay 1 \
+            --retry-max-time 300 \
+            --retry-connrefused \
+            'http://localhost:9695' > /dev/null
+
+  config:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI and run the application
+        uses: ./.github/actions/nhost-cli
+        with:
+          path: packages/nhost-js
+          start: true
+          config: |
+            services:
+              auth:
+                image: nhost/hasura-auth:0.15.0
+      - name: should find the injected hasura-auth version
+        run: |
+          VERSION=$(curl -sSf 'http://localhost:1337/v1/auth/version')
+          EXPECTED_VERSION='{"version":"v0.15.0"}'
+          if [ "$VERSION" != "$EXPECTED_VERSION" ]; then
+            echo "Expected version $EXPECTED_VERSION but got $VERSION"
+            exit 1
+          fi
+
+  version:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install the Nhost CLI
+        uses: ./.github/actions/nhost-cli
+        with:
+          version: v0.8.10
+      - name: should find the correct version
+        run: nhost version | head -n 1 | grep v0.8.10 || exit 1

.github/workflows/tests.yaml

@@ -1,70 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-# Poached from https://github.com/hayes/pothos/tree/main/.github/workflows, thanks to the original author
-
-name: Node.js CI
-
-on:
-  push:
-    branches: [main]
-    paths-ignore:
-      - 'docs/**'
-      - 'templates/**'
-      - 'examples/**'
-      - 'assets/**'
-      - '**.md'
-      - 'LICENSE'
-  pull_request:
-    branches: [main]
-    paths-ignore:
-      - 'docs/**'
-      - 'templates/**'
-      - 'examples/**'
-      - 'assets/**'
-      - '**.md'
-      - 'LICENSE'
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [14, 16]
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Install nhost CLI
-        run: curl -L https://raw.githubusercontent.com/nhost/cli/main/get.sh | bash
-
-      - name: Start Nhost Backend
-        run: |
-          cp -R examples/testing-project /tmp/
-          cd /tmp/testing-project
-          nhost dev &
-
-      - uses: pnpm/action-setup@v2.2.1
-        with:
-          version: 6.32.3
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
-        with:
-          node-version: ${{ matrix.node-version }}
-          cache: 'pnpm'
-
-      - name: Cache turbo
-        uses: actions/cache@v2
-        with:
-          path: ./node_modules/.cache/turbo
-          key: turbo-${{ github.job }}-${{ github.ref_name }}-${{ github.sha }}
-          restore-keys: |
-            turbo-${{ github.job }}-${{ github.ref_name }}-
-
-      - name: Install dependencies
-        run: pnpm install
-
-      - name: Wait for Nhost
-        run: pnpm run wait
-
-      - name: Build, tests and lint
-        run: pnpm run ci

.gitignore

@@ -12,14 +12,13 @@ logs/
 .idea/
 .npm/
 .vagrant/
-/.vscode/
 .eslintcache
 .yarnclean
-.husky
 
 # Directories
 coverage/
 dist/
+umd/
 lib/
 node_modules/
 tmp/
@@ -27,22 +26,22 @@ tmp/
 .pnpm-store
 .turbo
 .env
+out/
 
 # Custom
 *.min.js
 *.map
 todo.md
 
-# Generated configs 
+# Config files that are not part of the repository root anymore. Should be removed in the future.
 /.eslintignore
-/.eslintrc
-/.prettierignore
-/prettier.config.js
+/.eslintrc*
 /vite.*.js
 /jest.*.js
+/*tsconfig*.json
 /esbuild.*.js
 
-!.config/**
+!config/**
 
 *.tsbuildinfo
 
@@ -50,4 +49,15 @@ todo.md
 .netlify
 .monorepo-example
 
-.next
+# Local Vercel folder
+.vercel
+
+# Next.js build output
+.next
+
+# TypeDoc output
+
+.docgen
+
+# Nhost CLI data
+.nhost

.npmrc

@@ -0,0 +1 @@
+prefer-workspace-packages = true

.prettierignore

@@ -0,0 +1,18 @@
+node_modules/
+build/
+cjs/
+coverage/
+dist/
+dts/
+esm/
+lib/
+mjs/
+umd/
+CHANGELOG.md
+lerna.json
+package.json
+tsconfig.json
+tsconfig.*.json
+*.d.ts
+.next
+**/pnpm-lock.yaml

.prettierrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  $schema: 'http://json.schemastore.org/prettierrc',
+  arrowParens: 'always',
+  bracketSameLine: false,
+  bracketSpacing: true,
+  endOfLine: 'lf',
+  printWidth: 100,
+  proseWrap: 'preserve',
+  semi: false,
+  singleQuote: true,
+  tabWidth: 2,
+  trailingComma: 'none',
+  useTabs: false,
+  // TODO: add import sort configuration to match ESLint rules
+  // plugins: ['./node_modules/@trivago/prettier-plugin-sort-imports'],
+  // importOrderSeparation: true,
+  // importOrderSortSpecifiers: true
+  plugins: [],
+  overrides: [
+    {
+      files: ['*.json', '*.yaml'],
+      options: {
+        useTabs: false
+      }
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": true
+  },
+  "eslint.workingDirectories": ["./dashboard"]
+}

CONTRIBUTING.md

@@ -24,6 +24,8 @@ If you find an Issue that addresses the problem you're having, please add your r
 
 ### Pull Requests
 
+Please have a look at our [developers guide](https://github.com/nhost/nhost/blob/main/DEVELOPERS.md) to start coding!
+
 PRs to our libraries are always welcome and can be a quick way to get your fix or improvement slated for the next release. In general, PRs should:
 
 - Only fix/add the functionality in question **OR** address wide-spread whitespace/style issues, not both.

DEVELOPERS.md

@@ -0,0 +1,106 @@
+# Developer guide
+
+## Requirements
+
+- This repository works with **Node 16**
+
+- We use [pnpm](https://pnpm.io/) as a package manager to speed up development and builds, and as a basis for our monorepo. You need to make sure it's installed on your machine. There are [several ways to install it](https://pnpm.io/installation), but the easiest way is with `npm`:
+
+```sh
+$ npm install -g pnpm
+```
+
+- Our tests and examples use the Nhost CLI, to run the backend services locally. You can follow the installation instructions in [our documentation](https://docs.nhost.io/get-started/cli-workflow/install-cli).
+
+## Get started
+
+### Installation
+
+First, clone this repository:
+
+```sh
+git clone https://github.com/nhost/nhost
+```
+
+Then, install the dependencies with `pnpm`:
+
+```sh
+$ cd nhost
+$ pnpm install
+```
+
+### Development
+
+Although package references are correctly updated on the fly for TypeScript, example projects won't
+see the changes because they are depending on the build output. To fix this, you can run packages
+in development mode.
+
+Running packages in development mode is as simple as:
+
+```sh
+$ pnpm dev
+```
+
+Our packages are linked together using [PNPM's workspace](https://pnpm.io/workspaces) feature. Vite automatically detects changes in the dependencies and rebuilds everything, so that the changes are immediately reflected in the other packages.
+
+### Use examples
+
+Examples are a great way to test your changes in practice. Make sure you've `pnpm dev` running in your terminal and then run an example.
+
+Let's follow the instructions to run [react-apollo example](https://github.com/nhost/nhost/blob/main/examples/react-apollo/README.md).
+
+## Run the documentation website locally
+
+The easier way to contribute to our documentation is to go to the `docs` folder and follow the [instructions to start local development](https://github.com/nhost/nhost/blob/main/docs/README.md):
+
+```sh
+$ cd docs
+# not necessary if you've already done this step somewhere in the repository
+$ pnpm install
+$ pnpm start
+```
+
+## Run test suites
+
+### Unit tests
+
+You can run the unit tests with the following command from the repository root:
+
+```sh
+$ pnpm test
+```
+
+### End-to-end tests
+
+Each package that defines end-to-end tests embeds their own Nhost configuration, that will be automatically when running the tests. As a result, you must make sure you are not running the Nhost CLI before running the tests.
+
+You can run the e2e tests with the following command from the repository root:
+
+```sh
+$ pnpm e2e
+```
+
+## Changesets
+
+If you've made changes to the packages, you must describe those changes so that they can be reflected in the next release.
+We use [changesets](https://github.com/changesets/changesets) to support our versioning and release workflows. When you submit a pull request, a bot checks if some changesets are present, and if not, it directs you to add them.
+
+The most comprehensive way to add a changeset is to run the following command in the repository root:
+
+```sh
+$ pnpm changeset
+```
+
+This will create a file in the `.changeset` directory. You can edit it to give more details about the change you just made.
+
+You can take a look at the changeset documentation: [How to add a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md).
+
+## Committing changes
+
+You'll notice that `git commit` takes a few seconds to run. We set a commit hook that scans the changes in the code, automatically generates documentation from the inline [TSDoc](https://tsdoc.org/) annotations, and adds these generated documentation files to the commit. They automatically update the [reference documentation](https://docs.nhost.io/reference).
+
+
+<!-- ## Good practices
+- lint
+- prettier
+- documentation -->

README.md

@@ -1,18 +1,18 @@
+![Nhost](https://i.imgur.com/ZenoUlM.png)
+
 <div align="center">
-  <img width="237" src="https://raw.githubusercontent.com/nhost/nhost/main/assets/logo.png"/>
 
-  <br />
-  <br />
+# Nhost
 
-<a href="https://docs.nhost.io/get-started">Quickstart</a>
+<a href="https://docs.nhost.io/#quickstart">Quickstart</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
 <a href="http://nhost.io/">Website</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
-<a href="https://docs.nhost.io/get-started">Docs</a>
+<a href="https://docs.nhost.io">Docs</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
 <a href="https://nhost.io/blog">Blog</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
-<a href="https://twitter.com/nhostio">Twitter</a>
+<a href="https://twitter.com/nhost">Twitter</a>
 <span>&nbsp;&nbsp;•&nbsp;&nbsp;</span>
 <a href="https://nhost.io/discord">Discord</a>
 <br />
@@ -20,19 +20,19 @@
   <hr />
 </div>
 
-**Nhost is a serverless backend for web and mobile apps** built with the following things in mind:
+**Nhost is an open source Firebase alternative with GraphQL,** built with the following things in mind:
 
 - Open Source
-- Developer Productivity
-- SQL
 - GraphQL
+- SQL
+- Great Developer Experience
 
 Nhost consists of open source software:
 
 - Database: [PostgreSQL](https://www.postgresql.org/)
 - Instant GraphQL API: [Hasura](https://hasura.io/)
 - Authentication: [Hasura Auth](https://github.com/nhost/hasura-auth/)
-- Storage: [Hasura Storage](https://hub.docker.com/r/nhost/hasura-storage)
+- Storage: [Hasura Storage](https://github.com/nhost/hasura-storage)
 - Serverless Functions: Node.js (JavaScript and TypeScript)
 - [Nhost CLI](https://docs.nhost.io/reference/cli) for local development
 
@@ -47,19 +47,19 @@ Nhost consists of open source software:
 
 Visit [https://docs.nhost.io](http://docs.nhost.io) for the complete documentation.
 
-# How to get started
+# Get Started
 
-### Option 1: One-click deployment with Nhost (recommended)
+## Option 1: Nhost Hosted Platform
 
-1. Create [Nhost account](https://app.nhost.io) (you can use GitHub to sign up)
-2. Create Nhost app
-3. Done!
+1. Sign in to [Nhost](https://app.nhost.io).
+2. Create Nhost app.
+3. Done.
 
-### Option 2: Self-hosting
+## Option 2: Self-hosting
 
 Since Nhost is 100% open source, you can self-host the whole Nhost stack. Check out the example [docker-compose file](https://github.com/nhost/nhost/tree/main/examples/docker-compose) to self-host Nhost.
 
-## Sign in a user and make your first GraphQL query
+## Sign In and Make a Graphql Request
 
 Install the `@nhost/nhost-js` package and start build your app:
 
@@ -67,7 +67,8 @@ Install the `@nhost/nhost-js` package and start build your app:
 import { NhostClient } from '@nhost/nhost-js'
 
 const nhost = new NhostClient({
-  backendUrl: 'https://awesome-app.nhost.run'
+  subdomain: '<your-subdomain>',
+  region: '<your-region>'
 })
 
 await nhost.auth.signIn({ email: 'elon@musk.com', password: 'spaceX' })
@@ -86,23 +87,38 @@ await nhost.graphql.request(`{
 Nhost is frontend agnostic, which means Nhost works with all frontend frameworks.
 
 <div align="center">
-  <a href="https://github.com/nhost/nhost/tree/main/templates/web/nextjs-apollo"><img src="assets/nextjs.svg"/></a>
-  <a href="https://github.com/nhost/nhost/tree/main/examples/nuxt-apollo"><img src="assets/nuxtjs.svg"/></a>
-  <a href="https://github.com/nhost/nhost/tree/main/templates/web/react-apollo"><img src="assets/react.svg"/></a>
-  <img src="assets/react-native.svg"/>
-  <a href="https://github.com/nhost/nhost/tree/main/packages/nhost-js"><img src="assets/svelte.svg"/></a>
-  <a href="https://github.com/nhost/nhost/tree/main/packages/nhost-js"><img src="assets/vuejs.svg"/></a>
+  <a href="https://docs.nhost.io/platform/quickstarts/nextjs"><img src="assets/nextjs.svg"/></a>
+  <a href="https://docs.nhost.io/reference/javascript"><img src="assets/nuxtjs.svg"/></a>
+  <a href="https://docs.nhost.io/platform/quickstarts/react"><img src="assets/react.svg"/></a>
+  <a href="https://docs.nhost.io/reference/javascript"><img src="assets/react-native.svg"/></a>
+  <a href="https://docs.nhost.io/reference/javascript"><img src="assets/svelte.svg"/></a>
+  <a href="https://docs.nhost.io/platform/quickstarts/vue"><img src="assets/vuejs.svg"/></a>
 </div>
 
 # Resources
 
-Nhost libraries and tools
+- Start developing locally with the [Nhost CLI](https://docs.nhost.io/reference/cli)
 
-- [JavaScript/TypeScript SDK](https://docs.nhost.io/reference/sdk)
-- [Dart and Flutter SDK](https://github.com/nhost/nhost-dart)
-- [Nhost CLI](https://docs.nhost.io/reference/cli)
-- [Nhost React](https://docs.nhost.io/reference/react)
-- [Nhost Next.js](https://docs.nhost.io/reference/nextjs)
+## Nhost Clients
+
+- [JavaScript/TypeScript](https://docs.nhost.io/reference/javascript)
+- [Dart and Flutter](https://github.com/nhost/nhost-dart)
+- [React](https://docs.nhost.io/reference/react)
+- [Next.js](https://docs.nhost.io/reference/nextjs)
+- [Vue](https://docs.nhost.io/reference/vue)
+
+## Integrations
+
+- [Apollo](./integrations/apollo#nhostapollo)
+- [React Apollo](./integrations/react-apollo#nhostreact-apollo)
+- [React URQL](./integrations/react-urql#nhostreact-urql)
+- [Stripe GraphQL API](./integrations/stripe-graphql-js#nhoststripe-graphql-js)
+- [Google Translation GraphQL API](./integrations/google-translation#nhostgoogle-translation)
+
+## Applications
+
+- [Dashboard](./dashboard)
+- [Docs](./docs)
 
 ## Community ❤️
 
@@ -110,18 +126,26 @@ First and foremost: **Star and watch this repository** to stay up-to-date.
 
 Also, follow Nhost on [GitHub Discussions](https://github.com/nhost/nhost/discussions), our [Blog](https://nhost.io/blog), and on [Twitter](https://twitter.com/nhostio). You can chat with the team and other members on [Discord](https://discord.com/invite/9V7Qb2U) and follow our tutorials and other video material at [YouTube](https://www.youtube.com/channel/UCJ7irtvV9Y0EQMxpabb6ntg?view_as=subscriber).
 
-## Nhost is Open Source
+### Nhost is Open Source
 
 This repository, and most of our other open source projects, are licensed under the MIT license.
 
+<a href="https://runacap.com/ross-index/" target="_blank" rel="noopener" >
+    <img style="width: 260px; height: 56px" src="https://runacap.com/wp-content/uploads/2022/06/ROSS_black_edition_badge.svg" alt="ROSS Index - Fastest Growing Open-Source Startups | Runa Capital" width="260" height="56" />
+</a>
+
 ### How to contribute
 
 Here are some ways of contributing to making Nhost better:
 
 - **[Try out Nhost](https://docs.nhost.io/get-started/quick-start)**, and think of ways to make the service better. Let us know here on GitHub.
 - Join our [Discord](https://discord.com/invite/9V7Qb2U) and connect with other members to share and learn from.
-- Send a pull request to any of our [open source repositories](https://github.com/nhost) on Github. Check our [contribution guide](https://github.com/nhost/nhost/blob/main/CONTRIBUTING.md) for more details about how to contribute. We're looking forward to your contribution!
+- Send a pull request to any of our [open source repositories](https://github.com/nhost) on Github. Check our [contribution guide](https://github.com/nhost/nhost/blob/main/CONTRIBUTING.md) and our [developers guide](https://github.com/nhost/nhost/blob/main/DEVELOPERS.md) for more details about how to contribute. We're looking forward to your contribution!
 
-## Security
+### Contributors
 
-If you discover a security vulnerability within Nhost, please e-mail [security@nhost.io](mailto:security@nhost.io). All security vulnerabilities will be promptly addressed.
+<a href="https://github.com/nhost/nhost/graphs/contributors">
+  <p align="center">
+    <img width="720" src="https://contrib.rocks/image?repo=nhost/nhost" alt="A table of avatars from the project's contributors" />
+  </p>
+</a>

config/.eslint.base.js

@@ -0,0 +1,43 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es6: true,
+    node: true
+  },
+  ignorePatterns: [
+    'dist',
+    'umd',
+    'build',
+    '.next',
+    'node_modules',
+    'tsup.config.ts',
+    '__tests__',
+    '__mocks__',
+    '*.test.ts',
+    '*.test.tsx',
+    '*.spec.ts',
+    '*.spec.tsx',
+    'tests/**/*.ts',
+    'tests/**/*.d.ts',
+    'e2e/**/*.ts',
+    'e2e/**/*.d.ts'
+  ],
+  plugins: ['@typescript-eslint', 'cypress'],
+  extends: ['plugin:cypress/recommended'],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  },
+  rules: {
+    'react/prop-types': 'off',
+    'no-use-before-define': 'off',
+    'import/no-anonymous-default-export': [
+      'error',
+      {
+        allowArrowFunction: true,
+        allowAnonymousFunction: true
+      }
+    ]
+  }
+}

config/.eslintrc.js

@@ -0,0 +1,12 @@
+const base = require('./.eslint.base')
+module.exports = {
+  ...base,
+  extends: [
+    ...base.extends,
+    'react-app',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:react/jsx-runtime'
+  ],
+  plugins: [...base.plugins, 'react', 'react-hooks']
+}

config/.eslintrc.vue.js

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

config/.husky/.gitignore

@@ -0,0 +1 @@
+_

config/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+pnpm dlx lint-staged --config config/.lintstagedrc.js

config/.lintstagedrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  '(nhost-cloud.yaml|**/nhost/config.yaml)': () => [
+    'pnpm sync-versions',
+    "git add ':(glob)**/nhost/config.yaml'"
+  ]
+}

config/react-library.tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "React Library",
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "preserve"
+  }
+}

config/tsconfig.base.json

@@ -0,0 +1,79 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "strict": true,
+    "isolatedModules": true,
+    "forceConsistentCasingInFileNames": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "target": "ES6",
+    "module": "CommonJS",
+    "lib": [
+      "es5",
+      "dom",
+      "es2015.promise",
+      "es2015.symbol",
+      "es2015.iterable",
+      "es2015.collection",
+      "es2015.symbol.wellknown",
+      "es2015.core",
+      "es2017.object",
+      "es2017.string"
+    ],
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "types": [
+      "node"
+    ],
+    "typeRoots": [
+      "./node_modules/@types",
+      "**/*/dist",
+      "**/*/build",
+      "**/*/.next",
+      "**/*/umd"
+    ],
+    "paths": {
+      "@nhost/apollo": [
+        "../integrations/apollo/src/index.ts"
+      ],
+      "@nhost/docgen": [
+        "../packages/docgen/src/index.ts"
+      ],
+      "@nhost/hasura-auth-js": [
+        "../packages/hasura-auth-js/src/index.ts"
+      ],
+      "@nhost/hasura-storage-js": [
+        "../packages/hasura-storage-js/src/index.ts"
+      ],
+      "@nhost/nextjs": [
+        "../packages/nextjs/src/index.ts"
+      ],
+      "@nhost/nhost-js": [
+        "../packages/nhost-js/src/index.ts"
+      ],
+      "@nhost/react": [
+        "../packages/react/src/index.ts"
+      ],
+      "@nhost/react-apollo": [
+        "../integrations/react-apollo/src/index.ts"
+      ],
+      "@nhost/vue": [
+        "../packages/vue/src/index.ts"
+      ]
+    }
+  },
+  "exclude": [
+    "node_modules",
+    "**/*/dist",
+    "**/*/build",
+    "**/*/.next",
+    "**/*/__tests__",
+    "**/*/__mocks__"
+  ]
+}

config/vite.lib.config.js

@@ -0,0 +1,76 @@
+import replace from '@rollup/plugin-replace'
+import fs from 'fs'
+import path from 'path'
+
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+const PWD = process.env.PWD
+const pkg = require(path.join(PWD, 'package.json'))
+
+const tsEntry = path.resolve(PWD, 'src/index.ts')
+const entry = fs.existsSync(tsEntry) ? tsEntry : tsEntry.replace('.ts', '.tsx')
+
+const deps = [...Object.keys(Object.assign({}, pkg.peerDependencies, pkg.dependencies))]
+
+export default defineConfig({
+  plugins: [
+    tsconfigPaths(),
+    dts({
+      exclude: ['**/*.spec.ts', '**/*.test.ts', '**/tests/**'],
+      entryRoot: 'src',
+      // Was defaulting to true until version 1.7
+      skipDiagnostics: true
+    })
+  ],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    reporters: 'verbose',
+    include: [`${PWD}/src/**/*.{spec,test}.{ts,tsx}`, `${PWD}/tests/**/*.{spec,test}.{ts,tsx}`],
+    coverage: {
+      enabled: process.env.CI === 'true',
+      reporter: ['json']
+    }
+  },
+  build: {
+    sourcemap: true,
+    lib: {
+      entry,
+      name: pkg.name,
+      fileName: (format) => (format === 'cjs' ? `index.cjs.js` : `index.esm.js`),
+      formats: ['cjs', 'es']
+    },
+    rollupOptions: {
+      external: (id) => deps.some((dep) => id.startsWith(dep)),
+      plugins: [
+        replace({
+          preventAssignment: true,
+          'exports.hasOwnProperty(': 'Object.prototype.hasOwnProperty.call(exports,'
+        })
+      ],
+      output: {
+        globals: {
+          graphql: 'graphql',
+          '@apollo/client': '@apollo/client',
+          '@apollo/client/core': '@apollo/client/core',
+          '@apollo/client/link/context': '@apollo/client/link/context',
+          '@apollo/client/react': '@apollo/client/react',
+          '@apollo/client/link/subscriptions': '@apollo/client/link/subscriptions',
+          '@apollo/client/utilities': '@apollo/client/utilities',
+          'graphql-ws': 'graphql-ws',
+          xstate: 'xstate',
+          axios: 'axios',
+          'js-cookie': 'Cookies',
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          'react/jsx-runtime': '_jsx',
+          '@nhost/react': '@nhost/react',
+          vue: 'Vue',
+          'vue-demi': 'vue-demi'
+        }
+      }
+    }
+  }
+})

config/vite.lib.dev.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+
+import viteLibConfig from './vite.lib.config'
+
+export default defineConfig({
+  ...viteLibConfig,
+  build: {
+    ...viteLibConfig.build,
+    watch: {
+      buildDelay: 500
+    }
+  }
+})

config/vite.lib.umd.config.js

@@ -0,0 +1,28 @@
+import path from 'path'
+
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+import baseLibConfig from './vite.lib.config'
+
+const PWD = process.env.PWD
+const pkg = require(path.join(PWD, 'package.json'))
+
+const deps = [...Object.keys(Object.assign({}, pkg.peerDependencies))]
+
+export default defineConfig({
+  plugins: [tsconfigPaths()],
+  build: {
+    ...(baseLibConfig.build || {}),
+    outDir: 'umd',
+    lib: {
+      ...(baseLibConfig.build?.lib || {}),
+      fileName: pkg.name.replace(/@nhost\//g, ''),
+      formats: ['umd']
+    },
+    rollupOptions: {
+      ...(baseLibConfig.build?.rollupOptions || {}),
+      external: (id) => deps.some((dep) => id.startsWith(dep))
+    }
+  }
+})

config/vite.react.config.js

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

config/vite.react.dev.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+
+import viteReactConfig from './vite.react.config'
+
+export default defineConfig({
+  ...viteReactConfig,
+  build: {
+    ...viteReactConfig.build,
+    watch: {
+      buildDelay: 500
+    }
+  }
+})

config/vite.react.umd.config.js

@@ -0,0 +1,30 @@
+import path from 'path'
+
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+import react from '@vitejs/plugin-react'
+
+import baseLibConfig from './vite.lib.config'
+
+const PWD = process.env.PWD
+const pkg = require(path.join(PWD, 'package.json'))
+
+const deps = [...Object.keys(Object.assign({}, pkg.peerDependencies))]
+
+export default defineConfig({
+  plugins: [react(), tsconfigPaths()],
+  build: {
+    ...(baseLibConfig.build || {}),
+    outDir: 'umd',
+    lib: {
+      ...(baseLibConfig.build?.lib || {}),
+      fileName: pkg.name.replace(/@nhost\//g, ''),
+      formats: ['umd']
+    },
+    rollupOptions: {
+      ...(baseLibConfig.build?.rollupOptions || {}),
+      external: (id) => deps.some((dep) => id.startsWith(dep))
+    }
+  }
+})

config/vite.vue.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite'
+
+import vue from '@vitejs/plugin-vue'
+
+import baseLibConfig from './vite.lib.config'
+
+export default defineConfig({
+  ...baseLibConfig,
+  plugins: [vue(), ...baseLibConfig.plugins]
+})

config/vite.vue.dev.config.js

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+
+import viteVueConfig from './vite.vue.config'
+
+export default defineConfig({
+  ...viteVueConfig,
+  build: {
+    ...viteVueConfig.build,
+    watch: {
+      buildDelay: 500
+    }
+  }
+})

config/vite.vue.umd.config.js

@@ -0,0 +1,30 @@
+import path from 'path'
+
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+
+import vue from '@vitejs/plugin-vue'
+
+import baseLibConfig from './vite.lib.config'
+
+const PWD = process.env.PWD
+const pkg = require(path.join(PWD, 'package.json'))
+
+const deps = [...Object.keys(Object.assign({}, pkg.peerDependencies))]
+
+export default defineConfig({
+  plugins: [vue(), tsconfigPaths()],
+  build: {
+    ...(baseLibConfig.build || {}),
+    outDir: 'umd',
+    lib: {
+      ...(baseLibConfig.build?.lib || {}),
+      fileName: pkg.name.replace(/@nhost\//g, ''),
+      formats: ['umd']
+    },
+    rollupOptions: {
+      ...(baseLibConfig.build?.rollupOptions || {}),
+      external: (id) => deps.some((dep) => id.startsWith(dep))
+    }
+  }
+})

dashboard/.env.example

@@ -0,0 +1,9 @@
+NEXT_PUBLIC_ENV=dev
+NEXT_PUBLIC_NHOST_HASURA_URL=http://localhost:9695
+NEXT_PUBLIC_NHOST_MIGRATIONS_URL=http://localhost:9693
+NEXT_PUBLIC_NHOST_BACKEND_URL=http://localhost:1337
+NEXT_PUBLIC_NHOST_PLATFORM=false
+NEXT_PUBLIC_STRIPE_PK=<nhost_stripe_public_key>
+NEXT_PUBLIC_GITHUB_APP_INSTALL_URL=<github_app_install_url>
+NEXT_PUBLIC_ANALYTICS_WRITE_KEY=<analytics_write_key>
+NEXT_PUBLIC_NHOST_BRAGI_WEBSOCKET=<nhost_bragi_websocket>

dashboard/.eslintignore

@@ -0,0 +1 @@
+__generated__

dashboard/.eslintrc.js

@@ -0,0 +1,84 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ['next', 'airbnb', 'airbnb-typescript', 'airbnb/hooks', 'prettier'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: './tsconfig.json',
+  },
+  ignorePatterns: ['**/.eslintrc.js', '**/prettier.config.js'],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'react/jsx-props-no-spreading': 'off',
+    'react/require-default-props': 'off',
+    'react-hooks/exhaustive-deps': 'warn',
+    'import/order': 'off',
+    'import/extensions': ['error', 'never', { json: 'always' }],
+    'react/jsx-filename-extension': ['warn', { extensions: ['.jsx', '.tsx'] }],
+    'react/jsx-no-bind': [
+      'error',
+      { allowArrowFunctions: true, allowFunctions: true },
+    ],
+    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
+    curly: ['error', 'all'],
+    'no-restricted-exports': 'off',
+    'no-undef': 'off',
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': [
+      'error',
+      { ignoreTypeReferences: true },
+    ],
+    'no-shadow': 'off',
+    '@typescript-eslint/no-shadow': 'error',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
+    '@typescript-eslint/prefer-optional-chain': 'error',
+    '@typescript-eslint/naming-convention': [
+      'error',
+      {
+        selector: 'typeLike',
+        format: ['PascalCase'],
+      },
+      {
+        selector: 'interface',
+        format: ['PascalCase'],
+        custom: {
+          regex: '^I[A-Z]',
+          match: false,
+        },
+      },
+    ],
+    '@typescript-eslint/consistent-type-imports': [
+      'error',
+      { prefer: 'type-imports' },
+    ],
+    'no-restricted-imports': [
+      'warn',
+      {
+        patterns: [
+          {
+            group: ['..*'],
+            message:
+              'Please use absolute imports instead. (e.g: @/ui/, @/hooks/, etc.)',
+          },
+          {
+            group: ['@/components/ui', '@/components/ui/*'],
+            message:
+              'Please use shorthand imports instead. (e.g: @/ui/ActivityIndicator, @/ui/Button, etc.)',
+          },
+          {
+            group: ['@/components/ui/v2*'],
+            message:
+              'Please use shorthand imports instead. (e.g: @/ui/v2/ActivityIndicator, @/ui/v2/Button, etc.)',
+          },
+          {
+            group: ['@testing-library/react*'],
+            message: 'Please use @/utils/testUtils instead.',
+          },
+        ],
+      },
+    ],
+  },
+};

dashboard/.gitignore

@@ -0,0 +1,52 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+.unimportedrc.json
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.env-development
+.env*
+!.env.example
+.direnv
+.envrc
+
+# vercel
+.vercel
+.env
+
+# Local Netlify folder
+.netlify
+tailwind.json
+
+.nhost
+
+.idea
+
+# Do not ignore Logs page
+!src/**/logs*

dashboard/.lintstagedrc.json

@@ -0,0 +1,3 @@
+{
+  "src/**/*.{js,ts,tsx,jsx,json,md}": ["prettier --write"]
+}

dashboard/.npmrc

@@ -0,0 +1 @@
+link-workspace-packages = false

dashboard/.prettierignore

@@ -0,0 +1 @@
+__generated__

dashboard/.storybook/main.js

@@ -0,0 +1,48 @@
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+
+module.exports = {
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    'storybook-addon-next-router',
+    {
+      /**
+       * Fix Storybook issue with PostCSS@8
+       * @see https://github.com/storybookjs/storybook/issues/12668#issuecomment-773958085
+       */
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: require('postcss'),
+        },
+      },
+    },
+  ],
+  framework: '@storybook/react',
+  core: {
+    builder: '@storybook/builder-webpack5',
+  },
+  features: {
+    emotionAlias: true,
+  },
+  webpackFinal: async (config) => {
+    return {
+      ...config,
+      resolve: {
+        ...config?.resolve,
+        plugins: [
+          ...(config?.resolve?.plugins || []),
+          new TsconfigPathsPlugin(),
+        ],
+      },
+    };
+  },
+  env: (config) => ({
+    ...config,
+    NEXT_PUBLIC_ENV: 'dev',
+    NEXT_PUBLIC_NHOST_BACKEND_URL: 'http://localhost:1337',
+    NEXT_PUBLIC_NHOST_PLATFORM: 'false',
+  }),
+};

dashboard/.storybook/preview.js

@@ -0,0 +1,60 @@
+import '@fontsource/inter';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/700.css';
+import { CssBaseline, ThemeProvider } from '@mui/material';
+import { NhostApolloProvider } from '@nhost/react-apollo';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { Buffer } from 'buffer';
+import { initialize, mswDecorator } from 'msw-storybook-addon';
+import { RouterContext } from 'next/dist/shared/lib/router-context';
+import '../src/styles/globals.css';
+import createTheme from '../src/theme/createTheme';
+
+global.Buffer = Buffer;
+
+initialize({ onUnhandledRequest: 'bypass' });
+
+const queryClient = new QueryClient();
+
+export const parameters = {
+  nextRouter: {
+    Provider: RouterContext.Provider,
+    isReady: true,
+  },
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};
+
+export const decorators = [
+  (Story, context) => {
+    const isDarkMode = !context.globals?.backgrounds?.value
+      ?.toLowerCase()
+      ?.startsWith('#f');
+
+    return (
+      <ThemeProvider theme={createTheme(isDarkMode ? 'dark' : 'light')}>
+        <CssBaseline />
+        <Story />
+      </ThemeProvider>
+    );
+  },
+  (Story) => (
+    <QueryClientProvider client={queryClient}>
+      <Story />
+    </QueryClientProvider>
+  ),
+  (Story) => (
+    <NhostApolloProvider
+      fetchPolicy="cache-first"
+      graphqlUrl="http://localhost:1337/v1/graphql"
+    >
+      <Story />
+    </NhostApolloProvider>
+  ),
+  mswDecorator,
+];

dashboard/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "bradlc.vscode-tailwindcss",
+    "esbenp.prettier-vscode",
+    "apollographql.vscode-apollo"
+  ]
+}

dashboard/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": true
+  }
+}

dashboard/CHANGELOG.md

@@ -0,0 +1,394 @@
+# @nhost/dashboard
+
+## 0.11.12
+
+### Patch Changes
+
+- 87eda76e: chore(dashboard): bump `@types/react` to v18.0.28 and `@types/react-dom` to v18.0.11
+- 6f0ac570: feat(dashboard): show dashboard version in account menu
+
+## 0.11.11
+
+### Patch Changes
+
+- bf1e4071: chore(dashboard): bump `react-is` version to `18.2.0`
+- Updated dependencies [bf1e4071]
+- Updated dependencies [5013213b]
+  - @nhost/nextjs@1.13.5
+  - @nhost/react-apollo@4.13.5
+
+## 0.11.10
+
+### Patch Changes
+
+- a37a430b: fix(dashboard): don't break UI when deployments are unavailable
+  - @nhost/react-apollo@4.13.4
+  - @nhost/nextjs@1.13.4
+
+## 0.11.9
+
+### Patch Changes
+
+- 7b970e68: fix(dashboard): fix header link color
+
+## 0.11.8
+
+### Patch Changes
+
+- f33242f2: feat(dashboard): add new sign up, sign in and reset password pages
+
+## 0.11.7
+
+### Patch Changes
+
+- e9c8909c: fix(dashboard): use correct theme color in dark mode
+
+## 0.11.6
+
+### Patch Changes
+
+- 902f486b: fix(dashboard): re-enable Hasura on logs page
+
+## 0.11.5
+
+### Patch Changes
+
+- 1f9720fa: fix(dashboard): apply select permissions properly
+
+## 0.11.4
+
+### Patch Changes
+
+- deb14b51: fix(dashboard): don't break billing form
+
+## 0.11.3
+
+### Patch Changes
+
+- @nhost/react-apollo@4.13.3
+- @nhost/nextjs@1.13.3
+
+## 0.11.2
+
+### Patch Changes
+
+- f143e51d: chore(dashboard): pin Turborepo to 1.6.3
+
+## 0.11.1
+
+### Patch Changes
+
+- c2b5a41a: chore(dashboard): select system colors by default
+
+## 0.11.0
+
+### Minor Changes
+
+- 1ebaf429: feat(dashboard): introduce Dark Mode 🌚
+
+### Patch Changes
+
+- 63b445c4: fixed duplicated logs bug and made to date count during live mode
+
+## 0.10.1
+
+### Patch Changes
+
+- e146d32e: chore(deps): update dependency @types/react to v18.0.27
+- 59347fcd: correct allowed role name
+- 5b65cac9: updated authentication documentation
+- 963f9b5e: feat(dashboard): include project info in feedback
+
+## 0.10.0
+
+### Minor Changes
+
+- ed4c7801: chore(dashboard): remove Functions section
+
+## 0.9.10
+
+### Patch Changes
+
+- 4e2f8ccd: fix(dashboard): don't break Auth page in local mode
+
+## 0.9.9
+
+### Patch Changes
+
+- 31abbe5f: fix(dashboard): enable toggle when settings are filled in
+
+## 0.9.8
+
+### Patch Changes
+
+- 5bdd31ad: chore(dashboard): list fewer images per page on the Storage page
+- 5121851c: fix(dashboard): don't throw validation error for valid permission rules
+
+## 0.9.7
+
+### Patch Changes
+
+- c126b20d: fix(dashboard): correct redeployment button
+
+## 0.9.6
+
+### Patch Changes
+
+- 36c3519c: feat(dashboard): retrigger deployments
+
+## 0.9.5
+
+### Patch Changes
+
+- 200e9f77: chore(deps): update dependency @types/react-dom to v18.0.10
+- Updated dependencies [200e9f77]
+  - @nhost/nextjs@1.13.2
+  - @nhost/react-apollo@4.13.2
+
+## 0.9.4
+
+### Patch Changes
+
+- dbd3ded5: fix(dashboard): workspaces creation, new form, correct redirects.
+
+## 0.9.3
+
+### Patch Changes
+
+- 85f0f943: fix(dashboard): don't break the table creation process
+
+## 0.9.2
+
+### Patch Changes
+
+- Updated dependencies [d42c27ae]
+- Updated dependencies [927be4a2]
+  - @nhost/nextjs@1.13.1
+  - @nhost/react-apollo@4.13.1
+
+## 0.9.1
+
+### Patch Changes
+
+- d0f80811: fix(dashboard): don't show error when signing out the user
+
+## 0.9.0
+
+### Minor Changes
+
+- d92891b2: feat(dashboard): add Permission Editor to the Database section
+
+### Patch Changes
+
+- 3d379128: fix(dashboard): create new user
+  - @nhost/react-apollo@4.13.0
+  - @nhost/nextjs@1.13.0
+
+## 0.8.1
+
+### Patch Changes
+
+- 7cadd944: fix(dashboard): display Twitter provider settings
+
+## 0.8.0
+
+### Minor Changes
+
+- 9a1aa7bb: add functions to the log dashboard
+- f29abe62: feat(dashboard): Users Management v2
+
+### Patch Changes
+
+- 7766624b: feat(dashboard): add JWT secret editor modal
+  - @nhost/react-apollo@4.12.1
+  - @nhost/nextjs@1.12.1
+
+## 0.7.13
+
+### Patch Changes
+
+- dd0738d5: fix(dashboard): provisioning status polling
+
+## 0.7.12
+
+### Patch Changes
+
+- b21222b3: chore(deps): update dependency @types/node to v16
+- 9e0486a3: fix(dashboard): close modals when navigating
+- Updated dependencies [b21222b3]
+- Updated dependencies [65687bee]
+- Updated dependencies [54df0df4]
+  - @nhost/nextjs@1.12.0
+  - @nhost/react-apollo@4.12.0
+
+## 0.7.11
+
+### Patch Changes
+
+- d6527122: fix(dashboard): use correct service URLs
+
+## 0.7.10
+
+### Patch Changes
+
+- Updated dependencies [57db5b83]
+  - @nhost/nextjs@1.11.0
+  - @nhost/nhost-js@1.7.0
+  - @nhost/react@0.17.0
+  - @nhost/react-apollo@4.11.0
+
+## 0.7.9
+
+### Patch Changes
+
+- a6d31dc2: fix(dashboard): don't break the UI when project is not loaded yet
+
+## 0.7.8
+
+### Patch Changes
+
+- 7f251111: Use `NhostProvider` instead of `NhostReactProvider` and `NhostNextProvider`
+
+  `NhostReactProvider` and `NhostNextProvider` are now deprecated
+
+- f4d70f88: fix(dashboard): do not break when region is nullish
+- 4a9471cc: Windows Live Provider displayed link updated to match backend url
+- 594488e4: fix(dashboard): do not show error when submitting Apple provider settings
+- Updated dependencies [7f251111]
+  - @nhost/nextjs@1.10.0
+  - @nhost/react@0.16.0
+  - @nhost/react-apollo@4.10.0
+
+## 0.7.7
+
+### Patch Changes
+
+- 80b604ad: fix(dashboard): use correct Hasura slug
+
+## 0.7.6
+
+### Patch Changes
+
+- 2d2beb53: fix(dashboard): prevent error on GraphQL page
+- ac8efcbd: chore(dashboard): deprecate old DNS name
+
+## 0.7.5
+
+### Patch Changes
+
+- 132a4f4b: chore(dashboard): remove unused dependencies
+- 132a4f4b: chore(deps): synchronize @types/react-dom and @types/react versions
+- db57572f: fix(dashboard): correct section paddings when no env vars
+- Updated dependencies [132a4f4b]
+  - @nhost/react@0.15.2
+  - @nhost/react-apollo@4.9.2
+  - @nhost/nextjs@1.9.3
+
+## 0.7.4
+
+### Patch Changes
+
+- 34d85e54: chore(deps): update dependency critters to ^0.0.16
+- 9b93cf95: chore(deps): update dependency @netlify/functions to ^0.11.0
+- e0439030: chore(deps): update dependency @types/react-dom to v18.0.9
+- Updated dependencies [82124329]
+  - @nhost/nextjs@1.9.2
+
+## 0.7.3
+
+### Patch Changes
+
+- a1193da4: fix(dashboard): remove character limit from env var inputs
+
+## 0.7.2
+
+### Patch Changes
+
+- 44f13f62: chore(dashboard): cleanup unused files
+
+## 0.7.1
+
+### Patch Changes
+
+- e01cb2ed: chore(dashboard): change settings sidebar menu item density
+
+## 0.7.0
+
+### Minor Changes
+
+- db342f45: chore(dashboard): refactor Roles and Permissions settings sections
+- 8b9fa0b1: feat(dashboard): add Environment Variables page
+
+### Patch Changes
+
+- Updated dependencies [66b4f3d0]
+- Updated dependencies [2e6923dc]
+- Updated dependencies [ef117c28]
+- Updated dependencies [aebb8225]
+  - @nhost/core@0.9.4
+  - @nhost/nhost-js@1.6.2
+  - @nhost/nextjs@1.9.1
+  - @nhost/react@0.15.1
+  - @nhost/react-apollo@4.9.1
+
+## 0.6.0
+
+### Minor Changes
+
+- eef9c914: feat(dashboard): add Roles and Permissions page
+
+## 0.5.0
+
+### Minor Changes
+
+- a48dd5bf: feat(dashboard): make backend port configurable
+
+## 0.4.3
+
+### Patch Changes
+
+- 5de965d9: fix(dashboard): alphabetic ordering of providers
+- b9087a4a: fix(dashboard): console -> dashboard terminology
+- ca012d79: docs(workos): WorkOS Docs
+
+## 0.4.2
+
+### Patch Changes
+
+- 89bd37bc: fix(dashboard): correct redirect URL input opacity
+- Updated dependencies [4601d84e]
+- Updated dependencies [843087cb]
+  - @nhost/react@0.15.0
+  - @nhost/nextjs@1.9.0
+  - @nhost/react-apollo@4.9.0
+
+## 0.4.1
+
+### Patch Changes
+
+- 766cb612: fix(dashboard): correct redirect URL for oauth providers
+- Updated dependencies [53bdc294]
+- Updated dependencies [f2aaff05]
+  - @nhost/nextjs@1.8.3
+  - @nhost/core@0.9.3
+  - @nhost/react@0.14.3
+  - @nhost/nhost-js@1.6.1
+  - @nhost/react-apollo@4.8.3
+
+## 0.4.0
+
+### Minor Changes
+
+- 9211743d: feat(dashboard): migrate Settings page features
+
+## 0.3.0
+
+### Minor Changes
+
+- 73da6a67: fix(dashboard): avoid using BACKEND_URL locally
+
+## 0.2.0
+
+### Minor Changes
+
+- db118f97: feat(dashboard): generate Docker image

dashboard/Dockerfile

@@ -0,0 +1,55 @@
+FROM node:16-alpine AS pruner
+RUN apk add --no-cache libc6-compat
+RUN apk update
+WORKDIR /app
+
+RUN yarn global add turbo@1.6.3
+COPY . .
+RUN turbo prune --scope="@nhost/dashboard" --docker
+
+FROM node:16-alpine AS builder
+ARG TURBO_TOKEN
+ARG TURBO_TEAM
+
+RUN apk add --no-cache libc6-compat
+RUN apk update
+WORKDIR /app
+
+ENV NEXT_TELEMETRY_DISABLED 1
+ENV NEXT_PUBLIC_ENV dev
+ENV NEXT_PUBLIC_NHOST_PLATFORM false
+
+# placeholders for ports, will be replaced on runtime by entrypoint script
+ENV NEXT_PUBLIC_NHOST_MIGRATIONS_PORT __NEXT_PUBLIC_NHOST_MIGRATIONS_PORT__
+ENV NEXT_PUBLIC_NHOST_HASURA_PORT __NEXT_PUBLIC_NHOST_HASURA_PORT__
+ENV NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT __NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT__
+
+RUN yarn global add pnpm@7.17.0
+COPY .gitignore .gitignore
+COPY --from=pruner /app/out/json/ .
+COPY --from=pruner /app/out/pnpm-*.yaml .
+RUN pnpm install --frozen-lockfile
+
+COPY --from=pruner /app/out/full/ .
+COPY turbo.json turbo.json
+COPY config/ config/
+RUN pnpm build:dashboard
+
+FROM node:16-alpine AS runner
+WORKDIR /app
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+
+COPY --chown=nextjs:nodejs dashboard/docker-entrypoint.sh .
+COPY --from=builder --chown=nextjs:nodejs /app/dashboard/next.config.js .
+COPY --from=builder --chown=nextjs:nodejs /app/dashboard/package.json .
+COPY --from=builder --chown=nextjs:nodejs /app/dashboard/public ./dashboard/public
+
+
+COPY --from=builder --chown=nextjs:nodejs /app/dashboard/.next/standalone/app ./
+COPY --from=builder --chown=nextjs:nodejs /app/dashboard/.next/static ./dashboard/.next/static
+
+ENTRYPOINT ["./docker-entrypoint.sh"]
+CMD ["node", "dashboard/server.js"]

dashboard/README.md

@@ -0,0 +1,85 @@
+# Nhost Dashboard
+
+This is the Nhost Dashboard, a web application that allows you to manage your Nhost projects.
+To get started, you need to have an Nhost project. If you don't have one, you can [create a project here](https://app.nhost.io).
+
+```bash
+pnpm install
+```
+
+## Environment
+
+### Setup Environment Variables
+
+Depending on the environment you wish to target you can configure environment variables in `.env.<target_environment>.local`.
+
+- `.env.development`: This file is used if you run `nhost dev`
+- `.env.development.local`: This file is used if you run `pnpm dev`. It takes precedence over `.env.local` if available.
+- `.env.production.local`: This file is used if you run `pnpm build`. It takes precedence over `.env.local` if available.
+- `.env.local`: This file is used if you run either `pnpm dev` or `pnpm build`.
+
+These files are added to `.gitignore`, so you don't need to worry about committing them. It's important that you make sure you change environment variables in `.env` files ending with `.local`.
+
+### Enable Local Development
+
+You can connect the Nhost Dashboard to your **locally running** Nhost backend in a few steps. Make sure you have the [Nhost CLI installed](https://docs.nhost.io/platform/cli#installation).
+
+First, you need to run the following command to start your backend locally:
+
+```bash
+cd <your_nhost_project> && nhost dev
+```
+
+You can connect the Nhost Dashboard to your locally running backend by setting the following environment variables in `.env.development.local`:
+
+```bash
+NEXT_PUBLIC_ENV=dev
+NEXT_PUBLIC_NHOST_PLATFORM=false
+```
+
+### Storybook
+
+Components are documented using [Storybook](https://storybook.js.org/). To run Storybook, run the following command:
+
+```bash
+pnpm storybook
+```
+
+### Full list of environment variables
+
+| Name                                      | Description                                                                                                                                          |
+| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `NEXT_PUBLIC_ENV`                         | `dev`, `staging` or `prod`. Should be set to `dev` in most cases.                                                                                    |
+| `NEXT_PUBLIC_NHOST_PLATFORM`              | This should be set to `false` to connect the Nhost Dashboard to a locally running Nhost backend. Setting this to `true` turns off local development. |
+| `NEXT_PUBLIC_NHOST_LOCAL_MIGRATIONS_PORT` | Custom port that was passed to the CLI. Used only if local development is enabled. Default: `9693`                                                   |
+| `NEXT_PUBLIC_NHOST_LOCAL_HASURA_PORT`     | Custom port that was passed to the CLI. Used only if local development is enabled and `NEXT_PUBLIC_ENV` is `dev`. Default: `9695`                    |
+| `NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT`    | Custom port that was passed to the CLI. Used only if local development is enabled. Default: `1337`                                                   |
+| `NEXT_PUBLIC_NHOST_BACKEND_URL`           | Backend URL. Not necessary for local development.                                                                                                    |
+| `NEXT_PUBLIC_STRIPE_PK`                   | Stripe public key. Not necessary for local development.                                                                                              |
+| `NEXT_PUBLIC_GITHUB_APP_INSTALL_URL`      | URL of the GitHub application. Not necessary for local development.                                                                                  |
+| `NEXT_PUBLIC_ANALYTICS_WRITE_KEY`         | Analytics key. Not necessary for local development.                                                                                                  |
+| `NEXT_PUBLIC_NHOST_BRAGI_WEBSOCKET`       | URL of the Bragi websocket. Not necessary for local development.                                                                                     |
+
+## ESLint Rules
+
+| Name                                         | Description                                                                                                                                                  |
+| -------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `react/react-in-jsx-scope`                   | Disabled because we don't need to import `React` anymore.                                                                                                    |
+| `react/jsx-props-no-spreading`               | Disabled because we heavily rely on props spreading in our `@/ui/v2` components.                                                                             |
+| `react/require-default-props`                | Disabled because we use TypeScript instead of PropTypes.                                                                                                     |
+| `react-hooks/exhaustive-deps`                | Because we already had several rule violations when proper ESLint rules were introduced, we changed this rule to a warning.                                  |
+| `import/extensions`                          | JS / TS files should be imported without file extensions.                                                                                                    |
+| `react/jsx-filename-extension`               | JSX should only appear in `.jsx` and `.tsx` files.                                                                                                           |
+| `react/jsx-no-bind`                          | Further investigation must be made on the performance impact of functions directly passed as props to components.                                            |
+| `import/order`                               | Until we have a better auto-formatter, we disable this rule.                                                                                                 |
+| `import/no-extraneous-dependencies`          | `devDependencies` should be excluded from the list of disallowed imports.                                                                                    |
+| `curly`                                      | By default it only enforces curly braces for multi-line blocks, but it should be enforced for single-line blocks as well.                                    |
+| `no-restricted-exports`                      | `export { default } from './module'` is used heavily in `@/ui/v2` which is a restricted export by default.                                                   |
+| `@typescript-eslint/no-use-before-define`    | Order of type references should be ignored.                                                                                                                  |
+| `no-undef`                                   | [Official TypeScript ESLint packages](https://github.com/typescript-eslint/typescript-eslint/issues/4671#issuecomment-1065948494) are turning off this rule. |
+| `@typescript-eslint/no-shadow`               | TypeScript specific implementation of `no-shadow`.                                                                                                           |
+| `@typescript-eslint/no-unused-vars`          | TypeScript specific implementation of `no-unused-vars`.                                                                                                      |
+| `@typescript-eslint/prefer-optional-chain`   | Enforces optional chain wherever possible. For example: instead of `user && user.name` a much simpler `user?.name` will be enforced.                         |
+| `@typescript-eslint/consistent-type-imports` | Enforces `import type { Type } from 'module'` syntax. It prevents false positive circular dependency errors.                                                 |
+| `@typescript-eslint/naming-convention`       | Enforces a consistent naming convention.                                                                                                                     |
+| `no-restricted-imports`                      | Enforces absolute imports and consistent import paths for components from `src/components/ui` folder.                                                        |

dashboard/docker-entrypoint.sh

@@ -0,0 +1,15 @@
+#!/bin/sh
+
+set -e
+
+# read ports from env variables or use defaults
+NEXT_PUBLIC_NHOST_MIGRATIONS_PORT="${NEXT_PUBLIC_NHOST_MIGRATIONS_PORT:=9693}"
+NEXT_PUBLIC_NHOST_HASURA_PORT="${NEXT_PUBLIC_NHOST_HASURA_PORT:=9695}"
+NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT="${NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT:=1337}"
+
+# replace placeholders
+find dashboard -type f -exec sed -i "s/__NEXT_PUBLIC_NHOST_MIGRATIONS_PORT__/${NEXT_PUBLIC_NHOST_MIGRATIONS_PORT}/g" {} +
+find dashboard -type f -exec sed -i "s/__NEXT_PUBLIC_NHOST_HASURA_PORT__/${NEXT_PUBLIC_NHOST_HASURA_PORT}/g" {} +
+find dashboard -type f -exec sed -i "s/__NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT__/${NEXT_PUBLIC_NHOST_LOCAL_BACKEND_PORT}/g" {} +
+
+exec "$@"

dashboard/graphql.config.yaml

@@ -0,0 +1,15 @@
+schema:
+  - http://localhost:1337/v1/graphql:
+      headers:
+        x-hasura-admin-secret: nhost-admin-secret
+generates:
+  src/utils/__generated__/graphql.ts:
+    documents:
+      - 'src/**/*.graphql'
+      - 'src/**/*.gql'
+    plugins:
+      - 'typescript'
+      - 'typescript-operations'
+      - 'typescript-react-apollo'
+    config:
+      withRefetchFn: true

dashboard/next.config.js

@@ -0,0 +1,80 @@
+const path = require('path');
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+});
+const { version } = require('./package.json');
+
+module.exports = withBundleAnalyzer({
+  reactStrictMode: true,
+  swcMinify: false,
+  output: 'standalone',
+  experimental: {
+    outputFileTracingRoot: path.join(__dirname, '../../'),
+  },
+  publicRuntimeConfig: {
+    version,
+  },
+  eslint: {
+    dirs: ['src'],
+  },
+  async redirects() {
+    return [
+      {
+        source: '/login',
+        destination: '/signin',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/database/backups',
+        destination: '/:workspaceSlug/:appSlug/backups',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/database/hasura',
+        destination: '/:workspaceSlug/:appSlug/hasura',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/files',
+        destination: '/:workspaceSlug/:appSlug/storage',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/database/browser',
+        destination: '/:workspaceSlug/:appSlug/database/browser/default',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/users/logins',
+        destination: '/:workspaceSlug/:appSlug/settings/sign-in-methods',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/users/logins/:providerId',
+        destination:
+          '/:workspaceSlug/:appSlug/settings/sign-in-methods/:providerId',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/users/smtp-settings',
+        destination: '/:workspaceSlug/:appSlug/settings/smtp',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/users/roles',
+        destination: '/:workspaceSlug/:appSlug/settings/roles-and-permissions',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/variables',
+        destination: '/:workspaceSlug/:appSlug/settings/environment-variables',
+        permanent: true,
+      },
+      {
+        source: '/:workspaceSlug/:appSlug/users/:userId',
+        destination: '/:workspaceSlug/:appSlug/users?userId=:userId',
+        permanent: true,
+      },
+    ];
+  },
+});

dashboard/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "@nhost/dashboard",
+  "version": "0.11.12",
+  "private": true,
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "dev": "next dev",
+    "build": "next build --no-lint",
+    "analyze": "ANALYZE=true pnpm build --no-lint",
+    "start": "next start",
+    "lint": "next lint --max-warnings 2",
+    "test": "vitest",
+    "codegen": "graphql-codegen --config graphql.config.yaml --errors-only",
+    "nhost:dev": "nhost dev -d",
+    "format": "prettier --write \"src/**/*.{js,ts,tsx,jsx,json,md}\" --plugin-search-dir=.",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook"
+  },
+  "dependencies": {
+    "@apollo/client": "^3.7.3",
+    "@codemirror/language": "^6.3.0",
+    "@emotion/cache": "^11.10.5",
+    "@emotion/react": "^11.10.5",
+    "@emotion/server": "^11.4.0",
+    "@emotion/styled": "^11.10.5",
+    "@fontsource/inter": "^4.5.14",
+    "@fontsource/roboto-mono": "^4.5.8",
+    "@graphiql/react": "^0.15.0",
+    "@graphiql/toolkit": "^0.8.0",
+    "@headlessui/react": "^1.6.5",
+    "@heroicons/react": "^1.0.6",
+    "@hookform/resolvers": "^2.9.10",
+    "@mui/base": "^5.0.0-alpha.106",
+    "@mui/material": "^5.10.14",
+    "@mui/system": "^5.10.14",
+    "@mui/x-date-pickers": "^5.0.8",
+    "@nhost/nextjs": "workspace:*",
+    "@nhost/react-apollo": "workspace:*",
+    "@segment/snippet": "^4.15.3",
+    "@stripe/react-stripe-js": "^1.10.0",
+    "@stripe/stripe-js": "^1.35.0",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tanstack/react-query": "^4.16.1",
+    "@tanstack/react-table": "^8.5.30",
+    "@tanstack/react-virtual": "^3.0.0-beta.23",
+    "analytics-node": "^6.2.0",
+    "axios": "^0.27.2",
+    "bcryptjs": "^2.4.3",
+    "clsx": "^1.2.1",
+    "cross-fetch": "^3.1.5",
+    "date-fns": "^2.29.3",
+    "generate-password": "^1.7.0",
+    "graphiql": "^2.2.0",
+    "graphql": "^16.6.0",
+    "graphql-request": "^4.3.0",
+    "graphql-tag": "^2.12.6",
+    "graphql-ws": "^5.11.2",
+    "just-kebab-case": "^4.1.1",
+    "lodash.debounce": "^4.0.8",
+    "next": "^12.3.1",
+    "next-seo": "^5.14.1",
+    "node-pg-format": "^1.3.5",
+    "pluralize": "^8.0.0",
+    "prettysize": "^2.0.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-error-boundary": "^3.1.4",
+    "react-hook-form": "^7.39.5",
+    "react-hot-toast": "^2.4.0",
+    "react-is": "18.2.0",
+    "react-loading-skeleton": "^2.2.0",
+    "react-merge-refs": "^1.1.0",
+    "react-syntax-highlighter": "^15.4.5",
+    "react-table": "^7.8.0",
+    "sharp": "^0.31.2",
+    "slugify": "^1.6.5",
+    "stripe": "^10.17.0",
+    "tailwind-merge": "^1.8.0",
+    "utility-types": "^3.10.0",
+    "validator": "^13.7.0",
+    "yup": "^0.32.11",
+    "yup-password": "^0.2.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@graphql-codegen/cli": "^2.8.0",
+    "@graphql-codegen/typescript": "^2.7.1",
+    "@graphql-codegen/typescript-graphql-request": "^4.5.1",
+    "@graphql-codegen/typescript-operations": "^2.5.1",
+    "@graphql-codegen/typescript-react-apollo": "^3.3.1",
+    "@next/bundle-analyzer": "^12.3.1",
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-essentials": "^6.5.14",
+    "@storybook/addon-interactions": "^6.5.14",
+    "@storybook/addon-links": "^6.5.14",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.5.14",
+    "@storybook/manager-webpack5": "^6.5.14",
+    "@storybook/react": "^6.5.14",
+    "@storybook/testing-library": "^0.0.13",
+    "@testing-library/dom": "^8.19.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/lodash.debounce": "^4.0.7",
+    "@types/node": "^16.11.7",
+    "@types/pluralize": "^0.0.29",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "@types/react-table": "^7.7.12",
+    "@types/testing-library__jest-dom": "^5.14.5",
+    "@types/validator": "^13.7.10",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
+    "@vitejs/plugin-react": "^3.0.0",
+    "@vitest/coverage-c8": "^0.27.0",
+    "autoprefixer": "^10.4.13",
+    "babel-loader": "^8.3.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "csstype": "^3.0.10",
+    "eslint": "^8.28.0",
+    "eslint-config-airbnb": "19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-next": "^13.0.2",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "jsdom": "^21.0.0",
+    "lint-staged": ">=13",
+    "msw": "^1.0.1",
+    "msw-storybook-addon": "^1.6.3",
+    "postcss": "^8.4.19",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.2.0",
+    "prettier-plugin-tailwindcss": "^0.2.0",
+    "react-date-fns-hooks": "^0.9.4",
+    "require-from-string": "^2.0.2",
+    "storybook-addon-next-router": "^4.0.1",
+    "tailwindcss": "^3.1.2",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.8.4",
+    "vite": "^4.0.2",
+    "vite-tsconfig-paths": "^4.0.3",
+    "vitest": "^0.27.0",
+    "webpack": "^5.75.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "msw": {
+    "workerDirectory": "public"
+  }
+}

dashboard/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

dashboard/prettier.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  singleQuote: true,
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  trailingComma: 'all',
+  bracketSpacing: true,
+  bracketSameLine: false,
+  endOfLine: 'auto',
+  semi: true,
+  plugins: [
+    require('prettier-plugin-organize-imports'),
+    require('prettier-plugin-tailwindcss'),
+  ],
+};

dashboard/public/Provisioning.svg

@@ -0,0 +1,36 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="72" height="72" rx="8" fill="#0052CD" fill-opacity="0.05"/>
+<rect width="72" height="72" rx="8" fill="url(#paint0_linear_125:17133)" fill-opacity="0.1"/>
+<g filter="url(#filter0_dd_125:17133)">
+<rect x="18.5" y="21" width="35" height="30" rx="2" fill="#21324B"/>
+<rect x="18.5" y="21" width="35" height="30" rx="2" fill="url(#paint1_linear_125:17133)" fill-opacity="0.2"/>
+</g>
+<circle cx="52.25" cy="22.25" r="3.75" fill="#62D198"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44 29H24V31H44V29ZM36 33H24V35H36V33ZM24 37H46V39H24V37ZM30 41H24V43H30V41Z" fill="white"/>
+<defs>
+<filter id="filter0_dd_125:17133" x="16.5" y="20" width="39" height="35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="4" operator="erode" in="SourceAlpha" result="effect1_dropShadow_125:17133"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.0941176 0 0 0 0 0.152941 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_125:17133"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.054902 0 0 0 0 0.0941176 0 0 0 0 0.152941 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_125:17133" result="effect2_dropShadow_125:17133"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_125:17133" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_125:17133" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0052CD" stop-opacity="0"/>
+<stop offset="1" stop-color="#0052CD"/>
+</linearGradient>
+<linearGradient id="paint1_linear_125:17133" x1="18.5" y1="21" x2="53.5" y2="51" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

dashboard/public/assets/Change.svg

@@ -0,0 +1,36 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#0052CD" fill-opacity="0.05"/>
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="url(#paint0_linear)" fill-opacity="0.1"/>
+<g filter="url(#filter0_d)">
+<rect x="18" y="20" width="36" height="36" rx="8" fill="#0052CD"/>
+</g>
+<rect width="40" height="40" transform="translate(16 16)" fill="#0052CD"/>
+<g clip-path="url(#clip0)">
+<g clip-path="url(#clip1)">
+<path d="M45.1093 28.33L36.7841 23.5227C36.0372 23.0924 35.11 23.0924 34.3615 23.5227C33.6146 23.9545 33.151 24.7575 33.151 25.6195V26.2468L32.6086 25.9331C31.8617 25.5029 30.9345 25.5029 30.186 25.9331C29.4391 26.3649 28.9755 27.1679 28.9755 28.0315V28.6587L28.4331 28.3451C27.6862 27.9148 26.759 27.9148 26.0106 28.3451C25.2637 28.7769 24.8 29.5799 24.8 30.4434V45.5061C24.8 45.9394 25.0515 46.3424 25.4424 46.5302C25.8318 46.7196 26.3045 46.6681 26.6439 46.3999L30.7724 43.1441L37.1386 46.8196C37.3144 46.9211 37.5113 46.9711 37.7083 46.9711C37.9052 46.9711 38.1022 46.9196 38.2779 46.8196C38.6294 46.6166 38.8476 46.2393 38.8476 45.8333V36.7688C38.8476 35.281 38.0476 33.8962 36.7598 33.1524L34.6721 31.9464V25.621C34.6721 25.2999 34.8448 24.9999 35.1236 24.8393C35.4024 24.6787 35.7478 24.6787 36.0266 24.8393L44.3518 29.645C45.1714 30.1177 45.6805 31.001 45.6805 31.9464V43.2335C45.6805 43.5547 45.5077 43.8547 45.229 44.0153L43.0231 45.2894V34.3568C43.0231 32.869 42.2231 31.4843 40.9353 30.7404L35.8099 27.7815V29.5344L40.1763 32.0555C40.9959 32.5282 41.505 33.4099 41.505 34.3568V45.9454C41.505 46.3499 41.7231 46.7287 42.0746 46.9317C42.2504 47.0332 42.4473 47.0832 42.6443 47.0832C42.8413 47.0832 43.0382 47.0317 43.214 46.9317L45.9895 45.3288C46.7364 44.897 47.2 44.094 47.2 43.2305V31.9433C47.197 30.4601 46.3971 29.0738 45.1093 28.33ZM35.9978 34.4674C36.8174 34.9401 37.3265 35.8219 37.3265 36.7688V45.1773L32.0541 42.1336L33.7464 40.8003C34.3327 40.3382 34.6691 39.6459 34.6691 38.8989V33.7023L35.9978 34.4674ZM33.151 32.8236V38.8959C33.151 39.1747 33.0252 39.4337 32.8071 39.6049L26.3181 44.7213V30.4419C26.3181 30.1207 26.4908 29.8208 26.7696 29.6602C27.0484 29.4996 27.3938 29.4996 27.6726 29.6602L28.9755 30.4116V41.1761L30.4936 39.9792V28.0315C30.4936 27.7103 30.6663 27.4103 30.9451 27.2497C31.2239 27.0891 31.5693 27.0891 31.8481 27.2497L33.151 28.0012V31.0692L31.6329 30.192V31.9464L33.151 32.8236Z" fill="white"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d" x="11" y="19" width="50" height="50" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="5" operator="erode" in="SourceAlpha" result="effect1_dropShadow"/>
+<feOffset dy="6"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.321569 0 0 0 0 0.803922 0 0 0 0.3 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0052CD" stop-opacity="0"/>
+<stop offset="1" stop-color="#0052CD"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="22.4" height="23.8832" fill="white" transform="translate(24.8 23.2)"/>
+</clipPath>
+<clipPath id="clip1">
+<rect width="22.4" height="23.8832" fill="white" transform="translate(24.8 23.2)"/>
+</clipPath>
+</defs>
+</svg>

dashboard/public/assets/ChangeLight.svg

@@ -0,0 +1,16 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#62D198" fill-opacity="0.2"/>
+<path d="M29.75 50.25H42.25" stroke="#FF9B04" stroke-width="3.75"/>
+<path d="M28.2975 40.0956C26.8111 38.9347 25.6073 37.452 24.7764 35.759C23.9455 34.0659 23.5091 32.2066 23.5002 30.3206C23.4628 23.5453 28.925 17.9131 35.6986 17.7536C38.3234 17.6904 40.9014 18.4553 43.0671 19.9397C45.2327 21.4242 46.876 23.5528 47.7637 26.0237C48.6515 28.4946 48.7387 31.1824 48.013 33.7056C47.2873 36.2289 45.7855 38.4596 43.7207 40.0813C43.2659 40.4337 42.8972 40.8848 42.6424 41.4007C42.3876 41.9165 42.2535 42.4835 42.25 43.0588L42.25 44.0001C42.25 44.3316 42.1183 44.6495 41.8839 44.884C41.6495 45.1184 41.3315 45.2501 41 45.2501H31C30.6685 45.2501 30.3505 45.1184 30.1161 44.884C29.8817 44.6495 29.75 44.3316 29.75 44.0001L29.75 43.0577C29.7485 42.4861 29.617 41.9224 29.3654 41.4091C29.1137 40.8959 28.7485 40.4467 28.2975 40.0956Z" fill="#FFCE4F"/>
+<path d="M28.2975 40.0956C26.8111 38.9347 25.6073 37.452 24.7764 35.759C23.9455 34.0659 23.5091 32.2066 23.5002 30.3206C23.4628 23.5453 28.925 17.9131 35.6986 17.7536C38.3234 17.6904 40.9014 18.4553 43.0671 19.9397C45.2327 21.4242 46.876 23.5528 47.7637 26.0237C48.6515 28.4946 48.7387 31.1824 48.013 33.7056C47.2873 36.2289 45.7855 38.4596 43.7207 40.0813C43.2659 40.4337 42.8972 40.8848 42.6424 41.4007C42.3876 41.9165 42.2535 42.4835 42.25 43.0588L42.25 44.0001C42.25 44.3316 42.1183 44.6495 41.8839 44.884C41.6495 45.1184 41.3315 45.2501 41 45.2501H31C30.6685 45.2501 30.3505 45.1184 30.1161 44.884C29.8817 44.6495 29.75 44.3316 29.75 44.0001L29.75 43.0577C29.7485 42.4861 29.617 41.9224 29.3654 41.4091C29.1137 40.8959 28.7485 40.4467 28.2975 40.0956Z" fill="url(#paint0_radial)" fill-opacity="0.6"/>
+<path d="M37.2695 22.8721C38.7985 23.132 40.209 23.8602 41.3063 24.9561C42.4036 26.052 43.1335 27.4617 43.3953 28.9903" stroke="white" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="12" y="36" width="20" height="20" rx="10" fill="#21324B"/>
+<path d="M22 52.875V39.125" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+<path d="M16.375 44.75L22 39.125L27.625 44.75" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
+<defs>
+<radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6988 46.1323) rotate(-47.7261) scale(33.8986 33.7449)">
+<stop stop-color="#FF4500"/>
+<stop offset="1" stop-color="#FF4500" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

dashboard/public/assets/Downgrade.svg

@@ -0,0 +1,20 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#FFF504" fill-opacity="0.2"/>
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="url(#paint0_linear)" fill-opacity="0.2"/>
+<path d="M29.75 50.25H42.25" stroke="#FF9B04" stroke-width="3.75"/>
+<path d="M28.2975 40.0955C26.8111 38.9346 25.6073 37.4519 24.7764 35.7588C23.9455 34.0658 23.5091 32.2064 23.5002 30.3205C23.4628 23.5451 28.925 17.9129 35.6986 17.7535C38.3234 17.6903 40.9014 18.4551 43.0671 19.9396C45.2327 21.424 46.876 23.5527 47.7637 26.0236C48.6515 28.4945 48.7387 31.1822 48.013 33.7055C47.2873 36.2287 45.7855 38.4595 43.7207 40.0812C43.2659 40.4335 42.8972 40.8847 42.6424 41.4005C42.3876 41.9163 42.2535 42.4833 42.25 43.0587L42.25 43.9999C42.25 44.3315 42.1183 44.6494 41.8839 44.8838C41.6495 45.1182 41.3315 45.2499 41 45.2499H31C30.6685 45.2499 30.3505 45.1182 30.1161 44.8838C29.8817 44.6494 29.75 44.3315 29.75 43.9999L29.75 43.0576C29.7485 42.486 29.617 41.9222 29.3654 41.409C29.1137 40.8958 28.7485 40.4466 28.2975 40.0955Z" fill="#FFCE4F"/>
+<path d="M28.2975 40.0955C26.8111 38.9346 25.6073 37.4519 24.7764 35.7588C23.9455 34.0658 23.5091 32.2064 23.5002 30.3205C23.4628 23.5451 28.925 17.9129 35.6986 17.7535C38.3234 17.6903 40.9014 18.4551 43.0671 19.9396C45.2327 21.424 46.876 23.5527 47.7637 26.0236C48.6515 28.4945 48.7387 31.1822 48.013 33.7055C47.2873 36.2287 45.7855 38.4595 43.7207 40.0812C43.2659 40.4335 42.8972 40.8847 42.6424 41.4005C42.3876 41.9163 42.2535 42.4833 42.25 43.0587L42.25 43.9999C42.25 44.3315 42.1183 44.6494 41.8839 44.8838C41.6495 45.1182 41.3315 45.2499 41 45.2499H31C30.6685 45.2499 30.3505 45.1182 30.1161 44.8838C29.8817 44.6494 29.75 44.3315 29.75 43.9999L29.75 43.0576C29.7485 42.486 29.617 41.9222 29.3654 41.409C29.1137 40.8958 28.7485 40.4466 28.2975 40.0955Z" fill="url(#paint1_radial)" fill-opacity="0.6"/>
+<path d="M37.269 22.8724C38.7979 23.1323 40.2084 23.8605 41.3057 24.9565C42.403 26.0524 43.133 27.462 43.3947 28.9906" stroke="white" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="12" y="36" width="20" height="20" rx="10" fill="#21324B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5731 41.5567C22.0033 41.4434 21.4126 41.5016 20.8759 41.7239C20.3391 41.9462 19.8803 42.3227 19.5576 42.8058C19.2348 43.2889 19.0625 43.8568 19.0625 44.4378H20.5625C20.5625 44.1535 20.6468 43.8756 20.8048 43.6392C20.9627 43.4028 21.1872 43.2185 21.4499 43.1097C21.7126 43.0009 22.0016 42.9725 22.2804 43.0279C22.5593 43.0834 22.8154 43.2203 23.0165 43.4213C23.2175 43.6224 23.3544 43.8785 23.4099 44.1574C23.4653 44.4362 23.4369 44.7252 23.3281 44.9879C23.2193 45.2506 23.035 45.4751 22.7986 45.633C22.5622 45.791 22.2843 45.8753 22 45.8753C21.8011 45.8753 21.6103 45.9543 21.4697 46.095C21.329 46.2356 21.25 46.4264 21.25 46.6253V48.5003H22.75V47.2779C23.0623 47.1955 23.3605 47.0616 23.632 46.8802C24.1151 46.5575 24.4916 46.0987 24.7139 45.5619C24.9362 45.0252 24.9944 44.4345 24.8811 43.8647C24.7677 43.2949 24.4879 42.7715 24.0771 42.3607C23.6663 41.9499 23.1429 41.6701 22.5731 41.5567ZM22.9375 50.0625C22.9375 50.5803 22.5178 51 22 51C21.4822 51 21.0625 50.5803 21.0625 50.0625C21.0625 49.5447 21.4822 49.125 22 49.125C22.5178 49.125 22.9375 49.5447 22.9375 50.0625Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCA326" stop-opacity="0"/>
+<stop offset="1" stop-color="#FCA326"/>
+</linearGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6988 46.1321) rotate(-47.7261) scale(33.8986 33.7449)">
+<stop stop-color="#FF4500"/>
+<stop offset="1" stop-color="#FF4500" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

dashboard/public/assets/FeedbackReceived.svg

@@ -0,0 +1,25 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#3787FF" fill-opacity="0.1"/>
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="url(#paint0_linear)" fill-opacity="0.1"/>
+<rect opacity="0.15" x="18" y="21" width="42" height="42" fill="url(#paint1_radial)"/>
+<path d="M29.75 50.25H42.25" stroke="#FF9B04" stroke-width="3.75"/>
+<path d="M28.2975 40.0955C26.8111 38.9346 25.6073 37.4519 24.7764 35.7589C23.9455 34.0658 23.5091 32.2064 23.5002 30.3205C23.4628 23.5451 28.925 17.9129 35.6986 17.7535C38.3234 17.6903 40.9014 18.4552 43.0671 19.9396C45.2327 21.4241 46.876 23.5527 47.7637 26.0236C48.6515 28.4945 48.7387 31.1822 48.013 33.7055C47.2873 36.2288 45.7855 38.4595 43.7207 40.0812C43.2659 40.4336 42.8972 40.8847 42.6424 41.4005C42.3876 41.9164 42.2535 42.4834 42.25 43.0587L42.25 44C42.25 44.3315 42.1183 44.6494 41.8839 44.8838C41.6495 45.1183 41.3315 45.25 41 45.25H31C30.6685 45.25 30.3505 45.1183 30.1161 44.8838C29.8817 44.6494 29.75 44.3315 29.75 44L29.75 43.0576C29.7485 42.486 29.617 41.9222 29.3654 41.409C29.1137 40.8958 28.7485 40.4466 28.2975 40.0955Z" fill="#FFCE4F"/>
+<path d="M28.2975 40.0955C26.8111 38.9346 25.6073 37.4519 24.7764 35.7589C23.9455 34.0658 23.5091 32.2064 23.5002 30.3205C23.4628 23.5451 28.925 17.9129 35.6986 17.7535C38.3234 17.6903 40.9014 18.4552 43.0671 19.9396C45.2327 21.4241 46.876 23.5527 47.7637 26.0236C48.6515 28.4945 48.7387 31.1822 48.013 33.7055C47.2873 36.2288 45.7855 38.4595 43.7207 40.0812C43.2659 40.4336 42.8972 40.8847 42.6424 41.4005C42.3876 41.9164 42.2535 42.4834 42.25 43.0587L42.25 44C42.25 44.3315 42.1183 44.6494 41.8839 44.8838C41.6495 45.1183 41.3315 45.25 41 45.25H31C30.6685 45.25 30.3505 45.1183 30.1161 44.8838C29.8817 44.6494 29.75 44.3315 29.75 44L29.75 43.0576C29.7485 42.486 29.617 41.9222 29.3654 41.409C29.1137 40.8958 28.7485 40.4466 28.2975 40.0955Z" fill="url(#paint2_radial)" fill-opacity="0.6"/>
+<path d="M37.269 22.8725C38.798 23.1324 40.2085 23.8606 41.3058 24.9565C42.4031 26.0525 43.133 27.4621 43.3948 28.9907" stroke="white" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"/>
+<rect x="41" y="37" width="20" height="20" rx="10" fill="#0052CD"/>
+<path d="M56.5 43.5003L49.5 50.5L46 47.0003" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3787FF" stop-opacity="0"/>
+<stop offset="1" stop-color="#3787FF"/>
+</linearGradient>
+<radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39 42) rotate(180) scale(21)">
+<stop stop-color="#011764"/>
+<stop offset="1" stop-color="#011764" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(22.6988 46.1322) rotate(-47.7261) scale(33.8986 33.7449)">
+<stop stop-color="#FF4500"/>
+<stop offset="1" stop-color="#FF4500" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

dashboard/public/assets/PausedApp.svg

@@ -0,0 +1,7 @@
+<svg width="76" height="72" viewBox="0 0 76 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#9C73DF" fill-opacity="0.2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5833 31.9154L21.1119 31.332L19.9451 32.2746L20.4165 32.858C21.2511 33.8912 22.304 35.0129 23.5913 36.0707L20.3331 41.714L19.9581 42.3635L21.2571 43.1135L21.6321 42.464L24.794 36.9874C26.5162 38.202 28.5866 39.2578 31.0338 39.8866L30.045 45.4939L29.9148 46.2325L31.392 46.493L31.5222 45.7544L32.5012 40.2025C33.5984 40.3941 34.7639 40.5 35.9999 40.5C37.2308 40.5 38.3918 40.3949 39.4849 40.2049L40.4638 45.7564L40.594 46.495L42.0712 46.2346L41.941 45.4959L40.9525 39.8901C43.4025 39.2625 45.4752 38.207 47.1991 36.9922L50.3441 42.4395L50.7191 43.089L52.0182 42.339L51.6432 41.6895L48.4022 36.0759C49.6924 35.0167 50.7474 33.8929 51.5834 32.8581L52.0547 32.2747L50.8879 31.332L50.4166 31.9154C49.5379 33.003 48.4115 34.1844 47.0145 35.265L46.4051 35.6168L46.4461 35.6879C44.6829 36.949 42.5257 38.0279 39.9352 38.5883L39.222 38.7141L39.2243 38.727C38.213 38.9029 37.1389 39 35.9999 39C34.8558 39 33.7772 38.902 32.7618 38.7246L32.7642 38.711L32.0488 38.5849C29.4621 38.0228 27.3079 36.9437 25.5471 35.6831L25.5883 35.6117L24.978 35.2592C23.5844 34.1802 22.4604 33.0011 21.5833 31.9154Z" fill="#9C73DF"/>
+<path d="M48 18V16.9323L52.3333 11.4271V11.3542H48.1406V10H54.276V11.1354L50.1094 16.5729V16.6458H54.4219V18H48Z" fill="#9C73DF"/>
+<path d="M56 18V16.6654L61.4167 9.78385V9.69271H56.1758V8H63.8451V9.41927L58.6367 16.2161V16.3073H64.0273V18H56Z" fill="#9C73DF"/>
+<path d="M66 18V16.3984L72.5 8.14063V8.03125H66.2109V6H75.4141V7.70313L69.1641 15.8594V15.9688H75.6328V18H66Z" fill="#9C73DF"/>
+</svg>

dashboard/public/assets/ProvisioningFailed.svg

@@ -0,0 +1,22 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="#FFBD59" fill-opacity="0.1"/>
+<path d="M0 8C0 3.58172 3.58172 0 8 0H64C68.4183 0 72 3.58172 72 8V64C72 68.4183 68.4183 72 64 72H8C3.58172 72 0 68.4183 0 64V8Z" fill="url(#paint0_linear_102_1288)" fill-opacity="0.2"/>
+<path d="M33.5029 17.2649L17.6381 44.6736C17.3843 45.1122 17.2504 45.6099 17.25 46.1166C17.2496 46.6233 17.3826 47.1213 17.6358 47.5603C17.8889 47.9992 18.2532 48.3638 18.692 48.6173C19.1307 48.8708 19.6285 49.0043 20.1353 49.0043H51.8647C52.3715 49.0043 52.8693 48.8708 53.308 48.6173C53.7468 48.3638 54.1111 47.9993 54.3642 47.5603C54.6174 47.1213 54.7504 46.6233 54.75 46.1166C54.7496 45.6099 54.6157 45.1122 54.3618 44.6736L38.4971 17.2649C38.2437 16.827 37.8795 16.4635 37.4413 16.2108C37.003 15.958 36.5059 15.825 36 15.825C35.4941 15.825 34.997 15.958 34.5587 16.2108C34.1204 16.4635 33.7563 16.827 33.5029 17.2649Z" fill="#FFBD59"/>
+<path d="M33.5029 17.2649L17.6381 44.6736C17.3843 45.1122 17.2504 45.6099 17.25 46.1166C17.2496 46.6233 17.3826 47.1213 17.6358 47.5603C17.8889 47.9992 18.2532 48.3638 18.692 48.6173C19.1307 48.8708 19.6285 49.0043 20.1353 49.0043H51.8647C52.3715 49.0043 52.8693 48.8708 53.308 48.6173C53.7468 48.3638 54.1111 47.9993 54.3642 47.5603C54.6174 47.1213 54.7504 46.6233 54.75 46.1166C54.7496 45.6099 54.6157 45.1122 54.3618 44.6736L38.4971 17.2649C38.2437 16.827 37.8795 16.4635 37.4413 16.2108C37.003 15.958 36.5059 15.825 36 15.825C35.4941 15.825 34.997 15.958 34.5587 16.2108C34.1204 16.4635 33.7563 16.827 33.5029 17.2649Z" fill="url(#paint1_radial_102_1288)"/>
+<rect opacity="0.25" x="26" y="25.2501" width="20" height="20" fill="url(#paint2_radial_102_1288)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.125 25.2501V37.7501H37.875V25.2501H34.125ZM37.875 42.1251C37.875 43.1606 37.0355 44.0001 36 44.0001C34.9645 44.0001 34.125 43.1606 34.125 42.1251C34.125 41.0895 34.9645 40.2501 36 40.2501C37.0355 40.2501 37.875 41.0895 37.875 42.1251Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_102_1288" x1="0" y1="0" x2="72" y2="72" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFBD59" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFBD59"/>
+</linearGradient>
+<radialGradient id="paint1_radial_102_1288" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(44.6559 49.0057) rotate(-135) scale(30.6029 25.0453)">
+<stop stop-color="#ED7200"/>
+<stop offset="1" stop-color="#ED7200" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint2_radial_102_1288" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(36 35.2501) rotate(90) scale(10)">
+<stop stop-color="#F13154"/>
+<stop offset="1" stop-color="#F13154" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

dashboard/public/assets/SMS.svg

@@ -0,0 +1,13 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 4.5C6 3.39543 6.89543 2.5 8 2.5H16C17.1046 2.5 18 3.39543 18 4.5V21.5C18 22.6046 17.1046 23.5 16 23.5H8C6.89543 23.5 6 22.6046 6 21.5V4.5Z" fill="#3787FF"/>
+<circle cx="12" cy="18.25" r="2.25" fill="#063799"/>
+<path d="M17.779 1.53621L17.779 1.53627L16.4531 2.86217L14.8163 4.49895L14.8163 4.49897L14.8111 4.50416L13.5361 5.7792L13.536 5.77926C12.915 6.4005 12.5661 7.24306 12.5662 8.12151C12.5662 8.99994 12.9152 9.84237 13.5364 10.4635C14.1575 11.0847 14.9999 11.4336 15.8784 11.4337C16.7568 11.4338 17.5993 11.085 18.2206 10.4639L18.2206 10.4639L19.5465 9.13796L19.5466 9.13791L19.5516 9.13284L21.1377 7.54675L22.4635 6.22093L22.4635 6.22087C23.0846 5.59963 23.4335 4.75707 23.4334 3.87862C23.4333 3.00019 23.0844 2.15776 22.4632 1.53662C21.8421 0.91547 20.9996 0.566481 20.1212 0.566406C19.2428 0.566331 18.4003 0.915176 17.779 1.53621Z" fill="white" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1211 1.06641C19.3753 1.06634 18.66 1.36253 18.1325 1.88983L18.1324 1.8899L16.8066 3.21572C16.5869 3.43539 16.5869 3.79155 16.8066 4.01122C17.0263 4.23089 17.3824 4.23089 17.6021 4.01122L18.9279 2.68546L18.9279 2.68539C19.2444 2.36906 19.6736 2.19137 20.121 2.19141C20.5685 2.19144 20.9977 2.36923 21.3141 2.68566C21.6306 3.0021 21.8084 3.43126 21.8084 3.87876C21.8084 4.32623 21.6307 4.7554 21.3144 5.07188L21.3143 5.07195L19.9886 6.3977C19.7689 6.61737 19.7689 6.97353 19.9886 7.1932C20.2082 7.41287 20.5644 7.41287 20.7841 7.1932L22.1099 5.86737L22.11 5.8673C22.6373 5.33983 22.9335 4.6245 22.9334 3.87867C22.9333 3.13283 22.637 2.41756 22.1096 1.89017C21.5822 1.36278 20.867 1.06647 20.1211 1.06641ZM19.9885 4.01107C20.2081 4.23074 20.2081 4.58689 19.9885 4.80656L16.8065 7.98854C16.5868 8.20821 16.2307 8.20821 16.011 7.98854C15.7913 7.76887 15.7913 7.41272 16.011 7.19305L19.193 4.01107C19.4127 3.7914 19.7688 3.7914 19.9885 4.01107ZM16.011 4.80693C16.2306 5.0266 16.2306 5.38276 16.011 5.60243L14.6852 6.92818L14.6851 6.92825C14.3688 7.24473 14.1911 7.6739 14.1912 8.12137C14.1912 8.56887 14.369 8.99803 14.6854 9.31446C15.0019 9.6309 15.431 9.80868 15.8785 9.80872C16.326 9.80876 16.7552 9.63107 17.0716 9.31474L17.0717 9.31467L18.3975 7.98891C18.6171 7.76924 18.9733 7.76924 19.193 7.98891C19.4126 8.20858 19.4126 8.56474 19.193 8.78441L17.8671 10.1102L17.8671 10.1103C17.3396 10.6376 16.6243 10.9338 15.8784 10.9337C15.1326 10.9337 14.4173 10.6373 13.8899 10.11C13.3625 9.58257 13.0662 8.8673 13.0662 8.12146C13.0661 7.37562 13.3623 6.6603 13.8896 6.13282L13.8897 6.13276L15.2155 4.80693C15.4351 4.58726 15.7913 4.58726 16.011 4.80693Z" fill="#FF9A23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.1211 1.06641C19.3753 1.06634 18.66 1.36253 18.1325 1.88983L18.1324 1.8899L16.8066 3.21572C16.5869 3.43539 16.5869 3.79155 16.8066 4.01122C17.0263 4.23089 17.3824 4.23089 17.6021 4.01122L18.9279 2.68546L18.9279 2.68539C19.2444 2.36906 19.6736 2.19137 20.121 2.19141C20.5685 2.19144 20.9977 2.36923 21.3141 2.68566C21.6306 3.0021 21.8084 3.43126 21.8084 3.87876C21.8084 4.32623 21.6307 4.7554 21.3144 5.07188L21.3143 5.07195L19.9886 6.3977C19.7689 6.61737 19.7689 6.97353 19.9886 7.1932C20.2082 7.41287 20.5644 7.41287 20.7841 7.1932L22.1099 5.86737L22.11 5.8673C22.6373 5.33983 22.9335 4.6245 22.9334 3.87867C22.9333 3.13283 22.637 2.41756 22.1096 1.89017C21.5822 1.36278 20.867 1.06647 20.1211 1.06641ZM19.9885 4.01107C20.2081 4.23074 20.2081 4.58689 19.9885 4.80656L16.8065 7.98854C16.5868 8.20821 16.2307 8.20821 16.011 7.98854C15.7913 7.76887 15.7913 7.41272 16.011 7.19305L19.193 4.01107C19.4127 3.7914 19.7688 3.7914 19.9885 4.01107ZM16.011 4.80693C16.2306 5.0266 16.2306 5.38276 16.011 5.60243L14.6852 6.92818L14.6851 6.92825C14.3688 7.24473 14.1911 7.6739 14.1912 8.12137C14.1912 8.56887 14.369 8.99803 14.6854 9.31446C15.0019 9.6309 15.431 9.80868 15.8785 9.80872C16.326 9.80876 16.7552 9.63107 17.0716 9.31474L17.0717 9.31467L18.3975 7.98891C18.6171 7.76924 18.9733 7.76924 19.193 7.98891C19.4126 8.20858 19.4126 8.56474 19.193 8.78441L17.8671 10.1102L17.8671 10.1103C17.3396 10.6376 16.6243 10.9338 15.8784 10.9337C15.1326 10.9337 14.4173 10.6373 13.8899 10.11C13.3625 9.58257 13.0662 8.8673 13.0662 8.12146C13.0661 7.37562 13.3623 6.6603 13.8896 6.13282L13.8897 6.13276L15.2155 4.80693C15.4351 4.58726 15.7913 4.58726 16.011 4.80693Z" fill="url(#paint0_radial_1969_77378)"/>
+<defs>
+<radialGradient id="paint0_radial_1969_77378" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.7499 11.2503) rotate(-45) scale(12.7279)">
+<stop stop-color="#FF4500"/>
+<stop offset="1" stop-color="#FF4500" stop-opacity="0"/>
+</radialGradient>
+</defs>
+</svg>

dashboard/public/assets/brands/apple.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5549 17.5343C21.2146 18.3204 20.8119 19.044 20.3452 19.7093C19.7091 20.6162 19.1883 21.2439 18.7869 21.5925C18.1647 22.1647 17.4981 22.4578 16.7842 22.4745C16.2717 22.4745 15.6537 22.3286 14.9343 22.0328C14.2125 21.7384 13.5492 21.5925 12.9427 21.5925C12.3066 21.5925 11.6244 21.7384 10.8947 22.0328C10.1639 22.3286 9.57518 22.4828 9.12505 22.4981C8.4405 22.5272 7.75816 22.2259 7.07707 21.5925C6.64237 21.2134 6.09864 20.5634 5.44727 19.6426C4.74841 18.6593 4.17385 17.5191 3.72372 16.2191C3.24166 14.815 3 13.4553 3 12.1389C3 10.6311 3.32582 9.33055 3.97844 8.24072C4.49133 7.36534 5.17367 6.6748 6.02767 6.16787C6.88166 5.66094 7.80441 5.40262 8.79812 5.38609C9.34185 5.38609 10.0549 5.55428 10.941 5.88482C11.8245 6.21648 12.3919 6.38467 12.6406 6.38467C12.8266 6.38467 13.4568 6.18801 14.5253 5.79594C15.5357 5.43234 16.3884 5.28179 17.087 5.34109C18.98 5.49386 20.4021 6.24009 21.3479 7.58449C19.655 8.6103 18.8175 10.0471 18.8341 11.8902C18.8494 13.3258 19.3702 14.5205 20.3938 15.4691C20.8577 15.9094 21.3757 16.2496 21.9521 16.4913C21.8271 16.8538 21.6952 17.201 21.5549 17.5343ZM17.2134 0.450128C17.2134 1.57538 16.8023 2.62603 15.9829 3.5985C14.994 4.75458 13.7979 5.42262 12.5009 5.3172C12.4844 5.18221 12.4748 5.04013 12.4748 4.89083C12.4748 3.81058 12.9451 2.65451 13.7802 1.70926C14.1971 1.23066 14.7274 0.832714 15.3704 0.515264C16.012 0.202552 16.619 0.0296147 17.1898 0C17.2064 0.150429 17.2134 0.300883 17.2134 0.450128Z" fill="#21324B"/></svg>

dashboard/public/assets/brands/discord.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.40571 1.5H12.5943C13.3691 1.5 14 2.13086 14 2.91257V15.2143L12.5257 13.9114L11.696 13.1434L10.8183 12.3274L11.1817 13.596H3.40571C2.63086 13.596 2 12.9651 2 12.1834V2.91257C2 2.13086 2.63086 1.5 3.40571 1.5Z" fill="#5865F2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49488 9.89994C9.70059 10.1605 9.94745 10.4554 9.94745 10.4554C11.4629 10.4074 12.0457 9.41308 12.0457 9.41308C12.0457 7.20508 11.0583 5.41537 11.0583 5.41537C10.0709 4.6748 9.13145 4.69537 9.13145 4.69537L9.03545 4.80508C10.2012 5.16166 10.7429 5.67594 10.7429 5.67594C10.0297 5.28508 9.3303 5.09308 8.67888 5.01766C8.18516 4.9628 7.71202 4.97651 7.29373 5.03137C7.25782 5.03137 7.22713 5.0366 7.19254 5.04248C7.1875 5.04334 7.18239 5.04421 7.17716 5.04508C6.93716 5.06566 6.35431 5.1548 5.62059 5.47708C5.36688 5.59366 5.21602 5.67594 5.21602 5.67594C5.21602 5.67594 5.78516 5.13423 7.01945 4.77766L6.95088 4.69537C6.95088 4.69537 6.01145 4.6748 5.02402 5.41537C5.02402 5.41537 4.03659 7.20508 4.03659 9.41308C4.03659 9.41308 4.61259 10.4074 6.12802 10.4554C6.12802 10.4554 6.38173 10.1468 6.58745 9.88623C5.71659 9.62565 5.38745 9.07708 5.38745 9.07708C5.38745 9.07708 5.45602 9.12508 5.57945 9.19365C5.5863 9.20051 5.59316 9.20737 5.60688 9.21423C5.61716 9.22108 5.62745 9.22623 5.63773 9.23137C5.64802 9.23651 5.65831 9.24165 5.66859 9.24851C5.84002 9.34451 6.01145 9.41994 6.16916 9.48165C6.45031 9.59137 6.78631 9.70108 7.17716 9.77651C7.69145 9.87251 8.29488 9.9068 8.95316 9.78337C9.27545 9.72851 9.60459 9.63251 9.94745 9.48851C10.1874 9.39937 10.4549 9.26908 10.736 9.08394C10.736 9.08394 10.3932 9.64623 9.49488 9.89994ZM6.05942 8.01421C6.05942 7.59593 6.36799 7.25307 6.75885 7.25307C7.1497 7.25307 7.46513 7.59593 7.45827 8.01421C7.45827 8.4325 7.1497 8.77536 6.75885 8.77536C6.37485 8.77536 6.05942 8.4325 6.05942 8.01421ZM8.56227 8.01421C8.56227 7.59593 8.87084 7.25307 9.2617 7.25307C9.65256 7.25307 9.96113 7.59593 9.96113 8.01421C9.96113 8.4325 9.65256 8.77536 9.2617 8.77536C8.8777 8.77536 8.56227 8.4325 8.56227 8.01421Z" fill="white"/></svg>

dashboard/public/assets/brands/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="10.5" fill="#1877F2"/><path fill="#fff" fill-rule="evenodd" d="M16.087 15.035 16.553 12H13.64v-1.97c0-.83.406-1.64 1.71-1.64h1.325V5.808s-1.202-.205-2.35-.205c-2.399 0-3.967 1.453-3.967 4.085V12H7.693v3.035h2.666v7.337a10.576 10.576 0 0 0 3.282 0v-7.337h2.446Z" clip-rule="evenodd"/></svg>

dashboard/public/assets/brands/github.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.999 1.5C6.20162 1.5 1.5 6.20097 1.5 12.0003C1.5 16.6394 4.50829 20.5746 8.6807 21.9631C9.20604 22.0597 9.39748 21.7355 9.39748 21.4571C9.39748 21.2082 9.38846 20.5475 9.3833 19.6716C6.46268 20.3058 5.84645 18.2638 5.84645 18.2638C5.36881 17.0507 4.68039 16.7277 4.68039 16.7277C3.72705 16.0767 4.75259 16.0896 4.75259 16.0896C5.80649 16.1637 6.36083 17.1718 6.36083 17.1718C7.29742 18.7762 8.81864 18.3128 9.41682 18.044C9.51222 17.3659 9.78359 16.903 10.0833 16.6407C7.75185 16.3758 5.30048 15.4746 5.30048 11.4511C5.30048 10.3051 5.7098 9.36718 6.38146 8.63364C6.27317 8.36807 5.91284 7.29999 6.48459 5.85483C6.48459 5.85483 7.36574 5.5725 9.3717 6.93129C10.209 6.69795 11.1076 6.58192 12.0003 6.57741C12.8924 6.58192 13.7903 6.69795 14.6289 6.93129C16.6336 5.5725 17.5135 5.85483 17.5135 5.85483C18.0865 7.29999 17.7262 8.36807 17.6185 8.63364C18.2915 9.36718 18.6976 10.3051 18.6976 11.4511C18.6976 15.485 16.2423 16.3726 13.9038 16.6323C14.2802 16.9566 14.6161 17.5973 14.6161 18.577C14.6161 19.9803 14.6032 21.1128 14.6032 21.4571C14.6032 21.7381 14.7927 22.0649 15.3251 21.9624C19.4943 20.5708 22.5 16.6381 22.5 12.0003C22.5 6.20097 17.7984 1.5 11.999 1.5Z" fill="#21324B"/></svg>

dashboard/public/assets/brands/google.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#4285F4" fill-rule="evenodd" d="M22.08 12.239c0-.745-.067-1.46-.191-2.148h-9.89v4.061h5.652a4.83 4.83 0 0 1-2.095 3.17v2.634h3.393c1.985-1.828 3.13-4.52 3.13-7.717Z" clip-rule="evenodd"/><path fill="#34A853" fill-rule="evenodd" d="M12 22.5c2.835 0 5.212-.94 6.949-2.544l-3.393-2.634c-.94.63-2.143 1.002-3.556 1.002-2.735 0-5.05-1.847-5.875-4.329H2.617v2.72A10.496 10.496 0 0 0 12 22.5Z" clip-rule="evenodd"/><path fill="#FBBC05" fill-rule="evenodd" d="M6.125 13.995A6.312 6.312 0 0 1 5.795 12c0-.692.12-1.365.33-1.995v-2.72H2.617A10.496 10.496 0 0 0 1.5 12c0 1.694.406 3.297 1.117 4.715l3.508-2.72Z" clip-rule="evenodd"/><path fill="#EA4335" fill-rule="evenodd" d="M12 5.676c1.541 0 2.926.53 4.014 1.57l3.011-3.011C17.207 2.54 14.83 1.5 12 1.5a10.496 10.496 0 0 0-9.383 5.785l3.508 2.72C6.95 7.523 9.265 5.676 12 5.676Z" clip-rule="evenodd"/></svg>

dashboard/public/assets/brands/light/apple.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5549 17.5343C21.2146 18.3204 20.8119 19.044 20.3452 19.7093C19.7091 20.6162 19.1883 21.2439 18.7869 21.5925C18.1647 22.1647 17.4981 22.4578 16.7842 22.4745C16.2717 22.4745 15.6537 22.3286 14.9343 22.0328C14.2125 21.7384 13.5492 21.5925 12.9427 21.5925C12.3066 21.5925 11.6244 21.7384 10.8947 22.0328C10.1639 22.3286 9.57518 22.4828 9.12505 22.4981C8.4405 22.5272 7.75816 22.2259 7.07707 21.5925C6.64237 21.2134 6.09864 20.5634 5.44727 19.6426C4.74841 18.6593 4.17385 17.5191 3.72372 16.2191C3.24166 14.815 3 13.4553 3 12.1389C3 10.6311 3.32582 9.33055 3.97844 8.24072C4.49133 7.36534 5.17367 6.6748 6.02767 6.16787C6.88166 5.66094 7.80441 5.40262 8.79812 5.38609C9.34185 5.38609 10.0549 5.55428 10.941 5.88482C11.8245 6.21648 12.3919 6.38467 12.6406 6.38467C12.8266 6.38467 13.4568 6.18801 14.5253 5.79594C15.5357 5.43234 16.3884 5.28179 17.087 5.34109C18.98 5.49386 20.4021 6.24009 21.3479 7.58449C19.655 8.6103 18.8175 10.0471 18.8341 11.8902C18.8494 13.3258 19.3702 14.5205 20.3938 15.4691C20.8577 15.9094 21.3757 16.2496 21.9521 16.4913C21.8271 16.8538 21.6952 17.201 21.5549 17.5343ZM17.2134 0.450128C17.2134 1.57538 16.8023 2.62603 15.9829 3.5985C14.994 4.75458 13.7979 5.42262 12.5009 5.3172C12.4844 5.18221 12.4748 5.04013 12.4748 4.89083C12.4748 3.81058 12.9451 2.65451 13.7802 1.70926C14.1971 1.23066 14.7274 0.832714 15.3704 0.515264C16.012 0.202552 16.619 0.0296147 17.1898 0C17.2064 0.150429 17.2134 0.300883 17.2134 0.450128Z" fill="#dfecf5"/></svg>

dashboard/public/assets/brands/light/discord.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.40571 1.5H12.5943C13.3691 1.5 14 2.13086 14 2.91257V15.2143L12.5257 13.9114L11.696 13.1434L10.8183 12.3274L11.1817 13.596H3.40571C2.63086 13.596 2 12.9651 2 12.1834V2.91257C2 2.13086 2.63086 1.5 3.40571 1.5Z" fill="#5865F2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.49488 9.89994C9.70059 10.1605 9.94745 10.4554 9.94745 10.4554C11.4629 10.4074 12.0457 9.41308 12.0457 9.41308C12.0457 7.20508 11.0583 5.41537 11.0583 5.41537C10.0709 4.6748 9.13145 4.69537 9.13145 4.69537L9.03545 4.80508C10.2012 5.16166 10.7429 5.67594 10.7429 5.67594C10.0297 5.28508 9.3303 5.09308 8.67888 5.01766C8.18516 4.9628 7.71202 4.97651 7.29373 5.03137C7.25782 5.03137 7.22713 5.0366 7.19254 5.04248C7.1875 5.04334 7.18239 5.04421 7.17716 5.04508C6.93716 5.06566 6.35431 5.1548 5.62059 5.47708C5.36688 5.59366 5.21602 5.67594 5.21602 5.67594C5.21602 5.67594 5.78516 5.13423 7.01945 4.77766L6.95088 4.69537C6.95088 4.69537 6.01145 4.6748 5.02402 5.41537C5.02402 5.41537 4.03659 7.20508 4.03659 9.41308C4.03659 9.41308 4.61259 10.4074 6.12802 10.4554C6.12802 10.4554 6.38173 10.1468 6.58745 9.88623C5.71659 9.62565 5.38745 9.07708 5.38745 9.07708C5.38745 9.07708 5.45602 9.12508 5.57945 9.19365C5.5863 9.20051 5.59316 9.20737 5.60688 9.21423C5.61716 9.22108 5.62745 9.22623 5.63773 9.23137C5.64802 9.23651 5.65831 9.24165 5.66859 9.24851C5.84002 9.34451 6.01145 9.41994 6.16916 9.48165C6.45031 9.59137 6.78631 9.70108 7.17716 9.77651C7.69145 9.87251 8.29488 9.9068 8.95316 9.78337C9.27545 9.72851 9.60459 9.63251 9.94745 9.48851C10.1874 9.39937 10.4549 9.26908 10.736 9.08394C10.736 9.08394 10.3932 9.64623 9.49488 9.89994ZM6.05942 8.01421C6.05942 7.59593 6.36799 7.25307 6.75885 7.25307C7.1497 7.25307 7.46513 7.59593 7.45827 8.01421C7.45827 8.4325 7.1497 8.77536 6.75885 8.77536C6.37485 8.77536 6.05942 8.4325 6.05942 8.01421ZM8.56227 8.01421C8.56227 7.59593 8.87084 7.25307 9.2617 7.25307C9.65256 7.25307 9.96113 7.59593 9.96113 8.01421C9.96113 8.4325 9.65256 8.77536 9.2617 8.77536C8.8777 8.77536 8.56227 8.4325 8.56227 8.01421Z" fill="white"/></svg>

dashboard/public/assets/brands/light/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="10.5" fill="#1877F2"/><path fill="#fff" fill-rule="evenodd" d="M16.087 15.035 16.553 12H13.64v-1.97c0-.83.406-1.64 1.71-1.64h1.325V5.808s-1.202-.205-2.35-.205c-2.399 0-3.967 1.453-3.967 4.085V12H7.693v3.035h2.666v7.337a10.576 10.576 0 0 0 3.282 0v-7.337h2.446Z" clip-rule="evenodd"/></svg>

dashboard/public/assets/brands/light/github.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.999 1.5C6.20162 1.5 1.5 6.20097 1.5 12.0003C1.5 16.6394 4.50829 20.5746 8.6807 21.9631C9.20604 22.0597 9.39748 21.7355 9.39748 21.4571C9.39748 21.2082 9.38846 20.5475 9.3833 19.6716C6.46268 20.3058 5.84645 18.2638 5.84645 18.2638C5.36881 17.0507 4.68039 16.7277 4.68039 16.7277C3.72705 16.0767 4.75259 16.0896 4.75259 16.0896C5.80649 16.1637 6.36083 17.1718 6.36083 17.1718C7.29742 18.7762 8.81864 18.3128 9.41682 18.044C9.51222 17.3659 9.78359 16.903 10.0833 16.6407C7.75185 16.3758 5.30048 15.4746 5.30048 11.4511C5.30048 10.3051 5.7098 9.36718 6.38146 8.63364C6.27317 8.36807 5.91284 7.29999 6.48459 5.85483C6.48459 5.85483 7.36574 5.5725 9.3717 6.93129C10.209 6.69795 11.1076 6.58192 12.0003 6.57741C12.8924 6.58192 13.7903 6.69795 14.6289 6.93129C16.6336 5.5725 17.5135 5.85483 17.5135 5.85483C18.0865 7.29999 17.7262 8.36807 17.6185 8.63364C18.2915 9.36718 18.6976 10.3051 18.6976 11.4511C18.6976 15.485 16.2423 16.3726 13.9038 16.6323C14.2802 16.9566 14.6161 17.5973 14.6161 18.577C14.6161 19.9803 14.6032 21.1128 14.6032 21.4571C14.6032 21.7381 14.7927 22.0649 15.3251 21.9624C19.4943 20.5708 22.5 16.6381 22.5 12.0003C22.5 6.20097 17.7984 1.5 11.999 1.5Z" fill="#dfecf5"/></svg>

dashboard/public/assets/brands/light/google.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#4285F4" fill-rule="evenodd" d="M22.08 12.239c0-.745-.067-1.46-.191-2.148h-9.89v4.061h5.652a4.83 4.83 0 0 1-2.095 3.17v2.634h3.393c1.985-1.828 3.13-4.52 3.13-7.717Z" clip-rule="evenodd"/><path fill="#34A853" fill-rule="evenodd" d="M12 22.5c2.835 0 5.212-.94 6.949-2.544l-3.393-2.634c-.94.63-2.143 1.002-3.556 1.002-2.735 0-5.05-1.847-5.875-4.329H2.617v2.72A10.496 10.496 0 0 0 12 22.5Z" clip-rule="evenodd"/><path fill="#FBBC05" fill-rule="evenodd" d="M6.125 13.995A6.312 6.312 0 0 1 5.795 12c0-.692.12-1.365.33-1.995v-2.72H2.617A10.496 10.496 0 0 0 1.5 12c0 1.694.406 3.297 1.117 4.715l3.508-2.72Z" clip-rule="evenodd"/><path fill="#EA4335" fill-rule="evenodd" d="M12 5.676c1.541 0 2.926.53 4.014 1.57l3.011-3.011C17.207 2.54 14.83 1.5 12 1.5a10.496 10.496 0 0 0-9.383 5.785l3.508 2.72C6.95 7.523 9.265 5.676 12 5.676Z" clip-rule="evenodd"/></svg>

dashboard/public/assets/brands/light/linkedin.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.9459 1.5H3.05006C2.1949 1.5 1.5 2.17783 1.5 3.0136V20.9846C1.5 21.8211 2.1949 22.5 3.05006 22.5H20.9459C21.8025 22.5 22.5003 21.8211 22.5003 20.9846V3.0136C22.5003 2.17783 21.8025 1.5 20.9459 1.5Z" fill="#0077B5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.17161 8.00248C5.17324 8.00248 4.36517 7.19296 4.36517 6.19604C4.36517 5.19985 5.17324 4.39062 6.17161 4.39062C7.16736 4.39062 7.97659 5.19985 7.97659 6.19604C7.97659 7.19296 7.16736 8.00248 6.17161 8.00248ZM19.3946 19.3943H16.2819V14.5207C16.2819 13.358 16.2607 11.8632 14.6635 11.8632C13.0426 11.8632 12.7943 13.1293 12.7943 14.4366V19.3943H9.68182V9.37254H12.6698V10.7418H12.7112C13.1268 9.95397 14.1429 9.12316 15.6582 9.12316C18.8123 9.12316 19.3946 11.1988 19.3946 13.8972V19.3943ZM7.72836 19.3943H4.6135V9.37246H7.72836V19.3943Z" fill="white"/></svg>

dashboard/public/assets/brands/light/spotify.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#1ED760" d="M12 1.5C6.201 1.5 1.5 6.201 1.5 12c0 5.8 4.701 10.5 10.5 10.5 5.8 0 10.5-4.7 10.5-10.5 0-5.798-4.7-10.5-10.5-10.5Z"/><path fill="#000" d="M16.815 16.645a.654.654 0 0 1-.9.217c-2.465-1.506-5.569-1.847-9.224-1.012a.655.655 0 0 1-.291-1.277c4-.914 7.43-.52 10.198 1.171.309.19.407.592.217.9Zm1.286-2.86a.819.819 0 0 1-1.126.27C14.152 12.32 9.85 11.818 6.51 12.831a.82.82 0 0 1-.476-1.566c3.814-1.158 8.555-.597 11.796 1.395.385.237.507.74.27 1.125Zm.11-2.977c-3.384-2.01-8.968-2.195-12.199-1.214a.982.982 0 1 1-.57-1.88c3.71-1.126 9.875-.908 13.771 1.405a.981.981 0 1 1-1.002 1.689Z"/></svg>

dashboard/public/assets/brands/light/twilio.svg

@@ -0,0 +1 @@
+<svg width="21" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.08 0c5.578 0 10.08 4.507 10.08 10.09 0 5.584-4.502 10.09-10.08 10.09A10.072 10.072 0 0 1 0 10.09C0 4.507 4.503 0 10.08 0Zm0 2.69a7.375 7.375 0 0 0-7.392 7.4c0 4.104 3.293 7.4 7.392 7.4 4.1 0 7.392-3.296 7.392-7.4 0-4.103-3.293-7.4-7.392-7.4Zm-2.486 7.804c1.142 0 2.083.942 2.083 2.085 0 1.144-.94 2.086-2.083 2.086a2.095 2.095 0 0 1-2.083-2.086c0-1.143.94-2.085 2.083-2.085Zm4.973 0c1.142 0 2.083.942 2.083 2.085 0 1.144-.94 2.086-2.083 2.086a2.095 2.095 0 0 1-2.084-2.086c0-1.143.941-2.085 2.084-2.085Zm0-4.978c1.142 0 2.083.942 2.083 2.085 0 1.144-.94 2.086-2.083 2.086A2.095 2.095 0 0 1 10.483 7.6c0-1.143.941-2.085 2.084-2.085Zm-4.973 0c1.142 0 2.083.942 2.083 2.085 0 1.144-.94 2.086-2.083 2.086A2.095 2.095 0 0 1 5.51 7.6c0-1.143.94-2.085 2.083-2.085Z" fill="#F22F46"/></svg>

dashboard/public/assets/brands/light/twitch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#fff" d="m6 6 22.5-.5L28 20l-6 8H7L6 6Z"/><path fill="#A05AFF" d="M4.436 4 2.61 8.87v19.476h6.692V32h3.654l3.65-3.654h5.477l7.304-7.301V4H4.436Zm2.433 2.433h20.084v13.392l-4.261 4.261h-6.694l-3.649 3.65v-3.65H6.87V6.433Zm6.695 12.176h2.434v-7.304h-2.434v7.304Zm6.694 0h2.434v-7.304h-2.434v7.304Z"/></svg>