{"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","id","map","post","to","title","src","iframe","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":"sPAmCeA,EAhCD,WAAO,IAAD,EACQC,mBAAS,IADjB,mBACXC,EADW,KACJC,EADI,KAgBlB,OAbAC,qBAAU,YACM,uCAAG,8BAAAC,EAAA,sEACIC,MAEjB,uDAHa,cACTC,EADS,gBAKSA,EAAKC,OALd,OAKTC,EALS,OAMfN,EAASM,GANM,2CAAH,qDASdC,KACC,IAGD,sBAAKC,GAAG,OAAR,UACE,oBAAIA,GAAG,YAAP,mBACCT,EAAMU,KAAI,SAACC,GAAD,OACT,sBAAKF,GAAG,QAAR,UACE,6BACE,cAAC,IAAD,CAAMG,GAAE,iBAAYD,EAAKF,IAAzB,SAAgCE,EAAKE,UAEvC,8BAAK,qBAAKC,IAAKH,EAAKG,QACpB,wBAAQA,IAAKH,EAAKI,WALCJ,EAAKF,WCYnBO,EAhCF,SAAC,GAAY,IAAVP,EAAS,EAATA,GAAS,EACCV,mBAAS,IADV,mBAChBY,EADgB,KACVM,EADU,KAevB,OAZAf,qBAAU,YACK,uCAAG,8BAAAC,EAAA,sEACKC,MAAM,uDAAD,OACiCK,IAF3C,cACRJ,EADQ,gBAISA,EAAKC,OAJd,OAIRY,EAJQ,OAKdD,EAAQC,GALM,2CAAH,qDAQbC,KACC,CAACV,IAECW,OAAOC,KAAKV,GAAMW,OAGrB,gCACE,6BAAKX,EAAKE,QACV,qBAAKC,IAAKH,EAAKG,MACf,4BAAIH,EAAKY,OACT,4BACE,4CAAe,IAAIC,KAAKb,EAAKc,cAAcC,sBAE7C,4BACE,cAAC,IAAD,CAAMd,GAAG,IAAT,0BAXgC,yBCFzBe,MATf,WACE,OACE,eAAC,IAAD,WACE,cAAC,EAAD,CAAOC,KAAK,MACZ,cAAC,EAAD,CAAMA,KAAK,mBCCFC,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.a1bb5e15.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        \n        \"https://serverless-api.srmoll.workers.dev/api/posts\"\n      );\n      const postsResp = await resp.json();\n      setPosts(postsResp);\n    };\n\n    getPosts();\n  }, []);\n\n  return (\n    <div id=\"main\">\n      <h1 id=\"main-page\">Posts</h1>\n      {posts.map((post) => (\n        <div id=\"posts\" key={post.id}>\n          <h2>\n            <Link to={`/posts/${post.id}`}>{post.title}</Link>\n          </h2>\n          <div><img src={post.src}/></div>\n          <iframe src={post.iframe}></iframe>\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.srmoll.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      <img src={post.src}/>\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 './App.css';\n\nimport { 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":""}