/*
* 【JEECG作为乾坤子应用】
*/
import type {App} from 'vue';
import type {MainAppProps} from "#/main";

import {destroyStore} from "@/store";
import {destroyRouter} from "@/router";
import {clearComponent} from "@/components/jeecg/JVxeTable/src/componentMap";

import {renderWithQiankun} from 'vite-plugin-qiankun/dist/helper';

/**
 * 以乾坤子应用模式运行
 * @param render
 */
export async function useQiankunMicroApp(render: (props?: MainAppProps) => Promise<App>) {
  let instance: Nullable<App> = null;

  // 注册乾坤子应用生命周期函数
  renderWithQiankun({
    async mount(props) {
      console.debug('[qiankun-micro] mount - props :', props)
      instance = await render({
        container: props.container!,
        hideSider: props.hideSider,
        hideHeader: props.hideHeader,
        hideMultiTabs: props.hideMultiTabs,
      });
    },
    bootstrap() {
      console.debug('[qiankun-micro] bootstrap');
    },
    update(props) {
      console.debug('[qiankun-micro] update: ', props);
    },
    unmount(props) {
      console.debug('[qiankun-micro] unmount: ', props);

      destroyStore();
      destroyRouter();

      if (instance) {
        clearComponent();
        instance.unmount();
        instance._container.innerHTML = '';
        instance = null;
      }
    },
  });

  return instance!
}

export async function autoUseQiankunMicro(fn: Fn) {
  return useQiankunMicroApp(fn)
}