windows95/src/renderer/renderer.js

const BUTTONS = document.querySelector('#buttons')

let cursorCaptured = false

const OPTIONS = {
  win95: {
    hda: {
      url: './images/windows95.img',
      async: true,
      size: 242049024
    }
  }
}

async function main (id) {
  const opts = Object.assign({
    memory_size: 64 * 1024 * 1024,
    screen_container: document.getElementById('emulator'),
    bios: {
      url: './bios/seabios.bin'
    },
    vga_bios: {
      url: './bios/vgabios.bin'
    }
  }, OPTIONS[id])

  // New v86 instance
  window.emulator = new V86Starter(opts)

  // Restore state. We can't do this right away.
  setTimeout(async () => {
    await windows95.restoreState()

    cursorCaptured = true
    window.emulator.lock_mouse()
    window.emulator.run()
  }, 500)
}

function setupButtons () {
  document.querySelectorAll('.btn-start').forEach((btn) => {
    btn.addEventListener('click', () => {
      BUTTONS.remove()
      document.body.className = ''
      main(btn.id)
    })
  })

  document.querySelector('#reset').addEventListener('click', () => {
    if (window.emulator.stop) {
      window.emulator.stop()
    }

    windows95.resetState()

    if (window.emulator.run) {
      window.emulator.run()
    }

    document.querySelector('#reset').disabled = true
  })
}

function setupEscListener () {
  document.onkeydown = function (evt) {
    evt = evt || window.event
    if (evt.keyCode === 27) {
      if (cursorCaptured) {
        cursorCaptured = false
        document.exitPointerLock()
      } else {
        cursorCaptured = true
        window.emulator.lock_mouse()
      }
    }
  }
}

function setupCloseListener () {
  let isQuitting = false

  const handleClose = async () => {
    await windows95.saveState()
    isQuitting = true
    windows95.quit()
  }

  window.onbeforeunload = (event) => {
    if (isQuitting) return

    handleClose()
    event.preventDefault()
    event.returnValue = false
  }
}

setupEscListener()
setupCloseListener()
setupButtons()