import { GameState, PointNodeRef } from "./data/GameState";
import { GameStateFactory } from "./dataFactory/GameStateFactory";

import { updaterGenerator } from "./lib/util/misc";

import { GameStateFactory } from "./dataFactory/GameStateFactory";
import { GameState, PointNodeRef } from "./data/GameState";

  // const [forceUpdate, setForceUpdate] = useState(0);
  // useEffect(() => {
  //   setInterval(() => {
  //     console.log('a')
  //     setForceUpdate(a => a + 1)
  //   }, 1000);
  // }, [setForceUpdate])

  const updateGameState = useCallback(
    (updater: (oldGameState: GameState) => GameState) => {
      setGame((oldGameState) => {
        let newGameState = updater(oldGameState);
        return { ...newGameState };
      });
    }, [setGame]);
  // updateGameState(oldGame => { oldGame.s = y; return oldGame } )
  
  const updateSelectedPointNode = (updater: (old: PointNodeRef | undefined, oldState: GameState) => PointNodeRef) => {
    updateGameState(oldGameState => {
      oldGameState.playerUI.selectedPointNode = updater(oldGameState.playerUI.selectedPointNode, oldGameState);
      return oldGameState;
    })
  };
  const setSelectedPointNode = (newSelectedPointNode: PointNodeRef) => updateSelectedPointNode(() => newSelectedPointNode);

  useEffect(() => {
    console.log("game updated:");
    console.log(game);
  }, [game]);
  const setSelectedPointNode = (newSelectedPointNode: PointNodeRef) =>
    updateSelectedPointNode(() => newSelectedPointNode);

  // TODO
  // let updaters = doMagic();
  // updateSelectedPointNode = updaters.playerUI.selectedPointNode.getUpdater();
  // setSelectedPointNode = updaters.playerUI.selectedPointNode.getSetter();
  // updateSelectedPointNode = updaters.playerUI.fn()

  let updaters = updaterGenerator(game, setGame);
  const updateSelectedPointNode = updaters.playerUI.selectedPointNode.getUpdater();

export function updaterGenerator(dataObject: any, dataUpdater: any): any {
  const updaters: any = {};
  updaters.getUpdater = () => dataUpdater;
  if (typeof dataObject !== "object") return updaters;
  const keys = Object.keys(dataObject);
  keys.forEach((key) => {
    function keyUpdater(newValueOrCallback) {
      // console.log(newValueOrCallback);
      if (typeof newValueOrCallback === "function") {
        dataUpdater((oldData) => {
          const newData = {
            ...oldData,
            [key]: newValueOrCallback(oldData[key]),
          };
          // console.log({ newData });
          return newData;
        });
      } else {
        dataUpdater((oldData) => ({ ...oldData, [key]: newValueOrCallback }));
      }
    }
    updaters[key] = updaterGenerator(dataObject[key], keyUpdater);
    // updaters[key].getUpdater = () => keyUpdater;
  });
  return updaters;
}