{"version":3,"sources":["components/MetamaskConnectButton.js","components/Header.js","config.js","components/EthereumNetworkInfo.js","components/MiningPoolHashRate.js","components/EthereumPriceComponent.js","components/WalletBalance.js","components/MiningDetail.js","App.js","reportWebVitals.js","index.js"],"names":["MetamaskConnectButton","React","useState","buttonText","setButtonText","isDisabled","setDisabled","accounts","setAccounts","onboarding","useRef","useEffect","current","MetaMaskOnboarding","isMetaMaskInstalled","length","stopOnboarding","handleNewAccounts","newAccounts","window","ethereum","request","method","then","on","off","disabled","onClick","startOnboarding","useStyles","makeStyles","theme","root","flexGrow","menuButton","marginRight","spacing","title","Header","classes","className","AppBar","position","Toolbar","IconButton","edge","color","aria-label","Typography","variant","config","url","API_URL","EthInfo","props","state","safeGasPrice","proposeGasPrice","fastGasPrice","fetch","res","text","setState","isLoaded","catch","err","proposedGasPrice","this","getSafeGasPrice","getProposeGasPrice","getFastGasPrice","error","message","Card","componentDidMount","CardContent","gutterBottom","component","Component","MiningPoolHashRate","EthereumPriceComponent","ethCurrentPrice","response","data","getEthCurrentPrice","WalletBalance","getWalletBalance","address","a","undefined","json","isConnected","balance","Math","round","result","walletAddress","MiningDetail","minerId","serverBaseUrl","miner","earnings","currentHashRate","hashrate","hr","callMinerDetail","callEstimateEarnings","earnethhour","estEarningsPerHour","erndollarhour","earnethday","estEarningsPerDay","erndollarday","earnethweek","estEarningsPerWeek","erndollarweek","earnethmonth","estEarningsPerMonth","erndollarmonth","Paper","workersOnline","workersOffline","size","App","connectionCallBack","iConnected","apirul","Grid","EthereumNetworkInfo","process","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.b4282892.chunk.js","sourcesContent":["import MetaMaskOnboarding from '@metamask/onboarding';\nimport React from 'react';\n\nconst ONBOARD_TEXT = 'Click here to install MetaMask!';\nconst CONNECT_TEXT = 'Connect';\nconst CONNECTED_TEXT = 'Connected';\n\nexport default function MetamaskConnectButton() {\n  const [buttonText, setButtonText] = React.useState(ONBOARD_TEXT);\n  const [isDisabled, setDisabled] = React.useState(false);\n  const [accounts, setAccounts] = React.useState([]);\n  const onboarding = React.useRef();\n\n  React.useEffect(() => {\n    if (!onboarding.current) {\n      onboarding.current = new MetaMaskOnboarding();\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (MetaMaskOnboarding.isMetaMaskInstalled()) {\n      if (accounts.length > 0) {\n        setButtonText(CONNECTED_TEXT);\n        setDisabled(true);\n        onboarding.current.stopOnboarding();\n      } else {\n        setButtonText(CONNECT_TEXT);\n        setDisabled(false);\n      }\n    }\n  }, [accounts]);\n\n  React.useEffect(() => {\n    function handleNewAccounts(newAccounts) {\n      setAccounts(newAccounts);\n    }\n    if (MetaMaskOnboarding.isMetaMaskInstalled()) {\n      window.ethereum\n        .request({ method: 'eth_requestAccounts' })\n        .then(handleNewAccounts);\n      window.ethereum.on('accountsChanged', handleNewAccounts);\n      return () => {\n        window.ethereum.off('accountsChanged', handleNewAccounts);\n      };\n    }\n  }, []);\n\n  const onClick = () => {\n    if (MetaMaskOnboarding.isMetaMaskInstalled()) {\n      window.ethereum\n        .request({ method: 'eth_requestAccounts' })\n        .then((newAccounts) => setAccounts(newAccounts));\n    } else {\n      onboarding.current.startOnboarding();\n    }\n  };\n  return (\n    <div>\n    <button disabled={isDisabled} onClick={onClick}>\n      {buttonText}\n    </button>\n    {accounts}\n    </div>\n  );\n}\n","import React from 'react';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport {makeStyles } from '@material-ui/core/styles';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport MetamaskConnectButton from './MetamaskConnectButton'\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n  },\n  menuButton: {\n    marginRight: theme.spacing(2),\n  },\n  title: {\n    flexGrow: 1,\n  },\n}));\n\nexport default function Header() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <AppBar position=\"static\">\n        <Toolbar>\n          <IconButton edge=\"start\" className={classes.menuButton} color=\"inherit\" aria-label=\"menu\">\n            <MenuIcon />\n          </IconButton>\n          <Typography variant=\"h6\" className={classes.title}>\n            BubbleX\n          </Typography>\n          <MetamaskConnectButton />\n        </Toolbar>\n      </AppBar>\n    </div>\n  )\n  ;\n}\n","const prod = {\n    url : {\n        API_URL: 'https://young-reef-37886.herokuapp.com'\n    }\n};\nconst dev = {\n    url : {\n        API_URL: 'http://localhost:5000' \n    }\n};\n\nconst config = process.env.NODE_ENV === 'development' ? dev : prod;\n// const config = process.env.REACT_APP_STAGE === 'developpment' ? dev : prod;\n\nexport default config ;\n\n\n// export default {\n//     DEFAULT_PROP : 'baballba'\n//     config;\n// }","import React, {Component} from \"react\";\nimport Card from '@material-ui/core/Card';\nimport \"../style.css\";\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport config from '../config'\n\n\nclass EthInfo extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            title: \"Ethereum Network Gas Price (in Gwei)\",\n            safeGasPrice: \"N/A\",\n            proposeGasPrice: \"N/A\",\n            fastGasPrice: \"N/A\"\n        };\n    }\n\n    async getSafeGasPrice() {\n        var url = `${config.url.API_URL}/eth/safegasprice` ;\n        await fetch(url)\n            .then(res => res.text())\n            .then(res => this.setState({\n                isLoaded: true,\n                safeGasPrice: res\n            }))\n            .catch(err => err);\n    }\n\n    async getProposeGasPrice() {\n        var url = `${config.url.API_URL}/eth/proposegasprice` ;\n        await fetch(url)\n            .then(res => res.text())\n            .then(res => this.setState({\n                isLoaded: true,\n                proposedGasPrice: res\n            }))\n            .catch(err => err);\n    }\n\n    async getFastGasPrice() {\n        var url = `${config.url.API_URL}/eth/fastgasprice` ;\n        await fetch(url)\n            .then(res => res.text())\n            .then(res => this.setState({\n                isLoaded: true,\n                fastGasPrice: res\n            }))\n            .catch(err => err);\n    }\n\n    componentDidMount() {\n        this.getSafeGasPrice();\n        this.getProposeGasPrice();\n        this.getFastGasPrice();\n    }\n\n    render() {\n        const { error, isLoaded, safeGasPrice, proposedGasPrice, fastGasPrice} = this.state;\n        if (error) {\n          return <div>Component Error : {error.message}</div>;\n        } else if (!isLoaded) {\n          return <div>Chargement…</div>;\n        } else \n        { \n        return ( \n        \n                <Card className='' onClick={() => this.componentDidMount()}>\n                    <CardContent>\n                        <Typography className='' color=\"textSecondary\" gutterBottom>{this.state.title}</Typography>\n                        <span variant=\"h5\" component=\"h2\">Gwei : </span> safe\n                        <span variant=\"h2\" component=\"h2\" className='text-highlighted-green'> {safeGasPrice}</span> prop\n                        <span variant=\"h5\" component=\"h1\" className='text-highlighted-blue'> {proposedGasPrice}</span> fast\n                        <span variant=\"h5\" component=\"h3\" className='text-highlighted-magenta'> {fastGasPrice}</span> \n                    </CardContent>\n                </Card>\n        );\n        }\n    }\n}\n\nexport default EthInfo;","import React from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\n\nexport default function MiningPoolHashRate() {\n  return (\n    <Card className=''>\n    <CardContent>\n        <Typography className='' color=\"textSecondary\" gutterBottom>\n        Etash Mining HashRate\n        </Typography>\n        <Typography variant=\"h5\" component=\"h2\" className='text-highlighted-blue'>230 MH/S\n        </Typography>\n    </CardContent>\n</Card>\n  );\n}","import React, {Component} from \"react\";\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport \"../style.css\";\nimport config from '../config'\n\nclass EthereumPriceComponent extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            ethCurrentPrice: null,\n            title: \"Ethereum Price\"\n        };\n    }\n\n    async getEthCurrentPrice() {\n        var url = `${config.url.API_URL}/eth/ethcurrentprice` ;\n        await fetch(url)\n        .then((response) => response.text())\n        .then((data) => {\n                this.setState({\n                    isLoaded: true,\n                    ethCurrentPrice: data\n        });\n        },\n        (error) => {\n            this.setState({\n            isLoaded: true,\n            error\n            });\n        }\n        )\n    }\n\n    componentDidMount() {\n       this.getEthCurrentPrice();\n    }\n\n    render() {\n        const { error, isLoaded, ethCurrentPrice} = this.state;\n        if (error) {\n          return (   \n            <Card className=''>\n                <CardContent>\n                    <Typography className='' color=\"textSecondary\" gutterBottom>\n                    Component Error\n                    </Typography>\n                    <Typography variant=\"h5\" component=\"h2\" className='text-highlighted-blue'>{error.message}\n                    </Typography>\n                </CardContent>\n            </Card>\n          );\n        } else if (!isLoaded) {\n          return <div>Chargement…</div>;\n        } else \n        { \n        return (   \n                <Card className=''>\n                    <CardContent>\n                        <Typography className='' color=\"textSecondary\" gutterBottom>\n                        Ethereum Price\n                        </Typography>\n                        <Typography variant=\"h5\" component=\"h2\" className='text-highlighted-blue'>${ethCurrentPrice}\n                        </Typography>\n                    </CardContent>\n                </Card>\n        );\n        }\n    }\n}\n \nexport default EthereumPriceComponent;","import React, {Component} from 'react';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport config from '../config'\n\nclass WalletBalance extends Component {\n  constructor(props) {\n      super(props);\n      this.state = {\n          walletAddress: null,\n          isConnected : false,\n          balance: null,\n          title: \"Wallet balance\"\n      };\n  }\n\n  getWalletBalance = async(address) => {\n    var url = `${config.url.API_URL}/wallet/${address}/balance` ;\n    if (address !== undefined ) {\n      await fetch(url)\n        .then((response) => response.json())\n        .catch(err => {throw err})\n        .then(response => this.setState({\n          isLoaded: true,\n          isConnected : true,\n          balance: Math.round(response.result/10000000000000)/100000\n        }))\n        .catch(err => {throw err})\n      } else {\n        this.setState({\n          isLoaded: true,\n          isConnected : false\n      })\n  }\n}\n\n   componentDidMount() {\n     this.getWalletBalance(this.props.walletAddress);\n  }\n\n  render() {\n      const { error, isLoaded, balance} = this.state;\n      if (error) {\n        return (   \n          <Card className=''>\n              <CardContent>\n                  <Typography className='' color=\"textSecondary\" gutterBottom>\n                  Component Error\n                  </Typography>\n                  <Typography variant=\"h5\" component=\"h2\" className='text-highlighted-blue'>{error.message}\n                  </Typography>\n              </CardContent>\n          </Card>\n        );\n      } else if (!isLoaded) {\n        return <div>Chargement…</div>;\n      } else \n      { \n      return (   \n        <Card className=''>\n        <CardContent>\n            <Typography className='' color=\"textSecondary\" gutterBottom>\n            Wallet Balance \n            </Typography>\n                <Typography variant=\"h5\" component=\"h2\" className='text-highlighted-green'>Eth {balance}\n            </Typography>\n        </CardContent>\n    </Card>\n      );\n      }\n  }\n}\n\nexport default WalletBalance;\n\n","import React, {Component} from \"react\";\nimport Paper from '@material-ui/core/Paper';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport {IconButton} from '@material-ui/core';\nimport \"../style.css\"; \nimport config from '../config'\n\nclass MiningDetail extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            minerId : \"0x9e04689ec4F4B6A8BdEe305Bcd0A93F8B908eA0d\",\n            error: null,\n            isLoaded: false,\n            ethCurrentPrice: null,\n            serverBaseUrl: 'http://localhost:3000',\n            miner: {},\n            earnings: {},\n            currentHashRate: null\n        };\n    }\n\n    async callMinerDetail() {\n            fetch(\"https://www.cruxpool.com/api/eth/miner/0x9e04689ec4F4B6A8BdEe305Bcd0A93F8B908eA0d\")\n            .then((response) => response.json())\n            .then((json) => {\n                this.setState({\n                        isLoaded: true,\n                        miner: json.data,\n                        currentHashRate : Math.round(json.data.hashrate/10000)/100\n                });\n            },\n            (error) => {\n                this.setState({\n                  isLoaded: true,\n                  error\n                });\n              }\n            )\n    }\n    async callEstimateEarnings(hr) {\n        fetch(\"https://www.cruxpool.com/api/eth/estimatedEarnings/\"+hr)\n        .then((response) => response.json())\n        .then((json) => {\n                this.setState({\n                    isLoaded: true,\n                    earnings: json.data\n        });\n        },\n        (error) => {\n            this.setState({\n              isLoaded: true,\n              error\n            });\n          }\n        )\n    }\n\n    async getEthCurrentPrice() {\n        var url = `${config.url.API_URL}/eth/ethcurrentprice` ;\n        await fetch(url)\n        .then((response) => response.text())\n        .then((data) => {\n                this.setState({\n                    isLoaded: true,\n                    ethCurrentPrice: data\n        });\n        },\n        (error) => {\n            this.setState({\n            isLoaded: true,\n            error\n            });\n        }\n        )\n    }\n    componentDidMount() {\n        this.getEthCurrentPrice(); \n        this.callMinerDetail(); \n        this.callEstimateEarnings(this.state.currentHashRate); \n    }\n\n    render() {\n        const { error, isLoaded, miner, minerId, earnings, ethCurrentPrice, currentHashRate} = this.state;\n        if (error) {\n          return <div>Component Error : {error.message}</div>;\n        } else if (!isLoaded) {\n          return <div>Chargement…</div>;\n        } else \n        { \n            const earnethhour = Math.round(earnings.estEarningsPerHour*100000)/100000 ;\n            const erndollarhour = Math.round(earnethhour * ethCurrentPrice*100)/100;\n            const earnethday = Math.round(earnings.estEarningsPerDay*100000)/100000;\n            const erndollarday = Math.round(earnethday * ethCurrentPrice*100)/100;\n            const earnethweek = Math.round(earnings.estEarningsPerWeek*10000)/10000;\n            const erndollarweek = Math.round(earnethweek * ethCurrentPrice*100)/100;\n            const earnethmonth = Math.round(earnings.estEarningsPerMonth*10000)/10000 ;\n            const erndollarmonth = Math.round(earnethmonth * ethCurrentPrice*100)/100;\n               \n        return ( \n            \n            <Paper className='Message'  onClick={() => this.componentDidMount()}>\n\t\t\t\t<div className='Title'>Miner {minerId}</div>\n                <div>Real-Time HashRate : {currentHashRate} MH/S</div>\n                <div>Active Workers : {miner.workersOnline}</div>\n                <div>Inactive Workers : {miner.workersOffline}</div>\n                <div>Earning Per Hour : {earnethhour} Eth / {erndollarhour} $</div>\n\t\t\t\t<div>Earning Per Day : {earnethday} Eth / {erndollarday} $</div>\n                <div>Earning Per Week : {earnethweek} Eth / {erndollarweek} $</div>\n                <div>Earning Per Month : {earnethmonth} Eth / {erndollarmonth} $</div>\n                <IconButton className='' size='small' variant='outlined' color='secondary' onClick={() => this.componentDidMount()}><RefreshIcon /></IconButton>\n\t\t\t</Paper>\n        );\n    }\n}\n}\nexport default MiningDetail;","import React, {Component} from \"react\";\nimport Header from './components/Header.js';\nimport EthereumNetworkInfo from './components/EthereumNetworkInfo.js';\nimport MiningPoolHashRate from './components/MiningPoolHashRate'\nimport EthereumPriceComponent from './components/EthereumPriceComponent'\nimport WalletBalance from './components/WalletBalance'\nimport CardContent from '@material-ui/core/CardContent';\nimport Paper from '@material-ui/core/Paper';\nimport { Grid } from \"@material-ui/core\";\nimport MiningDetail from './components/MiningDetail'\nimport config from './config'\n\nimport \"./style.css\";\n\nclass App extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            iConnected: false,\n            accounts: null\n        };\n    }\n\n    connectionCallBack = (isConnected, accounts) => {\n        this.setState({isConnected: isConnected, accounts: accounts})\n  }\n\n    render() {\n\n        const env = process.env.NODE_ENV;\n        const apirul = config.url.API_URL;\n        const tempaddress = \"0x9e04689ec4F4B6A8BdEe305Bcd0A93F8B908eA0d\";\n        return (\n            <div className='root'>\n                <div className='rootGrid'>\n                    <Header className='header' />\n                    iConnectedfromheader = {this.state.isConnected}\n                    <div  className='mainContainer'>  \n                        <div className='contentGrid'>\n                            <div className='infoContainer'>\n                                <Grid className='leftInfoContainer'>\n                                    <EthereumPriceComponent />\n                                    <EthereumNetworkInfo />\n                                    <MiningPoolHashRate />\n                                    <WalletBalance walletAddress={tempaddress}/>\n                                </Grid>\n                                <Paper className='rightInfoContainer'>\n                                    <CardContent>\n                                        <MiningDetail /> \n                                    </CardContent>\n                                </Paper>\n                            </div>\n                            <Paper className='detailContainer'> \n                               tab with detail tx\n                            </Paper>\n                        </div> \n                    </div>\n                    <div className='footer'>\n                        {env} server url {apirul}\n                    </div>\n                </div>\n             </div>    \n        );\n    }\n}\n\nexport default App;","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './style.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}