{"version":3,"sources":["components/posts.js","components/post.js","App.js","reportWebVitals.js","index.js"],"names":["Posts","useState","posts","setPosts","useEffect","getPosts","a","fetch","resp","console","log","json","postsResp","map","post","to","id","title","Post","setPost","getPost","postResp","Object","keys","length","text","Date","published_at","toLocaleString","App","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"yOAkCeA,EA/BD,WACZ,MAA0BC,mBAAS,IAAnC,mBAAOC,EAAP,KAAcC,EAAd,KAgBA,OAdAC,qBAAU,WACR,IAAMC,EAAQ,uCAAG,8BAAAC,EAAA,sEACIC,MACjB,8DAFa,cACTC,EADS,OAIfC,QAAQC,IAAIF,GAJG,SAKSA,EAAKG,OALd,OAKTC,EALS,OAMfH,QAAQC,IAAIE,GACZT,EAASS,GAPM,2CAAH,qDAUdP,MACC,IAGD,gCACE,uCACCH,EAAMW,KAAI,SAACC,GAAD,OACT,8BACE,6BACE,cAAC,IAAD,CAAMC,GAAE,iBAAYD,EAAKE,IAAzB,SAAgCF,EAAKG,WAF/BH,EAAKE,WCURE,EA/BF,SAAC,GAAY,IAAVF,EAAS,EAATA,GACd,EAAwBf,mBAAS,IAAjC,mBAAOa,EAAP,KAAaK,EAAb,KAcA,OAZAf,qBAAU,WACR,IAAMgB,EAAO,uCAAG,8BAAAd,EAAA,sEACKC,MAAM,8DAAD,OACwCS,IAFlD,cACRR,EADQ,gBAISA,EAAKG,OAJd,OAIRU,EAJQ,OAKdF,EAAQE,GALM,2CAAH,qDAQbD,MACC,CAACJ,IAECM,OAAOC,KAAKT,GAAMU,OAGrB,gCACE,6BAAKV,EAAKG,QACV,4BAAIH,EAAKW,OACT,4BACE,4CAAe,IAAIC,KAAKZ,EAAKa,cAAcC,sBAE7C,4BACE,cAAC,IAAD,CAAMb,GAAG,IAAT,0BAVgC,yBCJzBc,MATf,WACE,OACE,eAAC,IAAD,WACE,cAAC,EAAD,CAAOC,KAAK,MACZ,cAAC,EAAD,CAAMA,KAAK,mBCGFC,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,SAM1Bb,M","file":"static/js/main.38a79315.chunk.js","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Link } from \"@reach/router\";\n\nconst Posts = () => {\n  const [posts, setPosts] = useState([]);\n\n  useEffect(() => {\n    const getPosts = async () => {\n      const resp = await fetch(\n        'https://serverless-api.sergeidev2494.workers.dev/api/posts'\n      );\n      console.log(resp)\n      const postsResp = await resp.json();\n      console.log(postsResp)\n      setPosts(postsResp);\n    };\n\n    getPosts();\n  }, []);\n\n  return (\n    <div>\n      <h1>Posts</h1>\n      {posts.map((post) => (\n        <div key={post.id}>\n          <h2>\n            <Link to={`/posts/${post.id}`}>{post.title}</Link>\n          </h2>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Posts;","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"@reach/router\";\n\nconst Post = ({ id }) => {\n  const [post, setPost] = useState({});\n\n  useEffect(() => {\n    const getPost = async () => {\n      const resp = await fetch(\n        `https://serverless-api.sergeidev2494.workers.dev/api/posts/${id}`\n      );\n      const postResp = await resp.json();\n      setPost(postResp);\n    };\n\n    getPost();\n  }, [id]);\n\n  if (!Object.keys(post).length) return <div />;\n\n  return (\n    <div>\n      <h1>{post.title}</h1>\n      <p>{post.text}</p>\n      <p>\n        <em>Published {new Date(post.published_at).toLocaleString()}</em>\n      </p>\n      <p>\n        <Link to=\"/\">Go back</Link>\n      </p>\n    </div>\n  );\n};\n\nexport default Post;","import { Router } from \"@reach/router\";\n\nimport Posts from './components/posts'\nimport Post from './components/post'\n\nfunction App() {\n  return (\n    <Router>\n      <Posts path=\"/\" />\n      <Post path=\"/posts/:id\" />\n    </Router>\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('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":""}