{"version":3,"sources":["queries/articles.js","subscriptions/article_index.js","articles_subscription.jsx","article_tags.jsx","article_card.jsx","articles_index.jsx","queries/images.js","subscriptions/images_index.js","images_subscription.jsx","disclaimer.jsx","images_index.jsx","mutations/post_image.js","queries/current_user.js","image_create.jsx","queries/image.js","mutations/post_comment.js","queries/article.js","queries/comments_by_post.js","mutations/delete_comment.js","mutations/update_comment.js","comment_edit.jsx","comment.jsx","comment_section_refactor.jsx","mutations/like_post.js","mutations/unlike_post.js","likes_section.jsx","mutations/update_image_description.js","image_description_edit.jsx","mutations/update_image_title.js","image_title_edit.jsx","subscriptions/image_show.js","image_subscription.jsx","mutations/delete_image.js","image_show.jsx","mutations/delete_article.js","mutations/update_article_body.js","article_body_edit.jsx","mutations/update_article_title.js","article_title_edit.jsx","confirmation_modal.jsx","subscriptions/article_show.js","article_subscription.jsx","mutations/create_funny.js","mutations/delete_funny.js","mutations/create_spicy.js","mutations/delete_spicy.js","mutations/create_smart.js","mutations/delete_smart.js","reaction.jsx","tooltip.jsx","utils/utilities.js","article_show.jsx","mutations/post_article.js","formatting_buttons.jsx","article_create.jsx","navbar.jsx","mutations/logout.js","header_search.jsx","header.jsx","mutations/update_user_color_scheme.js","user_options.jsx","queries/comments_by_user.js","user_comments.jsx","queries/posts_by_user.js","post_card.jsx","user_posts.jsx","user_dash.jsx","mutations/sign_in_user.js","errors_modal.jsx","helpers.js","inline_error.jsx","login.jsx","mutations/register.js","register.jsx","queries/posts_by_query.js","subscriptions/search_subscription.js","search_subscription.jsx","search.jsx","queries/posts_by_popularity.js","trending.jsx","about.js","adverts.jsx","utils/apollo.js","App.js","serviceWorker.js","index.js"],"names":["articles","gql","ArticleSubscription","Subscription","subscribeToMore","useEffect","document","updateQuery","prev","subscriptionData","data","articleAdded","console","log","find","e","id","concat","articleLiked","map","el","articleUnliked","articleUpdated","Tags","props","className","tags","tag","key","ArticleCard","date","colorScheme","article","title","to","author","username","source","snippet","count","likeCount","ArticlesIndex","Date","now","query","fetchPolicy","loading","error","alt","src","images","ImageSubscription","imageAdded","imageLiked","imageUnliked","imageUpdated","Disclaimer","ImagesIndex","state","image","Component","postImage","currentUser","ImageCreate","errors","fileTooBig","invalidType","imageURL","description","handleFileChange","bind","handleFormChange","save","formatFilename","uploadToS3","file","target","files","size","this","setState","photoURL","fileReader","FileReader","onloadend","result","readAsDataURL","field","event","currentTarget","value","filename","moment","format","rando","Math","random","toString","substring","cleanFileName","toLowerCase","replace","signedRequest","options","headers","type","axios","put","then","res","catch","preventDefault","s3Sign","variables","name","filetype","response","signS3","url","mutate","history","push","createImagePost","onSubmit","onChange","accept","placeholder","disabled","compose","graphql","postComment","comments","deleteComment","updateComment","CommentEdit","body","comment","refetch","postType","mutation","update","cache","refetchQueries","postId","cancelEdit","onClick","Comment","editing","confirmationOpen","top","editComment","openConfirmationModal","closeConfirmationModal","theComment","getElementById","offsetHeight","style","commentStyle","commentor","createdAt","articleAuthorId","CommentSection","userId","resize","index","likePost","unlikePost","QUERIES","LikesSection","newProps","userLikesIt","likers","includes","numLikes","alert","updateImageDescription","ImageDescriptionEdit","finishEdit","updateImageTitle","ImageTitleEdit","deleteImage","ImageShow","editingTitle","editingDescription","editField","match","params","imageID","parseInt","$","css","argument","ownIndex","imageIds","indexOf","next","length","deleteArticle","updateArticleBody","ArticleBodyEdit","bodyEditHeight","resizeTextArea","wrap","cols","height","updateArticleTitle","ArticleTitleEdit","ConfirmationModal","callback","confirm","cancel","createFunny","deleteFunny","createSpicy","deleteSpicy","createSmart","deleteSmart","CREATE_MUTATIONS","DELETE_MUTATIONS","ICONS","FaRegThumbsUp","FaRegGrinSquint","FaRegLightbulb","FaPepperHot","Reaction","userReacted","users","creation","reactionType","deletion","Tag","Tooltip","message","visibility","newCloseModal","ArticleShow","editingBody","titleTooltipOpen","bodyTooltipOpen","deleteTooltipOpen","closeModal","openModal","articleID","onMouseEnter","onMouseLeave","reactions","reaction","postArticle","FormattingButtons","tagWrap","input","elementId","text","start","selectionStart","finish","selectionEnd","sel","getAttribute","newText","updateState","proTypes","PropTypes","string","ArticleCreate","createArticle","href","val","withRouter","currentPanel","location","pathname","logout","useState","setQuery","Header","shutUpLint","client","resetStore","localStorage","setItem","email","updateUserColorScheme","changeColorScheme","handleClick","UserComments","commentsByUser","post","postsByUser","PostCard","UserPosts","UserDash","currentTab","selectTab","tabs","signInUser","ErrorsModal","clearErrors","findMatch","queryString","stringWeBeChecking","queries","split","i","validateEntry","test","repeats","hasTooManyRepeats","isSequential","InlineError","visible","Login","password","passwordValid","emailValid","demoLogin","click","allowOrPreventScrolling","readyToSubmit","writeQuery","user","token","graphQLErrors","register","Register","passwordConfirm","usernameValid","passwordIsPassword","createUser","search","SearchSubscription","alreadyInList","postsByQuery","__typename","withApollo","searchQuery","parseUrl","postsByPopularity","Trending","activePane","selectPane","stopPropagation","selection","attribute","sort","b","a","valA","valB","posts","sortPosts","About","Adverts","createActionCableLink","cable","ActionCable","createConsumer","protocol","window","authToken","hostname","process","CABLE_PORT","getItem","getCableUrl","ActionCableLink","hasSubscriptionOperation","definitions","some","kind","operation","getTokens","tokens","querySelector","Authorization","setTokenForOperation","setContext","logError","createHashHistory","requestLink","ApolloClient","link","ApolloLink","from","onError","networkError","operationName","forward","Observable","observer","handle","Promise","resolve","subscribe","complete","unsubscribe","HttpLink","uri","credentials","createClient","fragmentMatcher","IntrospectionFragmentMatcher","introspectionQueryResultData","InMemoryCache","createCache","testArea","App","exact","path","render","component","Search","Boolean","ReactDOM","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.1d23f871.chunk.js","sourcesContent":["/**\n * Queries the database for all the articles. No hiding articles based on metrics. Deal with it.\n */\n\nimport gql from 'graphql-tag';\n\nconst articles = gql`{\n    articles{\n        id\n        title\n        snippet\n        count\n        created\n        likeCount\n        author {\n            id\n            username\n        }\n    }\n}`\n\nexport default articles;","/**\n * Article subscription for the index page\n */\n\nimport gql from 'graphql-tag';\n\nconst ArticleSubscription = gql`\nsubscription ArticleSubscription {\n   articleAdded {\n    id\n    title\n    snippet\n    count\n    created\n    likeCount\n    author {\n        id\n        username\n    }\n   },\n\n    articleLiked {\n    id\n    title\n    snippet\n    count\n    created\n    likeCount\n    author {\n        id\n        username\n    }\n   },\n\n    articleUnliked {\n    id\n    title\n    snippet\n    count\n    created\n    likeCount\n    author {\n        id\n        username\n    }\n   \n   }, \n\n    articleUpdated {\n    id\n    title\n    snippet\n    count\n    created\n    likeCount\n    author {\n        id\n        username\n    }\n   }\n}`\n\nexport default ArticleSubscription;","/* eslint-disable react-hooks/exhaustive-deps, no-unused-vars */\nimport React, { useEffect } from 'react';\nimport ArticleSubscription from './subscriptions/article_index';\n\n/**\n * Subscription function for the articles index page; updates the index when a new article is created on a different client.\n */\n\nconst Subscription = ({ subscribeToMore }) => {\n  useEffect(() => {\n    return subscribeToMore({\n      document: ArticleSubscription,\n      updateQuery: (prev, { subscriptionData }) => {\n        if (!subscriptionData.data) return prev;\n        const { articleAdded } = subscriptionData.data;\n        console.log(\"Added:\", articleAdded)\n        if (articleAdded) {\n          const alreadyInList = prev.articles.find(e => e.id === articleAdded.id);\n          if (alreadyInList) {\n            return prev;\n          }\n          return { articles: [articleAdded].concat(prev.articles) };\n        }\n        const {articleLiked} = subscriptionData.data;\n\n        if(articleLiked) {\n          return {\n            articles: prev.articles.map(el =>\n              el.id === articleLiked.id ? { ...el, ...articleLiked } : el)\n          }\n        }\n        const {articleUnliked} = subscriptionData.data\n        if (articleUnliked) {\n          return {\n            articles: prev.articles.map(el =>\n              el.id === articleUnliked.id ? { ...el, ...articleUnliked } : el)\n          }\n        }\n\n        const {articleUpdated} = subscriptionData.data;\n        \n        if (articleUpdated) {\n          \n          return {\n            articles: prev.articles.map(el =>\n              el.id === articleUpdated.id ? { ...el, ...articleUpdated } : el)\n          }\n        }\n\n        return prev;\n      },\n    });\n  }, []);\n  return null;\n};\n\nexport default Subscription;","import React from 'react';\n\n/**\n * \n * This displays all of the tags belonging to a post.\n */\nconst Tags = (props) => {\n    return (\n        <span className=\"article-card-tags\">{props.tags.map( tag => <span key={tag}>{`#${tag} `}</span>)}</span>\n    )\n}\n\nexport default Tags;","import React from 'react';\nimport ArticleTags from './article_tags';\nimport ReactMarkdown from 'react-markdown';\nimport { Link } from 'react-router-dom';\n\n\nconst ArticleCard = props => {\n    const {date, colorScheme, article } = props;\n    return (\n        <div className={`article-index-card ${colorScheme}`} key={`${article.id}${article.title}${date}`}>\n            <Link className={`article-index-show-link ${colorScheme}`} to={`/articles/${article.id}`}>\n                <h2 className=\"article-index-title\">{article.title}</h2>\n                <h3 className=\"article-index-subtitle\">by {article.author.username}</h3>\n                <div><ReactMarkdown source={article.snippet} /> <span>{\"...\"}</span></div>\n                <ArticleTags tags={[\"lookAtThisTag\", \"othertag\"]} />\n                <h4>{article.count} Commented {article.likeCount} Liked</h4>\n            </Link>\n        </div>\n    )\n}\n\nexport default ArticleCard;","import React from 'react';\nimport articles from './queries/articles';\nimport { Query } from \"react-apollo\";\nimport Subscription from './articles_subscription';\nimport ArticleCard from './article_card';\n\n/**\n * Displays all articles, newest first.\n * Uses a Subscription component that keeps the front-end updated live.\n * \n * TODOS\n *  Create a ArticleCard component\n */\n\nconst ArticlesIndex = (props) => {\n        const date = Date.now();\n        return (\n            <Query query={articles} fetchPolicy=\"cache-and-network\">\n                {({ loading, error, data, subscribeToMore }) => {\n                    \n                    if (loading) return <div className={`loading-div loading-div-${props.colorScheme}`}><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\"/></div>;\n                    if (error) return <p>Error :(</p>;\n                    const articles = data.articles;\n                    const colorScheme = props.colorScheme || \"standard\"\n                    return (\n                        <div className={`article-index-page article-index-page-${colorScheme}`}>\n                            <h1>Newest Articles</h1>\n                            {articles.map((article) => (\n                                <ArticleCard article={article} date={date} colorScheme={colorScheme} />       \n                            ))}\n                            <Subscription subscribeToMore={subscribeToMore} />\n                        </div>\n                    )\n                }}\n            </Query>\n        );\n}\n\nexport default ArticlesIndex;","/**\n * Fetches all of the images.\n * TODO: Pagination and lazy loading.\n */\n\nimport gql from 'graphql-tag';\n\nconst images = gql`{\n    images{\n        id\n        title\n        image\n        count\n        likeCount\n        created\n        author {\n            id\n            username\n        }\n    }\n}`\n\nexport default images;","/**\n * Image subscription for the index page\n */\n\nimport gql from 'graphql-tag';\n\nconst ImageSubscription = gql`\nsubscription ImageSubscription {\n   imageAdded {\n     id\n        title\n        image\n        count\n        likeCount\n        created\n        author {\n            id\n            username\n        }\n   },\n\n    imageUpdated {\n     id\n        title\n        image\n        count\n        likeCount\n        created\n        author {\n            id\n            username\n        }\n   },\n    imageLiked {\n     id\n        title\n        image\n        count\n        likeCount\n        created\n        author {\n            id\n            username\n        }\n   },\n    imageUnliked {\n     id\n        title\n        image\n        count\n        likeCount\n        created\n        author {\n            id\n            username\n        }\n   },\n}`\n\nexport default ImageSubscription;","/* eslint-disable react-hooks/exhaustive-deps, no-unused-vars */\nimport React, { useEffect } from 'react';\nimport ImageSubscription from './subscriptions/images_index';\n\n/**\n * Subscription function for images, updates the INDEX page when a new image is uploaded\n * \n */\nconst Subscription = ({ subscribeToMore }) => {\n    useEffect(() => {\n        return subscribeToMore({\n            document: ImageSubscription,\n            updateQuery: (prev, { subscriptionData }) => {\n                if (!subscriptionData.data) return prev;\n                const { imageAdded } = subscriptionData.data;\n                if (imageAdded) {\n                    const alreadyInList = prev.images.find(e => e.id === imageAdded.id);\n                    if (alreadyInList) {\n                        return prev;\n                    }\n                    return { images: [imageAdded].concat(prev.images) };\n                }\n                const { imageLiked } = subscriptionData.data;\n\n                if (imageLiked) {\n                    return {\n                        images: prev.images.map(el =>\n                            el.id === imageLiked.id ? { ...el, ...imageLiked } : el)\n                    }\n                }\n                const { imageUnliked } = subscriptionData.data\n                if (imageUnliked) {\n                    return {\n                        images: prev.images.map(el =>\n                            el.id === imageUnliked.id ? { ...el, ...imageUnliked } : el)\n                    }\n                }\n\n                const { imageUpdated } = subscriptionData.data;\n\n                if (imageUpdated) {\n\n                    return {\n                        images: prev.images.map(el =>\n                            el.id === imageUpdated.id ? { ...el, ...imageUpdated } : el)\n                    }\n                }\n\n                return prev;\n            },\n        });\n    }, []);\n    return null;\n};\n\nexport default Subscription;","import React from 'react'\n\nconst Disclaimer = () => {\n    return (\n        <div className=\"disclaimer\">\n            <h3>Attention!</h3>\n            <p>Recently it came to my attention that \n                someone posted an obscene photo here.  \n                This is a professional portfolio application meant \n                to be presented to recruiters - this is not okay!  </p>\n            <p>Who so ever is doing this needs to cease and desist or legal action will be taken</p>\n        </div>\n    )\n}\n\nexport default Disclaimer;","import React, { Component } from 'react';\nimport images from './queries/images';\nimport { Query } from \"react-apollo\";\nimport {Link} from 'react-router-dom';\nimport Subscription from './images_subscription';\nimport Disclaimer from './disclaimer';\n\n/**\n * Component for displaying all of the images in chronological order.  No analytics, no metrics,\n * no assumptions. Deal with it.\n * TODO: change to functional component\n */\nclass ImagesIndex extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {}\n    }\n\n    render() {\n        return (\n            <Query query={images}>\n                {({ loading, error, data, subscribeToMore}) => {\n                    if (loading) return <div className={`loading-div loading-div-${this.props.colorScheme}`}><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\" /></div>;\n                    if (error) return <p>Error :(</p>;\n\n\n                    return (\n                        <div className={`image-index-page image-index-page-${this.props.colorScheme}`}>\n                            <h1>Newest Images</h1>\n                            <Disclaimer />\n                            <div className=\"image-index-spread\">\n                            {data.images.map(image =>\n                                  {return (\n                                      <div className={`image-index-card ${this.props.colorScheme}`} \n                                      key={`${image.title}${image.author.username}`}>\n                                          <Link to={`/images/${image.id}`}>\n                                           <img className=\"image-index-thumb\"src={image.image} alt={image.title} />\n                                          </Link>\n                                          <span>by {image.author.username}</span>\n                                          <span>{image.count} Comments, {image.likeCount} Likes</span>\n                                      </div>\n                                  )\n                                      \n                                  }   \n                            )}\n                            </div>\n                            <Subscription subscribeToMore={subscribeToMore} />\n                        </div>\n                    )\n                }}\n            </Query>\n        );\n    }\n}\n\nexport default ImagesIndex;","import gql from 'graphql-tag'\n\nconst postImage = gql`\n  mutation createImagePost($image: String!, $title: String!, $description: String) {\n    createImagePost(image: $image, description: $description, title: $title) {\n      title\n      id\n      description\n      image\n      author {\n        id\n        username\n      }\n    }\n  }\n`;\n\nexport default postImage;","/**\n * Fetches the user currently logged in, can be reused in just about any back end as long as the fields happen to be the same.\n */\n\nimport gql from 'graphql-tag';\n\nconst currentUser = gql`{\n    currentUser {\n    id\n    email\n    username\n    colorScheme\n    }\n}`\n\nexport default currentUser","import React, {Component} from 'react';\nimport postImage from './mutations/post_image';\nimport currentUser from './queries/current_user';\nimport {graphql} from 'react-apollo';\nimport * as compose from 'lodash.flowright';\nimport gql from 'graphql-tag';\nimport moment from 'moment';\nimport axios from 'axios';\nimport { Redirect } from 'react-router-dom';\n\n/**\n * Form for creating an image_post\n */\n\nclass ImageCreate extends Component {\n    constructor(props) {\n        super(props)\n        this.state = { \n            errors: null,\n            image: null, \n            fileTooBig: false, \n            invalidType: false, \n            imageURL: null, \n            title: \"\", \n            description: \"\"}\n        this.handleFileChange = this.handleFileChange.bind(this)\n        this.handleFormChange = this.handleFormChange.bind(this)\n        this.save = this.save.bind(this)\n        this.formatFilename = this.formatFilename.bind(this)\n        this.uploadToS3 = this.uploadToS3.bind(this)\n    }\n\n    handleFileChange(e) {\n        const file = e.target.files[0];\n      \n        if (file.size > 1000000) {\n            this.setState({ fileTooBig: true, image: null, photoURL: null })\n            return false;\n        }\n        const fileReader = new FileReader();\n        fileReader.onloadend = () => {\n            this.setState({ image: file, photoURL: fileReader.result, fileTooBig: false, invalidType: false });\n        }\n        fileReader.readAsDataURL(file);\n        \n   }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    /**\n     * Makes the file name of an image somewhat uniform.\n     * @param {string} filename \n     */\n    formatFilename(filename) {\n        const date = moment().format(\"MMDDYYYY\");\n        const rando = Math.random()\n            .toString(36)\n            .substring(2, 7);\n        const cleanFileName = filename.toLowerCase().replace(/[^a-z0-9]/g, \"-\");\n        const newFileName = `images/${date}-${rando}-${cleanFileName}`\n        return newFileName.substring(0, 60);\n    }\n\n    async uploadToS3(file, signedRequest) {\n        const options = {\n            headers: {\n                \"Content-Type\": file.type,\n                \"Access-Control-Allow-Origin\": \"*\",\n                'X-Requested-With': 'XMLHttpRequest'\n            }\n        }\n        await axios.put(signedRequest, file, options)\n            .then(res => {\n               console.log(\"TODO: Get a real logger\")\n            }).catch(\n                this.setState({errors: [\"Upload failed at the S3 bucket level, pleaase reach out to the web master.\"] })     \n                );\n    }\n\n   async save(e) {\n       e.preventDefault();\n       const image = this.state.image;\n       const response = await this.props.s3Sign({\n           variables: {\n               filename: this.formatFilename(image.name),\n               filetype: image.type\n           }\n       });\n       const { signedRequest, url } = response.data.signS3;\n       await this.uploadToS3(image, signedRequest)\n       this.props.mutate({\n           variables: {\n               title: this.state.title,\n               description: this.state.description,\n               image: url\n           }\n       }).then(res =>{\n           this.props.history.push(`/images/${res.data.createImagePost.id}`)\n       })\n   }\n\n   render() {\n       if (this.props.data.loading) {\n           return<p>Loading</p>\n       }\n       if (!this.props.data.currentUser) {\n           return <Redirect to=\"/login\" />\n       }\n       return (\n        <div className={`image-creation-page ${this.props.colorScheme}`}>\n               <div className=\"image-input-container\">\n                   {this.state.image ? <div className={`image-creation-preview ${this.props.colorScheme}`}><img src={this.state.photoURL} alt=\"Preview\"/></div> : <div className={`image-creation-placeholder ${this.props.colorScheme}`}><p>Your image will appear here in preview</p></div>}\n               </div>\n            <form onSubmit={this.save} className={`image-creation-form ${this.props.colorScheme}`}>\n                   <h1>Post a New Image</h1>\n               <label className=\"image-input\">\n                   <input className={`image-input ${this.props.colorScheme}`}\n                       type=\"file\"\n                       onChange={this.handleFileChange}\n                       accept=\"image/png, image/jpeg, image/gif, image/bmp, image/jpg\"\n                   />\n                   </label>\n             \n                <input className={`image-creation-title ${this.props.colorScheme}`} type=\"text\" onChange={this.handleFormChange(\"title\")} placeholder=\"Image Title\" value={this.state.title}/>\n                <input className={`image-creation-desc ${this.props.colorScheme}`} type=\"text\" onChange={this.handleFormChange(\"description\")} placeholder=\"Description (optional)\" value={this.state.description}/>\n                   <input type=\"submit\" className={`submit ${this.props.colorScheme}`} value=\"Post Image\" disabled={!this.state.image}/>\n               </form>\n        </div>\n      )\n   }\n}\n\n/**\n * AWS mojo. \n * TODO: Write a better comment.\n */\nconst s3Sign = gql`\n  mutation($filename: String!, $filetype: String!) {\n    signS3(filename: $filename, filetype: $filetype) {\n        url\n        signedRequest\n    }\n  }\n`;\n\nexport default compose(\n    graphql(s3Sign, { name: \"s3Sign\" }),\n    graphql(currentUser)\n)(\n    graphql(postImage)(ImageCreate)\n)","/**\n * Fetches a single image post, accepts an integer argument that must be a valid ID.\n * TODO: Make fragments and split this sucker up.\n */\n\nimport gql from \"graphql-tag\";\n\nconst image = gql`\n    query image($id: Int!){\n        image(id: $id){\n            id\n            title\n            description\n            image\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n          comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n    },\n      currentUser {\n        id\n      },\n    imageIds\n}\n`\n\nexport default (image);","import gql from 'graphql-tag'\n\nconst postComment = gql`\nmutation postComment($body: String!, $userId: Int!, $postId: Int!, $postType: String!){\n  postComment(\n    body: $body, \n    userId: $userId, \n    postId: $postId, \n    postType: $postType\n  ) {\n    commentor {\n      username\n    }\n    createdAt\n    body\n  }\n}\n`\n\nexport default postComment;","/**\n * Queries for a single Article, expects an ID as an argument\n */\n\nimport gql from \"graphql-tag\";\n\nconst article = gql`\n    query article($id: Int!){\n        article(id: $id){\n            id\n            title\n            body\n            author {\n                id\n                username\n            }\n            reactions\n            comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n    }\n}\n`\n\nexport default(article);","/**\n * Queries for all comments belonging to a given post.\n * Expects two arguments:\n *    postId: Integer - ID number of the post in question pulled from the url wildcard\n *    postType: String - should match the name of a model on the database, e.g., Article\n */\n\nimport gql from \"graphql-tag\"\n\nconst comments = gql`\nquery commentsByPost($postId: Int!, $postType: String!){\n  commentsByPost(postId: $postId, postType: $postType) {\n    commentor {\n      username\n      id\n    }\n    body\n    id\n    createdAt\n  }\n}\n`\n\nexport default comments;","/**\n * Deletes a comment.\n *  Argument: ID, Integer.  \n */\n\nimport gql from 'graphql-tag'\n\nconst deleteComment = gql`\nmutation deleteComment($id: Int!)\n { deleteComment(id: $id) {\n  id\n}\n  \n}`\n\nexport default deleteComment;","import gql from 'graphql-tag'\n\nconst updateComment = gql`\nmutation updateComment($id: Int!, $body: String!, $postType: String!){\n  updateComment(id: $id, body:$body, postType: $postType) {\n    body\n    id\n  }\n}\n`\n\nexport default updateComment;","import React, {Component} from 'react';\nimport {Mutation} from 'react-apollo';\nimport updateComment from './mutations/update_comment';\nimport article from './queries/article';\nimport image from './queries/image';\n\n/**\n * Component form for editing a user comment.  Refetches the query for which ever post it belongs to in order to update the dom\n */\n\nclass CommentEdit extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            body: this.props.comment.body\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    render () {\n        const refetch = this.props.postType === \"Article\" ? article : image\n        return(\n            <div className=\"comment\">\n                <Mutation mutation={updateComment}\n                    update={(cache, { data: { updateComment } }) => {\n                    }}\n                    refetchQueries={[{ query: refetch, variables: { id: this.props.postId} }]}\n                >\n                    {(updateComment, loading) =>\n                        !loading ? (\n                            \"...\"\n                        ) : ( \n                    <form className=\"comment-edit-form\" onSubmit={event => {\n                                    event.preventDefault();\n                                    updateComment({\n                                        variables: {\n                                            body: this.state.body,\n                                            id: this.props.comment.id,\n                                            postType: this.props.postType\n                                        }\n                                    }).then(res => {\n                                        this.props.cancelEdit();\n                                    })\n                                }}>\n                    <textarea className=\"comment-edit-body\" value={this.state.body} onChange={this.handleFormChange(\"body\")}/>\n                    <div className=\"comment-edit-buttons\">\n                        <input className=\"confirm-btn-yes\" type=\"submit\" />\n                        <button className=\"confirm-btn-no\" onClick={this.props.cancelEdit}> Cancel</button>\n                    </div>\n                </form>\n                            )}\n                </Mutation>  \n            </div>\n            \n        )\n    }\n}\n\nexport default CommentEdit;","import React, {Component} from 'react';\nimport {graphql} from 'react-apollo';\nimport comments from './queries/comments_by_post';\nimport deleteComment from './mutations/delete_comment';\nimport CommentEdit from './comment_edit';\nimport { MdDelete, MdEdit } from 'react-icons/md';\n\n\n/**\n * Displays the body, user, and time stamps of a single comment.\n * \n * TODO: Convert to const format with useState React hook\n */\n\n\nclass Comment extends Component {\n\n    constructor(props){\n        super(props);\n        this.state = {\n            editing: false,\n            confirmationOpen: false,\n            top: \"0\"\n        }\n\n        this.cancelEdit = this.cancelEdit.bind(this)\n        this.editComment = this.editComment.bind(this);\n        this.openConfirmationModal = this.openConfirmationModal.bind(this)\n        this.closeConfirmationModal = this.closeConfirmationModal.bind(this)\n        this.deleteComment = this.deleteComment.bind(this)\n    }\n\n    editComment () {\n        this.setState({editing: true})\n    }\n\n    cancelEdit () {\n        this.setState({editing: false})\n    }\n\n    openConfirmationModal (event) {\n        event.preventDefault();\n        const theComment = document.getElementById(`the-comment${this.props.comment.id}`);\n        let top = \"0\";\n        if (theComment.offsetHeight < 120) {\n            top = \"-1.5rem\"\n        }\n        this.setState(() => { return { confirmationOpen: true, top} })\n    }\n\n    closeConfirmationModal(event) {\n        event.preventDefault();\n        this.setState(() => { return { confirmationOpen: false } })\n    }\n\n    deleteComment(event) {\n        this.props.mutate({\n            variables: { id: this.props.comment.id },\n            refetchQueries: [{ query: comments, variables:{ postId: this.props.postId, postType: this.props.postType} }]\n        })\n    }\n\n    render() {\n        let colorScheme = \"classic\"\n        if (this.props.currentUser) {\n             colorScheme = this.props.currentUser.colorScheme;\n        }\n        if (this.state.editing) {\n            return < CommentEdit comment={this.props.comment} cancelEdit={this.cancelEdit} postId={this.props.postId} postType={this.props.postType}/>\n        } else {\n            \n            return (\n                <div id={`the-comment${this.props.comment.id}`} key={this.props.comment.body} className={`comment ${colorScheme}`} style={this.props.commentStyle}>\n                    <div style={{ \"display\": \"flex\", \"flexDirection\": \"column\" }}>\n                        <p className=\"comment-body\">{this.props.comment.body}</p>\n                        <span className=\"comment-who-and-when\"> {`${this.props.comment.commentor.username}, on ${this.props.comment.createdAt}`}</span>\n                    </div>\n                    <div className={`comment-buttons ${colorScheme}`}>\n                        {this.props.currentUser && ( (this.props.currentUser.id === this.props.comment.commentor.id)) && <span className=\"comment-btn\" onClick={this.editComment}><MdEdit /> </span>}\n                        {this.props.currentUser &&  ((this.props.currentUser.id === this.props.comment.commentor.id) || this.props.currentUser.id === this.props.articleAuthorId) && <span className=\"comment-btn\" onClick={this.openConfirmationModal}><MdDelete /></span>}\n                        {this.state.confirmationOpen && (\n                            <div className=\"comment-delete-confirm\" style={{\"top\":`${this.state.top}`}}>\n                                <div className=\"confirmation-dialog\">\n                                    <h4>Remove Comment?</h4>\n                                    <div style={{ \"display\": \"flex\", \"justifyContent\": \"center\" }}>\n                                        <button className=\"confirm-btn-yes\" onClick={this.deleteComment} value={this.props.comment.id}>Yes</button>\n                                        <button className=\"confirm-btn-no\" onClick={this.closeConfirmationModal}>No</button>\n                                    </div>\n\n                                </div>\n                            </div>\n                        )}\n                    </div>\n\n                </div>\n            )\n        }\n    }\n\n}\n\nexport default graphql(deleteComment)(Comment);","import React, { Component } from 'react';\nimport { Mutation } from 'react-apollo';\nimport { Link } from 'react-router-dom';\nimport postComment from './mutations/post_comment';\nimport article from './queries/article';\nimport image from './queries/image';\nimport Comment from './comment';\n\n/**\n * Contains user comments belonging to a given post, as well as a form for creating a new comment.\n * \n * Expected Props\n *      postType: String - whether the post is an image or an article\n *      postId: Integer - ID number of the post\n *      comments: Array of objects - The comments themselves.\n */\n\nclass CommentSection extends Component {\n\n    constructor(props) {\n        super(props)\n        this.state = {\n            body: \"\"\n        }\n        this.handleFormChange = this.handleFormChange.bind(this);\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    render() {\n        const query = this.props.postType === \"Article\" ? article : image;\n        const comments = this.props.comments;\n        return (\n\n            <div className={`comments-section ${this.props.colorScheme}`}>\n\n                            {this.props.currentUser ?\n                                <Mutation mutation={postComment}\n                                    update={(cache, { data: { postComment } }) => {\n                                    }}\n                                    refetchQueries={[{ query: query, variables: { id: this.props.postId } }]}\n                                >\n                                    {(postComment, loading) =>\n                                        !loading ? (\n                                     <div className=\"loading-div\"><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\" /></div>\n                                    ) : (\n                                                <form className=\"comment-add\" onSubmit={event => {\n                                                    event.preventDefault();\n                                                    postComment({\n                                                        variables: {\n                                                            body: this.state.body,\n                                                            userId: this.props.currentUser.id,\n                                                            postId: this.props.postId,\n                                                            postType: this.props.postType\n                                                        }\n                                                    }).then(res => {\n                                                        this.setState({ body: \"\" })\n                                                    })\n                                                }}>\n                                                    <textarea placeholder=\"Please Enter your comment here\" onChange={this.handleFormChange(\"body\")} value={this.state.body} resize=\"none\" />\n                                                    <input className=\"comment-submit\" type=\"submit\" name=\"Post Comment\" value=\"Post Comment\" />\n                                                </form>\n                                            )\n                                    }\n\n                                </Mutation>\n                                :\n                                <div className=\"please-login-div\">\n                                    <span className=\"please-login-message\">Please <Link className=\"please-login-button\" to=\"/login\">Log In</Link> or <Link className=\"please-login-button inverse\" to=\"register\">Sign Up</Link> to post comments</span>\n                                </div>\n                            }\n                            <h4 style={{ \"marginLeft\": \"1rem\" }}>Latest Comments</h4>\n                            {comments.map(\n                                (comment, index) => {\n                                    let commentStyle = index % 2 === 0 ? { \"background\": \"lightgrey\" } : { \"background\": \"white\" }\n                                    if (this.props.colorScheme === \"bonetrousle\")  commentStyle = {\"background\": \"black\"};\n                                    return <Comment\n                                        comment={comment}\n                                        commentStyle={commentStyle}\n                                        currentUser={this.props.currentUser}\n                                        articleAuthorId={this.props.articleAuthorId}\n                                        postType={this.props.postType}\n                                        postId={this.props.postId}\n                                        key={`SHUT UP, LINT! ${comment.id}`}\n                                    />\n                                }\n                            )}\n                        </div>\n               \n        )\n    }\n}\n\nexport default CommentSection","/**\n * Mutation to be called when a user clicks the thumbs up icon in the Reactions tab.\n * Expected Arguments\n *      postType: string, determines which table the post belongs to (in this case articles or image_posts).\n *      postId:  integer, it's an ID number for a post (Article or ImagePost). Will be come a foreign key on the new Like\n *      userId:  integer, it's an ID number for a User.\n * \n * TODO: Refactor to more generic 'reaction', add a new argument \"reactionType\" actually it needs a better name than that since\n *       reactionType can also be a GraphQL typing name. \"typeOfReaction\"? Need to make a new Union as well and then i can get all the reactions\n *       with a single snippet.\n */\n\nimport gql from 'graphql-tag'\n\nconst likePost = gql`\nmutation likePost($postType: String!, $userId: Int!, $postId: Int!) { \n        likePost(postType: $postType, userId: $userId, postId: $postId) {\n            id\n            liker{\n                id\n                username\n            }\n    }  \n}\n`;\n\nexport default likePost;","import gql from 'graphql-tag'\n\nconst unlikePost = gql`\nmutation unlikePost($postType: String!, $userId: Int!, $postId: Int!) { \n        unlikePost(postType: $postType, userId: $userId, postId: $postId) {\n            id\n    }  \n}\n`;\n\nexport default unlikePost;","import React, {Component} from 'react';\nimport { MdThumbUp} from 'react-icons/md';\nimport {Mutation} from 'react-apollo';\nimport likePost from './mutations/like_post';\nimport article from './queries/article';\nimport image from './queries/image';\nimport unlikePost from './mutations/unlike_post';\n\nconst QUERIES = {\"Article\": article, \"ImagePost\": image};\n\n/**\n * To Be Deprecated for a Reactions Section once it is completed.\n */\n\nclass LikesSection extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            currentUser: this.props.currentUser\n        }\n    }\n\n\n    componentWillReceiveProps(newProps) {\n        if (this.props.currentUser !== newProps.currentUser) {\n            this.setState({currentUser: newProps.currentUser})\n        }\n    }\n\n    render() {\n        const userLikesIt = this.state.currentUser && this.props.likers.includes(this.state.currentUser.id);\n        const refetch = QUERIES[this.props.type]\n        return (\n            <div className=\"likes-section\" style={{\"color\":\"white\"}}>\n                <div className=\"like-or-dislike\">\n                       {  userLikesIt ?\n                        <Mutation\n                            mutation={unlikePost}\n                            refetchQueries={[{ query: refetch, variables: { id: this.props.postId, } }]}\n                            update={(cache, { data: { unlikePost } }) => {\n                            }}>\n                            {(unlikePost, loading) =>\n                                !loading ? (\n                                    \"...\"\n                                ) : (\n                                        <span>\n                                            <MdThumbUp className=\"like-thumb-yes\"\n                                                onClick={event => {\n                                                    event.preventDefault();\n                                                    if (!this.state.currentUser) {\n                                                        return false;\n                                                    }\n                                                    unlikePost({\n                                                        variables: {\n                                                            userId: this.state.currentUser.id,\n                                                            postId: this.props.postId,\n                                                            postType: this.props.type\n                                                        }\n                                                    }).then(res => {\n                                                        // this.setState({ body: \"\" })\n                                                    })\n\n                                                }}\n                                            />\n                                            {this.props.numLikes}\n                                        </span>\n                                    )}\n                        </Mutation>\n                           :                    \n                        <Mutation \n                            mutation={likePost}\n                        refetchQueries={[{ query: refetch, variables: { id: this.props.postId,}}]}\n                            update={(cache, { data: { likePost } }) => {\n                            }}>\n                            {(likePost, loading) =>\n                                !loading ? (\n                                    \"...\"\n                                ) : (\n                                <span> \n                                  <MdThumbUp className=\"like-thumb-no\" \n                                            onClick={event => {\n                                                event.preventDefault();\n                                                if (!this.state.currentUser) {\n                                                    alert(\"Must be logged in to like\")\n                                                    return false;\n                                                }\n                                                likePost({\n                                                    variables: {\n                                                        userId: this.state.currentUser.id,\n                                                        postId: this.props.postId,\n                                                        postType: this.props.type\n                                                    }\n                                                }).then(res => {\n                                                    // this.setState({ body: \"\" })\n                                                })\n                                           \n                                            }}\n                                  /> \n                                  {this.props.numLikes}\n                                </span>\n                                )}     \n                        </Mutation>\n                       }\n                </div>\n            </div>\n        )\n    }\n}\n\nexport default LikesSection;","import gql from 'graphql-tag';\n\nconst updateImageDescription = gql`\n    mutation updateImageDescription($id: Int!, $description: String!) {\n        updateImageDescription(id: $id, description: $description) {\n            id\n            description\n            title\n            image\n        }\n    }\n`;\n\nexport default updateImageDescription;","import React, { Component } from 'react';\nimport { Mutation } from 'react-apollo';\nimport updateImageDescription from './mutations/update_image_description';\nimport image from './queries/image';\n\n/**\n * Form for editing the description of an image.\n * TODO: Replace with functional version using hooks\n */\n\nclass ImageDescriptionEdit extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            description: this.props.description,\n            id: this.props.id\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    render() {\n        return (\n            <div className=\"edit-title\">\n                <Mutation mutation={updateImageDescription}\n                    update={(cache, { data: { updateImageDescription } }) => {\n                    }}\n                    refetchQueries={[{ query: image, variables: { id: this.props.id } }]}\n\n                >{(updateImageDescription, loading) =>\n                    !loading ? (\n                        \"...\"\n                    ) : (\n                            <form className=\"edit-description\" onSubmit={event => {\n                                event.preventDefault();\n                                    updateImageDescription({\n                                    variables: {\n                                        description: this.state.description,\n                                        id: this.props.id\n                                    }\n                                }).then(res => {\n                                    this.props.finishEdit(\"Description\");\n                                })\n                            }}>\n                                <input className=\"edit-description-text\" type=\"text\" value={this.state.description} onChange={this.handleFormChange(\"description\")}></input>\n                                <span className=\"edit-save-or-cancel\">\n                                    <input type=\"submit\" value=\"Save\" className=\"confirm-btn-yes\" name=\"Save\" />\n                                    <button onClick={this.props.cancelEdit} className=\"confirm-btn-no\" name=\"Description\">Cancel</button>\n                                </span>\n                            </form>\n                        )}\n                </Mutation>\n\n            </div>\n        )\n    }\n}\n\nexport default ImageDescriptionEdit;","import gql from 'graphql-tag';\n\nconst updateImageTitle = gql`\n    mutation updateImageTitle($id: Int!, $title: String!) {\n        updateImageTitle(id: $id, title: $title) {\n            id\n            description\n            title\n            image\n        }\n    }\n`;\n\nexport default updateImageTitle;","import React, { Component } from 'react';\nimport { Mutation } from 'react-apollo';\nimport updateImageTitle from './mutations/update_image_title'\nimport image from './queries/image';\n\n/**\n * Component for editing the title of an image post.\n * TODO: Merge with article_title_edit, conditionally mutate based on post type\n */\n\n\nclass ImageTitleEdit extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            title: this.props.title,\n            id: this.props.id\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    render() {\n        return (\n            <div className=\"edit-title\">\n                <Mutation mutation={updateImageTitle}\n                    update={(cache, { data: { updateImageTitle } }) => {\n                    }}\n                    refetchQueries={[{ query: image, variables: { id: this.props.id } }]}\n\n                >{(updateImageTitle, loading) =>\n                    !loading ? (\n                        \"...\"\n                    ) : (\n                            <form className=\"edit-title\" onSubmit={event => {\n                                event.preventDefault();\n                                    updateImageTitle({\n                                    variables: {\n                                        title: this.state.title,\n                                        id: this.props.id\n                                    }\n                                }).then(res => {\n                                    this.props.finishEdit(\"Title\");\n                                })\n                            }}>\n                                <input className=\"edit-title-text\" type=\"text\" value={this.state.title} onChange={this.handleFormChange(\"title\")}></input>\n                                <span className=\"edit-save-or-cancel\">\n                                    <input type=\"submit\" value=\"Save\" className=\"confirm-btn-yes\" name=\"Save\" />\n                                    <button onClick={this.props.cancelEdit} className=\"confirm-btn-no\" name=\"Title\">Cancel</button>\n                                </span>\n                            </form>\n                        )}\n                </Mutation>\n\n            </div>\n        )\n    }\n}\n\nexport default ImageTitleEdit;","/**\n * Image show subscription, for real time updates while viewing a particular image page.\n */\n\nimport gql from 'graphql-tag';\n\nconst ImageSubscription = gql`\nsubscription ImageSubscription {\n    \n    imageLiked {\n            id\n            title\n            description\n            image\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n          comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n  \n   },\n\n    imageUnliked {\n            id\n            title\n            description\n            image\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n          comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n   }, \n\n    imageUpdated {\n            id\n            title\n            description\n            image\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n          comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n        }\n      \n}`\n\nexport default ImageSubscription;","/* eslint-disable react-hooks/exhaustive-deps, no-unused-vars */\nimport React, { useEffect } from 'react';\nimport ImageSubscription from './subscriptions/image_show';\n\n\nconst Subscription = ({ subscribeToMore }) => {\n    useEffect(() => {\n        return subscribeToMore({\n            document: ImageSubscription,\n            updateQuery: (prev, { subscriptionData }) => {\n                if (!subscriptionData.data) return prev;\n\n                const { imageLiked } = subscriptionData.data;\n\n                if (imageLiked) {\n                    return {\n                        image: imageLiked\n                    }\n                }\n                const { imageUnliked } = subscriptionData.data\n                if (imageUnliked) {\n                    return {\n                        image: imageUnliked\n                    }\n                }\n\n                const { imageUpdated } = subscriptionData.data;\n\n                if (imageUpdated) {\n                    return {\n                        image: imageUpdated\n                    }\n                }\n\n                return prev;\n            },\n        });\n    }, []);\n    return null;\n};\n\nexport default Subscription;","/**\n * Removes an ImagePost from the database.\n *    Argument: ID, Integer, it's the id number of the post in question.  Since there are two different mutations, one for Article and one for\n *    ImagePost, a postType isn't required.\n * \n * TODO: Figure out how to remove previously uploaded images from AWS S3 Bucket\n */\n\nimport gql from 'graphql-tag'\n\nconst deleteImage = gql`\nmutation deleteImage($id: Int!)\n { deleteImage(id: $id) {\n  id\n}\n  \n}`\n\nexport default deleteImage;","/**\n * Displays a single image and all of its information\n */\n\nimport React, { Component } from 'react';\nimport { Query, graphql } from 'react-apollo';\nimport image from './queries/image';\nimport CommentSection from './comment_section_refactor';\nimport LikesSection from './likes_section';\nimport ImageDescriptionEdit from './image_description_edit';\nimport ImageTitleEdit from './image_title_edit';\nimport {Link} from 'react-router-dom';\nimport $ from 'jquery';\nimport { MdDelete, MdNavigateBefore, MdNavigateNext } from 'react-icons/md';\nimport Subscription from './image_subscription';\nimport images from './queries/images';\nimport deleteImage from './mutations/delete_image';\n\n\n/**\n * Displays a single image post \n */\n\nclass ImageShow extends Component {\n\n    constructor(props) {\n        super(props)\n        this.state = {\n            editingTitle: false,\n            editingDescription: false\n        }\n        this.cancelEdit = this.cancelEdit.bind(this);\n        this.finishEdit = this.finishEdit.bind(this);\n        this.editField = this.editField.bind(this);\n        this.deleteImage = this.deleteImage.bind(this);\n    }\n    deleteImage(e) {\n        e.preventDefault();\n        const id = this.props.match.params.imageID\n        this.props.mutate({\n            variables: { id: parseInt(id) },\n            refetchQueries: [{ query: images }]\n        }).then(res => {\n            this.props.history.push(\"/images\");\n        })\n    }\n\n    cancelEdit(event) {\n        $('body').css('overflow', 'auto');\n        this.setState({ [`editing${event.target.name}`]: false })\n    }\n\n    finishEdit(field) {\n        $('body').css('overflow', 'auto');\n        this.setState({ [`editing${field}`]: false })\n    }\n\n    editField(event) {\n        event.preventDefault();\n        this.setState({ [`editing${event.target.id}`]: true });\n    }\n\n    componentDidUpdate(newProps) {\n\n        if (newProps.match.params.imageID !== this.props.match.params.imageID) {\n            this.setState({\n                editingDescription: false,\n                editingTitle: false\n            })\n        }\n    }\n\n    render() {\n        const argument = parseInt(this.props.match.params.imageID)\n        return (\n            <Query query={image} variables={{ id: argument }}>\n                {({ loading, error, data, subscribeToMore }) => {\n                    if (loading) return <div className={`loading-div loading-div-${this.props.colorScheme}`}><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\" /></div>;\n                    if (error) return <p>Error :(</p>;\n                    const image = data.image;\n                    const ownIndex = data.imageIds.indexOf(image.id)\n                    const next = ownIndex === data.imageIds.length - 1 ? data.imageIds[0] : data.imageIds[ownIndex + 1];\n                    const prev = ownIndex === 0 ? (data.imageIds[data.imageIds.length - 1]) : data.imageIds[ownIndex - 1];\n                    return (\n                        <div className={`article-show-page article-show-page-${this.props.colorScheme}`}>\n                            <div style={{\"flexDirection\": \"row\", \"display\": \"flex\", \"alignItems\":\"center\"}}>\n                                <Link className=\"image-show-carousel\" to={`/images/${prev}`}><MdNavigateBefore /></Link>\n                                <div style={{ \"flexDirection\": \"column\", \"display\": \"flex\", \"alignItems\": \"center\"}}>\n                                    <div className=\"image-show-inner\">\n                                        <img className=\"image-show-image\" src={image.image} alt={image.title}/>\n                                        <div className=\"image-delete-container\">\n                                            {data.currentUser && (image.author.id === data.currentUser.id) &&\n                                                <MdDelete className=\"post-delete-btn\" onClick={this.deleteImage}/>}\n                                        </div>\n                                        <div className=\"image-likes-container\">\n                                            <LikesSection type={\"ImagePost\"} currentUser={data.currentUser} postId={argument} likers={image.likers} numLikes={image.likeCount} />\n                                        </div>  \n                                    </div>\n                               \n\n                                  {  this.state.editingTitle? (\n                                      <ImageTitleEdit cancelEdit={this.cancelEdit} \n                                        id={image.id} title={image.title} \n                                        finishEdit={this.finishEdit}/>\n                                      ) : (\n                                     <h2 className=\"image-show-title\">                                        \n                                 \n                                      {image.title}, by {image.author.username}\n                                      {data.currentUser && (image.author.id === data.currentUser.id) &&\n                                      <span className=\"image-edit-btn\" onClick={this.editField} name=\"Title\" id=\"Title\" />}  \n                                    </h2>\n                                      )\n                                    }\n\n                                    { this.state.editingDescription ? (\n                                        <ImageDescriptionEdit cancelEdit={this.cancelEdit} \n                                         id={image.id} description={image.description} \n                                         finishEdit={this.finishEdit} />\n                                    ) : (\n                                    <p className=\"image-show-description\">\n                                        \"{image.description}\"\n                                        {data.currentUser && (image.author.id === data.currentUser.id) && \n                                        <span className=\"image-edit-btn\" onClick={this.editField} name=\"Description\" id=\"Description\" />}\n                                    </p>\n                                    )}\n                              </div>\n                                <Link className=\"image-show-carousel\" to={`/images/${next}`}><MdNavigateNext /></Link>\n                            </div>\n                             \n                            <CommentSection postType={\"ImagePost\"} currentUser={data.currentUser} postId={argument} comments={image.comments} />\n                            <Subscription subscribeToMore={subscribeToMore} />\n                        </div>\n                    )\n                }}\n            </Query>\n        )\n    }\n\n}\n\nexport default graphql(deleteImage)(ImageShow);","/**\n * Removes an article from the database.\n *    Argument: ID, Integer, it's the id number of the post in question.  Since there are two different mutations, one for Article and one for\n *    ImagePost, a postType isn't required.\n */\n\nimport gql from 'graphql-tag'\n\nconst deleteArticle = gql`\nmutation deleteArticle($id: Int!)\n { deleteArticle(id: $id) {\n  id\n}\n  \n}`\n\nexport default deleteArticle;","import gql from 'graphql-tag';\n\nconst updateArticleBody = gql`\n    mutation updateArticleBody($id: Int!, $body: String!) {\n        updateArticleBody(id: $id, body: $body) {\n            id\n            body\n            title\n        }\n    }\n`;\n\nexport default updateArticleBody","/**\n * Edit form for the body of an article\n */\n/* eslint no-restricted-globals: 0 */  // --> OFF\nimport React, {Component} from 'react';\nimport {Mutation} from 'react-apollo';\nimport updateArticleBody from './mutations/update_article_body'\nimport article from './queries/article';\n\nclass ArticleBodyEdit extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            body: this.props.body,\n            id: this.props.id\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n        this.bodyEditHeight = document.getElementById(\"article-body\").offsetHeight;\n        this.resizeTextArea = this.resizeTextArea.bind(this)\n    }\n\n    /**\n     * Changes a specific value within state depending on which field is being manipulated\n     * @param {*} field \n     */\n    handleFormChange(field) {\n        return event =>\n          this.setState({\n             [field]: event.currentTarget.value\n          }, this.resizeTextArea);\n    }\n\n    /**\n     * Uses jquery to resize the height of the text area to fit the text as the user types.\n     */\n    resizeTextArea() {\n      // const textArea = document.getElementById(\"body-edit\");\n      debugger;\n    }\n\n    render() {\n\n        return (\n          <div className=\"edit-body\">\n            <Mutation\n              mutation={updateArticleBody}\n              update={(cache, { data: { updateArticleBody } }) => {}}\n              refetchQueries={[\n                { query: article, variables: { id: this.props.id } }\n              ]}\n            >\n              {(updateArticleBody, loading) =>\n                !loading ? (\n                  \"...\"\n                ) : (\n                  <form\n                    className=\"edit-body\"\n                    onSubmit={event => {\n                      event.preventDefault();\n                      updateArticleBody({\n                        variables: {\n                          body: this.state.body,\n                          id: this.props.id\n                        }\n                      }).then(res => {\n                        this.props.finishEdit(\"Body\");\n                      });\n                    }}\n                  >\n                    <textarea\n                      id=\"body-edit\"\n                      type=\"textarea\"\n                      className=\"edit-body-textarea\"\n                      wrap=\"hard\"\n                      cols=\"40\"\n                      onChange={this.handleFormChange(\"body\")}\n                      value={this.state.body}\n                      style={{ height: `${this.bodyEditHeight}px` }}\n                    />\n                    <span className=\"edit-save-or-cancel\">\n                      <input\n                        type=\"submit\"\n                        value=\"Save\"\n                        className=\"confirm-btn-yes\"\n                        name=\"Save\"\n                      />\n                      <button\n                        onClick={this.props.cancelEdit}\n                        className=\"confirm-btn-no\"\n                      >\n                        Cancel\n                      </button>\n                    </span>\n                  </form>\n                )\n              }\n            </Mutation>\n          </div>\n        );\n    }\n}\n//                      \nexport default ArticleBodyEdit;\n\n/**\n *  \n */","import gql from 'graphql-tag';\n\nconst updateArticleTitle = gql`\n    mutation updateArticleTitle($id: Int!, $title: String!) {\n        updateArticleTitle(id: $id, title: $title) {\n            id\n            body\n            title\n        }\n    }\n`;\n\nexport default updateArticleTitle;","import React, { Component } from 'react';\nimport {Mutation} from 'react-apollo';\nimport updateArticleTitle from './mutations/update_article_title'\nimport article from './queries/article';\n\n/**\n * Component for editing the title of an article.\n * TODO: Merge with image_title_edit, conditionally mutate based on post type\n */\nclass ArticleTitleEdit extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            title: this.props.title,\n            id: this.props.id\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    render() {\n        return (\n            <div className=\"edit-title\">\n                <Mutation mutation={updateArticleTitle}\n                    update={(cache, { data: { updateArticleTitle } }) => {\n                    }}\n                    refetchQueries={[{ query: article, variables: { id: this.props.id} }]}\n                \n                >{(updateArticleTitle, loading) =>\n                    !loading ? (\n                        \"...\"\n                    ) : ( \n                    <form className=\"edit-title\" onSubmit={event => {\n                            event.preventDefault();\n                            updateArticleTitle({\n                                variables: {\n                                    title: this.state.title,\n                                    id: this.props.id\n                                }\n                            }).then(res => {\n                                this.props.finishEdit(\"Title\");\n                            })\n                        }}>\n                            <input className=\"edit-title-text\" type=\"text\" value={this.state.title} onChange={this.handleFormChange(\"title\")}></input>\n                            <span className=\"edit-save-or-cancel\">\n                                <input type=\"submit\" value=\"Save\"className=\"confirm-btn-yes\" name=\"Save\" />\n                                <button onClick={this.props.cancelEdit} className=\"confirm-btn-no\" name=\"Title\">Cancel</button>\n                            </span>\n                        </form>\n                    )}\n                </Mutation>\n            \n            </div>\n        )\n    }\n}\n\nexport default ArticleTitleEdit;","import React from 'react';\nimport {MdCheck, MdClose} from 'react-icons/md';\n\n/**\n * Modal which displays upon an attempt to delete an article or image post.\n * \n * TODO: Figure out whether tis better to import the newCloseModal directly into this component and ONLY pass the callback.\n * Expected Props\n *      title: String - the name of the thing to be deleted\n *      confirm: Function - should make a DELETE request to one's backend; or it could even be used \n *                          to just remove something from the DOM which only exists in state.\n *      cancel: Function - sets the document's scroll to \"auto\" and calls a callback\n *      callback: Function - function that is bound to the parent component and sets state through \n *                           either class setState or hooks\n */\n\nconst ConfirmationModal = (props) => {\n    const callback = props.callback ? props.callback :  () => {  return 0 }\n    return (\n        <div className=\"confirmation-modal\">\n            <div className=\"confirmation-dialog\">\n                <h4>Are you sure you want to delete <span>\"{props.title}\"</span>?</h4>\n                <div className=\"confirmation-icons\" style={{\"display\": \"flex\"}}>     \n                <MdCheck className=\"confirmation-yes\" onClick={props.confirm} />\n                <MdClose className=\"confirmation-no\" onClick={() => props.cancel(callback)} />\n\n                </div>\n           \n            </div>\n        </div>\n    );\n}\n\nexport default ConfirmationModal;","/**\n * Article subscription for the show page\n */\n\nimport gql from 'graphql-tag';\n\nconst ArticleSubscription = gql`\nsubscription ArticleSubscription {\n    \n    articleLiked {\n            id\n            title\n            body\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n            reactions\n            comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n  \n   },\n\n    articleUnliked {\n             id\n            title\n            body\n            likers\n            likeCount\n            author {\n                id\n                username\n            }\n            reactions\n            comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n   }, \n\n    articleUpdated {\n            id\n            title\n            body\n            author {\n                id\n                username\n            }\n            reactions\n            comments {\n              id\n              body\n              createdAt\n              commentor {\n                id\n                username\n              }\n            }\n    }\n      \n}`\n\nexport default ArticleSubscription;","/* eslint-disable react-hooks/exhaustive-deps, no-unused-vars */\n/**\n * Subscription component for the ArticleShow page.\n */\n\nimport React, { useEffect } from 'react';\nimport ArticleSubscription from './subscriptions/article_show';\n\n\nconst Subscription = ({ subscribeToMore }) => {\n    useEffect(() => {\n        console.log(\"Using Effect\");\n        return subscribeToMore({\n            document: ArticleSubscription,\n            updateQuery: (prev, { subscriptionData }) => {\n                console.log(\"Before subscription data's existence is being checked\")\n                if (!subscriptionData.data) {\n                    console.log(\"NO SUBSCRIPTION DATA\")\n                    return prev;\n                }\n\n                console.log(\"THE DATA:\", subscriptionData)\n               \n   \n\n                const { articleUpdated } = subscriptionData.data;\n                if (articleUpdated) {\n                    return {\n                        article: articleUpdated\n                    }\n                }\n\n                return prev;\n            },\n        });\n    }, []);\n    return null;\n};\n\nexport default Subscription;","/**\n * Mutation to be called when a user clicks the laughing face icon in the Reactions tab.\n * Expected Arguments\n *      postType: string, determines which table the post belongs to (in this case articles or image_posts).\n *      postId:  integer, it's an ID number for a post (Article or ImagePost). Will be come a foreign key on the new Funny\n *      userId:  integer, it's an ID number for a User.\n * \n * * TODO: Refactor to more generic 'reaction', add a new argument \"reactionType\" actually it needs a better name than that since\n *       reactionType can also be a GraphQL typing name. \"typeOfReaction\"? Need to make a new Union as well and then i can get all the reactions\n *       with a single snippet.\n */\n\nimport gql from 'graphql-tag'\n\nconst createFunny = gql`\nmutation createFunny($postType: String!, $userId: Int!, $postId: Int!) { \n        createFunny(postType: $postType, userId: $userId, postId: $postId) {\n            id\n            laugher{\n                id\n                username\n            }\n    }  \n}\n`;\n\nexport default createFunny;","/**\n * Removes a funny from the database, reducing the funny count of a given post by 1.\n * \n * Arguments\n *      postType: String, used to determine what kind of post is being unfunnied.\n *      postId: Integer, foreign key on the Funny - that which is no longer funny.\n *      userId: Integer, foreign key on the Funny - who is no longer laughing\n */\n\n\nimport gql from 'graphql-tag'\n\nconst deleteFunny = gql`\nmutation deleteFunny($postType: String!, $userId: Int!, $postId: Int!) { \n        deleteFunny(postType: $postType, userId: $userId, postId: $postId) {\n            id\n    }  \n}\n`;\n\nexport default deleteFunny;","import gql from \"graphql-tag\";\n\nconst createSpicy = gql`\n  mutation createSpicy($postType: String!, $userId: Int!, $postId: Int!) {\n    createSpicy(postType: $postType, userId: $userId, postId: $postId) {\n      id\n      user {\n        id\n        username\n      }\n    }\n  }\n`;\n\nexport default createSpicy;\n","import gql from \"graphql-tag\";\n\nconst deleteSpicy = gql`\n  mutation deleteSpicy($postType: String!, $userId: Int!, $postId: Int!) {\n    deleteSpicy(postType: $postType, userId: $userId, postId: $postId) {\n      id\n    }\n  }\n`;\n\nexport default deleteSpicy;\n","import gql from \"graphql-tag\";\n\nconst createSmart = gql`\n  mutation createSmart($postType: String!, $userId: Int!, $postId: Int!) {\n    createSmart(postType: $postType, userId: $userId, postId: $postId) {\n      id\n      user {\n        id\n        username\n      }\n    }\n  }\n`;\n\nexport default createSmart;","import gql from \"graphql-tag\";\n\nconst deleteSmart = gql`\n  mutation deleteSmart($postType: String!, $userId: Int!, $postId: Int!) {\n    deleteSmart(postType: $postType, userId: $userId, postId: $postId) {\n      id\n    }\n  }\n`;\n\nexport default deleteSmart;\n","import React, { Component } from 'react';\nimport { FaRegGrinSquint, FaRegLightbulb, FaRegThumbsUp, FaPepperHot }from 'react-icons/fa';\nimport { Mutation } from 'react-apollo';\nimport likePost from './mutations/like_post';\nimport unlikePost from './mutations/unlike_post';\nimport createFunny from './mutations/create_funny';\nimport deleteFunny from './mutations/delete_funny';\nimport createSpicy from './mutations/create_spicy';\nimport deleteSpicy from './mutations/delete_spicy';\nimport createSmart from './mutations/create_smart';\nimport deleteSmart from './mutations/delete_smart';\nimport article from './queries/article';\nimport image from './queries/image';\n\n\nconst QUERIES = { \"Article\": article, \"ImagePost\": image };\nconst CREATE_MUTATIONS = {'like': likePost, 'funny': createFunny, 'smart': createSmart, \"spicy\": createSpicy}\nconst DELETE_MUTATIONS = {'like': unlikePost, 'funny': deleteFunny, 'smart': deleteSmart, \"spicy\": deleteSpicy}\nconst ICONS = { 'like': FaRegThumbsUp, 'funny': FaRegGrinSquint, 'smart': FaRegLightbulb, 'spicy': FaPepperHot}\n\n/**\n * Expected Props\n *     users: array of integers, IDs of users who have reacted\n *     reactionType: string, type of reaction\n *     postType: string, type of post.\n *     postId: integer, ID of post.\n *     count: integer, number of current reactions of this type\n *     currentUser: Object representing a user.\n */\n\nclass Reaction extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            currentUser: this.props.currentUser\n        }\n    }\n\n\n    componentDidUpdate(newProps) {\n        if (this.state.currentUser !== this.props.currentUser) {\n            this.setState({ currentUser: this.props.currentUser })\n        }\n    }\n\n    render() {\n        const userReacted = this.state.currentUser && this.props.users.includes(this.state.currentUser.id);\n        const refetch = QUERIES[this.props.postType];\n        const creation = CREATE_MUTATIONS[this.props.reactionType];\n        const deletion = DELETE_MUTATIONS[this.props.reactionType];\n        const Tag = ICONS[this.props.reactionType]\n\n        return (\n            <div className=\"likes-section\">\n                <div className=\"reaction\">\n                    {userReacted ?\n                        <Mutation\n                            mutation={deletion}\n                            refetchQueries={[{ query: refetch, variables: { id: this.props.postId, } }]}\n                            update={(cache, { data: { deletion } }) => {\n                            }}>\n                            {(deletion, loading) =>\n                                !loading ? (\n                                    \"...\"\n                                ) : (\n                                        <span>\n                                            <span className={`reaction-${this.props.reactionType}-yes`}\n                                                onClick={event => {\n                                                    event.preventDefault();\n                                        \n                                                    if (!this.state.currentUser) {\n                                                        alert(\"Must be logged in to react\")\n                                                        return false;\n                                                    }\n                                                    deletion({\n                                                        variables: {\n                                                            userId: this.state.currentUser.id,\n                                                            postId: this.props.postId,\n                                                            postType: this.props.postType\n                                                        }\n                                                    }).then(res => {\n                                                        // this.setState({ body: \"\" })\n                                                    })\n\n                                                }}>\n                                                    <Tag />\n                                            </span>\n                                           \n                                            <span> {this.props.count}</span>\n                                        </span>\n                                    )}\n                        </Mutation>\n                        :\n                        <Mutation\n                            mutation={creation}\n                            refetchQueries={[{ query: refetch, variables: { id: this.props.postId, } }]}\n                            update={(cache, { data: { creation } }) => {\n                            }}>\n                            {(creation, loading) =>\n                                !loading ? (\n                                    \"...\"\n                                ) : (\n                                        <span>\n                                            <span className={`reaction-${this.props.reactionType}-no`}\n                                                onClick={event => {\n                                                    event.preventDefault();\n                                                    if (!this.state.currentUser) {\n                                                        alert(\"Must be logged in to react\")\n                                                        return false;\n                                                    }\n                                                    creation({\n                                                        variables: {\n                                                            userId: this.state.currentUser.id,\n                                                            postId: this.props.postId,\n                                                            postType: this.props.postType\n                                                        }\n                                                    }).then(res => {\n                                                        // this.setState({ body: \"\" })\n                                                    })\n\n                                                }}> \n                                                 <Tag />\n                                            </span>\n                                           \n                                            <span> {this.props.count}</span>\n                                        </span>\n                                    )}\n                        </Mutation>\n                    }\n                </div>\n            </div>\n        )\n    }\n}\n\nexport default Reaction","import React from 'react';\n\n/**\n * \n * A right-floating tooltip with a left arrow\n * \n * Expected Props:\n *    message: String, text to be displayed.\n *    visibility: Boolean, whether the component can be seen.\n */\n\nconst Tooltip = props => {\n    const {message, visibility} = props;\n    return (\n        <span className={`tooltip ${visibility === true ? 'visible' : 'hidden'}`}>\n            <div className=\"tooltip-arrow\" /><span>{message}</span>\n        </span>\n    )\n}\n\nexport default Tooltip;","import $ from 'jquery';\n\n\nexport const newOpenModal = (callback) => {\n    $('body').css('overflow', 'hidden');\n    callback();\n}\n\nexport const newCloseModal = (callback) => {\n    $('body').css('overflow', 'auto');\n    callback();\n}","/**\n * Displays all data for a single article\n */\n\nimport React, {Component} from 'react';\nimport {Query} from 'react-apollo';\nimport article from './queries/article';\nimport articles from './queries/articles';\nimport deleteArticle from './mutations/delete_article';\nimport  { graphql } from 'react-apollo'\nimport CommentSection from './comment_section_refactor';\nimport ArticleBodyEdit from './article_body_edit';\nimport ArticleTitleEdit from './article_title_edit';\nimport $ from 'jquery';\nimport { MdDelete, MdEdit} from 'react-icons/md';\nimport ConfirmationModal from './confirmation_modal';\nimport Subscription from './article_subscription';\nimport Reaction from './reaction';\nimport Tooltip from './tooltip';\nimport ReactMarkdown from 'react-markdown';\nimport {newOpenModal, newCloseModal} from './utils/utilities';\n\nclass ArticleShow extends Component {\n\n    constructor(props) {\n        super(props)\n        this.state = {\n            editingBody: false,\n            editingTitle: false,\n            confirmationOpen: false,\n            titleTooltipOpen: false,\n            bodyTooltipOpen: false,\n            deleteTooltipOpen: false\n        }\n        this.cancelEdit = this.cancelEdit.bind(this);\n        this.finishEdit = this.finishEdit.bind(this);\n        this.editField = this.editField.bind(this);\n        this.deleteArticle = this.deleteArticle.bind(this);\n        this.closeModal = this.closeModal.bind(this);\n        this.openModal = this.openModal.bind(this);\n    }\n    /**\n     * Params: None\n     * Closes the confirmation modal, used for article deletion\n     */\n    closeModal(){\n        $('body').css('overflow', 'auto');\n        this.setState({confirmationOpen: false})\n    }\n\n    /**\n     * Params: None\n     * Used to open a dialog modal asking the user to confirm whether to delete an article.\n     * TODO: create a version which accepts a callback that can be imported from utils\n     */\n    openModal() {\n        $('body').css('overflow', 'hidden');\n        this.setState({ confirmationOpen: true })\n    }\n\n    /**\n     * Returns a field (body or title) to its read-only state.\n     * @param {*} event \n     */\n    cancelEdit(event) {\n        $('body').css('overflow', 'auto');\n        this.setState({ [`editing${event.target.name}`]: false })\n    }\n\n    /**\n     * TODO: Find out if removing this one, or the above one, would make the app still work\n     * @param {*} field \n     */\n    finishEdit(field) {\n        $('body').css('overflow', 'auto');\n        this.setState({ [`editing${field}`]: false })\n    }\n\n    /**\n     * Opens a form in place of an article element, e.g. Title, Body\n     * Dynamically sets a slice of state equal to the id of the target of the click event.\n     * @param {*} event \n     */\n    editField(event) {\n        event.preventDefault();\n        this.setState({ [`editing${event.target.id}`]: true, titleTooltipOpen: false, bodyTooltipOpen: false});\n    }\n\n    /**\n     * Calls the mutation deleteArticle which, as one might guess, removes the current article from the database\n     * Upon completion, the articles index query is refetched and the user is redirected to the articles index page. \n     *\n     * @param {*} e \n     */\n    deleteArticle(e) {\n        e.preventDefault();\n        const id = this.props.match.params.articleID\n        this.props.mutate({\n            variables: { id: parseInt(id) },\n            refetchQueries: [{query: articles}]\n        }).then(res => {\n            this.props.history.push(\"/\");\n        })\n    }\n\n    /**\n     * It's the render method.  It renders a Query component with all of our relevant data inside of it.\n     * The Subscription element at the bottom of the component allows the article to automatically update when it is changed, reacted to, or commented on\n     * TODOS\n     *    Change this into a functional component with React Hooks.\n     *    Add tags\n     */\n    render() {\n       const argument = parseInt(this.props.match.params.articleID)\n       const colorScheme = this.props.colorScheme || \"standard\"\n       const currentUser = this.props.currentUser;\n        return (\n            <Query query={article} variables={{ id: argument }} >\n                {({ loading, error, data, subscribeToMore}) => {\n                    if (loading) return <div className=\"loading-div\"><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\" /></div>;\n                    if (error) return <p>Error :(</p>;\n                        const article = data.article;\n                    return (\n                        <div className={`article-show-page article-show-page-${colorScheme}`}>\n                            <div className=\"article-section\">\n                                {currentUser && (article.author.id === currentUser.id) && \n                                    <div className=\"delete-btn-container\">\n                                      <MdDelete className={`post-delete-btn ${colorScheme}`}  \n                                        onClick={() => newOpenModal(() => this.setState({confirmationOpen: true}))} \n                                        onMouseEnter={() => this.setState({ deleteTooltipOpen: true })}\n                                        onMouseLeave={() => this.setState({ deleteTooltipOpen: false })}\n                                      />\n                                      <Tooltip message=\"Delete Article\" visibility={this.state.deleteTooltipOpen}/>               \n                                    </div>\n                }\n                                {!this.state.editingTitle ? \n                                 <h1 className=\"article-show-title\">\n                                 \n                                    {article.title}\n\n                                     { \n                                        currentUser && (article.author.id === currentUser.id) && \n                                        <div className=\"edit-btn-container\">\n                                             <MdEdit className=\"post-edit-btn\" \n                                                onClick={this.editField} \n                                                name=\"Title\" \n                                                id=\"Title\"\n                                                onMouseEnter={() => this.setState({titleTooltipOpen: true})}\n                                                onMouseLeave={() => this.setState({ titleTooltipOpen: false })}\n                                                />\n                                                <Tooltip message={\"Edit title\"} visibility={this.state.titleTooltipOpen}/>\n                                        </div>\n                                       \n                                     }\n                                 </h1> \n                                   : \n                                    <ArticleTitleEdit cancelEdit={this.cancelEdit} \n                                    finishEdit={this.finishEdit}  id={article.id} title={article.title}/>\n                                    }\n                                 <h3>by {article.author.username}</h3>\n                                {!this.state.editingBody ? \n                                  <div className=\"article-show-body\" id=\"article-body\">\n                                        {currentUser && (article.author.id === currentUser.id) && \n                                            <div className=\"edit-btn-container\">\n                                                <MdEdit className=\"post-edit-btn\" \n                                                onClick={this.editField} \n                                                name=\"Body\"\n                                                id=\"Body\" \n                                                onMouseEnter={() => this.setState({ bodyTooltipOpen: true })}\n                                                onMouseLeave={() => this.setState({ bodyTooltipOpen: false })}\n                                                />\n                                            <Tooltip message={\"Edit body\"} visibility={this.state.bodyTooltipOpen} />\n                                            </div>}\n                                        <ReactMarkdown source={article.body} />\n                                  </div> \n                                   : \n                                  <ArticleBodyEdit cancelEdit={this.cancelEdit} finishEdit={this.finishEdit} id={article.id} body={article.body}/> }\n                          \n                                 <div className=\"reaction-section\">\n                                    {\n                                        article.reactions.map(reaction => {\n                                            //TODO: Wrap reaction section in its own component, maybe. \n                                            return (\n                                                <div key={`shutuplint${reaction.type}`}>\n                                                    <Reaction \n                                                        postType={\"Article\"} \n                                                        currentUser={currentUser}\n                                                        postId={argument} \n                                                        reactionType={reaction.type} \n                                                        users={reaction.users} \n                                                        count={reaction.count} />\n                                                </div>\n\n                                            )\n                                        })\n                                    }\n        \n                                </div>    \n                                                       \n                            </div>\n\n                              <CommentSection postType={\"Article\"} currentUser={currentUser} colorScheme={colorScheme}postId={argument} articleAuthorId={article.author.id} comments={article.comments}/>\n                            {this.state.confirmationOpen && <ConfirmationModal title={article.title} cancel={newCloseModal} callback={() => this.setState({ confirmationOpen: false })} confirm={this.deleteArticle}/>}\n                            <Subscription subscribeToMore={subscribeToMore} />\n                        </div>\n                    )\n                }}\n            </Query>\n        )\n    }\n\n}\n\nexport default graphql(deleteArticle)(ArticleShow);\n\n\n\n\n","import gql from 'graphql-tag'\n\nconst postArticle = gql`\n  mutation createArticle($title: String!, $body: String!) {\n    createArticle(body: $body, title: $title) {\n      title\n      id\n      body\n      author {\n        id\n        username\n      }\n    }\n  }\n`;\n\nexport default postArticle;","import React from 'react'\nimport PropTypes from 'prop-types'\n\n/**\n * \n * Only finds the first instance. Hm. Gonna need to find the index of the substring I reckon.\n * Also doesn't update state, so need to update state.\n * Also need to get rid of trailing spaces.\n */\nconst FormattingButtons = props => {\n\n    const tagWrap = (e) => {\n        e.preventDefault();\n        const input = document.getElementById(props.elementId);\n        const text = input.value;\n        const start = input.selectionStart;\n        const finish = input.selectionEnd;\n        const sel = text.substring(start, finish);\n        const tag = e.target.getAttribute(\"name\");\n        const newText = text.substring(0, start) + tag + sel + tag + text.substring(finish, text.length);\n        input.value = newText;\n        props.updateState(newText);\n    }\n\n    return (\n        <div className=\"formatting-section\">\n            <button className=\"formatting-button\" value=\"B\" name=\"**\" onClick={tagWrap}>B</button>\n            <button className=\"formatting-button\" value=\"I\" name=\"*\" onClick={tagWrap}>I</button>\n        </div>\n    )\n}\n\nFormattingButtons.proTypes = {\n    elementId: PropTypes.string\n}\n\nexport default FormattingButtons;","/** \n * Renders form for creating a new article\n * \n * TODO: Assess whether i need the current user query here as i may be able to pass current user in from props\n */\n\nimport React, { Component } from 'react';\nimport postArticle from './mutations/post_article';\nimport currentUser from './queries/current_user';\nimport articles from './queries/articles';\nimport { graphql } from 'react-apollo';\nimport * as compose from 'lodash.flowright';\nimport {Redirect} from 'react-router-dom';\nimport FormattingButtons from './formatting_buttons';\n\nclass ArticleCreate extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            title: \"\",\n            body: \"\"\n        }\n        this.handleFormChange = this.handleFormChange.bind(this)\n        this.save = this.save.bind(this)\n    }\n\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n        });\n    }\n\n    async save(e) {\n        e.preventDefault();\n        this.props.mutate({\n            variables: {\n                title: this.state.title,\n                body: this.state.body,\n            },\n            refetchQueries: [{query: articles}]\n        }).then(res => {\n            this.props.history.push(`/articles/${res.data.createArticle.id}`)\n        })\n    }\n\n    render() {\n        if (this.props.data.loading) {\n            return <div><img alt=\"loady\" src=\"https://media3.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif?cid=790b7611672a658dd9b96b70df5cfe96a2bf98f81e8ab339&rid=giphy.gif\" /></div>\n        }\n        if (!this.props.data.currentUser) {\n            return <Redirect to=\"/login\" />\n        }\n        return (\n            <div className={`article-create-page ${this.props.colorScheme || 'classic'}`}>\n                <form className={`article-create-form ${this.props.colorScheme || 'classic'}`} onSubmit={this.save}>\n                    <span className=\"post-creation-label\">Article Title</span>\n                    <input className={`article-create-title ${this.props.colorScheme || 'classic'}`} type=\"text\" onChange={this.handleFormChange(\"title\")}  value={this.state.title} />\n                    <span className=\"post-creation-label\">Article Body - <a href=\"https://www.markdownguide.org/basic-syntax\">Markdown</a> Now Supported</span>\n                    <FormattingButtons elementId={\"new-article-text\"} updateState={ (val) => {\n                        this.setState({body: val})\n                    }}/>\n                    <textarea id=\"new-article-text\" className={`article-create-body ${this.props.colorScheme || 'classic'}`} type=\"text\" onChange={this.handleFormChange(\"body\")} value={this.state.description} />\n                    <input type=\"submit\" className={`submit ${this.props.colorScheme}`} value=\"Post Article\" disabled={!this.state.body} />\n                </form>\n            </div>\n        )\n    }\n}\n\n\n\nexport default compose(\n    graphql(currentUser)\n)(\n    graphql(postArticle)(ArticleCreate)\n)","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\n\n/**\n * This is the app's main navigation bar. The current panel has a white underline.\n * Might Do: Make the current panel's text white and the others gray instead.\n */\nconst NavBar = props => {\n    const currentPanel = props.location.pathname\n    return (\n        <div className={`nav-bar nav-bar-${props.colorScheme}`}>\n            <Link className={`nav-bar-link${currentPanel === \"/\" ? \"-active\" : ''}`} to=\"/\">Text</Link>\n            <Link className={`nav-bar-link${currentPanel === \"/images\" ? \"-active\" : ''}`} to=\"/images\">Images</Link>\n            <Link className={`nav-bar-link${currentPanel === \"/trending\" ? \"-active\" : ''}`} to=\"/trending\">Popular</Link>\n            <Link className={`nav-bar-link${currentPanel === \"/about\" ? \"-active\" : ''}`} to=\"/about\">About</Link>\n            <Link className={`nav-bar-link${currentPanel === \"/dashboard\" ? \"-active\" : ''}`} to=\"/dashboard\">Dashboard</Link>\n        </div>\n    )\n}\n\nexport default withRouter(NavBar);\n\n//            <Link className={`nav-bar-link${currentPanel === \"/sponsors\" ? \"-active\" : ''}`} to=\"/sponsors\">Sponsors</Link>\n","import gql from 'graphql-tag';\n\nconst logout = gql`\nmutation {\n  logout {\n    email\n  }\n}`\n\nexport default logout;","import React, {useState} from 'react';\nimport { withRouter } from 'react-router'\nimport { FaSearch} from 'react-icons/fa';\n\n/**\n * Search form...it's for searching.\n * Upon submission it pushes the user to a search page using their input in a graphql Query\n */\n\nconst HeaderSearch = (props) => {\n    const handleInputChange = e => {\n        setQuery(e.target.value)\n    }\n\n    const handleSubmit = e => {\n        e.preventDefault();\n        props.history.push(`/search?q=${query}`)\n    }\n\n    const [query, setQuery] = useState(\"\");\n    const colorScheme = props.colorScheme;\n    return (\n        <form className=\"header-search\" onSubmit={handleSubmit}>\n            <input className={`header-search-bar header-search-bar-${colorScheme}`} \n                    type=\"text\" \n                    value={query} \n                    placeholder=\"Search Swyle\"\n                    onChange={handleInputChange}\n                    >\n            </input>\n            <button type=\"submit\" className=\"header-search-submit\"> <FaSearch /></button>\n        </form>\n    )\n}\n\nexport default withRouter(HeaderSearch);\n","import React, {Component} from 'react';\nimport NavBar from './navbar';\nimport logout from './mutations/logout';\nimport {Link} from 'react-router-dom'\nimport {graphql} from 'react-apollo';\nimport currentUser from './queries/current_user';\nimport HeaderSearch from './header_search';\nimport { FaRegNewspaper, FaImage}from 'react-icons/fa';\n\n/**\n * The app's main header.  Contains session (login, logout, register) buttons and search bar.\n * Expected Props\n *      currentUser: Object - the user currently in session.\n */\n\nclass Header extends Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            shutUpLint: true,\n            currentUser: this.props.currentUser\n        }\n        this.logout = this.logout.bind(this)\n    }\n\n    componentWillReceiveProps(newProps) {\n        if (this.props.currentUser !== newProps.currentUser) {\n            this.setState({ currentUser: newProps.currentUser})\n        }\n    }\n\n    /**\n     * Logs the user out, then resets the store.\n     * TODO: Figure out what is causing the invariant violation.\n     */\n    logout () {\n        this.props.mutate({ \n            refetchQueries: [{ query: currentUser }],\n            // update: (cache) => cache.writeQuery({\n            //     query: currentUser,\n            //     data: { currentUser: null },\n            // })\n            // update: cache => cache.reset()\n        })\n            .then( res => {\n                this.props.client.resetStore();\n                localStorage.setItem(\"mlToken\", res.data.logout.email);\n                this.setState({ currentUser: null })\n        })\n    }\n\n    render() {\n        const colorScheme = this.props.colorScheme;\n        return (\n            <div className={`header header-${colorScheme}`}>\n                <div className=\"header-top\" >\n                    <div className=\"header-site-name\" />\n                    <HeaderSearch colorScheme={colorScheme}/>\n                    {\n                        !this.state.currentUser ?\n                                                \n                    <div className=\"header-session-buttons\">\n                        <Link to=\"/login\" className=\"header-login\">Login</Link>\n                        <Link to=\"/register\" className=\"header-register\">Register</Link>\n                    </div>\n                    :\n                    <div className=\"header-personal-greeting\">\n                        <h3>Hello, {this.state.currentUser.username || \"nobody\"} </h3>\n                        <button className={`header-login ${colorScheme}`} onClick={this.logout}>Logout</button>\n                    </div>\n                    }\n                    <div className=\"new-post-buttons\">\n                        <Link className={`new-post-btn new-post-btn-${colorScheme}`} to=\"/images/new\" style={{\"right\":\"0\"}}><FaImage /></Link>/>\n                        <Link className={`new-post-btn new-post-btn-${colorScheme}`} to=\"/articles/new\"><FaRegNewspaper /></Link>\n                    </div>\n                </div>\n                <NavBar colorScheme={colorScheme}/>\n            </div>\n        )\n\n    }\n}\n\nexport default graphql(logout)(Header);","import gql from 'graphql-tag';\n\nconst updateUserColorScheme = gql`\n    mutation updateUserColorScheme($id: Int!, $colorScheme: String!) {\n        updateUserColorScheme(id: $id, colorScheme: $colorScheme) {\n            id\n            email\n            username\n            colorScheme\n        }\n    }\n`;\n\nexport default updateUserColorScheme;","import React, {useState} from 'react';\nimport mutation from './mutations/update_user_color_scheme';\nimport {graphql} from 'react-apollo';\nimport currentUser from './queries/current_user';\n\n/**\n * Panel for selecting user preferences.\n *      mutate: Function, provided by graphql.dgdg\n * Future: Split into ColorMenu and other menus when other options become available.\n */\n\nconst UserOptions  = (props) => {\n    const [colorScheme, changeColorScheme] = useState(props.colorScheme)\n\n    const handleClick = (event) => {\n        \n        props.mutate({\n            variables: { id: props.userId, colorScheme: event.target.getAttribute(\"name\") },\n            refetchQueries: [{ query: currentUser }]}).then( res => {\n                changeColorScheme(res.data.updateUserColorScheme.colorScheme)\n         })\n    }\n    return (\n        <div className={`user-options user-options-${colorScheme}`}>\n            <div className={`user-option user-option-${colorScheme}`}>\n                <h4>Color Scheme</h4>\n                <div onClick={handleClick} name=\"standard\" className={colorScheme === \"standard\" ? \"option option-selected\" : \"option option-unselected\"}>Classic</div>\n                <div onClick={handleClick} name=\"red\" className={colorScheme === \"red\" ? \"option option-selected\" : \"option option-unselected\"}>Radical Red</div>\n                <div onClick={handleClick} name=\"green\" className={colorScheme === \"green\" ? \"option option-selected\" : \"option option-unselected\"}>Groovy Green</div>\n                <div onClick={handleClick} name=\"bonetrousle\" className={colorScheme === \"bonetrousle\" ? \"option option-selected option-selected-bonetrousle\" : \"option option-unselected\"}>Deep Dark</div>\n            </div>\n\n        </div>\n    )\n}\n\nexport default graphql(mutation)(UserOptions);","/**\n * Fetches all comments belonging to a specific user, generally the current user but will work for any user given a valid ID.\n */\n\nimport gql from \"graphql-tag\"\n\nconst comments = gql`\nquery commentsByUser($userId: Int!){\n    commentsByUser(userId: $userId) {\n    body\n    id\n    createdAt\n    post{\n      __typename\n      ... on Article {\n        title\n          author {\n          username\n        }\n      }\n      ... on Image {\n        title\n        author {\n          username\n        }\n      }\n    }\n  }\n}\n`\n\nexport default comments;","import React from 'react';\nimport commentsByUser from './queries/comments_by_user';\nimport { Query } from 'react-apollo';\n\n\n/**\n * Displays recent comments by the current user\n * \n * colorScheme: String, color scheme chosen by the user\n * userId: Integer, primary key for the users table \n */\nconst UserComments = (props) => {\n    return (\n        <div className={`user-comments user-comments-${props.colorScheme}`}>\n            <Query query={commentsByUser} variables={{ userId: props.userId }}>\n                {({ loading, error, data }) => {\n                    if (loading) return <p>Loading...</p>;\n                    if (error) return <p>Error </p>;\n                    return (\n                        <div>\n                            {data.commentsByUser.map(comment => {\n                                return (\n                                    <div className={`user-comments-card user-comments-card-${props.colorScheme}`} key={`${comment.id}`}>\n                                        <h4>You commented:</h4>\n                                        <p className={`user-comments-card-body user-comments-card-body-${props.colorScheme}`}>{comment.body}\"</p>\n                                        <h5> <span>\n                                            On <span>{comment.post.title}</span> by <span>{comment.post.author.username}</span>\n                                            <span> at {comment.createdAt}</span>\n                                        </span> </h5>\n                                    </div>\n                                )\n                            })}\n                        </div>\n                    )\n                }}\n            </Query>\n        </div>\n    )\n}\n\nexport default UserComments;","import gql from 'graphql-tag';\n\n/**\n * Fetches all posts by a specific user in order of creation.\n */\n\nconst postsByUser = gql`\nquery postsByUser($userId: Int!){\n    postsByUser(userId:$userId) {\n    __typename\n    ... on Article {\n      id\n      title\n      snippet\n    }\n    ... on Image {\n      id\n      title\n      image\t\n    }\n  }\n}\n`\n\nexport default postsByUser;","import React from 'react';\n\nconst PostCard = (props) => {\n    const {colorScheme, post} = props;\n    return (\n        <div className={`post-card ${colorScheme}`} key={`${post.title}${post.id}`}>\n            <h3 >{post.title}</h3>\n            {post.image && <div className=\"post-thumbnail-container\"><img src={post.image} alt={post.image.title} /> </div>}\n            {post.snippet && <p>{post.snippet}<span style={{ \"color\": \"gray\" }}>...</span></p>}\n        </div>\n    )\n}\n\nexport default PostCard;","import React from 'react';\nimport postsByUser from './queries/posts_by_user';\nimport { Query } from 'react-apollo';\nimport PostCard from './post_card';\n\n\n/**\n * Expected Props:\n * UserId: Integer, ID of current user.\n */\n\nconst UserPosts = (props) => {\nreturn (\n    <div className={`user-posts user-posts-${props.colorScheme}`}>\n        <Query query={postsByUser} variables={{ userId: props.userId }}>\n            {({ loading, error, data }) => {\n                if (loading) return <p>Loading...</p>;\n                if (error) return <p>Error </p>;\n                return (\n                    <div>\n                        {data.postsByUser.map(post => {\n                            return (\n                                <PostCard post={post} colorScheme={props.colorScheme} key={post.title + post.id} />\n                            )\n                        })}\n                    </div>\n                )\n            }}\n        </Query>\n\n    </div>\n)\n}\n\nexport default UserPosts;\n\n/**\n *    <div className={`user-posts-card user-posts-card-${props.colorScheme}`} key={`${post.title}${post.id}`}>\n                                    <h3 >{post.title}</h3>\n                                    {post.image && <div className=\"user-posts-thumbnail-container\"><img src={post.image} alt={post.image.title} /> </div>}\n                                    {post.snippet && <p>{post.snippet}<span style={{ \"color\": \"gray\" }}>...</span></p>}\n                                </div>\n */","/**\n * This is the user dashboard where the current user's recent activity is displayed.\n * Future: Also display recent posts from users that the current user follows.\n */\n\nimport React, {Component} from 'react'\nimport {Redirect, withRouter} from 'react-router-dom';\nimport UserOptions from './user_options';\nimport UserComments from './user_comments';\nimport UserPosts from './user_posts';\n\nclass UserDash extends Component {\n\n    constructor(props) {\n        super(props)\n        this.state={currentUser: this.props.currentUser, currentTab: \"posts\"}\n        this.selectTab = this.selectTab.bind(this)\n    }\n\n  componentWillReceiveProps(newProps) {\n      if (this.props.currentUser !== newProps.currentUser) {\n          this.setState({currentUser: newProps.currentUser})\n      }\n  }\n\n  selectTab(event) {\n    event.preventDefault();\n    this.setState({ currentTab: event.target.getAttribute('name')});\n  }\n\n  render() {\n      if (!this.state.currentUser) {\n          return (<Redirect to=\"/login\"/>)\n      } else {\n          const colorScheme = this.state.currentUser.colorScheme || \"\";\n          const tabs = {\"posts\": <UserPosts userId = { this.state.currentUser.id } colorScheme={colorScheme}/>, \n                        \"comments\": <UserComments userId={this.state.currentUser.id} colorScheme={colorScheme}/>}\n          return (\n              <div className={`user-dashboard user-dashboard-${this.state.currentUser.colorScheme}`}>\n                  <div className=\"user-profile\">\n                        <h3 className=\"user-dashboard-title\">{this.state.currentUser.username}'s Dashboard</h3>\n                        <UserOptions colorScheme={this.state.currentUser.colorScheme} userId={this.state.currentUser.id}/>\n                  </div>\n                  <h2 className={`user-recent-message user-recent-message-${colorScheme}`}>Your Recent Activity</h2>\n\n                <div>\n\n\n                <div className={`user-recent-activity user-recent-activity-${colorScheme}`}>  \n                          <div className={`user-posts-nav user-posts-nav-${colorScheme}`}>\n                              <div className={`user-posts-tab${this.state.currentTab === 'posts' ? `-active ${colorScheme}` : `-inactive ${colorScheme}`}`}\n                                  name=\"posts\"\n                                  onClick={this.selectTab}\n                              >\n                                  Posts\n                </div>\n                              <div className={`user-posts-tab${this.state.currentTab === 'comments' ? `-active ${colorScheme}` : `-inactive ${colorScheme}`}`}\n                                  name=\"comments\"\n                                  onClick={this.selectTab}\n                              >\n                                Comments\n                </div>\n                          </div>\n                          {tabs[this.state.currentTab]} \n\n                </div>\n            </div>\n\n            </div>\n          )\n      }\n  }\n}\n\nexport default withRouter(UserDash);\n\n/**\n *              <div className=\"user-posts\">\n                          <h3 style={{ \"textAlign\": \"center\", \"color\":\"white\"}}> Posts</h3>\n                          <Query query={postsByUser} variables={{ userId: this.state.currentUser.id }}>\n                              {({ loading, error, data }) => {\n                                  if (loading) return <p>Loading...</p>;\n                                  if (error) return <p>Error </p>;\n                                    return (\n                                      <div>\n                                        {data.postsByUser.map( post => {\n                                          return(\n                                            <div className=\"user-posts-card\" key={`${post.title}${post.id}`}>\n                                                <h3 >{post.title}</h3>\n                                                {post.image && <div className=\"user-posts-thumbnail-container\"><img src={post.image} alt={post.image.title} /> </div>}\n                                                {post.snippet && <p>{post.snippet}<span style={{\"color\":\"gray\"}}>...</span></p>}\n                                            </div>\n                                            )\n                                      })}\n                                      </div>\n                                    )\n                              }}\n                          </Query>\n\n                    </div>\n\n                    <div className=\"user-comments\">\n                         <h3 style={{ \"textAlign\": \"center\", \"color\": \"white\"}}> Comments</h3>\n                          <Query query={commentsByUser} variables={{ userId: this.state.currentUser.id }}>\n                              {({ loading, error, data }) => {\n                                  if (loading) return <p>Loading...</p>;\n                                  if (error) return <p>Error </p>;\n                                  return (\n                                      <div>\n                                          {data.commentsByUser.map(comment => {\n                                              return (\n                                                  <div className=\"user-comments-card\" key={`${comment.id}`}>\n                                                    <h4>You commented:</h4>\n                                                    <p className=\"user-comments-card-body\">\"{comment.body}\"</p>\n                                                    <h5> <span>\n                                                          On <span>{comment.post.title}</span> by <span>{comment.post.author.username}</span>\n                                                          <span> at {comment.createdAt}</span>\n                                                      </span> </h5>\n                                                  </div>\n                                              )\n                                          })}\n                                      </div>\n                                  )\n                              }}\n                          </Query>\n                    </div>\n */","import gql from 'graphql-tag';\n\nconst signInUser = gql`\nmutation signInUser($email: String!, $password: String!)  {\n  signInUser(email: {\n   email: $email,\n   password: $password\n  } ) {\n    user{\n      id\n      username\n      email\n    }\n    token\n  }\n}`\n\nexport default signInUser","import React from 'react';\n\n/**\n * \n * Expected Props\n *      errors: An array of error objects containing a \"message\" key at the very minimum\n *      clearErrors: A function bound to the parent component which removes errors and changes the state to no longer\n *                   be displaying the modal.  Eg, setErrors(null), this.setState({errors: null})\n */\n\nconst ErrorsModal = (props) => {\n    return (\n        <div className=\"error-modal\">\n            <div className=\"error-dialog\">\n                {props.errors.map(error => <span className=\"error-message\" key={error + \"isthekey\"}>{error}</span>)}\n                <div className=\"error-button-container\">\n                    <button className={`error-clear-btn`} onClick={props.clearErrors}>OK</button>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default ErrorsModal;","export const parseUrl = (string) => {\n    switch (string) {\n        case \"Image\":\n            return '/images';\n        case \"Article\":\n            return '/articles';\n        default:\n            return '/articles';\n    }\n}\n\nexport const findMatch = (queryString, stringWeBeChecking) => {\n    const queries = queryString.split(' ');\n    for (let i=0; i < queries.length; i++) {\n        if (stringWeBeChecking.match(queries[i])) {\n            return true;\n        }\n    }\n    return false;\n}\n\nexport const isSequential = (string) => {\n    for (let index = 0; index < string.length; index++) {\n        if (string[index] > string[index + 1]) {\n            return false\n        }\n    }\n    return true\n}\n\n/**\n * Checks for any repetitious characters, returning true if it finds 3 or more of the same character in a row.\n */\nexport const hasTooManyRepeats = (string) => {\n    let repeats = 0;\n    for (let index = 0; index < string.length; index++) {\n        if (string[index] === string[index + 1]) {\n            repeats += 1;\n            if (repeats === 3) {\n                return true;\n            }\n        } else {\n            repeats = 0;\n        }\n\n    }\n    return false;\n}\n\nexport const validateEntry =(field, value) => {\n    if (value === \"\") return null;\n    switch (field) {\n        case \"email\": {\n            return /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(value);  // eslint-disable-line\n        }\n        case \"username\": {\n            return /^[a-zA-Z\\d-_]+$/.test(value); // eslint-disable-line \n        }\n        case \"password\": {\n            return (!hasTooManyRepeats(value) && !isSequential(value) && value.length >= 6)\n        } \n        default: {\n            return true;\n        }\n    }\n}","import React from 'react';\n\n/**\n * Floating error tooltip for auth forms. \n */\n\nconst InlineError = props => {\n    const {message, visible} = props;\n    return (\n        <span className=\"errors-inline\" style={{\"visibility\":`${visible ? 'visible' : 'hidden'}`}}>\n            <div className=\"error-tooltip-arrow\"/><span className=\"error-message-inline\">{message}</span>\n        </span>\n    )\n}\n\nexport default InlineError;","/* eslint-disable */\nimport React, { Component, useRef } from 'react'\nimport { graphql } from 'react-apollo';\nimport { Query, Mutation } from \"react-apollo\";\nimport mutation from './mutations/sign_in_user';\nimport currentUser from './queries/current_user';\nimport $ from 'jquery';\nimport ErrorsModal from './errors_modal';\nimport {Redirect} from 'react-router-dom';\nimport { validateEntry } from './helpers';\nimport InlineError from './inline_error';\n\n\n\n/**\n * User log in form\n */\nclass Login extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            password: \"\",\n            email: \"\",\n            passwordValid: null,\n            emailValid: null,\n            errors: null\n        }\n        this.handleFormChange = this.handleFormChange.bind(this);\n        this.clearErrors = this.clearErrors.bind(this);\n        this.demoLogin = this.demoLogin.bind(this);\n    }\n\n     demoLogin(event) {\n        event.preventDefault(); \n        this.setState({ email: \"demo@demo.com\", password: \"demodemo\", passwordValid:true, emailValid: true}, () => {\n           const submit = document.getElementById(\"form-submit\");\n           submit.click();\n        });\n    }\n\n\n\n    clearErrors() {\n        this.setState({ errors: null })\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n            [`${field}Valid`]: validateEntry(field, event.currentTarget.value)\n        });\n    }\n\n    allowOrPreventScrolling() {\n        if (this.state.errors) {\n            $('body').css('overflow', 'hidden');\n        } else {\n            $('body').css('overflow', 'auto');\n        }\n    }\n\n    render() {\n        this.allowOrPreventScrolling();\n        const readyToSubmit = (this.state.passwordValid &&  this.state.emailValid )\n\n        return (\n            <Query query={currentUser}>\n                {({ data, loading }) => {\n                if (loading) return \"...Loading\";\n                if (!data.currentUser) {\n                    return (\n                    <Mutation\n                        mutation={mutation}\n                            update={(cache, { data: { signInUser } }) => {\n                            cache.writeQuery({\n                                query: currentUser,\n                                data: { currentUser: signInUser.user }\n                                    });\n                                }}\n                        >\n                            {(signInUser, { loading: authenticating }) =>\n                            authenticating ? (\n                                \"...\"\n                            ) :  (\n                                <div className=\"session-page\" >\n                                    <form onSubmit={event => {\n                                                event.preventDefault();\n                                                signInUser({\n                                                    variables: {\n                                                        email: this.state.email,\n                                                        password: this.state.password\n                                                    }\n                                                }).then(res => {\n                                                    const token = res.data.signInUser.token\n                                                    if (token) {\n                                                        localStorage.setItem(\"mlToken\", token)\n                                                    }\n\n                                                }).then(() => {\n                                                    this.props.history.push('/dashboard')\n                                                })\n                                                    .catch(res => {\n                                                        this.setState({ errors: res.graphQLErrors })\n                                                    })\n                                    }} className=\"session-form\">\n                                        <h1>Log In</h1>\n                                        <span className=\"session-form-label\">Email</span>\n                                        <div className=\"session-form-input-wrapper\">\n                                            <input className={`auth-field ${this.state.emailValid === false ? 'invalid' : ''}`} type=\"text\" value={this.state.email}\n                                                   onChange={this.handleFormChange('email')} />\n                                            <InlineError message={\"Please enter a valid email address.\"} visible={this.state.emailValid === false} />\n                                        </div>\n\n                                        <span className=\"session-form-label\">Password</span>\n                                        <div className=\"session-form-input-wrapper\">\n                                            <input className={`auth-field ${this.state.passwordValid === false ? 'invalid' : ''}`} type=\"password\" value={this.state.password}\n                                                    onChange={this.handleFormChange('password')} />\n                                            <InlineError message={\"Password must be six characters or more, non-sequential and with fewer than three repeated characters\"} visible={this.state.passwordValid === false} />\n                                            </div>\n                                        <div className=\"form-footer\">\n                                            <input id=\"form-submit\" className={`submit ${readyToSubmit ? \"\" : \"disabled\"}`} type=\"submit\" name=\"Register\" disabled={!readyToSubmit} />\n                                            <button className=\"demo-login\" onClick={this.demoLogin}>DEMO!</button>\n                                        </div>\n                                    </form>\n                                    { this.state.errors && <ErrorsModal errors={this.state.errors} clearErrors={this.clearErrors} /> }\n                                </div>\n                                )\n\n                }\n                </Mutation>\n                );\n            }\n            return <Redirect to=\"/\" />\n            }}\n            </Query>\n         );\n      }\n}\n\n\nexport default(Login);","import gql from 'graphql-tag'\n\nconst register = gql`mutation createUser($email: String!, $username: String!, $password: String!) {\n    createUser(\n        username: $username,\n        authProvider: {\n            email: {\n                email: $email,\n                password: $password\n            }\n        }\n    ) {\n       user{\n         id\n        email\n        username  \n       } \n       token\n       errors\n    }\n    \n}`\n\nexport default register;","import React, {Component} from 'react';\nimport {Redirect } from 'react-router-dom';\nimport {Query, Mutation} from 'react-apollo';\nimport mutation from './mutations/register';\nimport currentUser from './queries/current_user';\nimport $ from 'jquery';\nimport ErrorsModal from './errors_modal';\nimport {validateEntry} from './helpers';\nimport InlineError from './inline_error';\n\n/**\n * Form for creating a new user. \n */\nclass Register extends Component {\n    constructor(props) {\n        super(props) \n            this.state = {\n                username: \"\",\n                email: \"\",\n                password: \"\",\n                passwordConfirm: \"\",\n                usernameValid: null,\n                emailValid: null,\n                passwordValid: null\n            }\n        this.handleFormChange = this.handleFormChange.bind(this);\n        this.clearErrors = this.clearErrors.bind(this);\n    }\n    clearErrors() {\n        this.setState({ errors: null })\n    }\n\n    handleFormChange(field) {\n        return event => this.setState({\n            [field]: event.currentTarget.value,\n            [`${field}Valid`]: validateEntry(field, event.currentTarget.value)\n        });\n    }\n\n    /**\n     * Nifty trick for making one's error modals appear to cover the entire page when it's really\n     * just covering some visible portion.\n     */\n    allowOrPreventScrolling() {\n        if (this.state.errors) {\n            $('body').css('overflow', 'hidden');\n        } else {\n            $('body').css('overflow', 'auto');\n        }\n    }\n\n    render() {\n        this.allowOrPreventScrolling();\n        const passwordIsPassword = this.state.password.toLowerCase() === \"password\";\n        const readyToSubmit = (this.state.passwordValid && this.state.usernameValid && this.state.emailValid && this.state.password === this.state.passwordConfirm && !passwordIsPassword)\n        return (\n            <Query query={currentUser}>\n                {({ data, error, loading }) => {\n                    if (loading) return \"...Loading\";\n                    if (!data.currentUser) {\n                        return (\n                            <Mutation\n                                mutation={mutation}\n                                update={(cache, { data: { createUser } }) => {\n                                    cache.writeQuery({\n                                        query: currentUser,\n                                        data: { currentUser: createUser.user }\n                                    });\n                                }}\n                            >\n                                {(createUser, { loading: authenticating }) =>\n                                    authenticating ? (\n                                        \"...\"\n                                    ) : (\n                                            <div className=\"session-page\" >\n                                                <form onSubmit={event => {\n                                                    event.preventDefault();\n                                                    createUser({\n                                                        variables: {\n                                                            email: this.state.email,\n                                                            username: this.state.username,\n                                                            password: this.state.password,\n                                                        }\n                                                    }).then(res => {\n                                                        const token = res.data.createUser.token\n                                                        const errors = res.data.createUser.errors\n                                                    \n                                                        if (token) {\n                                                            localStorage.setItem(\"mlToken\", token)\n                                                        }\n                                                        if (errors) {\n                                                            this.setState({errors})\n                                                        } else {\n                                                            this.props.history.push('/')\n                                                        }           \n                                                    }).catch(res => {\n                                                            this.setState({ errors: res.graphQLErrors })\n                                                        })\n                                                }} className=\"session-form\">\n                                                    <h1>Sign Up</h1>\n                                                    <span className=\"session-form-label\">Email</span>\n                                                    <div className=\"session-form-input-wrapper\">\n                                                        <input className={`auth-field ${this.state.emailValid === false ? 'invalid' : ''}`} type=\"text\" value={this.state.email}\n                                                            onChange={this.handleFormChange('email')} />\n                                                        <InlineError message={\"Please enter a valid email address.\"} visible={this.state.emailValid === false} />\n                                                    </div>\n                                                    <span className=\"session-form-label\">Username</span>\n                                                    <div className=\"session-form-input-wrapper\">\n                                                        <input className={`auth-field ${this.state.usernameValid === false ? 'invalid' : ''}`} type=\"text\" value={this.state.username}\n                                                            onChange={this.handleFormChange('username')}  />\n                                                        <InlineError message={\"Letters, numbers, hyphens, and underscores only please\"} visible={this.state.usernameValid === false} />\n                                                    </div>\n\n                                                    <span className=\"session-form-label\">Password</span>\n                                                    <div className=\"session-form-input-wrapper\">\n                                                        <input className={`auth-field ${this.state.passwordValid === false ? 'invalid' : ''}`}type=\"password\" value={this.state.password}\n                                                            onChange={this.handleFormChange('password')} />\n                                                        <InlineError message={\"Password must be six characters or more, non-sequential and with fewer than three repeated characters\"} visible={this.state.passwordValid === false} />\n                                                        <InlineError message={\"PASSWORD is not a valid password\"} visible={passwordIsPassword} />\n                                                    </div>\n\n                                                    <span className=\"session-form-label\">Confirm Password</span>\n                                                    <div className=\"session-form-input-wrapper\">\n                                                         <input className={`auth-field ${this.state.password !== this.state.passwordConfirm ? 'invalid' : ''}`} type=\"password\" value={this.state.passwordConfirm} \n                                                                onChange={this.handleFormChange('passwordConfirm')}  />\n                                                        <InlineError message={\"Password confirmation must match password\"} visible={this.state.password !== this.state.passwordConfirm} />\n                                                    </div>\n                                                    <div className=\"form-footer\">\n                                                        <input className={`submit ${readyToSubmit ? \"\" : \"disabled\"}`} type=\"submit\" name=\"Register\" disabled={!readyToSubmit}/>\n                                                    </div>\n                                                </form>\n                                                {this.state.errors && <ErrorsModal errors={this.state.errors} clearErrors={this.clearErrors} />}\n                                            </div>\n                                        )\n\n                                }\n                            </Mutation>\n                        );\n\n                    }\n                    return <Redirect to=\"/\" />\n                }}\n            </Query>\n        )\n    }\n}\n\nexport default Register;","import gql from 'graphql-tag';\n\n/**\n * This is used for searching.  User enters a search query into the search bar, it becomes the searchQuery argument, and \n * then Rails does its business.\n */\n\nconst search = gql`\nquery postsByQuery($searchQuery: String!){\n    postsByQuery(searchQuery: $searchQuery) {\n    __typename\n    ... on Article {\n      id\n      title\n      snippet\n    }\n    ... on Image {\n      id\n      title\n      image\t\n    }\n  }\n}\n`;\n\nexport default search;","/**\n * Subscription that updates search results when a matching post is created.\n */\n\nimport gql from 'graphql-tag';\n\nconst SearchSubscription = gql`\nsubscription SearchSubscription {\n    imageAdded {\n        id\n        title\n        description\n        image\n   },\n    articleAdded {\n        id\n        title\n        body\n        snippet\n   },\n}\n`\n\nexport default SearchSubscription;","/* eslint-disable react-hooks/exhaustive-deps, no-unused-vars*/\nimport React, { useEffect } from 'react';\nimport SearchSubscription from './subscriptions/search_subscription';\nimport {findMatch} from './helpers';\n\n/**\n * This updates the search page when a post matching the query happens to get created.\n * \n */\nconst Subscription = ({ subscribeToMore, query}) => {\n    useEffect(() => {\n        return subscribeToMore({\n            document: SearchSubscription,\n            updateQuery: (prev, { subscriptionData }) => {\n                if (!subscriptionData.data) return prev;\n                const { imageAdded } = subscriptionData.data;\n\n                if (imageAdded) {\n                    const alreadyInList = prev.postsByQuery.find(e => e.id === imageAdded.id && e.__typename === \"Image\");\n                    const match = findMatch(query, imageAdded.description) || findMatch(query, imageAdded.title);\n\n                    if (alreadyInList || !match) {\n                        return prev;\n                    }\n                    return { postsByQuery: [imageAdded].concat(prev.postsByQuery) };\n                }\n\n                const { articleAdded } = subscriptionData.data\n                if (articleAdded) {\n                    const alreadyInList = prev.postsByQuery.find(e => e.id === articleAdded.id && e.__typename === \"Article\");\n            \n                    const match = findMatch(query, articleAdded.body) || findMatch(query, articleAdded.title);\n                    if (alreadyInList || !match) {\n                        return prev;\n                    }\n                    return { postsByQuery: [articleAdded].concat(prev.postsByQuery) };\n                }\n                return prev;\n            },\n        });\n    }, []);\n    return null;\n};\n\nexport default Subscription;","import React from 'react'\nimport { withApollo, Query } from 'react-apollo'\nimport search from './queries/posts_by_query';\nimport {Link} from 'react-router-dom';\nimport {parseUrl} from './helpers';\nimport Subscription from './search_subscription';\n\n/**\n * The Search component displays posts matching a search query, which is grabbed directly from the URL\n * Which is in turn generated by the search bar itself using the magic of Redirect.\n * \n * @param {*} props \n */\n\nconst Search = (props) =>  {\n        const query = props.location.search;\n\n       return (           <div>\n           <Query query={search} variables={{ searchQuery: query }}>\n                {({ loading, error, data, subscribeToMore }) => {\n               if (loading) return <p>Loading...</p>;\n               if (error) return <p>Error :(</p>;\n               if (data.postsByQuery.length === 0) {\n                   return <h1 style={{\"color\":\"white\", \"margin\":\"2rem\"}}>Sorry, no posts matched your query</h1>\n               }\n               return (\n                   <div className=\"search-results-spread\"> \n                       {data.postsByQuery.map(post => {\n                           const url = parseUrl(post.__typename)\n                           return (\n                               <div className=\"user-posts-card\" key={`${post.title}${post.title.length}${post.id}`}>\n                                   <h3 ><Link to={`${url}/${post.id}`}>{post.title}</Link></h3>\n                                   {post.image && <div className=\"user-posts-thumbnail-container\"><img src={post.image} alt={post.image.title} /> </div>}\n                                   {post.snippet && <p>{post.snippet}<span style={{ \"color\": \"gray\" }}>...</span></p>}\n                               </div>\n                           )\n                       })}\n                       <Subscription subscribeToMore={subscribeToMore} query={query.replace(\"?q=\", \"\")}/>\n                   </div>\n               )}}\n           </Query>\n        </div>\n       ) \n}\n\nexport default withApollo(Search);","/**\n * Queries database for ImagePosts and Articles with the most likes and comments.\n * No complicated analytics algorithms, just the most commented on and liked fair and plain.\n */\n\nimport gql from 'graphql-tag';\n\nconst postsByPopularity = gql`\n{\n    postsByPopularity {\n    __typename\n    ... on Article {\n      id\n      title\n      snippet\n      count\n      likeCount\n    }\n    ... on Image {\n      id\n      title\n      image\t\n      count\n      likeCount\n    }\n}\n}\n`\n\nexport default postsByPopularity;","/* eslint no-restricted-globals: 0 */  // --> OFF\nimport React, {Component} from 'react';\nimport {graphql} from 'react-apollo';\nimport query from './queries/posts_by_popularity';\n// import { parseUrl} from './helpers';\nimport PostCard from './post_card';\n\n/**\n * The trending page allows users to sort posts by Likes and by number of Comments. No insane analytics, just the goods fair and plain.\n * The single responsibility of this component is \"display a sorted list of posts based on user choices\"\n */\nclass Trending extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            shutUpLint: true,\n            activePane: \"likes\"\n        }\n        this.selectPane = this.selectPane.bind(this)\n    }\n\n    selectPane(event) {\n        event.preventDefault();\n        event.stopPropagation();\n        let selection = event.target.getAttribute('name')\n        this.setState({activePane: selection})\n    }\n\n    /**\n     * Sorts posts based on a specific attribute such as comment count or number of likes.\n     * Yes, it does it on the front end, and I'm not sorry.\n     * @param {string} attribute \n     */\n    sortPosts(attribute) {\n       const posts = this.props.data.postsByPopularity.sort((b, a) => {\n           let valA = a[attribute];\n           let valB = b[attribute];\n           return (valA < valB) ? -1 : (valA > valB) ? 1 : 0;\n       });\n       return posts;\n    }\n\n    render() {\n        if (this.props.data.loading) {\n            return <div className={`loading-div loading-div-${this.props.colorScheme}`}><img className=\"loading-img\" alt=\"load\" src=\"https://i.gifer.com/origin/4d/4dc11d17f5292fd463a60aa2bbb41f6a_w200.gif\" /></div>;\n        }\n        const attribute = this.state.activePane === 'comments' ? 'count' : 'likeCount'\n        const posts = this.sortPosts(attribute);\n        const colorScheme = this.props.colorScheme;\n        \n        return (  \n            <div className={`trending-posts-page trending-posts-page-${this.props.colorScheme}`}>\n            <h1 className={`trending-posts-title trending-posts-title-${this.props.colorScheme}`}>Most Popular Posts</h1>\n          \n                <div className={`trending-posts-backpane ${colorScheme}`}>\n                  <div className={`trending-posts-nav ${colorScheme}`}>\n                <div className={`trending-posts-tab${this.state.activePane === 'likes' ? `-active ${colorScheme}` : `-inactive ${colorScheme}`}`} \n                name=\"likes\"\n                onClick={this.selectPane}\n                >\n                    By Likes\n                </div>\n                        <div className={`trending-posts-tab${this.state.activePane === 'comments' ? `-active ${colorScheme}` : `-inactive ${colorScheme}` }`} \n                    name=\"comments\"\n                    onClick={this.selectPane}\n                    >\n                    By Comments\n                </div>\n            </div>\n                <div className={`trending-posts-content ${colorScheme}`}>\n                {\n                        posts.map(\n                            post => {\n                                return (\n                                    <PostCard colorScheme={colorScheme} post={post} key={post.title + post.id} />\n                                )\n                            }\n                        )\n                }\n                </div>\n            </div>\n\n        </div>\n        )\n    }\n}\n\nexport default graphql(query)(Trending);\n\n/**\n * <div className={`user-posts-card user-posts-card-${colorScheme}`} key={`${post.title}${post.id}`}>\n                                        <h3 ><Link to={`${url}/${post.id}`}>{post.title}</Link></h3>\n                                        {post.image && <div className=\"user-posts-thumbnail-container\"><img src={post.image} alt={post.image.title} /> </div>}\n                                        {post.snippet && <p>{post.snippet}<span style={{ \"color\": \"gray\" }}>...</span></p>}\n                                        <h4>{post.count} Comments {post.likeCount} Likes</h4>\n                                    </div>\n */","import React from 'react'\n/**\n * Information about the website, the project, the app.\n * Props\n * \n * colorScheme: String\n */\nconst About = (props) => {\n    return (\n        <div className={`about-page about-page-${props.colorScheme}`}>\n            <h1>About Swyle</h1>\n            <div className=\"about-section\">\n                <h2>Mission</h2>\n                <p>To create a better blogging experience.  Swyle is a platform with a devil-may-care attitude regarding content.</p>\n            </div>\n        </div>\n    )\n}\n\nexport default About;","import React from 'react';\n\n/**\n * A space for commercials where sponsors can roam free.\n * Ads should be amusing, never annoying.\n * Ads can be liked and commented on the same as articles.\n * \n * TODO: Get adverts from the database using the useQuery Hook\n * @param {} props \n */\n\nconst Adverts = (props) => {\n    return (\n        <div className=\"adverts-page\">\n            <div className=\"adverts-greeting\">             \n               <h2>Swyle is brought to you by the following sponsors</h2>\n                <h2>Swyle wa goran no suponsaa no teikyou de okurishimasu</h2>\n            </div>\n            <div className=\"adverts-index\">\n                <div className=\"ad\">\n                    <h3 className=\"ad-title\">Your Ad Here</h3>\n                    <p className=\"ad-body\">Advertise on Swyle! Thanks to the lack of analytics, your company's name will never be hidden!</p>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Adverts;","import { HttpLink } from 'apollo-link-http';\nimport { ApolloLink, Observable } from 'apollo-link';\nimport { InMemoryCache } from 'apollo-cache-inmemory';\nimport { onError } from 'apollo-link-error';\nimport { ApolloClient } from 'apollo-client';\nimport { IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';\nimport introspectionQueryResultData from './fragmentTypes.json';\nimport ActionCable from 'actioncable';\nimport ActionCableLink from 'graphql-ruby-client/subscriptions/ActionCableLink';\n\n/**\n * This is the websockets URL\n */\n\nconst getCableUrl =  () => {\n    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n    // const protocol = 'wss:';\n    const host = window.location.hostname;\n    const port = process.env.CABLE_PORT || '3000';\n    const authToken =  localStorage.getItem('mlToken') || 'loggedouttoken';\n    if (process.env.NODE_ENV === 'development') {\n        // console.log(`${protocol}//${host}:${port}/cable?token=${authToken}`)\n        console.log(\"Cable Url:\", `${protocol}//${host}:${port}/cable?token=${authToken}`)\n        return `${protocol}//${host}:${port}/cable?token=${authToken}`;\n    } else {\n        console.log(\"Cable Url:\", `${protocol}//afternoon-eyrie-69554.herokuapp.com/cable?token=${authToken}`)\n        return `${protocol}//afternoon-eyrie-69554.herokuapp.com/cable?token=${authToken}`;\n    }\n};\n\n/**\n * Used in creating a link to Action Cable on the Rails API\n */\n\nconst createActionCableLink = () => {\n    const cable = ActionCable.createConsumer(getCableUrl());\n    return new ActionCableLink({ cable });\n};\n\nconst hasSubscriptionOperation = ({ query: { definitions } }) =>\n    definitions.some(\n        ({ kind, operation }) =>\n            kind === 'OperationDefinition' && operation === 'subscription'\n    );\n\n/**\n * Grabs tokens from the document, used solely for websockets and not authorization\n */\nconst getTokens = async () => {\n    const tokens = {\n        \"X-CSRF-Token\": document\n            .querySelector('meta[name=\"csrf-token\"]')\n            .getAttribute(\"content\")\n    };\n    const authToken = await localStorage.getItem(\"mlToken\");\n    \n    return authToken ? { ...tokens, Authorization: authToken } : tokens;\n};\n \n/**\n * Asynchronously set the tokens that will appear in the wss headers\n */\nconst setTokenForOperation = async operation => {\n    return operation.setContext({\n        headers: {\n            // eslint-disable-next-line\n            ... await getTokens(),\n        }\n    });\n};\n\n/**\n * Create the apollo link\n */\nconst createLinkWithToken = () =>\n    new ApolloLink(\n        (operation, forward) =>\n            new Observable(observer => {\n                let handle;\n                Promise.resolve(operation)\n                    .then(setTokenForOperation)\n                    .then(() => {\n                        handle = forward(operation).subscribe({\n                            next: observer.next.bind(observer),\n                            error: observer.error.bind(observer),\n                            complete: observer.complete.bind(observer),\n                        });\n                    })\n                    .catch(observer.error.bind(observer));\n                return () => {\n                    if (handle) handle.unsubscribe();\n                };\n            })\n    );\n\n\nconst createHttpLink = () => {\n  return new HttpLink({\n    uri: `/graphql`,\n    credentials: \"include\"\n  });\n};\n\n\nconst logError = (error) => console.error(error);\nconst createErrorLink = () => onError(({ graphQLErrors, networkError, operation }) => {\n    if (graphQLErrors) {\n\n        logError('GraphQL - Error', {\n            errors: graphQLErrors,\n            operationName: operation.operationName,\n            variables: operation.variables,\n        });\n    }\n    if (networkError) {\n        logError('GraphQL - NetworkError', networkError);\n    }\n})\n\n\n\nexport const createClient = (cache, requestLink) => {\n    const client = new ApolloClient({\n        link: ApolloLink.from([\n            createErrorLink(),\n            createLinkWithToken(),\n            ApolloLink.split(\n                hasSubscriptionOperation,\n                createActionCableLink(),\n                createHttpLink(),\n            )\n            // createHttpLink(),\n        ]),\n        cache,\n    });\n    return client;\n};\n\nexport const createCache = () => {\n    const fragmentMatcher = new IntrospectionFragmentMatcher({\n        introspectionQueryResultData\n    });\n    const cache = new InMemoryCache({fragmentMatcher});\n    if (process.env.NODE_ENV === 'development') {\n        window.secretVariableToStoreCache = cache;\n    }\n    return cache;\n};\n","/**\n * TODO: Split this into different modules\n */\nimport './stylesheets/App.scss';\nimport React, { Component } from 'react';\nimport { ApolloProvider } from \"react-apollo\"\nimport ArticlesIndex from './articles_index';\nimport ImagesIndex from './images_index';\nimport ImageCreate from './image_create';\nimport ImageShow from './image_show';\nimport ArticleShow from './article_show';\nimport ArticleCreate from './article_create';\nimport Header from './header';\nimport UserDash from './user_dash'\nimport Login from './login';\nimport Register from './register';\nimport Search from './search';\nimport Trending from './trending';\nimport About from './about';\nimport Adverts from './adverts';\nimport { Switch, Route } from 'react-router-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createHashHistory } from 'history';\nimport {Query} from 'react-apollo';\nimport currentUser from './queries/current_user';\nimport { createCache, createClient } from './utils/apollo';\n\n\nconst history = createHashHistory();\n\nconst client = createClient(createCache());\n\nconst testArea = () => {\n  return <div />\n}\n\nclass App extends Component {\n\n  render() {   \n    return (\n      <BrowserRouter history={history}>\n        <ApolloProvider client={client}>\n          <Query query={currentUser}> \n            {({data, loading, client})=> {\n            if (loading) return <p/>\n            const colorScheme = data.currentUser ? data.currentUser.colorScheme : \"standard\"\n            return (\n            <div>\n              <Header currentUser={data.currentUser} client={client} colorScheme={colorScheme} />\n               <Switch>\n                  <Route exact path=\"/\" render={(props) => <ArticlesIndex colorScheme={colorScheme} {...props}/> } />\n                  <Route exact path={\"/articles/new\"} render={(props) => <ArticleCreate colorScheme={colorScheme} {...props} />}/>\n                  <Route exact path={\"/articles/:articleID\"} render={(props) => <ArticleShow colorScheme={colorScheme} currentUser={data.currentUser} {...props}/>} />\n\n                  <Route exact path=\"/images/new\" render={(props) => <ImageCreate colorScheme={colorScheme} {...props}/>} />\n                  <Route exact path={\"/images/:imageID\"} render={(props) => <ImageShow colorScheme={colorScheme} {...props}/>} />\n                  <Route exact path=\"/images\" render={(props) => <ImagesIndex colorScheme={colorScheme} {...props}/>} />\n\n                  <Route exact path=\"/login\" component={Login} />\n                  <Route exact path=\"/register\" component={Register} />\n\n                  <Route exact path=\"/dashboard\" render={(props) => <UserDash currentUser={data.currentUser} colorScheme={colorScheme} {...props}/>} />\n\n                  <Route exact path=\"/trending\" render={(props) => <Trending colorScheme={colorScheme} {...props}/>} />\n                  <Route exact path=\"/headertest\" component={testArea}/>\n                  <Route exact path=\"/about\" render={(props) => <About colorScheme={colorScheme} {...props}/>} />\n                  <Route path=\"/search\" component={Search} />\n                  <Route exact path=\"/sponsors\" component={Adverts} />\n              </Switch>\n          </div> \n            )\n        }}\n          \n          </Query>\n        </ApolloProvider>\n      </BrowserRouter>\n\n    )\n   \n  }\n}\n\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n/**\n * Does what you'd expect; loads app into the root element\n */\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}