iTabs | ${data.widgetTitle}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_164":165,"_166":167},"routes/_app.x.$handle.$name",{"_103":102,"_38":51,"_112":93,"_33":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":31,"_127":128,"_129":31,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":31},"version",21,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","57116095-7ec3-4f8b-914b-c1f4cdad9e6b","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","8e45ffe6-34c8-11f1-b0df-42b51c65c3df","name","fileType","email","content","import { email } from \"https://esm.town/v/std/email\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst JSON_PROMPT = `You are an iTabs widget content generator. Given a tradie brief, return ONLY a JSON object. No explanation, no markdown, no backticks.\n\nHero classes: hero-default, hero-purple, hero-cyan, hero-amber, hero-green, hero-red, hero-photo.\n\nCard order:\n01/ABOUT (hero-default or hero-photo if photo provided, include 📸 Our Work gallery button if gallery photos provided)\n02/THE PROBLEM (hero-red)\n03/SERVICES (hero-cyan)\n04/HOW IT WORKS (hero-purple, include analogy)\n05/WHY US (hero-amber)\n06/PRICING (hero-green, include analogy with ballpark figures)\n07/GET A QUOTE (hero-green, isForm:true)\n\nReturn valid JSON only, matching this exact structure:\n{\n \"businessName\": \"string\",\n \"businessLocation\": \"string\",\n \"phoneRaw\": \"string\",\n \"phoneFormatted\": \"string\",\n \"email\": \"string or null\",\n \"website\": \"string or null\",\n \"widgetTitle\": \"string\",\n \"galleryPhotos\": [],\n \"cards\": [\n {\n \"tag\": \"01 / ABOUT\",\n \"tagClass\": \"\",\n \"headline\": \"headline with word\",\n \"heroClass\": \"hero-default\",\n \"photoUrl\": null,\n \"photoSize\": \"cover\",\n \"photoPos\": \"center\",\n \"summary\": \"2-4 sentences\",\n \"analogy\": null,\n \"iButtons\": [\n {\"label\": \"label\", \"type\": \"context\", \"term\": \"term\", \"content\": \"content\"}\n ],\n \"isForm\": false,\n \"phone\": null\n }\n ]\n}`;\n\nfunction buildHTML(data: any, liveUrl: string): string {\n const galleryPhotos: string[] = data.galleryPhotos || [];\n const hasGallery = galleryPhotos.length > 0;\n\n const galleryImgs = galleryPhotos\n .map((url: string) => `

`)\n .join(\"\");\n\n const emailLink = data.email\n ? `

✉️

Email Us

${data.email}

`\n : \"\";\n\n const websiteLink = data.website\n ? `

🌐

Website

