524 name: team.team.team_short_name || team.team.name,
525 value: [team.marketValue, team.stats.points],
526 symbol: `image://${team.team.logo}`,
527 symbolSize: 25,
528 marketValueFormatted: formatMarketValue(team.marketValue),
1184}
1185
1186/* --- Team Logo Image Styling --- */
1187img {
1188 vertical-align: middle;
35 username: user.username,
36 bio: user.bio,
37 profile_image_url: user.profileImageUrl,
38 url: user.url,
39 updated_at: new Date().toISOString(), // Using current time as the API doesn't provide updated_at
53 name: val.name,
54 description: val.description,
55 image_url: val.imageUrl,
56 username: val.author.username || "",
57 updated_at: mainBranch?.updatedAt || new Date().toISOString(),
19
20- **Voice-to-Email Conversion** - Transform spoken descriptions into well-formatted work order emails
21- **Image Support** - Attach images to provide visual context for the reported issue
22- **Work Order Management** - Track the status of your work orders (unsent, pending, completed)
23- **Magic Sign in** - Login with magic links sent to your email
42 "json",
43 z.object({
44 imageB64: z.string().optional(),
45 audioB64: z.string().optional(),
46 fromName: z.string().optional(),
48 ),
49 async (c) => {
50 let { imageB64, audioB64, fromName } = c.req.valid("json");
51 const user = await getUserByEmail(c.get("jwtPayload").email);
52
66
67 const emailContent = await generateWorkorderEmail({
68 imageB64,
69 audioB64,
70 fromName: fromName,
20 title: string;
21 description: string;
22 imageUrl?: string;
23 url?: string;
24 author?: string;
44 title: '',
45 description: '',
46 imageUrl: '',
47 url: '',
48 author: username || '', // Default to username if provided
139 yaml += `description: "${frontmatter.description}"\n`;
140
141 if (frontmatter.imageUrl) {
142 yaml += `imageUrl: "${frontmatter.imageUrl}"\n`;
143 }
144
313 <div>
314 <label className="block text-sm font-medium text-gray-700 mb-1">
315 Image URL <span className="text-gray-400 text-xs">(Optional)</span>
316 </label>
317 <input
318 type="text"
319 value={frontmatter.imageUrl || ''}
320 onChange={(e) => handleFieldChange('imageUrl', e.target.value)}
321 className="w-full p-2 border rounded-md"
322 placeholder="https://example.com/image.png"
323 disabled={disabled}
324 />
492 title: '',
493 description: '',
494 imageUrl: '',
495 url: '',
496 author: '',
570 } else if (key === 'description') {
571 parsedFrontmatter.description = value;
572 } else if (key === 'imageUrl') {
573 parsedFrontmatter.imageUrl = value;
574 } else if (key === 'url') {
575 parsedFrontmatter.url = value;
23 title: string;
24 description: string;
25 imageUrl?: string;
26 tags: string[];
27 author?: string;
50 title: '',
51 description: '',
52 imageUrl: '',
53 tags: [],
54 author: username || '',
71 title: '',
72 description: '',
73 imageUrl: '',
74 url: '',
75 tags: [],
94 title: parsed.title || '',
95 description: parsed.description || '',
96 imageUrl: parsed.imageUrl || '',
97 url: parsed.url || '',
98 tags: parsed.tags || ['val-town'],
115 title: '',
116 description: '',
117 imageUrl: '',
118 url: '',
119 tags: ['val-town'],
236 frontmatter += `description: "${data.description}"\n`;
237
238 if (data.imageUrl) {
239 frontmatter += `imageUrl: "${data.imageUrl}"\n`;
240 }
241
312 <div>
313 <label className="block text-sm font-medium text-gray-700 mb-1">
314 Image URL <span className="text-gray-400 text-xs">(Optional)</span>
315 </label>
316 <input
317 type="text"
318 value={metadata.imageUrl || ''}
319 onChange={(e) => updateField('imageUrl', e.target.value)}
320 className="w-full p-2 border rounded-md"
321 placeholder="https://example.com/image.png"
322 disabled={disabled}
323 />
453 title: string;
454 description: string;
455 imageUrl?: string;
456 url?: string;
457 author?: string;
466 title: '',
467 description: '',
468 imageUrl: undefined,
469 url: undefined,
470 author: undefined,
519 result.description = value;
520 break;
521 case 'imageUrl':
522 result.imageUrl = value;
523 break;
524 case 'url':
2title: "MLSpointsPerMillion"
3description: "A undefined val"
4imageUrl: "https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjgxM2VkOWNjZWVjODE5MTg4ZmJlYjJmNmJkNDE5NzU6ZmlsZV8wMDAwMDAwMDFmMWM2MjMwYjc0YTk0Y2I1NWFiNGY2ZCIsInRzIjoiNDg1MDM3IiwicCI6InB5aSIsInNpZyI6IjRjYTc5NGVhZTBkMDA0NmVlNzBhYjM4ZDE2NmU3MThjMTA0ZTk3ZWY2OTE1YjA0ZThlZjk4NGEyMjg4ODBkNjIiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ=="
5url: "https://dcm31--2458b00826d511f0961b569c3dd06744.web.val.run"
6author: "dcm31"
9 *
10 * @param {Object} params - The parameters for generating the work order email
11 * @param {string} [params.imageB64] - Base64 of the image of the issue (optional)
12 * @param {string} [params.audioB64] - Base64 of the audio recording describing the issue (optional)
13 * @param {string} params.fromName - Name of the sender
16export async function generateWorkorderEmail(
17 {
18 imageB64,
19 audioB64,
20 fromName,
21 }: {
22 imageB64?: string;
23 audioB64?: string;
24 fromName: string;
25 },
26): Promise<{ body: string; subject: string }> {
27 // Validate that at least one of image or audio is provided
28 if (!imageB64 && !audioB64) {
29 throw new Error("At least one of image or audio must be provided");
30 }
31
92orders. Generate a work order email based on the provided ${
93 audioB64 ? "issue description" : ""
94 }${audioB64 && imageB64 ? " and " : ""}${imageB64 ? "image" : ""}.
95Include relevant details and if useful recommended actions. Be
96relatively brief. Be very down to the point. Don't make assumptions. Say what
98NOT INCLUDE A SUBJECT, OR ANY OTHER PLACEHOLDERS. Just give the body and the
99intro You want to get stuff done!. ${
100 imageB64 ? "Mention the attached image." : ""
101 } Be a bit
102forceful. Don't say it is "urgent" unless you think it is urgent. Do not sound
113 // Build the user content array
114 const userContent: Array<
115 { type: string; text?: string; image_url?: { url: string } }
116 > = [];
117
123 transcription
124 ? `this issue description: ${transcription}`
125 : "the image provided"
126 }${locationInfo ? "\n\nLocation information: " + locationInfo : ""}`,
127 });
129 userContent.push({
130 type: "text",
131 text: "Please generate a work order email based on the image provided.",
132 });
133 }
134
135 // Add image if provided
136 if (imageB64) {
137 userContent.push({
138 type: "image_url",
139 image_url: {
140 url: imageB64,
141 },
142 });
5import * as db from "./db.ts";
6import { embedMetadata, handleFarcasterEndpoints, name } from "./farcaster.ts";
7import { handleImageEndpoints } from "./image.tsx";
8
9const app = new Hono();
10
11handleImageEndpoints(app);
12handleFarcasterEndpoints(app);
13
44 <meta name="fc:frame" content={JSON.stringify(embedMetadata(baseUrl, path))} />
45 <link rel="icon" href={baseUrl + "/icon"} />
46 <meta property="og:image" content={baseUrl + "/image"} />
47 </head>
48 <body class="bg-white text-black dark:bg-black dark:text-white">
5import satori from "npm:satori";
6
7export function handleImageEndpoints(app: Hono) {
8 const headers = {
9 "Content-Type": "image/png",
10 "cache-control": "public, max-age=86400",
11 };
12 app.get("/image", async (c) => {
13 return c.body(await homeImage(), 200, headers);
14 });
15 app.get("/icon", async (c) => {
16 return c.body(await iconImage(), 200, headers);
17 });
18}
19
20export async function homeImage() {
21 return await ogImage(
22 <div tw="w-full h-full flex justify-start items-end text-[100px] bg-black text-white p-[50px]">
23 <div tw="flex flex-col items-start gap-[10px]">
31}
32
33export async function iconImage() {
34 return await ogImage(
35 <div tw="w-full h-full flex justify-center items-center text-[100px] bg-black text-white p-[50px]">
36 <img tw="w-[350px] h-[350px]" src={base64Icon(SquareDashed)} />
45//////////
46
47export async function ogImage(body, options = {}) {
48 const svg = await satori(
49 body,
57 if (code === "emoji") {
58 const unicode = segment.codePointAt(0).toString(16).toUpperCase();
59 return `data:image/svg+xml;base64,` + btoa(await loadEmoji(unicode));
60 }
61 return "";
94 const base64 = Buffer.from(svg).toString("base64");
95 // console.log('getIconDataUrl', name, svg, base64)
96 return `data:image/svg+xml;base64,${base64}`;
97};
