[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":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","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_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,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","807fcf9310514ac3300af510441b05f48071d6f0","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",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":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",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_153":154,"_172":173,"_174":-5},"handle","suchaaa","name","untitled-3269","path","main.ts","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_139":140,"_152":20},"id","a9874d1e-f95e-11f0-a5d2-42dde27851f2","createdAt",["D",1769284541491],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","164082b0-ea04-11ef-8e80-0ffb348489f4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","09d8972a-4e56-42c9-85b7-d10ed306e3ab","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yc3pDOXBRVlozSHQ1QjJiN3lDTVVGa1FYM1QifQ","org",{"_95":96,"_136":133,"_12":113,"_137":138},"avatar","tier","free","branch",{"_141":142,"_97":45,"_103":143,"_144":104,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":98,"_151":96},"version",4,"a98797d8-f95e-11f0-a5d2-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":155,"_97":100,"_156":157,"_158":-5,"_159":143,"_160":142,"_161":162,"_105":163,"_141":164,"_165":166,"_167":168,"_169":20,"_170":-5,"_99":171},"b4f6d71e-f95e-11f0-ae7a-42dde27851f2","fileId","a989dcbe-f95e-11f0-a5d2-42dde27851f2","parentId","branchId","branchVersion","latest",true,["D",1769284560666],3,"fileType","http","content","import { html } from \"https://esm.town/v/std/html\";\n\nexport default function (req: Request): Response {\n // Konfiguracja kolorów i wymiarów\n const width = 600;\n const height = 800;\n const colors = {\n bg: \"#FFFBE6\", // Jasne tło kuchenne\n milk: \"#FFFDF0\", // Kremowe mleko\n milkShadow: \"#EBEBD3\", // Cień mleka dla głębi\n bowl: \"#D92525\", // Czerwona miska\n bowlRim: \"#FF4D4D\", // Jaśniejszy rant miski\n cerealBase: [101, 67, 33], // Brązowy kolor kulek (RGB)\n spoon: \"#C0C0C0\", // Srebrna łyżka\n skin: \"#FFDCB1\", // Kolor skóry postaci\n shirt: \"#3498db\", // Kolor koszulki\n };\n\n // --- Funkcje pomocnicze ---\n\n // Funkcja generująca losowe brązowe kulki w danym obszarze\n function generateCereal(count, minX, maxX, minY, maxY, inLiquid = false) {\n let shapes = \"\";\n for (let i = 0; i < count; i++) {\n const x = Math.random() * (maxX - minX) + minX;\n const y = Math.random() * (maxY - minY) + minY;\n const r = Math.random() * 7 + 5; // Promień kulki (5-12px)\n\n // Lekka wariacja koloru brązowego dla realizmu\n const shade = (Math.random() - 0.5) * 30;\n const color = `rgb(${colors.cerealBase[0] + shade}, ${\n colors.cerealBase[1] + shade\n }, ${colors.cerealBase[2] + shade})`;\n\n // Jeśli kulka jest w \"rzece\", dodajemy lekkie zanurzenie (obwódkę)\n const stroke = inLiquid\n ? `stroke=\"${colors.milkShadow}\" stroke-width=\"2\"`\n : \"\";\n\n shapes +=\n ``;\n }\n return shapes;\n }\n\n // --- Generowanie SVG ---\n\n // 1. Tło i Rzeka Mleka\n // Używamy krzywych Beziera (path) do narysowania falującej rzeki na dole\n const milkRiver = `\n \n \n `;\n\n // 2. Miska i Wylewające się mleko\n const bowlX = width / 2;\n const bowlY = height - 280;\n const bowlRadiusX = 140;\n const bowlRadiusY = 70;\n\n // Mleko wylewające się z miski do rzeki (kształt lejka)\n const overflowMilk = `\n \n `;\n\n // Sama miska (elipsy dla efektu 3D)\n const redBowl = `\n \n \n \n `;\n\n // 3. Kulki (Cereal)\n // Generujemy je w trzech partiach: w rzece, w wylewie i w misce\n const cerealInRiver = generateCereal(\n 150,\n 0,\n width,\n height - 220,\n height,\n true,\n );\n const cerealInOverflow = generateCereal(\n 40,\n bowlX - 80,\n bowlX + 80,\n bowlY,\n bowlY + 120,\n true,\n );\n const cerealInBowl = generateCereal(\n 80,\n bowlX - 100,\n bowlX + 100,\n bowlY - 30,\n bowlY + 30,\n );\n\n // 4. Łyżka (zwisająca z góry)\n const spoonX = width / 2;\n const spoonTipY = 250;\n const spoon = `\n \n \n `;\n\n // 5. Postać (Ty) zwisająca na jednej ręce\n // Rysujemy uproszczoną postać w stylu cartoon\n const charY = spoonTipY + 40;\n const character = `\n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n `;\n\n // Składanie całego SVG\n const svgContent = `\n \n `;\n\n // Zwracamy odpowiedź jako obrazek SVG\n return new Response(svgContent, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n}","deleted","label",[100],"permalink","https://www.val.town/x/suchaaa/untitled-3269/code/main.ts","extension","actionData","errors"]