{"version":3,"sources":["webpack://gatsby-starter-ghost/./src/templates/post.js"],"names":["data","location","post","ghostPost","filteredPostContent","html","replace","type","codeinjection_styles","className","feature_image","src","alt","title","dangerouslySetInnerHTML","__html"],"mappings":"mLA+DA,UAjDa,SAAC,GAAwB,IAAtBA,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SACZC,EAAOF,EAAKG,UACZC,EAAsBF,EAAKG,KAAKC,QAAQ,+CAAlB,aAE5B,OACI,gCACI,gBAAC,IAAD,CACIN,KAAMA,EACNC,SAAUA,EACVM,KAAK,YAET,gBAAC,IAAD,KACI,yBAAOA,KAAK,YAAZ,GAA2BL,EAAKM,uBAEpC,gBAAC,KAAD,KACI,uBAAKC,UAAU,aACX,2BAASA,UAAU,WACbP,EAAKQ,cACH,0BAAQD,UAAU,sBACd,uBAAKE,IAAMT,EAAKQ,cAAgBE,IAAMV,EAAKW,SACnC,KAChB,2BAASJ,UAAU,qBACf,sBAAIA,UAAU,iBAAiBP,EAAKW,OAGpC,2BACIJ,UAAU,qCACVK,wBAAyB,CAAEC,OAAQX","file":"component---src-templates-post-js-e9a774c3b6e9f01f62f4.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport { Helmet } from 'react-helmet'\n\nimport { Layout } 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 }) => {\n    const post = data.ghostPost\n    const filteredPostContent = post.html.replace(/<img([^>]*) height=[\"]?\\d+[\"]?\\b([^>]*)\\/?>/g, `<img$1$2>`)\n\n    return (\n        <>\n            <MetaData\n                data={data}\n                location={location}\n                type=\"article\"\n            />\n            <Helmet>\n                <style type=\"text/css\">{`${post.codeinjection_styles}`}</style>\n            </Helmet>\n            <Layout>\n                <div className=\"container\">\n                    <article className=\"content\">\n                        { post.feature_image ?\n                            <figure className=\"post-feature-image\">\n                                <img src={ post.feature_image } alt={ post.title } />\n                            </figure> : null }\n                        <section className=\"post-full-content\">\n                            <h1 className=\"content-title\">{post.title}</h1>\n\n                            {/* The main post content */ }\n                            <section\n                                className=\"content-body load-external-scripts\"\n                                dangerouslySetInnerHTML={{ __html: filteredPostContent }}\n                            />\n                        </section>\n                    </article>\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!) {\n        ghostPost(slug: { eq: $slug }) {\n            ...GhostPostFields\n        }\n    }\n`\n"],"sourceRoot":""}