NavigationMenu.constants.ts

import type { HomepageMenuItems, NavMenuConstant, References } from '../Navigation.types'

export const HOMEPAGE_MENU_ITEMS: HomepageMenuItems = [
  [
    {
      label: 'Home',
      icon: 'home',
      href: '/',
      level: 'home',
    },
    {
      label: 'Getting Started',
      icon: 'getting-started',
      href: '/guides/getting-started',
      level: 'gettingstarted',
    },
  ],
  [
    {
      label: 'Product',
    },
    {
      label: 'Database',
      icon: 'database',
      href: '/guides/database',
      level: 'database',
    },
    {
      label: 'Auth',
      icon: 'auth',
      href: '/guides/auth',
      level: 'auth',
    },
    {
      label: 'Storage',
      icon: 'storage',
      href: '/guides/storage',
      level: 'storage',
    },
    {
      label: 'Edge Functions',
      icon: 'edge-functions',
      href: '/guides/functions',
      level: 'functions',
    },
    {
      label: 'Realtime',
      icon: 'realtime',
      href: '/guides/realtime',
      level: 'realtime',
    },
    {
      label: 'AI & Vectors',
      icon: 'ai',
      href: '/guides/ai',
      level: 'ai',
    },
  ],
  [
    {
      label: 'API',
    },
    {
      label: 'REST',
      icon: 'rest',
      href: '/guides/api',
      level: 'api',
    },
    {
      label: 'GraphQL',
      icon: 'graphql',
      href: '/guides/graphql',
      level: 'graphql',
    },
  ],
  [
    {
      label: 'Development Cycle',
    },
    {
      label: 'Local Dev / CLI',
      icon: 'dev-cli',
      href: '/guides/cli',
      level: 'reference_javascript',
    },
    {
      label: 'Platform',
      icon: 'platform',
      href: '/guides/platform',
      level: 'platform',
    },
    {
      label: 'Self-Hosting',
      icon: 'self-hosting',
      href: '/guides/self-hosting',
      level: 'self_hosting',
    },
  ],
  [
    {
      label: 'Client Library Reference',
    },
    {
      label: 'JavaScript',
      icon: 'reference-javascript',
      href: '/reference/javascript/introduction',
      level: 'reference_javascript',
    },
    {
      label: 'Flutter',
      icon: 'reference-dart',
      href: '/reference/dart/introduction',
      level: 'reference_dart',
    },
    {
      label: 'Python',
      icon: 'reference-python',
      href: '/reference/python/introduction',
      level: 'reference_python',
      community: true,
    },
    {
      label: 'C#',
      icon: 'reference-csharp',
      href: '/reference/csharp/introduction',
      level: 'reference_csharp',
      community: true,
    },
    {
      label: 'Swift',
      icon: 'reference-swift',
      href: '/reference/swift/introduction',
      level: 'reference_swift',
      community: true,
    },
    {
      label: 'Kotlin',
      icon: 'reference-kotlin',
      href: '/reference/kotlin/introduction',
      level: 'reference_kotlin',
      community: true,
    },
  ],
  [
    {
      label: 'Resources',
    },
    {
      label: 'CLI Commands',
      icon: 'reference-cli',
      href: '/reference/cli/introduction',
      level: 'reference_javascript',
    },
    {
      label: 'Management API',
      icon: 'reference-api',
      href: '/reference/api/introduction',
      level: 'reference_javascript',
    },
    {
      label: 'Guides and Examples',
      icon: 'resources',
      href: '/guides/resources',
      level: 'resources',
    },
    {
      label: 'Integrations',
      icon: 'integrations',
      hasLightIcon: true,
      href: 'https://supabase.com/partners/integrations',
      level: 'integrations',
    },
  ],
  [
    {
      label: 'Status',
      icon: 'status',
      href: 'https://status.supabase.com/',
    },
  ],
]

export const REFERENCES: References = {
  javascript: {
    name: 'supabase-js',
    library: 'supabase-js',
    versions: ['v2', 'v1'],
    icon: '/img/libraries/javascript-icon',
  },
  dart: {
    name: 'Flutter',
    library: 'supabase-dart',
    versions: ['v1', 'v0'],
    icon: '/docs/img/libraries/flutter-icon.svg',
  },
  csharp: {
    name: 'C#',
    library: 'supabase-csharp',
    versions: ['v0'],
    icon: '/docs/img/libraries/c-sharp-icon.svg',
  },
  swift: {
    name: 'Swift',
    library: 'supabase-swift',
    versions: ['v0'],
    icon: '/docs/img/libraries/swift-icon.svg',
  },
  kotlin: {
    name: 'Kotlin',
    library: 'supabase-kt',
    versions: ['v0'],
    icon: '/docs/img/libraries/kotlin-icon.svg',
  },
  cli: {
    name: 'CLI',
    library: undefined,
    versions: [],
    icon: '/docs/img/icons/cli-icon.svg',
  },
  api: {
    name: 'API',
    library: undefined,
    versions: [],
    icon: '/docs/img/icons/api-icon.svg',
  },
}

