-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* FC Frames and api * Update host url * Check url * Fix vercel rewrites config * Test * Test rewrites config * Remove rewrites * Remove vercel.json * Revert vercel.json * CI * trigger ci * CI * Remove module type * Fix module type removement * Remove debug code * Rewrites vercel config * Fix FC Frames url * Check * Check * Dev domain * Stg domain * Check * Beta * Capitalize BuildingWithMsgport * Update host url --------- Co-authored-by: fewensa <[email protected]>
- Loading branch information
1 parent
50e2475
commit 266a5a0
Showing
15 changed files
with
3,470 additions
and
45 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| .vercel | ||
| node_modules/ |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,124 @@ | ||
| import { kv } from "@vercel/kv"; | ||
| import satori from "satori"; | ||
| import { join } from "path"; | ||
| import * as fs from "fs"; | ||
| import sharp from "sharp"; | ||
| import type { Poll } from "./types"; | ||
| import type { VercelRequest, VercelResponse } from "@vercel/node"; | ||
|
|
||
| const fontPath = join(process.cwd(), "/api/Roboto-Regular.ttf"); | ||
| const fontData = fs.readFileSync(fontPath); | ||
|
|
||
| export default async function handler(req: VercelRequest, res: VercelResponse) { | ||
| try { | ||
| const pollId = req.query["id"]; | ||
| if (!pollId) { | ||
| return res.status(400).send("Missing poll ID"); | ||
| } | ||
|
|
||
| const poll: Poll | null = await kv.hgetall(`poll:${pollId}`); | ||
| if (!poll) { | ||
| return res.status(400).send(`Missing poll for #${pollId}`); | ||
| } | ||
|
|
||
| const showResults = req.query["results"] === "true"; | ||
| const fid = req.query["fid"]; | ||
| const buttonId = fid ? parseInt((await kv.get<string | null>(`poll:${pollId}:voted:${fid}`)) || "0") : 0; | ||
|
|
||
| const pollOptions = [poll.option1, poll.option2, poll.option3, poll.option4].filter((option) => option !== ""); | ||
| const totalVotes = pollOptions.map((_, index) => parseInt(poll[`votes${index + 1}`])).reduce((a, b) => a + b, 0); | ||
| const pollData = { | ||
| question: showResults ? `Results for ${poll.title}` : poll.title, | ||
| options: pollOptions.map((option, index) => { | ||
| const votes = poll[`votes${index + 1}`]; | ||
| const percentOfTotal = totalVotes ? Math.round((votes / totalVotes) * 100) : 0; | ||
| const text = showResults ? `${percentOfTotal}%: ${option} (${votes} votes)` : `${index + 1}. ${option}`; | ||
| return { option, votes, text, percentOfTotal }; | ||
| }), | ||
| }; | ||
|
|
||
| const svg = await satori( | ||
| { | ||
| type: "div", | ||
| key: "1", | ||
| props: { | ||
| style: { | ||
| justifyContent: "flex-start", | ||
| alignItems: "center", | ||
| display: "flex", | ||
| width: "100%", | ||
| height: "100%", | ||
| backgroundColor: "#000000", | ||
| padding: 50, | ||
| lineHeight: 1.2, | ||
| fontSize: 24, | ||
| borderRadius: 10, | ||
| }, | ||
| children: { | ||
| type: "div", | ||
| key: "12", | ||
| props: { | ||
| style: { | ||
| display: "flex", | ||
| flexDirection: "column", | ||
| padding: 20, | ||
| }, | ||
| children: [ | ||
| ...pollData.options.map((opt, index) => ({ | ||
| type: "div", | ||
| key: `123${index}`, | ||
| props: { | ||
| style: { | ||
| backgroundColor: showResults ? "#ff0083" : "", | ||
| color: "#f2f3f5", | ||
| padding: 10, | ||
| marginBottom: 10, | ||
| borderRadius: 4, | ||
| width: `${showResults ? opt.percentOfTotal : 100}%`, | ||
| whiteSpace: "nowrap", | ||
| overflow: "visible", | ||
| }, | ||
| children: opt.text, | ||
| }, | ||
| })), | ||
| ...(buttonId && pollOptions.at(buttonId - 1) | ||
| ? [ | ||
| { | ||
| type: "div", | ||
| key: "12345", | ||
| props: { | ||
| style: { color: "#f2f3f5", whiteSpace: "nowrap", paddingTop: 6 }, | ||
| children: `You voted ${pollOptions.at(buttonId - 1)}!`, | ||
| }, | ||
| }, | ||
| ] | ||
| : []), | ||
| ], | ||
| }, | ||
| }, | ||
| }, | ||
| }, | ||
| { | ||
| width: 600, | ||
| height: 400, | ||
| fonts: [ | ||
| { | ||
| data: fontData, | ||
| name: "Roboto", | ||
| style: "normal", | ||
| weight: 400, | ||
| }, | ||
| ], | ||
| } | ||
| ); | ||
|
|
||
| const pngBuffer = await sharp(Buffer.from(svg)).toFormat("png").toBuffer(); | ||
| res.setHeader("Content-Type", "image/png"); | ||
| res.setHeader("Cache-Control", "max-age=10"); | ||
| return res.end(pngBuffer); | ||
| } catch (err) { | ||
| console.error(err); | ||
| res.statusCode = 500; | ||
| return res.status(500).end("Error generating image"); | ||
| } | ||
| } |
Oops, something went wrong.