export type ChunkComponentProps = Props;

import { ChunkRef, GameState, PointNodeRef, ZLevelGen } from "../../data/GameState";

import { ChunkGen, ChunkRef, GameState, PointNodeRef, ZLevelGen } from "../../data/GameState";

import { RenderedChunkConstants, ChunkComponent } from "./ChunkComponent";

import { RenderedChunkConstants, ChunkComponent, ChunkComponentProps } from "./ChunkComponent";

    for (let [chunkCoord, chunkGen] of props.zLevelGen?.chunks?.entries() || []) {
      const chunkRef = new ChunkRef({
        z: props.z,
        chunkCoord,
        chunkId: chunkGen.id,
      });

    this.updateChildren(props);

      let allocatedPointNodeSubset = new HashSet(
        props.allocatedPointNodeSubset.values()
          .filter((pointNodeRef) => {
            return pointNodeRef.chunkCoord.x === chunkRef.chunkCoord.x &&
              pointNodeRef.chunkCoord.y === chunkRef.chunkCoord.y;
          })
      );
      let childProps = {
        delta: props.delta,
        args: {
          pointNodeTexture: props.args.pointNodeTexture,
        },
        selfChunkRef: chunkRef,
        updaters: props.updaters,
        position: chunkRef.chunkCoord.multiply(RenderedChunkConstants.CHUNK_SPACING_PX),
        chunkGen: chunkGen,
        selectedPointNode: props.selectedPointNode,
        allocatedPointNodeSubset,
      }
      const childComponent = new ChunkComponent(childProps);
      this.children.put(chunkRef, childComponent);
      this.container.addChild(childComponent.container);
    }

      // if (key === 'allocatedPointNodeSubset') {
      //   if (prevProps[key].hash() !== props[key].hash()) {
      //     return true;
      //   } else {
      //     continue;
      //   }
      // }

  public update(props: Props) {
    let staleState = { ... this.state };
    this.updateSelf(props)
    if (!this.shouldUpdate(this.staleProps, props)) { return; }
    let childrenToDelete = this.children.clone();

  doChild(props: Props, chunkCoord: Vector2, chunkGen: ChunkGen): { childKey: ChunkRef, childProps: ChunkComponentProps } {
    const chunkRef = new ChunkRef({
      z: props.z,
      chunkCoord,
      chunkId: chunkGen.id,
    });
    let allocatedPointNodeSubset = new HashSet(
      props.allocatedPointNodeSubset.values()
        .filter((pointNodeRef) => {
          return pointNodeRef.chunkCoord.x === chunkRef.chunkCoord.x &&
            pointNodeRef.chunkCoord.y === chunkRef.chunkCoord.y;
        })
    );
    let childProps = {
      delta: props.delta,
      args: {
        pointNodeTexture: props.args.pointNodeTexture,
      },
      selfChunkRef: chunkRef,
      updaters: props.updaters,
      position: chunkRef.chunkCoord.multiply(RenderedChunkConstants.CHUNK_SPACING_PX),
      chunkGen: chunkGen,
      selectedPointNode: props.selectedPointNode,
      allocatedPointNodeSubset,
    }
    return {
      childKey: chunkRef,
      childProps
    };
  }
  updateChildren(props: Props) {
    let childrenToDelete = this.children.clone(); // track which children need to be destroyed according to new props

      const chunkRef = new ChunkRef({
        z: props.z,
        chunkCoord,
        chunkId: chunkGen.id,
      });
      let allocatedPointNodeSubset = new HashSet(
        props.allocatedPointNodeSubset.values()
          .filter((pointNodeRef) => {
            return pointNodeRef.chunkCoord.x === chunkRef.chunkCoord.x &&
              pointNodeRef.chunkCoord.y === chunkRef.chunkCoord.y;
          })
      );
      let childProps = {
        delta: props.delta,
        args: {
          pointNodeTexture: props.args.pointNodeTexture,
        },
        selfChunkRef: chunkRef,
        updaters: props.updaters,
        position: chunkRef.chunkCoord.multiply(RenderedChunkConstants.CHUNK_SPACING_PX),
        chunkGen: chunkGen,
        selectedPointNode: props.selectedPointNode,
        allocatedPointNodeSubset,
      }
      let childComponent = this.children.get(chunkRef);

      const { childKey, childProps } = this.doChild(props, chunkCoord, chunkGen);
      let childComponent = this.children.get(childKey);

        childrenToDelete.remove(chunkRef);

        childrenToDelete.remove(childKey);

        this.children.put(chunkRef, childComponent);

        this.children.put(childKey, childComponent);

  }

  public update(props: Props) {
    let staleState = { ... this.state };
    this.updateSelf(props)
    if (!this.shouldUpdate(this.staleProps, props)) { return; }
    this.updateChildren(props);