[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_59":154,"_16":-7,"_17":155,"_156":157,"_26":158,"_19":159,"_21":160,"_161":-5,"_162":-5,"_163":-5,"_164":33,"_165":166,"_167":33},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":-7,"_24":-5,"_25":-5,"_26":27,"_28":29,"_30":-5,"_31":-5,"_32":33,"_34":33},"handle","maxm","name","oauthExample","branchName","version","project",{"_35":102,"_13":14,"_47":103,"_104":-5,"_105":33,"_106":107,"_108":-5,"_109":-5,"_110":111,"_112":39,"_113":46,"_114":-5,"_115":116,"_117":93,"_118":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":134,"_135":136,"_137":138,"_139":33},"counts",{"_91":68,"_92":93,"_94":78,"_95":96,"_97":98},"contents",[82,83,84],"readme","upstream","pull","files",[61,62,29],"preview",{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_16":49,"_50":51,"_52":53,"_54":33,"_55":56,"_57":58,"_59":60},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","id","5c3d8d3a-89cd-11f0-bf97-0224a6c84d84","main.tsx","fileId","7edff178-1f76-11f0-b020-569c3dd06744","parentId","branchId","7ad214ee-1f76-11f0-806a-569c3dd06744","branchVersion",102,"latest",true,"createdAt",["D",1757017555718],101,"fileType","http","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}","deleted","label","maxm-townie","children",[],"path",[37],{"_35":73,"_13":74,"_38":75,"_40":-5,"_41":42,"_43":76,"_45":46,"_47":77,"_16":78,"_50":69,"_52":79,"_54":33,"_55":-5,"_57":80,"_59":81},{"_35":63,"_13":64,"_38":65,"_40":-5,"_41":42,"_43":66,"_45":46,"_47":67,"_16":68,"_50":69,"_52":70,"_54":33,"_55":-5,"_57":71,"_59":72},"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],{"_35":73,"_13":74,"_38":75,"_40":-5,"_41":42,"_43":76,"_45":46,"_47":89,"_16":78,"_50":69,"_52":79,"_54":33,"_55":-5,"_59":90},{"_35":63,"_13":64,"_38":65,"_40":-5,"_41":42,"_43":66,"_45":46,"_47":87,"_16":68,"_50":69,"_52":70,"_54":33,"_55":-5,"_59":88},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":85,"_16":49,"_50":51,"_52":53,"_54":33,"_55":56,"_59":86},["D",1757017555718],[37],["D",1757015622434],[64],["D",1757086210128],[74],"pulls","branches",2,"forks","envVars",{"_99":78,"_101":68},"connections",{"_99":68,"_100":68},"count","unfilledCount","emptyCount","7ad1a9d2-1f76-11f0-806a-569c3dd06744",["D",1745325417561],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","userId","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion",95,"likeCount","orgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_153":150},"org",{"_11":12,"_149":150,"_110":111,"_151":152},"branch",{"_16":76,"_13":140,"_35":42,"_141":102,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":14,"_148":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9","tier","pro","profileImageUrl","",{"_35":102,"_13":14,"_47":185,"_104":-5,"_105":33,"_106":107,"_108":-5,"_109":-5,"_110":111,"_112":39,"_113":46,"_114":-5,"_115":116,"_117":93,"_118":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":186,"_135":187,"_137":188,"_139":33},"tree",[176,177,178],[176,177,178],{"_91":68,"_92":93,"_94":78,"_95":174,"_97":175},[168,169,170],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"navCollapsed",{"_35":73,"_13":74,"_38":75,"_40":-5,"_41":42,"_43":76,"_45":46,"_47":89,"_16":78,"_50":69,"_52":79,"_54":33,"_55":-5,"_59":173},{"_35":63,"_13":64,"_38":65,"_40":-5,"_41":42,"_43":66,"_45":46,"_47":87,"_16":68,"_50":69,"_52":70,"_54":33,"_55":-5,"_59":172},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":85,"_16":49,"_50":51,"_52":53,"_54":33,"_55":56,"_59":171},[37],[64],[74],{"_99":78,"_101":68},{"_99":68,"_100":68},{"_35":73,"_13":74,"_38":75,"_40":-5,"_41":42,"_43":76,"_45":46,"_47":77,"_16":78,"_50":69,"_52":79,"_54":33,"_55":-5,"_57":183,"_59":184},{"_35":63,"_13":64,"_38":65,"_40":-5,"_41":42,"_43":66,"_45":46,"_47":67,"_16":68,"_50":69,"_52":70,"_54":33,"_55":-5,"_57":181,"_59":182},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_16":49,"_50":51,"_52":53,"_54":33,"_55":56,"_57":179,"_59":180},[],[37],[],[64],[],[74],["D",1745325417561],{"_11":12,"_153":150},{"_11":12,"_149":150,"_110":111,"_151":152},{"_16":76,"_13":140,"_35":42,"_141":102,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":14,"_148":12},"ctx",{"_133":-5,"_222":223,"_224":225,"_226":33,"_227":33,"_228":33,"_229":-5,"_230":-7,"_231":-7,"_232":68,"_233":33,"_234":33,"_235":-5,"_236":33,"_237":33},"ENV",{"_193":194,"_195":196,"_197":198,"_199":140,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","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","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]