export const gettingstarted: NavMenuConstant = {
  icon: 'getting-started',
  title: 'Getting Started',
  items: [
    { name: 'Features', url: '/guides/getting-started/features' },
    { name: 'Architecture', url: '/guides/getting-started/architecture' },
    {
      name: 'Framework Quickstarts',
      items: [
        { name: 'Next.js', url: '/guides/getting-started/quickstarts/nextjs' },
        { name: 'React', url: '/guides/getting-started/quickstarts/reactjs' },
        { name: 'NuxtJS', url: '/guides/getting-started/quickstarts/nuxtjs' },
        { name: 'RedwoodJS', url: '/guides/getting-started/quickstarts/redwoodjs' },
        { name: 'Flutter', url: '/guides/getting-started/quickstarts/flutter' },
        { name: 'Android Kotlin', url: '/guides/getting-started/quickstarts/kotlin' },
        { name: 'SvelteKit', url: '/guides/getting-started/quickstarts/sveltekit' },
        { name: 'SolidJS', url: '/guides/getting-started/quickstarts/solidjs' },
        { name: 'Vue', url: '/guides/getting-started/quickstarts/vue' },
        { name: 'refine', url: '/guides/getting-started/quickstarts/refine' },
      ],
    },
    {
      name: 'Web app tutorials',
      items: [
        {
          name: 'Next.js',
          url: '/guides/getting-started/tutorials/with-nextjs',
        },
        {
          name: 'React',
          url: '/guides/getting-started/tutorials/with-react',
        },
        {
          name: 'Vue 3',
          url: '/guides/getting-started/tutorials/with-vue-3',
        },
        {
          name: 'Nuxt 3',
          url: '/guides/getting-started/tutorials/with-nuxt-3',
        },
        {
          name: 'Angular',
          url: '/guides/getting-started/tutorials/with-angular',
        },
        {
          name: 'RedwoodJS',
          url: '/guides/getting-started/tutorials/with-redwoodjs',
        },
        {
          name: 'SolidJS',
          url: '/guides/getting-started/tutorials/with-solidjs',
        },
        {
          name: 'Svelte',
          url: '/guides/getting-started/tutorials/with-svelte',
        },
        {
          name: 'SvelteKit',
          url: '/guides/getting-started/tutorials/with-sveltekit',
        },
        {
          name: 'refine',
          url: '/guides/getting-started/tutorials/with-refine',
        },
      ],
    },
    {
      name: 'Mobile tutorials',
      items: [
        {
          name: 'Flutter',
          url: '/guides/getting-started/tutorials/with-flutter',
        },
        {
          name: 'Expo React Native',
          url: '/guides/getting-started/tutorials/with-expo-react-native',
        },
        {
          name: 'Android Kotlin',
          url: '/guides/getting-started/tutorials/with-kotlin',
        },
        {
          name: 'Ionic React',
          url: '/guides/getting-started/tutorials/with-ionic-react',
        },
        {
          name: 'Ionic Vue',
          url: '/guides/getting-started/tutorials/with-ionic-vue',
        },
        {
          name: 'Ionic Angular',
          url: '/guides/getting-started/tutorials/with-ionic-angular',
        },
      ],
    },
  ],
}

export const cli = {
  title: 'CLI',
  items: [
    { name: 'Overview', url: '/guides/cli' },
    { name: 'Managing Environments', url: '/guides/cli/managing-environments' },
    {
      name: 'Using environment variables in config.toml',
      url: '/guides/cli/using-environment-variables-in-config',
    },
  ],
}

export const NativeMobileLoginItems = [
  {
    name: 'Apple',
    icon: '/docs/img/icons/apple-icon',
    url: '/guides/auth/social-login/auth-apple?platform=react-native',
  },
  {
    name: 'Google',
    icon: '/docs/img/icons/google-icon',
    url: '/guides/auth/social-login/auth-google?platform=react-native',
  },
]

export const SocialLoginItems = [
  {
    name: 'Google',
    icon: '/docs/img/icons/google-icon',
    url: '/guides/auth/social-login/auth-google',
  },
  {
    name: 'Facebook',
    icon: '/docs/img/icons/facebook-icon',
    url: '/guides/auth/social-login/auth-facebook',
  },
  {
    name: 'Apple',
    icon: '/docs/img/icons/apple-icon',
    url: '/guides/auth/social-login/auth-apple',
  },
  {
    name: 'Azure (Microsoft)',
    icon: '/docs/img/icons/microsoft-icon',
    url: '/guides/auth/social-login/auth-azure',
  },
  {
    name: 'Twitter',
    icon: '/docs/img/icons/twitter-icon',
    url: '/guides/auth/social-login/auth-twitter',
    hasLightIcon: true,
  },
  {
    name: 'GitHub',
    icon: '/docs/img/icons/github-icon',
    url: '/guides/auth/social-login/auth-github',
    isDarkMode: true,
    hasLightIcon: true,
  },
  {
    name: 'Gitlab',
    icon: '/docs/img/icons/gitlab-icon',
    url: '/guides/auth/social-login/auth-gitlab',
  },
  {
    name: 'Bitbucket',
    icon: '/docs/img/icons/bitbucket-icon',
    url: '/guides/auth/social-login/auth-bitbucket',
  },
  {
    name: 'Discord',
    icon: '/docs/img/icons/discord-icon',
    url: '/guides/auth/social-login/auth-discord',
  },
  {
    name: 'Figma',
    icon: '/docs/img/icons/figma-icon',
    url: '/guides/auth/social-login/auth-figma',
  },
  {
    name: 'Kakao',
    icon: '/docs/img/icons/kakao-icon',
    url: '/guides/auth/social-login/auth-kakao',
  },
  {
    name: 'Keycloak',
    icon: '/docs/img/icons/keycloak-icon',
    url: '/guides/auth/social-login/auth-keycloak',
  },
  {
    name: 'LinkedIn',
    icon: '/docs/img/icons/linkedin-icon',
    url: '/guides/auth/social-login/auth-linkedin',
  },
  {
    name: 'Notion',
    icon: '/docs/img/icons/notion-icon',
    url: '/guides/auth/social-login/auth-notion',
  },
  {
    name: 'Slack',
    icon: '/docs/img/icons/slack-icon',
    url: '/guides/auth/social-login/auth-slack',
  },
  {
    name: 'Spotify',
    icon: '/docs/img/icons/spotify-icon',
    url: '/guides/auth/social-login/auth-spotify',
  },
  {
    name: 'Twitch',
    icon: '/docs/img/icons/twitch-icon',
    url: '/guides/auth/social-login/auth-twitch',
  },
  {
    name: 'WorkOS',
    icon: '/docs/img/icons/workos-icon',
    url: '/guides/auth/social-login/auth-workos',
  },
  {
    name: 'Zoom',
    icon: '/docs/img/icons/zoom-icon',
    url: '/guides/auth/social-login/auth-zoom',
  },
]

export const PhoneLoginsItems = [
  {
    name: 'MessageBird SMS Login',
    icon: '/docs/img/icons/messagebird-icon',
    linkDescription: 'Communication between businesses and their customers — across any channel.',
    url: '/guides/auth/phone-login/messagebird',
  },
  {
    name: 'Twilio SMS Login',
    icon: '/docs/img/icons/twilio-icon',
    url: '/guides/auth/phone-login/twilio',
    linkDescription: 'Customer engagement platform used by hundreds of thousands of businesses.',
  },
  {
    name: 'Vonage SMS Login',
    icon: '/docs/img/icons/vonage-icon',
    url: '/guides/auth/phone-login/vonage',
    linkDescription:
      'Vonage is a communication platform as a service (CPaaS) provider for consumers and businesses.',
    isDarkMode: true,
    hasLightIcon: true,
  },
]

