Vibe Board

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_94":93,"_32":45,"_102":84,"_27":103,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":57,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",22,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","a3cee3d6-5ed7-11f0-9b27-0224a6c84d84","name","fileType","http","content","// @ts-ignore\nimport { Hono } from \"npm:hono@4.4.12\";\n// @ts-ignore\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\n// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- TYPE DEFINITIONS ---\ninterface Message {\n id: number;\n text: string;\n style: \"dots\" | \"hash\";\n}\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"Adopt the persona of a discerning, yet encouraging, curator for a creative online space. Your language must be precise and professional. You are the guardian of the community's 'vibe,' which is artistic, playful, and clever. Your primary function is to ensure submissions are not just safe, but also contribute positively to the shared creative environment. Avoid generic AI phrases; communicate with the measured tone of a gallery director or literary editor.\";\n\nconst VIBE_CHECK_PROMPT = `\nYou are the Vibe Guardian for an artistic online message board. Users submit short text snippets to be displayed with a unique visual filter. Your task is to analyze each submission for appropriateness and creative merit.\n\nThe rules are:\n1. Reject any submission that is hateful, abusive, overtly commercial, or meaningless spam.\n2. Do not reject a submission for being simple or short. The visual treatment can make simple words powerful.\n3. If a submission is safe but perhaps uninspired, approve it but provide a gentle, more creative suggestion.\n4. If you reject a submission, you MUST provide a clear, professional reason.\n\nYou MUST respond ONLY with a single, minified JSON object with the following keys:\n- \"approved\": A boolean value (true or false).\n- \"reason\": A string explaining your decision, especially if rejecting. For approvals without suggestions, this can be a simple \"OK.\"\n- \"suggestion\": A string containing a more creative version of the user's text, or null if no suggestion is needed.\n`;\n\n// --- DATABASE INITIALIZATION ---\nasync function initializeDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS community_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n style TEXT NOT NULL CHECK(style IN ('dots', 'hash')),\n created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n );\n `);\n\n // Corrected the typo from \"rows\" to \"results\" to fix the TypeError\n const { results } = await sqlite.execute(\"SELECT COUNT(*) as count FROM community_messages\");\n \n const count = Number(results[0].count);\n\n if (count === 0) {\n const tx = sqlite.transaction();\n const defaultMessages = [\n { text: \"Hello\", style: \"dots\" },\n { text: \"Val Town\", style: \"hash\" },\n { text: \"Vibes\", style: \"dots\" },\n { text: \"Debug\", style: \"hash\" },\n ];\n for (const msg of defaultMessages) {\n tx.execute({\n sql: \"INSERT INTO community_messages (text, style) VALUES (:text, :style)\",\n args: { text: msg.text, style: msg.style },\n });\n }\n await tx.commit();\n }\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n return `\n\n\n \n \n Vibe Board\n \n \n \n\n\n\n \n\n

\n \n

\n\n