${data.website.replace(\"https://\", \"\")}

`\n : \"\";\n\n // Serialise hasGallery as a JS boolean literal for injection into the client script\n const hasGalleryJS = hasGallery ? \"true\" : \"false\";\n\n return `\n\n\n \n \n iTabs | ${data.widgetTitle}\n \n \n\n\n

${data.businessName}

${data.businessLocation}

\n \n

\n \n 1 / N\n \n

\n \n

\n\n

\n \n

\n\n

${data.businessName}

\n \n

📞

Call Us

${data.phoneFormatted}

\n \n ${emailLink}\n ${websiteLink}\n \n \n

\n\n

📸 Our Work

${galleryImgs}

\n \n

`)\n .join(\"\");\n\n const emailLink = data.email\n ? `

✉️

Email Us

${data.email}

`\n : \"\";\n\n const websiteLink = data.website\n ? `

🌐

Website

${data.website.replace(\"https://\", \"\")}

${data.businessName}

${data.businessLocation}

\n \n

\n \n 1 / N\n \n

\n \n

\n\n

\n \n

\n\n

${data.businessName}

\n \n

📞

Call Us

${data.phoneFormatted}

\n \n ${emailLink}\n ${websiteLink}\n \n \n

\n\n

📸 Our Work

${galleryImgs}

\n \n

\n\n\n\n`;\n}\n\nexport default async function (e: Email) {\n console.log(\"STEP 1: Email received from\", e.from, \"| Subject:\", e.subject);\n\n // === SUBJECT FILTER — only process proper briefs, block replies/forwards ===\n const subject = e.subject || \"\";\n if (!subject.includes(\"iTabs Widget Brief\")) {\n console.log(\"SKIPPED: Subject filter not matched:\", subject);\n return;\n }\n if (/^(re|fwd|fw)\\s*:/i.test(subject.trim())) {\n console.log(\"SKIPPED: Reply or forward email, ignoring:\", subject);\n return;\n }\n\n // === DEDUPLICATION — skip if already processed (by subject + sender) ===\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS processed_emails (id TEXT PRIMARY KEY, processed_at TEXT)`,\n );\n const messageId = e.messageId || `${e.from}-${subject}`;\n const dedupeKey = `${e.from}||${subject}`;\n const already = await sqlite.execute(\n `SELECT id FROM processed_emails WHERE id = ? OR id = ?`,\n [messageId, dedupeKey],\n );\n if (already.rows.length > 0) {\n console.log(\"SKIPPED: Already processed\", dedupeKey);\n return;\n }\n await sqlite.execute(`INSERT OR IGNORE INTO processed_emails VALUES (?, ?)`, [\n messageId,\n new Date().toISOString(),\n ]);\n await sqlite.execute(`INSERT OR IGNORE INTO processed_emails VALUES (?, ?)`, [\n dedupeKey,\n new Date().toISOString(),\n ]);\n\n const brief = e.text || e.subject || \"No brief provided\";\n\n // === IMAGE ATTACHMENT SUPPORT ===\n const imageAttachment = (e.attachments || []).find(\n (a: any) => a.contentType?.match(/^image\\/(jpeg|jpg|png|gif|webp)/i)\n );\n const hasImage = !!imageAttachment;\n console.log(\"STEP 2: Calling Claude for JSON...\", hasImage ? \"| with image attachment\" : \"| text only\");\n\n // Build user message content — vision if image attached, plain text otherwise\n const userContent = hasImage\n ? [\n {\n type: \"image\",\n source: {\n type: \"base64\",\n media_type: imageAttachment.contentType,\n data: imageAttachment.content,\n },\n },\n {\n type: \"text\",\n text: `This is a photo of a tradie's business card or sign. Extract all business details from it and build an iTabs widget. Additional brief details:\\n\\n${brief}\\n\\nReturn valid JSON only. No markdown. No backticks. No explanation.`,\n },\n ]\n : `Generate iTabs widget content JSON for this tradie brief:\\n\\n${brief}\\n\\nReturn valid JSON only. No markdown. No backticks. No explanation.`;\n\n const claudeRes = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"x-api-key\": Deno.env.get(\"ANTHROPIC_KEY\")!,\n \"anthropic-version\": \"2023-06-01\",\n \"content-type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"claude-opus-4-5\",\n max_tokens: 4096,\n system: JSON_PROMPT,\n messages: [{ role: \"user\", content: userContent }],\n }),\n });\n\n const claude = await claudeRes.json();\n console.log(\"STEP 3: Claude status:\", claudeRes.status);\n\n if (!claude.content || !claude.content[0]) {\n console.log(\"ERROR: Claude returned no content:\", JSON.stringify(claude));\n return;\n }\n\n // Parse JSON safely — strip any accidental backticks or markdown\n let rawJson = claude.content[0].text.trim();\n rawJson = rawJson.replace(/^```json\\s*/i, \"\").replace(/^```\\s*/i, \"\").replace(/\\s*```$/i, \"\").trim();\n\n let data: any;\n try {\n data = JSON.parse(rawJson);\n } catch (err) {\n console.log(\"ERROR: Failed to parse Claude JSON:\", err, \"| Raw:\", rawJson.slice(0, 300));\n return;\n }\n console.log(\"STEP 4: JSON parsed OK — business:\", data.businessName, \"| cards:\", data.cards?.length, \"| gallery photos:\", (data.galleryPhotos || []).length);\n\n // === DEPLOY TO GITHUB PAGES ===\n const filename = `widget-${Date.now()}.html`;\n const liveUrl = `https://boilermaker-innovator.github.io/itabs-quotes/${filename}`;\n\n // Build HTML from hardcoded template + JSON data\n const html = buildHTML(data, liveUrl);\n console.log(\"STEP 5: HTML built, length:\", html.length);\n\n const ghRes = await fetch(\n `https://api.github.com/repos/boilermaker-innovator/itabs-quotes/contents/${filename}`,\n {\n method: \"PUT\",\n headers: {\n \"Authorization\": `token ${Deno.env.get(\"GITHUB_TOKEN\")}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n message: `New iTabs widget via Missy — ${e.subject}`,\n content: btoa(unescape(encodeURIComponent(html))),\n }),\n },\n );\n const ghJson = await ghRes.json();\n console.log(\n \"STEP 6: GitHub status:\",\n ghRes.status,\n JSON.stringify(ghJson).slice(0, 100),\n );\n\n console.log(\"STEP 7: Sending reply to\", e.from, \"| URL:\", liveUrl);\n\n // === REPLY EMAIL ===\n await email({\n to: e.from,\n subject: `Your iTabs widget is live ✅`,\n text: `Here's your live widget:\\n\\n${liveUrl}\\n\\n— Missy 🚐`,\n });\n\n console.log(\"STEP 8: All done!\");\n}\n","createdAt",["D",1775976310914],"branchVersion","branchId","8e44018c-34c8-11f1-b0df-42b51c65c3df","id","8e43681c-34c8-11f1-b0df-42b51c65c3df","Missy-iTabs",["D",1775817141006],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","8e43681c34c811f1b0df42b51c65c3df","tursoHostname","8e43681c34c811f1b0df42b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789497078049],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_19":60,"_108":109,"_110":31},"branch",{"_13":92,"_38":93,"_49":48,"_94":50,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":51,"_101":102},"isOwned",31,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jgwynne7_4bf3679b","handle","displayName","iTabs-Menu","avatar","https://avatars.githubusercontent.com/u/177847225?v=4","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":159,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":-5,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":70,"_71":72,"_73":160,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":161,"_87":162,"_89":163,"_91":31},"tree",[154],"files",[154],"counts",{"_142":66,"_143":144,"_145":66,"_146":147,"_148":149},"contents",[134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":135,"_38":34,"_36":37,"_136":-5,"_47":48,"_46":14,"_137":31,"_44":138,"_13":139,"_39":40,"_41":43,"_30":31,"_140":-5,"_33":141},"26ed4114-363b-11f1-9f8d-42b51c65c3df","parentId","latest",["D",1775976310914],20,"label",[34],"pulls","branches",1,"forks","envVars",{"_150":152,"_153":66},"connections",{"_150":66,"_151":66},"count","unfilledCount",2,"emptyCount",{"_49":135,"_38":34,"_36":37,"_136":-5,"_47":48,"_46":14,"_137":31,"_44":155,"_13":139,"_39":40,"_41":43,"_30":31,"_140":-5,"_156":157,"_33":158},["D",1775976310914],"children",[],[34],["D",1775817141006],["D",1789497078049],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_19":60,"_108":109,"_110":31},{"_13":92,"_38":93,"_49":48,"_94":50,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":51,"_101":102},"ctx",{"_85":-5,"_131":197,"_198":199,"_200":201,"_202":31,"_203":31,"_204":31,"_205":206,"_207":-5,"_208":-7,"_209":-7,"_210":66,"_211":31,"_212":31,"_213":-5,"_214":31,"_215":31,"_216":31,"_217":-5},"ENV",{"_168":169,"_170":171,"_172":93,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets",true,"preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v21