export const auth = {
  icon: 'auth',
  title: 'Auth',
  items: [
    {
      name: 'Overview',
      url: '/guides/auth',
    },
    {
      name: 'Redirect URLs',
      url: '/guides/auth/concepts/redirect-urls',
    },
    {
      name: 'Quickstarts',
      items: [
        { name: 'Next.js', url: '/guides/auth/quickstarts/nextjs', items: [] },
        { name: 'React', url: '/guides/auth/quickstarts/react', items: [] },
      ],
    },
    {
      name: 'Authentication',
      url: undefined,
      items: [
        { name: 'Email Login', url: '/guides/auth/auth-email' },
        { name: 'Magic Link Login', url: '/guides/auth/auth-magic-link' },
        {
          name: 'Phone Login',
          url: '/guides/auth/phone-login',
          items: [...PhoneLoginsItems],
        },
        {
          name: 'Social Login',
          url: '/guides/auth/social-login',
          items: [...SocialLoginItems],
        },
        {
          name: 'Native Mobile Login',
          url: '/guides/auth/native-mobile-login',
          items: [
            ...NativeMobileLoginItems,
            {
              name: 'Deep Linking',
              url: '/guides/auth/native-mobile-deep-linking',
            },
          ],
        },
        {
          name: 'Enterprise SSO',
          url: '/guides/auth/enterprise-sso',
          items: [
            {
              name: 'SAML 2.0',
              url: '/guides/auth/sso/auth-sso-saml',
            },
          ],
        },
        { name: 'Password Reset', url: '/guides/auth/auth-password-reset' },
        { name: 'Email Templates', url: '/guides/auth/auth-email-templates' },
      ],
    },
    {
      name: 'Authorization',
      url: undefined,
      items: [
        { name: 'Enable Captcha Protection', url: '/guides/auth/auth-captcha' },
        { name: 'Configuring Custom SMTP', url: '/guides/auth/auth-smtp' },
        { name: 'Managing User Data', url: '/guides/auth/managing-user-data' },
        { name: 'Multi-Factor Authentication', url: '/guides/auth/auth-mfa' },
        { name: 'Row Level Security', url: '/guides/auth/row-level-security' },
      ],
    },
    {
      name: 'Server-side Auth',
      url: undefined,
      items: [
        { name: 'Overview', url: '/guides/auth/auth-helpers' },
        {
          name: 'Next.js',
          url: '/guides/auth/auth-helpers/nextjs',
        },
        { name: 'Remix', url: '/guides/auth/auth-helpers/remix' },
        { name: 'SvelteKit', url: '/guides/auth/auth-helpers/sveltekit' },
        { name: 'Server-side Rendering', url: '/guides/auth/server-side-rendering' },
        {
          name: 'Email Auth with PKCE flow for SSR',
          url: '/guides/auth/server-side/email-based-auth-with-pkce-flow-for-ssr',
        },
        {
          name: 'OAuth with PKCE flow for SSR',
          url: '/guides/auth/server-side/oauth-with-pkce-flow-for-ssr',
        },
      ],
    },
    {
      name: 'Auth UI',
      url: undefined,
      items: [
        { name: 'Auth UI', url: '/guides/auth/auth-helpers/auth-ui' },
        { name: 'Flutter Auth UI', url: '/guides/auth/auth-helpers/flutter-auth-ui' },
      ],
    },
    {
      name: 'Deep Dive',
      url: undefined,
      items: [
        {
          name: 'Part One: JWTs',
          url: '/learn/auth-deep-dive/auth-deep-dive-jwts',
        },
        {
          name: 'Part Two: Row Level Security',
          url: '/learn/auth-deep-dive/auth-row-level-security',
        },
        { name: 'Part Three: Policies', url: '/learn/auth-deep-dive/auth-policies' },
        { name: 'Part Four: GoTrue', url: '/learn/auth-deep-dive/auth-gotrue' },
        {
          name: 'Part Five: Google OAuth',
          url: '/learn/auth-deep-dive/auth-google-oauth',
        },
      ],
    },
  ],
}

