import { createScalarApiClient } from '@scalar/api-client'

const targetElement = document.getElementById('root')

// Initialize
const { open } = await createScalarApiClient(targetElement, {
  spec: {
    // Load a spec from URL
    url: 'https://cdn.jsdelivr.net/npm/@scalar/galaxy/dist/latest.json',
    // OR the spec directly
    content: {
      ...
    }
  },
  proxyUrl: 'https://proxy.scalar.com',
})

// Open the API client right-away
open()

// Or: Open a specific operation
open({
  method: 'GET',
  path: '/me',
})

/** Configuration options for the Scalar API client */
export type ClientConfiguration = {
  /** The Swagger/OpenAPI spec to render */
  spec: SpecConfiguration
  /** Pass in a proxy to the API client */
  proxyUrl?: string
  /** Pass in a theme API client */
  themeId?: string
  /** Whether to show the sidebar */
  showSidebar?: boolean
  /** Whether dark mode is on or off initially (light mode) */
  // darkMode?: boolean
  /** Key used with CTRL/CMD to open the search modal (defaults to 'k' e.g. CMD+k) */
  searchHotKey?:
    | 'a'
    | 'b'
    | 'c'
    | 'd'
    | 'e'
    | 'f'
    | 'g'
    | 'h'
    | 'i'
    | 'j'
    | 'k'
    | 'l'
    | 'm'
    | 'n'
    | 'o'
    | 'p'
    | 'q'
    | 'r'
    | 's'
    | 't'
    | 'u'
    | 'v'
    | 'w'
    | 'x'
    | 'y'
    | 'z'
}

open({ path: string; method: RequestMethod })

updateConfig(newConfig: ClientConfiguration, mergeConfigs?: boolean): void