import { reactive } from 'vue';
import { useInjectMetaContext } from './context';
import { createActionBarState, getActionBarState, popAction, popField, pushAction, pushField } from './method';
import type { OioAnyViewState } from './typing';

const viewStateStorage: Record<string, OioAnyViewState> = {};

const viewStateMethods: Record<string, Function> = {
  pushField,
  popField,
  createActionBarState,
  getActionBarState,
  pushAction,
  popAction
};

export function createViewState(handle: string): OioAnyViewState {
  const state = {
    get handle() {
      return handle;
    },
    fullscreen: false
  } as OioAnyViewState;
  state.__position = [];
  const proxy = reactive<OioAnyViewState>(state);
  for (const [method, fn] of Object.entries(viewStateMethods)) {
    state[method] = fn.bind(proxy);
  }
  return proxy;
}

export function getViewState(handle?: string): OioAnyViewState | undefined {
  if (!handle) {
    handle = useInjectMetaContext().rootHandle.value;
    if (!handle) {
      console.warn('Invalid root handle.');
      return undefined;
    }
  }
  return viewStateStorage[handle];
}

export function setViewState(state: OioAnyViewState): void {
  viewStateStorage[state.handle] = state;
}

export function clearViewState(handle?: string): OioAnyViewState | undefined {
  if (!handle) {
    handle = useInjectMetaContext().rootHandle.value;
    if (!handle) {
      console.warn('Invalid root handle.');
      return undefined;
    }
  }
  const state = viewStateStorage[handle];
  delete viewStateStorage[handle];
  return state;
}