import { Material, Shader, WebGLRenderer } from 'three'

import { createMappedComponent } from '../../../ecs/functions/ComponentFunctions'
import { MaterialSource } from './MaterialSource'

export type MaterialPrototypeComponentType<T extends Material = Material> = {
  prototypeId: string
  baseMaterial: { new (params): T }
  arguments: {
    [_: string]: {
      type: string
      default: any
      min?: number
      max?: number
      options?: any[]
    }
  }
  src: MaterialSource
  onBeforeCompile?: (shader: Shader, renderer: WebGLRenderer) => void
}

export const MaterialPrototypeComponent =
  createMappedComponent<MaterialPrototypeComponentType>('MaterialPrototypeComponent')

export const RENDER_COMPONENT_MATERIAL_PROTOTYPE = 'material-prototype'
export const RENDER_COMPONENT_MATERIAL_PROTOTYPE_DEFAULT_VALUES = {
  uuid: '',
  name: '',
  vertexShader: '',
  fragmentShader: '',
  arguments: {}
}