import { createActionQueue } from '@xrengine/hyperflux'

import { World } from '../../../ecs/classes/World'
import { defineQuery, removeQuery } from '../../../ecs/functions/ComponentFunctions'
import { MaterialComponent } from '../components/MaterialComponent'
import { MaterialPrototypeComponent } from '../components/MaterialPrototypeComponent'
import { registerMaterial, registerMaterialPrototype } from '../functions/MaterialLibraryFunctions'
import {
  initializeMaterialLibrary,
  MaterialLibraryActions,
  MaterialLibraryState,
  useMaterialLibrary
} from '../MaterialLibrary'

export default async function MaterialLibrarySystem(world: World) {
  const registerMaterialQueue = createActionQueue(MaterialLibraryActions.RegisterMaterial.matches)
  const registerPrototypeQueue = createActionQueue(MaterialLibraryActions.RegisterPrototype.matches)
  initializeMaterialLibrary()
  const execute = () => {
    registerPrototypeQueue().map((action) => {
      registerMaterialPrototype(action.$prototype)
    })
    registerMaterialQueue().map((action) => {
      registerMaterial(action.material, action.src)
    })
  }

  const cleanup = async () => {
    const materialLibrary = useMaterialLibrary()
    // todo, to make extensible only clear those initialized in initializeMaterialLibrary
    materialLibrary.materials.set({})
    materialLibrary.prototypes.set({})
  }

  return { execute, cleanup }
}