'use strict'

class Hiversaires {
  constructor () {
    this.element = document.createElement('hiversaires')
    document.body.appendChild(this.element)
    window.hiversaires = this
    window.hh = this
    this.keyboard = new Keyboard(this.responder.bind(this))
    this.artBook = new ArtBook()
    this.game = new Game()
    this.music = new Music()
    this.stage = new Stage(this.element, this.responder.bind(this))
    this.interface = new Interface()
    this.walkthrough = new Walkthrough(this.responder.bind(this))
    this.cartographer = new Cartographer()
    // this.controller = new Controller()
  }

  start () {
    this.stage.start()
    this.game.start()
    this.refreshNode()
    this.interface.showHomeMenu()

    /*
    this.controller.add('default', '*', 'About', () => { require('electron').shell.openExternal('https://hundredrabbits.itch.io/hiversaires') }, 'CmdOrCtrl+,')
    this.controller.add('default', '*', 'Fullscreen', () => { app.toggle_fullscreen() }, 'CmdOrCtrl+Enter')
    this.controller.add('default', '*', 'Hide', () => { app.toggle_visible() }, 'CmdOrCtrl+H')
    this.controller.add('default', '*', 'Inspect', () => { app.inspect() }, 'CmdOrCtrl+.')
    this.controller.add('default', '*', 'Documentation', () => { this.controller.docs() }, 'CmdOrCtrl+Esc')
    this.controller.add('default', '*', 'Reset', () => { this.game.erase() }, 'CmdOrCtrl+Backspace')
    this.controller.add('default', '*', 'Quit', () => { app.exit() }, 'CmdOrCtrl+Q')

    this.controller.add('default', 'Move', 'Walk Forward', () => { this.moveForward() }, 'W')
    this.controller.add('default', 'Move', 'Walk Backward', () => { this.moveBackward() }, 'S')
    this.controller.add('default', 'Move', 'Turn Left', () => { this.moveLeft() }, 'A')
    this.controller.add('default', 'Move', 'Turn Right', () => { this.moveRight() }, 'D')

    this.controller.commit()
    */

    if (PRELOAD_ALL) {
      const preloads = document.createElement("preloads")
      document.body.appendChild(preloads)
      for (const filename of nodeAssetMap.values()) {
        const preload = document.createElement("preload")
        preloads.appendChild(preload)
        this.artBook.setArt(preload, '../media/graphics/' + 'node_render/' + filename)
      }
    }
  }

  get currentNode () {
    return nodesByID.get(this.game.userNodeID)
  }

  get currentSubject () {
    return this.currentNode.subjects[this.game.userOrientation]
  }

  get currentPuzzle () {
    const subject = this.currentSubject
    if (subject != null && subject.type == SubjectType.puzzle) {
      return puzzlesByID.get(subject.puzzleID)
    }
    return null
  }

  get currentSeals () {
    return this.game.puzzleState.seals
  }

  get currentFuses () {
    return this.game.puzzleState.fuses
  }

  responder (input) {
    if (this.game.userChapter == Chapter.credit) {
      return
    }

    if (DEBUG_LOG_INPUT) {
      console.log(input)
    }

    switch (input) {
      case Input.left:
        this.moveLeft()
        break
      case Input.right:
        this.moveRight()
        break
      case Input.forward:
        this.moveForward()
        break
      case Input.back:
        this.moveBackward()
        break
      case Input.action:
        this.action()
        break
      case Input.center:
        if (this.currentPuzzle != null && this.currentPuzzle.active) {
          this.action()
        } else {
          this.moveForward()
        }
        break
    }
  }

  refreshNode () {
    this.interface.hideMenu()
    this.stage.billboard('modifier').alpha = 0
    this.stage.billboard('clockFace').alpha = 0
    this.stage.billboard('clockShadow').alpha = 0
    this.stage.billboard('progressPane').alpha = 0
    this.stage.billboard('ententeScreen').alpha = 0

    this.stage.trigger('action').cursor = null
    this.stage.trigger('action').hidden = true
    this.stage.billboard('modifier').hidden = true

    this.stage.trigger('moveForward').hidden =
      this.currentSubject.type == SubjectType.none

    this.stage.billboard('viewMain').image = this.modifierToURL()

    let lastPuzzle = null
    while (this.currentPuzzle != null && lastPuzzle != this.currentPuzzle) {
      lastPuzzle = this.currentPuzzle
      lastPuzzle.setup()
    }
    this.stage.trigger('action').hidden = !(
      this.currentPuzzle != null && this.currentPuzzle.active
    )
    this.music.setAmbience(ambienceByZone.get(this.currentNode.zone))

    if (DEBUG_PRINT_INFO) {
      console.log(
        'at',
        this.game.userNodeID,
        'facing',
        this.game.userOrientation,
        'toward',
        this.currentSubject
      )
    }

    this.updateMusic()
  }

