[{"_1":2,"_173":-5,"_174":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5c349ef9e7d7333839a0634dd567aae2d49623a6","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_152":153,"_170":171,"_172":-5},"handle","martinbowling","name","emailValHandler","path","main.tsx","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":108,"_116":-5,"_117":-5,"_118":32,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_151":20},"id","16655cc2-2792-11f0-9d52-569c3dd06744","createdAt",["D",1746216884291],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","a617b556-65dd-4a42-a646-9019bd324ddc","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","36757121-23c7-4b51-a890-7b5305a8d292","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZ2VrcFRETTN1aUN1V0ZqckNYUkEyNWNocVQifQ","org",{"_94":95,"_134":131,"_12":113},"avatar","branch",{"_137":138,"_96":44,"_102":139,"_140":103,"_141":142,"_143":32,"_144":110,"_145":146,"_147":148,"_149":97,"_150":95},"version",19,"1665a59c-2792-11f0-9d52-569c3dd06744","projectId","forkedBranchId","59a60f80-2798-11f0-9d52-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","59a5cc5a-2798-11f0-9d52-569c3dd06744","forkedProjectOrgId","b85ade96-e891-41d6-b890-6750e0387541","projectName","userHandle","isOwned","file",{"_102":154,"_96":99,"_155":156,"_157":-5,"_158":139,"_159":138,"_160":108,"_104":161,"_137":162,"_163":164,"_165":166,"_167":20,"_168":-5,"_98":169},"16ca6fe0-2792-11f0-9d52-569c3dd06744","fileId","16682628-2792-11f0-9d52-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1737218353097],18,"fileType","email","content","/**\n# Email AI Assistant\n\nChat with your favorite AI via email (with enhanced attachment and content support)\n\n## What It Does\n\nThis advanced email AI assistant allows you to:\n- Send emails to an AI for comprehensive analysis and responses\n- Automatically transform your queries into structured research objectives\n- Parse and analyze various types of content:\n - PDF attachments\n - Image attachments (using GPT-4 Vision)\n - Website content from links in your email\n- Get detailed, context-aware responses directly to your inbox\n\n## Setup Guide\n\n1. Copy this Val and save it as an Email Val (choose Val type in the top-right corner of the editor)\n\n2. Set up the required environment variables:\n - OPENAI_API_KEY: Your OpenAI API key\n - MD_API_KEY: Your API key for the markdown extraction service (optional)\n\n You can set these using Val Town's environment variables: https://docs.val.town/reference/environment-variables/\n\n3. Copy the email address of the Val (click 3 dots in top-right > Copy > Copy email address)\n\n4. Compose your email:\n - Write your query or request in the email body\n - Attach any relevant PDFs or images\n - Include links to websites you want analyzed\n - Send it to the Val email address\n\n5. Wait for the AI's response, which will arrive in your inbox shortly\n\n## How to Use Effectively\n\n- Be clear and specific in your queries\n- Provide context when necessary\n- Utilize attachments and links to give the AI more information to work with\n- The AI will transform your query into a structured research objective, so even simple questions may yield comprehensive answers\n\n## Supported File Types and Limitations\n\n- PDFs: Text content will be extracted and analyzed\n- Images: Will be analyzed using GPT-4 Vision API\n- Websites: Content will be extracted and converted to markdown for analysis\n- Other file types are not currently supported and will be ignored\n\nNote: There may be size limitations for attachments and processing times may vary based on the complexity of the content.\n\nThe AI uses advanced prompt transformation to enhance your queries, providing more detailed and structured responses. This process helps in generating comprehensive and relevant answers to your questions.\n*/\n\nimport { encode } from \"https://deno.land/std@0.203.0/encoding/base64.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { pdfText } from \"jsr:@pdf/pdftext\";\n\n// Main controller function\nexport default async function emailValHandler(receivedEmail) {\n const openaiUrl = \"https://api.openai.com/v1/chat/completions\";\n const openaiKey = Deno.env.get(\"OPENAI_API_KEY\");\n const mdApiKey = Deno.env.get(\"MD_API_KEY\");\n const model = \"o1-2024-12-17\";\n\n if (!openaiKey) {\n throw new Error(\"OPENAI_KEY environment variable is not set.\");\n }\n\n console.log(\"Email received:\", receivedEmail.from, receivedEmail.subject);\n\n // Step 1: Extract and process all attachments and links\n const attachments = await extractAttachments(receivedEmail);\n const links = extractLinks(receivedEmail.text);\n\n // Step 2: Transform the email prompt using the prompt transformer\n const transformedPrompt = await transformPrompt(receivedEmail.text, openaiUrl, openaiKey, model);\n\n // Step 3: Process different types of content\n const { pdfTexts, imageAnalysis } = await processAttachments(attachments, openaiKey, transformedPrompt);\n const websiteMarkdown = await extractWebsiteMarkdown(links, mdApiKey);\n\n // Step 4: Create final prompt with all context\n const finalPrompt = generateFinalPrompt(\n transformedPrompt,\n pdfTexts,\n imageAnalysis,\n websiteMarkdown,\n receivedEmail,\n );\n\n // Step 5: Send to OpenAI and get response\n const openaiResponse = await sendRequestToOpenAI(finalPrompt, transformedPrompt, openaiUrl, openaiKey, model);\n\n // Step 6: Send response email\n await sendResponseByEmail(receivedEmail.from, openaiResponse);\n console.log(\"Response email sent.\");\n}\n\n// Extract attachments (if any)\nasync function extractAttachments(email) {\n if (!email.attachments || email.attachments.length === 0) {\n return [];\n }\n\n const attachments = [];\n for (const file of email.attachments) {\n attachments.push({\n filename: file.name,\n content: encode(await file.arrayBuffer()),\n type: file.type,\n });\n }\n return attachments;\n}\n\n// Extract links from email text\nfunction extractLinks(text) {\n const urlRegex = /(https?:\\/\\/[^\\s]+)/g;\n return text.match(urlRegex) || [];\n}\n\n// Extract website markdown content\nasync function extractWebsiteMarkdown(links, apiKey) {\n const markdownResults = [];\n const requestsPerMinute = 5;\n const requestInterval = 60000 / requestsPerMinute; // milliseconds between requests\n let lastRequestTime = 0;\n\n for (const url of links) {\n try {\n // Implement rate limiting\n const now = Date.now();\n if (now - lastRequestTime < requestInterval) {\n await new Promise(resolve => setTimeout(resolve, requestInterval - (now - lastRequestTime)));\n }\n lastRequestTime = Date.now();\n\n console.log(`Fetching markdown for ${url}`);\n console.log(`API Key present: ${!!apiKey}`);\n\n const fetchUrl = `https://md.dhr.wtf/?url=${encodeURIComponent(url)}`;\n console.log(`Fetch URL: ${fetchUrl}`);\n\n const fetchOptions: RequestInit = {\n method: \"GET\",\n };\n\n // Only add headers if API key is available\n if (apiKey) {\n fetchOptions.headers = {\n \"Authorization\": `Bearer ${apiKey}`,\n };\n }\n\n const response = await fetch(fetchUrl, fetchOptions);\n console.log(`Response status: ${response.status}`);\n\n if (!response.ok) {\n const responseText = await response.text();\n console.error(`Error response body: ${responseText}`);\n throw new Error(`HTTP error! status: ${response.status}, body: ${responseText}`);\n }\n\n const markdown = await response.text();\n console.log(`Successfully fetched markdown for ${url}`);\n console.log(`First 100 characters of markdown: ${markdown.substring(0, 100)}`);\n markdownResults.push({ url, markdown });\n } catch (error) {\n console.error(`Error fetching markdown for ${url}:`, error);\n markdownResults.push({ url, markdown: `Error fetching content: ${error.message}` });\n }\n }\n return markdownResults;\n}\n\n// Process image attachments with GPT-4V\nasync function analyzeImage(imageAttachment, apiKey, transformedPrompt) {\n try {\n const response = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: \"gpt-4o\",\n messages: [\n {\n role: \"system\",\n content:\n `You are an AI assistant tasked with analyzing images in the context of a specific query. Use the following transformed prompt to guide your analysis and provide relevant context:\\n\\n${transformedPrompt}\\n\\nFocus your analysis on aspects that are most relevant to this prompt.`,\n },\n {\n role: \"user\",\n content: [\n {\n type: \"text\",\n text: \"Analyze this image and provide relevant context based on the given prompt:${transformedPrompt}\",\n },\n {\n type: \"image_url\",\n image_url: {\n url: `data:${imageAttachment.type};base64,${imageAttachment.content}`,\n },\n },\n ],\n },\n ],\n max_tokens: 300,\n }),\n });\n const data = await response.json();\n return data.choices[0]?.message?.content || \"No analysis available\";\n } catch (error) {\n console.error(\"Error analyzing image:\", error);\n return \"Error analyzing image\";\n }\n}\n\n// Transform the original prompt using the prompt transformer\nasync function transformPrompt(emailText, openaiUrl, apiKey, model) {\n const promptTransformerText =\n `You are an AI assistant tasked with transforming user queries into structured research or information requests. Your goal is to take a simple query and expand it into a comprehensive research objective with specific formatting requirements.\n\nHere's the user's query:\n\n${emailText}\n\n\nFollow these steps to transform the query:\n\n1. Analyze the user's query and think about how to expand it into a more comprehensive research objective.\n\n2. Create a structured research request using the following format:\n\n\nWrite the main objective or request, stated clearly and concisely in 1-2 sentences. Transform the user's basic query into a comprehensive research objective.\n\n\n\nSpecify exactly how the information should be organized and presented using the following tags:\n\nList time-based elements that should be tracked or recorded\n\n\nList core information fields that must be included for each item/entry\n\n\nList quantifiable or measurable aspects to be included\n\n\nList deeper insights, impacts, or relationships to be explored\n\nSpecify how many items/examples should be returned and any category organization needed.\n\n\n\nList critical considerations for accuracy, verification requirements, and potential limitations of the data or analysis.\n\n\n3. Ensure that your transformed request is more detailed and comprehensive than the original query, providing a clear structure for research and analysis.\n\n4. If the query is too vague or broad, make reasonable assumptions to narrow the focus and provide a more specific research direction.\n\n5. Include all relevant sections (goal, return_format with timeline, key_details, metrics, and analysis, and warnings) in your response, even if some sections might have limited content based on the nature of the query.\n\n6. Do not include example sections in your output. The examples provided in the original task description are for your reference only.\n\nRemember to think critically about the query and how to best structure the research request to provide the most valuable and comprehensive information.`;\n\n try {\n const messages = [\n {\n role: \"system\",\n content: promptTransformerText,\n },\n {\n role: \"user\",\n content: emailText,\n },\n ];\n\n const body = {\n model,\n messages,\n response_format: { type: \"text\" },\n reasoning_effort: \"medium\",\n };\n\n const response = await fetch(openaiUrl, {\n method: \"POST\",\n body: JSON.stringify(body),\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${apiKey}`,\n },\n });\n\n const data = await response.json();\n if (data.error) {\n throw new Error(`OpenAI API Error: ${data.error.message}`);\n }\n return data.choices[0]?.message?.content || emailText;\n } catch (err) {\n console.error(\"Error in transformPrompt:\", err);\n return emailText;\n }\n}\n\n// Process all attachments (PDFs and Images)\nasync function processAttachments(attachments, apiKey, transformedPrompt) {\n const pdfTexts = [];\n const imageAnalysis = [];\n\n for (const attachment of attachments) {\n if (attachment.type === \"application/pdf\") {\n const pdfText = await extractPdfText([attachment]);\n pdfTexts.push(...pdfText);\n } else if (attachment.type.startsWith(\"image/\")) {\n const analysis = await analyzeImage(attachment, apiKey, transformedPrompt);\n imageAnalysis.push({\n filename: attachment.filename,\n analysis,\n });\n }\n }\n\n return { pdfTexts, imageAnalysis };\n}\n\nasync function extractPdfText(attachments) {\n const pdfTexts = [];\n\n for (const attachment of attachments) {\n if (attachment.type === \"application/pdf\") {\n console.log(`parsing PDF: ${attachment.filename}`);\n try {\n // decode Base64 content back to a buffer\n const pdfBuffer = Uint8Array.from(atob(attachment.content), (c) => c.charCodeAt(0)).buffer;\n\n // extract text from the PDF\n const pages = await pdfText(pdfBuffer);\n\n // combine all pages into a single string\n const fullText = Object.values(pages).join(\"\\n\");\n\n pdfTexts.push({\n filename: attachment.filename,\n text: fullText,\n });\n } catch (err) {\n console.error(`Error parsing PDF (${attachment.filename}):`, err);\n pdfTexts.push({\n filename: attachment.filename,\n text: \"Error parsing PDF\",\n });\n }\n }\n }\n\n return pdfTexts;\n}\n\n// Generate the final prompt with all context\nfunction generateFinalPrompt(transformedPrompt, pdfTexts, imageAnalysis, websiteMarkdown, email) {\n let contextDump = [];\n\n // Add PDF content\n if (pdfTexts.length > 0) {\n contextDump.push(\"PDF Content:\", ...pdfTexts.map(pdf => `${pdf.filename}: ${pdf.text}`));\n }\n\n // Add image analysis\n if (imageAnalysis.length > 0) {\n contextDump.push(\"Image Analysis:\", ...imageAnalysis.map(img => `${img.filename}: ${img.analysis}`));\n }\n\n // Add website markdown\n if (websiteMarkdown.length > 0) {\n contextDump.push(\"Website Content:\", ...websiteMarkdown.map(site => `${site.url}: ${site.markdown}`));\n }\n\n // Combine transformed prompt with context dump\n return `${transformedPrompt}\\n\\n\\n${contextDump.join(\"\\n\")}\\n\\n`;\n}\n\n// Helper function to send a request to OpenAI\nasync function sendRequestToOpenAI(prompt, transformedPrompt, openaiUrl, apiKey, model) {\n try {\n // Debug logging for the prompt and transformed prompt\n console.log(\"Debug - Transformed Prompt:\");\n console.log(transformedPrompt);\n console.log(\"\\nDebug - Final Prompt:\");\n console.log(prompt);\n\n // Prepare the OpenAI messages payload\n const messages = [\n {\n role: \"system\",\n content:\n `You are a helpful AI that replies to emails. Address the sender by their first name if provided, and sign off as 'AI Assistant' in a friendly and professional tone. Be concise and thorough in your analysis. As you're replying via email, use email syntax and not markdown. Analyze all provided content, including PDFs, images, and website content, in the context of the email request. Follow the structured format provided in the transformed prompt to organize your response. Here's the transformed prompt to guide your response:\\n\\n${transformedPrompt}`,\n },\n {\n role: \"user\",\n content: prompt,\n },\n ];\n\n // Setup request body\n const body = {\n model,\n messages,\n response_format: { type: \"text\" },\n reasoning_effort: \"medium\",\n };\n\n // Send the request to OpenAI\n const response = await fetch(openaiUrl, {\n method: \"POST\",\n body: JSON.stringify(body),\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${apiKey}`,\n },\n });\n\n // Parse the response\n const data = await response.json();\n if (data.error) {\n throw new Error(`OpenAI API Error: ${data.error.message}`);\n }\n return data.choices[0]?.message?.content || \"No response from OpenAI.\";\n } catch (err) {\n console.error(\"Error in sendRequestToOpenAI:\", err);\n return \"Error processing your request. Please try again later.\";\n }\n}\n\n// Helper function to send a response back via email\nasync function sendResponseByEmail(toEmail, responseContent) {\n const subject = \"AI Response to Your Email\";\n const text = `${responseContent}`;\n\n await email({\n subject,\n text,\n to: toEmail,\n });\n}","deleted","label",[99],"permalink","https://www.val.town/x/martinbowling/emailValHandler/code/main.tsx","extension","actionData","errors"]