/*
 * @Author: RenXiaoDong
 * @Date: 2025-08-20 23:17:49
 */
import { computed, defineComponent, inject, provide, shallowRef, triggerRef, unref, watch } from "vue";
import type { ComputedRef, InjectionKey } from "vue";
import { objectType } from "@/utils/type";
import type { BubbleContextProps } from "./types";

const BubbleContextKey: InjectionKey<ComputedRef<BubbleContextProps>> =
  Symbol('BubbleContext');

export const globalBubbleContextApi = shallowRef<BubbleContextProps>();

export const useBubbleContextProvider = (value: ComputedRef<BubbleContextProps>) => {
  provide(BubbleContextKey, value);
  watch(
    value,
    () => {
      globalBubbleContextApi.value = unref(value);
      triggerRef(globalBubbleContextApi);
    },
    { immediate: true, deep: true },
  );
};

export const useBubbleContextInject = () => {
  return inject(
    BubbleContextKey,
    computed(() => globalBubbleContextApi.value || {}),
  );
};
export const BubbleContextProvider = defineComponent({
  props: {
    value: objectType<BubbleContextProps>(),
  },
  setup(props, { slots }) {
    useBubbleContextProvider(computed(() => props.value));
    return () => {
      return slots.default?.();
    };
  },
});

export default BubbleContextProvider;