{"version":3,"sources":["api/actorInterface.js","api/index.ts","App.js","reportWebVitals.js","index.js"],"names":["fn","IDL","Service","Func","Nat64","canisterId","String","process","agentOptions","agent","HttpAgent","addTransform","makeNonceTransform","makeExpiryTransform","actor","Actor","createActor","idlFactory","App","React","useState","posts","setPosts","useEffect","getCounts","a","api","getPostCount","console","log","toString","Number","toFixed","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8PAMeA,EANJ,SAAC,GAAa,IAAXC,EAAU,EAAVA,IACZ,OAAOA,EAAIC,QAAQ,CACjB,aAAgBD,EAAIE,KAAK,GAAI,CAACF,EAAIG,OAAQ,CAAC,UAC3C,aAAgBH,EAAIE,KAAK,GAAI,CAACF,EAAIG,OAAQ,CAAC,aCMzCC,EAAaC,OAEfC,+BAIAC,EAAoB,CACxBA,KAAoBD,6BAEdE,EAAQ,IAAIC,IAAUF,GAE5BC,EAAME,aAAaC,eACnBH,EAAME,aAAaE,YAAqB,OAExC,IAQeC,EARDC,IAAMC,YAClBC,EACA,CACER,QACAJ,e,QCqHWa,MA3If,WAEE,MAA0BC,IAAMC,SAAS,GAAzC,mBAAOC,EAAP,KAAcC,EAAd,KAeA,OAbAH,IAAMI,WAAU,WACd,IAAMC,EAAS,uCAAG,4BAAAC,EAAA,sEAEIC,EAAIC,eAFR,OAEVN,EAFU,OAIhBO,QAAQC,IAAI,QAASR,EAAMS,YAE3BR,EAASD,GANO,2CAAH,qDASfG,MACC,IAGD,0CAAWO,OAAOV,EAAMS,YAAY,KAAME,QAAQ,GAAlD,SCXWC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,eAM1Bb,M","file":"static/js/main.80968d79.chunk.js","sourcesContent":["const fn = ({ IDL }) => {\n  return IDL.Service({\n    'getUserCount': IDL.Func([], [IDL.Nat64], ['query']),\n    'getPostCount': IDL.Func([], [IDL.Nat64], ['query']),\n  });\n};\nexport default fn;\nexport const init = () => { return []; };","import {\n  Actor,\n  HttpAgent,\n  makeNonceTransform,\n  makeExpiryTransform,\n} from '@dfinity/agent';\nimport idlFactory from './actorInterface';\n\nconst isProd = process.env.NODE_ENV === 'production';\nconst canisterId = String(\n  isProd ?\n    process.env.REACT_APP_CANISTER_ID :\n    process.env.REACT_APP_LOCAL_CANISTER_ID\n  );\n\nlet agentOptions: any = {};\nagentOptions.host = process.env.REACT_APP_LOCAL_HOST;\n\nconst agent = new HttpAgent(agentOptions);\n\nagent.addTransform(makeNonceTransform());\nagent.addTransform(makeExpiryTransform( 2 * 60 * 1000));\n\nconst actor = Actor.createActor(\n  idlFactory,\n  {\n    agent,\n    canisterId,\n  },\n);\n\nexport default actor;","import React from 'react';\nimport './App.css';\nimport api from './api';\n// import logo from './images/logo.svg';\n\nfunction App() {\n  // const [users, setUsers] = React.useState(0);\n  const [posts, setPosts] = React.useState(0);\n\n  React.useEffect(() => {\n    const getCounts = async () => {\n      // const number = await api.getUserCount();\n      const posts = await api.getPostCount();\n\n      console.log('posts', posts.toString())\n      // setUsers(number);\n      setPosts(posts)\n      // setTimeout(getCounts, 3000)\n    };\n    getCounts()\n  }, [])\n\n  return (\n    <span>{`${(Number(posts.toString())/1000).toFixed(1)} k`}</span>\n  );\n\n  // return (\n  //   <div\n  //     style={{\n  //       height: \"100vh\",\n  //       display: \"flex\",\n  //       flexDirection: \"column\",\n  //       alignItems: \"center\",\n  //     }}\n  //   >\n  //     <div\n  //       style={{\n  //         padding: \"50px 16px\",\n  //         alignItems: \"center\",\n  //         display: \"flex\",\n  //         justifyContent: \"center\",\n  //       }}\n  //     >\n  //       <img src={logo} alt=\"Logo\" width=\"200\" />\n  //     </div>\n  //     <div\n  //       style={{\n  //         flex: 1,\n  //         display: \"flex\",\n  //         flexDirection: \"column\",\n  //         justifyContent: \"center\",\n  //         alignItems: \"center\",\n  //       }}\n  //     >\n  //       <div\n  //         style={{\n  //           justifyContent: \"center\",\n  //           display: \"flex\",\n  //         }}\n  //       >\n  //         <h1 style={{ fontSize: 22, textTransform: \"uppercase\" }}>User count</h1>\n  //       </div>\n  //       <div\n  //         style={{\n  //           fontSize: 14,\n  //           color: \"#444e9f\",\n  //           textDecoration: \"none\",\n  //         }}\n  //       >\n  //         <h1\n  //           style={{\n  //             fontSize: 80,\n  //             color: \"#ff703d\",\n  //             textTransform: \"uppercase\",\n  //           }}\n  //         >\n  //           {users.toString()}\n  //         </h1>\n  //       </div>\n  //       <div\n  //         style={{\n  //           justifyContent: \"center\",\n  //           display: \"flex\",\n  //         }}\n  //       >\n  //         <h1 style={{ fontSize: 22, textTransform: \"uppercase\" }}>Post count</h1>\n  //       </div>\n  //       <div\n  //         style={{\n  //           fontSize: 14,\n  //           color: \"#444e9f\",\n  //           textDecoration: \"none\",\n  //         }}\n  //       >\n  //         <h1\n  //           style={{\n  //             fontSize: 80,\n  //             color: \"#ff703d\",\n  //             textTransform: \"uppercase\",\n  //           }}\n  //         >\n  //           {posts.toString()}\n  //         </h1>\n  //       </div>\n  //     </div>\n  //     <div\n  //       style={{\n  //         paddingTop: 50,\n  //         height: 60,\n  //       }}\n  //     >\n  //       <div\n  //         style={{\n  //           justifyContent: \"center\",\n  //           display: \"flex\",\n  //         }}\n  //       >\n  //         <a\n  //           style={{\n  //             fontSize: 14,\n  //             color: \"#444e9f\",\n  //             textDecoration: \"none\",\n  //           }}\n  //           href=\"https://distrikt.io\"\n  //         >\n  //           Join us\n  //         </a>\n  //       </div>\n  //       <div\n  //         style={{\n  //           justifyContent: \"center\",\n  //           display: \"flex\",\n  //         }}\n  //       >\n  //         <p style={{ fontSize: 14 }}>\n  //           © Copyright <script>document.write(new Date().getFullYear())</script>{\" \"}\n  //           Open Internet Foundation\n  //         </p>\n  //       </div>\n  //     </div>\n  //   </div>\n  // );\n}\n\nexport default App;\n","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 './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('postsCount')\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":""}