export const database: NavMenuConstant = {
  icon: 'database',
  title: 'Database',
  url: '/guides/database',
  items: [
    { name: 'Overview', url: '/guides/database' },
    {
      name: 'Fundamentals',
      url: undefined,
      items: [
        { name: 'Connecting to your database', url: '/guides/database/connecting-to-postgres' },
        { name: 'Managing tables, views, and data', url: '/guides/database/tables' },
        { name: 'JSON and unstructured data', url: '/guides/database/json' },
        { name: 'Managing database functions', url: '/guides/database/functions' },
        { name: 'Managing indexes', url: '/guides/database/postgres/indexes' },
        { name: 'Managing database triggers', url: '/guides/database/postgres/triggers' },
        { name: 'Managing database webhooks', url: '/guides/database/webhooks' },
        { name: 'Using Full Text Search', url: '/guides/database/full-text-search' },
      ],
    },
    {
      name: 'Access and security',
      url: undefined,
      items: [
        { name: 'Row Level Security', url: '/guides/database/postgres/row-level-security' },
        { name: 'Managing Postgres Roles', url: '/guides/database/postgres/roles' },
        { name: 'Managing secrets with Vault', url: '/guides/database/vault' },
        { name: 'Column encryption', url: '/guides/database/column-encryption' },
      ],
    },
    {
      name: 'Postgres Guides',
      url: undefined,
      items: [
        { name: 'Query Optimization', url: '/guides/database/query-optimization' },
        { name: 'Debugging and monitoring', url: '/guides/database/inspect' },
        { name: 'Partitioning your tables', url: '/guides/database/partitions' },
        { name: 'Implementing Cascade Deletes', url: '/guides/database/postgres/cascade-deletes' },
        { name: 'Managing database replication', url: '/guides/database/replication' },
        { name: 'Testing your database', url: '/guides/database/testing' },
        { name: 'Database Configuration', url: '/guides/database/postgres/configuration' },
      ],
    },
    {
      name: 'Extensions',
      url: undefined,
      items: [
        { name: 'Overview', url: '/guides/database/extensions' },
        {
          name: 'HypoPG: Hypothetical indexes',
          url: '/guides/database/extensions/hypopg',
        },
        {
          name: 'plv8: Javascript Language',
          url: '/guides/database/extensions/plv8',
        },
        { name: 'http: RESTful Client', url: '/guides/database/extensions/http' },
        {
          name: 'index_advisor: Query optimization',
          url: '/guides/database/extensions/index_advisor',
        },
        {
          name: 'PGAudit: Postgres Auditing',
          url: '/guides/database/extensions/pgaudit',
        },
        {
          name: 'pgjwt: JSON Web Tokens',
          url: '/guides/database/extensions/pgjwt',
        },
        {
          name: 'PGroonga: Multilingual Full Text Search',
          url: '/guides/database/extensions/pgroonga',
        },
        {
          name: 'pgRouting: Geospatial Routing',
          url: '/guides/database/extensions/pgrouting',
        },
        {
          name: 'pg_cron: Job Scheduling',
          url: '/guides/database/extensions/pgcron',
        },
        {
          name: 'pg_graphql: GraphQL Support',
          url: '/guides/database/extensions/pg_graphql',
        },
        {
          name: 'pg_hashids: Short UIDs',
          url: '/guides/database/extensions/pg_hashids',
        },
        {
          name: 'pg_jsonschema: JSON Schema Validation',
          url: '/guides/database/extensions/pg_jsonschema',
        },
        {
          name: 'pg_net: Async Networking',
          url: '/guides/database/extensions/pgnet',
        },
        {
          name: 'pg_plan_filter: Restrict Total Cost',
          url: '/guides/database/extensions/pg_plan_filter',
        },
        {
          name: 'pg_stat_monitor: Extended Query Performance Monitoring',
          url: '/guides/database/extensions/pg_stat_monitor',
        },
        {
          name: 'pgvector: Embeddings and vector similarity',
          url: '/guides/database/extensions/pgvector',
        },
        {
          name: 'pg_stat_statements: SQL Planning and Execution Statistics',
          url: '/guides/database/extensions/pg_stat_statements',
        },
        {
          name: 'pg_repack: Storage Optimization',
          url: '/guides/database/extensions/pgrepack',
        },
        {
          name: 'PostGIS: Geo queries',
          url: '/guides/database/extensions/postgis',
        },
        {
          name: 'pg-safeupdate: Required Where Clauses',
          url: '/guides/database/extensions/pg-safeupdate',
        },
        {
          name: 'pgsodium: Encryption Features',
          url: '/guides/database/extensions/pgsodium',
        },
        { name: 'pgTAP: Unit Testing', url: '/guides/database/extensions/pgtap' },
        {
          name: 'plpgsql_check: PL/pgSQL Linter',
          url: '/guides/database/extensions/plpgsql_check',
        },
        {
          name: 'timescaledb: Time-series data',
          url: '/guides/database/extensions/timescaledb',
        },
        {
          name: 'uuid-ossp: Unique Identifiers',
          url: '/guides/database/extensions/uuid-ossp',
        },
        {
          name: 'RUM: inverted index for full-text search',
          url: '/guides/database/extensions/rum',
        },
      ],
    },
    {
      name: 'Foreign Data Wrappers',
      url: undefined,
      items: [
        { name: 'Overview', url: '/guides/database/extensions/wrappers/overview' },
        { name: 'Connecting to Airtable', url: '/guides/database/extensions/wrappers/airtable' },
        { name: 'Connecting to AWS S3', url: '/guides/database/extensions/wrappers/s3' },
        { name: 'Connecting to BigQuery', url: '/guides/database/extensions/wrappers/bigquery' },
        {
          name: 'Connecting to ClickHouse',
          url: '/guides/database/extensions/wrappers/clickhouse',
        },
        { name: 'Connecting to Firebase', url: '/guides/database/extensions/wrappers/firebase' },
        { name: 'Connecting to Logflare', url: '/guides/database/extensions/wrappers/logflare' },
        { name: 'Connecting to Stripe', url: '/guides/database/extensions/wrappers/stripe' },
      ],
    },
    {
      name: 'Examples',
      url: undefined,
      items: [
        {
          name: 'Drop All Tables in Schema',
          url: '/guides/database/postgres/dropping-all-tables-in-schema',
        },
        {
          name: 'Select First Row per Group',
          url: '/guides/database/postgres/first-row-in-group',
        },
        {
          name: 'Print PostgreSQL Version',
          url: '/guides/database/postgres/which-version-of-postgres',
        },
      ],
    },
  ],
}

export const api: NavMenuConstant = {
  icon: 'rest',
  title: 'REST API',
  url: '/guides/api',
  items: [
    { name: 'Overview', url: '/guides/api', items: [] },
    { name: 'Quickstart', url: '/guides/api/quickstart', items: [] },
    { name: 'Client Libraries', url: '/guides/api/rest/client-libs', items: [] },
    { name: 'Auto-generated Docs', url: '/guides/api/rest/auto-generated-docs', items: [] },
    { name: 'Generating Types', url: '/guides/api/rest/generating-types', items: [] },
    {
      name: 'Guides',
      url: '/guides/api',
      items: [
        { name: 'Creating API routes', url: '/guides/api/creating-routes', items: [] },
        { name: 'How API Keys work', url: '/guides/api/api-keys', items: [] },
        { name: 'Securing your API', url: '/guides/api/securing-your-api', items: [] },
        {
          name: 'Querying joins and nested tables',
          url: '/guides/api/joins-and-nesting',
          items: [],
        },
        { name: 'Using custom schemas', url: '/guides/api/using-custom-schemas', items: [] },
      ],
    },
  ],
}

export const graphql: NavMenuConstant = {
  icon: 'graphql',
  title: 'GraphQL',
  url: '/guides/graphql',
  items: [
    { name: 'Overview', url: '/guides/graphql', items: [] },
    { name: 'API', url: '/guides/graphql/api', items: [] },
  ],
}

