[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_137":-5,"_20":138,"_22":139,"_140":141,"_142":143,"_26":144,"_24":145,"_146":-5,"_147":-5,"_148":59,"_149":150,"_151":56,"_152":-5,"_153":-5,"_154":155},"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","maxm","name","oauthExample","branchName","main","version","path","main.tsx","project",{"_33":82,"_13":14,"_45":83,"_84":-5,"_85":59,"_86":87,"_88":87,"_89":-5,"_90":-5,"_91":92,"_93":38,"_94":56,"_95":-5,"_96":97,"_98":99,"_100":101,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":116,"_117":118,"_119":120,"_121":59},"tree",[52,53,54],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":42,"_17":43,"_44":-5,"_45":46,"_47":48,"_49":50,"_18":51},"contents",[],"upstream","pull","ahead","behind","envVars","id","5c3d8d3a-89cd-11f0-bf97-0224a6c84d84","branchId","7ad214ee-1f76-11f0-806a-569c3dd06744","fileId","7edff178-1f76-11f0-b020-569c3dd06744","content","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}","fileType","http",101,"parentId","createdAt",["D",1757017555718],"branchVersion",102,"label","maxm-townie",[19],{"_33":73,"_13":74,"_37":75,"_44":-5,"_35":36,"_47":76,"_55":56,"_45":77,"_17":78,"_41":69,"_39":79,"_58":59,"_49":-5,"_60":80,"_18":81},{"_33":63,"_13":64,"_37":65,"_44":-5,"_35":36,"_47":66,"_55":56,"_45":67,"_17":68,"_41":69,"_39":70,"_58":59,"_49":-5,"_60":71,"_18":72},{"_33":34,"_13":19,"_37":38,"_44":-5,"_35":36,"_47":48,"_55":56,"_45":57,"_17":43,"_41":42,"_39":40,"_58":59,"_49":50,"_60":61,"_18":62},"latest",true,["D",1757017555718],"deleted",false,"children",[],[19],"dbe9e7c2-89c8-11f0-a422-0224a6c84d84","magic-pre-handler.ts","dbe9e844-89c8-11f0-a422-0224a6c84d84",98,["D",1757015622434],0,"script","document.addEventListener(\"DOMContentLoaded\", function () {\n // Find all

 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});",[],[64],"3574bcfa-8a6d-11f0-9f49-0224a6c84d84","db.ts","dbe9dffc-89c8-11f0-a422-0224a6c84d84",103,["D",1757086210128],1,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite/main.tsx\";\nimport * as client from \"npm:openid-client\";\n\nexport async function initializeDatabase() {\n  await sqlite.batch([\n    `\n    CREATE TABLE IF NOT EXISTS example_oauth_sessions (\n      session_id TEXT PRIMARY KEY,\n      access_token TEXT NOT NULL,\n      refresh_token TEXT NOT NULL,\n      expires_at INTEGER NOT NULL,\n      created_at INTEGER NOT NULL,\n      updated_at INTEGER NOT NULL\n    );\n  `,\n  ]);\n}\n\n// Store or update session in database\nexport async function storeSession(\n  sessionId: string,\n  tokens: client.TokenEndpointResponse,\n): Promise {\n  const now = Date.now();\n  const expiresAt = now + (tokens.expires_in * 1000);\n  return await sqlite.execute(\n    `\n    INSERT INTO example_oauth_sessions \n    (session_id, access_token, refresh_token, expires_at, created_at, updated_at)\n    VALUES (?, ?, ?, ?, ?, ?)\n    ON CONFLICT(session_id) DO UPDATE SET\n      access_token = excluded.access_token,\n      refresh_token = excluded.refresh_token,\n      expires_at = excluded.expires_at,\n      updated_at = excluded.updated_at\n    RETURNING *\n  `,\n    [sessionId, tokens.access_token, tokens.refresh_token, expiresAt, now, now],\n  ).then((r) => r.rows[0] as unknown as Session);\n}\n\nexport async function getSession(\n  sessionId: string,\n  config: client.Configuration,\n) {\n  const result = await sqlite.execute(\n    `\n    SELECT * FROM example_oauth_sessions WHERE session_id = ?\n  `,\n    [sessionId],\n  );\n  const session = result.rows[0] as unknown as Session | null;\n  if (!session) {\n    return null;\n  }\n  return await refreshTokenIfNeeded(session, config);\n}\n\nasync function deleteSession(userId: string) {\n  await sqlite.execute(\n    `\n    DELETE FROM example_oauth_sessions WHERE session_id = ?\n  `,\n    [userId],\n  );\n}\n\ntype Session = {\n  session_id: string;\n  access_token: string;\n  refresh_token: string;\n  expires_at: number;\n  created_at: number;\n  updated_at: number;\n};\n\nexport async function refreshTokenIfNeeded(\n  session: Session,\n  config: client.Configuration,\n): Promise {\n  const now = Date.now();\n  const bufferTime = 5 * 60 * 1000; // 5 minutes buffer\n\n  // If token expires within 5 minutes, refresh it\n  if (session.expires_at - now <= bufferTime) {\n    try {\n      console.log(\"Refreshing token proactively...\");\n      const newTokens = await client.refreshTokenGrant(\n        config,\n        session.refresh_token,\n      );\n\n      // Update session with new tokens\n      return storeSession(session.session_id, newTokens);\n    } catch (error) {\n      console.error(\"Token refresh failed:\", error);\n      // Delete invalid session\n      await deleteSession(session.session_id);\n      return null;\n    }\n  }\n\n  return session;\n}",[],[74],"7ad1a9d2-1f76-11f0-806a-569c3dd06744",["D",1745325417561],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",95,"likeCount",2,"orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_91":92,"_133":134,"_135":59},"branch",{"_17":76,"_13":16,"_33":36,"_122":82,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":82,"_13":14,"_45":176,"_84":-5,"_85":59,"_86":87,"_88":87,"_89":-5,"_90":-5,"_91":92,"_93":38,"_94":56,"_95":-5,"_96":97,"_98":99,"_100":101,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":107,"_108":107,"_109":110,"_111":110,"_112":110,"_113":107,"_114":107,"_115":177,"_117":178,"_119":179,"_121":59},[167,168,169],"files",[167,168,169],"counts",{"_158":68,"_159":99,"_160":78,"_32":161,"_162":163},[],{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":42,"_17":43,"_44":-5,"_45":156,"_47":48,"_49":50,"_18":157},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1757017555718],[19],"pulls","branches","forks",{"_164":78,"_166":68},"connections",{"_164":68,"_165":68},"count","unfilledCount","emptyCount",{"_33":73,"_13":74,"_37":75,"_44":-5,"_35":36,"_47":76,"_55":56,"_45":77,"_17":78,"_41":69,"_39":79,"_58":59,"_49":-5,"_60":174,"_18":175},{"_33":63,"_13":64,"_37":65,"_44":-5,"_35":36,"_47":66,"_55":56,"_45":67,"_17":68,"_41":69,"_39":70,"_58":59,"_49":-5,"_60":172,"_18":173},{"_33":34,"_13":19,"_37":38,"_44":-5,"_35":36,"_47":48,"_55":56,"_45":57,"_17":43,"_41":42,"_39":40,"_58":59,"_49":50,"_60":170,"_18":171},[],[19],[],[64],[],[74],["D",1745325417561],{"_11":12,"_136":132},{"_11":12,"_130":-5,"_131":132,"_91":92,"_133":134,"_135":59},{"_17":76,"_13":16,"_33":36,"_122":82,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"ctx",{"_115":-5,"_153":213,"_214":215,"_216":217,"_218":59,"_219":59,"_220":59,"_221":56,"_222":-5,"_223":-7,"_224":-7,"_225":68,"_226":59,"_227":59,"_228":-5,"_229":59,"_230":59,"_231":59,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":16,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"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"]