{"version":3,"sources":["components/posts.js","components/post.js","App.js","reportWebVitals.js","index.js"],"names":["Posts","useState","posts","setPosts","useEffect","a","fetch","resp","json","postsResp","getPosts","map","post","to","id","title","Post","setPost","postResp","getPost","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":"yOAgCeA,EA7BD,WAAO,IAAD,EACQC,mBAAS,IADjB,mBACXC,EADW,KACJC,EADI,KAelB,OAZAC,qBAAU,YACM,uCAAG,8BAAAC,EAAA,sEACIC,MACjB,gEAFa,cACTC,EADS,gBAISA,EAAKC,OAJd,OAITC,EAJS,OAKfN,EAASM,GALM,2CAAH,qDAQdC,KACC,IAGD,gCACE,uCACCR,EAAMS,KAAI,SAACC,GAAD,OACT,8BACE,6BACE,cAAC,IAAD,CAAMC,GAAE,iBAAYD,EAAKE,IAAzB,SAAgCF,EAAKG,WAF/BH,EAAKE,WCYRE,EA/BF,SAAC,GAAY,IAAVF,EAAS,EAATA,GAAS,EACCb,mBAAS,IADV,mBAChBW,EADgB,KACVK,EADU,KAevB,OAZAb,qBAAU,YACK,uCAAG,8BAAAC,EAAA,sEACKC,MAAM,gEAAD,OAC0CQ,IAFpD,cACRP,EADQ,gBAISA,EAAKC,OAJd,OAIRU,EAJQ,OAKdD,EAAQC,GALM,2CAAH,qDAQbC,KACC,CAACL,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.10e38e2e.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.coding-to-music.workers.dev/api/posts\"\n      );\n      const postsResp = await resp.json();\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;\n","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.coding-to-music.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;","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":""}