  updateMusic () {
    this.music.setRecord(recordsByChapter.get(this.game.userChapter))
  }

  moveLeft () {
    this.music.playEffect('footstep_turn')
    this.game.userOrientation = (this.game.userOrientation + 4 - 1) % 4
    this.stage.animateTurnLeft()
    this.refreshNode()
  }

  moveRight () {
    this.music.playEffect('footstep_turn')
    this.game.userOrientation = (this.game.userOrientation + 4 + 1) % 4
    this.stage.animateTurnRight()
    this.refreshNode()
  }

  moveForward () {
    if (this.currentSubject.type == SubjectType.node) {
      this.playFootStep()
      const { nodeID, orientation } = this.currentSubject
      this.game.userNodeID = nodeID
      if (orientation != null) {
        this.game.userOrientation = orientation
      }
    } else {
      this.music.playEffect('footstep_collide')
    }

    this.stage.animateStepForward()
    this.refreshNode()
  }

  moveBackward () {
    this.music.playEffect('footstep_turn')

    this.game.userOrientation = (this.game.userOrientation + 2) % 4
    this.refreshNode()

    if (this.currentSubject.type == SubjectType.node) {
      const { nodeID, orientation } = this.currentSubject
      this.game.userNodeID = nodeID
      if (orientation != null) {
        this.game.userOrientation = orientation
      }
    } else if (this.currentSubject.type == SubjectType.puzzle) {
      if (this.currentSubject.puzzleType == PuzzleType.door) {
        // As long as it's active, perform the door's action until you walked through it
        const lastSubject = this.currentSubject
        while (
          this.currentSubject == lastSubject &&
          this.currentPuzzle.active
        ) {
          this.currentPuzzle.performAction()
        }
      }
    }

    this.game.userOrientation = (this.game.userOrientation + 2) % 4
    this.refreshNode()

    this.stage.animateStepBackward()
  }

  warpTo (node, orientation = 0) {
    this.game.userNodeID = node
    this.game.userOrientation = orientation % 4
    this.refreshNode()
  }

  action () {
    if (this.currentPuzzle != null && this.currentPuzzle.active) {
      this.currentPuzzle.performAction()
    }
  }

  setModifier (modifier) {
    this.stage.billboard('modifier').image = this.modifierToURL(modifier)
  }

  preloadModifier (modifier) {
    this.artBook.preloadArt('../media/graphics/' + this.modifierToURL(modifier))
  }

  modifierToURL (modifier = null) {
    const identifiers = [this.game.userNodeID, this.game.userOrientation]
    if (modifier != null) identifiers.push(modifier)
    // return "node/" + identifiers.join(".") + ".jpg";
    return 'node_render/' + nodeAssetMap.get(identifiers.join('.'))
  }

  showModifier (fadeDuration = 0, fadeDelay = 0) {
    this.stage.billboard('modifier').hidden = false
    this.stage.fadeIn(
      this.stage.billboard('modifier'),
      fadeDuration,
      fadeDelay
    )
  }

  hideModifier (fadeDuration = 0, fadeDelay = 0) {
    this.stage.billboard('modifier').hidden = false
    this.stage.fadeOut(
      this.stage.billboard('modifier'),
      fadeDuration,
      fadeDelay
    )
  }

  setActionCursor (id) {
    this.stage.trigger('action').cursor = id
  }

  clearActionCursor () {
    this.stage.trigger('action').cursor = null
  }

  playFootStep () {
    this.game.userFootstep += 1
    this.music.playEffect(
      this.game.userFootstep % 2 == 1 ? 'footstep_left' : 'footstep_right'
    )
  }
}