\n 
\n
\n );\n}\n","export enum JsItemType {\n CITRUS_BASKET,\n BERRY_BASKET,\n\n ROT_TOMATO,\n FRESH_TOMATO,\n CUT_TOMATO,\n\n ROT_CUCUMBER,\n FRESH_CUCUMBER,\n CUT_CUCUMBER,\n\n ROT_CARROT,\n FRESH_CARROT,\n CUT_CARROT,\n\n BERRY,\n CITRUS,\n\n SALT,\n PEPPER,\n OREGANO,\n}\n","import {JsItemType} from '../models/JsItemType'\n\n\ntype ProductProps = {\n product: JsItemType,\n inFridge?: boolean\n}\n\nexport default function Product({product, inFridge=false}: ProductProps) {\n let baseProductClasses = \"App-product-image\"\n let productClass = baseProductClasses + \"-\" + JsItemType[product]\n return(\n \n )\n}\n","import Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype CounterProps = {\n products: ArrayCulinary arts
\nby Kotlin Course
\n\n \n
\n \n
\n )\n}\n","type BlenderProps = {\n blenderOptions: {\n visible: boolean;\n full: boolean;\n shake: boolean;\n citrus: number;\n berry: number;\n }\n}\n\nexport default function Blender({blenderOptions: {visible, full, shake, citrus, berry}}: BlenderProps) {\n let baseBlenderJarClasses = \"App-blender-jar\"\n let blenderJarClass = baseBlenderJarClasses + (full ? \"-full\" : \"\")\n return (\n \n {topProducts.map((product, index) => (\n
\n \n {bottomProducts.map((product, index) => (\n
\n \n \n {!full && (\n <>\n {Array.from({length: citrus}).map((_, i) => (\n \n ))}\n {Array.from({length: berry}).map((_, i) => (\n \n ))}\n \n )}\n
\n )\n}\n","type PotProps = {\n potOptions: {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n}\n\nexport default function Pot({potOptions:{visible,simmer,soup,pepper,salt,oregano, cucumber, tomato,carrot,soupHue}}: PotProps) {\n let basePotClasses = \"App-pot\"\n let potClass = basePotClasses + (soup ? \"-soup\" : \"-water\")\n return (\n \n \n\n {!soup && (\n <>\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n \n )}\n \n \n \n \n
\n )\n}\n","type BasketProps = {\n basketOptions: {\n type: string,\n visible: boolean,\n count: number,\n }\n}\n\nexport default function Basket({basketOptions:{type, visible, count}}: BasketProps) {\n let BasketClass = \"App-basket \"\n let CurrentBasketClass = `App-basket-${type}-`\n return(\n \n \n {count > 0 && (\n <>\n {Array.from({length: count}).map((_, i) => (\n \n ))}\n \n )}\n \n
\n )\n}\n","type SpicesShelfProps = {\n visible: boolean\n}\n\nexport default function SpicesShelf({visible}: SpicesShelfProps) {\n let SpicesShelfClass = \"App-spices-shelf\"\n return(\n \n )\n}\n","import Product from \"./Product\";\n\ntype SaladBowlProps = {\n saladBowlOptions: {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number\n }\n}\n\nexport default function SaladBowl({saladBowlOptions:{visible,mixing,mixed,tomato,cucumber,carrot}}: SaladBowlProps) {\n return (\n \n {!mixed ? (\n <>\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n ) : (\n <>\n
\n )\n}\n","import React, { useEffect, useCallback} from 'react';\nimport Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype FridgeProps = {\n products: Array 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n \n )}\n \n \n \n {firstShelf.map((product, index) => (\n
\n )\n}\n","import {GameState} from \"../GameScreen\";\nimport {useEffect, useState} from \"react\";\nimport {JsAction} from '../../models/JsAction'\nimport {JsItemType} from '../../models/JsItemType'\nimport axios from \"axios\";\nimport Counter from \"../Counter\";\nimport Blender from \"../Blender\";\nimport Pot from \"../Pot\";\nimport Basket from \"../Basket\";\nimport SpicesShelf from \"../SpicesShelf\";\nimport SaladBowl from \"../SaladBowl\";\nimport Fridge from \"../Fridge\";\n\ntype MainActionsScreenProps = {\n gameStateSetter: (gs: GameState) => void\n}\n\nexport default function MainActionsScreen({gameStateSetter}: MainActionsScreenProps) {\n\n const taskTypeUrl = \"/functions/current-task\"\n const refillUrl = \"/functions/refill-fridge\"\n const soupUrl = \"/functions/tomato-soup\"\n const spiceUrl = \"/functions/soup-spices\"\n const tasteUrl = \"/functions/check-soup\"\n const saladListUrl = \"/functions/salad-list\"\n const saladSequenceUrl = \"/functions/salad-sequence\"\n const smoothieUrl = \"/functions/smoothie\"\n\n let infoTextActionMap: { [key: string]: string } = {\n \"SHOW_ON_COUNTER\": \"Placing the current ingredient on the cooking space:\",\n \"PUT_IN_POT\": \"Putting into the pot:\",\n \"SIMMER\": \"Cooking!\",\n \"ADD_TO_SALAD\": \"Adding to the salad:\",\n \"MIX_SALAD\": \"Mixing the salad.\",\n \"BLEND\": \"Blending.\",\n \"ADD_TO_BLENDER\": \"Adding to the blender:\",\n \"REMOVE_FROM_COUNTER\": \"Removing the current ingredient from the cooking space:\",\n \"CUT_ON_COUNTER\": \"Cutting\",\n }\n\n let infoTextItemMap: { [key: string]: string } = {\n \"CITRUS_BASKET\": \"citrus basket\",\n \"BERRY_BASKET\": \"berry basket\",\n \"ROT_TOMATO\": \"rotten tomato\",\n \"FRESH_TOMATO\": \"fresh tomato\",\n \"CUT_TOMATO\": \"cut tomato\",\n \"ROT_CUCUMBER\": \"rotten cucumber\",\n \"FRESH_CUCUMBER\": \"fresh cucumber\",\n \"CUT_CUCUMBER\": \"cut cucumber\",\n \"ROT_CARROT\": \"rotten carrot\",\n \"FRESH_CARROT\": \"fresh carrot\",\n \"CUT_CARROT\": \"cut carrot\",\n \"BERRY\": \"a berry\",\n \"CITRUS\": \"an orange\",\n \"SALT\": \"salt\",\n \"PEPPER\": \"pepper\",\n \"OREGANO\": \"oregano\",\n }\n\n const startupMsg = \"Press the button to start\"\n const getTaskErrMsg = \"Can't retrieve task type. Please check the backend.\"\n\n const refillSuccMsg = \"The fridge has been refilled!\"\n const refillErrMsg = \"Failed to refill the fridge. Check your implementation.\"\n const soupEmptyListMsg = \"You need at least three fresh tomatoes in the fridge! Please refill!\"\n\n const cookingNoActionsMsg = \"Not enough ingredients to cook\"\n const cookingDoneMsg = \"Cooking is complete!\"\n const cookingErrMsg = \"Failed to cook. Check your implementation.\"\n\n const noSoupSpicingMsg = \"You need to cook the soup first!\"\n const beforeSpicingMsg = \"Let's add some spices!\"\n const afterSpicingMsg = \"Spices have been added!\"\n const spicingErrMsg = \"Failed to add spices. Check your implementation.\"\n\n const tasteGoodMsg = \"It tastes great! 🎉\"\n const tasteBadMsg = \"It tastes terrible... Please try cooking the soup again.\"\n const tasteErrMsg = \"Failed to retrieve taste status. Check your implementation.\"\n\n const saladEmptyListMsg = \"Please refill the fridge!\"\n\n const soupName = \"tomato soup\"\n const saladListName = \"salad (list)\"\n const saladSequenceName = \"salad (sequence)\"\n const smoothieName = \"smoothie\"\n\n const cookingDelay = 1000 // ms\n\n type BlenderOptions = {\n visible: boolean,\n full: boolean,\n shake: boolean,\n berry: number,\n citrus: number,\n }\n\n const initialBlenderOptions: BlenderOptions = {\n visible: true,\n full: false,\n shake: false,\n berry: 0,\n citrus: 0,\n }\n\n type PotOptions = {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n\n const initialPotOptions: PotOptions = {\n visible: true,\n simmer: false,\n soup: false,\n pepper: false,\n salt: false,\n oregano: false,\n cucumber: 0,\n tomato: 0,\n carrot: 0,\n soupHue: 0,\n spiced: false\n }\n\n type SaladBowlOptions = {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number,\n }\n\n const initialSaladBowlOptions: SaladBowlOptions = {\n visible: false,\n mixing: false,\n mixed: false,\n tomato: 0,\n cucumber: 0,\n carrot: 0,\n }\n\n type BasketOptions = {\n type: string,\n visible: boolean,\n count: number,\n }\n\n const initialBerryBasketOptions: BasketOptions = {\n type: \"berry\",\n visible: false,\n count: 5,\n }\n\n const initialCitrusBasketOptions: BasketOptions = {\n type: \"citrus\",\n visible: false,\n count: 5,\n }\n\n useEffect(() => {\n axios.get(taskTypeUrl).then(async (response) => {\n console.log(`Current task type: ${response.data as String}`)\n setCurrentTask(response.data as String)\n SaladBowlVisSetter((response.data as String)===\"SALAD\")\n }).catch(error => {\n infoTextSetter(getTaskErrMsg)\n })\n }, [])\n\n let [counterProducts, counterProductsSetter] = useState\n
\n ))}\n {secondShelf.map((product, index) => (\n \n
\n ))}\n {thirdShelf.map((product, index) => (\n \n
\n ))}\n \n
\n );\n}\n","import StartScreen from \"./screens/StartScreen\";\nimport React from \"react\";\nimport MainActionsScreen from \"./screens/MainActionsScreen\";\nwindow.React = React\n\nexport enum GameState {\n START,\n GAME,\n}\n\nexport type GameScreenProps = {\n state: GameState,\n gameStateSetter: (gs: GameState) => void,\n}\n\nexport default function GameScreen({state, gameStateSetter}: GameScreenProps) {\n switch (state) {\n case GameState.START: {\n return \n \n
\n {\n \n
\n }\n \n
\n {infoText}
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {(currentTask === \"SOUP\" || currentTask === \"SALAD\") && (\n refill()}>Refill\n \n )}\n {currentTask === \"SOUP\" && (\n <>\n 0 && shouldShow(soupName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(soupUrl, soupName, soupEmptyListMsg)}>Soup\n \n spice()}>Spice\n \n taste()}>Taste\n \n \n )}\n {currentTask === \"SALAD\" && (\n <>\n 0 && shouldShow(saladListName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladListUrl, saladListName, saladEmptyListMsg)}>Salad list\n \n 0 && shouldShow(saladSequenceName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladSequenceUrl, saladSequenceName, saladEmptyListMsg)}>Salad seq.\n \n \n )}\n {currentTask === \"SMOOTHIE\" && (\n cook(smoothieUrl, smoothieName)}>Smoothie\n \n )}\n
\n \n \n \n
);\n }\n default: {\n return (\n \n \n
);\n }\n }\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport axios from \"axios\";\n\n// from .env.development or .env.production\naxios.defaults.baseURL = process.env.REACT_APP_API_URL\n\nconst root = ReactDOM.createRoot(\n document.getElementById('root') as HTMLElement\n);\nroot.render(\n \n \n
\n );\n}\n","export enum JsItemType {\n CITRUS_BASKET,\n BERRY_BASKET,\n\n ROT_TOMATO,\n FRESH_TOMATO,\n CUT_TOMATO,\n\n ROT_CUCUMBER,\n FRESH_CUCUMBER,\n CUT_CUCUMBER,\n\n ROT_CARROT,\n FRESH_CARROT,\n CUT_CARROT,\n\n BERRY,\n CITRUS,\n\n SALT,\n PEPPER,\n OREGANO,\n}\n","import {JsItemType} from '../models/JsItemType'\n\n\ntype ProductProps = {\n product: JsItemType,\n inFridge?: boolean\n}\n\nexport default function Product({product, inFridge=false}: ProductProps) {\n let baseProductClasses = \"App-product-image\"\n let productClass = baseProductClasses + \"-\" + JsItemType[product]\n return(\n \n )\n}\n","import Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype CounterProps = {\n products: ArrayCulinary arts
\nby Kotlin Course
\n\n \n
\n \n
\n )\n}\n","type BlenderProps = {\n blenderOptions: {\n visible: boolean;\n full: boolean;\n shake: boolean;\n citrus: number;\n berry: number;\n }\n}\n\nexport default function Blender({blenderOptions: {visible, full, shake, citrus, berry}}: BlenderProps) {\n let baseBlenderJarClasses = \"App-blender-jar\"\n let blenderJarClass = baseBlenderJarClasses + (full ? \"-full\" : \"\")\n return (\n \n {topProducts.map((product, index) => (\n
\n \n {bottomProducts.map((product, index) => (\n
\n \n \n {!full && (\n <>\n {Array.from({length: citrus}).map((_, i) => (\n \n ))}\n {Array.from({length: berry}).map((_, i) => (\n \n ))}\n \n )}\n
\n )\n}\n","type PotProps = {\n potOptions: {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n}\n\nexport default function Pot({potOptions:{visible,simmer,soup,pepper,salt,oregano, cucumber, tomato,carrot,soupHue}}: PotProps) {\n let basePotClasses = \"App-pot\"\n let potClass = basePotClasses + (soup ? \"-soup\" : \"-water\")\n return (\n \n \n\n {!soup && (\n <>\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n \n )}\n \n \n \n \n
\n )\n}\n","type BasketProps = {\n basketOptions: {\n type: string,\n visible: boolean,\n count: number,\n }\n}\n\nexport default function Basket({basketOptions:{type, visible, count}}: BasketProps) {\n let BasketClass = \"App-basket \"\n let CurrentBasketClass = `App-basket-${type}-`\n return(\n \n \n {count > 0 && (\n <>\n {Array.from({length: count}).map((_, i) => (\n \n ))}\n \n )}\n \n
\n )\n}\n","type SpicesShelfProps = {\n visible: boolean\n}\n\nexport default function SpicesShelf({visible}: SpicesShelfProps) {\n let SpicesShelfClass = \"App-spices-shelf\"\n return(\n \n )\n}\n","import Product from \"./Product\";\n\ntype SaladBowlProps = {\n saladBowlOptions: {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number\n }\n}\n\nexport default function SaladBowl({saladBowlOptions:{visible,mixing,mixed,tomato,cucumber,carrot}}: SaladBowlProps) {\n return (\n \n {!mixed ? (\n <>\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n ) : (\n <>\n
\n )\n}\n","import React, { useEffect, useCallback} from 'react';\nimport Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype FridgeProps = {\n products: Array 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n \n )}\n \n \n \n {firstShelf.map((product, index) => (\n
\n )\n}\n","import {GameState} from \"../GameScreen\";\nimport {useEffect, useState} from \"react\";\nimport {JsAction} from '../../models/JsAction'\nimport {JsItemType} from '../../models/JsItemType'\nimport axios from \"axios\";\nimport Counter from \"../Counter\";\nimport Blender from \"../Blender\";\nimport Pot from \"../Pot\";\nimport Basket from \"../Basket\";\nimport SpicesShelf from \"../SpicesShelf\";\nimport SaladBowl from \"../SaladBowl\";\nimport Fridge from \"../Fridge\";\n\ntype MainActionsScreenProps = {\n gameStateSetter: (gs: GameState) => void\n}\n\nexport default function MainActionsScreen({gameStateSetter}: MainActionsScreenProps) {\n\n const taskTypeUrl = \"/functions/current-task\"\n const refillUrl = \"/functions/refill-fridge\"\n const soupUrl = \"/functions/tomato-soup\"\n const spiceUrl = \"/functions/soup-spices\"\n const tasteUrl = \"/functions/check-soup\"\n const saladListUrl = \"/functions/salad-list\"\n const saladSequenceUrl = \"/functions/salad-sequence\"\n const smoothieUrl = \"/functions/smoothie\"\n\n let infoTextActionMap: { [key: string]: string } = {\n \"SHOW_ON_COUNTER\": \"Placing the current ingredient to the cooking space\",\n \"PUT_IN_POT\": \"Putting into the pot\",\n \"SIMMER\": \"Cooking!\",\n \"ADD_TO_SALAD\": \"Adding to the salad\",\n \"MIX_SALAD\": \"Mixing the salad\",\n \"BLEND\": \"Blending\",\n \"ADD_TO_BLENDER\": \"Adding to the blender\",\n \"REMOVE_FROM_COUNTER\": \"Removing the current ingredient from the cooking space\",\n \"CUT_ON_COUNTER\": \"Cutting\",\n }\n\n let infoTextItemMap: { [key: string]: string } = {\n \"CITRUS_BASKET\": \"citrus basket\",\n \"BERRY_BASKET\": \"berry basket\",\n \"ROT_TOMATO\": \"rot tomato\",\n \"FRESH_TOMATO\": \"fresh tomato\",\n \"CUT_TOMATO\": \"cut tomato\",\n \"ROT_CUCUMBER\": \"rot cucumber\",\n \"FRESH_CUCUMBER\": \"fresh cucumber\",\n \"CUT_CUCUMBER\": \"cut cucumber\",\n \"ROT_CARROT\": \"rot carrot\",\n \"FRESH_CARROT\": \"fresh carrot\",\n \"CUT_CARROT\": \"cut carrot\",\n \"BERRY\": \"berry\",\n \"CITRUS\": \"orange\",\n \"SALT\": \"salt\",\n \"PEPPER\": \"pepper\",\n \"OREGANO\": \"oregano\",\n }\n\n const startupMsg = \"Press button to start\"\n const getTaskErrMsg = \"Can't get task type. Check backend.\"\n\n const refillSuccMsg = \"Fridge is refilled!\"\n const refillErrMsg = \"Failed to refill the fridge. Check your implementation.\"\n const soupEmptyListMsg = \"You need at least three fresh tomato in the fridge! Try to refill!\"\n\n const cookingNoActionsMsg = \"Not enough ingredients to make\"\n const cookingDoneMsg = \"Cooking is done!\"\n const cookingErrMsg = \"Failed to cook. Check your implementation.\"\n\n const noSoupSpicingMsg = \"You need to cook the soup first!\"\n const beforeSpicingMsg = \"Let's add some spices!\"\n const afterSpicingMsg = \"Adding spices is done!\"\n const spicingErrMsg = \"Failed to add spices. Check your implementation.\"\n\n const tasteGoodMsg = \"It tastes great! 🎉\"\n const tasteBadMsg = \"It tastes so bad... Try to cook the soup again.\"\n const tasteErrMsg = \"Failed to get taste status. Check your implementation.\"\n\n const saladEmptyListMsg = \"Try to refill the fridge!\"\n\n const soupName = \"tomato soup\"\n const saladListName = \"salad (list)\"\n const saladSequenceName = \"salad (sequence)\"\n const smoothieName = \"smoothie\"\n\n const cookingDelay = 1000 // ms\n\n type BlenderOptions = {\n visible: boolean,\n full: boolean,\n shake: boolean,\n berry: number,\n citrus: number,\n }\n\n const initialBlenderOptions: BlenderOptions = {\n visible: true,\n full: false,\n shake: false,\n berry: 0,\n citrus: 0,\n }\n\n type PotOptions = {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n\n const initialPotOptions: PotOptions = {\n visible: true,\n simmer: false,\n soup: false,\n pepper: false,\n salt: false,\n oregano: false,\n cucumber: 0,\n tomato: 0,\n carrot: 0,\n soupHue: 0,\n spiced: false\n }\n\n type SaladBowlOptions = {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number,\n }\n\n const initialSaladBowlOptions: SaladBowlOptions = {\n visible: false,\n mixing: false,\n mixed: false,\n tomato: 0,\n cucumber: 0,\n carrot: 0,\n }\n\n type BasketOptions = {\n type: string,\n visible: boolean,\n count: number,\n }\n\n const initialBerryBasketOptions: BasketOptions = {\n type: \"berry\",\n visible: false,\n count: 5,\n }\n\n const initialCitrusBasketOptions: BasketOptions = {\n type: \"citrus\",\n visible: false,\n count: 5,\n }\n\n useEffect(() => {\n axios.get(taskTypeUrl).then(async (response) => {\n console.log(`Current task type: ${response.data as String}`)\n setCurrentTask(response.data as String)\n SaladBowlVisSetter((response.data as String)===\"SALAD\")\n }).catch(error => {\n infoTextSetter(getTaskErrMsg)\n })\n }, [])\n\n let [counterProducts, counterProductsSetter] = useState\n
\n ))}\n {secondShelf.map((product, index) => (\n \n
\n ))}\n {thirdShelf.map((product, index) => (\n \n
\n ))}\n \n
\n );\n}\n","import StartScreen from \"./screens/StartScreen\";\nimport React from \"react\";\nimport MainActionsScreen from \"./screens/MainActionsScreen\";\nwindow.React = React\n\nexport enum GameState {\n START,\n GAME,\n}\n\nexport type GameScreenProps = {\n state: GameState,\n gameStateSetter: (gs: GameState) => void,\n}\n\nexport default function GameScreen({state, gameStateSetter}: GameScreenProps) {\n switch (state) {\n case GameState.START: {\n return \n \n
\n {\n \n
\n }\n \n
\n {infoText}
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {(currentTask === \"SOUP\" || currentTask === \"SALAD\") && (\n refill()}>Refill\n \n )}\n {currentTask === \"SOUP\" && (\n <>\n 0 && shouldShow(soupName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(soupUrl, soupName, soupEmptyListMsg)}>Soup\n \n spice()}>Spice\n \n taste()}>Taste\n \n \n )}\n {currentTask === \"SALAD\" && (\n <>\n 0 && shouldShow(saladListName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladListUrl, saladListName, saladEmptyListMsg)}>Salad list\n \n 0 && shouldShow(saladSequenceName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladSequenceUrl, saladSequenceName, saladEmptyListMsg)}>Salad seq.\n \n \n )}\n {currentTask === \"SMOOTHIE\" && (\n cook(smoothieUrl, smoothieName)}>Smoothie\n \n )}\n
\n \n \n \n
);\n }\n default: {\n return (\n \n \n
);\n }\n }\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport axios from \"axios\";\n\n// from .env.development or .env.production\naxios.defaults.baseURL = process.env.REACT_APP_API_URL\n\nconst root = ReactDOM.createRoot(\n document.getElementById('root') as HTMLElement\n);\nroot.render(\n \n \n
\n );\n}\n","export enum JsItemType {\n CITRUS_BASKET,\n BERRY_BASKET,\n\n ROT_TOMATO,\n FRESH_TOMATO,\n CUT_TOMATO,\n\n ROT_CUCUMBER,\n FRESH_CUCUMBER,\n CUT_CUCUMBER,\n\n ROT_CARROT,\n FRESH_CARROT,\n CUT_CARROT,\n\n BERRY,\n CITRUS,\n\n SALT,\n PEPPER,\n OREGANO,\n}\n","import {JsItemType} from '../models/JsItemType'\n\n\ntype ProductProps = {\n product: JsItemType,\n inFridge?: boolean\n}\n\nexport default function Product({product, inFridge=false}: ProductProps) {\n let baseProductClasses = \"App-product-image\"\n let productClass = baseProductClasses + \"-\" + JsItemType[product]\n return(\n \n )\n}\n","import Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype CounterProps = {\n products: ArrayCulinary arts
\nby Kotlin Course
\n\n \n
\n \n
\n )\n}\n","type BlenderProps = {\n blenderOptions: {\n visible: boolean;\n full: boolean;\n shake: boolean;\n citrus: number;\n berry: number;\n }\n}\n\nexport default function Blender({blenderOptions: {visible, full, shake, citrus, berry}}: BlenderProps) {\n let baseBlenderJarClasses = \"App-blender-jar\"\n let blenderJarClass = baseBlenderJarClasses + (full ? \"-full\" : \"\")\n return (\n \n {topProducts.map((product, index) => (\n
\n \n {bottomProducts.map((product, index) => (\n
\n \n \n {!full && (\n <>\n {Array.from({length: citrus}).map((_, i) => (\n \n ))}\n {Array.from({length: berry}).map((_, i) => (\n \n ))}\n \n )}\n
\n )\n}\n","type PotProps = {\n potOptions: {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n}\n\nexport default function Pot({potOptions:{visible,simmer,soup,pepper,salt,oregano, cucumber, tomato,carrot,soupHue}}: PotProps) {\n let basePotClasses = \"App-pot\"\n let potClass = basePotClasses + (soup ? \"-soup\" : \"-water\")\n return (\n \n \n\n {!soup && (\n <>\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n \n )}\n \n \n \n \n
\n )\n}\n","type BasketProps = {\n basketOptions: {\n type: string,\n visible: boolean,\n count: number,\n }\n}\n\nexport default function Basket({basketOptions:{type, visible, count}}: BasketProps) {\n let BasketClass = \"App-basket \"\n let CurrentBasketClass = `App-basket-${type}-`\n return(\n \n \n {count > 0 && (\n <>\n {Array.from({length: count}).map((_, i) => (\n \n ))}\n \n )}\n \n
\n )\n}\n","type SpicesShelfProps = {\n visible: boolean\n}\n\nexport default function SpicesShelf({visible}: SpicesShelfProps) {\n let SpicesShelfClass = \"App-spices-shelf\"\n return(\n \n )\n}\n","import Product from \"./Product\";\n\ntype SaladBowlProps = {\n saladBowlOptions: {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number\n }\n}\n\nexport default function SaladBowl({saladBowlOptions:{visible,mixing,mixed,tomato,cucumber,carrot}}: SaladBowlProps) {\n return (\n \n {!mixed ? (\n <>\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n ) : (\n <>\n
\n )\n}\n","import React, { useEffect, useCallback} from 'react';\nimport Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype FridgeProps = {\n products: Array 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n \n )}\n \n \n \n {firstShelf.map((product, index) => (\n
\n )\n}\n","import {GameState} from \"../GameScreen\";\nimport {useEffect, useState} from \"react\";\nimport {JsAction} from '../../models/JsAction'\nimport {JsItemType} from '../../models/JsItemType'\nimport axios from \"axios\";\nimport Counter from \"../Counter\";\nimport Blender from \"../Blender\";\nimport Pot from \"../Pot\";\nimport Basket from \"../Basket\";\nimport SpicesShelf from \"../SpicesShelf\";\nimport SaladBowl from \"../SaladBowl\";\nimport Fridge from \"../Fridge\";\n\ntype MainActionsScreenProps = {\n gameStateSetter: (gs: GameState) => void\n}\n\nexport default function MainActionsScreen({gameStateSetter}: MainActionsScreenProps) {\n\n const taskTypeUrl = \"/functions/current-task\"\n const refillUrl = \"/functions/refill-fridge\"\n const soupUrl = \"/functions/tomato-soup\"\n const spiceUrl = \"/functions/soup-spices\"\n const tasteUrl = \"/functions/check-soup\"\n const saladListUrl = \"/functions/salad-list\"\n const saladSequenceUrl = \"/functions/salad-sequence\"\n const smoothieUrl = \"/functions/smoothie\"\n\n let infoTextActionMap: { [key: string]: string } = {\n \"SHOW_ON_COUNTER\": \"Placing the current ingredient on the cooking space:\",\n \"PUT_IN_POT\": \"Putting into the pot:\",\n \"SIMMER\": \"Cooking!\",\n \"ADD_TO_SALAD\": \"Adding to the salad:\",\n \"MIX_SALAD\": \"Mixing the salad.\",\n \"BLEND\": \"Blending.\",\n \"ADD_TO_BLENDER\": \"Adding to the blender:\",\n \"REMOVE_FROM_COUNTER\": \"Removing the current ingredient from the cooking space:\",\n \"CUT_ON_COUNTER\": \"Cutting\",\n }\n\n let infoTextItemMap: { [key: string]: string } = {\n \"CITRUS_BASKET\": \"citrus basket\",\n \"BERRY_BASKET\": \"berry basket\",\n \"ROT_TOMATO\": \"rotten tomato\",\n \"FRESH_TOMATO\": \"fresh tomato\",\n \"CUT_TOMATO\": \"cut tomato\",\n \"ROT_CUCUMBER\": \"rotten cucumber\",\n \"FRESH_CUCUMBER\": \"fresh cucumber\",\n \"CUT_CUCUMBER\": \"cut cucumber\",\n \"ROT_CARROT\": \"rotten carrot\",\n \"FRESH_CARROT\": \"fresh carrot\",\n \"CUT_CARROT\": \"cut carrot\",\n \"BERRY\": \"a berry\",\n \"CITRUS\": \"an orange\",\n \"SALT\": \"salt\",\n \"PEPPER\": \"pepper\",\n \"OREGANO\": \"oregano\",\n }\n\n const startupMsg = \"Press the button to start\"\n const getTaskErrMsg = \"Can't retrieve task type. Please check the backend.\"\n\n const refillSuccMsg = \"The fridge has been refilled!\"\n const refillErrMsg = \"Failed to refill the fridge. Check your implementation.\"\n const soupEmptyListMsg = \"You need at least three fresh tomatoes in the fridge! Please refill!\"\n\n const cookingNoActionsMsg = \"Not enough ingredients to cook\"\n const cookingDoneMsg = \"Cooking is complete!\"\n const cookingErrMsg = \"Failed to cook. Check your implementation.\"\n\n const noSoupSpicingMsg = \"You need to cook the soup first!\"\n const beforeSpicingMsg = \"Let's add some spices!\"\n const afterSpicingMsg = \"Spices have been added!\"\n const spicingErrMsg = \"Failed to add spices. Check your implementation.\"\n\n const tasteGoodMsg = \"It tastes great! 🎉\"\n const tasteBadMsg = \"It tastes terrible... Please try cooking the soup again.\"\n const tasteErrMsg = \"Failed to retrieve taste status. Check your implementation.\"\n\n const saladEmptyListMsg = \"Please refill the fridge!\"\n\n const soupName = \"tomato soup\"\n const saladListName = \"salad (list)\"\n const saladSequenceName = \"salad (sequence)\"\n const smoothieName = \"smoothie\"\n\n const cookingDelay = 1000 // ms\n\n type BlenderOptions = {\n visible: boolean,\n full: boolean,\n shake: boolean,\n berry: number,\n citrus: number,\n }\n\n const initialBlenderOptions: BlenderOptions = {\n visible: true,\n full: false,\n shake: false,\n berry: 0,\n citrus: 0,\n }\n\n type PotOptions = {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n\n const initialPotOptions: PotOptions = {\n visible: true,\n simmer: false,\n soup: false,\n pepper: false,\n salt: false,\n oregano: false,\n cucumber: 0,\n tomato: 0,\n carrot: 0,\n soupHue: 0,\n spiced: false\n }\n\n type SaladBowlOptions = {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number,\n }\n\n const initialSaladBowlOptions: SaladBowlOptions = {\n visible: false,\n mixing: false,\n mixed: false,\n tomato: 0,\n cucumber: 0,\n carrot: 0,\n }\n\n type BasketOptions = {\n type: string,\n visible: boolean,\n count: number,\n }\n\n const initialBerryBasketOptions: BasketOptions = {\n type: \"berry\",\n visible: false,\n count: 5,\n }\n\n const initialCitrusBasketOptions: BasketOptions = {\n type: \"citrus\",\n visible: false,\n count: 5,\n }\n\n useEffect(() => {\n axios.get(taskTypeUrl).then(async (response) => {\n console.log(`Current task type: ${response.data as String}`)\n setCurrentTask(response.data as String)\n SaladBowlVisSetter((response.data as String)===\"SALAD\")\n }).catch(error => {\n infoTextSetter(getTaskErrMsg)\n })\n }, [])\n\n let [counterProducts, counterProductsSetter] = useState\n
\n ))}\n {secondShelf.map((product, index) => (\n \n
\n ))}\n {thirdShelf.map((product, index) => (\n \n
\n ))}\n \n
\n );\n}\n","import StartScreen from \"./screens/StartScreen\";\nimport React from \"react\";\nimport MainActionsScreen from \"./screens/MainActionsScreen\";\nwindow.React = React\n\nexport enum GameState {\n START,\n GAME,\n}\n\nexport type GameScreenProps = {\n state: GameState,\n gameStateSetter: (gs: GameState) => void,\n}\n\nexport default function GameScreen({state, gameStateSetter}: GameScreenProps) {\n switch (state) {\n case GameState.START: {\n return \n \n
\n {\n \n
\n }\n \n
\n {infoText}
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {(currentTask === \"SOUP\" || currentTask === \"SALAD\") && (\n refill()}>Refill\n \n )}\n {currentTask === \"SOUP\" && (\n <>\n 0 && shouldShow(soupName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(soupUrl, soupName, soupEmptyListMsg)}>Soup\n \n spice()}>Spice\n \n taste()}>Taste\n \n \n )}\n {currentTask === \"SALAD\" && (\n <>\n 0 && shouldShow(saladListName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladListUrl, saladListName, saladEmptyListMsg)}>Salad list\n \n 0 && shouldShow(saladSequenceName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladSequenceUrl, saladSequenceName, saladEmptyListMsg)}>Salad seq.\n \n \n )}\n {currentTask === \"SMOOTHIE\" && (\n cook(smoothieUrl, smoothieName)}>Smoothie\n \n )}\n
\n \n \n \n
);\n }\n default: {\n return (\n \n \n
);\n }\n }\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport axios from \"axios\";\n\n// from .env.development or .env.production\naxios.defaults.baseURL = process.env.REACT_APP_API_URL\n\nconst root = ReactDOM.createRoot(\n document.getElementById('root') as HTMLElement\n);\nroot.render(\n \n \n
\n );\n}\n","export enum JsItemType {\n CITRUS_BASKET,\n BERRY_BASKET,\n\n ROT_TOMATO,\n FRESH_TOMATO,\n CUT_TOMATO,\n\n ROT_CUCUMBER,\n FRESH_CUCUMBER,\n CUT_CUCUMBER,\n\n ROT_CARROT,\n FRESH_CARROT,\n CUT_CARROT,\n\n BERRY,\n CITRUS,\n\n SALT,\n PEPPER,\n OREGANO,\n}\n","import {JsItemType} from '../models/JsItemType'\n\n\ntype ProductProps = {\n product: JsItemType,\n inFridge?: boolean\n}\n\nexport default function Product({product, inFridge=false}: ProductProps) {\n let baseProductClasses = \"App-product-image\"\n let productClass = baseProductClasses + \"-\" + JsItemType[product]\n return(\n \n )\n}\n","import Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype CounterProps = {\n products: ArrayCulinary arts
\nby Kotlin Course
\n\n \n
\n \n
\n )\n}\n","type BlenderProps = {\n blenderOptions: {\n visible: boolean;\n full: boolean;\n shake: boolean;\n citrus: number;\n berry: number;\n }\n}\n\nexport default function Blender({blenderOptions: {visible, full, shake, citrus, berry}}: BlenderProps) {\n let baseBlenderJarClasses = \"App-blender-jar\"\n let blenderJarClass = baseBlenderJarClasses + (full ? \"-full\" : \"\")\n return (\n \n {topProducts.map((product, index) => (\n
\n \n {bottomProducts.map((product, index) => (\n
\n \n \n {!full && (\n <>\n {Array.from({length: citrus}).map((_, i) => (\n \n ))}\n {Array.from({length: berry}).map((_, i) => (\n \n ))}\n \n )}\n
\n )\n}\n","type PotProps = {\n potOptions: {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n}\n\nexport default function Pot({potOptions:{visible,simmer,soup,pepper,salt,oregano, cucumber, tomato,carrot,soupHue}}: PotProps) {\n let basePotClasses = \"App-pot\"\n let potClass = basePotClasses + (soup ? \"-soup\" : \"-water\")\n return (\n \n \n\n {!soup && (\n <>\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n \n )}\n \n \n \n \n
\n )\n}\n","type BasketProps = {\n basketOptions: {\n type: string,\n visible: boolean,\n count: number,\n }\n}\n\nexport default function Basket({basketOptions:{type, visible, count}}: BasketProps) {\n let BasketClass = \"App-basket \"\n let CurrentBasketClass = `App-basket-${type}-`\n return(\n \n \n {count > 0 && (\n <>\n {Array.from({length: count}).map((_, i) => (\n \n ))}\n \n )}\n \n
\n )\n}\n","type SpicesShelfProps = {\n visible: boolean\n}\n\nexport default function SpicesShelf({visible}: SpicesShelfProps) {\n let SpicesShelfClass = \"App-spices-shelf\"\n return(\n \n )\n}\n","import Product from \"./Product\";\n\ntype SaladBowlProps = {\n saladBowlOptions: {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number\n }\n}\n\nexport default function SaladBowl({saladBowlOptions:{visible,mixing,mixed,tomato,cucumber,carrot}}: SaladBowlProps) {\n return (\n \n {!mixed ? (\n <>\n {Array.from({length: carrot}).map((_, i) => (\n \n ))}\n {Array.from({length: tomato}).map((_, i) => (\n \n ))}\n {Array.from({length: cucumber}).map((_, i) => (\n \n ))}\n ) : (\n <>\n
\n )\n}\n","import React, { useEffect, useCallback} from 'react';\nimport Product from \"./Product\";\nimport {JsItemType} from \"../models/JsItemType\";\n\ntype FridgeProps = {\n products: Array 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n 0) ? \"\" : \"App-invisible\")}\n >
\n \n )}\n \n \n \n {firstShelf.map((product, index) => (\n
\n )\n}\n","import {GameState} from \"../GameScreen\";\nimport {useEffect, useState} from \"react\";\nimport {JsAction} from '../../models/JsAction'\nimport {JsItemType} from '../../models/JsItemType'\nimport axios from \"axios\";\nimport Counter from \"../Counter\";\nimport Blender from \"../Blender\";\nimport Pot from \"../Pot\";\nimport Basket from \"../Basket\";\nimport SpicesShelf from \"../SpicesShelf\";\nimport SaladBowl from \"../SaladBowl\";\nimport Fridge from \"../Fridge\";\n\ntype MainActionsScreenProps = {\n gameStateSetter: (gs: GameState) => void\n}\n\nexport default function MainActionsScreen({gameStateSetter}: MainActionsScreenProps) {\n\n const taskTypeUrl = \"/functions/current-task\"\n const refillUrl = \"/functions/refill-fridge\"\n const soupUrl = \"/functions/tomato-soup\"\n const spiceUrl = \"/functions/soup-spices\"\n const tasteUrl = \"/functions/check-soup\"\n const saladListUrl = \"/functions/salad-list\"\n const saladSequenceUrl = \"/functions/salad-sequence\"\n const smoothieUrl = \"/functions/smoothie\"\n\n let infoTextActionMap: { [key: string]: string } = {\n \"SHOW_ON_COUNTER\": \"Placing the current ingredient to the cooking space\",\n \"PUT_IN_POT\": \"Putting into the pot\",\n \"SIMMER\": \"Cooking!\",\n \"ADD_TO_SALAD\": \"Adding to the salad\",\n \"MIX_SALAD\": \"Mixing the salad\",\n \"BLEND\": \"Blending\",\n \"ADD_TO_BLENDER\": \"Adding to the blender\",\n \"REMOVE_FROM_COUNTER\": \"Removing the current ingredient from the cooking space\",\n \"CUT_ON_COUNTER\": \"Cutting\",\n }\n\n let infoTextItemMap: { [key: string]: string } = {\n \"CITRUS_BASKET\": \"citrus basket\",\n \"BERRY_BASKET\": \"berry basket\",\n \"ROT_TOMATO\": \"rot tomato\",\n \"FRESH_TOMATO\": \"fresh tomato\",\n \"CUT_TOMATO\": \"cut tomato\",\n \"ROT_CUCUMBER\": \"rot cucumber\",\n \"FRESH_CUCUMBER\": \"fresh cucumber\",\n \"CUT_CUCUMBER\": \"cut cucumber\",\n \"ROT_CARROT\": \"rot carrot\",\n \"FRESH_CARROT\": \"fresh carrot\",\n \"CUT_CARROT\": \"cut carrot\",\n \"BERRY\": \"berry\",\n \"CITRUS\": \"orange\",\n \"SALT\": \"salt\",\n \"PEPPER\": \"pepper\",\n \"OREGANO\": \"oregano\",\n }\n\n const startupMsg = \"Press button to start\"\n const getTaskErrMsg = \"Can't get task type. Check backend.\"\n\n const refillSuccMsg = \"Fridge is refilled!\"\n const refillErrMsg = \"Failed to refill the fridge. Check your implementation.\"\n const soupEmptyListMsg = \"You need at least three fresh tomato in the fridge! Try to refill!\"\n\n const cookingNoActionsMsg = \"Not enough ingredients to make\"\n const cookingDoneMsg = \"Cooking is done!\"\n const cookingErrMsg = \"Failed to cook. Check your implementation.\"\n\n const noSoupSpicingMsg = \"You need to cook the soup first!\"\n const beforeSpicingMsg = \"Let's add some spices!\"\n const afterSpicingMsg = \"Adding spices is done!\"\n const spicingErrMsg = \"Failed to add spices. Check your implementation.\"\n\n const tasteGoodMsg = \"It tastes great! 🎉\"\n const tasteBadMsg = \"It tastes so bad... Try to cook the soup again.\"\n const tasteErrMsg = \"Failed to get taste status. Check your implementation.\"\n\n const saladEmptyListMsg = \"Try to refill the fridge!\"\n\n const soupName = \"tomato soup\"\n const saladListName = \"salad (list)\"\n const saladSequenceName = \"salad (sequence)\"\n const smoothieName = \"smoothie\"\n\n const cookingDelay = 1000 // ms\n\n type BlenderOptions = {\n visible: boolean,\n full: boolean,\n shake: boolean,\n berry: number,\n citrus: number,\n }\n\n const initialBlenderOptions: BlenderOptions = {\n visible: true,\n full: false,\n shake: false,\n berry: 0,\n citrus: 0,\n }\n\n type PotOptions = {\n visible: boolean,\n simmer: boolean,\n soup: boolean,\n pepper: boolean,\n salt: boolean,\n oregano: boolean,\n cucumber: number,\n tomato: number,\n carrot: number,\n soupHue: number,\n spiced: boolean\n }\n\n const initialPotOptions: PotOptions = {\n visible: true,\n simmer: false,\n soup: false,\n pepper: false,\n salt: false,\n oregano: false,\n cucumber: 0,\n tomato: 0,\n carrot: 0,\n soupHue: 0,\n spiced: false\n }\n\n type SaladBowlOptions = {\n visible: boolean,\n mixing: boolean,\n mixed: boolean,\n tomato: number,\n cucumber: number,\n carrot: number,\n }\n\n const initialSaladBowlOptions: SaladBowlOptions = {\n visible: false,\n mixing: false,\n mixed: false,\n tomato: 0,\n cucumber: 0,\n carrot: 0,\n }\n\n type BasketOptions = {\n type: string,\n visible: boolean,\n count: number,\n }\n\n const initialBerryBasketOptions: BasketOptions = {\n type: \"berry\",\n visible: false,\n count: 5,\n }\n\n const initialCitrusBasketOptions: BasketOptions = {\n type: \"citrus\",\n visible: false,\n count: 5,\n }\n\n useEffect(() => {\n axios.get(taskTypeUrl).then(async (response) => {\n console.log(`Current task type: ${response.data as String}`)\n setCurrentTask(response.data as String)\n SaladBowlVisSetter((response.data as String)===\"SALAD\")\n }).catch(error => {\n infoTextSetter(getTaskErrMsg)\n })\n }, [])\n\n let [counterProducts, counterProductsSetter] = useState\n
\n ))}\n {secondShelf.map((product, index) => (\n \n
\n ))}\n {thirdShelf.map((product, index) => (\n \n
\n ))}\n \n
\n );\n}\n","import StartScreen from \"./screens/StartScreen\";\nimport React from \"react\";\nimport MainActionsScreen from \"./screens/MainActionsScreen\";\nwindow.React = React\n\nexport enum GameState {\n START,\n GAME,\n}\n\nexport type GameScreenProps = {\n state: GameState,\n gameStateSetter: (gs: GameState) => void,\n}\n\nexport default function GameScreen({state, gameStateSetter}: GameScreenProps) {\n switch (state) {\n case GameState.START: {\n return \n \n
\n {\n \n
\n }\n \n
\n {infoText}
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {(currentTask === \"SOUP\" || currentTask === \"SALAD\") && (\n refill()}>Refill\n \n )}\n {currentTask === \"SOUP\" && (\n <>\n 0 && shouldShow(soupName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(soupUrl, soupName, soupEmptyListMsg)}>Soup\n \n spice()}>Spice\n \n taste()}>Taste\n \n \n )}\n {currentTask === \"SALAD\" && (\n <>\n 0 && shouldShow(saladListName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladListUrl, saladListName, saladEmptyListMsg)}>Salad list\n \n 0 && shouldShow(saladSequenceName) ? \"\" : \"App-button-disable\")}\n onClick={() => cook(saladSequenceUrl, saladSequenceName, saladEmptyListMsg)}>Salad seq.\n \n \n )}\n {currentTask === \"SMOOTHIE\" && (\n cook(smoothieUrl, smoothieName)}>Smoothie\n \n )}\n
\n \n \n \n
);\n }\n default: {\n return (\n \n \n
);\n }\n }\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\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/client';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport axios from \"axios\";\n\n// from .env.development or .env.production\naxios.defaults.baseURL = process.env.REACT_APP_API_URL\n\nconst root = ReactDOM.createRoot(\n document.getElementById('root') as HTMLElement\n);\nroot.render(\n