[{"_1":2,"_167":-5,"_168":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","ed575ea3c2fddd4ec3ded6bc2d9d13fc99830dc2","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_147":148,"_164":165,"_166":-5},"handle","dcm31","name","simpleLogoGenerator","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":107,"_115":-5,"_116":32,"_14":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":127,"_130":131,"_133":134,"_146":20},"id","a0ba4540-2783-11f0-b46e-569c3dd06744","createdAt",["D",1746210673922],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","screenshotVersion","likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_128":129},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3SGtIMlhlMGwwT0JoSXZJckVVTXJuajN1YyJ9","org",{"_93":94,"_132":129},"avatar","branch",{"_135":136,"_95":43,"_101":137,"_138":102,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},"version",1,"a0ba9586-2783-11f0-b46e-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":149,"_95":98,"_150":151,"_152":-5,"_153":137,"_154":136,"_155":107,"_103":156,"_135":32,"_157":158,"_159":160,"_161":20,"_162":-5,"_97":163},"a0be04f0-2783-11f0-b46e-569c3dd06744","fileId","a0be05a4-2783-11f0-b46e-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1743269676018],"fileType","script","content","/**\n * Simple logo generator for Val Town projects\n * Creates SVGs following a consistent design pattern with customizable elements\n * \n * @param {Object} options - Configuration for the logo\n * @param {string} options.projectName - The name of the project\n * @param {string} [options.emoji=\"🚀\"] - Emoji to use in the pattern\n * @param {string} [options.primaryColor=\"#2196F3\"] - Primary accent color (hex)\n * @param {string} [options.secondaryColor=\"#3F51B5\"] - Secondary color for gradients (hex)\n * @param {string} [options.tertiaryColor=\"#03A9F4\"] - Tertiary color for gradients (hex)\n * @param {string} [options.bgColor=\"#FFFFFF\"] - Background color (hex)\n * @param {string} [options.fontFamily=\"Roboto, Arial, sans-serif\"] - Font family\n * @param {boolean} [options.uploadToSVGHost=false] - Whether to upload to SVG Host\n * @returns {Object} Result object with SVG content and upload info if requested\n */\nexport async function simpleLogoGenerator(options) {\n // Set defaults for any missing options\n const config = {\n projectName: options.projectName || \"ProjectName\",\n emoji: options.emoji || \"🚀\",\n primaryColor: options.primaryColor || \"#2196F3\",\n secondaryColor: options.secondaryColor || \"#3F51B5\",\n tertiaryColor: options.tertiaryColor || \"#03A9F4\",\n bgColor: options.bgColor || \"#FFFFFF\",\n fontFamily: options.fontFamily || \"Roboto, Arial, sans-serif\",\n uploadToSVGHost: options.uploadToSVGHost || false\n };\n \n // Split the project name for styling - last word gets the accent color\n const words = config.projectName.split(/\\\\s+/);\n let firstPart = \"\";\n let lastPart = \"\";\n \n if (words.length === 1) {\n // If it's a single word, split it roughly in half\n const mid = Math.ceil(words[0].length / 2);\n firstPart = words[0].substring(0, mid);\n lastPart = words[0].substring(mid);\n } else {\n // Otherwise, make the last word the accent part\n lastPart = words.pop();\n firstPart = words.join(\" \");\n }\n \n // Create a unique ID for the SVG\n const svgId = 'logo' + Math.random().toString(36).substring(2, 8);\n \n // Generate the SVG content\n const svgContent = ``;\n\n // If not uploading to SVG Host, just return the SVG content\n if (!config.uploadToSVGHost) {\n return {\n svgContent,\n message: \"SVG generated successfully. Not uploaded to SVG Host.\"\n };\n }\n \n // Upload to SVG Host\n try {\n // Prepare keys for SVG and metadata\n const svgKey = `svg_${svgId}`;\n const metadataKey = `metadata_${svgKey}`;\n \n // Create metadata\n const metadata = {\n name: config.projectName + \" Logo\",\n createdAt: new Date().toISOString()\n };\n \n // Store SVG blob\n await fetch('https://api.val.town/v1/blobs', {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${process.env.VAL_TOWN_API_KEY}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n key: svgKey,\n data: svgContent,\n contentType: 'image/svg+xml'\n })\n });\n \n // Store metadata blob\n await fetch('https://api.val.town/v1/blobs', {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${process.env.VAL_TOWN_API_KEY}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n key: metadataKey,\n data: JSON.stringify(metadata),\n contentType: 'application/json'\n })\n });\n \n return {\n svgContent,\n svgId,\n svgKey,\n metadataKey,\n uploaded: true,\n message: \"Logo successfully uploaded to SVG Host.\",\n viewUrl: \"https://dcm31-svghost.web.val.run/\"\n };\n } catch (error) {\n return {\n svgContent,\n error: error.message,\n message: \"Failed to upload to SVG Host, but SVG was generated.\"\n };\n }\n}\n\n// Example usage:\n// simpleLogoGenerator({\n// projectName: \"Weather App\",\n// emoji: \"☀️\",\n// primaryColor: \"#FF9800\", \n// secondaryColor: \"#F57C00\",\n// tertiaryColor: \"#FFB74D\",\n// uploadToSVGHost: true\n// })\n","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/simpleLogoGenerator/code/main.tsx","extension","actionData","errors"]