summaryrefslogtreecommitdiff
path: root/client/index.js
blob: 27110a18508c248952fe9603afd6c44f17b100fb (plain)
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
import React from 'react'
import ReactDOM from 'react-dom'
import { AppContainer } from 'react-hot-loader'
import { Provider } from 'react-redux'

import { toArray } from './util'
import Applet from './applet'
import { store } from './store'
import appendTable from './tables'

function appendReactApplet(el, payload) {
  ReactDOM.render(
    <AppContainer>
      <Provider store={store}>
        <Applet command={payload} />
      </Provider>
    </AppContainer>, el
  )
}

function appendApplets() {
  toArray(document.querySelectorAll('.applet')).forEach(el => {
    console.log(el.dataset.payload)
    let payload;
    try {
      payload = JSON.parse(el.dataset.payload)
    } catch (e) {
      return
    }
    console.log(payload)
    switch (payload.command) {
      case 'load file':
        appendTable(el, payload)
        break
      default:
        appendReactApplet(el, payload)
        break
    }
  })
}

function main() {
  const paras = document.querySelectorAll('section p')
  if (paras.length) {
    paras[0].classList.add('first_paragraph')
  }
  toArray(document.querySelectorAll('header .links a')).forEach(tag => {
    if (window.location.href.match(tag.href)) {
      tag.classList.add('active')
    }
  })
  appendApplets()
}

main()