export const functions: NavMenuConstant = {
  icon: 'edge-functions',
  title: 'Edge Functions',
  url: '/guides/functions',
  items: [
    {
      name: 'Overview',
      url: '/guides/functions',
    },
    {
      name: 'Quickstart',
      url: '/guides/functions/quickstart',
    },
    {
      name: 'Features',
      url: undefined,
      items: [
        { name: 'TypeScript Support', url: '/guides/functions/typescript-support' },
        { name: 'Debugging Edge Functions', url: '/guides/functions/debugging' },
        { name: 'Managing packages using Import Maps', url: '/guides/functions/import-maps' },
        { name: 'Globally Distributed Deployments', url: '/guides/functions/global-deployments' },
      ],
    },
    {
      name: 'Guides',
      url: undefined,
      items: [
        { name: 'Developing Functions locally', url: '/guides/functions/local-development' },
        { name: 'Deploying with GitHub', url: '/guides/functions/cicd-workflow' },
        { name: 'Managing Secrets and Environment Variables', url: '/guides/functions/secrets' },
        { name: 'Integrating With Supabase Auth', url: '/guides/functions/auth' },
        {
          name: 'Integrating with Supabase Storage',
          url: '/guides/functions/storage-caching',
        },
        { name: 'CORS support for Invoking from the browser', url: '/guides/functions/cors' },
        { name: 'Scheduling Functions', url: '/guides/functions/schedule-functions' },
        {
          name: 'Connecting directly to Postgres',
          url: '/guides/functions/connect-to-postgres',
        },
        { name: 'Testing your Edge Functions', url: '/guides/functions/unit-test' },
        { name: 'Troubleshooting', url: '/guides/functions/troubleshooting' },
      ],
    },
    {
      name: 'Third-Party Tools',
      url: undefined,
      items: [
        { name: 'Dart Edge on Supabase', url: '/guides/functions/dart-edge' },
        { name: 'Browserless.io', url: '/guides/functions/examples/screenshots' },
        { name: 'Hugging Face', url: '/guides/ai/examples/huggingface-image-captioning' },
        { name: 'OpenAI API', url: '/guides/ai/examples/openai' },
        { name: 'Sending Emails with Resend', url: '/guides/functions/examples/send-emails' },
        { name: 'Upstash Redis', url: '/guides/functions/examples/upstash-redis' },
        { name: 'Type-Safe SQL with Kysely', url: '/guides/functions/kysely-postgres' },
      ],
    },
    {
      name: 'Examples',
      url: '/guides/functions/examples',
      items: [
        { name: 'Generating OpenAI GPT3 completions', url: '/guides/ai/examples/openai' },
        { name: 'Generating OG images ', url: '/guides/functions/examples/og-image' },
        {
          name: 'CAPTCHA support with Cloudflare Turnstile',
          url: '/guides/functions/examples/cloudflare-turnstile',
        },
        { name: 'Building a Discord Bot', url: '/guides/functions/examples/discord-bot' },
        { name: 'Building a Telegram Bot', url: '/guides/functions/examples/telegram-bot' },
        { name: 'Handling Stripe Webhooks ', url: '/guides/functions/examples/stripe-webhooks' },
        { name: 'Integrating with Upstash Redis', url: '/guides/functions/examples/upstash-redis' },
        { name: 'Rate Limiting Edge Functions', url: '/guides/functions/examples/rate-limiting' },
        {
          name: 'Taking Screenshots with Puppeteer',
          url: '/guides/functions/examples/screenshots',
        },
      ],
    },
  ],
}

export const realtime: NavMenuConstant = {
  icon: 'realtime',
  title: 'Realtime',
  url: '/guides/realtime',
  items: [
    {
      name: 'Overview',
      url: '/guides/realtime',
    },
    {
      name: 'Concepts',
      url: '/guides/realtime/concepts',
    },
    {
      name: 'Usage',
      url: undefined,
      items: [
        { name: 'Broadcast', url: '/guides/realtime/broadcast' },
        { name: 'Presence', url: '/guides/realtime/presence' },
        {
          name: 'Postgres Changes',
          url: '/guides/realtime/postgres-changes',
        },
      ],
    },
    {
      name: 'Guides',
      url: undefined,
      items: [
        {
          name: 'Throttling messages',
          url: '/guides/realtime/guides/client-side-throttling',
        },
        {
          name: 'Subscribing to Database Changes',
          url: '/guides/realtime/subscribing-to-database-changes',
        },
        {
          name: 'Using Realtime with Next.js',
          url: '/guides/realtime/realtime-with-nextjs',
        },
      ],
    },
    {
      name: 'Deep dive',
      url: undefined,
      items: [
        { name: 'Quotas', url: '/guides/realtime/quotas' },
        { name: 'Architecture', url: '/guides/realtime/architecture' },
        { name: 'Message Protocol', url: '/guides/realtime/protocol' },
        {
          name: 'Bring Your Own Database',
          url: '/guides/realtime/bring-your-own-database',
          items: [],
        },
      ],
    },
  ],
}

export const storage: NavMenuConstant = {
  icon: 'storage',
  title: 'Storage',
  url: '/guides/storage',
  items: [
    { name: 'Overview', url: '/guides/storage' },
    { name: 'Quickstart', url: '/guides/storage/quickstart' },
    {
      name: 'Fundamentals',
      url: undefined,
      items: [
        { name: 'Uploading files to Storage', url: '/guides/storage/uploads' },
        { name: 'Image Transformations', url: '/guides/storage/image-transformations' },
        { name: 'How caching works', url: '/guides/storage/cdn' },
      ],
    },
    {
      name: 'Access and security',
      url: undefined,
      items: [{ name: 'Access Control', url: '/guides/storage/access-control' }],
    },
  ],
}

export const vectorIndexItems = [
  {
    name: 'HNSW indexes',
    url: '/guides/ai/vector-indexes/hnsw-indexes',
  },
  {
    name: 'IVFFlat indexes',
    url: '/guides/ai/vector-indexes/ivf-indexes',
  },
]

