[{"_1":2,"_169":-5,"_170":-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,"_166":167,"_168":-5},"handle","d17e","name","qrCodeWebhook","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":20,"_107":108,"_109":-5,"_110":-5,"_12":111,"_112":113,"_114":115,"_116":-5,"_117":-5,"_118":32,"_14":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":129,"_132":133,"_135":136,"_148":20},"id","8f8b1f6a-26ca-11f0-9439-569c3dd06744","createdAt",["D",1746131188197],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","0a744029-44f7-4564-bb32-440f8768cbdb","pinnedFileId","8f8dda98-26ca-11f0-9439-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","73c98894-ebf7-475f-ab77-af12ee061f70","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_130":131},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5MDhTdm53U2ROTVVaM0FrQXB4SkpEVzBLSCJ9","org",{"_93":94,"_134":131,"_12":111},"avatar","branch",{"_137":138,"_95":43,"_101":139,"_140":102,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},"version",25,"8f8b6d08-26ca-11f0-9439-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":151,"_95":98,"_152":113,"_153":-5,"_154":139,"_155":138,"_156":115,"_103":157,"_137":158,"_159":160,"_161":162,"_163":20,"_164":-5,"_97":165},"902e58b0-26ca-11f0-9439-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1730058364929],24,"fileType","http","content","import QRCode from \"https://esm.sh/qrcode-svg@1.1.0\";\n\ninterface QRConfig {\n value: string;\n ecl: string;\n penMmSize: number;\n}\n\nfunction generateQrSVGPaths(\n qrData: boolean[][],\n penWidth: number,\n): string[] {\n const paths = [];\n const visited = new Array(qrData.length)\n .fill(0)\n .map(() => new Array(qrData[0].length).fill(false));\n const width = qrData[0].length;\n const pathAdjustment = penWidth / 2;\n const height = qrData.length;\n const overlap = true;\n\n function createPath(\n startX: number,\n startY: number,\n endX: number,\n endY: number,\n penWidth: number,\n ): string {\n return ``;\n }\n\n function visitRow(visited: boolean[][], y: number, startX: number, endX: number) {\n for (let x = startX; x <= endX; x++) {\n visited[y][x] = true;\n }\n }\n\n function visitColumn(visited: boolean[][], x: number, startY: number, endY: number) {\n for (let y = startY; y <= endY; y++) {\n visited[y][x] = true;\n }\n }\n\n // Scan horizontally\n for (let y = 0; y < height; y++) {\n let startX = null;\n for (let x = 0; x < width; x++) {\n if (qrData[y][x] && startX === null) {\n startX = x;\n } else if ((!qrData[y][x] || x === width - 1) && startX !== null) {\n const endX = qrData[y][x] ? x : x - 1;\n if (startX !== endX) {\n paths.push(\n createPath(\n startX * penWidth + pathAdjustment,\n y * penWidth + pathAdjustment,\n (endX + 1) * penWidth - pathAdjustment,\n y * penWidth + pathAdjustment,\n penWidth,\n ),\n );\n visitRow(visited, y, startX, endX);\n }\n startX = null;\n }\n }\n }\n\n // Scan vertically\n for (let x = 0; x < width; x++) {\n let startY = null;\n for (let y = 0; y < height; y++) {\n if (qrData[y][x] && startY === null && (!visited[y][x] || overlap)) {\n startY = y;\n } else if (\n (!qrData[y][x] || y === height - 1 || (visited[y][x] && !overlap))\n && startY !== null\n ) {\n const endY = qrData[y][x] ? (overlap ? y : y - 1) : y - 1;\n if (startY !== endY) {\n paths.push(\n createPath(\n x * penWidth + pathAdjustment,\n startY * penWidth + pathAdjustment,\n x * penWidth + pathAdjustment,\n (endY + 1) * penWidth - pathAdjustment,\n penWidth,\n ),\n );\n visitColumn(visited, x, startY, endY);\n }\n startY = null;\n }\n }\n }\n // Scan for all single black pixels\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n if (qrData[y][x] && !visited[y][x]) {\n paths.push(\n createPath(\n x * penWidth + pathAdjustment,\n y * penWidth + pathAdjustment,\n x * penWidth + (penWidth - pathAdjustment),\n y * penWidth + pathAdjustment,\n penWidth,\n ),\n );\n }\n }\n }\n return paths;\n}\n\nexport default async function(request: Request): Promise {\n if (request.method !== \"POST\" && request.method !== \"GET\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n try {\n let config: QRConfig = {\n value: \"https://qr.d17e.dev\",\n ecl: \"L\",\n penMmSize: 20,\n };\n try {\n config = await request.json();\n } catch (error) {\n console.error(\"bad config using default\");\n }\n\n let dimension = 21;\n let plottableQrSize = dimension * (config.penMmSize || 0);\n let plottableQrViewBox = `0 0 ${plottableQrSize} ${plottableQrSize}`;\n\n const qr = new QRCode({\n content: config.value,\n padding: 0,\n width: dimension,\n height: dimension,\n color: \"#000000\",\n background: \"#ffffff\",\n ecl: config.ecl,\n join: false,\n predefined: false,\n });\n\n const qrData = qr.qrcode.modules;\n if (qrData && qrData.length > dimension) {\n dimension = qrData.length;\n plottableQrSize = dimension * (config.penMmSize || 0);\n plottableQrViewBox = `0 0 ${plottableQrSize} ${plottableQrSize}`;\n }\n\n const paths = generateQrSVGPaths(\n qrData,\n config.penMmSize,\n );\n\n const svg =\n ``;\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n } catch (error) {\n return new Response(\"Bad Request\", { status: 400 });\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/d17e/qrCodeWebhook/code/main.tsx","extension","actionData","errors"]