🐍 Python Code to PowerPoint Converter

setPythonCode(e.target.value)}\n        placeholder=\"Paste your Python code here...\n\nExample:\ndef measure_room(length, width):\n    area = length * width\n    perimeter = 2 * (length + width)\n    return area, perimeter\n\n# Get room dimensions\nlength = float(input('Enter room length (m): '))\nwidth = float(input('Enter room width (m): '))\n\n# Calculate room metrics\nroom_area, room_perimeter = measure_room(length, width)\n\n# Display results\nprint(f'Room Dimensions:')\nprint(f'Length: {length} m')\nprint(f'Width: {width} m')\nprint(f'Area: {room_area} square meters')\nprint(f'Perimeter: {room_perimeter} meters')\"\n        style={{ \n          width: '100%', \n          height: '200px', \n          marginBottom: '10px',\n          fontFamily: 'monospace'\n        }}\n      />\n      <button \n        onClick={generatePresentation} \n        disabled={isLoading || !pythonCode.trim()}\n        style={{\n          backgroundColor: '#4CAF50',\n          color: 'white',\n          padding: '10px 20px',\n          border: 'none',\n          borderRadius: '5px',\n          cursor: (isLoading || !pythonCode.trim()) ? 'wait' : 'pointer'\n        }}\n      >\n        {isLoading ? 'Generating...' : 'Generate Presentation'}\n      </button>\n\n      {error && (\n        <div style={{ \n          color: 'red', \n          marginTop: '10px', \n          backgroundColor: '#ffeeee', \n          padding: '10px', \n          borderRadius: '5px' \n        }}>\n          Error: {error}\n        </div>\n      )}\n\n      {presentation && (\n        <div style={{ \n          marginTop: '20px', \n          backgroundColor: '#f0f0f0', \n          padding: '15px', \n          borderRadius: '10px' \n        }}>\n          <h2>Presentation Generated ✨</h2>\n          \n          <div style={{ \n            display: 'flex', \n            flexDirection: 'column',\n            gap: '10px' \n          }}>\n            <div style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '10px'\n            }}>\n              <a \n                ref={linkRef}\n                href={presentation.downloadUrl} \n                download=\"python_code_presentation.pptx\"\n                style={{\n                  display: 'inline-block',\n                  backgroundColor: '#2196F3',\n                  color: 'white',\n                  padding: '10px 20px',\n                  textDecoration: 'none',\n                  borderRadius: '5px',\n                  flexGrow: 1\n                }}\n              >\n                Download PowerPoint\n              </a>\n              <button\n                onClick={copyLink}\n                style={{\n                  backgroundColor: '#4CAF50',\n                  color: 'white',\n                  padding: '10px 20px',\n                  border: 'none',\n                  borderRadius: '5px',\n                  cursor: 'pointer'\n                }}\n              >\n                {copyStatus}\n              </button>\n            </div>\n\n            <div style={{\n              backgroundColor: 'white',\n              padding: '10px',\n              borderRadius: '5px',\n              border: '1px solid #ddd'\n            }}>\n              <h3>📝 Convert to PPTX</h3>\n              <ol>\n                <li>Copy the link using the \"Copy Link\" button</li>\n                <li>Visit <a \n                    href=\"https://notegpt.io/workspace/ppts/create\" \n                    target=\"_blank\" \n                    rel=\"noopener noreferrer\"\n                  >\n                    NotePPT.io\n                  </a>\n                </li>\n                <li>Paste the copied link in the import section</li>\n              </ol>\n            </div>\n\n            <details style={{ \n              backgroundColor: 'white', \n              padding: '10px', \n              borderRadius: '5px',\n              border: '1px solid #ddd'\n            }}>\n              <summary>Presentation Analysis</summary>\n              <pre style={{ \n                whiteSpace: 'pre-wrap', \n                fontFamily: 'monospace',\n                maxHeight: '300px',\n                overflowY: 'auto'\n              }}>\n                {presentation.analysis}\n              </pre>\n            </details>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  if (request.method === 'POST' && new URL(request.url).pathname === '/generate-ppt') {\n    const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n    const { blob } = await import(\"https://esm.town/v/std/blob\");\n    const openai = new OpenAI();\n\n    try {\n      const { code } = await request.json();\n\n      // Validate input\n      if (!code || code.trim().length === 0) {\n        return new Response(JSON.stringify({ \n          error: \"Please provide a valid Python code snippet\" \n        }), { \n          status: 400,\n          headers: { 'Content-Type': 'application/json' } \n        });\n      }\n\n      // Use OpenAI to analyze the code and generate slide structure\n      const analysis = await openai.chat.completions.create({\n        model: \"gpt-4o-mini\",\n        messages: [\n          {\n            role: \"system\", \n            content: \"You are an expert at breaking down Python code into a structured PowerPoint presentation. Provide a detailed breakdown with specific slide content in a strict JSON format.\"\n          },\n          {\n            role: \"user\", \n            content: `Analyze this Python code and generate a structured PowerPoint presentation in JSON format:\n\n${code}\n\nRespond ONLY with a JSON array of slide objects, where each object has 'title' and 'content' keys. Example:\n[\n  {\"title\": \"Understanding the Python Code\", \"content\": \"Room Dimension Calculator\"},\n  {\"title\": \"Code Overview\", \"content\": \"Calculates room area and perimeter based on user input\"},\n  {\"title\": \"Function Definition\", \"content\": \"- Defines measure_room function\\n- Takes length and width as parameters\"},\n  {\"title\": \"Calculation Logic\", \"content\": \"- Area = length * width\\n- Perimeter = 2 * (length + width)\"},\n  {\"title\": \"User Interaction\", \"content\": \"- Prompts for room length and width\\n- Converts input to float\"},\n  {\"title\": \"Output\", \"content\": \"- Prints room dimensions\\n- Displays area and perimeter\"},\n  {\"title\": \"Conclusion\", \"content\": \"Simple and effective room measurement tool\"}\n]`\n          }\n        ],\n        response_format: { type: \"json_object\" },\n        max_tokens: 1500\n      });\n\n      // Rest of the code remains the same as in the previous implementation\n      // ... (previous server-side code continues)\n\n    } catch (error) {\n      // Error handling remains the same\n      // ... (previous error handling code continues)\n    }\n  }\n\n  // Return HTML response remains the same\n  return new Response(`\n    <html>\n      <head>\n        <title>Python to PowerPoint Converter</title>\n        <style>${css}</style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { 'Content-Type': 'text/html' }\n  });\n}\n\nconst css = `\nbody {\n  font-family: system-ui, sans-serif;\n  line-height: 1.6;\n  background-color: #f4f4f4;\n  margin: 0;\n  padding: 20px;\n}\npre {\n  background-color: #f0f0f0;\n  padding: 10px;\n  border-radius: 5px;\n  overflow-x: auto;\n}\na {\n  color: #2196F3;\n  text-decoration: none;\n}\na:hover {\n  text-decoration: underline;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/hadlcandl/gregariousAmberWildfowl/code/main.tsx","extension","actionData","errors"]
</article></body></html>