import { ComponentType } from 'react'
import { FIXME, RJT_CONSTANT, RJT_CONSTANT_TYPE, RJT_OPERATION, RJT_OPERATION_TYPE, RJT_ACTION, RJT_TEMPLATE, RJT_SERIALIZABLE, RJT_SERIALIZED_ACTION } from './types'

export const Serializable = <T>(name: string, Comp: ComponentType<T>): RJT_SERIALIZABLE<T> => {
  const result = Comp as unknown as RJT_SERIALIZABLE<T>
  result.__RJT_TYPE__ = '__RJT_COMPONENT__'
  result.__RJT_NAME__ = name
  return result
}

export const Template = <T>(Comp: ComponentType<T>): RJT_TEMPLATE<T> => {
  const result = Comp as unknown as RJT_TEMPLATE<T>
  result.__RJT_TYPE__ = '__RJT_TEMPLATE__'
  return result
}

export const Action = <R extends () => void, P extends unknown[]>(name: string, ...args: P): RJT_ACTION<R, P> => {
  const action: RJT_SERIALIZED_ACTION = {
    type: '__RJT_ACTION__',
    name,
    params: args
  }

  return action as unknown as RJT_ACTION<R, P>
}

export const Constant = <T extends RJT_CONSTANT_TYPE>(name: string, type: T): RJT_CONSTANT<T> => {
  return {
    type: '__RJT_CONSTANT__',
    name,
    kind: type
  }
}

export const Operation = <T extends RJT_OPERATION_TYPE>(
  operation: T,
  ...operands: RJT_OPERATION<T>['operands']
): FIXME => {
  return {
    type: '__RJT_OPERATION__',
    operation,
    operands
  }
}