import type { UnicornApp } from '../app';
import {
  useBs5ButtonRadio, useBs5KeepTab,
  useBs5Tooltip,
  useFieldCascadeSelect,
  useFieldFileDrag,
  useFieldFlatpickr,
  useFieldModalSelect, useFieldModalTree,
  useFieldRepeatable,
  useFieldSingleImageDrag,
  useIframeModal, useListDependent, useS3Uploader,
  useShowOn, useTomSelect,
} from '../composable';
import { useFieldMultiUploader } from '../composable/useFieldMultiUploader';
import { useTinymce } from '../composable/useTinymce';
import { useUnicorn } from '../unicorn';

declare module '../app' {
  export interface UnicornApp {
    /** @deprecated Only for code generator use. */
    $ui: typeof methods;
  }
}

// @ts-ignore
declare module '@windwalker-io/unicorn-next' {
  export interface UnicornApp {
    /** @deprecated Only for code generator use. */
    $ui: typeof methods;
  }
}

export function useUnicornPhpAdapter(app?: UnicornApp) {
  app ??= useUnicorn();

  app.use(UnicornPhpAdapter);

  return app.$ui;
}

const methods = {
  repeatable: useFieldRepeatable,
  flatpickr: useFieldFlatpickr,
  fileDrag: useFieldFileDrag,
  modalField: useFieldModalSelect,
  cascadeSelect: useFieldCascadeSelect,
  sid: useFieldSingleImageDrag,
  tinymce: {
    init: useTinymce
  },
  s3Uploader: useS3Uploader,
  iframeModal: useIframeModal,
  initShowOn: useShowOn,
  modalTree: useFieldModalTree,
  multiUploader: useFieldMultiUploader,
  tomSelect: useTomSelect,
  listDependent: useListDependent,
  bootstrap: {
    tooltip: useBs5Tooltip,
    buttonRadio: useBs5ButtonRadio,
    keepTab: useBs5KeepTab,
  }
};

export class UnicornPhpAdapter {
  static install(app: UnicornApp) {
    if (app.$ui) {
      app.$ui = { ...app.$ui, ...methods };
    } else {
      app.$ui = methods;
    }
  }
}