BrandForge AI

[{"_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",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","volt","name","brand","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","66657142-a2f5-11f0-83db-0224a6c84d84","main.ts","fileId","94b4c568-a2f3-11f0-b1cf-0224a6c84d84","parentId","branchId","94b2512a-a2f3-11f0-b1cf-0224a6c84d84","branchVersion",7,"latest",true,"createdAt",["D",1759783531695],6,"fileType","http","content","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE = `\nAs the BrandForge AI, you must embody the persona of a senior brand strategist from a top-tier design agency. Your analysis must be insightful, and your design choices must be deliberate and justified. Articulate your reasoning with the precise, intelligent language of a seasoned professional. Avoid marketing jargon and clichés. Your objective is to deliver a comprehensive brand identity system that feels curated by a human expert, not algorithmically generated. Every element must be directly traceable to the user's core concept.\n`;\n\nfunction getBrandGeneratorPrompt(concept: string): string {\n return `\nYou are BrandForge AI, an expert brand strategist and designer tasked with creating a full brand identity from a user's core concept.\n\nThe user's concept is: \"${concept}\"\n\nYour response must be a single, minified JSON object containing a complete brand guide. The structure must be precisely as follows:\n\n{\n \"brandNameSuggestions\": [\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" },\n { \"name\": \"string\", \"rationale\": \"string\" }\n ],\n \"logomark\": {\n \"svg\": \"\",\n \"rationale\": \"string\"\n },\n \"colorPalette\": {\n \"primary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"accent\": { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n \"neutrals\": [\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" },\n { \"hex\": \"#XXXXXX\", \"name\": \"string\", \"rationale\": \"string\" }\n ]\n },\n \"typography\": {\n \"primary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" },\n \"secondary\": { \"font\": \"string\", \"weight\": \"string\", \"rationale\": \"string\" }\n },\n \"iconography\": {\n \"style\": \"string\",\n \"rationale\": \"string\",\n \"examples\": [\n { \"name\": \"Icon concept 1 related to user's theme\", \"svg\": \"\" },\n { \"name\": \"Icon concept 2 related to user's theme\", \"svg\": \"\" },\n { \"name\": \"Icon concept 3 related to user's theme\", \"svg\": \"\" }\n ]\n },\n \"brandVoice\": {\n \"adjectives\": [\"string\", \"string\", \"string\"],\n \"description\": \"string\",\n \"rationale\": \"string\"\n }\n}\n\nCrucial Instructions:\n1. All SVG elements must be complete, valid, and self-contained. Use a 'currentColor' value for 'fill' or 'stroke' properties to ensure they inherit color properly. They should have a 'viewBox=\"0 0 24 24\"' attribute.\n2. The logomark SVG must visually interpret the user's core concept.\n3. The rationale for every element must explicitly connect back to the user's provided concept.\n4. Do not deviate from this JSON structure. Do not include any text outside of the JSON object.\n\n${GENERATION_STYLE_GUIDE}\n`;\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl) {\n return `\n\n\n \n \n BrandForge AI\n \n \n \n \n \n\n\n\n

\n \n\n

\n \n

\n\n

\n\n\n`;\n}\n\n// Backend function remains largely the same, handling the API call.\nexport default async function (req: Request) {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"generateBrand\") {\n try {\n const openai = new OpenAI();\n const body = await req.json();\n const concept = body.concept;\n\n if (\n !concept || typeof concept !== \"string\" || concept.trim().length < 10\n ) {\n throw new Error(\"A sufficiently descriptive concept is required.\");\n }\n\n const prompt = getBrandGeneratorPrompt(concept);\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [{ role: \"system\", content: prompt }],\n temperature: 0.6,\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n\n if (!content) {\n throw new Error(\"AI returned an empty response.\");\n }\n const parsedContent = JSON.parse(content);\n if (!parsedContent.logomark || !parsedContent.colorPalette) {\n throw new Error(\"AI returned an incomplete brand guide structure.\");\n }\n\n return new Response(content, {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"BrandForge AI Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1759783531695],"children",[],[35],"94b1ee38-a2f3-11f0-b1cf-0224a6c84d84",["D",1759782750388],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":44,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1759782750388],{"_11":12,"_114":110},{"_11":12,"_108":-5,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_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","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","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code