{"version":3,"sources":["Title.jsx","Cloud.jsx","Post.jsx","PostList.jsx","MakePost.jsx","App.js","index.js"],"names":["Title","className","Cloud","Post","updatePosts","addPost","props","username","text","PostList","useState","posts","setPosts","newPosts","newPost","map","post","i","MakePost","name","setName","setText","spellCheck","value","onChange","evt","target","type","placeholder","onClick","sendPost","a","fetch","method","headers","body","JSON","stringify","App","then","response","json","stringArray","s","parse","document","title","ReactDOM","render","StrictMode","getElementById","getPosts"],"mappings":"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","file":"static/js/main.2ba6baea.chunk.js","sourcesContent":["\nfunction Title() {\n\n  return (\n    <div className=\"title-container\">\n\n            <p className=\"title\">\n      <span className=\"hidden\">.</span>________  ________  ________  ________  ________  ________        <br></br>\n                                      |\\   __  \\|\\   ____\\|\\   ____\\|\\   __  \\|\\   __  \\|\\   ____\\       <br></br>\n                                      \\ \\  \\|\\  \\ \\  \\___|\\ \\  \\___|\\ \\  \\|\\  \\ \\  \\|\\  \\ \\  \\___|_      <br></br>\n      <span className=\"hidden\">.</span>\\ \\  \\\\\\  \\ \\_____  \\ \\  \\    \\ \\   __  \\ \\   _  _\\ \\_____  \\     <br></br>\n      <span className=\"hidden\">.</span> \\ \\  \\\\\\  \\|____|\\  \\ \\  \\____\\ \\  \\ \\  \\ \\  \\\\  \\\\|____|\\  \\    <br></br>\n      <span className=\"hidden\">.</span>  \\ \\_______\\____\\_\\  \\ \\_______\\ \\__\\ \\__\\ \\__\\\\ _\\ ____\\_\\  \\   <br></br>\n      <span className=\"hidden\">.</span>   \\|_______|\\_________\\|_______|\\|__|\\|__|\\|__|\\|__|\\_________\\  <br></br>\n      <span className=\"hidden\">.</span>            \\|_________|                            \\|_________|\n            \n            </p>\n\n            <p className=\"title\">\n      <span className=\"hidden\">.</span>________  _______  _________  ________  ________      <br></br>\n                                      |\\   __  \\|\\  ___ \\|\\___   ___\\\\   __  \\|\\   __  \\     <br></br>\n                                      \\ \\  \\|\\  \\ \\   __/\\|___ \\  \\_\\ \\  \\|\\  \\ \\  \\|\\  \\    <br></br>\n      <span className=\"hidden\">.</span>\\ \\   _  _\\ \\  \\_|/__  \\ \\  \\ \\ \\   _  _\\ \\  \\\\\\  \\   <br></br>\n      <span className=\"hidden\">.</span> \\ \\  \\\\  \\\\ \\  \\_|\\ \\  \\ \\  \\ \\ \\  \\\\  \\\\ \\  \\\\\\  \\  <br></br>\n      <span className=\"hidden\">.</span>  \\ \\__\\\\ _\\\\ \\_______\\  \\ \\__\\ \\ \\__\\\\ _\\\\ \\_______\\ <br></br>\n      <span className=\"hidden\">.</span>   \\|__|\\|__|\\|_______|   \\|__|  \\|__|\\|__|\\|_______| <br></br>\n      <span className=\"hidden\">.</span>\n            </p>\n\n            <p className=\"title\">\n      <span className=\"hidden\">.</span>________  ________  ________  ___  ________  ___           <br></br>         \n                                      |\\   ____\\|\\   __  \\|\\   ____\\|\\  \\|\\   __  \\|\\  \\          <br></br>        \n                                      \\ \\  \\___|\\ \\  \\|\\  \\ \\  \\___|\\ \\  \\ \\  \\|\\  \\ \\  \\         <br></br>       \n      <span className=\"hidden\">.</span>\\ \\_____  \\ \\  \\\\\\  \\ \\  \\    \\ \\  \\ \\   __  \\ \\  \\        <br></br>      \n      <span className=\"hidden\">.</span> \\|____|\\  \\ \\  \\\\\\  \\ \\  \\____\\ \\  \\ \\  \\ \\  \\ \\  \\____   <br></br> \n      <span className=\"hidden\">.</span>   ____\\_\\  \\ \\_______\\ \\_______\\ \\__\\ \\__\\ \\__\\ \\_______\\ <br></br>\n      <span className=\"hidden\">.</span>  |\\_________\\|_______|\\|_______|\\|__|\\|__|\\|__|\\|_______| <br></br>\n      <span className=\"hidden\">.</span>  \\|_________|                                                   \n\n            </p>\n\n          </div>\n  )\n}\n\nexport default Title;\n\n","\nfunction Cloud() {\n\n\treturn (\n\n      <p className=\"orange cloud\">\n\n<span className=\"hidden\">.</span>                    __-=;.__                  <br></br>      \n<span className=\"hidden\">.</span>                  oG********/\\,               <br></br>  \n<span className=\"hidden\">.</span>           __==__//******Kl****/\\.            <br></br>   \n<span className=\"hidden\">.</span>         .@@#******####*********/  <span className=\"lightorange\">._=-__    </span> <br></br>   \n<span className=\"hidden\">.</span>      _=/***%**%$**-0**&&&*****/  <span className=\"lightorange\">/6*O8**\\   </span> <br></br>     \n<span className=\"hidden\">.</span>    */****FF@;***//L(///[/##P'   <span className=\"lightorange\"> \\@##%[0?#\\ </span> <br></br>    \n<span className=\"hidden\">.</span>   /%&65*--==_______________     <span className=\"lightorange\"> _____==-*/ </span> <br></br>   \n<span className=\"hidden\">.</span>   *Q__@#/@#idobackendtoodw/@\\  <span className=\"lightorange\">/@[***86LO'  </span>\n\n     </p>\n\t)\n}\n\nexport default Cloud;\n","\nfunction Post( props ) {\n\n    // just a div containing username and text\n\n\treturn (\n\t\t<div className=\"post\">\n          <p className=\"cyan\"> <span className=\"bold orange\">User:</span> {props.username} </p>\n          <p> {props.text} </p>\n        </div>\n    )\n}\n\nexport default Post;\n","import React, { useState } from 'react';\nimport Post from './Post.jsx';\n\n\n// 2 export functions to update the posts variable or add an element to it\n\nexport let updatePosts;\nexport let addPost;\n\n\nexport function PostList() {\n\n\t// create posts state var\n\n\tconst [posts, setPosts] = useState( [] );\n\n\t// define our 2 export funcs\n\n    updatePosts = newPosts => setPosts( posts => newPosts );\n    addPost     = newPost  => setPosts( posts => [ ...posts, newPost ] );\n\n    // render list of posts\n\n\treturn <div>\n\t        { posts.map( (post,i) => <Post key={i} username={post.username} text={post.text} /> ) }\n    \t   </div>\n}\n","import React, { useState } from 'react';\nimport { addPost } from './PostList.jsx';\n\n\nexport function MakePost( props ) {\n\n\t// create state vars for the name and text fields\n\n\tconst [ name, setName ] = useState( \"\" );\n\tconst [ text, setText ] = useState( \"\" );\n\n\t// create callbacks for the onChange event\n\n\tconst onNameChange = evt => setName( evt.target.value );\n\tconst onTextChange = evt => setText( evt.target.value );\n\n\t// helper function to pass data to sendPost when the button is clicked\n\t// and to clear the text area\n\n\tconst onPostClick = () => { if( !text ) return;\n\t\t\t\t\t\t\t    sendPost( name || \"anonymous\", text ); \n\t\t\t\t\t\t\t\tsetText( \"\" ); }\n\n\t// return the form\n\n\treturn <div>\n\t\t     <p className=\"bold magenta\"> Make a Post! </p>\n\t\t     <p className=\"cyan\"> Please Type Here: </p>\n\t\t     \n\t\t     <textarea spellCheck=\"false\" value={ text } onChange={ onTextChange } ></textarea>\n\t\t     \n\t\t     <div className=\"submit-holder\">\n\t\t       <input type=\"text\" placeholder=\"Your Name?\" value={ name } onChange={ onNameChange } />\n\t\t       <button type=\"button\" onClick={ onPostClick }> Post. </button>\n\t\t     </div>\n\t\t   </div>\n}\n\n\nasync function sendPost( name, text ) {\n\n\t// create the post object and add it to the local list of posts\n\n\tconst newPost = { username: name, text: text };\n\taddPost( newPost );\n\n\t// send the post object to our worker\n\n\tawait fetch( \"https://worker.os408.workers.dev/\", {\n\t          method: 'POST',\n\t     \t  headers: {\n\t              'Content-Type': 'application/json',\n\t      \t      'Accept': 'application/json'\n\t          },\n\t          body: JSON.stringify( newPost ) } );\n}\n","import './App.css';\nimport Title from './Title.jsx';\nimport Cloud from './Cloud.jsx';\nimport { PostList } from './PostList.jsx';\nimport { MakePost } from './MakePost.jsx';\n\n\nfunction App() {\n  \n  return (\n    <div className=\"App\">\n    <div className=\"centerer\">\n\n      <Title />\n\n      <div className=\"info\">\n        <p className=\"white\"> ====================================================================================== </p>\n        <p className=\"bold\"> Oscar's Retro Social </p>\n        <p className=\"orange\"> Brought to you by CloudFlare </p>\n        <p className=\"white\"> ======================| Your System Operator is: <span className=\"cyan\">Oscar Saharoy</span> |====================== </p>\n        <p className=\"yellow\"> Served from 100s of Data Centres Worldwide </p>\n        <p className=\"magenta\"> Low Latency & High Reliability Guaranteed </p>\n        <p className=\"white\"> ====================================================================================== </p>\n      </div>\n\n      <div className=\"posts\">\n\n        <MakePost />\n\n        <p className=\"bold magenta\"> Posts from Other Users: </p>\n\n        <PostList />\n        \n      </div>\n\n      <p className=\"white seperator\"> ====================================================================================== </p>\n\n      <Cloud />\n\n      <p className=\"thankyou\"> Thank You for Visiting! </p>\n\n    </div>\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport './index.css';\nimport App from './App';\nimport { updatePosts } from './PostList.jsx';\n\n\n// set the document title\n\ndocument.title = \"Oscar's Retro Social\";\n\n\n// render the app\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n\nasync function getPosts() {\n\n    // fetch the posts and feed them to updatePosts from PostList.jsx\n\n    await fetch( \"https://worker.os408.workers.dev/\" )\n         .then( response => response.json() )\n         .then( stringArray => updatePosts( stringArray.map( s => JSON.parse(s) ) ) );\n}\n\ngetPosts();\n"],"sourceRoot":""}