{"version":3,"sources":["components/recipe.js","components/Navigation.js","components/Form.js","components/footer.js","App.js","reportWebVitals.js","index.js"],"names":["Recipe","title","image","ingredients","url","cuisineType","totalTime","map","ingredient","text","href","target","src","alt","Navigation","click","window","open","Navbar","bg","variant","fixed","expand","Brand","Toggle","aria-controls","Collapse","id","Nav","className","Button","onClick","this","Component","theme","createMuiTheme","palette","textColor","type","MenuItem","selectedTextColor","ColorButton","withStyles","root","color","getContrastText","purple","backgroundColor","Form","initialValues","ingredient1","ingredient2","ingredient3","mealType","additionalIngredient","time","onSubmit","data","setSubmitting","console","log","props","returnData","values","handleChange","handleBlur","handleSubmit","onChange","ThemeProvider","FormControl","Select","name","value","onBlur","FormHelperText","TextField","Footer","property","rel","style","display","height","marginLeft","verticalAlign","App","APP_ID","process","APP_KEY","useState","recipes","setRecipes","formData","setFormData","useEffect","getRecipes","a","q","toLowerCase","toString","health","rurl","fetch","response","json","hits","recipe","label","calories","Math","random","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.973a8ba6.chunk.js","sourcesContent":["import React from \"react\";\nimport \"../styles/recipe.css\";\n\nconst Recipe = ({ title, image, ingredients, url, totalTime, cuisineType }) => {\n  const Time = (props) => {\n    const time = props.time;\n    if (time !== 0) {\n      return <h4>Total Time: {time} minutes.</h4>;\n    } else {\n      return null;\n    }\n  };\n\n  return (\n    <div>\n      <h3>{title}</h3>\n      <h4>Cuisine is: {cuisineType}</h4>\n      <h4>\n        <u>Ingredients:</u>\n      </h4>\n      <div>\n        {ingredients.map((ingredient) => (\n          <p>{ingredient.text}</p>\n        ))}\n      </div>\n      <div>\n        <h4>\n          Instructions{\" \"}\n          <a href={url} target=\"_blank\">\n            here\n          </a>\n        </h4>\n      </div>\n      <img src={image} alt=\"\"></img>\n      <div>\n        <br />\n        <br />\n      </div>\n    </div>\n  );\n};\n\nexport default Recipe;\n","import React, { Component } from \"react\";\nimport { Navbar, Nav, Button } from \"react-bootstrap\";\n\nexport default class Navigation extends Component {\n  click = () => {\n    window.open(\"https://github.com/71xn/recipe\");\n  };\n\n  render() {\n    return (\n      <Navbar bg=\"dark\" variant=\"dark\" fixed=\"top\" expand=\"lg\">\n        <Navbar.Brand href=\"/\">🍔 Recipe Maker</Navbar.Brand>\n        <Navbar.Toggle aria-controls=\"basic-navbar-nav\" />\n        <Navbar.Collapse id=\"basic-navbar-nav\">\n          <Nav className=\"mr-auto\"></Nav>\n          <Button variant=\"outline-success\" onClick={this.click}>\n            Project on GitHub!\n          </Button>\n        </Navbar.Collapse>\n      </Navbar>\n    );\n  }\n}\n","import React, { Component } from \"react\";\nimport {\n  Select,\n  MenuItem,\n  FormControl,\n  Button,\n  createMuiTheme,\n  ThemeProvider,\n  FormHelperText,\n  withStyles,\n  TextField,\n} from \"@material-ui/core\";\nimport { purple } from \"@material-ui/core/colors\";\nimport FastfoodIcon from \"@material-ui/icons/Fastfood\";\nimport { Formik } from \"formik\";\nimport \"./form.css\";\n\nconst theme = createMuiTheme({\n  palette: {\n    textColor: \"#FFFFFF\",\n    type: \"dark\",\n  },\n  MenuItem: {\n    selectedTextColor: \"white\",\n  },\n});\n\nconst ColorButton = withStyles((theme) => ({\n  root: {\n    color: theme.palette.getContrastText(purple[500]),\n    backgroundColor: \"#028889\",\n    \"&:hover\": {\n      backgroundColor: \"#f79b3b\",\n    },\n  },\n}))(Button);\n\nexport default class Form extends Component {\n  render() {\n    return (\n      <div>\n        <h2>\n          <u>Recipe Category Selection</u>\n        </h2>\n        <br />\n        <Formik\n          initialValues={{\n            ingredient1: \"Chicken\",\n            ingredient2: \"Cheese\",\n            ingredient3: \"Pasta\",\n            mealType: \"\",\n            additionalIngredient: \"\",\n            time: \"0-10\",\n          }}\n          onSubmit={(data, { setSubmitting }) => {\n            setSubmitting(true);\n            // Need to add function call from parent that receives data\n            console.log(data);\n            //this.props.formDataReturnFunctionFromParent(data);\n            this.props.returnData(data);\n            setSubmitting(false);\n          }}\n        >\n          {({ values, handleChange, handleBlur, handleSubmit }) => (\n            <form onSubmit={handleSubmit} onChange={handleChange}>\n              <h4>Ingredient Selection</h4>\n              <ThemeProvider theme={theme}>\n                <FormControl variant=\"filled\">\n                  <Select\n                    name=\"ingredient1\"\n                    value={values.ingredient1}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  >\n                    <MenuItem value={\"Chicken\"}>Chicken</MenuItem>\n                    <MenuItem value={\"Beef\"}>Beef</MenuItem>\n                    <MenuItem value={\"Lamb\"}>Lamb</MenuItem>\n                    <MenuItem value={\"Pork\"}>Pork</MenuItem>\n                    <MenuItem value={\"Egg\"}>Egg</MenuItem>\n                    <MenuItem value={\"\"}>None</MenuItem>\n                  </Select>\n                  <FormHelperText>Main Ingredient</FormHelperText>\n                </FormControl>\n                <FormControl variant=\"filled\">\n                  <Select\n                    name=\"ingredient2\"\n                    value={values.ingredient2}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  >\n                    <MenuItem value={\"Cheese\"}>Cheese</MenuItem>\n                    <MenuItem value={\"Carrot\"}>Carrot</MenuItem>\n                    <MenuItem value={\"Cucumber\"}>Cucumber</MenuItem>\n                    <MenuItem value={\"Eggplant\"}>Eggplant</MenuItem>\n                    <MenuItem value={\"Pea\"}>Pea</MenuItem>\n                    <MenuItem value={\"Asparagus\"}>Asparagus</MenuItem>\n                    <MenuItem value={\"Tomato\"}>Tomato</MenuItem>\n                    <MenuItem value={\"Beans\"}>Beans</MenuItem>\n                    <MenuItem value={\"Onions\"}>Onions</MenuItem>\n                    <MenuItem value={\"\"}>None</MenuItem>\n                  </Select>\n                  <FormHelperText>Secondary Ingredient</FormHelperText>\n                </FormControl>\n                <FormControl variant=\"filled\">\n                  <Select\n                    name=\"ingredient3\"\n                    value={values.ingredient3}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  >\n                    <MenuItem value={\"Pasta\"}>Pasta</MenuItem>\n                    <MenuItem value={\"Rice\"}>Rice</MenuItem>\n                    <MenuItem value={\"Noodles\"}>Noodles</MenuItem>\n                    <MenuItem value={\"\"}>None</MenuItem>\n                  </Select>\n                  <FormHelperText>Third Ingredient</FormHelperText>\n                </FormControl>\n              </ThemeProvider>\n\n              <div>\n                <br />\n                <h4> Additional Ingredients</h4>\n                <br />\n              </div>\n\n              <ThemeProvider theme={theme}>\n                <FormControl variant=\"filled\">\n                  <TextField\n                    name=\"additionalIngredient\"\n                    value={values.additionalIngredient}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  />\n                </FormControl>\n              </ThemeProvider>\n\n              <div>\n                <br />\n                <h4>Cooking Time (minutes)</h4>\n              </div>\n\n              <ThemeProvider theme={theme}>\n                <FormControl variant=\"filled\">\n                  <Select\n                    name=\"time\"\n                    value={values.time}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  >\n                    <MenuItem value={\"0-10\"}>0-10</MenuItem>\n                    <MenuItem value={\"0-30\"}>0-30</MenuItem>\n                    <MenuItem value={\"30-60\"}>30-60</MenuItem>\n                    <MenuItem value={\"60%2B\"}>60+</MenuItem>\n                    <MenuItem value={\"1%2B\"}>None</MenuItem>\n                  </Select>\n                </FormControl>\n              </ThemeProvider>\n\n              <div>\n                <br />\n                <h4>Meal Type</h4>\n              </div>\n\n              <ThemeProvider theme={theme}>\n                <FormControl variant=\"filled\">\n                  <Select\n                    name=\"mealType\"\n                    value={values.mealType}\n                    onChange={handleChange}\n                    onBlur={handleBlur}\n                  >\n                    <MenuItem value={\"\"}>None</MenuItem>\n                    <MenuItem value={\"Gluten-Free\"}>Gluten-Free</MenuItem>\n                    <MenuItem value={\"Wheat-Free\"}>Wheat-Free</MenuItem>\n                    <MenuItem value={\"Peanut-Free\"}>Peanut-Free</MenuItem>\n                    <MenuItem value={\"Soy-Free\"}>Soy-Free</MenuItem>\n                    <MenuItem value={\"Fish-Free\"}>Fish-Free</MenuItem>\n                    <MenuItem value={\"Pork-Free\"}>Pork-Free</MenuItem>\n                    <MenuItem value={\"Tree-Nut-Free\"}>Tree-Nut-Free</MenuItem>\n                    <MenuItem value={\"Dairy-Free\"}>Dairy-Free</MenuItem>\n                  </Select>\n                  <FormHelperText>Meal Type</FormHelperText>\n                </FormControl>\n              </ThemeProvider>\n              <br />\n              <div>\n                <br />\n                <ThemeProvider theme={theme}>\n                  <ColorButton\n                    variant=\"contained\"\n                    color=\"secondary\"\n                    type=\"submit\"\n                  >\n                    <FastfoodIcon />\n                    Load Recipes\n                  </ColorButton>\n                </ThemeProvider>\n              </div>\n            </form>\n          )}\n        </Formik>\n      </div>\n    );\n  }\n}\n","import React from \"react\";\n\nconst Footer = () => {\n  return (\n    <p>\n      <a\n        property=\"dct:title\"\n        rel=\"cc:attributionURL\"\n        href=\"https://recipe-ibhl.pages.dev/\"\n      >\n        Recipe Maker v0.3\n      </a>{\" \"}\n      by{\" \"}\n      <a\n        rel=\"cc:attributionURL dct:creator\"\n        property=\"cc:attributionName\"\n        href=\"https://github.com/71xn\"\n      >\n        Finn Lestrange\n      </a>{\" \"}\n      is marked with{\" \"}\n      <a\n        href=\"http://creativecommons.org/publicdomain/zero/1.0?ref=chooser-v1\"\n        target=\"_blank\"\n        rel=\"license noopener noreferrer\"\n        style={{ display: \"inline-block\" }}\n      >\n        CC0 1.0 Universal\n        <img\n          style={{\n            height: \"22px\",\n            marginLeft: \"3px\",\n            verticalAlign: \"text-bottom\",\n          }}\n          src=\"https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1\"\n          alt=\"\"\n        />\n        <img\n          style={{\n            height: \"22px\",\n            marginLeft: \"3px\",\n            verticalAlign: \"text-bottom\",\n          }}\n          src=\"https://mirrors.creativecommons.org/presskit/icons/zero.svg?ref=chooser-v1\"\n          alt=\"\"\n        />\n      </a>\n    </p>\n  );\n};\n\nexport default Footer;\n","import { useState, useEffect } from \"react\";\nimport \"./App.css\";\nimport Recipe from \"./components/recipe\";\nimport Navigation from \"./components/Navigation\";\nimport Form from \"./components/Form\";\nimport Footer from \"./components/footer\";\n\nconst App = () => {\n  const APP_ID = process.env.REACT_APP_APP_ID;\n  const APP_KEY = process.env.REACT_APP_APP_KEY;\n  // We can use the useEffect hook to re-render the page when we make a request\n\n  const [recipes, setRecipes] = useState([]);\n  const [formData, setFormData] = useState({\n    ingredient1: \"cheese\",\n    ingredient2: \"carrot\",\n    ingredient3: \"pasta\",\n    mealType: \"\",\n    additionalIngredient: \"\",\n    time: \"0-60\",\n  });\n\n  useEffect(() => {\n    getRecipes();\n  }, [formData]);\n\n  const getRecipes = async () => {\n    const q =\n      formData.ingredient1.toLowerCase() +\n      \",\" +\n      formData.ingredient2.toLowerCase() +\n      \",\" +\n      formData.ingredient3.toLowerCase() +\n      \",\" +\n      formData.additionalIngredient.toLowerCase();\n    const time = formData.time.toString();\n    const health = formData.mealType.toLowerCase();\n\n    let rurl = `https://api.edamam.com/search?q=${q}&app_id=${APP_ID}&app_key=${APP_KEY}&time=${time}`;\n\n    if (health !== \"\") {\n      rurl = `https://api.edamam.com/search?q=${q}&app_id=${APP_ID}&app_key=${APP_KEY}&health=${health}&time=${time}`;\n    } else {\n      rurl = `https://api.edamam.com/search?q=${q}&app_id=${APP_ID}&app_key=${APP_KEY}&time=${time}`;\n    }\n\n    console.log(\"ig1: \" + q);\n\n    // API https://developer.edamam.com/edamam-docs-recipe-api\n    const response = await fetch(rurl);\n    const data = await response.json();\n    console.log(data);\n    //console.log(data.hits[0].recipe.ingredients[0].text);\n    setRecipes(data.hits);\n  };\n\n  const getFormData = (formData) => {\n    console.log(formData);\n    setFormData(formData);\n  };\n\n  return (\n    <div className=\"App\">\n      <Navigation />\n      <div className=\"column left\">\n        <h1>\n          <u>Recipes</u>\n        </h1>\n        {recipes.map((recipe) => (\n          <Recipe\n            key={recipe.recipe.calories + Math.random()}\n            title={recipe.recipe.label}\n            calories={recipe.recipe.calories}\n            image={recipe.recipe.image}\n            ingredients={recipe.recipe.ingredients}\n            url={recipe.recipe.url}\n            time={recipe.recipe.totalTime}\n            cuisineType={recipe.recipe.cuisineType}\n          />\n        ))}\n      </div>\n      <div className=\"column right\">\n        <Form returnData={getFormData} />\n        <div>\n          <br />\n          <br />\n          <Footer />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport CalciteThemeProvider from \"calcite-react/CalciteThemeProvider\";\n\nReactDOM.render(\n  <CalciteThemeProvider>\n    <App />\n  </CalciteThemeProvider>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}