🧑‍🍳 Lazy Cook

\n \n Number of People\n \n setNumPeople(parseInt(e.target.value))}\n min=\"1\"\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n />\n

\n \n Number of Recipes\n \n setNumRecipes(parseInt(e.target.value))}\n min=\"1\"\n max=\"5\"\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n />\n

\n \n Difficulty\n \n setDifficulty(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n >\n \n \n \n

\n \n Cuisine\n \n setCuisine(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n Preferred Units\n \n setUnit(e.target.value)}\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n >\n \n \n \n

\n \n Ingredients, comma-separated (optional)\n \n setIngredients(e.target.value)}\n placeholder=\"e.g., chicken, rice, tomatoes\"\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n />\n

\n \n Dietary or Allergy Restrictions (optional)\n \n setDietaryRestrictions(e.target.value)}\n placeholder=\"e.g., vegetarian, gluten-free, nut allergy\"\n className=\"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline\"\n />\n

\n \n {loading ? \"Generating...\" : \"Get Recipes\"}\n \n

\n {error && (\n

\n Error:\n {error}\n

\n )}\n {recipes.length > 0 && (\n

Suggested Recipes:

\n {recipes.map((recipe, index) => (\n

{recipe.name}

\n {recipe.image && (\n

\n )}\n

Ingredients:

\n {formatIngredient(ingredient)}\n

Instructions:

{instruction}

\n ))}\n

\n )}\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nfunction extractJSONFromMarkdown(markdown: string): string {\n const jsonMatch = markdown.match(/```json\\n([\\s\\S]*?)\\n```/);\n return jsonMatch ? jsonMatch[1] : \"\";\n}\n\nexport default async function server(request: Request): Promise {\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/recipes\") {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const { numPeople, numRecipes, difficulty, cuisine, ingredients, unit, dietaryRestrictions } = await request.json();\n\n const prompt = `Generate ${numRecipes} unique and good tasting ${difficulty} recipe(s) for ${numPeople} people${\n cuisine !== \"any\" ? ` in ${cuisine} cuisine` : \"\"\n }${\n ingredients ? ` using some or all of these ingredients: ${ingredients}` : \"\"\n }${\n dietaryRestrictions ? ` considering these dietary restrictions or allergies: ${dietaryRestrictions}` : \"\"\n }. Be creative and prefer interesting rather than predictable dishes, unless the list of provided ingredients, if any, doesn't allow for it. Nevertheless, make sure the recipe makes sense and it's not just a bunch of random ingredients thrown together. For each recipe, provide an interesting name, a detailed ingredients list as an array of objects, and cooking instructions as an array of detailed steps. Format the response as a JSON array of objects, each with 'name', 'ingredients', and 'instructions' properties. The 'ingredients' property should be an array of objects, each with 'name', 'metric', and 'imperial' properties. The 'name' property should contain only the ingredient name. For ingredients with specific measurements, include 'metric' and 'imperial' properties with the quantity in the respective unit system. For ingredients with arbitrary quantities (e.g., \"to taste\" or \"as needed\"), use an 'arbitrary' property instead of 'metric' and 'imperial'. Ensure the recipes are diverse and not repetitive. Wrap the JSON in triple backticks with 'json' language specifier.`;\n\n try {\n const completion = await openai.chat.completions.create({\n messages: [{ role: \"user\", content: prompt }],\n model: \"gpt-4o-mini\",\n max_tokens: 1000,\n });\n\n const content = completion.choices[0].message.content;\n const jsonContent = extractJSONFromMarkdown(content);\n\n if (!jsonContent) {\n throw new Error(\"Failed to extract JSON from the API response\");\n }\n\n const recipes = JSON.parse(jsonContent);\n\n // Generate images for each recipe\n const recipesWithImages = await Promise.all(\n recipes.map(async (recipe) => {\n try {\n const imageUrl = await generateImage(recipe.name);\n return { ...recipe, image: imageUrl };\n } catch (error) {\n console.error(`Failed to generate image for ${recipe.name}:`, error);\n return { ...recipe, image: null };\n }\n })\n );\n\n return new Response(JSON.stringify({ recipes: recipesWithImages }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error generating recipes:\", error);\n return new Response(JSON.stringify({ error: \"Failed to generate recipes. Please try again.\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n \n Lazy Cook\n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nasync function generateImage(recipeName: string): Promise {\n const response = await fetch(`https://maxm-imggenurl.web.val.run/${encodeURIComponent(recipeName)}`);\n if (!response.ok) {\n throw new Error(`Failed to generate image for ${recipeName}`);\n }\n return response.url;\n}","deleted","label",[98],"permalink","https://www.val.town/x/dxaginfo/lazyCook/code/main.tsx","extension","actionData","errors"]