import type {
  Compartment as VendorCompartment,
  EditorState as VendorState,
  Extension as VendorExtension,
  StateEffect as VendorStateEffect,
  Transaction as VendorTransaction,
} from '@codemirror/state'
import type { EditorView as VendorView } from '@codemirror/view'
import type { SvelteComponent as VendorComponent } from 'svelte'
import type * as Ink from '/types/ink'
import type InkUi from '/types/ui'

export namespace InkInternal {
  export interface Configuration {
    extensions: InkInternal.OptionExtension<Ink.Values.Extensions>[]
    options: Ink.Options
    root: InkUi.Root
  }

  export type Editor = InkInternal.Vendor.View

  export interface Extension {
    compartment: InkInternal.Vendor.Compartment
    resolver: InkInternal.Vendor.ExtensionResolver
  }

  export type Extensions = {
    [ExtensionName in Ink.Options.ExtensionNames]: InkInternal.Extension
  }

  export interface OptionExtension<OptionName extends Ink.Values.Extensions> extends InkInternal.Extension {
    effect?: InkInternal.Vendor.StateEffect<any>
    name: OptionName
  }

  export type Ref = {}
  export interface State {
    components: InkUi.MountedComponent<any>[]
    extensions: InkInternal.OptionExtension<Ink.Values.Extensions>[]
    options: Ink.Options
    target: HTMLElement
    ref: InkInternal.Ref
    root: InkUi.Root
    editor: InkInternal.Editor
  }

  export namespace Vendor {
    // All vendor types (and adapters) should be encapsulated here.
    export type Compartment = VendorCompartment
    export type Component = VendorComponent
    export type Extension = VendorExtension
    export type ExtensionResolver = (options: Ink.Options) => InkInternal.Vendor.Extension
    export type ExtensionResolvers = {
      [ExtensionName in Ink.Options.ExtensionNames]: ExtensionResolver
    }
    export type State = VendorState
    export type StateEffect<Type> = VendorStateEffect<Type>
    export type Transaction = VendorTransaction
    export type View = VendorView
  }
}

export default InkInternal