{"version":3,"sources":["components/Header.js","components/Footer.js","pages/Home.js","components/CommandItem.js","pages/Commands.js","pages/Status.js","pages/events/Christmas.js","App.js","index.js"],"names":["Header","state","activeMenu","toggleMenu","setState","className","role","aria-label","href","src","alt","onClick","this","aria-expanded","aria-hidden","React","Component","Footer","Home","Command","props","command","aliases","map","a","key","description","cooldown","Commands","commands","axios","get","then","res","data","categories","includes","category","push","id","filter","c","CommandItem","Status","status","ready","guilds","users","shards","totalShards","statusTag","statusDescription","width","shard","shardID","shardStatus","data-tooltip","shardPing","class","toLocaleString","Christmas","userData","indexOf","avatar","username","candies","App","exact","path","component","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.20d66f37.chunk.js","sourcesContent":["import React from 'react'\n//import {Link} from 'react-router-dom'\n\nclass Header extends React.Component {\n    state = {\n        activeMenu: false\n    }\n\n    toggleMenu = () => {\n        this.setState({\n            activeMenu: !this.state.activeMenu\n        })\n    }\n\n    render() {\n        return (\n            <nav className=\"navbar\" role=\"navigation\" aria-label=\"main navigation\">\n                <div className=\"navbar-brand\">\n                    <a className=\"navbar-item\" href=\"/\">\n                        <img src=\"images/halpie_logo.webp\" alt=\"Halpie Logo\" />\n                    </a>\n\n                    <div\n                        onClick={this.toggleMenu}\n                        role=\"button\"\n                        className={`navbar-burger burger ${this.state.activeMenu\n                        ? 'is-active'\n                        : ''}`}\n                        aria-label=\"menu\"\n                        aria-expanded=\"false\">\n                        <span aria-hidden=\"true\"></span>\n                        <span aria-hidden=\"true\"></span>\n                        <span aria-hidden=\"true\"></span>\n                    </div>\n                </div>\n\n                <div\n                    className={`navbar-menu ${this.state.activeMenu\n                    ? 'is-active'\n                    : ''}`}>\n                    <div className=\"navbar-end\">\n                        <a className=\"navbar-item\" href=\"/\">Home</a>\n                        <a className=\"navbar-item\" href=\"/commands\">Commands</a>\n                        <a className=\"navbar-item\" href=\"/status\">Status</a>\n                        <div className=\"navbar-item has-dropdown is-hoverable\">\n                            <div className=\"navbar-link\">Leaderboards</div>\n                            <div className=\"navbar-dropdown\">\n                                <a href=\"/leaderboards/christmas\" className=\"navbar-item\">Christmas</a>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </nav>\n        )\n    }\n}\n\nexport default Header","import React from 'react'\n\nclass Footer extends React.Component {\n  render () {\n    return (\n      <footer className=\"footer\">\n        <div className=\"content has-text-centered\">\n          <p>Website by <strong>_notSalt#0303</strong></p>\n          <p>\n            Halpie is not affiliated with Shanghai Moonton Technology Co., Ltd.\n          </p>\n        </div>\n      </footer>\n    )\n  }\n}\n\nexport default Footer","import React from 'react'\n\nclass Home extends React.Component {\n  render () {\n    return (\n      <section className=\"section introduction\">\n        <div className=\"container has-text-centered\">\n          <img src=\"images/logo.webp\" className=\"logo\" alt=\"Halpie Logo\" />\n          <h1 className=\"title has-text-white\">Halpie</h1>\n          <div className=\"buttons is-centered\">\n            <a className=\"button is-large is-rounded is-white\" href=\"https://discord.gg/3mpgp5N\"><span>Support Server</span></a>\n          </div>\n        </div>\n      </section>\n    )\n  }\n}\n\nexport default Home","import React from 'react'\nimport PropTypes from 'prop-types'\n\nclass Command extends React.Component {\n  render () {\n    return (\n      <article className=\"message\">\n        <div className=\"message-body\">\n          <b>{this.props.command.command}</b>\n          <div className=\"tags\">\n            {this.props.command.aliases.map(a => (<span key={a} className=\"tag\">{a}</span>))}\n          </div>\n          <div>\n            <p>{this.props.command.description}</p>\n          </div>\n          <div>\n            <p><span role=\"img\" aria-label=\"clock\">🕑</span> {(this.props.command.cooldown > 60) ? `${this.props.command.cooldown / 60} minute(s)` : ((this.props.command.cooldown) ? `${this.props.command.cooldown} seconds` : 'No cooldown')}</p>\n          </div>\n        </div>\n      </article>\n    )\n  }\n}\n\nCommand.propTypes = {\n  command: PropTypes.object.isRequired\n}\n\nexport default Command","import React from 'react'\nimport axios from 'axios'\n\nimport CommandItem from '../components/CommandItem'\n\nclass Commands extends React.Component {\n  state = {\n    commands: []\n  }\n\n  componentDidMount () {\n    axios\n      .get('https://halpieAPI.b-cdn.net/commands')\n      .then(res => this.setState({ commands: res.data.commands }))\n  }\n\n  render () {\n    const categories = []\n    for (const command of this.state.commands) {\n      if (!categories.includes(command.category)) categories.push(command.category)\n    }\n    return (\n      <div>\n        <section className=\"hero is-primary is-bold\">\n          <div className=\"hero-body\">\n            <h1 className=\"title\">Commands</h1>\n          </div>\n        </section>\n\n        <section className=\"section\">\n          <section className=\"container\">\n            <div className=\"box\">\n              <div className=\"buttons\">\n                {categories.map(category => (\n                  <a className=\"button is-dark\" href={`#${category}`} key={category}>{category}</a>\n                ))}\n              </div>\n            </div>\n          </section>\n\n          <section className=\"section\">\n            {categories.map(category => (\n              <article id={category} key={category} className=\"message\">\n                <div className=\"message-header\">\n                  <p>{category}</p>\n                </div>\n                <div className=\"message-body\">\n                  {this.state.commands.filter(c => c.category === category).map(command => (\n                    <CommandItem key={command.command} command={command} />\n                  ))}\n                </div>\n              </article>\n            ))}\n          </section>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Commands","import React from 'react'\nimport axios from 'axios'\n\nclass Status extends React.Component {\n  state = {\n    status: {\n      ready: false,\n      guilds: 0,\n      users: 0,\n      shards: {\n        totalShards: 0,\n        shards: []\n      }\n    }\n  }\n\n  componentDidMount () {\n    axios\n      .get('https://api.halpie.com/shards')\n      .then(res => this.setState({ status: {\n        ready: res.data.ready,\n        guilds: res.data.guilds,\n        users: res.data.users,\n        shards: res.data.shards\n      }}))\n  }\n\n  render () {\n    const statusTag = this.state.status.ready\n    ? <span className=\"tag is-success is-large\">Online</span>\n    : <span className=\"tag is-danger is-large\">Offline</span>\n\n    const statusDescription = this.state.status.ready\n    ? <p className=\"heading\">Systems are operational!</p>\n    : <p className=\"heading\">Systems are offline!</p>\n\n    return (\n      <div>\n        <section className=\"hero is-primary is-bold\">\n          <div className=\"hero-body\">\n            <h1 className=\"title\">Status</h1>\n          </div>\n        </section>\n\n        <section className=\"section\">\n          <div className=\"container has-text-centered\">\n            <img src=\"https://halpie.b-cdn.net/images/logo.webp\" alt=\"Halpie Logo\" width=\"150\" />\n            {statusDescription}\n            {statusTag}\n          </div>\n        </section>\n\n      <section className=\"section\">\n        <div className=\"container has-text-centered\">\n          <div className=\"box\">\n          <h1 className=\"title\">Shards</h1>\n          {this.state.status.shards.shards.map(shard => (\n            <div key={shard.shardID} className={`tag is-medium has-tooltip-bottom ${shard.shardStatus === 0 ? 'is-success' : 'is-warning' }`} data-tooltip={shard.shardPing + 'ms'}>{shard.shardID}</div>\n          ))}\n          </div>\n        </div>\n      </section>\n\n        <section className=\"section\">\n          <div className=\"container has-text-centered\">\n            <div className=\"box\">\n              <nav className=\"level is-mobile\">\n                <div className=\"level-item has-text-centered\">\n                  <div>\n                    <p className=\"heading\">Guilds</p>\n                    <p class=\"title\">{this.state.status.guilds.toLocaleString() || '0'}</p>\n                  </div>\n                </div>\n                <div className=\"level-item has-text-centered\">\n                  <div>\n                    <p className=\"heading\">Users</p>\n                    <p class=\"title\">{this.state.status.users.toLocaleString() || '0'}</p>\n                  </div>\n                </div>\n                <div className=\"level-item has-text-centered\">\n                  <div>\n                    <p className=\"heading\">Shards</p>\n                    <p class=\"title\">{this.state.status.shards.totalShards.toLocaleString() || '0'}</p>\n                  </div>\n                </div>\n              </nav>\n            </div>\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Status","import React, { Component } from 'react'\nimport axios from 'axios'\n\nexport default class Christmas extends Component {\n  state = {\n    data: []\n  }\n\n  componentDidMount () {\n    axios\n      .get('https://events.api.mlbb.dev/halloween')\n      .then(res => this.setState({ data: res.data.data }))\n  }\n\n  render() {\n    return (\n      <div>\n        <section className=\"hero is-primary is-bold\">\n          <div className=\"hero-body\">\n            <h1 className=\"title\">Halloween Leaderboards</h1>\n          </div>\n        </section>\n\n        <section className=\"section\">\n          <div className=\"container\">\n            <table className=\"table is-hoverable is-fullwidth\">\n              <thead>\n                <tr>\n                  <th>Rank</th>\n                  <th>User</th>\n                  <th>Candies</th>\n                </tr>\n              </thead>\n              <tbody>\n                {this.state.data.map(userData => (\n                  <tr>\n                    <th>{this.state.data.indexOf(userData) + 1}</th>\n                    <td><img className=\"leaderboard-icon\" src={userData.avatar} alt={`${userData.username}'s avatar`}></img>{userData.username}</td>\n                    <td>{userData.candies}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n","import React from 'react'\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom'\n\nimport Header from './components/Header'\nimport Footer from './components/Footer'\n\nimport Home from './pages/Home'\nimport Commands from './pages/Commands'\nimport Status from './pages/Status'\nimport Christmas from './pages/events/Christmas'\n\nimport './App.scss'\n\nclass App extends React.Component {\n  render () {\n    return (\n      <Router>\n        <div className=\"App\">\n          <Header />\n          <Switch>\n            <Route exact path=\"/\" component={Home} />\n            <Route path=\"/commands\" component={Commands} />\n            <Route path=\"/status\" component={Status} />\n            <Route path=\"/leaderboards/christmas\" component={Christmas}></Route>\n          </Switch>\n          <Footer />\n        </div>\n      </Router>\n    )\n  }\n}\n\nexport default App\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport App from './App'\n\nReactDOM.render(<App />, document.getElementById('root'))"],"sourceRoot":""}