overmind/packages/node_modules/overmind-devtools/src/index.tsx at actionContext · hipertracker/overmind · GitHub

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
65
66
67
68
69
70
71
72
73
74
75
76
import { injectGlobal } from 'emotion'
import { render } from 'react-dom'
import { createElement } from 'react'
import * as iconFont from './icomoon.woff2'
import Devtools from './components/Devtools'
import { overmind } from './overmind'

injectGlobal`
  @font-face {
    font-family: 'icomoon';
    src: url('${iconFont}') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  :root {
    --color-primary: hsl(206, 57%, 17%);
    --color-purple: #c5a5c5;
    --color-yellow: #fac863;
    --color-blue: #79b6f2;
    --color-blue: #79b6f2;
    --color-red: #cc0000;

    --color-dark-1: hsl(206, 57%, 17%);
    --color-dark-2: hsl(206, 57%, 13%);
    --color-dark-3: hsl(206, 57%, 16%);
    --color-white-1: hsl(0, 0%, 90%);
    --color-white-2: hsl(0, 0%, 85%);
    --color-white-3: hsl(0, 0%, 80%);
    --color-white-4: hsl(0, 0%, 75%);
    --color-black-1: hsl(0, 0%, 20%);
    --color-black-2: hsl(0, 0%, 25%);
    --color-gray-1: hsl(0, 0%, 90%);
    --color-gray-2: hsl(0, 0%, 95%);

    --padding-1: 0.1rem;
    --padding-2: 0.25rem;
    --padding-3: 0.5rem;
    --padding-4: 1rem;
    --padding-5: 2rem;
    --padding-6: 3rem;

    --font-size-1: 10px;
    --font-size-2: 14px;
    --font-size-3: 16px;
    --font-size-4: 20px;
    --font-size-5: 22px;
    --font-size-6: 34px;

    --border-radius-1: 3px;
    --border-radius-2: 6px;
  }

  html, body {
    margin: 0;
    height: 100%;
  }
  body {
    overflow: hidden;
    font-family: Helvetica Neue;
    background-color: var(--color-dark-2);
    color: var(--color-white-1);
    line-height: 24px;
  }
  #app {
    height: 100%;
  }
`

window.onerror = (_, _2, _3, _4, error) => {
  overmind.actions.setError(error.message)
}

const container = document.createElement('div')
container.id = 'app'
document.body.appendChild(container)
render(<Devtools />, container)