{"version":3,"sources":["webpack:///./src/components/HighlightOnClick.js","webpack:///./src/components/BlogPosts.js","webpack:///./src/pages/index.js"],"names":["HighlightOnClick","handleClick","e","range","node","target","document","selection","body","createTextRange","moveToElementText","select","window","getSelection","createRange","selectNodeContents","removeAllRanges","addRange","render","className","this","props","onClick","children","Component","PostListItem","getPostLink","post","linkClasses","getPostLinkDest","linkDest","link","isExternal","href","title","to","date","formatDate","parseDate","published_at","postType","getPostType","type","name","postTypeClasses","postLink","BlogPosts","query","data","allGhostPost","edges","map","key","slug","IndexPage","meta","content"],"mappings":"wKA0BeA,E,0GAvBXC,YAAA,SAAYC,GACR,IACIC,EADEC,EAAOF,EAAEG,OAGXC,SAASC,YACTJ,EAAQG,SAASE,KAAKC,mBAChBC,kBAAkBN,GACxBD,EAAMQ,UACCC,OAAOC,gBACdV,EAAQG,SAASQ,eACXC,mBAAmBX,GACzBQ,OAAOC,eAAeG,kBACtBJ,OAAOC,eAAeI,SAASd,K,EAIvCe,OAAA,WACI,OACI,0BAAMC,UAAWC,KAAKC,MAAMF,UAAWG,QAASF,KAAKnB,aAAemB,KAAKC,MAAME,W,GAnB5DC,a,oCCGzBC,E,0GACJC,YAAA,SAAYC,GACV,IAAIC,EAAc,kFAClB,EAAuCC,0BAAgBF,GAAzCG,EAAd,EAAQC,KAER,OAFA,EAAwBC,WAKpB,uBAAGC,KAAMH,EAAUX,UAAWS,GAC3BD,EAAKO,OAMV,kBAAC,OAAD,CAAMC,GAAIL,EAAUX,UAAWS,GAC5BD,EAAKO,Q,EAKZhB,OAAA,WACE,IAAMS,EAAOP,KAAKC,MAAMM,KAClBS,EAAOC,iBAAWC,gBAAUX,EAAKY,cAAe,gBAChDC,EAAWC,sBAAYd,GACvBe,EAAO,CACXC,KAAMH,EACNrB,UAAWyB,kBAAgBJ,IAGvBK,EAAWzB,KAAKM,YAAYC,GAElC,OACE,yBAAKR,UAAU,QACb,uBAAGA,UAAU,oDACViB,EADH,IACS,0BAAMjB,UAAWuB,EAAKvB,WAAY,IAAlC,IAA6CuB,EAAKC,OAE3D,uBAAGxB,UAAU,eACV0B,K,GAtCgBrB,aA4EZsB,EA/BG,kBAChB,kBAAC,cAAD,CACEC,MAAK,aAiBL7B,OAAQ,SAAA8B,GACN,OACE,6BAAS7B,UAAU,SAChB6B,EAAKC,aAAaC,MAAMC,KAAI,SAAAxB,GAAI,OAC/B,kBAAC,EAAD,CAAcA,KAAMA,EAAKvB,KAAMgD,IAAKzB,EAAKvB,KAAKiD,eC5C3CC,UAtBG,WAChB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,KAAM,CACJ,CACEZ,KAAM,cACNa,QACE,iIAKR,kBAAC,EAAD,MAEA,4BAAQrC,UAAU,oCAAlB,gBACe,kBAAC,EAAD,CAAkBA,UAAU,iDAA5B,iBADf","file":"component---src-pages-index-js-d83bc50984c3340cb12e.js","sourcesContent":["import React, { Component } from 'react'\n\nclass HighlightOnClick extends Component {\n    handleClick(e) {\n        const node = e.target\n        let range\n\n        if (document.selection) {\n            range = document.body.createTextRange();\n            range.moveToElementText(node);\n            range.select();\n        } else if (window.getSelection) {\n            range = document.createRange();\n            range.selectNodeContents(node);\n            window.getSelection().removeAllRanges();\n            window.getSelection().addRange(range);\n        }\n    }\n\n    render() {\n        return (\n            <span className={this.props.className} onClick={this.handleClick}>{ this.props.children }</span>\n        )\n    }\n}\n\nexport default HighlightOnClick\n","import React, { Component } from 'react'\nimport { Link, StaticQuery, graphql } from 'gatsby'\nimport { parse as parseDate, format as formatDate } from 'date-fns'\nimport { getPostLinkDest, getPostType, postTypeClasses } from '../lib/util.js'\n\nclass PostListItem extends Component {\n  getPostLink(post) {\n    let linkClasses = 'py-1 px-1 hover:bg-gray-200 transition ease-in duration-75 rounded-sm bdb-clone'\n    const { link: linkDest, isExternal } = getPostLinkDest(post)\n\n    if (isExternal) {\n      // external\n      return (\n        <a href={linkDest} className={linkClasses}>\n          {post.title}\n        </a>\n      )\n    }\n\n    return (\n      <Link to={linkDest} className={linkClasses}>\n        {post.title}\n      </Link>\n    )\n  }\n\n  render() {\n    const post = this.props.post\n    const date = formatDate(parseDate(post.published_at), 'MMMM MM YYYY')\n    const postType = getPostType(post)\n    const type = {\n      name: postType,\n      className: postTypeClasses[postType]\n    }\n\n    const postLink = this.getPostLink(post)\n\n    return (\n      <div className=\"mb-5\">\n        <p className=\"text-blue-600 uppercase font-medium text-sm px-1\">\n          {date} <span className={type.className}>{'\\u25AA'} {type.name}</span>\n        </p>\n        <p className=\"font-medium\">\n          {postLink}\n        </p>\n      </div>\n    )\n  }\n}\n\nconst BlogPosts = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        allGhostPost(sort: { fields: [published_at], order: DESC }) {\n          edges {\n            node {\n              title\n              slug\n              published_at\n              custom_excerpt\n              tags {\n                name\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={data => {\n      return (\n        <article className=\"mb-20\">\n          {data.allGhostPost.edges.map(post => (\n            <PostListItem post={post.node} key={post.node.slug} />\n          ))}\n        </article>\n      )\n    }}\n  />\n)\n\nexport default BlogPosts\n","import React from 'react'\nimport Helmet from 'react-helmet'\n\nimport Layout from '../components/layout'\nimport HighlightOnClick from '../components/HighlightOnClick'\nimport BlogPosts from '../components/BlogPosts'\n\nconst IndexPage = () => {\n  return (\n    <Layout>\n      <Helmet\n        meta={[\n          {\n            name: 'description',\n            content:\n              'Kamal Nasser is Senior Software Engineer at DigitalOcean. This is his website where he occasionally writes some blog posts',\n          },\n        ]}\n      />\n\n      <BlogPosts />\n\n      <footer className=\"text-right text-sm text-gray-600\">\n        Try running: <HighlightOnClick className=\"cursor-pointer hover:text-red-600 font-medium\">curl kamal.io</HighlightOnClick> ✨\n      </footer>\n    </Layout>\n  )\n}\n\nexport default IndexPage\n"],"sourceRoot":""}