{"version":3,"sources":["reportWebVitals.js","component/Header.jsx","audio/kaget.wav","container/Counter.jsx","container/Gambar.jsx","App.js","index.js"],"names":["reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","Header","id","cookies","Cookies","Counter","state","count","parseInt","get","audio","Howl","src","suara","playAudio","stop","play","fade","popOut","element","document","getElementById","classList","remove","offsetWidth","add","setCookies","data","set","path","expires","Date","setFullYear","getFullYear","formatNumber","num","toString","replace","showNotif","role","undefined","toast","success","handlePress","timer","setTimeout","setState","handleRelease","clearTimeout","console","log","window","addEventListener","this","e","repeat","style","marginTop","Component","Gambar","gambarU","gambarWah","pic","className","alt","marginBottom","App","position","autoClose","hideProgressBar","newestOnTop","closeOnClick","rtl","pauseOnFocusLoss","draggable","pauseOnHover","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.eab60e61.chunk.js","sourcesContent":["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'; \n\nconst Header = () => {\n  return <h1 id=\"header\">POPELO</h1>\n}\n\nexport default Header;\n","export default __webpack_public_path__ + \"static/media/kaget.60594b9c.wav\";","import React, { Component } from 'react';\nimport Cookies from 'universal-cookie';\nimport { Howl } from 'howler';\nimport { toast } from 'react-toastify';\n  \nimport suara from '../audio/kaget.wav';\nimport 'react-toastify/dist/ReactToastify.css';\n\nconst cookies = new Cookies();\n\nclass Counter extends Component {\n  state = {\n    count : parseInt(cookies.get('count')) || 0\n  }\n  \n  audio = new Howl({\n    src: [suara]\n  });\n  \n  playAudio = () => {\n    this.audio.stop();\n    this.audio.play();\n    this.audio.fade(0, 1, 100);\n  }\n  \n  popOut = () => {\n    const element = document.getElementById('counter')\n    element.classList.remove('popout')\n    void element.offsetWidth\n    element.classList.add('popout')\n  }\n  \n  setCookies = (data) => {\n    cookies.set('count', parseInt(data) , { \n      path: '/',\n      expires: new Date(new Date().setFullYear(new Date().getFullYear() + 1))\n    });\n  }\n  \n  formatNumber = (num) => {\n    return num.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\n  }\n  \n  showNotif = (count) => {\n    switch (count) {\n      case 100:\n        this.role = 'BuzzeRp';\n        break;\n      case 500:\n        this.role = 'Kadrun';\n        break;\n      case 1000:\n        this.role = 'Pemakar Handal';\n        break;\n      case 5000:\n        this.role = 'Mahasiswa Jurusan Teknik Perdemoan';\n        break;\n      case 10000:\n        this.role = 'Buronan';\n        break;\n      case 30000:\n        this.role = 'Penjahat Kelas Kakap';\n        break;\n      case 999999:\n        this.role = 'Cheater';\n        break;\n      default:\n        this.role = undefined;\n        break;\n    }\n    if(this.role !== undefined){\n      toast.success(`Anda telah mencapai ${this.formatNumber(count)}!\nAnda adalah seorang ${this.role}`);\n      this.role = undefined;\n    }\n  }\n  \n  handlePress = () => {\n    this.timer = setTimeout(() => {\n      this.playAudio();\n      this.popOut();\n      this.setState({\n        count: this.state.count + 1,\n      });\n      this.setCookies(this.state.count);\n      this.showNotif(this.state.count);\n    }, 0);\n  }\n  \n  handleRelease = () => {\n    clearTimeout(this.timer);\n  }\n  \n  componentDidMount(){\n    console.log('Jangan ciduk saya pak. Saya sedang belajar React.js, berhubung popcat.click sedang ngetren saat ini, ya sudah saya buat saja versi clonenya. Saya bukan bermaksud untuk makar 🙏🏼, saya saat pilpres saja memilih Pak Jokowi kok, hehe');\n    window.addEventListener('touchstart', this.handlePress);\n    window.addEventListener('touchend', this.handleRelease);\n    window.addEventListener('mousedown', this.handlePress);\n    window.addEventListener('mouseup', this.handleRelease);\n    window.addEventListener('keydown', (e) => {\n      if (e.repeat) { return }\n      this.handlePress();\n    });\n    window.addEventListener('keyup', this.handleRelease);\n  }\n  \n  render () {\n    return (\n      <div>\n        <h2 id=\"counter\" style={{marginTop:'-15px'}}>{this.formatNumber(this.state.count)}</h2>\n      </div>\n    )\n  }\n}\n\nexport default Counter;","import React, { Component } from 'react';\nimport '../css/App.css';\n\nclass Gambar extends Component {\n  gambarU = \"https://raw.githubusercontent.com/MFarelS/MFarelS/master/u.png\";\n  gambarWah = \"https://raw.githubusercontent.com/MFarelS/MFarelS/master/wah.png\";\n  \n  state = {\n    pic : this.gambarU\n  }\n  \n  handlePress = () => {\n    this.timer = setTimeout(() => {\n      this.setState({\n        pic : this.gambarWah\n      });\n    }, 0);\n  }\n  \n  handleRelease = () => {\n    setTimeout(() => {\n      clearTimeout(this.timer);\n      this.setState({\n        pic : this.gambarU\n      });\n    }, 100);\n  }\n  \n  componentDidMount(){\n    window.addEventListener('touchstart', this.handlePress);\n    window.addEventListener('touchend', this.handleRelease);\n    window.addEventListener('mousedown', this.handlePress);\n    window.addEventListener('mouseup', this.handleRelease);\n    window.addEventListener('keydown', (e) => {\n      if (e.repeat) { return }\n      this.handlePress();\n    });\n    window.addEventListener('keyup', this.handleRelease);\n  }\n\n  render(){\n    return (\n      <div className='row'>\n        <div className='col-6 col-md-6 mx-auto'>\n          <img src={this.state.pic} className=\"fixed-bottom mx-auto\" alt=\"\" id=\"img\" style={{marginBottom:'-5px'}}/>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default Gambar;\n","import React, { Component, Fragment } from 'react';\nimport { ToastContainer } from 'react-toastify';\n\nimport Header from './component/Header';\nimport Counter from './container/Counter';\nimport Gambar from './container/Gambar';\nimport './css/App.css';\n\nclass App extends Component{\n  render(){\n    return (\n      <Fragment>\n        <ToastContainer \n          position=\"top-right\"\n          autoClose={5000}\n          hideProgressBar={false}\n          newestOnTop={false}\n          closeOnClick\n          rtl={false}\n          pauseOnFocusLoss\n          draggable\n          pauseOnHover/>\n        <div className=\"container\">\n          <div className=\"row text-center\">\n            <div className=\"col-12 col-md-8 mt-4 mx-auto\">\n              <Header />\n              <Counter />\n              <Gambar />\n            </div>\n          </div>\n        </div>\n      </Fragment>\n    );\n  }\n}\n\nexport default App;","import React from 'react';\nimport ReactDOM from 'react-dom';\n\n\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport 'bootstrap/dist/js/bootstrap.bundle.min.js';\n\nimport App from './App';\nimport './css/index.css';\n\n//import Goodbye from './component/Goodbye';\n//import './css/Goodbye.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n    {/*<Goodbye />*/}\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\nreportWebVitals();\n"],"sourceRoot":""}