export const ai = {
  icon: 'ai',
  title: 'AI & Vectors',
  url: '/guides/ai',
  items: [
    { name: 'Overview', url: '/guides/ai' },
    { name: 'Concepts', url: '/guides/ai/concepts' },
    {
      name: 'Structured & unstructured',
      url: '/guides/ai/structured-unstructured',
    },
    {
      name: 'Learn',
      url: undefined,
      items: [
        { name: 'Vector columns', url: '/guides/ai/vector-columns' },
        { name: 'Vector indexes', url: '/guides/ai/vector-indexes', items: vectorIndexItems },
        { name: 'Engineering for scale', url: '/guides/ai/engineering-for-scale' },
        { name: 'Choosing Compute Add-on', url: '/guides/ai/choosing-compute-addon' },
        { name: 'Going to Production', url: '/guides/ai/going-to-prod' },
        { name: 'RAG with Permissions', url: '/guides/ai/rag-with-permissions' },
      ],
    },
    {
      name: 'JavaScript Examples',
      url: undefined,
      items: [
        {
          name: 'OpenAI completions using Edge Functions',
          url: '/guides/ai/examples/openai',
        },

        {
          name: 'Generate image captions using Hugging Face',
          url: '/guides/ai/examples/huggingface-image-captioning',
        },
        {
          name: 'Generate Embeddings',
          url: '/guides/ai/quickstarts/generate-text-embeddings',
        },

        {
          name: 'Adding generative Q&A to your documentation',
          url: '/guides/ai/examples/headless-vector-search',
        },
        {
          name: 'Adding generative Q&A to your Next.js site',
          url: '/guides/ai/examples/nextjs-vector-search',
        },
      ],
    },
    {
      name: 'Python Client',
      url: undefined,
      items: [
        { name: 'Choosing a Client', url: '/guides/ai/python-clients' },
        { name: 'API', url: '/guides/ai/python/api' },
        { name: 'Collections', url: '/guides/ai/python/collections' },
        { name: 'Indexes', url: '/guides/ai/python/indexes' },
        { name: 'Metadata', url: '/guides/ai/python/metadata' },
      ],
    },
    {
      name: 'Python Examples',
      url: undefined,
      items: [
        { name: 'Developing locally with Vecs', url: '/guides/ai/vecs-python-client' },
        { name: 'Creating and managing collections', url: '/guides/ai/quickstarts/hello-world' },

        { name: 'Text Deduplication', url: '/guides/ai/quickstarts/text-deduplication' },
        { name: 'Face similarity search', url: '/guides/ai/quickstarts/face-similarity' },
        {
          name: 'Image search with OpenAI CLIP',
          url: '/guides/ai/examples/image-search-openai-clip',
        },
        {
          name: 'Building ChatGPT Plugins',
          url: '/guides/ai/examples/building-chatgpt-plugins',
        },
      ],
    },
    {
      name: 'Third-Party Tools',
      url: undefined,
      items: [
        {
          name: 'LangChain',
          url: '/guides/ai/langchain',
        },
        {
          name: 'Hugging Face',
          url: '/guides/ai/hugging-face',
        },
        {
          name: 'Google Colab',
          url: '/guides/ai/google-colab',
        },
        {
          name: 'LlamaIndex',
          url: '/guides/ai/integrations/llamaindex',
        },
      ],
    },
  ],
}

export const supabase_cli: NavMenuConstant = {
  icon: 'reference-cli',
  title: 'Local Dev / CLI',
  url: '/guides/cli',
  items: [
    { name: 'Overview', url: '/guides/cli' },
    {
      name: 'Using the CLI',
      url: undefined,
      items: [
        { name: 'Getting started', url: '/guides/cli/getting-started' },
        { name: 'CLI Configuration', url: '/guides/cli/config' },
      ],
    },
    {
      name: 'Developing with Supabase',
      url: undefined,
      items: [
        { name: 'Local Development', url: '/guides/cli/local-development' },
        { name: 'Managing environments', url: '/guides/cli/managing-environments' },
        {
          name: 'Managing config and secrets',
          url: '/guides/cli/managing-config',
        },
        {
          name: 'Seeding your database',
          url: '/guides/cli/seeding-your-database',
        },
        {
          name: 'Testing and linting',
          url: '/guides/cli/testing-and-linting',
        },
        {
          name: 'Customizing email templates',
          url: '/guides/cli/customizing-email-templates',
        },
      ],
    },
    {
      name: 'GitHub Action',
      url: undefined,
      items: [
        {
          name: 'Generate types from your database',
          url: '/guides/cli/github-action/generating-types',
        },
        {
          name: 'Automated testing',
          url: '/guides/cli/github-action/testing',
        },
        {
          name: 'Backup your database',
          url: '/guides/cli/github-action/backups',
        },
      ],
    },
  ],
}

export const platform: NavMenuConstant = {
  icon: 'platform',
  title: 'Platform',
  url: '/guides/platform',
  items: [
    {
      name: 'Add-ons',
      url: undefined,
      items: [
        { name: 'Compute Add-ons', url: '/guides/platform/compute-add-ons' },
        { name: 'Custom Domains', url: '/guides/platform/custom-domains' },
        { name: 'Database Backups', url: '/guides/platform/backups' },
      ],
    },
    {
      name: 'Platform Management',
      url: undefined,
      items: [
        { name: 'Access Control', url: '/guides/platform/access-control' },
        { name: 'Custom Postgres Config', url: '/guides/platform/custom-postgres-config' },
        { name: 'Database Size', url: '/guides/platform/database-size' },
        { name: 'HTTP Status Codes', url: '/guides/platform/http-status-codes' },
        { name: 'Logging', url: '/guides/platform/logs' },
        { name: 'Metrics', url: '/guides/platform/metrics' },
        {
          name: 'Migrating and Upgrading',
          url: '/guides/platform/migrating-and-upgrading-projects',
        },
        {
          name: 'Multi-factor Authentication',
          url: '/guides/platform/multi-factor-authentication',
        },
        {
          name: 'Transfer Project',
          url: '/guides/platform/project-transfer',
        },
        { name: 'Network Restrictions', url: '/guides/platform/network-restrictions' },
        { name: 'Performance Tuning', url: '/guides/platform/performance' },
        { name: 'Permissions', url: '/guides/platform/permissions' },
        { name: 'SSL Enforcement', url: '/guides/platform/ssl-enforcement' },
      ],
    },
    {
      name: 'Billing',
      url: undefined,
      items: [
        { name: 'How billing works', url: '/guides/platform/org-based-billing' },
        { name: 'Spend caps and cost-controls', url: '/guides/platform/spend-cap' },
        { name: 'Enterprise Billing', url: '/guides/platform/enterprise-billing' },
      ],
    },
    {
      name: 'Single sign-on',
      url: undefined,
      items: [
        {
          name: 'Enable SSO for your organization',
          url: '/guides/platform/sso',
        },
        { name: 'SSO with Azure AD', url: '/guides/platform/sso/azure' },
        {
          name: 'SSO with Google Workspace',
          url: '/guides/platform/sso/gsuite',
        },
        { name: 'SSO with Okta', url: '/guides/platform/sso/okta' },
      ],
    },
    {
      name: 'Production Readiness',
      url: undefined,
      items: [
        {
          name: 'Shared Responsibility Model',
          url: '/guides/platform/shared-responsibility-model',
        },
        {
          name: 'Maturity Model',
          url: '/guides/platform/maturity-model',
        },
        { name: 'Production Checklist', url: '/guides/platform/going-into-prod' },
      ],
    },
    {
      name: 'Integrations',
      url: undefined,
      items: [
        {
          name: 'Integrations Marketplace',
          url: '/guides/platform/marketplace',
        },
        {
          name: 'Build a Supabase Integration',
          url: '/guides/platform/oauth-apps/build-a-supabase-integration',
        },
        {
          name: 'OAuth Scopes',
          url: '/guides/platform/oauth-apps/oauth-scopes',
        },
      ],
    },
    {
      name: 'Troubleshooting',
      url: undefined,
      items: [
        {
          name: 'HTTP and Project Issues',
          url: '/guides/platform/troubleshooting',
        },
        {
          name: 'High Disk IO Consumption',
          url: '/guides/platform/exhaust-disk-io',
        },
        {
          name: 'High CPU Usage',
          url: '/guides/platform/exhaust-cpu',
        },
        {
          name: 'High RAM Usage',
          url: '/guides/platform/exhaust-ram',
        },
      ],
    },
  ],
}

