{"version":3,"sources":["components/DisplayNode.jsx","components/GeneratorInfo.jsx","components/SolverInfo.jsx","components/DisplayGrid.jsx","components/Settings.jsx","components/Menu.jsx","components/MenuKey.jsx","components/Footer.jsx","App.js","reportWebVitals.js","index.js"],"names":["DisplayNode","props","state","style","height","width","handelDragStart","bind","handelDragLeave","handelDragOver","handelDrop","this","setDragObject","start","end","setState","pos","e","preventDefault","backgroundColor","classList","draggable","wallLeft","push","wallBottom","type","filter","x","index","animation","animationDelay","speed","className","join","onDragStart","onDrop","onDragOver","onDragLeave","React","Component","GeneratorInfo","info","title","generator","SolverInfo","solver","heuristic","DisplayGrid","dragObject","renderTable","setStart","setEnd","Array","from","grid","keys","map","_","i","j","nodes","padding","generateAlgorithm","solveAlgorithm","Settings","show","handelSizeChange","setHeuristic","handleClickOutside","document","addEventListener","removeEventListener","event","domNode","ReactDOM","findDOMNode","contains","target","value","setSize","size","min","onChange","name","id","defaultValue","max","step","setSpeed","onClick","renderSettings","Menu","setAlgorithm","generate","setSolve","solve","clearGrid","MenuKey","Footer","marginTop","marginLeft","color","href","App","algorithm","solved","maze","api_endpoint","fetchGrid","solveGrid","should_solve","alert","node","a","clear_node_index","then","Promise","resolve","fetch","json","method","body","JSON","stringify","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.b0ff8b27.chunk.js","sourcesContent":["import React from \"react\"\nexport default class DisplayNode extends React.Component{\n    constructor(props){\n        super(props)\n        this.state = {\n            style:{height:600/this.props.height, width:600/this.props.width}\n        }\n        //bind the methods to the object so that the \"this\" keyword refers to the object no matter where the method is called from\n        this.handelDragStart = this.handelDragStart.bind(this);\n        this.handelDragLeave = this.handelDragLeave.bind(this);\n        this.handelDragOver = this.handelDragOver.bind(this);\n        this.handelDrop = this.handelDrop.bind(this);\n    }\n    handelDragStart(){//set the type of node that is being dragged\n        this.props.setDragObject(this.start ? \"start\" : this.end ? \"end\" : \"\")\n    }\n    handelDrop(){//move the node that was being dragged to the new position\n        this.setState({style:{height:600/this.props.height, width:600/this.props.width}});\n        this.props.handelDrop(this.props.pos)\n    }\n    handelDragOver(e){//when another node is dragged over this node, set the style of the node to be pink\n        e.preventDefault();\n        this.setState({\n            style:{\n                backgroundColor:\"pink\",\n                height:600/this.props.height,\n                width:600/this.props.width\n            }\n        })\n    }\n    handelDragLeave(){//remove the pink style when the node is no longer being dragged over\n        this.setState({\n            style:{height:600/this.props.height, width:600/this.props.width}\n        })\n    }\n    render(){//render the node as a table cell\n        //generate a list of css classes for this node\n        this.classList = [\"node\"];\n        //set default values for the node\n        this.draggable = false;\n        this.start = false;\n        this.end = false;\n        //add walls to the node classList\n        if (this.props.wallLeft){\n            this.classList.push(\"wall_left\")\n        }\n        if (this.props.wallBottom){\n            this.classList.push(\"wall_bottom\")\n        }\n        //add path to node classList\n        if (this.props.type === \"path\"){\n            this.classList.push(\"node_path\")\n        }else{\n            //Remove the \"node_path\" item from the classList if it isn't a path, as when maze is resolved the nodes would remain a path node if it was a path node before.\n            this.classList.filter(x => {return x !== \"node_path\"})\n        }\n        //add attributes for the start node or remove them if this node is no longer the start node\n        if (this.props.pos[0] === this.props.start[0] && this.props.pos[1] === this.props.start[1]){\n            this.classList.push(\"node_start\")\n            this.draggable = true\n            this.start = true\n        }else{\n            this.classList.filter(x => {return x !== \"node_start\"})\n            this.start = false\n        }\n        //add attributes for the end node or remove them if this node is no longer the end node\n        if (this.props.pos[0] === this.props.end[0] && this.props.pos[1] === this.props.end[1]){\n            this.classList.push(\"node_end\")\n            this.draggable = true\n            this.end=true\n        }else{\n            this.classList.filter(x => {return x !== \"node_end\"})\n            this.end=false\n        }\n\n        if(this.props.index){//Each node is given an index when it is visited so the order of the visited nodes can be visualized\n            if (this.props.type !== \"path\"){//Add css animations for to show the visited nodes\n                this.state.style = {\n                    animation: `visit_node 2s linear forwards`,\n                    animationDelay: `${this.props.index*this.props.speed}s`,\n                    height:600/this.props.height,\n                    width:600/this.props.width\n                }\n            }else{//Add css animations for to show the path nodes\n                this.state.style = {\n                    animation: \"visit_node_path 2s linear forwards\",\n                    animationDelay: `${this.props.index*this.props.speed}s`,\n                    height:600/this.props.height,\n                    width:600/this.props.width\n                } \n            }\n        }else{\n            //removes the colour if the node is no longer visited after the maze is solved again\n            if (!this.state.style.backgroundColor){\n                this.state.style = {\n                    height:600/this.props.height,\n                    width:600/this.props.width\n                }\n            }\n        }\n      \n        return(\n            <td style={this.state.style} className={this.classList.join(\" \")} draggable={this.draggable} onDragStart={this.handelDragStart} onDrop={this.handelDrop} onDragOver={this.handelDragOver} onDragLeave={this.handelDragLeave}>\n            </td>\n        )\n    }\n}","export default function GeneratorInfo(props) {\n    let info;\n    let title;\n    if (props.generator === \"prims\"){\n        title = \"Prim's Algorithm\"\n        info = \"Prim's algorithm starts at one point, and expands the graph by removing walls from the graph that connect the current node to the closest unvisited node. The algorithm continues until all nodes are connected.\"\n    }else if (props.generator === \"recursive_backtracking\"){\n        title = \"Recursive Backtracking\"\n        info = \"Recursive backtracking works by choosing a random wall to remove that connects the current node to another node that is not in the maze. The algorithm continues until all adjacent nodes are in the maze, and then it backtracks and repeats the process.\"\n    }\n    return(\n        <div className=\"info\">\n            <h1>{title}</h1>\n            <p>\n                {info}\n            </p>\n        </div>\n    )\n}","export default function SolverInfo(props) {\n    let info;\n    let title;\n    if (props.solver === \"dijkstra\"){\n        title = \"Dijkstra's Algorithm\"\n        info = \"Dijkstra's algorithm works by expanding outwards from the start node, adding a distance from the start to each visited node, until the end node is found. The algorithm then works backwards from the end node, choosing the node with the smallest distance at all opportunities. It is guaranteed to find the shortest path.\"\n    }else if (props.solver === \"dfs\"){\n        title = \"Depth First Search\"\n        info = \"Depth First Search works by searching from a start node and fully exploring a path before moving on to the next node. It uses a stack to store the nodes that it needs to explore. It is not guaranteed to find the shortest path.\"\n    }else if (props.solver === \"bfs\"){\n        title = \"Breadth First Search\"\n        info = \"Breadth First Search works by searching from a start node and expanding outwards radially until it reaches the end node. It uses a queue to store the nodes that it needs to explore. It is not guaranteed to find the shortest path.\"\n    }else if (props.solver === \"greedy\"){\n        title = \"Greedy\"\n        info = \"The greedy algorithm works by finding the node with the lowest heuristic value and expanding it. It is a greedy algorithm because it will always choose the node with the lowest heuristic value. It is not guaranteed to find the shortest path.\"\n        if (props.heuristic === \"manhattan\"){\n            info += \"The manhattan heuristic is calculated by |x1 - x2| + |y1 - y2|.\"\n        }else if (props.heuristic === \"euclidean\"){\n            info += \"The euclidean heuristic is calculated by sqrt(x1 - x2)^2 + (y1 - y2)^2.\"\n        }\n    }\n    return(\n        <div className=\"info\">\n            <h1>{title}</h1>\n            <p>\n                {info}\n            </p>\n        </div>\n    )\n}","import React, { Component } from \"react\";\nimport DisplayNode from \"./DisplayNode\";\nimport GeneratorInfo from \"./GeneratorInfo\";\nimport SolverInfo from \"./SolverInfo\";\nexport default class DisplayGrid extends Component{\n    constructor(props){\n        super(props);\n        this.state = {\n            dragObject: \"\"\n        }\n        //bind the methods to the object so that the \"this\" keyword refers to the object no matter where the method is called from\n        this.renderTable = this.renderTable.bind(this);\n        this.handelDrop = this.handelDrop.bind(this);\n        this.setDragObject = this.setDragObject.bind(this);\n    }\n    handelDrop(pos){//move the node that was being dragged to the new position\n        switch (this.state.dragObject){\n            case \"start\":\n                this.props.setStart(pos)\n                break;\n            case \"end\":\n                this.props.setEnd(pos)\n                break;\n            default:\n                break;\n        }\n    }\n    setDragObject(type){//set weather start or end node is being dragged\n        this.setState({\n            dragObject:type\n        })\n    }\n    renderTable(){//render the grid as a table\n        return(\n            <table>\n                <tbody className=\"column\">\n                    {Array.from(Array(this.props.grid.height).keys()).map((_, i) => {//iterate through the rows of the grid\n                        return(\n                            <tr className={`row wall_right ${i === 0 ? \"wall_top\" : \"\"}`} key={i}>\n                                {Array.from(Array(this.props.grid.width).keys()).map((_, j) => {//iterate through the nodes in each row\n                                    return(\n                                        <DisplayNode \n                                            key={j}\n                                            wallLeft={this.props.grid.grid[i][j].wallLeft} //bool: is there a wall to the left of this node\n                                            wallBottom={this.props.grid.grid[i][j].wallBottom} //bool: is there a wall below this node\n                                            pos={[i, j]} //position of the node\n                                            start={this.props.nodes.start} //position of the start node\n                                            end={this.props.nodes.end} //position of the end node\n                                            handelDrop = {this.handelDrop} //callback function to move the start or end node to a new position\n                                            setDragObject={this.setDragObject} // callback function to set weather the start or end node is being dragged\n                                            type={this.props.grid.grid[i][j].type} //type of node\n                                            index={this.props.grid.grid[i][j].index} //index of the node for visualization\n                                            speed={this.props.speed} //speed of the animation\n                                            height={this.props.grid.height}\n                                            width={this.props.grid.width}\n                                        /> \n                                    )\n                                })}\n                            </tr>\n                        )\n                    })}\n                </tbody>\n            </table>\n        )\n        \n    }\n    render(){\n        //If there is a grid, render it, else show a message\n        if (this.props.grid){\n            return(\n                <div className=\"grid\" style={{padding:10}}>\n                    <GeneratorInfo generator={this.props.generateAlgorithm}/>\n                    <this.renderTable />\n                    <SolverInfo solver={this.props.solveAlgorithm} heuristic={this.props.heuristic}/>\n                </div>\n            )\n        }\n        return(\n            <div className=\"grid message column\">\n                <h1>No grid to display</h1>\n                <h2>Check your internet connection</h2>\n            </div>\n        )\n    }\n}","import React from \"react\"\nimport ReactDOM from \"react-dom\"\n\nexport default class Settings extends React.Component {\n    constructor(props){\n        super(props);\n        this.state = {\n            show: false,\n            heuristic: \"euclidean\"//set default heuristic to euclidean\n        }\n        //bind the methods to the object so that the \"this\" keyword refers to the object no matter where the method is called from\n        this.handelSizeChange = this.handelSizeChange.bind(this);\n        this.setHeuristic = this.setHeuristic.bind(this);\n        this.handleClickOutside = this.handleClickOutside.bind(this);\n    }\n    componentDidMount(){//add an event listener to the document so that the settings dropdown menu can be hidden if the user clicks outside of it\n        document.addEventListener(\"mousedown\", this.handleClickOutside);\n    }\n    componentWillUnmount(){//remove the event listener from the document when the component is removed from the DOM\n        document.removeEventListener(\"mousedown\", this.handleClickOutside);\n    }\n    handleClickOutside(event){//hide the settings dropdown menu if the user clicks outside of it\n        const domNode = ReactDOM.findDOMNode(this);\n        if (domNode && domNode.contains(event.target)) {\n            return\n        }\n        this.setState({show: false});\n\n    }\n    handelSizeChange(e){//change the size of the grid when it is changed in the settings\n        let value = e.target.value;\n        this.props.setSize({height:value, width:value})\n    }\n    \n    setHeuristic(heuristic){//set the heuristic to the selected heuristic\n        this.setState({\n            heuristic: heuristic\n        })\n        this.props.setHeuristic(heuristic)\n    }\n\n    renderSettings(){//render the settings dropdown menu\n        return(\n            <div className=\"settings_container\">\n                <div className=\"column\">\n                    <p>Size</p>\n                    <input className=\"text_input\" type=\"number\" value={this.props.size.height} min={1} onChange={e => this.handelSizeChange(e)}/>\n                </div>\n                <div className=\"column\">\n                    <p>Greedy Heuristic</p>\n                     <select className=\"algorithms\" name=\"heuristic\" id=\"algorithms\" onChange={(e) => {this.setHeuristic(e.target.value)}} value={this.state.heuristic}>\n                        <option value=\"manhattan\">Manhattan</option>\n                        <option value=\"euclidean\">Euclidean</option>\n                    </select>\n                </div>\n                <div className=\"column\">\n                    <p>Speed</p>\n                    <input type=\"range\" defaultValue={0.3 - this.props.speed} min={0.01} max={0.3} step={0.01} onChange={(e) => {this.props.setSpeed(0.3 - e.target.value)}} />    \n                </div> \n               \n            </div>\n        )\n    }\n    render(){//render the settings button and the settings dropdown menu if it is clicked\n        return(\n            <div>\n                <button className=\"button settings\" onClick={() => {this.setState({show:!this.state.show})}}>Settings</button>\n                {\n                    //show the settings dropdown menu if the button is clicked\n                    this.state.show ? this.renderSettings() : null \n                }\n            </div>\n        )\n    }\n}","import React from 'react';\nimport Settings from './Settings';\nexport default function Menu(props) {//Menu bar for the app \n        return(\n            <div className=\"menu\">\n                <Settings\n                    size={props.size}//size of the maze\n                    setSize={props.setSize}//callback to set the size of the maze from the settings\n                    setHeuristic={props.setHeuristic}//callback to set the heuristic from the settings\n                    setSpeed={props.setSpeed}//callback to set the speed from the settings\n                    speed={props.speed}//speed of the animation \n                />\n                <select className=\"algorithms\" name=\"algorithms\" id=\"algorithms\" onChange={(e) => {props.setAlgorithm(e.target.value)}}>\n                    <option value=\"select\">Select Generating Algorithm</option>\n                    <option value=\"prims\">Prims</option>\n                    <option value=\"recursive_backtracking\">recursive backtracking</option>\n                </select>\n                <button className=\"button\" onClick={props.generate}>Generate</button>\n                <select className=\"algorithms\" name=\"algorithms\" id=\"algorithms\" onChange={(e) => {props.setSolve(e.target.value)}}>\n                    <option value=\"select\">Select Solving Algorithm</option>\n                    <option value=\"dijkstra\">Dijkstra</option>\n                    <option value=\"dfs\">Depth First Search</option>\n                    <option value=\"bfs\">Breadth First Search</option>\n                    <option value=\"greedy\">Greedy</option>\n                </select>\n                <button className=\"button\" onClick={props.solve}>Solve</button>\n                <button className=\"button clear\" onClick={props.clearGrid}>Reset</button>\n            </div>\n        )\n}","import React from \"react\";\n\nexport default function MenuKey(props){//key for showing the different types of node\n        return(\n            <div className=\"key\">\n                <div className=\"key_item\">\n                    <div className=\"key_node_start\"></div>\n                    <p>Start Node</p>\n                </div>\n                <div className=\"key_item\">\n                    <div className=\"key_node_end\"></div>\n                    <p>Finish Node</p>\n                </div>\n                <div className=\"key_item\">\n                    <div className=\"key_node_path\"></div>\n                    <p>Path Node</p>\n                </div>\n                <div className=\"key_item\">\n                    <div className=\"key_node_visited_node\"></div>\n                    <p>Visited Node</p>\n                </div>\n            </div>\n        )\n}","export default function Footer() {\n  return (\n    <div className=\"row\" style={{marginTop:-25, marginLeft:25, color:\"grey\"}}>\n        <p><a className=\"link\" href=\"https://github.com/olivertemple/nea\">GitHub</a> | This website was created by Oliver Temple for a Computer Science A Level NEA</p>\n    </div>\n  )\n  }","import './App.css';\nimport { Component } from 'react';\nimport DisplayGrid from './components/DisplayGrid';\nimport Menu from './components/Menu';\nimport MenuKey from './components/MenuKey';\nimport Footer from './components/Footer';\nclass App extends Component {\n  constructor(props){\n    super(props);\n    this.state = {\n      grid: null,//the grid of nodes\n      algorithm: null,//algorithm for generating the maze\n      solve:null,//algorithm for solving the maze\n      nodes:{\n        start: [0,0],//position of the start node\n        end: [null, null]//position of the end node\n      },\n      size: {//size of the maze\n        width:15,\n        height:15\n      },\n      heuristic: \"euclidean\",\n      speed:0.1\n    }\n\n    this.solved = false;\n    this.maze = false;\n    this.api_endpoint = \"https://jkrlv64tsl.execute-api.eu-west-2.amazonaws.com/default/NEA\"\n    //bind the methods to the object so that the \"this\" keyword refers to the object no matter where the method is called from\n    this.fetchGrid = this.fetchGrid.bind(this);\n    this.setAlgorithm = this.setAlgorithm.bind(this);\n    this.clearGrid = this.clearGrid.bind(this);\n    this.setSolve = this.setSolve.bind(this);\n    this.solveGrid = this.solveGrid.bind(this);\n    this.setSize = this.setSize.bind(this);\n    this.setStart = this.setStart.bind(this);\n    this.setEnd = this.setEnd.bind(this);\n    this.should_solve = this.should_solve.bind(this);\n    this.setHeuristic = this.setHeuristic.bind(this);\n    this.setSpeed = this.setSpeed.bind(this);\n  }\n\n  componentDidMount(){\n    //generate a new maze empty when the page loads\n    this.clearGrid();\n  }\n\n  setHeuristic(heuristic){//set the heuristic for the greedy algorithm\n    this.setState({heuristic: heuristic});\n  }\n  setSpeed(speed){//set the speed of the animation\n    this.clearGrid();\n    this.setState({speed: speed});\n  }\n  setSize(size){//set the size of the grid when changed in settings\n    if(size.width > 30 && size.height > 30){//if the size is too large, alert the user\n      alert(\"The size of the maze must be less than 30.\")\n      return;\n    }\n    this.setState({\n      size: size\n    }, () => {//setState is asynchronous, so we need to wait for it to finish before running the following code \n      if (size.width > 0 && size.height > 0 && size.width < 31 && size.height < 31){//if the size is valid, generate a new maze\n        this.clearGrid();\n      }\n    })\n  }\n  setStart(node){//set the start node\n    this.setState({\n      nodes:{\n        start: node,\n        end: this.state.nodes.end\n      }\n    }, () => {//setState is asynchronous, so we need to wait for it to finish before running the following code\n      this.should_solve()//solve the maze again if it is already solved\n    })\n  }\n  setEnd(node){//set the end node\n    this.setState({\n      nodes:{\n        start: this.state.nodes.start,\n        end: node\n      }\n    }, () => {//setState is asynchronous, so we need to wait for it to finish before running the following code\n      this.should_solve()//solve the maze again if it is already solved\n    })\n  }\n\n  async should_solve(){//if the maze is already solved, then solve again. Only run when the start or end nodes are changed\n    if (this.solved){\n      this.clear_node_index()//clear the index of the nodes, as the maze is being solved again\n      .then(() => {\n        this.solveGrid();\n      })\n    }\n  }\n\n  async clear_node_index(){//clear the index of the nodes so that the maze can be solved again\n    return new Promise(resolve => {//since there are asynchronous calls, we need to wait for them to finish before running the code after the clear_node_index function, hence we use a promise that is resolved once this code is finished\n      let grid = this.state.grid.grid\n      //iterate through the grid and clear the index of the nodes\n      for (let i=0; i<this.state.size.height; i++){\n        for(let j=0; j<this.state.size.width; j++){\n          grid[i][j].index = null;\n        }\n      }\n      //update the state with the grid that has been cleared of the index's\n      this.setState({\n        grid: {\n          grid: grid,\n          height: this.state.grid.height,\n          width: this.state.grid.width\n        }\n      }, () => {\n        resolve(); // resolve the promise once the state has been updated\n      })\n    })\n    \n  }\n  async fetchGrid(){//generate a new maze from the python API using the selected algorithm\n    if (this.state.algorithm){//check that there is an algorithm selected for generating the maze\n      let grid = await fetch(`${this.api_endpoint}?type=generate&width=${this.state.size.width}&height=${this.state.size.height}&generate=${this.state.algorithm}`)//fetch the generated grid from the python API\n      grid = await grid.json();//convert the response to json\n      this.setState({//update the state with the new grid\n        grid:grid\n      })\n      this.solved = false;//the maze is no longer solved\n      this.maze = true;//set the maze to true as a maze has been generated\n    }else{//If there is no algorithm selected to generate the maze, alert the user\n      alert(\"Please select a maze generating algorithm\")\n    } \n  }\n  async solveGrid(){//send the maze to the python API to be solved with the requested algorithm\n    await this.clear_node_index();//clear the index of the nodes, as the maze is being solved again\n\n    if (!this.maze || !this.state.solve){\n      if (!this.maze){\n        alert(\"Please generate a maze before solving it\")\n      }else{\n        alert(\"Please select a maze solving algorithm\")\n      }\n      return\n    }\n    let grid = await fetch(\n      `${this.api_endpoint}?type=solve&width=${this.state.size.width}&height=${this.state.size.height}&solve=${this.state.solve}&start=${this.state.nodes.start}&end=${this.state.nodes.end}&heuristic=${this.state.heuristic}`, {\n      method: \"POST\",\n      body: JSON.stringify(this.state.grid)//set the body of the request to the grid\n    })//send the maze to the python API to be solved, with the selected algorithm as a parameter\n    grid = await grid.json();//convert the response to json\n    this.setState({//update the state with the new grid\n      grid:grid\n    })\n    this.solved = true;//the maze is now solved\n    \n  }\n  async clearGrid(){//generate an empty maze from the API\n    let grid = await fetch(`https://jkrlv64tsl.execute-api.eu-west-2.amazonaws.com/default/NEA?type=empty_maze&width=${this.state.size.width}&height=${this.state.size.height}`)//fetch the empty grid from the python API\n    grid = await grid.json();//convert the response to json\n    this.setState({//update the state\n      grid:grid,//update the state with the new grid\n      nodes:{//set the start and end nodes to default positions\n        start: [0,0],\n        end: [this.state.size.height - 1, this.state.size.width - 1]\n      }\n    })\n    this.maze = false;//there is no longer a maze to solve\n    this.solved = false;//the maze is no longer solved\n  }\n  setAlgorithm(algorithm){//set the maze generating algorithm\n    this.setState({\n      algorithm: algorithm\n    })\n  }\n  setSolve(algorithm){//set the maze solving algorithm\n    this.setState({\n      solve:algorithm\n    })\n  }\n  render(){\n    return (\n      <div className=\"App\">\n        <Menu\n          setAlgorithm={this.setAlgorithm}//callback function to set the generation algorithm from the menu\n          setSolve={this.setSolve}//callback function to set the solving algorithm from the menu\n          generate={this.fetchGrid}//callback function to generate a new maze from the menu\n          clearGrid={this.clearGrid}//callback function to clear the maze from the menu\n          solve={this.solveGrid}//callback function to solve the maze from the menu\n          size={this.state.size}//the size of the maze\n          setSize={this.setSize}//callback function to set the size of the maze from the menu\n          setHeuristic={this.setHeuristic}//callback function to set the heuristic from the menu\n          setSpeed={this.setSpeed}//callback function to set the speed from the menu\n          speed={this.state.speed}//the speed of the maze\n        />\n        <MenuKey />\n        <DisplayGrid\n          grid={this.state.grid}//the grid of the maze\n          nodes={this.state.nodes}//the start and end nodes\n          size={this.state.size}//the size of the maze\n          setStart={this.setStart}//callback function to set the start node\n          setEnd={this.setEnd}//callback function to set the end node\n          generateAlgorithm={this.state.algorithm}//the algorithm used to generate the maze\n          solveAlgorithm={this.state.solve}//the algorithm used to solve the maze\n          heuristic={this.state.heuristic}//the heuristic used for the greedy algorithm\n          speed={this.state.speed}//the speed of the animation\n        />\n        <Footer />\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';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\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":""}