\n\n\n\n`;\n}\n\n// --- API ROUTER & LOGIC ---\nconst app = new Hono();\n\napp.use(\"*\", async (c, next) => {\n try {\n await initializeDatabase();\n await next();\n } catch (dbError) {\n console.error(\"Database initialization failed:\", dbError);\n return c.json({ error: \"Could not connect to the database.\" }, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n const sourceUrl = `${url.origin}${url.pathname}`;\n return c.html(generateHtml(sourceUrl));\n});\n\napp.get(\"/messages\", async (c) => {\n try {\n const { results } = await sqlite.execute(\"SELECT id, text, style FROM community_messages ORDER BY created_at DESC LIMIT 10\");\n return c.json(results as Message[]);\n } catch (error) {\n console.error(\"Failed to fetch messages:\", error);\n return c.json({ error: \"Error fetching messages.\" }, 500);\n }\n});\n\napp.post(\"/submit\", async (c) => {\n const openai = new OpenAI();\n const body = await c.req.json();\n const { text, style } = body;\n\n if (!text || typeof text !== \"string\" || text.trim().length === 0 || text.length > 50) {\n return c.json({ reason: \"Submission must be between 1 and 50 characters.\" }, 400);\n }\n if (!style || ![\"dots\", \"hash\"].includes(style)) {\n return c.json({ reason: \"A valid style ('dots' or 'hash') must be selected.\" }, 400);\n }\n\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: VIBE_CHECK_PROMPT },\n { role: \"user\", content: `User submission: \"${text}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const aiResponseString = completion.choices[0].message.content;\n let aiDecision;\n\n try {\n aiDecision = JSON.parse(aiResponseString);\n } catch {\n throw new Error(\"AI returned a malformed response.\");\n }\n\n if (aiDecision.approved === true) {\n await sqlite.execute({\n sql: \"INSERT INTO community_messages (text, style) VALUES (:text, :style)\",\n args: { text, style },\n });\n return c.json({ success: true, reason: aiDecision.reason });\n } else {\n return c.json({ reason: aiDecision.reason || \"The submission did not meet community guidelines.\" }, 400);\n }\n } catch (error) {\n console.error(\"Error during submission processing:\", error);\n return c.json({ reason: \"Could not process the submission due to an internal error.\" }, 500);\n }\n});\n\nexport default app.fetch;","// @ts-ignore\nimport { Hono } from \"npm:hono@4.4.12\";\n// @ts-ignore\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\n// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- TYPE DEFINITIONS ---\ninterface Message {\n id: number;\n text: string;\n style: \"dots\" | \"hash\";\n}\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"Adopt the persona of a discerning, yet encouraging, curator for a creative online space. Your language must be precise and professional. You are the guardian of the community's 'vibe,' which is artistic, playful, and clever. Your primary function is to ensure submissions are not just safe, but also contribute positively to the shared creative environment. Avoid generic AI phrases; communicate with the measured tone of a gallery director or literary editor.\";\n\nconst VIBE_CHECK_PROMPT = `\nYou are the Vibe Guardian for an artistic online message board. Users submit short text snippets to be displayed with a unique visual filter. Your task is to analyze each submission for appropriateness and creative merit.\n\nThe rules are:\n1. Reject any submission that is hateful, abusive, overtly commercial, or meaningless spam.\n2. Do not reject a submission for being simple or short. The visual treatment can make simple words powerful.\n3. If a submission is safe but perhaps uninspired, approve it but provide a gentle, more creative suggestion.\n4. If you reject a submission, you MUST provide a clear, professional reason.\n\nYou MUST respond ONLY with a single, minified JSON object with the following keys:\n- \"approved\": A boolean value (true or false).\n- \"reason\": A string explaining your decision, especially if rejecting. For approvals without suggestions, this can be a simple \"OK.\"\n- \"suggestion\": A string containing a more creative version of the user's text, or null if no suggestion is needed.\n`;\n\n// --- DATABASE INITIALIZATION ---\nasync function initializeDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS community_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n style TEXT NOT NULL CHECK(style IN ('dots', 'hash')),\n created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP\n );\n `);\n\n // Corrected the typo from \"rows\" to \"results\" to fix the TypeError\n const { results } = await sqlite.execute(\"SELECT COUNT(*) as count FROM community_messages\");\n\n const count = Number(results[0].count);\n\n if (count === 0) {\n const tx = sqlite.transaction();\n const defaultMessages = [\n { text: \"Hello\", style: \"dots\" },\n { text: \"Val Town\", style: \"hash\" },\n { text: \"Vibes\", style: \"dots\" },\n { text: \"Debug\", style: \"hash\" },\n ];\n for (const msg of defaultMessages) {\n tx.execute({\n sql: \"INSERT INTO community_messages (text, style) VALUES (:text, :style)\",\n args: { text: msg.text, style: msg.style },\n });\n }\n await tx.commit();\n }\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n return `\n\n\n \n \n Vibe Board\n \n \n \n\n\n\n \n\n

