[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_190":191,"_192":193},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_26":151,"_24":152,"_153":-5,"_154":-5,"_155":51,"_156":157,"_158":43,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","kamalnrf","name","qr-generator","branchName","main","version","path","index.html","project",{"_33":89,"_13":14,"_44":90,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":-5,"_97":-5,"_98":99,"_100":70,"_101":43,"_102":-5,"_103":-5,"_104":105,"_106":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":122,"_123":124,"_125":126,"_127":51},"tree",[54,55,56,57],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","a40ca79c-f3d9-11f0-bb70-42dde27851f2","fileId","3069b518-f3d5-11f0-b2ac-42dde27851f2","parentId","branchId","3dc4f85c-f3d1-11f0-8b0b-42dde27851f2","branchVersion",46,"latest",true,"createdAt",["D",1768677653414],8,"fileType","content","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n

\n \n \n\n\n","deleted",false,"label",[19],{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":63,"_47":24,"_48":86,"_50":51,"_52":-5,"_65":87,"_18":88},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":78,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":79,"_18":80},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":73,"_47":74,"_48":75,"_50":51,"_52":14,"_65":76,"_18":77},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":63,"_47":24,"_48":64,"_50":51,"_52":-5,"_65":66,"_18":67},"2d9e1f38-f48c-11f0-8c67-42dde27851f2","styles.css","894e63de-f3d2-11f0-b1b0-42dde27851f2",50,["D",1768754334634],10,":root {\n --pico-background-color: #0d0d0d;\n --pico-card-background-color: #1a1a1a;\n}\n\nbody {\n min-height: 100vh;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 100%);\n}\n\n.container {\n max-width: 480px;\n padding-top: 2rem;\n}\n\nh1 {\n background: linear-gradient(135deg, #fff 0%, #a5a5a5 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n margin: 1.5rem 0;\n}\n\n.qr-wrapper {\n background: #ffffff;\n border-radius: 24px;\n padding: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n min-width: 312px;\n min-height: 312px;\n transition: background-color 0.2s;\n}\n\n.qr-wrapper svg,\n.qr-wrapper canvas {\n display: block;\n width: 280px;\n height: 280px;\n}\n\n.label-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.25rem;\n}\n\n.style-value {\n font-family: monospace;\n font-size: 0.75rem;\n color: var(--pico-primary);\n background: rgba(99, 102, 241, 0.15);\n padding: 0.2rem 0.5rem;\n border-radius: 4px;\n}\n\n.slider-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.7rem;\n color: rgba(255,255,255,0.35);\n margin-top: 0.25rem;\n padding: 0 0.25rem;\n}\n\ndetails {\n margin: 1rem 0;\n}\n\n.option-group {\n margin-bottom: 1rem;\n}\n\n.option-group:last-child {\n margin-bottom: 0;\n}\n\n.color-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.color-row .option-group {\n margin-bottom: 0;\n}\n\n.color-row input[type=\"color\"] {\n width: 100%;\n height: 42px;\n padding: 4px;\n cursor: pointer;\n}\n\n.action-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.action-buttons button {\n width: 100%;\n margin-bottom: 0;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n opacity: 0.5;\n font-size: 0.875rem;\n}\n\nfooter a {\n color: inherit;\n}\n\n.loading {\n color: rgba(0,0,0,0.4);\n font-size: 0.875rem;\n}\n","children",[],[59],"2a27d248-f3d5-11f0-abd2-42dde27851f2","main.ts","52078352-f3d1-11f0-8ae3-42dde27851f2",23,["D",1768675730924],4,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);\n",[],[69],["D",1768677653414],[],[19],"4cd4620e-f48c-11f0-a538-42dde27851f2","client.js","8e658d1e-f3d4-11f0-8c74-42dde27851f2",51,["D",1768754386995],"// Client-side QR generation\nconst DOT_STYLES = [\"dots\", \"rounded\", \"extra-rounded\", \"classy-rounded\", \"classy\", \"square\"];\nconst CORNER_STYLES = [\"dot\", \"extra-rounded\", \"square\"];\n\nlet qrCode = null;\n\nconst state = {\n link: \"https://val.town\",\n dotIndex: 0,\n cornerSquareIndex: 1,\n cornerDotIndex: 0,\n pixelColor: \"#000000\",\n bgColor: \"#ffffff\"\n};\n\nconst getQrOptions = (type = \"canvas\") => ({\n width: 560,\n height: 560,\n type,\n data: state.link || \"https://val.town\",\n dotsOptions: {\n color: state.pixelColor,\n type: DOT_STYLES[state.dotIndex]\n },\n backgroundOptions: {\n color: state.bgColor\n },\n cornersSquareOptions: {\n type: CORNER_STYLES[state.cornerSquareIndex],\n color: state.pixelColor\n },\n cornersDotOptions: {\n type: CORNER_STYLES[state.cornerDotIndex],\n color: state.pixelColor\n }\n});\n\nlet updateTimeout;\nconst updateQR = () => {\n clearTimeout(updateTimeout);\n updateTimeout = setTimeout(() => {\n if (qrCode) {\n qrCode.update(getQrOptions());\n // Update wrapper background to match QR background\n document.getElementById(\"qr-wrapper\").style.backgroundColor = state.bgColor;\n }\n }, 50);\n};\n\nconst randomize = () => {\n state.dotIndex = Math.floor(Math.random() * DOT_STYLES.length);\n state.cornerSquareIndex = Math.floor(Math.random() * CORNER_STYLES.length);\n state.cornerDotIndex = Math.floor(Math.random() * CORNER_STYLES.length);\n state.pixelColor = '#' + Math.floor(Math.random()*16777215).toString(16).padStart(6, '0');\n \n // Random pastel background (light but colorful, keeps scannable)\n const hue = Math.floor(Math.random() * 360);\n const sat = 40 + Math.floor(Math.random() * 40); // 40-80%\n const light = 85 + Math.floor(Math.random() * 12); // 85-97%\n state.bgColor = hslToHex(hue, sat, light);\n \n // Update UI\n document.getElementById(\"dot-slider\").value = state.dotIndex;\n document.getElementById(\"dot-value\").textContent = DOT_STYLES[state.dotIndex];\n document.getElementById(\"corner-square-slider\").value = state.cornerSquareIndex;\n document.getElementById(\"corner-square-value\").textContent = CORNER_STYLES[state.cornerSquareIndex];\n document.getElementById(\"corner-dot-slider\").value = state.cornerDotIndex;\n document.getElementById(\"corner-dot-value\").textContent = CORNER_STYLES[state.cornerDotIndex];\n document.getElementById(\"pixel-color\").value = state.pixelColor;\n document.getElementById(\"bg-color\").value = rgbToHex(state.bgColor);\n \n updateQR();\n};\n\nconst rgbToHex = (rgb) => {\n if (rgb.startsWith('#')) return rgb;\n const match = rgb.match(/\\d+/g);\n if (!match) return '#ffffff';\n return '#' + match.slice(0,3).map(x => parseInt(x).toString(16).padStart(2,'0')).join('');\n};\n\nconst hslToHex = (h, s, l) => {\n s /= 100;\n l /= 100;\n const a = s * Math.min(l, 1 - l);\n const f = n => {\n const k = (n + h / 30) % 12;\n const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n return Math.round(255 * color).toString(16).padStart(2, '0');\n };\n return `#${f(0)}${f(8)}${f(4)}`;\n};\n\nasync function loadQRLibrary() {\n try {\n const mod = await import(\"https://esm.sh/qr-code-styling@1.6.0-rc.1?bundle\");\n return mod.default || mod;\n } catch (e) {\n console.warn(\"ESM import failed, trying alternate:\", e);\n }\n \n return new Promise((resolve, reject) => {\n const script = document.createElement(\"script\");\n script.src = \"https://unpkg.com/qr-code-styling@1.5.0/lib/qr-code-styling.js\";\n script.onload = () => resolve(window.QRCodeStyling);\n script.onerror = reject;\n document.head.appendChild(script);\n });\n}\n\nasync function init() {\n const wrapper = document.getElementById(\"qr-wrapper\");\n \n try {\n const QRCodeStyling = await loadQRLibrary();\n \n if (!QRCodeStyling) {\n throw new Error(\"QRCodeStyling not found\");\n }\n \n wrapper.innerHTML = \"\";\n qrCode = new QRCodeStyling(getQrOptions());\n qrCode.append(wrapper);\n \n // Randomize on first load\n randomize();\n } catch (e) {\n console.error(\"QR library failed:\", e);\n wrapper.innerHTML = 'Failed: ' + e.message + '';\n return;\n }\n \n // URL input\n document.getElementById(\"link-input\").addEventListener(\"input\", (e) => {\n state.link = e.target.value;\n updateQR();\n });\n \n // Dot slider\n const dotSlider = document.getElementById(\"dot-slider\");\n const dotValue = document.getElementById(\"dot-value\");\n dotSlider.addEventListener(\"input\", (e) => {\n state.dotIndex = parseInt(e.target.value);\n dotValue.textContent = DOT_STYLES[state.dotIndex];\n updateQR();\n });\n \n // Corner square slider\n const cornerSquareSlider = document.getElementById(\"corner-square-slider\");\n const cornerSquareValue = document.getElementById(\"corner-square-value\");\n cornerSquareSlider.addEventListener(\"input\", (e) => {\n state.cornerSquareIndex = parseInt(e.target.value);\n cornerSquareValue.textContent = CORNER_STYLES[state.cornerSquareIndex];\n updateQR();\n });\n \n // Corner dot slider\n const cornerDotSlider = document.getElementById(\"corner-dot-slider\");\n const cornerDotValue = document.getElementById(\"corner-dot-value\");\n cornerDotSlider.addEventListener(\"input\", (e) => {\n state.cornerDotIndex = parseInt(e.target.value);\n cornerDotValue.textContent = CORNER_STYLES[state.cornerDotIndex];\n updateQR();\n });\n \n // Pixel color\n document.getElementById(\"pixel-color\").addEventListener(\"input\", (e) => {\n state.pixelColor = e.target.value;\n updateQR();\n });\n \n // Background color\n document.getElementById(\"bg-color\").addEventListener(\"input\", (e) => {\n state.bgColor = e.target.value;\n updateQR();\n });\n \n // Randomize\n document.getElementById(\"randomize-btn\").addEventListener(\"click\", randomize);\n \n // Download / Share\n document.getElementById(\"download-btn\").addEventListener(\"click\", async () => {\n if (!qrCode) return;\n \n const canvas = document.querySelector(\"#qr-wrapper canvas\");\n if (!canvas) {\n qrCode.download({ name: \"qr-code\", extension: \"png\" });\n return;\n }\n \n // Try Web Share API on mobile\n if (navigator.share && navigator.canShare) {\n try {\n const blob = await new Promise(resolve => canvas.toBlob(resolve, \"image/png\"));\n const file = new File([blob], \"qr-code.png\", { type: \"image/png\" });\n \n if (navigator.canShare({ files: [file] })) {\n await navigator.share({\n files: [file],\n title: \"QR Code\"\n });\n return;\n }\n } catch (e) {\n // User cancelled or share failed, fall back to download\n if (e.name !== \"AbortError\") {\n console.warn(\"Share failed:\", e);\n }\n }\n }\n \n // Fallback to regular download\n qrCode.download({ name: \"qr-code\", extension: \"png\" });\n });\n}\n\ninit();\n",[],[82],"3dc47882-f3d1-11f0-8b0b-42dde27851f2",["D",1768674045845],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_143":139},"org",{"_11":12,"_136":137,"_138":139,"_98":99,"_140":141,"_142":51},"branch",{"_17":84,"_13":16,"_33":39,"_128":89,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_44":186,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":-5,"_97":-5,"_98":99,"_100":70,"_101":43,"_102":-5,"_103":-5,"_104":105,"_106":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":187,"_123":188,"_125":189,"_127":51},[174,175,176,177],"files",[174,175,176,177],"counts",{"_164":105,"_165":166,"_167":105,"_32":168,"_169":170},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":163},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches",1,"forks",{"_171":105,"_173":105},"connections",{"_171":105,"_172":105},"count","unfilledCount","emptyCount",{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":63,"_47":24,"_48":86,"_50":51,"_52":-5,"_65":184,"_18":185},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":78,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":182,"_18":183},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":73,"_47":74,"_48":75,"_50":51,"_52":14,"_65":180,"_18":181},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":63,"_47":24,"_48":64,"_50":51,"_52":-5,"_65":178,"_18":179},[],[59],[],[69],[],[19],[],[82],["D",1768674045845],{"_11":12,"_143":139},{"_11":12,"_136":137,"_138":139,"_98":99,"_140":141,"_142":51},{"_17":84,"_13":16,"_33":39,"_128":89,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"ctx",{"_121":-5,"_160":223,"_224":225,"_226":227,"_228":51,"_229":51,"_230":51,"_231":43,"_232":-5,"_233":-7,"_234":-7,"_235":105,"_236":51,"_237":51,"_238":-5,"_239":51,"_240":51,"_241":51,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":16,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]