Generate Spotify Access Tokens

\n This app uses{\" \"}\n \n Authorization Code Flow\n {\" \"}\n to authenticate users:\n

\n This project sets the CLIENT_ID and CLIENT_SECRET environment variables for the relevant Spotify App.\n
\n We generate a unique code that you will use to authenticate to us: {c.get(\"state\")}\n
You can pick which scopes to authorize.
We construct a URL to redirect you to, which will ask you to authorize the app on Spotify.
You are redirected back here, with a code in the URL.
We exchange the code for an access token and refresh token, which we save.
\n You can request your access token at{\" \"}\n \n https://{new URL(c.req.url).hostname}/token?state={c.get(\"state\")}\n \n
If your access token expires, we use the refresh token to get a new one.
Use your access token to make requests to the Spotify API by importing `getSpotifyToken` in your other vals.

\n\n

\n Get started\n

\n\n

\n

\n If you get in a broken state, you can always{\" \"}\n \n remove access to this app from your Spotify account\n or clear your cookies and begin the token generation process again.\n

\n ))\n .get(\"/scopes\", c =>\n c.html(\n

Choose your Spotify Scopes

\n \n

\n ))\n .get(\"/login\", async (c) => {\n const state = c.get(\"state\");\n const scopes = c.req.queries(\"scopes[]\").join(\" \");\n\n await insertPendingCallback({ id: state });\n const params = new URLSearchParams({\n response_type: 'code',\n client_id: Deno.env.get(\"CLIENT_ID\"),\n scope: scopes,\n redirect_uri,\n state,\n })\n return c.redirect(\n `https://accounts.spotify.com/authorize?${params}`);\n}).get(\"/callback\", async (c) => {\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\") as string;\n\n if (state !== c.get(\"state\")) {\n return c.html(\"State mismatch 1\");\n }\n\n const rowInitial = getRow(state)\n if (!rowInitial) {\n return c.html(\"State mismatch 2\");\n }\n if (rowInitial.data) {\n return c.html(\"Already authenticated for that state\");\n }\n\n const data = await spotifyRequestToken({\n code,\n client_id: Deno.env.get(\"CLIENT_ID\"),\n client_secret: Deno.env.get(\"CLIENT_SECRET\"),\n redirect_uri,\n });\n\n if (data.error) return c.json(data.error);\n if (!data.access_token) return c.json(\"No access token\");\n await updateRow(state, { data })\n if (data.refresh_token) await updateRow(state, { refresh_token });\n\n return c.redirect(\"/token?state=\" + state);\n})\n .get(\"/token\", async (c) => {\n const state = c.req.query(\"state\") as string;\n try {\n const token = await getSpotifyToken(state);\n return c.json(token);\n } catch (e) {\n if (e === \"NO_DATA\") return c.json(\"No auth data found for supplied state\");\n if (e === \"NO_TOKEN\") return c.json(\"No refresh access token\");\n if (e.startsWith(\"REFRESH_ERROR: \")) return c.json(\"Refresh error: \" + e.split(\" : \")[1]);\n throw e;\n }\n});\n\nexport default app.fetch;",[],[102],"files",[153,174,185,195],"counts",{"_208":29,"_209":164,"_210":164,"_211":29},"pulls","branches","forks","envVars","contents",[],{"_106":196,"_98":102,"_156":118,"_158":-5,"_159":141,"_160":197,"_161":162,"_108":215,"_103":199,"_165":200,"_167":201,"_169":25,"_170":-5,"_101":216},["D",1738706446949],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":40,"_103":-7,"_101":102,"_104":223,"_151":228,"_204":241,"_166":242,"_212":244,"_245":-5,"_246":25,"_247":-5,"_248":-5,"_249":-5,"_250":251},{"_106":107,"_98":99,"_108":224,"_110":-5,"_111":25,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":118,"_119":25,"_120":-5,"_121":29,"_14":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_19":225,"_135":226,"_138":227,"_150":25},["D",1738703804472],{"_96":97,"_133":134},{"_96":97,"_137":134},{"_103":140,"_98":40,"_106":141,"_142":107,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":99,"_149":97},[229,232,235,238],{"_106":154,"_98":155,"_156":157,"_158":-5,"_159":141,"_160":140,"_161":162,"_108":163,"_103":164,"_165":166,"_167":168,"_169":25,"_170":-5,"_171":230,"_101":231},[],[155],{"_106":175,"_98":176,"_156":177,"_158":-5,"_159":141,"_160":178,"_161":162,"_108":179,"_103":180,"_165":181,"_167":182,"_169":25,"_170":-5,"_171":233,"_101":234},[],[176],{"_106":186,"_98":187,"_156":188,"_158":-5,"_159":141,"_160":189,"_161":162,"_108":190,"_103":191,"_165":181,"_167":192,"_169":25,"_170":-5,"_171":236,"_101":237},[],[187],{"_106":196,"_98":102,"_156":118,"_158":-5,"_159":141,"_160":197,"_161":162,"_108":198,"_103":199,"_165":200,"_167":201,"_169":25,"_170":-5,"_171":239,"_101":240},[],[102],[229,232,235,238],{"_106":196,"_98":102,"_156":118,"_158":-5,"_159":141,"_160":197,"_161":162,"_108":215,"_103":199,"_165":200,"_167":201,"_169":25,"_170":-5,"_101":243},[102],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]