{"version":3,"sources":["webpack:///./src/components/about/index.tsx","webpack:///./src/pages/author.tsx","webpack:///./src/components/cover/index.tsx","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es.function.name.js"],"names":["useStyles","makeStyles","theme","createStyles","root","flexGrow","justifyContent","padding","spacing","zIndex","position","marginTop","fluid","minHeight","height","maxHeight","width","avatarContainer","avatar","margin","backgroundColor","palette","primary","main","transform","marginBottom","title","fontSize","typography","h4","textAlign","subtitle","h6","color","h5","Product","props","classes","name","description","image","postPath","node","frontmatter","Paper","elevation","className","Container","maxWidth","Grid","container","justify","alignItems","Avatar","alt","src","direction","Typography","variant","Divider","light","postNode","coverContainer","data","categories","list","p","forEach","item","category","link","fields","type","slug","push","thumbnail","showDescription","Object","keys","map","product","v","toLowerCase","replace","children","getCategories","allMarkdownRemark","edges","e","config","aboutData","path","rel","href","SEO","pageTitle","cover","CoverImage","windowScrollTop","fileEdges","parallax","React","setTransform","window","innerWidth","pageYOffset","addEventListener","resetTransform","removeEventListener","coverNodeList","filter","fileNode","childImageSharp","absolutePath","indexOf","length","style","coverURL","substring","__PATH_PREFIX__","backgroundImage","query","Cover","render","allFile","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","configurable","get","call","this","match","error"],"mappings":"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","file":"component---src-pages-author-tsx-f055766d79acb4f5f2f1.js","sourcesContent":["import * as React from \"react\";\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Container from '@material-ui/core/Container';\nimport Typography from '@material-ui/core/Typography';\nimport Social from '../social';\nimport Divider from '@material-ui/core/Divider';\nimport Avatar from '@material-ui/core/Avatar';\nimport Grid from '@material-ui/core/Grid';\nimport './index.scss';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      flexGrow: 1,\n      justifyContent: 'space-between',\n      padding: theme.spacing(3, 2),\n      zIndex: 3,\n      position: 'relative',\n      marginTop: '-60px'\n    },\n    fluid: {\n        minHeight: '360px',\n        height: 'auto',\n        maxHeight: '60vh',\n        width: '100%',\n        position: 'relative'\n    },\n    avatarContainer: {\n        marginTop: '-80px',\n    },\n    avatar: {\n        margin: 10,\n        width: '120px',\n        height: '120px',\n        backgroundColor: theme.palette.primary.main,\n        '& img': {\n            transform: 'scale(0.7)',\n            marginBottom: 0\n        }\n    },\n    title: {\n        fontSize: theme.typography.h4.fontSize,\n        padding: theme.spacing(1),\n        textAlign: 'center',\n    },\n    subtitle: {\n        fontSize: theme.typography.h6.fontSize,\n        padding: theme.spacing(1),\n        color: theme.typography.h5.color,\n        textAlign: 'center',\n    },\n  }),\n);\n\nconst Product = (props) => {\n    const classes = useStyles(props);\n    const {name, description, image, postPath, title} = props;\n    const node = {frontmatter: {title}};\n\n    return (\n        <Paper elevation={24} className={classes.root}>\n            <Container maxWidth=\"md\" className={classes.avatarContainer}>\n                <Grid container justify=\"center\" alignItems=\"center\">\n                    <Avatar alt={name} src={image} className={classes.avatar} />\n                </Grid>\n            </Container>\n            <br/>\n            <Container maxWidth=\"md\">\n                <Grid container justify=\"center\" alignItems=\"center\" direction=\"column\">\n                    <Typography variant='h1' color='primary' className={classes.title}>{name}</Typography>\n                    <br/>\n                    <Typography variant='h2' color='secondary' className={classes.subtitle}>{description}</Typography>\n                </Grid>\n            </Container>\n            {\n            // tslint:disable:react-no-dangerous-html\n            // <div className='page-content' dangerouslySetInnerHTML={{ __html: node.html }} />\n            // tslint:enable:react-no-dangerous-html\n            }\n            <br/>\n            <Divider light/>\n            <br/>\n            <Container  maxWidth=\"md\">\n                <Typography variant='h3' className={classes.subtitle}>{'Socials'}</Typography>\n                <br/>\n                <Social postNode={node} postPath={postPath}/>\n            </Container>\n        </Paper>\n    );\n}\n\nexport default Product;","import * as React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Helmet from \"react-helmet\";\nimport SEO from \"../components/SEO\";\nimport * as config from '../../config/SiteConfig.js';\nimport Cover from '../components/cover';\nimport Container from '@material-ui/core/Container';\nimport PostLayout from '../components/layouts/post-layout';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport About from '../components/about';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    coverContainer: {\n        padding: 0,\n        marginTop: 0,\n        marginBottom: 0\n    }\n  }),\n);\n\nconst kebabCase = (v) => v.toLowerCase().replace(/[^a-zA-Z0-9 -]/g, '').replace(/\\s+/g, '-')\n\nfunction getCategories(list) {\n  const p = {};\n  list.forEach((item) => {\n    if(!p[item.frontmatter.category]) {\n      p[item.frontmatter.category] = [];\n    }\n\n    const link = `${item.fields.type !== 'page' ? `/${item.fields.type}` : ''}${item.fields.slug}`;\n    p[item.frontmatter.category].push({\n      title: item.frontmatter.title,\n      thumbnail: item.frontmatter.thumbnail,\n      description: item.frontmatter.description,\n      link: link,\n      showDescription: true\n    });\n  })\n  return Object.keys(p).map((product) => ({title: product, link: `/tagged/${kebabCase(product)}`, children: p[product]}))\n}\n\nexport default (props) => {\n  const {data} = props;\n  const classes = useStyles(props);\n  const list = data.allMarkdownRemark.edges.map((e: any) => e.node);\n  const categories = getCategories(list);\n  const title = `About | ${config.siteTitle}`;\n  const cover = '10.png';\n  const aboutData = {name: config.siteTitle, description: config.siteDescription,\n     image: config.siteLogo, postPath: props.path, title};\n  return (\n      <PostLayout categories={categories}>\n        <Helmet>\n            <title>{title}</title>\n            <link rel=\"canonical\" href={`${config.siteUrl}${props.path}`} />\n          </Helmet>\n          <SEO pageTitle={title} postPath={props.path}/>\n          <Container className={classes.coverContainer}>\n              <Cover cover={cover} />\n          </Container>\n          <Container className='MuiPaper-root'>\n              <About {...aboutData}/>\n          </Container>\n      </PostLayout>\n    );\n}\n\nexport const query = graphql`\n  query {\n    allMarkdownRemark(\n      sort: {fields: [frontmatter___date], order: DESC},\n      filter: {frontmatter: {category: {ne: null}}}\n    ) {\n      totalCount\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            description\n            date\n            tags\n            category\n            thumbnail\n          }\n          fields {\n            slug\n            type\n          }\n          excerpt\n        }\n      }\n    }\n  }\n`","import * as React from \"react\";\nimport { StaticQuery, graphql } from \"gatsby\";\nimport Img from \"gatsby-image\";\nimport * as path from \"path\";\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      flexGrow: 1,\n      justifyContent: 'space-between',\n    },\n    fluid: {\n        // minHeight: '360px',\n        height: 'auto',\n        maxHeight: '60vh',\n        width: '100%',\n        position: 'relative'\n    }\n  }),\n);\n\nconst CoverImage = (props) => {\n    const classes = useStyles(props);\n    const { fileEdges, cover, children, parallax = true } = props;\n\n    let windowScrollTop;\n    const [transform, setTransform] = React.useState(\n        \"translate3d(0,\" + windowScrollTop + \"px,0)\"\n    );\n    React.useEffect(() => {\n      if (parallax) {\n        if (window.innerWidth >= 768) {\n          windowScrollTop = window.pageYOffset / 3;\n          window.addEventListener(\"scroll\", resetTransform);\n        } else {\n          windowScrollTop = 0;\n        }\n        return function cleanup() {\n          if (window.innerWidth >= 768) {\n              window.removeEventListener(\"scroll\", resetTransform);\n          } else {\n            windowScrollTop = 0;\n          }\n        };\n      }\n    });\n    const resetTransform = () => {\n        if (window.innerWidth >= 768) {\n          windowScrollTop = window.pageYOffset / 3;\n        } else {\n          windowScrollTop = 0;\n        }\n        setTransform(\"translate3d(0,\" + windowScrollTop + \"px,0)\");\n    };\n\n    const coverNodeList = fileEdges.filter(fileNode => {\n      if (fileNode.node.childImageSharp === null) return false;\n\n      if (\n        fileNode.node.absolutePath.indexOf(\n          path.join(\"/static/img/\", cover)\n        ) !== -1\n      )\n        return true;\n\n      return false;\n    });\n\n    if (coverNodeList.length === 1) {\n      return (\n        <Img\n          fluid={coverNodeList[0].node.childImageSharp.fluid}\n          className={classes.fluid}\n          style={{transform: transform}}\n        >\n          {children}\n        </Img>\n      );\n    }\n\n    /* tslint no-undef: \"off\" */\n    const coverURL =\n      cover.substring(0, 1) === \"/\"\n        ? __PATH_PREFIX__ + cover\n        : cover;\n    return (\n      <div\n        style={{\n          backgroundImage: `url(${coverURL})`,\n          transform: transform\n        }}\n        className={classes.fluid}\n      >\n          {children}\n      </div>\n    );\n  }\n\nconst Cover = (props: any) => {\n    return (\n        <StaticQuery\n            query={query}\n            // tslint:disable-next-line:react-this-binding-issue\n            render={(data: any) => (\n                <CoverImage {...props} fileEdges={data.allFile.edges}/>\n            )}\n        />\n    );\n}\n\nconst query = graphql`\nquery CoverQuery {\n    allFile {\n      edges {\n        node {\n          id\n          absolutePath\n          childImageSharp {\n            id\n            resolutions {\n              base64\n              tracedSVG\n              aspectRatio\n              width\n              height\n              src\n              srcSet\n              srcWebp\n              srcSetWebp\n              originalName\n            }\n            internal {\n              contentDigest\n              type\n              owner\n            }\n            fluid(maxWidth: 1280) {\n              ...GatsbyImageSharpFluid\n              originalName\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Cover;","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n"],"sourceRoot":""}