export const resources: NavMenuConstant = {
  icon: 'resources',
  title: 'Resources',
  url: '/guides/resources',
  items: [
    { name: 'Examples', url: '/guides/resources/examples' },
    { name: 'Glossary', url: '/guides/resources/glossary' },
    {
      name: 'Migrate to Supabase',
      url: '/guides/resources/migrating-to-supabase',
      items: [
        {
          name: 'Firebase Auth',
          url: '/guides/resources/migrating-to-supabase/firebase-auth',
        },
        {
          name: 'Firestore Data',
          url: '/guides/resources/migrating-to-supabase/firestore-data',
        },
        {
          name: 'Firebase Storage',
          url: '/guides/resources/migrating-to-supabase/firebase-storage',
        },
        {
          name: 'Heroku',
          url: '/guides/resources/migrating-to-supabase/heroku',
        },
        {
          name: 'Render',
          url: '/guides/resources/migrating-to-supabase/render',
        },
        {
          name: 'Amazon RDS',
          url: '/guides/resources/migrating-to-supabase/amazon-rds',
          items: [],
        },
        {
          name: 'Postgres',
          url: '/guides/resources/migrating-to-supabase/postgres',
          items: [],
        },
        {
          name: 'MySQL',
          url: '/guides/resources/migrating-to-supabase/mysql',
          items: [],
        },
        {
          name: 'MSSQL',
          url: '/guides/resources/migrating-to-supabase/mssql',
          items: [],
        },
      ],
    },
  ],
}

export const self_hosting: NavMenuConstant = {
  title: 'Self-Hosting',
  icon: 'self-hosting',
  url: '/guides/self-hosting',
  items: [
    { name: 'Overview', url: '/guides/self-hosting' },
    { name: 'Self-Hosting with Docker', url: '/guides/self-hosting/docker' },
    {
      name: 'Auth Server',
      items: [
        { name: 'Reference', url: '/reference/self-hosting-auth/introduction' },
        { name: 'Configuration', url: '/guides/self-hosting/auth/config' },
      ],
    },
    {
      name: 'Storage Server',
      items: [
        { name: 'Reference', url: '/reference/self-hosting-storage/introduction' },
        { name: 'Configuration', url: '/guides/self-hosting/storage/config' },
      ],
    },
    {
      name: 'Realtime Server',
      items: [
        { name: 'Reference', url: '/reference/self-hosting-realtime/introduction' },
        { name: 'Configuration', url: '/guides/self-hosting/realtime/config' },
      ],
    },
    {
      name: 'Analytics Server',
      items: [
        { name: 'Reference', url: '/reference/self-hosting-analytics/introduction', items: [] },
        { name: 'Configuration', url: '/guides/self-hosting/analytics/config', items: [] },
      ],
    },
    {
      name: 'Functions Server',
      items: [
        { name: 'Reference', url: '/reference/self-hosting-functions/introduction', items: [] },
      ],
    },
  ],
}

export const migrate = {
  title: 'Migrate to Supabase',
  url: '/guides/migrate',
  items: [
    { name: 'Firebase Auth', url: '/guides/migrations/firebase-auth' },
    { name: 'Firestore Data', url: '/guides/migrations/firestore-data' },
    { name: 'Firebase Storage', url: '/guides/migrations/firebase-storage' },
    { name: 'Heroku', url: '/guides/migrations/heroku' },
    { name: 'Render', url: '/guides/migrations/render' },
    { name: 'Amazon RDS', url: '/guides/migrations/amazon-rds' },
  ],
}

export const reference = {
  title: 'API Reference',
  icon: 'reference',
  items: [
    {
      name: 'Client libraries',
      items: [
        {
          name: 'supabase-js',
          url: '/reference/javascript/start',
          level: 'reference_javascript',
          icon: '/img/icons/menu/reference-javascript',
        },
        {
          name: 'supabase-dart',
          url: '/reference/dart/start',
          level: 'reference_dart',
          icon: '/img/icons/menu/reference-dart',
        },
        {
          name: 'supabase-csharp',
          url: '/reference/csharp/start',
          level: 'reference_csharp',
          icon: '/img/icons/menu/reference-csharp',
        },
        {
          name: 'supbase-python',
          url: '/reference/python/start',
          level: 'reference_python',
          icon: '/img/icons/menu/reference-python',
        },
        {
          name: 'supbase-swift',
          url: '/reference/swift/start',
          level: 'reference_swift',
          items: [],
          icon: '/img/icons/menu/reference-swift',
        },
        {
          name: 'supabase-kt',
          url: '/reference/kotlin/start',
          level: 'reference_kotlin',
          items: [],
          icon: '/img/icons/menu/reference-kotlin',
        },
        // {
        //   name: 'supabase-python',
        //   url: '/reference/python/start',
        //   level: 'reference_python',
        //
        //   icon: '/img/icons/menu/reference-javascript',
        // },
      ],
    },
    {
      name: 'Other tools',
      items: [
        {
          name: 'Supabase CLI',
          url: '/reference/cli/start',
          icon: '/img/icons/menu/reference-cli',
        },
        {
          name: 'Management API',
          url: '/reference/javascript',
          icon: '/img/icons/menu/reference-api',
        },
      ],
    },
  ],
}

