{"version":3,"sources":["webpack:///./node_modules/gatsby-plugin-mdx/index.js","webpack:///./node_modules/@babel/runtime/helpers/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/toConsumableArray.js","webpack:///./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","webpack:///./node_modules/gatsby-plugin-mdx/mdx-renderer.js","webpack:///./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js","webpack:///./node_modules/@babel/runtime/helpers/defineProperty.js","webpack:///./src/components/desktopMenu.js","webpack:///./src/templates/guide.js","webpack:///./node_modules/@babel/runtime/helpers/construct.js"],"names":["MDXRenderer","require","module","exports","TypeError","__esModule","iter","Symbol","iterator","Object","Array","from","arrayLikeToArray","arr","isArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","len","length","i","arr2","React","mdx","useMDXScope","scope","children","props","mdxScope","End","fullScope","keys","values","key","fn","o","minLen","n","prototype","toString","call","slice","constructor","name","test","Reflect","construct","sham","Proxy","Boolean","valueOf","e","obj","value","defineProperty","enumerable","configurable","writable","styled","div","MenuArea","aside","DesktopMenu","page","query","render","data","site","siteMetadata","sideBar","map","section","prefix","links","BigContainer","Article","Title","h1","Guide","location","isMobile","useMediaQuery","isDesktop","guide","console","log","locationArray","pathname","split","frontmatter","title","body","setPrototypeOf","isNativeReflectConstruct","_construct","Parent","args","Class","a","push","apply","instance","Function","bind","arguments"],"mappings":"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","file":"component---src-templates-guide-js-bda7b3cd2ec4149c04f6.js","sourcesContent":["/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n  MDXRenderer: MDXRenderer,\n}\n","function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableSpread;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}\n\nmodule.exports = _arrayWithoutHoles;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","var arrayWithoutHoles = require(\"./arrayWithoutHoles.js\");\n\nvar iterableToArray = require(\"./iterableToArray.js\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray.js\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread.js\");\n\nfunction _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}\n\nmodule.exports = _arrayLikeToArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","const React = require(`react`)\nconst { mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n  scope,\n  children,\n  ...props\n}) {\n  const mdxScope = useMDXScope(scope)\n\n  // Memoize the compiled component\n  const End = React.useMemo(() => {\n    if (!children) {\n      return null\n    }\n\n    const fullScope = {\n      // React is here just in case the user doesn't pass them in\n      // in a manual usage of the renderer\n      React,\n      mdx,\n      ...mdxScope,\n    }\n\n    const keys = Object.keys(fullScope)\n    const values = keys.map(key => fullScope[key])\n    const fn = new Function(`_fn`, ...keys, `${children}`)\n\n    return fn({}, ...values)\n  }, [children, scope])\n\n  return React.createElement(End, {...props })\n}\n","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nmodule.exports = _unsupportedIterableToArray;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nmodule.exports = _isNativeReflectConstruct;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nmodule.exports = _defineProperty;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","import React from \"react\"\nimport { StaticQuery, graphql, Link } from 'gatsby'\nimport styled from \"styled-components\"\n\nimport MenuLinks from \"./menuLinks\"\n\nconst Wrapper = styled.div`\n  display: block;\n  margin-left: auto;\n`\n\nexport function DesktopNav() {\n    return (\n        <Wrapper>\n            <Link to=\"/getting-started/welcome\">Guides</Link>\n        </Wrapper>\n    )\n}\n\nconst MenuArea = styled.aside`\n  position: sticky;\n  top: 50px;\n  padding: 4px 0;\n  overflow-y: auto;\n  height: calc(100vh - 50px);\n  width: 200px;\n)}\n`\n\nexport default function DesktopMenu({ page }) {\n    return (\n        <StaticQuery\n            query={graphql`\n        query DesktopMenuQuery {\n          site {\n            siteMetadata {\n                sideBar {\n                    name\n                    prefix\n                    links {\n                        title\n                        link\n                    }\n              }\n            }\n          }\n        }\n      `}\n            render={data => (\n                <MenuArea>\n                    {data.site.siteMetadata.sideBar.map(section => (\n                        <MenuLinks page={page} name={section.name} prefix={section.prefix} links={section.links} />\n                    ))}\n                </MenuArea>\n            )}\n        />)\n}","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport styled from \"styled-components\"\nimport { useMediaQuery } from 'react-responsive'\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\n\nimport Layout from \"../components/layout\"\nimport DesktopMenu from \"../components/desktopMenu\"\n\nconst BigContainer = styled.div`\n    display: grid;\n    grid-template-columns: 200px minmax(0, 1fr) 50px;;\n    grid-gap: 100px;\n    margin-top: 40px;\n`\n\nconst Article = styled.div`\n    max-width: 52em;\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.7;\n`\n\nconst Title = styled.h1`\n    margin-top: 10px;\n`\n\nexport default function Guide({ location, data }) {\n    const isMobile = useMediaQuery({ query: '(max-width: 1224px)' })\n    const isDesktop = useMediaQuery({ query: '(min-width: 1224px)' })\n    const guide = data.mdx\n    console.log(\"Guide:\", guide)\n    const locationArray = location.pathname.split(\"/\")\n    const page = '/' + locationArray[locationArray.length - 2]\n    return (\n        <Layout>\n            {isDesktop &&\n                <BigContainer>\n                    <DesktopMenu page={page} />\n                    <Article>\n                        <div>\n                            <Title>{guide.frontmatter.title}</Title>\n                            <MDXRenderer>{guide.body}</MDXRenderer>\n                        </div>\n                    </Article>\n                </BigContainer>\n            }\n            {isMobile &&\n                <Article>\n                    <div>\n                        <Title>{guide.frontmatter.title}</Title>\n                        <MDXRenderer>{guide.body}</MDXRenderer>\n                    </div>\n                </Article>\n            }\n        </Layout>\n    )\n}\n\nexport const query = graphql`\n  query($slug: String!) {\n    mdx(fields: { slug: { eq: $slug } }) {\n      body\n      frontmatter {\n        title\n      }\n    }\n  }\n`","var setPrototypeOf = require(\"./setPrototypeOf.js\");\n\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct.js\");\n\nfunction _construct(Parent, args, Class) {\n  if (isNativeReflectConstruct()) {\n    module.exports = _construct = Reflect.construct;\n    module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n  } else {\n    module.exports = _construct = function _construct(Parent, args, Class) {\n      var a = [null];\n      a.push.apply(a, args);\n      var Constructor = Function.bind.apply(Parent, a);\n      var instance = new Constructor();\n      if (Class) setPrototypeOf(instance, Class.prototype);\n      return instance;\n    };\n\n    module.exports[\"default\"] = module.exports, module.exports.__esModule = true;\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;"],"sourceRoot":""}