\n \n

\n\n

\n\n\n\n`;\n}\n\n// --- API ROUTER & LOGIC ---\nconst app = new Hono();\n\napp.use(\"*\", async (c, next) => {\n try {\n await initializeDatabase();\n await next();\n } catch (dbError) {\n console.error(\"Database initialization failed:\", dbError);\n return c.json({ error: \"Could not connect to the database.\" }, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n const sourceUrl = `${url.origin}${url.pathname}`;\n return c.html(generateHtml(sourceUrl));\n});\n\napp.get(\"/messages\", async (c) => {\n try {\n const { results } = await sqlite.execute(\n \"SELECT id, text, style FROM community_messages ORDER BY created_at DESC LIMIT 10\",\n );\n return c.json(results as Message[]);\n } catch (error) {\n console.error(\"Failed to fetch messages:\", error);\n return c.json({ error: \"Error fetching messages.\" }, 500);\n }\n});\n\napp.post(\"/submit\", async (c) => {\n const openai = new OpenAI();\n const body = await c.req.json();\n const { text, style } = body;\n\n if (!text || typeof text !== \"string\" || text.trim().length === 0 || text.length > 50) {\n return c.json({ reason: \"Submission must be between 1 and 50 characters.\" }, 400);\n }\n if (!style || ![\"dots\", \"hash\"].includes(style)) {\n return c.json({ reason: \"A valid style ('dots' or 'hash') must be selected.\" }, 400);\n }\n\n try {\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: VIBE_CHECK_PROMPT },\n { role: \"user\", content: `User submission: \"${text}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const aiResponseString = completion.choices[0].message.content;\n let aiDecision;\n\n try {\n aiDecision = JSON.parse(aiResponseString);\n } catch {\n throw new Error(\"AI returned a malformed response.\");\n }\n\n if (aiDecision.approved === true) {\n await sqlite.execute({\n sql: \"INSERT INTO community_messages (text, style) VALUES (:text, :style)\",\n args: { text, style },\n });\n return c.json({ success: true, reason: aiDecision.reason });\n } else {\n return c.json({ reason: aiDecision.reason || \"The submission did not meet community guidelines.\" }, 400);\n }\n } catch (error) {\n console.error(\"Error during submission processing:\", error);\n return c.json({ reason: \"Could not process the submission due to an internal error.\" }, 500);\n }\n});\n\nexport default app.fetch;","createdAt",["D",1753785729111],"branchVersion","branchId","a3cce4be-5ed7-11f0-9b27-0224a6c84d84","id","a3cc8d34-5ed7-11f0-9b27-0224a6c84d84","fun",["D",1752294070751],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","2c50f100-32ef-11f0-b519-ff88f6bc2fe6","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","337daaab-8c3d-4b0e-843a-d7fe5ed4748b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","join","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4RElTYm91QXRtUWhBeEdMM1RYYUVmMVVwYSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":148,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":149,"_79":150,"_81":151,"_83":25},"tree",[143],"files",[143],"counts",{"_132":61,"_133":134,"_135":134,"_136":137,"_138":139},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":57,"_38":128,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_27":131},"ad785ee6-6c68-11f0-b786-0224a6c84d84","parentId","latest",["D",1753785729111],21,"label",[28],"pulls","branches",1,"forks","envVars",{"_140":61,"_142":61},"connections",{"_140":61,"_141":61},"count","unfilledCount","emptyCount",{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":57,"_38":144,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_145":146,"_27":147},["D",1753785729111],"children",[],[28],["D",1752294070751],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":14,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_77":-5,"_121":185,"_186":187,"_188":189,"_190":25,"_191":25,"_192":25,"_193":57,"_194":-5,"_195":-7,"_196":-7,"_197":61,"_198":25,"_199":25,"_200":-5,"_201":25,"_202":25,"_203":25,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":84,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v22