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;","deleted","label",[127],"d17837a6-e344-11ef-bf1c-e6cdfca9ef9f","getSpotifyToken","f0f86901-b73e-4809-a525-b6d3534e42e0",["D",1738707018209],"script","import { getRow, getLatestRefreshRow, updateRow } from\"./db\";\n\nexport async function getSpotifyToken(state: string) {\n const authData = await getRow(state);\n if (!authData) throw \"NO_DATA\";\n\n const data = JSON.parse(authData.data);\n let expiresAt = data.now + (data.expires_in * 1000);\n if (expiresAt > Date.now()) {\n return data.access_token;\n }\n const refreshData = await getLatestRefreshRow(state);\n if (!refreshData) throw \"NO_DATA\";\n let refresh = await spotifyRefreshToken({\n refresh_token: refreshData.refresh_token,\n client_id: Deno.env.get(\"CLIENT_ID\"),\n client_secret: Deno.env.get(\"CLIENT_SECRET\"),\n });\n if (refresh.error) {\n console.error(refresh.error, refresh.error_description);\n throw \"REFRESH_ERROR: \" + refresh.error;\n }\n if (!refresh.access_token) throw \"NO_TOKEN\";\n await updateRow(state, { data: refresh })\n if (refresh.refresh_token) await updateRow(state, { refresh_token: refresh.refresh_token });\n return refresh.access_token\n}",[142],"d178342c-e344-11ef-bf1c-e6cdfca9ef9f","db","1a4dc579-e332-4c5a-a21f-0b5c51ee4dc1",["D",1738707018209],"import { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\nimport { eq, sql, and, isNotNull } from \"npm:drizzle-orm\";\nimport { drizzle } from \"npm:drizzle-orm/libsql\";\nimport { sqliteTable, text } from \"npm:drizzle-orm/sqlite-core\";\n\nawait sqlite.execute(\"CREATE TABLE IF NOT EXISTS spotify_auth (id text primary_key, data text, refresh_token text)\")\n\nexport const db = drizzle(sqlite as any);\nexport const table = sqliteTable(\"spotify_auth\", {\n id: text(\"id\").primaryKey(),\n data: text(\"data\"),\n refresh_token: text(\"refresh_token\"),\n});\n\nexport const insertPendingCallback = (id: string) =>\n db.insert(table).values([{ id }]);\n\nexport const getRow = async (id: string) => {\n const [row] = await db.select().from(table).where(eq(table.id, id)).limit(1);\n return row\n}\nexport const getLatestRefreshRow = async (id: string) => {\n const [row] = await db.select().from(table).where(and(eq(table.id, id), isNotNull(table.refresh_token))).limit(1);\n return row;\n}\n\nexport const updateRow = async (id: string, data: Partial<{ data: object, refresh_token: string }>) => {\n if (data.data) {\n data.data.now = Date.now()\n data.data = JSON.stringify(data.data);\n }\n await db.update(table).set(...data).where(eq(table.id, id));\n}",[149],"d1782eaa-e344-11ef-bf1c-e6cdfca9ef9f","README.md","9f4216e6-e1ec-431b-94cc-7620fdc390f4",["D",1738707018209],"# spotifyOauthServer\n\nInstantly handle Spotify access with this server!\n\nHandles the token generation and refreshing as required.\n\nMake sure to set the CLIENT_ID and CLIENT_SECRET environment variables, as well as the URL of the server in the code.",[155],"pulls","branches","forks","envVars",{"_167":20,"_169":20},"connections",{"_167":20,"_168":20},"count","unfilledCount","emptyCount",{"_26":154,"_13":155,"_128":156,"_129":-5,"_130":69,"_131":68,"_132":41,"_28":184,"_67":20,"_134":101,"_136":158,"_138":24,"_139":-5,"_175":185,"_89":186},{"_26":148,"_13":149,"_128":150,"_129":-5,"_130":69,"_131":68,"_132":41,"_28":181,"_67":20,"_134":145,"_136":152,"_138":24,"_139":-5,"_175":182,"_89":183},{"_26":141,"_13":142,"_128":143,"_129":-5,"_130":69,"_131":68,"_132":41,"_28":178,"_67":20,"_134":145,"_136":146,"_138":24,"_139":-5,"_175":179,"_89":180},{"_26":126,"_13":127,"_128":39,"_129":-5,"_130":69,"_131":68,"_132":41,"_28":174,"_67":20,"_134":135,"_136":137,"_138":24,"_139":-5,"_175":176,"_89":177},["D",1738707018209],"children",[],[127],["D",1738707018209],[],[142],["D",1738707018209],[],[149],["D",1738707018209],[],[155],["D",1738707018209],{"_11":12,"_88":84},{"_11":12,"_82":-5,"_83":84,"_25":37,"_85":86,"_87":24},{"_67":68,"_13":16,"_26":69,"_70":27,"_71":72,"_73":74,"_75":33,"_76":77,"_78":79,"_80":14,"_81":12},"ctx",{"_60":-5,"_111":224,"_225":226,"_227":228,"_229":24,"_230":24,"_231":24,"_232":41,"_233":-5,"_234":-7,"_235":-7,"_236":20,"_237":24,"_238":24,"_239":-5,"_240":24,"_241":24,"_242":24,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History