component---node-modules-lekoarts-gatsby-theme-minimal-blog-core-src-templates-homepage-query-tsx-4e284ea0f9258f22e294.js.map

{"version":3,"sources":["webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/item-tags.tsx","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/list.tsx","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog/texts/hero.mdx","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/texts/bottom.mdx","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog/components/homepage.js","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog-core/src/templates/homepage-query.tsx","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/@lekoarts/gatsby-theme-minimal-blog-core/components/homepage.tsx","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/blog-list-item.tsx","webpack:///./node_modules/@lekoarts/gatsby-theme-minimal-blog/src/components/listing.tsx"],"names":["ItemTags","tags","useMinimalBlogConfig","tagsPath","basePath","Fragment","map","tag","i","key","slug","as","Link","to","replaceSlashes","name","List","children","sx","mb","ul","margin","padding","li","listStyle","a","variant","layoutProps","_frontmatter","MDXContent","components","props","mdxType","isMDXComponent","Title","console","warn","text","parentName","Homepage","posts","blogPath","p","fontSize","mt","showTags","HomepageComponent","allPost","data","nodes","query","BlogListItem","post","color","title","date","Listing","className"],"mappings":"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","file":"component---node-modules-lekoarts-gatsby-theme-minimal-blog-core-src-templates-homepage-query-tsx-4e284ea0f9258f22e294.js","sourcesContent":["import React from \"react\"\nimport { Link as TLink } from \"theme-ui\"\nimport { Link } from \"gatsby\"\nimport useMinimalBlogConfig from \"../hooks/use-minimal-blog-config\"\nimport replaceSlashes from \"../utils/replaceSlashes\"\n\ntype TagsProps = {\n  tags: {\n    name: string\n    slug: string\n  }[]\n}\n\nconst ItemTags = ({ tags }: TagsProps) => {\n  const { tagsPath, basePath } = useMinimalBlogConfig()\n\n  return (\n    <React.Fragment>\n      {tags.map((tag, i) => (\n        <React.Fragment key={tag.slug}>\n          {!!i && `, `}\n          <TLink as={Link} to={replaceSlashes(`/${basePath}/${tagsPath}/${tag.slug}`)}>\n            {tag.name}\n          </TLink>\n        </React.Fragment>\n      ))}\n    </React.Fragment>\n  )\n}\n\nexport default ItemTags\n","/** @jsx jsx */\nimport React from \"react\"\nimport { jsx } from \"theme-ui\"\n\ntype ListProps = {\n  children: React.ReactNode\n}\n\nconst List = ({ children }: ListProps) => (\n  <section\n    sx={{\n      mb: [5, 5, 6],\n      ul: { margin: 0, padding: 0 },\n      li: { listStyle: `none`, mb: 3 },\n      a: { variant: `links.listItem` },\n    }}\n  >\n    {children}\n  </section>\n)\n\nexport default List\n","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nexport const _frontmatter = {};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <p>\n  판교 사는 주니어 개발자 입니다. 효과적인 정보전달을 위한 UI, 사용성 높은\n  모듈설계를 고민합니다.\n    </p>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      ","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nexport const _frontmatter = {};\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return <div {...props} />;\n};\n\nconst Title = makeShortcode(\"Title\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <Title text=\"Projects\" mdxType=\"Title\" />\n    <ul>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"https://www.lekoarts.de/en/projects/docma-award-super-short-story-telling-about-harry-potter\"\n        }}>{`Super Short Story Telling: Harry Potter`}</a></li>\n      <li parentName=\"ul\"><a parentName=\"li\" {...{\n          \"href\": \"https://www.lekoarts.de/en/projects/private-instagram-project-proprius\"\n        }}>{`Instagram Project \"Proprius\"`}</a></li>\n    </ul>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      ","/** @jsx jsx */\nimport { jsx } from \"theme-ui\";\nimport { Link } from \"gatsby\";\nimport Layout from \"./layout\";\nimport Title from \"@lekoarts/gatsby-theme-minimal-blog/src/components/title\";\nimport Listing from \"@lekoarts/gatsby-theme-minimal-blog/src/components/listing\";\nimport List from \"@lekoarts/gatsby-theme-minimal-blog/src/components/list\";\nimport useMinimalBlogConfig from \"@lekoarts/gatsby-theme-minimal-blog/src/hooks/use-minimal-blog-config\";\nimport replaceSlashes from \"@lekoarts/gatsby-theme-minimal-blog/src/utils/replaceSlashes\";\n// @ts-ignore\nimport Hero from \"../texts/hero\";\n// @ts-ignore\nimport Bottom from \"@lekoarts/gatsby-theme-minimal-blog/src/texts/bottom\";\n\n// type PostsProps = {\n//   posts: {\n//     slug: string\n//     title: string\n//     date: string\n//     excerpt: string\n//     description: string\n//     timeToRead?: number\n//     tags?: {\n//       name: string\n//       slug: string\n//     }[]\n//   }[]\n//   [key: string]: any\n// }\n\nconst Homepage = ({ posts } /* PostsProps*/) => {\n  const { basePath, blogPath } = useMinimalBlogConfig();\n\n  return (\n    <Layout>\n      <section sx={{ mb: [4, 5, 6], p: { fontSize: [1, 2, 3], mt: 2 } }}>\n        <Hero />\n      </section>\n      <Title text=\"Posts\">\n        <Link to={replaceSlashes(`/${basePath}/${blogPath}`)}>\n          Read all posts\n        </Link>\n      </Title>\n      <Listing posts={posts} showTags={false} />\n      <List>\n        <Bottom />\n      </List>\n    </Layout>\n  );\n};\n\nexport default Homepage;\n","import { graphql } from \"gatsby\"\nimport HomepageComponent from \"../components/homepage\"\n\nexport default HomepageComponent\n\nexport const query = graphql`\n  query($formatString: String!) {\n    allPost(sort: { fields: date, order: DESC }, limit: 3) {\n      nodes {\n        slug\n        title\n        date(formatString: $formatString)\n        excerpt\n        timeToRead\n        description\n        tags {\n          name\n          slug\n        }\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport Homepage from \"../../../components/homepage\"\n\ntype Props = {\n  data: {\n    allPost: any\n    [key: string]: string\n  }\n  [key: string]: any\n}\n\nexport default function MinimalBlogCoreHomepage({ ...props }: Props) {\n  const {\n    data: { allPost },\n  } = props\n\n  return <Homepage posts={allPost.nodes} {...props} />\n}\n","/** @jsx jsx */\nimport React from \"react\"\nimport { jsx, Link as TLink } from \"theme-ui\"\nimport { Box } from \"@theme-ui/components\"\nimport { Link } from \"gatsby\"\nimport ItemTags from \"./item-tags\"\n\ntype BlogListItemProps = {\n  post: {\n    slug: string\n    title: string\n    date: string\n    excerpt: string\n    description: string\n    timeToRead?: number\n    tags?: {\n      name: string\n      slug: string\n    }[]\n  }\n  showTags?: boolean\n}\n\nconst BlogListItem = ({ post, showTags = true }: BlogListItemProps) => (\n  <Box mb={4}>\n    <TLink as={Link} to={post.slug} sx={{ fontSize: [1, 2, 3], color: `text` }}>\n      {post.title}\n    </TLink>\n    <p sx={{ color: `secondary`, mt: 1, a: { color: `secondary` }, fontSize: [1, 1, 2] }}>\n      <time>{post.date}</time>\n      {post.tags && showTags && (\n        <React.Fragment>\n          {` — `}\n          <ItemTags tags={post.tags} />\n        </React.Fragment>\n      )}\n    </p>\n  </Box>\n)\n\nexport default BlogListItem\n","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport BlogListItem from \"./blog-list-item\"\n\ntype ListingProps = {\n  posts: {\n    slug: string\n    title: string\n    date: string\n    excerpt: string\n    description: string\n    timeToRead?: number\n    tags?: {\n      name: string\n      slug: string\n    }[]\n  }[]\n  className?: string\n  showTags?: boolean\n}\n\nconst Listing = ({ posts, className = ``, showTags = true }: ListingProps) => (\n  <section sx={{ mb: [5, 6, 7] }} className={className}>\n    {posts.map((post) => (\n      <BlogListItem key={post.slug} post={post} showTags={showTags} />\n    ))}\n  </section>\n)\n\nexport default Listing\n"],"sourceRoot":""}