development/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>MetaMask</title>

  </head>
  <body>

    <!-- app content -->
    <div id="app-content" style="height: 100%"></div>
    <script src="./bundle.js" type="text/javascript" charset="utf-8"></script>

  </body>

<style>
html, body, #test-container, .super-dev-container {
  height: 100%;
  width: 100%;
  position: relative;
  background: white;
}
#app-content {
  background: #F7F7F7;
}
</style>

<script>
liveReloadCode(Date.now(), 300)
function liveReloadCode(lastUpdate, updateRate) {
  setTimeout(iter, updateRate)

  function iter() {
    var xhr = new XMLHttpRequest()

    xhr.open('GET', '/-/live-reload')
    xhr.onreadystatechange = function() {
      if(xhr.readyState !== 4) {
        return
      }

      try {
        var change = JSON.parse(xhr.responseText).lastUpdate

        if(lastUpdate < change) {
          return reload()
        }
      } catch(err) {
      }

      xhr =
      xhr.onreadystatechange = null
      setTimeout(iter, updateRate)
    }

    xhr.send(null)
  }
}

function reload() {
  window.location.reload()
}
 </script>
</html>