import { BaseApplication } from "../pixi/BaseApplication";

const initialApplication = new Lazy(() => new Application({

const initialApplication = new Lazy(() => new BaseApplication({

  const [application, setApplication] = useState<Application>(initialApplication.get());

  const [application, setApplication] = useState<any>(initialApplication.get());
  // const [application, setApplication] = useState<any>(() => new BaseApplication({
  // originalWindowWidth: window.innerWidth,
  // originalWindowHeight: window.innerHeight,
  // }, {
  // }));

  application: Application,

  application: any,

  rootApplication: RootApplication;

  rootApplication!: RootApplication;
  isMounted: boolean;

    // this.props = props;

    this.state.appSize = BaseApplication.appSizeFromWindowSize(

    let appSize = BaseApplication.appSizeFromWindowSize(

    this.state.originalAppSize = this.state.appSize;

    this.state = {
      appSize,
      originalAppSize: appSize
    }

    this.rootApplication = new RootApplication({
      args: {
        renderer: this.app.renderer,
      },
      updaters: this.props.gameStateUpdaters,
      delta: 0,
      gameState: this.props.gameState,
      appSize: this.state.appSize,
    })
    this.app.stage.addChild(this.rootApplication.container);

    this.isMounted = false;
    // this.rootApplication = new RootApplication({
    //   args: {
    //     renderer: this.app.renderer,
    //   },
    //   updaters: this.props.gameStateUpdaters,
    //   delta: 0,
    //   gameState: this.props.gameState,
    //   appSize: this.state.appSize,
    // })
    // this.app.stage.addChild(this.rootApplication.container);

    this.renderSelf(this.props);

    // this.renderSelf(this.props);

    // test
    // createBunnyExample({ parent: this.app.stage, ticker: this.app.ticker, x: this.app.screen.width / 2, y: this.app.screen.height / 2 });
    this.didMount();

    // // test
    // // createBunnyExample({ parent: this.app.stage, ticker: this.app.ticker, x: this.app.screen.width / 2, y: this.app.screen.height / 2 });
    // this.didMount();

    if (!this.isMounted) {
      // finish initialization
      this.rootApplication = new RootApplication({
        args: {
          renderer: this.app.renderer,
        },
        updaters: this.props.gameStateUpdaters,
        delta: 0,
        gameState: this.props.gameState,
        appSize: this.state.appSize,
      })
      this.app.stage.addChild(this.rootApplication.container);
      this.renderSelf(this.props);
      // test
      // createBunnyExample({ parent: this.app.stage, ticker: this.app.ticker, x: this.app.screen.width / 2, y: this.app.screen.height / 2 });
      this.didMount();
    }

    this.state.pointNodeTexture = new Lazy(() => generatePointNodeTexture(props.args.renderer));

    this.state = {
      pointNodeTexture: new Lazy(() => generatePointNodeTexture(props.args.renderer))
    };