 elements containing JSON\n  document.querySelectorAll(\"pre\").forEach((pre) => {\n    try {\n      // Parse the JSON content\n      const jsonData = JSON.parse(pre.textContent);\n\n      // Enhanced JSON stringifier that adds minimal HTML formatting\n      function enhanceJSON(obj, indent = 0) {\n        const spacing = \"  \".repeat(indent);\n\n        if (obj === null) return \"null\";\n        if (typeof obj === \"boolean\") return obj;\n        if (typeof obj === \"number\") {\n          // Check if it's likely a timestamp (10 or 13 digits)\n          if (\n            Number.isInteger(obj) &&\n            (obj.toString().length === 10 || obj.toString().length === 13)\n          ) {\n            const date = new Date(\n              obj.toString().length === 10 ? obj * 1000 : obj,\n            );\n            if (date.getTime() > 0 && date.getFullYear() > 1990) {\n              return `${obj} (${date.toLocaleString()})`;\n            }\n          }\n          return obj;\n        }\n        if (typeof obj === \"string\") {\n          // Check if it's a URL\n          if (/^https?:\\/\\//.test(obj)) {\n            return `\"${obj}\"`;\n          }\n          return `\"${obj}\"`;\n        }\n\n        if (Array.isArray(obj)) {\n          if (obj.length === 0) return \"[]\";\n          const items = obj.map((item) =>\n            `${spacing}  ${enhanceJSON(item, indent + 1)}`\n          );\n          return `[\\n${items.join(\",\\n\")}\\n${spacing}]`;\n        }\n\n        if (typeof obj === \"object\") {\n          const keys = Object.keys(obj);\n          if (keys.length === 0) return \"{}\";\n          const items = keys.map((key) =>\n            `${spacing}  \"${key}\": ${enhanceJSON(obj[key], indent + 1)}`\n          );\n          return `{\\n${items.join(\",\\n\")}\\n${spacing}}`;\n        }\n\n        return obj;\n      }\n\n      // Replace the content with enhanced HTML\n      pre.innerHTML = enhanceJSON(jsonData);\n    } catch (e) {\n      // If it's not valid JSON, leave it as-is\n      console.log(\"Not valid JSON, skipping enhancement\");\n    }\n  });\n});",[],[174],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":184,"_99":32,"_163":185,"_165":186,"_167":22,"_168":-5,"_169":187,"_98":188},"f886dd4a-9413-11f0-aa5d-0224a6c84d84","main.tsx","019959c0-3b11-7296-bb68-1530e4b63704",["D",1758147394232],"http","import { deleteCookie, getCookies, setCookie } from \"jsr:@std/http/cookie\";\nimport ValTown from \"jsr:@valtown/sdk\";\nimport * as client from \"npm:openid-client\";\nimport { getSession, initializeDatabase, storeSession } from \"./db.ts\";\n\nawait initializeDatabase();\nconst config: client.Configuration = await client.discovery(\n  new URL(`https://www.val.town/oauth`),\n  \"val_town_townie\",\n  { client_secret: Deno.env.get(\"OAUTH_TOWNIE_CLIENT_SECRET\") },\n  undefined,\n  {},\n);\n\nexport default async function (req: Request): Promise {\n  const url = new URL(req.url);\n  if (url.pathname === \"/favicon.ico\") {\n    return new Response(null, { status: 404 });\n  }\n  if (url.pathname === \"/logout\") {\n    const headers = new Headers({\n      \"location\": \"/\",\n    });\n    deleteCookie(headers, \"_session\");\n    return new Response(null, { status: 302, headers });\n  }\n\n  if (url.pathname === \"/login\") {\n    const codeVerifier: string = client.randomPKCECodeVerifier();\n    const codeChallenge: string = await client.calculatePKCECodeChallenge(\n      codeVerifier,\n    );\n    const parameters: Record = {\n      redirect_uri: \"https://maxm-townie.val.run/\",\n      // offline_access gets you refresh token and openid gets you permission to\n      // view user info\n      scope:\n        \"val_r val_rw user_r user_rw blob_r blob_rw email_r email_rw sqlite_r sqlite_rw offline_access openid email\",\n      code_challenge: codeChallenge,\n      code_challenge_method: \"S256\",\n      prompt: \"login consent\",\n      state: client.randomState(),\n    };\n\n    const redirectTo: URL = client.buildAuthorizationUrl(config, parameters);\n    const headers = new Headers({ \"location\": redirectTo.toString() });\n    deleteCookie(headers, \"_session\");\n    setCookie(headers, { name: \"codeVerifier\", value: codeVerifier });\n    setCookie(headers, { name: \"state\", value: parameters.state });\n    return new Response(\n      \"Redirecting to \" + redirectTo.toString(),\n      { headers, status: 302 },\n    );\n  }\n\n  const cookies = getCookies(req.headers);\n  if (cookies._session) {\n    const session = await getSession(cookies._session, config);\n    const vt = new ValTown({ bearerToken: session.access_token });\n    const profile = await vt.me.profile.retrieve();\n    return new Response(\n      `\n      \n      Hello ${profile.username}!
\n      
\n      ${JSON.stringify(profile, null, 2)}
\n      
\n      ${JSON.stringify(session, null, 2)}
\n      
\n      Logout
`,\n      {\n        headers: { \"content-type\": \"text/html\" },\n      },\n    );\n  }\n\n  if (url.searchParams.has(\"code\")) {\n    console.log(cookies, url);\n    const tokens: client.TokenEndpointResponse = await client\n      .authorizationCodeGrant(config, new URL(url), {\n        pkceCodeVerifier: cookies.codeVerifier,\n        expectedState: cookies.state,\n      });\n    const headers = new Headers({ \"location\": \"/\" });\n    console.log(tokens);\n    const sessionId = crypto.randomUUID();\n    const session = await storeSession(sessionId, tokens);\n    console.log(session);\n    setCookie(headers, { name: \"_session\", value: sessionId });\n    return new Response(JSON.stringify(tokens), { headers, status: 302 });\n  }\n  return new Response(\n    `Login With Val Town!
`,\n    {\n      headers: { \"Content-Type\": \"text/html\" },\n    },\n  );\n}",[],[182],"files",[152,172,180],"counts",{"_193":32,"_194":135,"_195":32,"_196":135},"pulls","branches","forks","envVars","contents",[199,202,205],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":200,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":201},["D",1758147394232],[154],{"_102":173,"_95":174,"_155":175,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":203,"_99":32,"_163":164,"_165":177,"_167":22,"_168":-5,"_98":204},["D",1758147394232],[174],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":206,"_99":32,"_163":185,"_165":186,"_167":22,"_168":-5,"_98":207},["D",1758147394232],[182],"file","upstreamProject",{"_102":144,"_95":96,"_110":-5,"_111":-5,"_108":109,"_23":211},{"_93":212,"_128":213},"maxm","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","upstreamBranch",{"_102":139,"_104":216,"_217":218,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_219":220,"_106":-5,"_149":22,"_108":109,"_148":212,"_16":146,"_147":96},["D",1745325417561],"updatedAt",["D",1757086210128],"lockfileKey","1757086210852-esm.town_v_maxm_oauthExample@103-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":227,"_197":232,"_239":-7,"_240":241,"_244":-5,"_189":245,"_255":256},{"_102":103,"_95":96,"_104":228,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":229,"_130":230,"_133":231,"_149":22},["D",1758147394232],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":139,"_140":141,"_142":109,"_143":144,"_145":146,"_147":96,"_148":94},[233,235,237],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":200,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_98":234},[154],{"_102":173,"_95":174,"_155":175,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":203,"_99":32,"_163":164,"_165":177,"_167":22,"_168":-5,"_98":236},[174],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":206,"_99":32,"_163":185,"_165":186,"_167":22,"_168":-5,"_98":238},[182],"readme","upstream",{"_102":139,"_104":242,"_217":243,"_95":43,"_137":144,"_99":141,"_138":-5,"_140":-5,"_219":220,"_106":-5,"_149":22,"_108":109,"_148":212,"_16":146,"_147":96},["D",1745325417561],["D",1757086210128],"pull",[246,249,252],{"_102":153,"_95":154,"_155":156,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":162,"_99":32,"_163":164,"_165":166,"_167":22,"_168":-5,"_169":247,"_98":248},[],[154],{"_102":173,"_95":174,"_155":175,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":176,"_99":32,"_163":164,"_165":177,"_167":22,"_168":-5,"_169":250,"_98":251},[],[174],{"_102":181,"_95":182,"_155":183,"_157":-5,"_158":136,"_159":135,"_160":161,"_104":184,"_99":32,"_163":185,"_165":186,"_167":22,"_168":-5,"_169":253,"_98":254},[],[182],"previews",[252],"actionData","errors"]