{"version":3,"sources":["components/helpers/active.js","components/helpers/GithubSelectorEmoji.js","components/helpers/GithubSelector.js","components/helpers/reactions.js","components/newPostForm.js","components/posts.js","App.js","reportWebVitals.js","index.js"],"names":["active","Component","state","handleMouseDown","setState","handleMouseUp","onMouseDown","this","onMouseUp","props","React","hover","onSelect","shortcode","styles","reactCSS","default","wrap","padding","emoji","width","textAlign","lineHeight","fontSize","fontFamily","cursor","transform","transition","backgroundColor","style","onClick","GithubSelector","reactions","selector","paddingTop","border","borderRadius","boxShadow","display","label","color","margin","divider","height","_","map","reaction","i","defaultProps","Reactions","counters","by","user","showSelector","handleAdd","handleSelect","index","findIndex","slice","position","onAdd","bottom","marginBottom","NewPostForm","useState","postUsername","setPostUsername","postText","setPostText","postImageLink","setPostImageLink","postGifLink","setPostGifLink","postWebLink","setPostWebLink","handleSubmit","e","a","preventDefault","post_date","Date","toLocaleDateString","post_time","toLocaleTimeString","time_zone","Intl","DateTimeFormat","resolvedOptions","timeZone","postData","Object","freeze","username","content","image_url","gif_url","link_url","date","time","fetch","method","body","JSON","stringify","headers","status","className","Box","component","noValidate","onSubmit","sx","mt","Grid","container","spacing","item","xs","sm","TextField","id","autoFocus","helperText","value","onChange","target","fullWidth","multiline","minRows","name","type","Button","endIcon","variant","mb","Posts","posts","src","alt","post","icon","faUserCircle","url","fallback","descriptionLength","App","setPosts","useEffect","getPosts","resp","json","postsResp","console","log","path","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.bcd09264.chunk.js","sourcesContent":["import React from \"react\";\n\nexport const active = (Component) => {\n  return class Active extends React.Component {\n    state = { active: false };\n    handleMouseDown = () => this.setState({ active: true });\n    handleMouseUp = () => this.setState({ active: false });\n\n    render() {\n      return (\n        <div onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}>\n          <Component {...this.props} {...this.state} />\n        </div>\n      );\n    }\n  };\n};\n\nexport default active;\n","/* eslint-disable no-shadow */\n\nimport React from \"react\";\nimport reactCSS, { hover } from \"reactcss\";\nimport active from \"./active\";\n\nexport const GithubSelectorEmoji = ({ onSelect, shortcode, hover, active }) => {\n  const styles = reactCSS(\n    {\n      default: {\n        wrap: {\n          padding: \"8px 0\",\n        },\n        emoji: {\n          width: \"34px\",\n          textAlign: \"center\",\n          lineHeight: \"29px\",\n          fontSize: \"21px\",\n          fontFamily:\n            '\"Apple Color Emoji\", \"Segoe UI\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"',\n          cursor: \"pointer\",\n\n          transform: \"scale(1)\",\n          transition: \"transform 0.15s cubic-bezier(0.2, 0, 0.13, 2)\",\n        },\n      },\n      hover: {\n        emoji: {\n          transform: \"scale(1.2)\",\n        },\n      },\n      active: {\n        wrap: {\n          backgroundColor: \"#f2f8fa\",\n        },\n      },\n    },\n    { hover, active }\n  );\n\n  const handleClick = () => {\n    onSelect(shortcode);\n  };\n\n  return (\n    <div style={styles.wrap} onClick={handleClick}>\n      <div style={styles.emoji}>{shortcode}</div>\n    </div>\n  );\n};\n\nexport default hover(active(GithubSelectorEmoji));\n","import React from \"react\";\nimport reactCSS from \"reactcss\";\nimport _ from \"lodash\";\n\nimport GithubSelectorEmoji from \"../helpers/GithubSelectorEmoji\";\n\nexport const GithubSelector = ({ reactions, onSelect }) => {\n  const styles = reactCSS({\n    default: {\n      selector: {\n        paddingTop: \"5px\",\n        backgroundColor: \"#fff\",\n        border: \"1px solid rgba(0,0,0,0.15)\",\n        borderRadius: \"4px\",\n        boxShadow: \"0 3px 12px rgba(0,0,0,0.15)\",\n        display: \"inline-block\",\n      },\n      label: {\n        fontSize: \"14px\",\n        lineHeight: \"1.5\",\n        color: \"#767676\",\n        margin: \"6px 12px\",\n        fontFamily:\n          '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica',\n      },\n      divider: {\n        height: \"1px\",\n        margin: \"8px 1px 0px\",\n        backgroundColor: \"#e5e5e5\",\n      },\n      emoji: {\n        display: \"flex\",\n        margin: \"0 6px\",\n      },\n    },\n  });\n\n  return (\n    <div style={styles.selector}>\n      <p style={styles.label}>Pick your reaction</p>\n      <div style={styles.divider} />\n      <div style={styles.emoji}>\n        {_.map(reactions, (reaction, i) => {\n          return (\n            <GithubSelectorEmoji\n              key={i}\n              shortcode={reaction}\n              onSelect={onSelect}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nGithubSelector.defaultProps = {\n  reactions: [\"👍\", \"☁️\", \"❤️\", \"🌩️\", \"🌤️\"],\n};\n\nexport default GithubSelector;\n","import React from \"react\";\nimport _ from \"lodash\";\nimport { GithubCounter } from \"@charkour/react-reactions\";\nimport GithubSelector from \"./GithubSelector\";\n\nexport class Reactions extends React.Component {\n  state = {\n    counters: [\n      {\n        emoji: \"👍\",\n        by: \"allabouttheclouds\",\n      },\n      {\n        emoji: \"👍\",\n        by: \"sunlover\",\n      },\n      {\n        emoji: \"👍\",\n        by: \"sirlinksalot\",\n      },\n      {\n        emoji: \"🌩️\",\n        by: \"bobateaandclouds\",\n      },\n      {\n        emoji: \"🌤️\",\n        by: \"giflover\",\n      },\n      {\n        emoji: \"🌤️\",\n        by: \"sunlover\",\n      },\n    ],\n    user: \"you\",\n    showSelector: false,\n  };\n\n  handleAdd = () => this.setState({ showSelector: true });\n\n  handleSelect = (emoji) => {\n    const index = _.findIndex(this.state.counters, {\n      emoji,\n      by: this.state.user,\n    });\n    if (index > -1) {\n      this.setState({\n        counters: [\n          ...this.state.counters.slice(0, index),\n          ...this.state.counters.slice(index + 1),\n        ],\n        showSelector: false,\n      });\n    } else {\n      this.setState({\n        counters: [...this.state.counters, { emoji, by: this.state.user }],\n        showSelector: false,\n      });\n    }\n  };\n\n  render() {\n    return (\n      <div style={{ position: \"relative\" }}>\n        <GithubCounter\n          counters={this.state.counters}\n          user={this.state.user}\n          onAdd={this.handleAdd}\n          onSelect={this.handleSelect}\n        />\n\n        {this.state.showSelector ? (\n          <div\n            style={{\n              position: \"absolute\",\n              bottom: \"100%\",\n              marginBottom: \"10px\",\n            }}\n          >\n            <GithubSelector onSelect={this.handleSelect} />\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n}\n","import { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport TextField from \"@mui/material/TextField\";\nimport Grid from \"@mui/material/Grid\";\nimport SendIcon from \"@mui/icons-material/Send\";\nimport Button from \"@mui/material/Button\";\n\nexport default function NewPostForm() {\n  const [postUsername, setPostUsername] = useState(\"\");\n  const [postText, setPostText] = useState(\"\");\n  const [postImageLink, setPostImageLink] = useState(\"\");\n  const [postGifLink, setPostGifLink] = useState(\"\");\n  const [postWebLink, setPostWebLink] = useState(\"\");\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    const post_date = new Date().toLocaleDateString();\n    const post_time = new Date().toLocaleTimeString();\n    const time_zone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    const postData = Object.freeze({\n      username: postUsername,\n      content: postText,\n      image_url: postImageLink,\n      gif_url: postGifLink,\n      link_url: postWebLink,\n      date: post_date,\n      time: post_time + \" \" + time_zone + \" timezone\",\n    });\n\n    const resp = await fetch(\"https://myapp.lmayliffe.workers.dev/posts\", {\n      method: \"POST\",\n      body: JSON.stringify(postData),\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n    });\n    if (resp.status === 200) {\n      setPostUsername(\"\");\n      setPostText(\"\");\n      setPostImageLink(\"\");\n      setPostGifLink(\"\");\n      setPostWebLink(\"\");\n    }\n  };\n\n  return (\n    <>\n      <div className=\"newPostForm\">\n        <Box component=\"form\" noValidate onSubmit={handleSubmit} sx={{ mt: 3 }}>\n          <Grid container spacing={2}>\n            <Grid item xs={12} sm={6}>\n              <TextField\n                id=\"userName\"\n                label=\"User Name\"\n                autoFocus\n                helperText=\"Please enter a username.\"\n                value={postUsername}\n                onChange={(e) => setPostUsername(e.target.value)}\n              />\n            </Grid>\n\n            <Grid item xs={12}>\n              <TextField\n                fullWidth\n                multiline\n                minRows={4}\n                id=\"text\"\n                label=\"Post Text\"\n                name=\"post text\"\n                value={postText}\n                onChange={(e) => setPostText(e.target.value)}\n                helperText=\"Submitted posts may have a slight delay before they are posted and retrieved from the KV namespace.\"\n              />\n            </Grid>\n            <Grid item xs={4}>\n              <TextField\n                name=\"web_link\"\n                label=\"Share a link?\"\n                type=\"url\"\n                id=\"web_link\"\n                value={postWebLink}\n                onChange={(e) => setPostWebLink(e.target.value)}\n                helperText=\"Please enter a valid full URL. Even better if it's from a site with good Preview metadata.\"\n              />\n            </Grid>\n            <Grid item xs={4}>\n              <TextField\n                name=\"image_link\"\n                label=\"Share an image link?\"\n                type=\"url\"\n                id=\"image_link\"\n                value={postImageLink}\n                onChange={(e) => setPostImageLink(e.target.value)}\n                helperText=\"Direct image links get some styling treatment and have max size restrictions while keeping aspect ratio intact.\"\n              />\n            </Grid>\n            <Grid item xs={4}>\n              <TextField\n                name=\"gif_link\"\n                label=\"Share a gif link?\"\n                type=\"url\"\n                id=\"gif_link\"\n                value={postGifLink}\n                onChange={(e) => setPostGifLink(e.target.value)}\n                helperText=\"Gif links get some styling treatment and have max size restrictions while keeping aspect ratio intact.\"\n              />\n            </Grid>\n          </Grid>\n          <Button\n            type=\"submit\"\n            endIcon={<SendIcon />}\n            variant=\"contained\"\n            sx={{ mt: 3, mb: 2 }}\n          >\n            Submit Post{\" \"}\n          </Button>\n        </Box>\n      </div>\n      {/* <form id=\"newPostForm\" onSubmit={handleSubmit}>\n        <div className=\"mainPostInputs\">\n          <label>\n            Username:\n            <input\n              type=\"text\"\n              value={postUsername}\n              onChange={(e) => setPostUsername(e.target.value)}\n              placeholder=\"Enter your username here.\"\n              style={{ width: \"200px\", margin: \"5px\" }}\n            />\n          </label>\n          <label>\n            Post text:\n            <input\n              type=\"textarea\"\n              value={postText}\n              onChange={(e) => setPostText(e.target.value)}\n              placeholder=\"What would you like to share today?\"\n              style={{ width: \"300px\", height: \"100px\", margin: \"5px\" }}\n            />\n          </label>\n        </div>\n        <div className=\"secondaryPostInputs\">\n          <label>\n            Image Link?\n            <input\n              type=\"url\"\n              value={postImageLink}\n              onChange={(e) => setPostImageLink(e.target.value)}\n              style={{ width: \"auto\", height: \"auto\", margin: \"5px\" }}\n            />\n          </label>\n          <label>\n            Gif Link\n            <input\n              type=\"url\"\n              value={postGifLink}\n              onChange={(e) => setPostGifLink(e.target.value)}\n              style={{ width: \"auto\", height: \"auto\", margin: \"5px\" }}\n            />\n          </label>\n          <label>\n            Web Link\n            <input\n              type=\"url\"\n              value={postWebLink}\n              onChange={(e) => setPostWebLink(e.target.value)}\n              style={{ width: \"auto\", height: \"auto\", margin: \"5px\" }}\n            />\n          </label>\n          <input type=\"submit\" value=\"Submit\" id=\"submitButton\" />\n        </div>\n      </form> */}\n    </>\n  );\n}\n","import \"../App.css\";\nimport { LinkPreview } from \"@dhaiwat10/react-link-preview\";\nimport { Reactions } from \"./helpers/reactions\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faUserCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport NewPostForm from \"./newPostForm\";\n\nexport default function Posts({ posts }) {\n  return (\n    <div className=\"appWrapper\" id=\"text\">\n      <img\n        src={process.env.PUBLIC_URL + `/assets/applogo.png`}\n        alt=\"A modified cloudlare logo changed to read 'Cloudflair' instead as a joke.\"\n      />\n      <h3>Where cloud lovers connect!</h3>\n      <h5>\n        ...I'm just trying to make the reviewers chuckle, please don't sue me.\n        😊\n      </h5>\n      <div className=\"inputWrapper\">\n        <NewPostForm />\n      </div>\n      <div className=\"postWrapper\">\n        {posts &&\n          posts.map((post) => (\n            <div key={post.id} className=\"post\">\n              <div className=\"postMetadata\" id=\"text\">\n                <FontAwesomeIcon icon={faUserCircle} /> <b>{post.username}</b>{\" \"}\n                posted on <b>{post.date || \"10/20/2021\"}</b> at{\" \"}\n                <b>{post.time || \"4:19PM\"}</b>\n              </div>\n              <div className=\"postTextContent\" id=\"text\">\n                {post.content}\n              </div>\n\n              {post.image_url ? (\n                <div className=\"imageWrapper\">\n                  <img src={post.image_url} alt={post.content} />\n                </div>\n              ) : null}\n\n              {post.gif_url ? (\n                <img src={post.gif_url} alt={post.content} />\n              ) : null}\n\n              {post.link_url ? (\n                <LinkPreview\n                  url={post.link_url}\n                  fallback={\"No link preview available\"}\n                  width={400}\n                  height={300}\n                  borderRadius={10}\n                  descriptionLength={100}\n                />\n              ) : null}\n              <div className=\"reactionsWrapper\">\n                <Reactions />\n              </div>\n            </div>\n          ))}\n      </div>\n    </div>\n  );\n}\n","import { Router } from \"@reach/router\";\nimport { useState, useEffect } from \"react\";\nimport Posts from \"./components/posts\";\n\nfunction App() {\n  const [posts, setPosts] = useState();\n\n  useEffect(() => {\n    const getPosts = async () => {\n      try {\n        const resp = await fetch(\"https://myapp.lmayliffe.workers.dev/posts\", {\n          method: \"GET\",\n        });\n        const postsResp = await resp.json();\n        setPosts(postsResp);\n      } catch (err) {\n        console.log(err);\n      }\n    };\n    getPosts();\n  }, []);\n\n  return (\n    <Router>\n      <Posts posts={posts} path=\"/\" />\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\";\n\nimport \"./index.css\";\nimport \"./App.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":""}