{"version":3,"sources":["webpack://newsliner-gatsby/./src/templates/post.js"],"names":["data","location","noImage","post","ghostPost","site","allGhostSettings","edges","node","relatedPosts","allGhostPost","postClass","type","defer","rel","href","integrity","crossorigin","src","onload","async","data-comments-app-website","data-limit","codeinjection_styles","className","title","tags","map","tag","Link","to","slug","name","created_at_pretty","authors","author","i","url","featuredImage","feature_image","alt","dangerouslySetInnerHTML","__html","html","description","key","id"],"mappings":"qLAsHA,UAxGa,SAAC,GAAiC,IAA/BA,EAA8B,EAA9BA,KAAMC,EAAwB,EAAxBA,SAAUC,EAAc,EAAdA,QACtBC,EAAOH,EAAKI,UACZC,EAAOL,EAAKM,iBAAiBC,MAAM,GAAGC,KACtCC,EAAeT,EAAKU,aAAaH,MACnCI,EAAY,YAGhB,OAFIT,IAAUS,GAAwB,aAGlC,gCACI,gBAAC,IAAD,CACIX,KAAMA,EACNC,SAAUA,EACVW,KAAK,YAET,gBAAC,IAAD,CAAQC,OAAO,GACX,wBAAMC,IAAI,aAAaC,KAAK,gEAAgEC,UAAU,0EAA0EC,YAAY,eAEhM,gBAAC,IAAD,CAAQJ,OAAO,GACX,0BAAQA,OAAK,EAACK,IAAI,+DAA+DF,UAAU,0EAA0EC,YAAY,cACjL,0BAAQJ,OAAK,EAACK,IAAI,6EAA6EF,UAAU,0EAA0EC,YAAY,YAAYE,OAAO,yCAEtN,gBAAC,IAAD,KACQ,0BAAQC,OAAK,EAACF,IAAI,sCAAsCG,4BAA0B,WAAWC,aAAW,OAEhH,gBAAC,IAAD,KACI,yBAAOV,KAAK,YAAZ,GAA2BT,EAAKoB,uBAEpC,gBAAC,KAAD,KACE,uBAAKC,UAAU,SACb,uBAAKA,UAAU,SACX,2BAASA,UAAWb,GAClB,0BAAQa,UAAU,oBAChB,sBAAIA,UAAU,mBAAmBrB,EAAKsB,OACtC,uBAAKD,UAAU,oBACX,2BAASA,UAAU,4BACf,2BAASA,UAAU,yBACf,uBAAKA,UAAU,uBACXrB,EAAKuB,KACH,gCACE,wBAAMF,UAAU,kBACXrB,EAAKuB,KAAKC,KAAK,SAACC,GACf,OACA,gBAAC,EAAAC,KAAD,CAAMC,GAAE,QAAUF,EAAIG,KAAd,IAAuBN,MAAOG,EAAII,MAAOJ,EAAII,UAG3D,oCAEJ,KACA,wBAAMR,UAAU,oBACbrB,EAAK8B,mBAER,uCACC9B,EAAK+B,QAAQP,KAAK,SAACQ,EAAQC,GAC1B,OAAIA,EAAI,EAAY,iCAAQ,gBAAC,EAAAP,KAAD,CAAMC,GAAE,WAAaK,EAAOJ,KAApB,IAA6BN,MAAOU,EAAOH,MAAOG,EAAOH,OAC/E,gBAAC,EAAAH,KAAD,CAAMC,GAAE,WAAaK,EAAOJ,KAApB,IAA6BN,MAAOU,EAAOH,MAAOG,EAAOH,aAOjG,gBAAC,KAAD,CAASK,IAAKlC,EAAKkC,IAAKZ,MAAOtB,EAAKsB,MAAOa,cAAenC,EAAKoC,iBAG/DpC,EAAKoC,cACH,0BAAQf,UAAU,mBACd,uBAAKN,IAAMf,EAAKoC,cAAgBC,IAAMrC,EAAKsB,SACnC,KAEhB,2BAASD,UAAU,qBACf,2BACIA,UAAU,qCACViB,wBAAyB,CAAEC,OAAQvC,EAAKwC,SAGhD,gBAAC,KAAD,CAASlB,MAAOpB,EAAKoB,MAAOmB,YAAavC,EAAKuC,cAC9C,2BAASpB,UAAU,2BACf,sBAAIA,UAAU,uBAAsB,wBAAMA,UAAU,QAAhB,2BAClC,uBAAKA,UAAU,aACZf,EAAakB,KAAK,gBAAGnB,EAAH,EAAGA,KAAH,OACjB,gBAAC,KAAD,CAAUqC,IAAKrC,EAAKsC,GAAI3C,KAAMK","file":"component---src-templates-post-js-a1d486c288f5240b29cc.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql, Link } from 'gatsby'\nimport { Helmet } from 'react-helmet'\n\nimport { Layout, Sharing, PostCta, PostCard } from '../components/common'\nimport { MetaData } from '../components/common/meta'\n\n/**\n* Single post view (/:slug)\n*\n* This file renders a single post and loads all the content.\n*\n*/\nconst Post = ({ data, location, noImage }) => {\n    const post = data.ghostPost;\n    const site = data.allGhostSettings.edges[0].node;\n    const relatedPosts = data.allGhostPost.edges;\n    let postClass = 'post-full';\n    if (noImage) {postClass = postClass + ' no-image'};\n\n    return (\n        <>\n            <MetaData\n                data={data}\n                location={location}\n                type=\"article\"\n            />\n            <Helmet defer={false}>\n                <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css\" integrity=\"sha384-Um5gpz1odJg5Z4HAmzPtgZKdTBHZdw8S29IecapCSB31ligYPhHQZMIlWLYQGVoc\" crossorigin=\"anonymous\" />\n            </Helmet>\n            <Helmet defer={false}>\n                <script defer src=\"https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.js\" integrity=\"sha384-YNHdsYkH6gMx9y3mRkmcJ2mFUjTd0qNQQvY9VYZgQd7DcN7env35GzlmFaZ23JGp\" crossorigin=\"anonymous\"></script>\n                <script defer src=\"https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/contrib/auto-render.min.js\" integrity=\"sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl\" crossorigin=\"anonymous\" onload=\"renderMathInElement(document.body);\"></script>\n            </Helmet>\n            <Helmet>\n                    <script async src=\"https://comments.app/js/widget.js?3\" data-comments-app-website=\"O-I2omEn\" data-limit=\"5\"></script>\n            </Helmet>\n            <Helmet>\n                <style type=\"text/css\">{`${post.codeinjection_styles}`}</style>\n            </Helmet>\n            <Layout>\n              <div className=\"outer\">\n                <div className=\"inner\">\n                    <article className={postClass}>\n                      <header className=\"post-full-header\">\n                        <h1 className=\"post-full-title\">{post.title}</h1>\n                        <div className=\"post-full-byline\">\n                            <section className=\"post-full-byline-content\">\n                                <section className=\"post-full-byline-meta\">\n                                    <div className=\"byline-meta-content\">\n                                      { post.tags ?\n                                          <>\n                                            <span className=\"post-full-tags\">\n                                                {post.tags.map( (tag) => {\n                                                  return (\n                                                  <Link to={`/tag/${tag.slug}/`} title={tag.name}>{tag.name}</Link>\n                                                )})}\n                                            </span>\n                                            <span> | </span>\n                                          </>\n                                      : null }\n                                        <span className=\"byline-meta-date\">\n                                          {post.created_at_pretty}\n                                        </span>\n                                        <span> | By: </span>\n                                        {post.authors.map( (author, i) => {\n                                          if (i > 0) { return <span>, <Link to={`/author/${author.slug}/`} title={author.name}>{author.name}</Link></span> }\n                                          else { return <Link to={`/author/${author.slug}/`} title={author.name}>{author.name}</Link> }\n                                          })}\n\n                                    </div>\n                                </section>\n                            </section>\n                        </div>\n                        <Sharing url={post.url} title={post.title} featuredImage={post.feature_image} />\n                      </header>\n\n                      { post.feature_image ?\n                          <figure className=\"post-full-image\">\n                              <img src={ post.feature_image } alt={ post.title } />\n                          </figure> : null }\n\n                      <section className=\"post-full-content\">\n                          <section\n                              className=\"post-content load-external-scripts\"\n                              dangerouslySetInnerHTML={{ __html: post.html }}\n                          />\n                      </section>\n                      <PostCta title={site.title} description={site.description} />\n                      <section className=\"related-posts-container\">\n                          <h3 className=\"related-posts-title\"><span className=\"text\">You might also like...</span></h3>\n                            <div className=\"post-feed\">\n                              {relatedPosts.map( ({ node }) => (\n                                <PostCard key={node.id} post={node} />\n                              ))}\n                          </div>\n                      </section>\n                    </article>\n                </div>\n              </div>\n            </Layout>\n        </>\n    )\n}\n\nPost.propTypes = {\n    data: PropTypes.shape({\n        ghostPost: PropTypes.shape({\n            codeinjection_styles: PropTypes.object,\n            title: PropTypes.string.isRequired,\n            html: PropTypes.string.isRequired,\n            feature_image: PropTypes.string,\n        }).isRequired,\n    }).isRequired,\n    location: PropTypes.object.isRequired,\n}\n\nexport default Post\n\nexport const postQuery = graphql`\n    query ($slug: String!, $primary_tag: String!) {\n        allGhostSettings {\n            edges {\n                node {\n                    ...GhostSettingsFields\n                }\n            }\n        }\n        ghostPost(slug: { eq: $slug }) {\n            ...GhostPostFields\n        }\n        allGhostPost(\n            sort: { order: DESC, fields: [published_at] },\n            filter: {tags: {elemMatch: {slug: {eq: $primary_tag}}}, slug: {ne: $slug }},\n            limit: 2\n        ) {\n            edges {\n                node {\n                ...GhostPostFields\n                }\n            }\n        }\n    }\n`\n"],"sourceRoot":""}