[{"_1":2,"_227":-5,"_228":-5},"loaderData",{"_3":4,"_91":92,"_203":204},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":32,"_33":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"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":22,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":22,"_90":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":22,"_21":22,"_82":72,"_83":84,"_85":72,"_86":45,"_87":22,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_93":94,"_95":96,"_97":43,"_98":99,"_100":101,"_102":103,"_151":152,"_181":182,"_183":184,"_192":193,"_164":194,"_197":-5,"_198":-5,"_199":22,"_200":22,"_201":202},"handle","d17e","name","qrCodeWebhook","branchName","path","README.md","version",6,"project",{"_104":105,"_95":96,"_106":107,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":132,"_135":136,"_138":139,"_150":22},"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,"_133":134},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5MDhTdm53U2ROTVVaM0FrQXB4SkpEVzBLSCJ9","org",{"_93":94,"_137":134,"_14":114},"avatar","branch",{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},25,"8f8b6d08-26ca-11f0-9439-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[153,172],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":118,"_106":162,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":170,"_98":171},"8f8de1d2-26ca-11f0-9439-569c3dd06744","fileId","8f8de268-26ca-11f0-9439-569c3dd06744","parentId","branchId","branchVersion",1,"latest",["D",1729621948009],"fileType","file","content","Get the SVG for a plottable QR code:\n\n```bash\ncurl https://d17e-qrcodewebhook.web.val.run -H \"Content-Type: application/json\" -d '{ \"value\":\"https://qr.d17e.dev\", \"ecl\": \"L\", \"penMmSize\": 0.5}'\n```","deleted","label","children",[],[99],{"_104":173,"_95":174,"_155":116,"_157":-5,"_158":141,"_159":101,"_161":22,"_106":175,"_100":176,"_163":177,"_165":178,"_167":22,"_168":-5,"_169":179,"_98":180},"8fb95a56-26ca-11f0-9439-569c3dd06744","main.tsx",["D",1729623590883],5,"http","import QRCode from \"https://esm.sh/qrcode-svg@1.1.0\";\n\ninterface QRConfig {\n value: string;\n ecl: string;\n penMmSize: number;\n overlap: boolean;\n transparent: boolean;\n}\n\nfunction generateQrSVGPaths(\n qrData: boolean[][],\n penWidth: number,\n overlap: boolean,\n transparent: boolean,\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\n function createPath(\n startX: number,\n startY: number,\n endX: number,\n endY: number,\n penWidth: number,\n transparent: boolean,\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 transparent,\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 transparent,\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 transparent,\n ),\n );\n }\n }\n }\n return paths;\n}\n\nexport default async function(request: Request): Promise {\n if (request.method !== \"POST\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n try {\n const config: QRConfig = await request.json();\n console.log(\"config\", config);\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 || 0.5,\n config.overlap || false,\n config.transparent || false,\n );\n paths.pop(); // Remove the last path which is the total path length\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}",[],[174],"files",[153,172],"counts",{"_185":32,"_186":160,"_187":32,"_188":189},"pulls","branches","forks","envVars",{"_190":32,"_191":32},"count","emptyCount","contents",[],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":118,"_106":195,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":196},["D",1729621948009],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":205,"_151":210,"_181":217,"_164":218,"_192":220,"_221":-5,"_222":-5,"_223":-5,"_224":-5,"_225":226},{"_104":105,"_95":96,"_106":206,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":207,"_135":208,"_138":209,"_150":22},["D",1746131188197],{"_93":94,"_133":134},{"_93":94,"_137":134,"_14":114},{"_100":140,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[211,214],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":118,"_106":162,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":212,"_98":213},[],[99],{"_104":173,"_95":174,"_155":116,"_157":-5,"_158":141,"_159":101,"_161":22,"_106":175,"_100":176,"_163":177,"_165":178,"_167":22,"_168":-5,"_169":215,"_98":216},[],[174],[211,214],{"_104":154,"_95":99,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":118,"_106":195,"_100":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":219},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]