[{"_1":2,"_173":-5,"_174":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":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","isTeamOrgMember","ENV",{"_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":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","5f8f00a127b1349c32de089cedf4e10bc7855654","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",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":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",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_153":154,"_170":171,"_172":-5},"handle","fab1an","name","GetImageSize","path","main.tsx","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":116,"_117":116,"_118":-5,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_152":20},"id","53640f50-993a-11f0-a942-0224a6c84d84","createdAt",["D",1758713623460],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","4bc8ca24-1432-4100-9533-5acb466d69cc","pinnedFileId","01997b80-33d1-74a9-9214-ccc33a579334","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","63337a3c-7eda-424d-97a5-90aa61c0c240","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://www.gravatar.com/avatar/?d=mp","org",{"_94":95,"_135":132,"_12":112},"avatar","branch",{"_138":139,"_96":44,"_102":140,"_141":103,"_142":143,"_144":145,"_146":109,"_147":148,"_149":120,"_150":97,"_151":95},"version",2,"5367aff2-993a-11f0-a942-0224a6c84d84","projectId","forkedBranchId","b31d473e-71f0-11f0-a3aa-0224a6c84d84","forkedBranchVersion",4,"forkedProjectPrivacy","forkedProjectId","b31ce438-71f0-11f0-a3aa-0224a6c84d84","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":155,"_96":99,"_156":114,"_157":-5,"_158":140,"_159":139,"_160":116,"_104":161,"_138":162,"_163":164,"_165":166,"_167":20,"_168":-5,"_98":169},"5f2d36ae-993a-11f0-a99c-0224a6c84d84","fileId","parentId","branchId","branchVersion","latest",["D",1758713643230],1,"fileType","http","content","export default async function (req: Request): Promise {\n // Accept both GET with query param and POST with JSON\n let imageUrl: string | null = null;\n\n if (req.method === \"GET\") {\n const url = new URL(req.url);\n imageUrl = url.searchParams.get(\"url\");\n } else if (req.method === \"POST\") {\n try {\n const body = await req.json();\n imageUrl = body.url;\n } catch (error) {\n return new Response(JSON.stringify({ error: \"Invalid JSON\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n } else {\n return new Response(\n JSON.stringify({ error: \"Only GET and POST methods allowed\" }),\n {\n status: 405,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n if (!imageUrl) {\n return new Response(\n JSON.stringify({\n error: 'No URL provided. Use ?url= for GET or {\"url\": \"...\"} for POST',\n }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n try {\n // Download the image file\n const response = await fetch(imageUrl);\n if (!response.ok) {\n return new Response(\n JSON.stringify({ error: \"Failed to download image file\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n // Check content type\n const contentType = response.headers.get(\"content-type\");\n if (contentType && !contentType.startsWith(\"image/\")) {\n return new Response(\n JSON.stringify({ error: \"URL does not point to an image file\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n // Convert to ArrayBuffer\n const arrayBuffer = await response.arrayBuffer();\n const buffer = new Uint8Array(arrayBuffer);\n\n // Parse image dimensions\n const dimensions = await getImageDimensions(buffer);\n\n if (!dimensions) {\n return new Response(\n JSON.stringify({ error: \"Could not determine image dimensions\" }),\n {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n\n return new Response(\n JSON.stringify({\n width: dimensions.width,\n height: dimensions.height,\n resolution: `${dimensions.width}x${dimensions.height}`,\n }),\n {\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n },\n );\n } catch (error) {\n return new Response(\n JSON.stringify({ error: \"Failed to process image file\" }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n}\n\n// Image dimensions parser for multiple formats\nasync function getImageDimensions(\n buffer: Uint8Array,\n): Promise<{ width: number; height: number } | null> {\n try {\n // Check image format and parse accordingly\n if (isPNG(buffer)) {\n return parsePNG(buffer);\n } else if (isJPEG(buffer)) {\n return parseJPEG(buffer);\n } else if (isGIF(buffer)) {\n return parseGIF(buffer);\n } else if (isWebP(buffer)) {\n return parseWebP(buffer);\n } else if (isBMP(buffer)) {\n return parseBMP(buffer);\n } else {\n return null;\n }\n } catch (error) {\n return null;\n }\n}\n\n// Format detection functions\nfunction isPNG(buffer: Uint8Array): boolean {\n return buffer.length >= 8 &&\n buffer[0] === 0x89 && buffer[1] === 0x50 && buffer[2] === 0x4E &&\n buffer[3] === 0x47 &&\n buffer[4] === 0x0D && buffer[5] === 0x0A && buffer[6] === 0x1A &&\n buffer[7] === 0x0A;\n}\n\nfunction isJPEG(buffer: Uint8Array): boolean {\n return buffer.length >= 2 && buffer[0] === 0xFF && buffer[1] === 0xD8;\n}\n\nfunction isGIF(buffer: Uint8Array): boolean {\n return buffer.length >= 6 &&\n buffer[0] === 0x47 && buffer[1] === 0x49 && buffer[2] === 0x46 &&\n buffer[3] === 0x38 && (buffer[4] === 0x37 || buffer[4] === 0x39) &&\n buffer[5] === 0x61;\n}\n\nfunction isWebP(buffer: Uint8Array): boolean {\n return buffer.length >= 12 &&\n buffer[0] === 0x52 && buffer[1] === 0x49 && buffer[2] === 0x46 &&\n buffer[3] === 0x46 &&\n buffer[8] === 0x57 && buffer[9] === 0x45 && buffer[10] === 0x42 &&\n buffer[11] === 0x50;\n}\n\nfunction isBMP(buffer: Uint8Array): boolean {\n return buffer.length >= 2 && buffer[0] === 0x42 && buffer[1] === 0x4D;\n}\n\n// Format-specific parsers\nfunction parsePNG(\n buffer: Uint8Array,\n): { width: number; height: number } | null {\n if (buffer.length < 24) return null;\n\n // PNG dimensions are in the IHDR chunk (bytes 16-23)\n const width = (buffer[16] << 24) | (buffer[17] << 16) | (buffer[18] << 8) |\n buffer[19];\n const height = (buffer[20] << 24) | (buffer[21] << 16) | (buffer[22] << 8) |\n buffer[23];\n\n return { width, height };\n}\n\nfunction parseJPEG(\n buffer: Uint8Array,\n): { width: number; height: number } | null {\n let offset = 2; // Skip initial FF D8\n\n while (offset < buffer.length - 1) {\n if (buffer[offset] !== 0xFF) break;\n\n const marker = buffer[offset + 1];\n\n // SOF markers (Start of Frame)\n if (\n (marker >= 0xC0 && marker <= 0xC3) ||\n (marker >= 0xC5 && marker <= 0xC7) ||\n (marker >= 0xC9 && marker <= 0xCB) || (marker >= 0xCD && marker <= 0xCF)\n ) {\n if (offset + 9 >= buffer.length) break;\n\n const height = (buffer[offset + 5] << 8) | buffer[offset + 6];\n const width = (buffer[offset + 7] << 8) | buffer[offset + 8];\n\n return { width, height };\n }\n\n // Skip to next marker\n if (offset + 3 >= buffer.length) break;\n const segmentLength = (buffer[offset + 2] << 8) | buffer[offset + 3];\n offset += segmentLength + 2;\n }\n\n return null;\n}\n\nfunction parseGIF(\n buffer: Uint8Array,\n): { width: number; height: number } | null {\n if (buffer.length < 10) return null;\n\n // GIF dimensions are at bytes 6-9 (little-endian)\n const width = buffer[6] | (buffer[7] << 8);\n const height = buffer[8] | (buffer[9] << 8);\n\n return { width, height };\n}\n\nfunction parseWebP(\n buffer: Uint8Array,\n): { width: number; height: number } | null {\n if (buffer.length < 30) return null;\n\n // Check for VP8 format\n if (\n buffer[12] === 0x56 && buffer[13] === 0x50 && buffer[14] === 0x38 &&\n buffer[15] === 0x20\n ) {\n // VP8 format\n if (buffer.length < 30) return null;\n\n const width = (buffer[26] | (buffer[27] << 8)) & 0x3FFF;\n const height = (buffer[28] | (buffer[29] << 8)) & 0x3FFF;\n\n return { width, height };\n }\n\n // Check for VP8L format\n if (\n buffer[12] === 0x56 && buffer[13] === 0x50 && buffer[14] === 0x38 &&\n buffer[15] === 0x4C\n ) {\n // VP8L format\n if (buffer.length < 25) return null;\n\n const bits = buffer[21] | (buffer[22] << 8) | (buffer[23] << 16) |\n (buffer[24] << 24);\n const width = (bits & 0x3FFF) + 1;\n const height = ((bits >> 14) & 0x3FFF) + 1;\n\n return { width, height };\n }\n\n return null;\n}\n\nfunction parseBMP(\n buffer: Uint8Array,\n): { width: number; height: number } | null {\n if (buffer.length < 26) return null;\n\n // BMP dimensions are at bytes 18-25 (little-endian)\n const width = buffer[18] | (buffer[19] << 8) | (buffer[20] << 16) |\n (buffer[21] << 24);\n const height = Math.abs(\n buffer[22] | (buffer[23] << 8) | (buffer[24] << 16) | (buffer[25] << 24),\n );\n\n return { width, height };\n}","deleted","label",[99],"permalink","https://www.val.town/x/fab1an/GetImageSize/code/main.tsx","extension","actionData","errors"]