hyperline/src/lib/plugins/docker.js at 97d46b3b0376e4ee9cb9706c703de303bc8ab363 · Hyperline/hyperline · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
import { exec as ex } from 'child_process'
import React, { Component } from 'react'
import SvgIcon from '../utils/svg-icon'

class PluginIcon extends Component {
  render() {
    return (
      <SvgIcon>
        <g fill="none" fillRule="evenodd">
          <g fill="none" fillRule="evenodd">
            <g
              className='network-icon'
              transform="translate(1.000000, 1.000000)"
            >
              <g>
                <path d="m3.14817,9.43129c-0.41374,0 -0.78987,-0.33852 -0.78987,-0.75226s0.33852,-0.75226 0.78987,-0.75226s0.78987,0.33852 0.78987,0.75226s-0.37613,0.75226 -0.78987,0.75226zm9.70417,-4.09982c-0.07523,-0.60181 -0.45136,-1.09078 -0.94033,-1.46691l-0.18807,-0.15045l-0.15045,0.18807c-0.3009,0.33852 -0.41374,0.94033 -0.37613,1.39168c0.03761,0.33852 0.15045,0.67703 0.33852,0.94033c-0.15045,0.07523 -0.33852,0.15045 -0.48897,0.22568c-0.33852,0.11284 -0.67703,0.15045 -1.01555,0.15045l-9.74178,0l-0.03761,0.22568c-0.07523,0.71465 0.03761,1.46691 0.33852,2.14394l0.15045,0.26329l0,0.03761c0.90271,1.50452 2.52007,2.18156 4.28789,2.18156c3.38517,0 6.16854,-1.46691 7.485,-4.62641c0.8651,0.03761 1.7302,-0.18807 2.14394,-1.01555l0.11284,-0.18807l-0.18807,-0.11284c-0.48897,-0.3009 -1.166,-0.33852 -1.7302,-0.18807zm-4.85208,-0.60181l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm0,-1.84304l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm0,-1.88065l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm1.80543,3.72369l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm-5.45389,0l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm1.84304,0l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm-3.64847,0l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm3.64847,-1.84304l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691zm-1.84304,0l-1.46691,0l0,1.46691l1.46691,0l0,-1.46691z" />
              </g>
            </g>
          </g>
        </g>

        <style jsx>{`
          .network-icon {
            fill: #73abff;
          }
        `}</style>
      </SvgIcon>
    )
  }
}

export default class Docker extends Component {
  static displayName() {
    return 'docker'
  }

  constructor(props) {
    super(props)

    this.state = { version: 'Not running' }
    this.setVersion = this.setVersion.bind(this)
  }

  setVersion() {
    exec('/usr/local/bin/docker version -f {{.Server.Version}}')
      .then(version => {
        this.setState({ version })
      })
      .catch(() => {
        this.setState({ version: 'Not running' })
      })
  }

  componentDidMount() {
    this.setVersion()
    this.interval = setInterval(() => this.setVersion(), 15000)
  }

  componentWillUnmount() {
    clearInterval(this.interval)
  }

  render() {
    return (
      <div className='wrapper'>
        <PluginIcon /> {this.state.version}

        <style jsx>{`
          .wrapper {
            display: flex;
            align-items: center;
            color: #73abff;
          }
        `}</style>
      </div>
    )
  }
}

function exec(command, options) {
  return new Promise((resolve, reject) => {
    ex(command, options, (err, stdout, stderr) => {
      if (err) {
        reject(`${err}\n${stderr}`)
      } else {
        resolve(stdout)
      }
    })
  })
}