{"version":3,"sources":["components/Post.js","App.js","reportWebVitals.js","index.js"],"names":["Post","title","username","content","className","App","useState","posts","setPosts","newPost","setNewPost","useEffect","fetch","headers","then","dat","json","handleChange","event","preventDefault","postObj","target","name","value","id","map","post","i","onSubmit","method","body","JSON","stringify","success","concat","for","onChange","type","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"oLAYeA,MAVf,YAA2C,IAA5BC,EAA2B,EAA3BA,MAAOC,EAAoB,EAApBA,SAAUC,EAAU,EAAVA,QAC9B,OACE,sBAAKC,UAAU,OAAf,UACE,6BAAKH,IACL,6BAAKC,IACL,4BAAIC,Q,MC0DKE,MA7Df,WACE,MAAwBC,mBAAS,IAAjC,mBAAKC,EAAL,KAAYC,EAAZ,KACA,EAA4BF,mBAAS,CAACL,MAAO,GAAIC,SAAU,GAAIC,QAAS,KAAxE,mBAAKM,EAAL,KAAcC,EAAd,KAEAC,qBAAU,WACRC,MAAM,4CAA6C,CACjDC,QAAS,CAAC,eAAgB,sBACzBC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GAAI,OAAIR,EAASQ,QACxB,IAEH,IAeMC,EAAe,SAAAC,GACnBA,EAAMC,iBACN,IAAIC,EAAU,CACZnB,MAAOQ,EAAQR,MACfC,SAAUO,EAAQP,SAClBC,QAASM,EAAQN,SAEnBiB,EAAQF,EAAMG,OAAOC,MAAQJ,EAAMG,OAAOE,MAC1Cb,EAAWU,IAGb,OACE,sBAAKI,GAAG,YAAR,UACE,uCACA,qBAAKpB,UAAU,QAAf,SAEIG,EAAMkB,KAAI,SAACC,EAAMC,GAAP,OACR,cAAC,EAAD,CACE1B,MAAOyB,EAAKzB,MACZC,SAAUwB,EAAKxB,SACfC,QAASuB,EAAKvB,SAHLwB,QAQjB,uBAAMC,SAxCM,SAAAV,GACdA,EAAMC,iBACNP,MAAM,4CAA6C,CACjDiB,OAAQ,OACRhB,QAAS,CAAC,eAAgB,oBAC1BiB,KAAMC,KAAKC,UAAUvB,KACpBK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAAE,GACAA,EAAKiB,UACPzB,EAASD,EAAM2B,OAAOzB,IACtBC,EAAW,CAACT,MAAO,GAAIC,SAAU,GAAIC,QAAS,UA8BlD,UACE,uBAAOgC,IAAI,QAAX,qBAAkC,uBAAOZ,MAAOd,EAAQR,MAAOmC,SAAUnB,EAAcK,KAAK,UAC5F,uBAAOa,IAAI,WAAX,wBAAwC,uBAAOZ,MAAOd,EAAQP,SAAUkC,SAAUnB,EAAcK,KAAK,aACrG,uBAAOa,IAAI,UAAX,uBAAsC,0BAAUZ,MAAOd,EAAQN,QAASiC,SAAUnB,EAAcK,KAAK,YACrG,wBAAQe,KAAK,SAAb,wBC/COC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqB1B,MAAK,YAAkD,IAA/C2B,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,OCDdO,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,K","file":"static/js/main.4f0edd6a.chunk.js","sourcesContent":["import React from 'react';\n\nfunction Post({title, username, content}) {\n  return (\n    <div className=\"post\">\n      <h2>{title}</h2>\n      <h3>{username}</h3>\n      <p>{content}</p>\n    </div>\n  );\n}\n\nexport default Post;","import Post from './components/Post'\nimport './App.css';\nimport { useEffect, useState } from 'react';\n\nfunction App() {\n  let [posts, setPosts] = useState([]);\n  let [newPost, setNewPost] = useState({title: \"\", username: \"\", content: \"\"});\n\n  useEffect(() => {\n    fetch(\"https://my-worker.jyves.workers.dev/posts\", {\n      headers: {\"content-type\": \"application/json\"}\n    }).then(dat => dat.json())\n      .then(json => setPosts(json));\n  }, []);\n\n  const addPost = event => {\n    event.preventDefault();\n    fetch(\"https://my-worker.jyves.workers.dev/posts\", {\n      method: \"POST\",\n      headers: {\"content-type\": \"application/json\"},\n      body: JSON.stringify(newPost)\n    }).then(dat => dat.json())\n      .then(json => {\n        if (json.success) {\n          setPosts(posts.concat(newPost));\n          setNewPost({title: \"\", username: \"\", content: \"\"});\n        }\n      });\n  };\n\n  const handleChange = event => {\n    event.preventDefault();\n    let postObj = {\n      title: newPost.title, \n      username: newPost.username, \n      content: newPost.content\n    };\n    postObj[event.target.name] = event.target.value;\n    setNewPost(postObj);\n  };\n\n  return (\n    <div id=\"container\">\n      <h1>Posts</h1>\n      <div className=\"posts\">\n        {\n          posts.map((post, i) => \n            <Post key={i}\n              title={post.title}\n              username={post.username}\n              content={post.content}\n            />\n          )\n        }\n      </div>\n      <form onSubmit={addPost}>\n        <label for=\"title\">Title: </label><input value={newPost.title} onChange={handleChange} name=\"title\"/>\n        <label for=\"username\">Username: </label><input value={newPost.username} onChange={handleChange} name=\"username\"/>\n        <label for=\"content\">Content: </label><textarea value={newPost.content} onChange={handleChange} name=\"content\"/>\n        <button type=\"submit\">Add</button>\n      </form>\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('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":""}