Vibe Board

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"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",5,"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\nExample User Input: \"hello\"\nExample AI Response: {\"approved\":true,\"reason\":\"A simple, classic greeting.\",\"suggestion\":\"Perhaps 'Hello, world of dots.'\"}\n\nExample User Input: \"buy my stuff now\"\nExample AI Response: {\"approved\":false,\"reason\":\"This submission appears to be commercial spam, which is not suitable for our creative community.\",\"suggestion\":null}\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- DATABASE INITIALIZATION ---\n// This function ensures the database table exists before any requests are processed.\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\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n // The provided SVG filter is embedded directly into the HTML.\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\n// Middleware to ensure the database is ready for every request.\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\n// Route to serve the main HTML page\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n // Ensure base URL passed to client ends with a slash for correct relative fetch paths.\n const sourceUrl = `${url.origin}${url.pathname}`;\n const safeSourceUrl = sourceUrl.endsWith(\"/\") ? sourceUrl : `${sourceUrl}/`;\n return c.html(generateHtml(safeSourceUrl));\n});\n\n// Route to fetch all approved messages\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\n// Route to handle new message submissions\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 // Sanitize and parse the AI response.\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 (Unchanged) ---\ninterface Message {\n id: number;\n text: string;\n style: \"dots\" | \"hash\";\n}\n\n// --- AI BEHAVIORAL GUIDELINES (Unchanged) ---\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\nExample User Input: \"hello\"\nExample AI Response: {\"approved\":true,\"reason\":\"A simple, classic greeting.\",\"suggestion\":\"Perhaps 'Hello, world of dots.'\"}\n\nExample User Input: \"buy my stuff now\"\nExample AI Response: {\"approved\":false,\"reason\":\"This submission appears to be commercial spam, which is not suitable for our creative community.\",\"suggestion\":null}\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- DATABASE INITIALIZATION (Unchanged) ---\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\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\n// Route to serve the main HTML page\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n // Removed the complex and fragile URL formatting.\n const sourceUrl = `${url.origin}${url.pathname}`;\n return c.html(generateHtml(sourceUrl));\n});\n\n// Route to fetch all approved messages\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\n// Route to handle new message submissions\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",1752294679277],"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",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",22,"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":149,"_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":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":135,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"0e8318ea-5ed9-11f0-90ce-0224a6c84d84","parentId","latest",["D",1752294679277],4,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1752294679277],"children",[],[28],["D",1752294070751],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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 · v5