[{"_1":2,"_172":-5,"_173":-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","a31a1550ad486cf340b818a53bc6ddc8c7db0295","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,"_149":150,"_169":170,"_171":-5},"handle","dcm31","name","logoWorkshopOpenMoji","path","LogoGenerator.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":110,"_111":-5,"_12":112,"_113":114,"_115":20,"_116":-5,"_117":118,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_148":20},"id","93395986-0ea3-11f0-bd9c-569c3dd06744","createdAt",["D",1743475616093],"deletedAt","legacyEnvVars","privacy","public","description","Project created from val URLs","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","f8229ae8-1037-11f0-b5f4-569c3dd06744","pinPreview","pinMigrated","screenshotVersion",13,"likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_131":132},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/260ec866-bb5d-4641-4bfe-526cca896a00/square512","org",{"_93":94,"_135":132,"_12":112},"avatar","branch",{"_138":118,"_95":43,"_101":139,"_140":102,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},"version","9339c2ae-0ea3-11f0-bd9c-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":98,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_103":160,"_138":161,"_162":163,"_164":165,"_166":20,"_167":-5,"_97":168},"347fa01e-1aef-11f0-a4e9-569c3dd06744","fileId","1e7e587c-1a46-11f0-affa-569c3dd06744","parentId","branchId","branchVersion",12,"latest",true,["D",1744827512859],2,"fileType","script","content","/** \n * Logo generator utility for creating SVG content\n * Works in both client and server environments\n */\n\n// Default X position for text centering - FIXED at 112px as per requirement\nconst DEFAULT_TEXT_X_POSITION = 112;\n\n/**\n * Generate the SVG string for the logo \n * Matches logoAPI implementation exactly\n */\nexport function generateLogoSVG({\n logoWidth,\n logoHeight,\n firstPart,\n lastPart, \n fontFamily,\n bgColor,\n textColor,\n primaryColor,\n secondaryColor,\n emojiSvg,\n emojiX,\n emojiY,\n emojiScale,\n topFontSize,\n bottomFontSize,\n topY, \n bottomY,\n textXPosition = DEFAULT_TEXT_X_POSITION, // Always 112 as per client requirement\n isBoldTop = true,\n isItalicTop = false,\n isBoldBottom = true,\n isItalicBottom = false,\n centerText = true, // Always centered\n singleLineMode = false,\n showGuideLines = false\n}) {\n // Always use the default text X position of 112 (fixed as per requirement)\n textXPosition = DEFAULT_TEXT_X_POSITION;\n \n // For single-line mode with a space in firstPart, we need special handling for the SVG\n // Instead of splitting it into two text elements, we'll use a single text element with tspans\n let svgContent = '';\n \n if (singleLineMode && firstPart.includes(' ')) {\n // Split the first part at the first space\n const spaceIndex = firstPart.indexOf(' ');\n const firstWord = firstPart.substring(0, spaceIndex);\n const restOfText = firstPart.substring(spaceIndex + 1);\n \n // Create a single text element with two tspans for different colors\n // Both parts use topFontSize since we want same size for single-line mode\n svgContent = `\n\n `.trim();\n } else {\n // Standard two-line or single-line without space rendering\n svgContent = `\n\n `.trim();\n }\n \n return svgContent;\n}\n\n/**\n * Create an API endpoint URL to generate a logo with the given parameters\n */\nexport function createLogoAPIUrl(baseUrl, firstPart, lastPart, fontFamily, textColor, primaryColor, secondaryColor, bgColor, emoji) {\n const url = new URL('/api', baseUrl);\n \n // Add all parameters\n url.searchParams.set('firstPart', firstPart);\n url.searchParams.set('lastPart', lastPart || '');\n \n // Only add emoji parameter if specified, otherwise it will use the SDK fallback\n if (emoji) url.searchParams.set('emoji', emoji);\n \n if (fontFamily) url.searchParams.set('fontFamily', fontFamily);\n if (textColor) url.searchParams.set('textColor', textColor);\n if (primaryColor) url.searchParams.set('accentColor', primaryColor);\n if (secondaryColor) url.searchParams.set('secondaryColor', secondaryColor);\n if (bgColor) url.searchParams.set('bgColor', bgColor);\n\n // Add a parameter for text X position - always 112 as per requirement\n url.searchParams.set('textX', DEFAULT_TEXT_X_POSITION.toString());\n\n return url.toString();\n}\n\n/**\n * Generate a downloadable filename based on project name\n */\nexport function createLogoFilename(projectName) {\n return `${projectName.replace(/[^a-z0-9]/gi, '_')}.svg`;\n}\n\n/**\n * Validate a color is a valid hex color\n */\nexport function isValidHexColor(color) {\n return /^#([0-9A-F]{3}){1,2}$/i.test(color);\n}","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/logoWorkshopOpenMoji/code/LogoGenerator.tsx","extension","actionData","errors"]