{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/MenuItem/MenuItem.js","webpack:///./src/components/recipe-calculator.js","webpack:///./src/components/post.js","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog-core/templates/post-query.tsx","webpack:///./src/@lekoarts/gatsby-theme-minimal-blog-core/components/post.js","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/construct.js"],"names":["props","ref","tabIndex","classes","className","_props$component","component","_props$disableGutters","disableGutters","ListItemClasses","_props$role","role","selected","tabIndexProp","other","disabled","undefined","ListItem","button","dense","root","gutters","withStyles","theme","typography","body1","minHeight","paddingTop","paddingBottom","boxSizing","width","overflow","whiteSpace","breakpoints","up","body2","name","Table","styled","fontSize","fontFamily","fontWeight","background","border","padding","borderCollapse","margin","marginTop","paddingLeft","borderBottom","textAlign","verticalAlign","CalcInputs","display","justifyContent","gap","RecipeCalculator","recipe","weight","console","log","percentages","round","value","decimals","Number","Math","useState","currentWeight","setCurrentWeight","measurementMethod","setMeasurementMethod","useEffect","current","useRef","map","item","ingredients","ingredient","i","array","push","percentage","rowspan","length","title","TextField","id","type","onChange","e","target","Select","labelId","changeMeasurement","reduce","a","b","parseFloat","toFixed","alert","info","Post","data","useTheme","post","allMdx","nodes","slug","childrenMdxPost","frontmatter","description","excerpt","image","banner","childImageSharp","fluid","src","pathname","Container","maxWidth","useUtilStyles","topSpacer","Typography","variant","Box","color","marginBottom","alignItems","date","timeToRead","tags","Fragment","size","alt","style","spacing","body","PostComponent","MDXRenderer","require","module","exports","TypeError","__esModule","iter","Symbol","iterator","Array","from","arrayLikeToArray","arr","isArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","len","arr2","React","mdx","useMDXScope","scope","children","mdxScope","End","fullScope","keys","Object","values","key","fn","o","minLen","n","prototype","toString","call","slice","constructor","test","Reflect","construct","sham","Proxy","Boolean","valueOf","setPrototypeOf","isNativeReflectConstruct","_construct","Parent","args","Class","apply","instance","Function","bind","arguments"],"mappings":"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","file":"component---src-lekoarts-gatsby-theme-minimal-blog-core-templates-post-query-tsx-ffd872b497938f5f4b3c.js","sourcesContent":["import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport ListItem from '../ListItem';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: _extends({}, theme.typography.body1, _defineProperty({\n      minHeight: 48,\n      paddingTop: 6,\n      paddingBottom: 6,\n      boxSizing: 'border-box',\n      width: 'auto',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap'\n    }, theme.breakpoints.up('sm'), {\n      minHeight: 'auto'\n    })),\n    // TODO v5: remove\n\n    /* Styles applied to the root element if `disableGutters={false}`. */\n    gutters: {},\n\n    /* Styles applied to the root element if `selected={true}`. */\n    selected: {},\n\n    /* Styles applied to the root element if dense. */\n    dense: _extends({}, theme.typography.body2, {\n      minHeight: 'auto'\n    })\n  };\n};\nvar MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      component = _props$component === void 0 ? 'li' : _props$component,\n      _props$disableGutters = props.disableGutters,\n      disableGutters = _props$disableGutters === void 0 ? false : _props$disableGutters,\n      ListItemClasses = props.ListItemClasses,\n      _props$role = props.role,\n      role = _props$role === void 0 ? 'menuitem' : _props$role,\n      selected = props.selected,\n      tabIndexProp = props.tabIndex,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\", \"disableGutters\", \"ListItemClasses\", \"role\", \"selected\", \"tabIndex\"]);\n\n  var tabIndex;\n\n  if (!props.disabled) {\n    tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;\n  }\n\n  return /*#__PURE__*/React.createElement(ListItem, _extends({\n    button: true,\n    role: role,\n    tabIndex: tabIndex,\n    component: component,\n    selected: selected,\n    disableGutters: disableGutters,\n    classes: _extends({\n      dense: classes.dense\n    }, ListItemClasses),\n    className: clsx(classes.root, className, selected && classes.selected, !disableGutters && classes.gutters),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiMenuItem'\n})(MenuItem);","import React, { useState, useRef, useEffect } from \"react\"\nimport { styled } from \"@material-ui/core\"\nimport Select from \"@material-ui/core/Select\"\nimport MenuItem from \"@material-ui/core/MenuItem\"\nimport TextField from \"@material-ui/core/TextField\"\n\nconst Table = styled(\"table\")({\n  width: \"100%\",\n  fontSize: \"1rem\",\n  fontFamily: '\"Cooper Hewitt\",\"Helvetica neue\",helvetica,sans-serif',\n  fontWeight: \"400\",\n  background: \"rgba(251, 233, 231, 0.5)\",\n  border: \"none\",\n  padding: \"2rem\",\n  borderCollapse: \"collapse\",\n  margin: \"0 auto\",\n  marginTop: \"1rem\",\n  \"& td\": {\n    paddingLeft: \"16px\",\n  },\n  \"& tr\": {\n    borderBottom: \"10px solid transparent\",\n  },\n  \"& th\": {\n    textAlign: \"left\",\n    paddingLeft: \"16px\",\n    verticalAlign: \"top\",\n  },\n  \"& thead\": {\n    background: \"white\",\n    borderBottom: \"solid 3px #fbe9e7\",\n  },\n})\n\nconst CalcInputs = styled(\"div\")({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  marginTop: \"1rem\",\n  gap: \"1rem\",\n  \"& input\": {\n    width: \"7rem\",\n  },\n})\n\nconst RecipeCalculator = ({ recipe, weight }) => {\n  console.log(recipe)\n\n  let percentages = []\n\n  function round(value, decimals) {\n    return Number(Math.round(value + \"e\" + decimals) + \"e-\" + decimals)\n  }\n\n  const [currentWeight, setCurrentWeight] = useState(weight)\n  const [measurementMethod, setMeasurementMethod] = useState(\"g\")\n\n  useEffect(() => {\n    ref.current.value = currentWeight\n  }, [currentWeight])\n\n  const ref = useRef(null)\n\n  const changeMeasurement = e => {\n    setMeasurementMethod(e.target.value)\n\n    if (measurementMethod === \"g\") {\n      setCurrentWeight(round(ref.current.value / 28.35, 0))\n    } else {\n      setCurrentWeight(round(ref.current.value * 28.35, 0))\n    }\n  }\n\n  return (\n    <div>\n      <Table>\n        <thead>\n          <tr>\n            <th>Phase</th>\n            <th>Ingredient</th>\n            <th>Percent (%)</th>\n            <th>Weight ({measurementMethod === \"g\" ? \"g\" : \"oz\"})</th>\n          </tr>\n        </thead>\n\n        {recipe.map(item => (\n          <>\n            {item.ingredients.map((ingredient, i, array) => {\n              percentages.push(ingredient.percentage)\n              return (\n                <tr>\n                  {i === 0 && <th rowspan={array.length}>{item.title}</th>}\n                  <td>{ingredient.name}</td>\n                  <td>{ingredient.percentage}</td>\n                  <td>\n                    {round((currentWeight * ingredient.percentage) / 100, 2)}\n                  </td>\n                </tr>\n              )\n            })}\n          </>\n        ))}\n      </Table>\n      <CalcInputs>\n        {/* <input type=\"number\"  onChange={(e) => setCurrentWeight(e.target.value)} ref={ref}></input> */}\n        {/* <select name=\"measurement\" id=\"measurement\" onChange={(e) => changeMeasurement(e)}>\n          <option value=\"metric\">Total weight (g)</option>\n          <option value=\"imperial\">Total weight (oz)</option>\n        </select> */}\n        <TextField\n          id=\"standard-number\"\n          type=\"number\"\n          onChange={e => setCurrentWeight(e.target.value)}\n          value={currentWeight}\n        />\n        <Select\n          labelId=\"Measurement\"\n          id=\"measurement\"\n          onChange={e => changeMeasurement(e)}\n          value={measurementMethod}\n          ref={ref}\n        >\n          <MenuItem value={\"g\"}>Total weight (g)</MenuItem>\n          <MenuItem value={\"oz\"}>Total weight (oz)</MenuItem>\n        </Select>\n      </CalcInputs>\n      {percentages.reduce((a, b) => a + parseFloat(b), 0).toFixed(2) != 100\n        ? alert(\n            \"Percentage is not 100%, it is \" +\n              percentages.reduce((a, b) => a + parseFloat(b), 0).toFixed(2)\n          )\n        : console.info(\n            \"Percentage is \" +\n              percentages.reduce((a, b) => a + parseFloat(b), 0).toFixed(2)\n          )}\n    </div>\n  )\n}\n\nexport default RecipeCalculator\n","import { MDXRenderer } from \"gatsby-plugin-mdx\"\nimport { Box, Typography, Container, useTheme } from \"@material-ui/core\"\nimport Img from \"gatsby-image\"\nimport React from \"react\"\nimport ItemTags from \"./item-tags\"\nimport SEO from \"./seo\"\nimport { useUtilStyles } from \"./utils\"\nimport Calculator from \"./recipe-calculator\"\n// type PostProps = {\n//   data: {\n//     post: {\n//       slug: string\n//       title: string\n//       date: string\n//       tags?: {\n//         name: string\n//         slug: string\n//       }[]\n//       description?: string\n//       body: string\n//       excerpt: string\n//       timeToRead?: number\n//       banner?: {\n//         childImageSharp: {\n//           resize: {\n//             src: string\n//           }\n//         }\n//       }\n//     }\n//   }\n// }\n\nexport default function Post({ data }) {\n  const theme = useTheme()\n  const post = data.allMdx.nodes[0]\n  const slug = post.childrenMdxPost ? post.childrenMdxPost[0].slug : \"\"\n  return (\n    <>\n      <SEO\n        title={post.frontmatter.title}\n        description={post.description ? post.description : post.excerpt}\n        image={\n          post.frontmatter.banner\n            ? post.frontmatter.banner.childImageSharp.fluid.src\n            : undefined\n        }\n        pathname={slug}\n      />\n      <article>\n        <Container maxWidth=\"lg\" className={useUtilStyles().topSpacer}>\n          <Typography variant=\"h1\">{post.frontmatter.title}</Typography>\n          <Box\n            color=\"text.secondary\"\n            fontSize=\"0.85rem\"\n            marginTop={4}\n            marginBottom={4}\n            display=\"flex\"\n            alignItems=\"center\"\n          >\n            <time>Updated {post.frontmatter.date}</time>\n            {post.timeToRead && (\n              <span>\n                {` — `}\n                {post.timeToRead} MIN READ\n              </span>\n            )}\n            {post.tags && (\n              <React.Fragment>\n                {` — `} <b>TAGS</b>&nbsp;&nbsp;\n                <ItemTags size=\"medium\" tags={post.frontmatter.tags} />\n              </React.Fragment>\n            )}\n          </Box>\n          {post.frontmatter.banner && (\n            <Img\n              fluid={post.frontmatter.banner.childImageSharp.fluid}\n              alt={post.frontmatter.title}\n            />\n          )}\n        </Container>\n\n        <Container\n          maxWidth=\"md\"\n          style={{\n            paddingTop: `${theme.spacing(8)}px`,\n          }}\n        >\n          <div>\n            {post.frontmatter.recipe && (\n              <Calculator\n                recipe={post.frontmatter.recipe}\n                weight={post.frontmatter.weight}\n              />\n            )}\n          </div>\n\n          <section>\n            <MDXRenderer>{post.body}</MDXRenderer>\n          </section>\n        </Container>\n      </article>\n    </>\n  )\n}\n","import { graphql } from \"gatsby\"\nimport PostComponent from \"../components/post\"\n\nexport default PostComponent\n\nexport const query = graphql`\n  query($slug: String!, $formatString: String!) {\n    allMdx(filter: {frontmatter: {date: {ne: null}}, childrenMdxPost: {elemMatch: {slug: {eq: $slug}}}}) {\n      nodes {\n        body\n        excerpt\n        timeToRead\n        childrenMdxPost {\n          slug\n        }\n        frontmatter {\n          date(formatString: $formatString)\n          tags\n          title\n          banner {\n            childImageSharp {\n              fluid(maxWidth: 1800) {\n                ...GatsbyImageSharpFluid_withWebp\n              }\n            }\n          }\n          weight\n          recipe {\n            title\n            ingredients {\n              name\n              percentage\n            }\n          }\n        }\n      }\n    }\n  }\n`","import React from \"react\"\nimport Post from \"../../../components/post\"\n\nexport default function ({ data }) {\n  const { allMdx } = data\n  return <Post data={{ ...data, allMdx }} />\n}\n","/**\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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}\n\nmodule.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","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, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\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    }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;"],"sourceRoot":""}