export const reference_javascript_v1 = {
  icon: 'reference-javascript',
  title: 'JavaScript',
  url: '/guides/reference/javascript',
  parent: '/reference',
}

export const reference_javascript_v2 = {
  icon: 'reference-javascript',
  title: 'JavaScript',
  url: '/guides/reference/javascript',
  parent: '/reference',
}

export const reference_dart_v0 = {
  icon: 'reference-dart',
  title: 'Flutter',
  url: '/guides/reference/dart',
  parent: '/reference',
}

export const reference_dart_v1 = {
  icon: 'reference-dart',
  title: 'Flutter',
  url: '/guides/reference/dart',
  parent: '/reference',
}

export const reference_csharp_v0 = {
  icon: 'reference-csharp',
  title: 'C#',
  url: 'guides/reference/csharp',
  parent: '/reference',
}

export const reference_python_v2 = {
  icon: 'reference-python',
  title: 'Python',
  url: '/guides/reference/python',
  parent: '/reference',
}

export const reference_swift_v0 = {
  icon: 'reference-swift',
  title: 'swift',
  url: 'guides/reference/swift',
  parent: '/reference',
}

export const reference_kotlin_v0 = {
  icon: 'reference-kotlin',
  title: 'kotlin',
  url: 'guides/reference/kotlin',
  parent: '/reference',
}

export const reference_cli = {
  icon: 'reference-cli',
  title: 'Supabase CLI',
  url: '/guides/reference/cli',
  parent: '/',
}
export const reference_api = {
  icon: 'reference-api',
  title: 'Management API',
  url: '/guides/reference/api',
  parent: '/reference',
}

export const reference_self_hosting_auth = {
  icon: 'reference-auth',
  title: 'Self-Hosting Auth',
  url: '/guides/reference/self-hosting/auth',
  parent: '/reference',
}

export const reference_self_hosting_storage = {
  icon: 'reference-storage',
  title: 'Self-Hosting Storage',
  url: '/guides/reference/self-hosting/storage',
  parent: '/reference',
}

export const reference_self_hosting_realtime = {
  icon: 'reference-realtime',
  title: 'Self-Hosting Realtime',
  url: '/guides/reference/self-hosting/realtime',
  parent: '/reference',
}

export const reference_self_hosting_analytics = {
  icon: 'reference-analytics',
  title: 'Self-Hosting Analytics',
  url: '/guides/reference/self-hosting/analytics',
  parent: '/reference',
}

export const reference_self_hosting_functions = {
  icon: 'reference-functions',
  title: 'Self-Hosting Functions',
  url: '/guides/reference/self-hosting/functions',
  parent: '/reference',
}

// export const reference: [
//   {
//     label: 'Official'
//     items: [
//       { name: 'Reference Documentation'; url: '/reference'; },
//       { name: 'Supabase JavaScript Library'; url: '/reference/javascript'; },
//       { name: 'Supabase Flutter Library'; url: '/reference/dart'; },
//       { name: 'Supabase CLI'; url: '/reference/cli'; },
//       { name: 'Management API'; url: '/reference/api'; }
//     ]
//   },
//   {
//     label: 'Self-hosting'
//     items: [
//       { name: 'Auth Server'; url: '/reference/auth'; },
//       { name: 'Storage Server'; url: '/reference/storage'; }
//     ]
//   }
//     {
//       label: 'Clients',
//       items: [
//         { name: 'Auth Server', url: '/reference/auth'},
//         { name: 'Storage Server', url: '/reference/storage'},
//       ],
//     },
//   'reference/javascript': SupabaseJsV2Nav,
//   'reference/javascript/v1': SupabaseJsV1Nav,
//   'reference/dart': SupabaseDartV1Nav,
//   'reference/dart/v0': SupabaseDartV0Nav,
//   'reference/cli': SupabaseCLINav,
//   'reference/api': SupabaseAPINav,
//   'reference/auth': AuthServerNav,
//   'reference/storage': StorageServerNav,
// ]

export const references = [
  {
    label: 'Client libraries',
    items: [
      {
        label: 'supabase-js',
        versions: ['v2', 'v1'],
        description: 'something about the reference',
        icon: '/docs/img/icons/javascript-icon.svg',
        url: '/reference/javascript/start',
      },
      {
        label: 'supabase-py',
        description: 'something about the reference',
        icon: '/docs/img/icons/python-icon.svg',
        url: '/reference/python/start',
      },
      {
        label: 'supabase-dart',
        versions: ['v1', 'v0'],
        description: 'something about the reference',
        icon: '/docs/img/icons/dart-icon.svg',
        url: '/reference/dart/start',
      },
      {
        label: 'supabase-csharp',
        versions: ['v0'],
        description: 'something about the reference',
        icon: '/docs/img/icons/c-sharp-icon.svg',
        url: '/reference/csharp/start',
      },
      {
        label: 'supabase-swift',
        versions: ['v0'],
        description: 'something about the reference',
        icon: '/docs/img/icons/swift-icon.svg',
        url: '/reference/swift/start',
      },
      {
        label: 'supabase-kt',
        versions: ['v0'],
        description: 'something about the reference',
        icon: '/docs/img/icons/kotlin-icon.svg',
        url: '/reference/kotlin/start',
      },
    ],
  },
  {
    label: 'Platform Tools',
    items: [
      {
        label: 'CLI',
        description: 'something about the reference',
        icon: '/docs/img/icons/cli-icon.svg',
        url: '/reference/cli/start',
      },
      {
        label: 'Management API',
        description: 'something about the reference',
        icon: '/docs/img/icons/api-icon.svg',
        url: '/reference/management-api/start',
      },
    ],
  },
  {
    label: 'Self-Hosting',
    items: [
      {
        label: 'Auth server',
        description: 'something about the reference',
        icon: '/docs/img/icons/menu/auth.svg',
        url: '/reference/auth/start',
      },
      {
        label: 'Storage server',
        description: 'something about the reference',
        icon: '/docs/img/icons/menu/storage.svg',
        url: '/reference/storage/start',
      },
      {
        label: 'Realtime server',
        description: 'something about the reference',
        icon: '/docs/img/icons/menu/realtime.svg',
        url: '/reference/realtime/start',
      },
    ],
  },
]